/************************************************************
Copyright (C),2006-2009,H3C Technologies Co.,Limited.
FileName:Layout.css
Author:Yixiaoer  Date:2010-11-02
Version:$1.3
Description:
. base structure styles
. header styles 
. footer styles  
History:
<author> <time> <version > <desc>
Yixiaoer 2010/11/02 1.0 build 
***********************************************************/
@charset "utf-8";
html{ width:100%;}
body{ margin: 0 auto; padding: 0; font-family: Arial,"ËÎÌå", Verdana, Helvetica, sans-serif; font-size: 12px; color: #777; background: #FFF;/* width:1003px;*/ width:100% ; min-width:1003px; }
form { margin: 0; padding: 0; }
h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }
/* Link style */
#documentContent { word-wrap:break-word;}
#navigatioin a:link,#relatedContent a:link,.idtop a:link { color: #648bb1; text-decoration: none; }
#navigatioin a:visited,#relatedContent a:visited,.idtop a:visited { color: #648bb1; text-decoration: none; }
#navigatioin a:hover,#relatedContent a:hover,.idtop a:hover { color: #648bb1; text-decoration: underline; }
#navigatioin a:active { color: #648bb1; }
.more{ padding: 0 14px 0 0; text-align: right; background: url(../images/button/more.gif) no-repeat 100% 50%; }
*+html .more{ background: url(../images/button/more.gif) no-repeat 100% 40%; }
.idtop{ background: url(../images/button/top.gif) no-repeat left 2px; padding-left: 10px; float: right; }
/* ?? */
/* @goup Headings apple change write
	------------------------------------------------ */
.blank10 { height: 10px; clear: both; font-size: 1px; overflow: hidden; }
.blank30 { height: 30px; clear: both; font-size: 1px; overflow: hidden; }
.width190 { width: 190px; }
#navigatioin { text-align: left; border-bottom: 1px solid #8eadcb; width:1003px; margin:0 auto;}
#navigatioin span { display: block; padding: 5px 0 10px 10px; }
#navigatioin h1 { float: right; margin-bottom: 5px; }
/* header style */
/*#header { font-size: 12px; background: url(../images/button/header_bg.gif) repeat-x top; clear: both; text-align: right; }*/
#header { font-size: 12px; background: url(../images/2011/document_top_bg.jpg) repeat-x top; clear: both; text-align: right; }
#header a:link,#header a:visited,#footer a:link,#footer a:visited,.news a:link,.news a:visited { color: Black; text-decoration: none; }
#header a:hover,#footer a:hover { color: Black; text-decoration: none; }
#header #headerTop { background: transparent; height: 50px; clear: both; width:1003px; margin:0 auto; }
#header #searchScope{ width:1003px; margin:0 auto;}
#header #headerTop #h3cLogo { float:left; margin:15px 0 0 30px; background: transparent; }
#header #skipLinks { padding-top: 5px; color: #a3b8cb; list-style: none; }
#header #skipLinks ul {
	list-style: none;
	float: right;
	height: 22px;
	padding: 0 10px 0 30px;
	margin: 0;
	/*background: url(../images/button/skipLinks_left.gif) no-repeat left top;*/
}
#header #skipLinks li {
	float: left;
	padding: 0 7px 0 0;
	margin: 0;
	line-height: 20px;
}

