@import url( ../../base.css); /* this theme is based on the classic www.tikiwiki.org theme 'moreneat' */


/*** global settings ***/
/* these settings should be at the top of the css since they are the defaults and can be overridden further down */
body				{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px; background-color:#e9ecef;}
th					{background:#c7d0d9; font-weight:normal;}
th a				{text-decoration:none;}
hr					{}

/* set the default font-size on the entire page | annoyingly this has to be one in this way for MSIE */
input,select		{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px;}
textarea			{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px;}
small				{}


/* general page title settings on every page */
h1					{font-size:20px; padding:0px; margin:0px;}
h2					{font-size:18px;}
h3					{font-size:16px;}
h1, h2, h3			{font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}

/* links */
a					{color:#436976;}
a:hover				{color:#000; background-color:#e9ecef;}
/* images */
img					{}
a img:hover			{}


/*** site layout ***/
#bittopbar			{background:#c7d0d9; border-top:1px solid #8cacbb; border-bottom:1px solid #8cacbb;
}
#bittopbar a		{text-decoration:none;}
#bitprint			{}



/*** common classes ***/
.display			{}
.preview			{}
.header				{}
.header h1			{margin:0; padding:0.5em 0;}
.header h1,
.header h1 a,
.header h1 a:hover	{font-size:26px; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color :#000; text-decoration:none;}
.header h2			{font-size:14px; font-weight:normal;}
.date				{}

.body				{
	border:1px solid #8cacbb; 
	padding-left:7px; 
	padding-right:7px;
	background:#fff; font-size:12px;
	}
.content			{}
.footer				{}



/*** boxes ***/
.box				{background:#fff; border:1px solid #8cacbb; margin:5px;}
.box h3				{background-color:#c7d0d9; border-bottom:1px solid #8cacbb;}
.box h3 a			{text-decoration:none;}
.boxcontent			{padding:5px;}



/*** menus ***/
/* first we set the general settings */
.menu .head			{margin:0; text-decoration:none; border-bottom:1px solid #aeaeae;}
.menu .head:hover	{}
.menu .item:hover	{}
/* css dropdown related stuff */
.hor .head			{border:0;}
.hor ul .head		{border:solid #c7d0d9; border-width:0 10px;}
.hor ul .head:hover	{border-color:#8cacbb;}
.hor .item			{margin:0;}
.hor li a			{padding:0 0 0 5px;}
.hor li li ul		{margin-top:-1.9em;}
/* remove icons from dropdown menus */
.hor .icon,
.ver .icon			{display:none;}



/*** articles ***/
.articles .post			{margin-bottom:30px;}



/*** parsed text elements ***/
/* -=...=- */
.bitbar				{background:#c7d0d9; border:1px solid #8cacbb; padding:1px;}

/* cached pages */
.bitcache			{}

/* links to internal pages */
.bittable			{}
.bittable td		{border:1px solid #8cacbb;}



/*** images and icons ***/
/* icons */
.icon,.icon:hover	{}

/* floating help and/or admin icon at the top of admin pages */
.floaticon			{}

/* space out entries */
ul.data li.item			{list-style:none; margin:10px; padding:0;}

/* any table displaying data */
.data				{border:1px solid #8cacbb;}
.data td			{border:1px solid #8cacbb;}
.odd li			{margin-bottom:20px;}

/* alternating odd and even rows in tables */
.odd				{}
/* .even				{background:#f7f9fa;} */
/*.even                                {background:#E2F1F8;} */
.even                                {background:#CEE8F4;}

/* when no data is found - either a <tr> or a <div> */
.norecords			{}

/* find table found on pages with listings */
.find				{}



/* tabstyle */
.tabsystem .tabcontainer .tab a,
.tabsystem .tabcontainer .tab-hover a,
.tabsystem .tabcontainer .tab-active a	{text-decoration:none;}
.tabsystem .tabcontainer .tab a:hover,
.tabsystem .tabcontainer .tab-hover a:hover,
.tabsystem .tabcontainer .tab-active a:hover	{background:transparent;}
.tabsystem .tabcontainer .tab,
.tabsystem .tabcontainer .tab-hover,
.tabsystem .tabcontainer .tab-active	{top:3px; font:10px normal verdana,arial,sans-serif; margin:0 3px; padding:3px 5px 1px 5px; background:#c7d0d9; border:1px solid #ccc; border-bottom:0;}
.tabsystem .tabcontainer .tab-hover		{padding-top:2px; border-top:2px solid #f90;}
.tabsystem .tabcontainer .tab-active	{top:1px; padding:2px 8px 4px 8px; margin:0 0px; border-top:2px solid #f90; background:#e9ecef; color:#000;}
.tabsystem .tabpage						{border:1px solid #ccc; padding:1.5em;}



/*** navigation bars and tabs ***/
.navbar				{}
.navbar a			{
	font:12px normal verdana,arial,sans-serif;
	font-weight: bold;
	border:1px solid #99bec6; 
	color:#225566; 
	margin:0 2px; 
	padding:0 2px; 
	background-color:#c7d0d9; 
	text-decoration:none;
	}

/* pagination at the bottom of pages with listings */
.pagination			{padding:15px;}



/*** settings that have to be at the end ***/
.highlight,
a .highlight		{}


@media print {
	*			{background:#fff !important;}
	body		{padding:0 !important; margin:0 !important;}
	#container	{width:100% !important; margin:0 !important;}
	#wrapper	{float:none !important; width:100% !important;}
	#content	{margin:0 !important;}
	#bittopbar,.floaticon,.navbar,.footer,#logout,
	.menubar,#navigation,#extra,#navigation,
	#footer		{display:none !important;}
}

.jhtbar		{
	/*#5d8862*/
	background: #FFF;
	border-style: dotted;
	margin: 3px;
	padding: 4px 5px;
	line-height: 1.2em;
	color: #000;
}

.bitbar {
	color: #900;
	border-bottom: 1px dotted #999;
	padding: 0.2em 1em;
}

.logo {
	float: left;
	width: 100%;
	padding: 5px;
	text-align: center;
}


div.topads {
	float: left;
	margin-left: 40px;
	margin-right: 20px;
	width: auto;
        font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:10px; 
}

div.topgooglesearch {
	float: right;
	margin-right:30px;
}


div.topbar {
	background: #ffffe7;
	border-top: 5px solid #8cacbb;
	border-bottom: 5px solid #8cacbb;
	font-family: longisland,christie,serif;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 10px;
	height: 70px;
	margin-top: 0px;
	margin-bottom: 1px;
	width: 100%;
/*	position: float; */
	overflow: hidden;
}


.topgooglesearch table {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	width: 0;
	margin-right: 20px;
}

.bitbox	{
	padding: 5px;
	margin: 5px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-left: 5px solid #900;
	border-right: 5px solid #900;
	background: #f5f5f5;
}

/******************************************************************************************/
/*** boxes ***/
.bitbox	{
	padding: 5px;
	margin: 5px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-left: 5px solid #900;
	border-right: 5px solid #900;
	background: #f5f5f5;
}

.bitbox code {
	font-size: 12px;
	}

.box {
	/*#fff*/
	background: #ffffe7;
	border: 1px solid #8cacbb;
	margin: 5px;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
}

.boxtitle {
	background-color: #c7d0d9;
	border-bottom: 1px solid #8cacbb;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
}

.boxtitle a {
	text-decoration: none;
}

.boxcontent {
	padding: 5px;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
}

.box h3 {
	/*#93c0d7 #6d96d7 #35a5e7 #ffa5e7 #c7d0d9 #5d8862*/
	background-color: #b5d7ec;
	border-bottom: 1px solid #8cacbb;
	margin: 2px;
	text-align: center;
	font-size: 14px;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
}

.box h3 a {
	text-decoration: none;
}

.module {
	border:1px solid #8cacbb;
	overflow: hidden;
	border-radius: 1em;
	margin: 5px;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
}

.sidebarmenu {
overflow: visible;
}

#x {
	border:1px solid #8cacbb;
/*	height:14em; */
	overflow: visible;
	border-radius: 1em;
	margin: 5px;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
}

.module h3 {
	/*#93c0d7 #6d96d7 #35a5e7 #ffa5e7 #c7d0d9 #5d8862*/
	background-color: #b5d7ec;
	border-bottom: 1px solid #8cacbb;
	margin: 2px;
	text-align: center;
	font-size: 14px;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
}

.post                 {}

.commentblock	      {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
			font-size:10px; 
			padding:5px;
			}

.cbody                {background-color: #fff; 
			margin-bottom:20px;
			border:1px solid #8cacbb;
			}

.maketoc		{
	font-size: 0.9em;
	width: 35%;
	line-height: normal;
	float: right;
	border: 1px solid #999;
	background: #eee;
	margin: 0 0 1em 1em;
	padding: 1em;
	clear: right;
}

.maketoc h3		{
	padding: 0;
	border-bottom: 1px solid #999;
}

.maketoc a		{
	color: #666;
}

.maketoc ul		{
	margin: 0 0 0 1em;
	padding: 0;
}

.maketoc ul li	{
	list-style: square outside;
}

.maketoc ul ul	{
	margin: 0 0 0 2em;
	padding: 0;
}

.maketoc_center		{
	font-size: 0.9em;
	width: auto;
	line-height: normal;
	border: 1px solid #999;
	background: #eee;
	margin: 0 auto 0 auto;
	padding: 0 0 1em 0;
	clear: right;
}

.maketoc_center h3	{
	padding: 0 0 0 1em;
	margin: 0;
	border-bottom: 1px solid #999;
}

.maketoc_center a	{
	color: #666;
}

.maketoc_center ul	{
	margin: 0 0 0 2em;
	padding: 0;
}

.maketoc_center ul li	{
	list-style: square outside;
}

.maketoc_center ul ul	{
	margin: 0 0 0 2em;
	padding: 0;
}

.minifind                      {width:500px;}


#bitvertmenu			{
/*	background:#fff; */ 
	border-top:1px solid #8cacbb; 
	border-bottom:1px solid #8cacbb;
	}
#bitvertmenu a		{text-decoration:none;}
#bitvertmenu .hor .head			{border:0px; width:10em;}
#bitvertmenu .hor ul .head		{margin-top:0em; border:solid #000; border-width:0px;}
#bitvertmenu .hor ul .head:hover	{border-color:#8cacbb;
	margin-left: 10em;
	}
#bitvertmenu .hor .item			{margin:0;}
#bitvertmenu .hor li a			{padding:0 0 0 5px;}
#bitvertmenu .hor li li ul		{
	margin-top:-2.35em;
	margin-left: 10em;
	}
#bitvertmenu .hor li  ul              {
		margin-left : 10em;
		margin-top : -2.35em;
}
/* remove icons from dropdown menus */
#bitvertmenu .hor .icon,
#bitvertmenu .ver .icon			{display:none;}


	
	#voipnav, #voipnav ul { /* all lists */
		z-index:5000;
		padding: 0;
		margin: 0;
		list-style: none;
/*		float : left; */
		width : 16em;
	}
	
	#voipnav li { /* all list items */
		position : relative;
		z-index:5000;
/*		float : left; */
		line-height : 1.55em;
		margin-bottom : -0px;
		width: 16em;
	}
	
	#voipnav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		z-index:5000;
		margin-left : 15em;
		margin-top : -1.6em;
		border : 1px solid black;
		background-color : #e9ecef;
	}
	
	#voipnav li ul ul { /* third-and-above-level lists */
		z-index:5000;
		left: -999em;
	}
	
	#voipnav li a {
		z-index:5000;
		width: 15em;
		display : block;
		color : black;
/*		font-weight : bold; */
		text-decoration : none;
/*		background-color : #e9ecef; */
/*		background-color : red;  
/*		border : 1px solid black; */
		padding : 0 0.5em;
	}
	
	#voipnav li a:hover {
		z-index:5000;
		color : white;
		background-color : black;
	}
	
	#voipnav li:hover ul ul, #voipnav li:hover ul ul ul, #voipnav li.sfhover ul ul, #voipnav li.sfhover ul ul ul {
		z-index:5000;
		left: -999em;
	}
	
	#voipnav li:hover ul, #voipnav li li:hover ul, #voipnav li li li:hover ul, #voipnav li.sfhover ul, #voipnav li li.sfhover ul, #voipnav li li li.sfhover ul { /* lists nested under hovered list items */
		z-index:5000;
		left: auto;
	}
	
.content_title h1 {margin-bottom:0.5em; margin-top:0.25em;}


.navbar {}
.navbar a			{
	font:12px normal verdana,arial,sans-serif;
	font-weight: bold;
	border:1px solid #99bec6; 
	color:#225566; 
	margin:0 2px; 
	padding:0 2px; 
	background-color:#c7d0d9; 
	text-decoration:none;
	}



.jnavbar {
	float:left;
	width:100%;
/*	background:#F4F7FB; */
/*	background:#EFEFEF; */
	background:#e9ecef;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #BCD2E6;
	}

.jnavbar ul {
	margin:0;
	padding:0px 10px 0 50px;
	list-style:none;
	}

.jnavbar li {
	display: inline;
	margin: 0;
	padding: 0;
	}

.jnavbar a {
	float: left;
	background: url("../../../tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }

.jnavbar a span {
      float:left;
      display:block;
      background:url("../../../tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      }


    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.jnavbar a span {float:none;}
    /* End IE5-Mac hack */
.jnavbar a:hover span
 {
    /*  color:#627EB7; */
      color:#FF0000; 
      }
.jnavbar a:hover {
      background-position:0% -45px;
      }
.jnavbar a:hover span {
      background-position:100% -45px;
      }


.jnavbarx a {
	float: left;
	background: url("../../../tableft1.gif") no-repeat left top;
	      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      background-position:0% -42px;
      }

.jnavbarx a span {
      float:left;
      display:block;
      background:url("../../../tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      background-position:100% -42px;
      }


    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.jnavbarx a span {float:none;}
    /* End IE5-Mac hack */
.jnavbarx a:hover span
 {
/*      color:#627EB7; */
      color:#FF0000;

      }
.jnavbarx a:hover {
      background-position:0% -42px;
      }
.jnavbarx a:hover span {
      background-position:100% -42px;
      }

/* top right  bottom  left */
.blogs .body .row { padding:10px 10px 10px 0px; }

.blogs .post {padding-bottom: 10px; margin:10px 10px 20px 0px;}
.blogs .post .floaticon {float:none; text-align: right;}
.blogs .post .footer {padding-top: 10px;}

.blogs .header h1 {padding-bottom: 0px;  }

.blogs .list .floaticon {float:none; text-align: right;}

.blogs .list .clear {padding-bottom: 10px;}

.blogs .avatar {float: none;}

.blogs .userinfo  {float:left;width:140px;}

.blogs .footer { padding-bottom: 40px; }

.blogs .footer2 { padding-bottom: 5px;  color:#999;}

.userimages .row {padding-bottom: 40px;}

.userpreferences .row {padding-bottom: 5px; padding-top: 5px;}

.my .row {padding-bottom: 5px; padding-top: 5px;}

.user .row {padding-bottom: 5px; padding-top: 5px;}


.xboards .body {
	padding: 0;
	margin: 0; 
	float: none;
	width: auto;
/*	background-color:#e9ecef;*/
	background-color:#fff; 
	border:0px;
/*	margin-right: 20px; */
/*	padding-right: 10px; */
	
 }

/*.xboards .body .data { background-color:#888;} */

/*
.xboards .body .body { background-color:#fff; border:1px solid #8cacbb; padding-bottom: 0px; }
.xboards .xrow {background-color:#fff } 
.xboards .mb-post {padding-bottom: 0px;  margin:10px 10px 20px 0px; background-color:#fff; border:1px solid #ff0000;}
.xboards .footer { padding:0; margin:0;  background-color:#fff; float: right;  border:1px solid #00ff00;}
.xboards .footerx { padding:0; margin:0;  background-color:#fff; float: left;  border:1px solid #00ff00;}

.xboards .avatar {float: none;}

.xboards .userinfo  {float:left;width:140px; }
.xboards .header h2 {padding-top: 0px; margin-top: 0px; font-size:18px;}

.xboards .body .floaticon {padding: 0; margin: 0; float:right; text-align: right;  border:1px solid #8cacbb;}

*/

.xboards { overflow:auto; }

.xboards .mb-post {position:static; width:200px;  border:1px solid #ff0000; padding-bottom: 10px;}

.xboards .mb-post .body { }

.boards {}
.boards .body {background-color:#fff; border:1; float:left; width:100%;}
.boards .mb-post {padding-bottom: 10px;}
.boards .userinfo {}
.boards .content {}
.boards .floaticon {}
.boards .header {}
.xboards .vertical_divider {float:left; background-color:#ff0000; width:2px; height:60px;}
.boards .wrapper { border-left:1px solid #8cacbb; padding-left: 10px; }
.boards .header h2 {padding-top: 0px; margin-top: 0px; font-size:18px;}
.boards li { margin-top: 5px; margin-bottom: 5px;}


#horz_menu_bar                  {xbackground-color:#f00; xcolor:#f00;}
#horz_menu_bar a                {text-decoration:none;  font-size:16px;}
/* css driven dropdown menus - horizontal */
ul.hzmb *               {line-height:20px;}
ul.hzmb,
ul.hzmb li,
ul.hzmb ul              {padding:0; margin:0; list-style:none;}
ul.hzmb a               {display:block; padding:0 6px;}
ul.hzmb li              {width:auto;}
ul.hzmb li li,
ul.hzmb li ul   {width:25em; display:block; text-align:left;}
ul.hzmb .head   {width:auto;}
ul.hzmb li              {float:left; position:relative;}
ul.hzmb li li a {margin-left:1px;}
ul.hzmb li li .icon     {vertical-align:middle; margin-left:-23px;}
ul.hzmb li ul   {position:absolute; left:-999em; border:1px solid;}
ul.hzmb li ul ul        {margin:-21px 0 0 13em;}
/* remove admin icon margin */
ul.hzmb li.m-admin li a {margin:0;}
/* set some background colors for visibility */
/* thanks to our favourite browser we can't simply inherit the values */
#bittopbar      {z-index:1000;}
ul.hzmb         {z-index:1001;}
ul.hzmb ul              {z-index:1002;}
ul.hzmb ul ul   {z-index:1003;}
#bittopbar,
ul.hzmb,
ul.hzmb li,
ul.hzmb li ul   {background:#e9ecef;}
ul.hzmb li:hover ul ul, ul.hzmb li:hover ul ul ul {left:-999em;}
ul.hzmb li:hover ul, ul.hzmb li li:hover ul, ul.hzmb li li li:hover ul {left:auto;}
ul.hzmb li a                    {padding:0 0 0 15px; xbackground-color:#00ff00;}