/* colors: #3a484c #395d6e #ffc73b blue: #567889 #e6eff1 red: #9E0000 greys: #f5f5f5 #f2f2f2 #fcfcfc #666 #222 */

/*** MAIN ***/
html, body {background: #3a484c; margin: 0px; padding: 0px; height:100%;
    scrollbar-base-color: #3a484c; scrollbar-face-color: #576267; 
    scrollbar-track-color: #3a484c; scrollbar-arrow-color: #9faaac;
    scrollbar-highlight-color: #9faaac; scrollbar-3dlight-color: #576267; 
    scrollbar-shadow-color: #000000; scrollbar-darkshadow-color: #000000; 
}
body,p,table,td,th,ul,ol     {font: normal 12px Verdana, Arial, Helvetica, sans-serif;}
select,input,option,textarea {font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
textarea {border: 1px solid #000000;}
a img    {border: none;}
pre,code {font-family: courier; font-size: 10pt;}
pre      {font-size: 8pt; padding: 8px; background: #f9f9f9; border: 1px solid #EEEEEE;}
a:link, a:visited {text-decoration: underline; color: #1D4D70;} 
a:active, a:hover {text-decoration: none; color: #F4AB00;}
h1, h2, h3 {padding: 0px; margin: 0 0 .2em 0; font: bold 16px Arial, Helvetica, sans-serif; color: #016A96;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
hr {border: 0; width: 100%; color: #aaa; background-color: #aaa; height: 1px; line-height: 1px;}

/* br.clear {clear:both;} <-- use to clear div float */
/* div.container {border: 1px solid #000000; overflow: hidden; width: 100%;} */
/* form   {display: inline} */
/* small  {font-size:9px;} */


/* Text */
.text_small_white      {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #F9F9F9; text-decoration: none;}
.text_small            {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;}
.text_med              {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;}
.text_med_white        {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #F9F9F9; text-decoration: none;}
.text_normal           {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;}
.text_normal_paragraph {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; text-align: left; vertical-align: top;}
.text_big              {font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;}
.text_monospace        {font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;}

/* doc */
h1.title {color: #9E0000;}
.doc-sub  {color: #222; font: italic 14px Times New Roman, Times, serif;}
.doc-sub2 {color: #777; font-size: 9px; line-height: 16px;}
.doc-sub2 a {color: #777;}

/* Links */
.link1      { text-decoration: none; color: #FFFFFF; font-size: 12px;}
.link1Copy  { text-decoration: underline; color: #E6E6E6; font-size: 10px;}
.link1Copy2 { text-decoration: none; color: #1D4D70; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
.link2      { text-decoration: underline; color: #FFFFFF; font-size: 10px;}
.link3      { text-decoration: underline; color: #1D4D70; font-size: 10px;}
.link4      { text-decoration: none; color: #016A96; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.link5      { text-decoration: none; color: #1D4D70; font-size: 14px;}
.link6      { text-decoration: underline; color: #1D4D70; font-size: 12px;}
.link7      { text-decoration: none; color: #666666;}

A.link1:link, A.link1:visited  { text-decoration: none; color: #FFFFFF; font-size: 12px;}
A.link1:active, A.link1:hover  { text-decoration: none; color: #FFCC33;}
A.link2:link, A.link2:visited  { text-decoration: none; color: #FFFFFF; font-size: 10px;}
A.link2:active, A.link2:hover  { text-decoration: underline; color: #FFFFFF;}
A.link3:link, A.link3:visited  { text-decoration: underline; color: #1D4D70; font-size: 10px;}
A.link3:active, A.link3:hover  { text-decoration: none; color: #1D4D70;}
A.link4:link, A.link4:visited  { text-decoration: none; color: #016A96; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
A.link4:active, A.link4:hover  { text-decoration: underline; color: #016A96;}
A.link5:link, A.link5:visited  { text-decoration: none; color: #1D4D70; font-size: 14px;}
A.link5:active, A.link5:hover  { text-decoration: underline; color: #990000;}
A.link6:link, A.link6:visited  { text-decoration: underline; color: #1D4D70; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
A.link6:active, A.link6:hover  { text-decoration: none; color: #1D4D70;}
A.link7:link, A.link7:visited  { text-decoration: none; color: #444444;}
A.link7:active, A.link7:hover  { text-decoration: underline; color: #F4AB00;}

A.link1Copy2:link, A.link1Copy2:visited { text-decoration: none; color: #1D4D70; font-size: 10px;}
A.link1Copy2:active {text-decoration: none;}
A.link1Copy2:hover  {text-decoration: none; color: #FFC73B; background-color:#3A484C;}

/* terms link style hover color was #1D4D70 */
A.term1:link, A.term1:visited {cursor: help; text-decoration: none; color: #1D4D70;} 
A.term1:active, A.term1:hover {cursor: help; text-decoration: underline; color:#F4AB00;}


/* form fields */
/* default form fields used */
.formselect {height: 18px; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
.formtext {height:13px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000000;}

.formtext1 {width:140px; height:13px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000000;}
/* form field, used in conversion.php */
.formtext2 {height:13px; padding: 0; vertical-align: middle; font: normal 12px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000000;}
/* form field, used in comment form */
.formtext3 {font: normal 12px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000000;}


/* table styles */
/* blue-gray | blue was #7B95AF */
TABLE.bggrey {background:#FFFFFF; border-collapse: collapse; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none;}
TD.bgblue    {background:#668595; text-align: right; font-weight: bold; color: #F9F9F9;}
TD.bggrey    {background:#F5F5F5; text-align: left; font-weight: normal; color:#000000;}
TD.bggreyred {background:#F5F5F5; text-align: left; font-weight: normal; color:#9E0000;}

/* right menu tables - most recent | most popular | #567889 #E6EFF1 */
TABLE.bgright1 {background:#000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; text-decoration: none}
TD.bghead1 {background:#567889 url(/images/elem/right_menu_bg.gif); text-align: center; font-size:12px; font-weight: bold; color:#FFFFFF;}
TD.bgbody1 {background:#E6EFF1; text-align: left; font-size:11px; font-weight: normal; color:#000000;}

TABLE.bgright2 {background:#000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; text-decoration: none;}
TD.bghead2 {background:#567889 url(/images/elem/right_menu_bg.gif); text-align: center; font-size:12px; font-weight: bold; color:#FFFFFF;}
TD.bgbody2 {background:#E6EFF1; text-align: left; font-size:11px; font-weight: normal; color:#000000;}

/* collapsed 1px border used in routers db */
table.tborder {border-width:1px; border-collapse: collapse; border-style: solid; border-color: #CCCCCC #666666 #666666 #CCCCCC;}
table.tblight {border-width:1px; border-collapse: collapse; border-style: solid; border-color: #EEEEEE #AAAAAA #AAAAAA #EEEEEE;}


/* Heading */
div.heading1 {
	height: 18px;
	color: #FFFFFF;	background-color: #567889;
	font-size: 14px; font-weight: bold; font-family: sans-serif; line-height: 18px;
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 3px;
	border: 1px solid; border-color: #a5bdc9 #000000 #000000 #a5bdc9;
}
.heading1 a:link, .heading1 a:visited  { text-decoration: none; color: #FFFFFF; }
.heading1 a:active, .heading1 a:hover  { text-decoration: none; color: #FFCC33; }
.heading1 img { border: 0px; padding: 0px 3px 0px 0px; vertical-align: middle; }

/*
div.heading2 {
    background: url(/images/heads/heading_1500.gif) top left no-repeat;
    height: 25px;
    margin: 0px 10px 0px 10px; padding: 0px 0px 0px 5px;
    font-size: 14px; font-weight: bold; font-family: sans-serif; line-height: 18px;
}
.heading2 a:link, .heading2 a:visited  { text-decoration: none; color: #FFFFFF; }
.heading2 a:active, .heading2 a:hover  { text-decoration: none; color: #FFCC33; }
.heading2 img { border: 0px; padding: 0px 3px 0px 0px; vertical-align: middle; }
*/

/* image button hover alpha blend */
a.button img       {vertical-align: middle; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0; border: 0px; }
a.button:hover img {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6; border: 0px; }


/* CSS button */
a.cssbutton:link, a.cssbutton:visited {
	display: inline; line-height: 18px; white-space: nowrap;  
	color: #1D4D70; background: #e6eff1;
	border: 1px solid; border-color: #e5e5e5 #555555 #555555 #e5e5e5;
	padding: 0 5px 1px 5px;
	font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration:none; text-align:center;
}
a.cssbutton:active, a.cssbutton:hover { color: #4d7a9a; background: #f0f6f7; border-color: #555555 #e5e5e5 #e5e5e5 #555555; }
div.cssbutton { margin: 0 auto; width: 99.9%; text-align: center; }

/* CSS list trans.gif - most popular, etc. */
ul.sg1 {list-style-type: none; padding: 0 0 5px 0; margin: 0;}
ul.sg1 li {background: url(/images/elem/link_box_trans.gif) .1em .4em no-repeat; padding: 0 0 5px 14px;}
/* CSS list yellow.gif shortcuts, news, tags, etc */
ul.sg2 {list-style-type: none; padding: 5px 0 5px 0; margin: 0;}
ul.sg2 li {background: url(/images/elem/link_box_yellow.gif) .2em .4em no-repeat; padding: 0 0 3px 14px;}

/* bookmarks div */
div.bookmarks {clear: both;text-align: left; float: left; margin: 0 0 5px 0; padding: 0px;}
div.bookmarks a:hover img {filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50; vertical-align: top; border: 0px;}  
div.bookmarks a img {filter:alpha(opacity=99); -moz-opacity:0.99; opacity:0.99; -khtml-opacity:0.99; vertical-align: top; border: 0px;}


/* td hover effect */
td.sghover {background: #FFFFFF; border: #FFFFFF solid 1px;}
td.sghover:hover {background: #F9F9F9; border: #EEEEEE solid 1px;}

/* tag cloud */
div.cloud { margin: 5px; padding: 5px; border: 1px solid #576267; background: #f5f5f5; font: normal 12px/16px arial,sans-serif; text-align: center;}
div.cloud a, div.cloud a:visited  {color: #016A96; padding: 0 2px 0 2px; text-decoration: none;}
div.cloud a:hover, div.cloud a:active {color: #1D4D70; background: #ddd; text-decoration: none;}
.cloud-0 {font: 100 10px/20px arial,sans-serif;}
.cloud-1 {font: 200 12px/20px arial,sans-serif;}
.cloud-2 {font: 300 16px/20px arial,sans-serif;}
.cloud-3 {font: 400 18px/20px arial,sans-serif;}
.cloud-4 {font: 500 21px/20px arial,sans-serif;}
.cloud-5 {font: 500 24px/20px arial,sans-serif;}


/* comments */
div.comment {margin: 5px 0 5px 0; padding 1px; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;}
div.comment-head {background: #f2f2f2; margin: 1px; padding: 2px;}
div.comment-body {background: #fcfcfc; padding: 3px;} 


/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/* Style for the background-bar
.clBar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden} */

/* Styles for level 0  */
.clLevel0, .clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:normal; text-align:left; text-valign: middle}
.clLevel0{background-color:#3A484C; layer-background-color:#3A484C; color:white;}
.clLevel0over{background-color:#395D6E; layer-background-color:#395D6E; color:#FFCC33; cursor:pointer; cursor:hand; border-left: 1px solid #4C7390; border-top: 1px solid #6E8EA5; border-right: 1px solid #395D6E; border-bottom: 1px solid #395D6E;}
.clLevel0border{position:absolute; visibility:hidden; background-color:#3A484C; layer-background-color:#3A484C}

/* Styles for level 1 & 2 */
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:11px; font-weight:normal; text-align:left; text-valign: middle}
.clLevel1{background-color:#395D6E; layer-background-color:#395D6E; color:white; border-left: 1px solid #4C7390; border-top: 1px solid #6E8EA5; border-right: 1px solid #395D6E; border-bottom: 1px solid #395D6E;}
.clLevel1over{background-color:#567889; layer-background-color:#567889; color:#FFCC33; cursor:pointer; cursor:hand; border-left: 1px solid #395D6E; border-top: 1px solid #395D6E; border-right: 1px solid #4C7390; border-bottom: 1px solid #6E8EA5;}
.clLevel1border{position:absolute; visibility:hidden; background-color:#143C51; layer-background-color:#143C51}

/* Styles for left menu below - old colors were #1D4D70 and #1F6F9F */

/* Styles for left menu level 0 */
.clbLevel0, .clbLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:normal; text-align:left; text-valign: middle}
.clbLevel0{background-color:#395D6E; layer-background-color:#395D6E; color:white; border-left: 1px solid #4C7390; border-top: 1px solid #6E8EA5; border-right: 1px solid #395D6E; border-bottom: 1px solid #395D6E;}
.clbLevel0over{background-color:#567889; layer-background-color:#1F6F9F; color:#FFCC33; cursor:pointer; cursor:hand; border-left: 1px solid #395D6E; border-top: 1px solid #395D6E; border-right: 1px solid #4C7390; border-bottom: 1px solid #6E8EA5;}
.clbLevel0border{position:absolute; visibility:hidden; background-color:#143C51; layer-background-color:#143C51}

/* Styles for left menu level 1 & 2 */
.clbLevel1, .clbLevel1over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:11px; font-weight:normal; text-align:left; text-valign: middle}

.clbLevel1{background-color:#395D6E; layer-background-color:#395D6E; color:white; border-left: 1px solid #4C7390; border-top: 1px solid #6E8EA5; border-right: 1px solid #395D6E; border-bottom: 1px solid #395D6E;}
.clbLevel1over{background-color:#567889; layer-background-color:#567889; color:#FFCC33; cursor:pointer; cursor:hand; border-left: 1px solid #395D6E; border-top: 1px solid #395D6E; border-right: 1px solid #4C7390; border-bottom: 1px solid #6E8EA5;}
.clbLevel1border{position:absolute; visibility:hidden; background-color:#143C51; layer-background-color:#143C51}

/* for background image in menu use:  background-image: url("/images/elem/menu_bg.gif"); */