#header #searchScope a { margin: 0 10px; }
#header #searchScope .inp { width: 160px; height: 17px;  }
#header #searchScope .submitBtn { width: 56px; height: 19px; border: 0; }
/* @end */
/* Menu style */
#channelMenu { width: 100%; height: 44px; background: url(../images/button/menu_bg.gif) repeat-x; /*line-height: 33px;*/ /*padding: 10px 0 0 0;*/ color: #9EB6D0; }
#channelMenu ul { list-style: none; padding-left: 95px; padding-top: 9px;margin: 0; }
#channelMenu ul li { float: left; display: block; padding: 0 35px; background: url(../images/button/menu_li_bg.gif) no-repeat top right; }
#channelMenu li.nobg { background: none; }
#nav li ul li { float: left; list-style: none; /*line-height: 28px;*/ background: #F9F9F9; padding: 0px; margin: 0px; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
#nav li{ padding-left: 20px; }
#nav a { font-size: 14px; color: #fff; display: block; padding-bottom: 8px; text-decoration: none; text-align: center; }
#nav a.selected{ background: url(../images/arrow.gif) no-repeat right 50%; }
#nav li.menuSelectCss a { color: #00eaff; }
#nav li ul { position: absolute; /*left: -999em;*/ width: 179px; font-weight: normal; margin: 0px; padding: 0px; display: none; }
#nav li li { width: 179px; clear: both; }
/* dropMenu */
#nav li ul a:link,#nav li ul a:visited { color: #777; font-size: 12px; width: 179px; w\idth: 155px; padding: 0px 12px; line-height: 19px; text-align: left; border-right: solid 1px #CCCCCC; }
#nav li ul a:hover { color: #648bb1; font-weight: bold; background: #ececec; }
#nav li ul ul { margin: -20px 0 0 149px; }
#nav li:hover ul ul,#nav li.sfhover ul ul{ left: -999em; }
#nav li:hover ul, #nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{ left: auto; }
#nav li:hover ul { left: auto; }
#nav li.sfhover ul { display: block; }
/* @end */
/* Footer style
------------------------------------------------------- */
/*#footer { color: black; position: relative; width: 100%; border-top: 1px solid #648bb1; }
#footer ul { float: left; color: #648bb1; padding: 10px 0 0 20px;margin: 0; }
#footer ul li { float: left; margin: 0 5px; list-style: none;}
#footer a { color: Black; }
#footer #copyright { float: right; height: 25px; margin-top: 5px; }
#footer #copyright p { float: left; line-height: 30px; padding-right: 20px; margin: 0; }
#footer #copyright span { float: left; border-left: 1px solid #648bb1; padding: 0 15px 0 20px; }*/
#footer {
    height: 216px;
}
#footer_links {
    background-position: 0 -269px;
    height: 183px;
}
#footer_links { background-image: url(../images/2011/site_bg.png);}
#copyright {
    background-color: #595959;
    color: #FFFFFF;
    height: 33px;
    line-height: 33px;
}.width960 {
    margin: 0 auto;
    width: 960px;
}.footer_links01, .footer_links02, .footer_links03, .footer_links04, .footer_links05 {
    margin: 17px 0 0;
    width: 190px;
}.left {
    float: left;
}#footer_links .title {
    color: #1268A8;
    font-size: 14px;
    line-height: 25px;
}#footer_links li {
    line-height: 18px; list-style-type:none;
}
.width1003 {
    margin: 0 auto;
    width: 1003px;
}.right {
    float: right;
    text-align: left;
}#copyright a:link, #copyright a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#copyright a:hover {  color: #FFFFFF;
    text-decoration: underline;}
#footer_links li a:link, #footer_links li a:visited {
    color: #666666;
    text-decoration: none;
}
#footer_links li a:hover { color:#666666; text-decoration:underline;}
/* @end */
/* @rightColoumn Style
	------------------------------------------------ */
#extra { width: 195px; }
#extra ul,#extra li,#extra h4,#extra h5 { margin: 0; padding: 0; }
#extra #relatedContent li { background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 6px; padding-left: 10px; padding-top:5px; padding-bottom:3px; }
#extra .quickLinks h4 { color: #648bb1; font: bold 12px/20px Arial,Verdana,sans-serif; background: #dae8f1; border: 1px solid #bbd1e7; padding-left: 10px;text-indent:0px; }
	#extra .quickLinks ul { list-style: none; padding: 8px 10px; border: 1px solid #bbd1e7; border-top: none; }
	#extra .quickLinks p { line-height:18px; background:#FFFFFF; margin:0; padding: 8px 10px; border: 1px solid #bbd1e7; border-top: none; }
	#extra .quickLinks p a:link,#extra .quickLinks p a:visited { color: #cc6600; font-weight: bold; text-decoration:none; }
	#extra .quickLinks p a:hover { color: #F27900; font-weight: bold; }
	#extra .relatedLinks ul { list-style: none; padding: 8px 10px; border: 1px solid #dae8f1; border-top: none; }
	#extra .quickLinks ul li,#extra .relatedLinks ul li { background: url(../images/button/arrow_03.gif) no-repeat 0 7px;padding-left: 12px; line-height: 18px; }
			#extra ul li a:link,#extra ul li a:visited { color: #000; }
			#extra ul li a:hover { color: #000; text-decoration: none; }
