html { 
	padding:0 0; margin:0 0; font-size:80%; }
body { 
	background:#fff url(img/all_bg.png) 0 0 repeat-x; font-family:Arial, Helvetica, sans-serif; 
	margin:0 0; padding:0 0; color: #000; line-height:150%;
	font-size: 12px;
	 }
h1, h2, h3, h4, h5, h6 { 
	padding:2px 0;margin:0 0 5px; font-weight: normal; line-height:150%; }
h1 { line-height:150%; }
p { 
	padding: 5px 0;margin:0; text-indent:1em; }	
img { border:none; }

a.highlight, a.highlight:link, a.highlight:active, a.highlight:visited  { color:#000 }

.clear { clear:both; }
.center { text-align:center; }
.top { vertical-align:top; }
.w100 { width:100% }

.lang { position:absolute; right:0; top:7px; }
.lang li { list-style-type:none; padding:0 0 0 2px; float:left; display:inline; }

.login { position:absolute; top:5px; right:45px; text-align:right;}
.login input { border:1px solid #EEE; margin:0 0; width:80px;}
.login .button { border:1px solid #EEE; width:44px; }

.menu li a:visited {color:#666666; text-decoration:none; float:left; display:block; padding:0 2px 2px;}
.menu .active a, 
.menu .active a:visited { border-bottom:1px dashed #dd181f;color:#666666; text-decoration:none;}

.chat{
position:absolute;
right:10px;
top:45px;
width:200px;
}


.form { background-color:#F7F7F7; border:1px solid #DBDBDB; }
.form .big input { font-size:1.2em; padding:0.1em 0; width:300px }
.form .big { font-size:1.2em; padding:0.1em 1em;  } 
.form th { text-align:right; font-weight:normal; padding-left:1em} 
.form .err { color:#F00 }

.tools {
	background-color:#F7F7F7; padding:2px 2px; border:1px solid #DBDBDB;
	margin:0 0 4px
}

a, a:link, a:active, a:visited {color:#00F;text-decoration: underline;cursor: pointer;}
a:hover {color:#333; text-decoration: none;}
img {border:none;}
ul, ol, pre {margin:0;padding:0;}
li {margin:0;padding:0 10px;}
form, input {padding:0;margin:0;}
em, i { font-style:normal;}

#all { background:url(img/header.jpg) 50% 0 no-repeat;}
#content { background:url(img/content_mid.jpg) 50% 0 repeat-y;}
.content_bot { background:url(img/content_bottom.jpg) 50% 100% no-repeat;}
.content_top { background:url(img/content_top.jpg) 50% 0 no-repeat; padding:25px 0 45px;}
.content_box { width:860px; margin:0 auto; overflow:hidden;}
#content .one_col { background:none; }
.one_col #mid_content { width:100%; }

#header { height:159px; width:900px; margin:0 auto; position:relative;}
#header h1 {color:#666666; font-size:16px; position:absolute; left:325px; top:52px;}



.menu { position:absolute; left:80px; top:111px;}
.menu li  { list-style-type:none; padding:0 15px 0 0; float:left; display:inline; font-size:11px;}
.menu li a, .menu li a:visited {color:#666666; text-decoration:none; float:left; display:block; padding:0 2px 2px;}
.menu li a:hover, .menu .active a, .menu .active a:visited { border-bottom:1px dashed #dd181f;color:#666666; text-decoration:none;}



#mid_content { width:620px; float:left; }
#mid_content h2 { color:#000; font-size:20px; padding-top:0;}
#mid_content h3 { font-size:18px; color:#1188da;}
#mid_content h4 { font-size:15px; text-decoration:underline; color:#498b15;}




/* WELCOME SECTION */
.welcome { padding:0 0 15px 0; height:235px; width:360px; position:relative;}

.box_with_down {width:259px; height:242px; background:url(img/box_with_down.jpg) 0 0 no-repeat;position:absolute; right:-260px; top:0px;}
.box_with_down a, .box_with_down a:visited { display:block; position:absolute; text-indent:-9999px; overflow:hidden; right:0; top:132px; width:122px; height:30px;}


/* MAIN CONTENT SECTION */


#content ul, #content ol { margin-left:25px; padding:10px 0;}
#content ul ul { padding:5px 0;}
#content li {padding:0;}
.sec { padding:10px 0; border-top:1px dashed #333;}


#mid_content .bl_top { width:100%; overflow:hidden; position:relative; margin-bottom:-1px; margin-top:15px;}
#mid_content .bl_top h2 { background:url(img/bl_name_mid.png) 0 0 repeat-x; float:left; display:inline; padding:0; font-size:16px; color:#ffffff;}
#content .bl_top h2 strong { float:left; display:block; background:url(img/bl_name_l.png) 0 0 no-repeat; font-weight:normal;}
#content .bl_top h2 em { float:left; display:block; background:url(img/bl_name_r.png) 100% 0 no-repeat; padding:4px 40px 0; height:26px;}
#content .bl_box { background:#f1faff; border:1px solid #def1fc; color:#333333; padding:15px; height:1%;}
#content .advan { padding:0; margin:0;}
#content .advan li { background:url(img/li.png) 0 6px no-repeat; padding:4px 0 4px 21px; list-style-type:none;}


/* SIDEBAR */
#sidebar {width:202px; float:right;}
#content.bl_2 {color:#666666;}
.bl_2 p  { padding:10px 0;}
.bl_2 p .strong { color:#999966; text-decoration:underline; font-weight:bold; display:block; padding-top:4px;}
.bl_top_2 {width:100%; overflow:hidden;}
#content .bl_top_2 h2 { background:url(img/bl_2_mid.png) 0 0 repeat-x; padding:0; font-size:16px; color:#ffffff;}
#content .bl_top_2 h2 .strong { display:block; background:url(img/bl_2_l.png) 0 0 no-repeat; font-weight:normal;}
#content .bl_top_2 h2 em {display:block; background:url(img/bl_2_r.png) 100% 0 no-repeat; padding:6px 0 0; height:26px; text-align:center;}

/* FOOTER */
#footer {background:#f7f7f7; position:relative; color:#666666; width:858px; margin:25px auto 0; height:70px; border:1px solid #dbdbdb; font-size:11px;}
#footer a, #footer a:visited {color:#666666; text-decoration:none;}
#footer a:hover {color:#666666; text-decoration:underline;}
.copy {position:absolute; left:17px; top:15px;}
#footer ul { position:absolute; right:17px; top:15px; overflow:hidden; width:auto;}
#footer li {float:left; display:inline; margin-left:-1px; list-style-type:none; padding:0 5px; border-left:1px solid #666666;}
.license {position:absolute; right:17px; top:35px}
#footer .license a, #footer .license a:visited {color:#000; text-decoration:underline;}
#footer .license a:hover {color:#000; text-decoration:none;}


/* CODE */
.code {background-color:#ededed;
border:1px solid #d9d9d9; display:block; padding:5px; overflow:scroll; margin:10px 0;
}

/* USER MANUAL */
#man-container { width:100%; table-layout:fixed; }
#man-container td { vertical-align:top;  width:200px; }
#tree {  width:200px; }
#tree ul { margin:0 0 0 5px; padding:0 0 }
#man { width:700px; }
#man h1, h2, h3, h4, h5, h6 { padding:0 0; margin:0 0 2px 0; color:#000 }
#man h1 { font-size:1.3em; font-weight:bold; color:#1188DA; }
#man h2 { font-size:1.3em; font-weight:bold; font-style:italic }
#man h3 { font-size:1em; font-weight:bold; }
#man h4 { font-size:1em; font-weight:bold; font-style:italic }