body {margin: 0;padding:0; font:12px Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;TEXT-ALIGN: center;font-family: arial, helvetica, sans-serif;
background:#fff}
 HTML BODY {TEXT-ALIGN: center;}
div{MARGIN: 0px auto; font-family: arial, helvetica, sans-serif;text-align:left;}
A:link,A:visited{   COLOR: #66f;	 TEXT-DECORATION: none;
}
a:link:hover,a:visited:hover{
color:#114477;TEXT-DECORATION: underline;
}


.hint{border:1px solid #f93 ;padding:4px;margin:4px;background:#ffec99 url(images/hint.png) no-repeat 5px 5px;padding-left:24px;}
#page ,div.page{width:900px;overflow:visible;text-align:center;}
.page{float:left;}
#sidebar,#main{float:left;width:180px;}
#main{float:left;width:900px;margin:0}
#main_sub{float:left;width:715px;margin:0}
.logo{width:100px;float:left;height:60px;}
#main p{ line-height: 25px ;}
#ajax-status{
border-right:1px solid #333;
border-bottom:1px solid #333;
color:#fff;font-weight:bold;
padding:3px 10px;
background:red ;
z-index:200;
position:fixed !important;/*important*/
position:absolute;/*IE */
float:right;
top:10%;
left:50%;
text-align:center;
}

.usericon img{padding:2px;float:right;display:block;border:1px solid #fc0}
.overlayer{background:#fff;position:absolute;left:50%;width:600px;margin-left:-300px;top:40px;
background:#fff;
border:2px solid #888;
z-index:150}
.min-overlayer{width:400px;margin-left:-200px;border:3px solid #eee}
#dialog-mask {
display:none;position:fixed !important; height:100%; width:100%; 
position:absolute;height:100%;
top:0; left:0; 
background:#000;opacity:.25; filter:alpha(opacity=25); z-index:100;

}
.overbar{height:20px;background:#ddd;width:100%;font-weight:bold;text-align:Center;border-bottom:2px solid #ccc}
.close{margin:4px;display:block;width:14px;height:14px;float:right;background: url(images/close.png) no-repeat 0 -14px;cursor:pointer;border:0;font-size:1px}
.close:hover{background-position:0 0;}
.logo{width:170px;margin:5px 2px 0 10px;height:40px; }

#header{height:50px;float:left;width:100%;border:2px solid red;border-top:0;}
#navsite{width:700px;display:block;height:30px;float:right;margin:10px 0;padding:0;}
#navsite li,.ro{display:block;border:1px solid #ccc; margin:2px 6px;
border-left:0;border-right:0;text-align:center;float:left;
}
#navsite li{float:left;}
#navsite li a,.ro a{display:block; border:0;
margin:0 -1px;border-right:1px solid #ccc;
border-left:1px solid #ccc;
padding:4px 8px ;height:17px;color:#444;
}
.button{cursor:pointer;margin:0;
padding:0 4px ;color:#444;height:22px;border:1px solid #ccc;border-left:1px solid #eee;border-top:1px solid #eee;
}
.button2{cursor:pointer;margin:2px;
padding:0 4px ;color:#444;height:22px;border:1px solid #ccc;border-left:1px solid #eee;border-top:1px solid #eee;
}
.block{width:440px;float:left;margin:0 2px;}
#navsite li a:hover,#navsite .current a,.ro a:hover,.button:hover,a.current{text-decoration:none;background:#ccc;color:#fff}
.errormsg{background:red;color:white;display:none;clear:both;}
.tr1{background:#fff;}.tr1 td,.tr0 td{padding:5px 10px;}
.tr0{background:#fef;}
#pan{float:left;margin:-324px -111px -92px -1px;z-index:10000px;
background:url(images/hostplan.png) 0 0 ;width:111px;height:92px;
}
#footer{width:100%;border-top:2px solid #ccc;text-align:center;padding:10px 0;background:#eee;}
/*account menu*/
.amenu{margin:10px 0 0 0;padding:0;list-style:none}
.amenu li,.amenu li.loose{display:block;
border:1px solid #ccc;border-left:0;border-right:0;margin:4px 2px;
}
.amenu li.loose{margin:10px 2px;}
.amenu li a.nav,.amenu li div{display:block;
border:1px solid #ccc;border-top:0;border-bottom:0;margin:0 -1px;
padding:5px;text-decoration:none;color:#000;
}
.amenu li a.nav:hover,.amenu li.current a.nav{background:#ccc;text-decoration:none;color:#fff;
}
.box{border:1px solid #ccc;}
.box form{border:2px solid #eee;}
/*global*/
.alignleft,.al{text-align:left}
.alignright,.ar{text-align:right}
.aligncenter,.ac{text-align:center}
.disnone{display:none}
.border-gray{border:1px solid #ccc}
.border-gray2{border:1px solid #eee}
.border-red{border:0}
.border2{border-width:2px}
.bold{font-weight:bold}
.float{float:left;display:block}
.tdtitle{border-bottom:1px solid #eee;}
.tdtitleleft{border-right:1px solid #eee;}
.color-blue{color:blue}
.color-red{color:red}
.highlight{background:red;color:#fff;border:0;}
.mini-margin{margin:2px}
.mini-padding{padding:2px;}
.pointer{cursor:pointer}
.hortbt{border:1px solid #ccc;margin:1px }
.disable,.disable *{background:#eee;}
form{margin:0;padding:0;}
.trhead td{ border-bottom:1px solid #ccc;padding:4px;background:#eee;}

#indexmap{border:2px solid #898;float:left;width:100%;height:320px;margin:10px 0}

.ttpopmsg{width:400px;border:1px solid #fc0;margin-top:-5px;background:#EFE}
.ttpopmsg p{margin:2px;}
.ttico{ border:1px solid #fc0;padding:2px;width:45px;border-left:0;border-top:0}
.pro-a{display:block;width:70px;height:20px;float:left;}
.pro-list{margin:2px;height:400px;overflow:auto}

.ttblock{ float:left; border:1px solid #eee;width:160px;height:70px;margin:10px 5px;overflow:hidden;
border-bottom:1px solid #ccc;
padding:3px;
border-right:1px solid #ccc;
}
.ttblock img{float:left;border:1px solid #cfc; margin:1px;padding:2px; width:50px;height:50px;}
.ttblock p{margin:1px; padding:1px;}
/*end global */
.pager{float:left;clear:both;}
.pager a{ display:block;float:left;padding:4px; margin:2px 5px;border:1px solid #eee}
.pager a:hover,.pager a.current{ background:#ccc;color:#fff}







/*
round
*/
.t{width:100%;clear:both;height:4px;background:#fc3;font-size:1px;}
.i{width:100%;}
.l,.r{width:4px;height:4px;font-size:1px;
background:#fff url(images/roundedcorners.png) no-repeat 0 0;float:left; 
/*http://google.com/groups/roundedcorners?a=af&c=ffcc33&w=4&h=4*/
}
.r{float:right; background-position:-4px 0 ;margin: 0}
.b{ background-position: 0 -4px;}
.rb{ background-position: -4px -4px;margin: 0}
.rc1{BACKGROUND: #fc3;color:#000;margin:-1px 0 0 0;width:100%;overflow:visible;float:left;}
.block{width:100%;margin-top:3px;}
/* round end */
 
.bloglist{background:#fc6;margin:0 2px;border:1px solid #fc0;
border-right:1px solid #fc9;
border-bottom:1px solid #fc9;
list-style:none;padding:3px;height:120px;overflow:hidden;
 }
ul.bloglist li{margin:4px 0}
a.nav-page,span.nav-page{display:block;float:left;padding:1px ;margin:2px;background:#ffc;}
span.nav-page{font-weight:bold;}

#imap{height:300px;border:2px solid #888;margin:0 3px;background:#fff}
.hightlight{border:1px solid #cf4;
background:white;color:red;display:none;width:200px;padding:4px;float:right;font-weight:bold;
}
#gloader{background:red;width:50px;height:13px;display:none;color:white;font-weight:bold;font-size:12px;}
a.nav-tab,a:link.nav-tab,a:visited.nav-tab{display:block;background: url(images/bg.png) no-repeat 0 -25px;height:18px;width:84px;
text-align:center;padding:4px 0 0 0;color:#000;float:left;
}
a.nav-tab-active,a:link.nav-tab-active,a:visited.nav-tab-active{background-position: 0 0;color:#fff}
.subs{margin:0 0 0 30px;font-weight:12px;color:#444}
div.cp{text-align:Center;font-size:11px;}
.code{border: 1px solid #C3CED9;
overflow:visible;
line-height: 25px ;
border-bottom:1px solid #eee;
background-color: #F9FBFC ;
word-break:break-all;
list-style:none;
}
h1,h1 a,h1 a:link,h1 a:visited{font-weight:bold;font-size:14px;padding:1px;margin:1px;}
.m-tab{border:1px solid #ccc;padding:4px;}
ul.summary li a{font-weight:bold;margin:3px 0}
 
.shadow{
border:1px solid #666;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
padding:3px;
background:#dfe4ee;
}
.rdhr{
background:#fff;height:2px;color:#fff
}
 

.div2tr span.title{font-weight:bold;text-align:right;width:100px;display:block;float:left;padding:0 5px}

.errormsg{background:red;color:white;display:none;clear:both;}
/* read blog*/
.rsslist{background:#fff;border:1px solid #eee;list-style:none;margin:-2px 1px -2px 1px;
z-index:1000;
position:relative;
 }
 .art-title{
background:#fff;cursor:pointer;margin:0 2px;height:40px;
}
.rss-title{background:#fff;
float:left;height:40px;overflow:hidden;width:80%;
}
.rss-title-h1{float:left;display:block;background:#fff;height:17px;} 
.rss-title-h1 span{font-size:110%;color:#666;}

h1 .rss-sumer:link,h1 .rss-sumer:visited,h1 .rss-sumer{color:#444;
font-size:9px;font-weight:normal; background:#fff;margin-left:20px;}
.art-summery{color:#888}
.only-clear{clear:both;height:1px;font-size:1px;}
.clear{clear:both;}
.art-detail{padding:2px 5px;font-size:14px;background:#fff;line-height:130%}
blockquote{border-left:2px solid #ccc;padding:0 0 0 4px;color:#666;background:#fff}
hide{display:none}
.rss_info{
font-weight:bold;color:#666;background:#fff
}
.subinfo{background:#fff url(images/site.png) no-repeat 0 0;
width:200px;height:20px;overflow:none;color:#ccc;
text-indent:20px;height:20px;padding-top:2px;}
.person,.pubdate{background:#fff url(images/site.png) no-repeat 0 -19px;color:#ccc;width:200px;text-indent:20px;}
.pubdate{background:url(images/site.png) no-repeat 0 -29px;}
person{width:260px;}
overflow:none;text-indent:20px;height:20px;padding-top:2px;margin-left:20px;}
.person ,.subinfo ,.subinfo a:link,.subinfo a:visited{color:#999}
.float{float:left;display:block}
.icon{border:1px solid #888;padding:2px;width:50px;height:50px;}
.home:link,.home:visited{
display:block;border:0;
}
.home:hover{background:url(images/home.png) no-repeat 170px top; }
/*index*/

.color-black,a.color-black:visited,a.color-black:link,h1.rss-title-h1 span.color-black{color:#000;}
.no-entry{background:url(images/sorry.jpg)no-repeat 10px 10px;font-weight:200%;height:50px;padding:25px 50px 50px 0;text-align:left;text-indent:60px;
font-weight:bold}
.red-bg{background:red;color:#fff;}
.white-bg{background:#fff;}
.hli{height:26px;}
#sbi{background:#fc0;}#sbb{display:none;}
#sa_cutom{color:#F1F1ED;background:url(images/gsearch.gif);width:71px;height:21px;border:0;}
.gbg{float:left;text-align:left;font-weight:bold;
margin-top:0!important;
margin-top:2px;
width:111px;height:19px;background:url(images/gbg.gif);
}
.blogblock{width:48%;float:left;margin:2px 1%;height:138px;overflow:hidden;}
.usericon img{padding:2px;float:right;display:block;border:1px solid #fc0}
.midwidth{width:385px;margin:0 4px}
.section{background:#fff url(images/headerbg.png) repeat-x 0 0;padding:6px 0}
img.usericon{padding:2px;border:1px solid #fc0}
.nolist{list-style:none;margin:0;padding:0;}
.nolist li{height:22px}
.regtab{border:1px solid #ccc;background:#fff;margin:3px;}
.close{margin:4px;display:block;width:14px;height:14px;float:right;background: url(images/close.png) no-repeat 0 -14px;cursor:pointer;}
.close:hover{background-position:0 0;}