#extra .relatedLinks h4 { color: #648bb1; font: bold 12px/20px Arial,Verdana,sans-serif; border: 1px solid #dae8f1; padding-left: 10px; }
#extra #relatedContent { border: 1px solid #dae8f1; border-top: none; }
#extra #relatedContent ul { list-style: none; border: none; margin: 0; padding: 4px 10px; }
#extra #relatedContent a { color: #648bb1; line-height: 14px; }
#extra #relatedContent h5 { color: #666; font: bold 12px/20px Arial,Verdana,sans-serif; padding: 5px 10px 0 10px; }
/* @end */
/* forms style */
input, select { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.inpSearch { width: 160px; height: 17px; border-top: 1px solid #a3b8cb; border-bottom: 1px solid #a3b8cb; border-left: 1px solid #a3b8cb; border-right: 0 solid transparent; background: #fff url(../images/button/input_bg.gif) repeat-x top; }
/*.inp:focus {
	border: 1px solid red;
}*/
.submitBtn { background: transparent url(../images/button/btn1_bg.gif) no-repeat; border: 1px solid #a3b8cb; width: 56px; height: 19px; border: 0; }

.clear { clear: both; overflow: hidden; width: 100%; }

.h2Title{ font-size: 14px; color: #b40101; line-height: 24px; padding: 0 0 0 14px; margin: 0; border-bottom: 1px solid #BCD0E8; text-indent:0px;}
#leftsidebar {
	float: left; 
	overflow: hidden;
	width: 200px;
}
	#leftsidebar a{ color: #000; background-color: #eff4fa; text-decoration: none; }
	#leftsidebar a.currentTitle { color: #648bb1;font-weight: bold; background-color: #f6f9fd; text-decoration: none; }
	#leftsidebar a:hover{ color: #648bb1; background-color: #f6f9fd; text-decoration: none; }
	#header img,#footer img,#extra img { border-style: none; clear: both; margin: 0; padding: 0; }

#container{ padding: 0 10px 0 10px;/* width: 100%-20px;*/ width:1003px; margin:0 auto;  }
#header{ clear: both; height: 80px; }

	#container #leftsidebar h4{ color: #FFFFFF; font-size: 12px; width: 184px; padding: 0 0 0 16px; margin: 0; line-height: 25px; background: url(../images/button/documentlefttitle.gif) repeat-x;text-indent:0; }
#leftsidebar ul,#leftsidebar p { margin: 0; padding: 0; list-style: none; }
	#leftsidebar li{ float: left; width: 184px; margin-top: 1px; }
	#leftsidebar li a{ background: #eff4fa; display: block; width: 184px; padding-left: 16px; color: #000; line-height: 28px; }
	#leftsidebar li a:hover{ background: #f6f9fd; color: #648bb1; text-decoration: none; line-height: 28px; }
	#leftsidebar img{ border-style: none; clear: both; margin: 0; padding: 0; }
#content{ color: Black; margin-left: 210px; padding-bottom: 16px; width: 100%-410px; }
#documentBody{ color: Black; margin-left: 210px; padding-bottom: 16px; width: 100%-210px; overflow: hidden; }
	.caption{ width: 100%-210px; height: 30px; border-bottom: 1px solid #BCD0E8; }
	.caption img { border: 0; }
	#documentBody .caption h2{ background: none; float: left; font-size: 14px; font-weight: bold; color: #b40101; padding-left: 14px; margin: 0 10px 0 0; line-height: 28px; text-indent: 0; }
	.caption a:link,.caption a:hover { text-decoration: none; }
		
	.quick { float: right; width: 200px; margin: 8px auto 0 0; }
	.dowLoad{ color: #cc6600; font-weight: bold; }
#rightsidebar{ float: right; width: 190px; clear: right; margin:35px 0 15px 15px; }
/*#footer{ clear: both; width: 100%; height: 56px; }*/
/* Document Detail style 
	----------------------------------------------------- */
#documentContent {
	overflow: hidden;
	/*display: inline-block;*/
}
#documentContent span br {display: none;}

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearFix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hide from IE-mac */
/* @end */