﻿body{background:#5CB4E5; color:#222;font:12px verdana,Arial,Helvetica,sans-serif; line-height: 150%; margin:0;padding:0;text-align:center;}
BODY.noBack {background:#fff}
H1,H2,H3,H4,H5,H6 {margin:15px 0;font-family:Arial, Helvetica, sans-serif}
H1 {font-size:24px;color:#162C4B} 
H2 {font-size:20px;color:#1F3F69} 
H3 {font-size:16px;color:#254685}
H4 {font-size:14px;color:#254685}
H5 {font-size:12px}
H6 {font-size:11px}
P {margin:10px 0}
HR {border-bottom:1px dotted #92a5bc; height:0px; width:100%; color:#fff; background-color:#fff; display:none;}
.hr {border-bottom:1px dotted #92a5bc; width:100%;}
UL, LI {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
ul {list-style: none;}
A IMG {border:none; text-decoration:none;}

A:Link, A:Visited, A:Active {color:#336699;text-decoration: none;}
A:Hover  {color: #ff740d;text-decoration: underline;}

img {vertical-align:middle;}

.bg { position: absolute; top:0; left:0; width:100%; height:443px; z-index:-1000; _visibility:hidden; _height:0px;}
.main
#main { }

.watermarked{ background: #F2FFF2; color: #808080;}

.StatusOK{ border:1px solid #008FBF; background:#F2FFF2; padding:10px; color:#006699; display:block;}
.StatusError{border:1px solid #FF0000; background:#FFF0F0; padding:10px; color:#ff0000; display:block;}

.updatebg{ position: fixed; top:0px; left:0px; bottom:0px; right:0px; margin:0px; padding:0px;filter: alpha (opacity=50); background-color: #cccccc; background: rgba(204, 204, 204, 0.5);  }
.updatebar{ position: fixed; top: 300px; left:0px;right:0px; width:100%; text-align:center; filter: alpha (opacity=100); }

.header { text-align:center; padding: 20px 0px 5px 0px; }
#header .header_trans {position: absolute; top:20px; left:0; width:100%; height:50px; z-index:-999; background: #29ABE2; /* for IE */ filter:alpha(opacity=60);/* CSS3 standard */ opacity:0.6;  border-bottom: #99C6E4 solid 1px;}
#header .header_logo_left { position: absolute; top:20px; left:0px; width:320px; height:50px; z-index:-998; background: url('images/logo_left.png');}
#header H1 { float:left; width:300px; padding:0px; margin:0px; }
#header H1 a { float:left; width:300px; padding:0px; margin:0px; }
#header DIV { width:960px;margin:0 auto;text-align:left;overflow:hidden;}
#header a {display:block;text-decoration:none; height:35px; padding-top: 15px; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
#header ul {list-style-type: none; margin: 0px 0px 0px 300px; padding: 0px;}
#header li {}
#header ul li { float:left; width: 109px; padding: 0px; border-right: #fff solid 1px;}
#header a:link,  #header a:visited, #header a:active{ background: transparent url('images/menu_hover.png') repeat-x 0px -50px; _background:#29ABE2;}
#header a:hover { background: transparent url('images/menu_hover.png') repeat-x 0px 0px;}


.content_warp{ position: relative; }
#content_warp{width:970px;margin: 0px auto; background-position: auto -30px;}

.content_shadow_top{ position: absolute; top: 10px; z-index:-996;width:970px;margin:0 auto; height:30px; background:url('images/content_shadow_top.png') no-repeat; _visibility:hidden;}
.content_shadow_row{ position: absolute; top: 40px; z-index:-997;width:970px; margin:0 auto; height:100%; padding:0px; background:url('images/content_shadow_row.png') repeat-y;  _visibility:hidden;}


*+html #content_shadow_top{ }
*+html #content_shadow_row{ bottom:0px; height:auto; }

.ie6_only{visibility:hidden;height:0px;	_padding: 5px 20px 5px 20px;_background-color: #FFFFE8;	_border: 1px solid #FF0000;	_visibility: visible;_text-align: left;_height:auto;_margin: 10px 5px -5px 5px;}

.content {}
#content { position: relative; top: 19px; left:0px; width:960px;margin:0 auto; margin-bottom:20px; text-align:left;overflow:hidden; padding:0px;}
*+html #content {left:5px;}

.content_inside{ padding: 10px 20px 20px 20px;}
#content_inside{}
#content_inside { _background: #fff url('images/content.png') repeat-x top; _border: 1px solid #214785; }

#content_nav{ font-weight:bold; border-bottom:1px dotted #92a5bc; padding: 0px 10px 10px 10px; font-size:1.1em; }

#content_jump{background: transparent url('images/jump-row.png') repeat-y;float: right;width: 210px;padding: 0px 4px 0px 4px;margin:0px;}
#content_jump{}
#content_jump_inside {/*IE6*/ _margin-bottom:-7px; }
*+html #content_jump_inside {/*IE7*/ margin-bottom:-10px;}
#content_jump {/*IE6*/ _position:absolute; _top:auto; _right:20px; _padding-bottom:-10px;}
#content_jump .jump_bottom { margin:0px -4px -10px -4px; *background:#fff; }
#content_jump_inside { width:200px;	background:#fff url('images/coffee.png') no-repeat right top; border: 1px solid #336699; height:100%; }
#content_jump_inside h3{ margin:0px; height:50px; padding: 15px 0px 0px 5px; margin-bottom:-15px;}
#content_jump_inside ul{list-style-type: none; margin: 0px; padding: 0px;}
#content_jump_inside li{}
#content_jump_inside ul li{ width:200px; height:25px; border-top: 1px solid #336699;}
#content_jump_inside a { display:block; height:25px; text-decoration:none; padding: 3px 0px 0px 10px; clear:both; background:transparent  url('images/jump-ul-li.png') repeat-x 0 -25px;}
#content_jump_inside a:hover{ background:transparent  url('images/jump-ul-li.png') repeat-x 0 0px; }
#content_jump_inside p { padding-left:10px;}

#content_content{ padding: 5px 0px 10px 10px; min-height:300px; width:650px;}
#content_content .hr { margin: 0px -20px 0px -10px;}
#content_content .banner { margin: -5px 0px 0px -10px; display:block; border-bottom: 2px solid #92a5bc;}
#content_content ul { list-style: disc; margin-left:30px;}
#content_content #topic { padding: 20px 0px 0px 0px;}
#content_content #topic img { float:left; padding: 0px 10px 0px 0px;}
#content_content #topic h4 { padding-left:150px; margin: 0px; *margin-top:-15px; }
#content_content #topic h4 img { float:none;}
#content_content #topic h5 { padding-left:150px; margin: 0px; *margin-top:-15px; color: #FF8B17; }
#content_content #topic p { padding-left: 150px;  }
#content_content #tooltip { border:1px solid #cccccc; background: #ffffff; width:200px; height:auto; padding:0px; margin: -100px 0px 0px -100px;}
#content_content #tooltip h5 { margin:0px; padding: 5px 10px 5px 10px; background: #F7F7F7; font-weight:bold;}
#content_content #tooltip p { padding: 5px 10px 5px 10px; }
#content_content .header { padding: 3px 10px 3px 10px; background: #B9DCFF; font-weight:bold; text-align:left; border:1px dotted #ffffff;}
#content_end{ padding: 5px 10px 10px 10px; border-top: 1px dotted #92a5bc;}

#footer {width:100%; padding-top:20px;height: 200px; background: #99C6E4 url('images/footer_bg.png') repeat-x; border-top: #fff solid 1px;}
#footer_inside { width:930px; height: 200px; margin:0 auto; text-align:left;overflow:hidden; color:#fff;}
	#footer_inside img { padding: 5px 0 0 23px; _filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
	#footer_inside .footer_logo {_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footer_logo.gif', sizingMethod='fit'); width:120px; height:60px; display:inline-block; _margin: 0px -25px 0px 23px; _float:left;}
	#footer_inside ul {float:left; line-height: 220%; border-right: 1px solid #e4e4e4; list-style-type: none; }
		
	#footer_inside ul.brands {width: 200px; height: 125px;}
	#footer_inside ul.sathai {width: 500px; height: 125px; padding-left: 20px; padding-right:10px;}
		
		#footer_inside ul.brands li {float: left; width: 100px}
		#footer_inside ul.sathai li {float: left; width: 110px}
			
		#footer_inside ul.brands li.heading  {float: left; width: 200px;}
		#footer_inside ul.sathai li.heading  {float: left; width: 500px;}
			
		#footer_inside h4 {float: left; font-size: 16px; padding-bottom: 0px; color: #fff;}		
		#footer_inside li a {text-align: left; color: #fff; font-weight: normal; margin-right: 0; float: left; text-decoration: none; font-size: 12px;}
		#footer_inside li a:hover {color: #efefef;}
		
ol.posts{margin:0;padding:0;margin:2em 0}
ol.posts li{list-style:outside none none}
ol.posts li{margin:0 0 2em}
ol.posts li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
ol.posts li h3 a:link,ol.posts li h3 a:active,ol.posts li h3 a:visited{text-decoration:none}
ol.posts li h3 a:hover{text-decoration:underline}
ol.posts li h2{margin:0}
ol.posts li h2 a:link,ol.posts li h2 a:active,ol.posts li h2 a:visited{text-decoration:none}
ol.posts li h2 a:hover{text-decoration:underline}
ol.posts li p{margin:.2em 0}
ol.posts li p.date{color:#666666}
ol.posts li p.date em{position:absolute;left:-1000em;text-align:left}
ol.posts li img{margin:0 0 0 20px;float:right}
ol.posts li a.read-more,ol.posts li p.read-more a{margin:0;padding-left:20px;background:transparent url(images/more.png) no-repeat left center}
