/* ---------------------------------- Common ---------------------------------- */
#pageMain {
	width: 1003px;
} 
 img {
 	border:0;
 }
  #header a:link, #header a:visited,#footer a:link, #footer a:visited {
 	color:#000;
	background:inherit;
	text-decoration:none;
	font-size:11px;
 }
 #header a:hover,#footer a:hover {
 	color:#507CB1;
	background:inherit;
	text-decoration:none;
	font-size:11px;
 } 
 /* p,td,input,select,textarea,div,span,ul,caption { */
	p,td,input,select,textarea,div,ul,caption {
    font:11px "MS UI Gothic",Arial,verdana,sans-serif;;
}
 
 /* ---------------------------------- Form Style -------------------------------- */
.searchInput {
	border: 1px solid #9FBBD5;
/*	height:16px;*/	
	background:inherit;
 	font: 11px "MS UI Gothic",Arial,verdana,sans-serif;
}
.btStyle {
border:1px solid #9FBBD5;
background:url(http://www.h3c.com/portal/tres/images/botton/search_input_bg.gif) repeat-x;
font: 11px "MS UI Gothic",Arial,verdana,sans-serif;
}
 
 /* ---------------------------------- Header ---------------------------------- */
 #header {
 	margin:0;
	width:1003px; /* the toppage width */
	height: 80px;
	background:url(../images/header_bg.gif) repeat-x;
	clear:both;
 }
 #headLogo {
	width:280px;
	float:left;
/*	background:url(../images/logo20061030.gif) no-repeat; */
 }
 #headNavi {
 	float:right;
	width:70%;
	height:20px;
	background:url(../images/head_navi_rbg.gif) right no-repeat;
	margin: 5px 0px 2px;
	padding-left:6px;
	color: #507CB1;
	font: 11px "MS UI Gothic",Arial,verdana,sans-serif;
 }
#headNavi ul {
	list-style:none;
	float:right;
}
#headNavi ul li {
	float:left;
	padding:3px 7px 0 0;
	display:block;
	font-family:"MS UI Gothic",Arial,verdana,sans-serif;
}
 #headSearch {
 	float:right;
	width:384px;
	padding-right: 6px;
	padding-top:23px;
}
/* Soap for Language showdiv begin */
#language {
	visibility:hidden;
	float:right;
	width:293px;
	text-align:center;
	clear:right;
} 
#language a{
	padding:0px 5px;
	color:#507cb1;
}
#language span {
	color:#a00401;
}
#outlanguage {
	width:72%; 
	float:right; 
	height:10px; 
	font-size:1px; 
	background-color:#fff;
}

 /* menuLink */
 a.blue:link,a.blue:visited {
   font:bold 12px "MS UI Gothic",Arial,verdana,sans-serif;
 	color:#ECF0F5;
	background:inherit;
	text-decoration:none;
 }
 a.blue:hover {
   font:bold 12px "MS UI Gothic",Arial,verdana,sans-serif;
 	color:#00EAFF;
	background:inherit;
	text-decoration:none;	
 }
 a.blue2:link,a.blue2:visited {
 font:11px "MS UI Gothic",Arial,verdana,sans-serif;
 color:#666;
 background:inherit;
 text-decoration:none;
 }
 a.blue2:hover {
  font:11px "MS UI Gothic",Arial,verdana,sans-serif;
 color:#5481B4;
 background:inherit;
 text-decoration:none;
}


/* -------------------------------- Top Menu ------------------------------ */
#nav {
}
.width150 {
width:140px;
}
.width257 {
width:230px;
}
.width180 {
width:160px;
}
.width160 {
width:140px;
}
.width120 {
width:100px;
}
.width50 {
width:50px;
}
#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 {
	display: block;
	padding-bottom:10px;
	text-decoration: none;
	text-align: left;
}
#nav a.selected{
	background: url(../images/arrow.gif) no-repeat right 50%;
}
#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;
}
#nav li ul a {
	width: 179px;
	w\idth: 155px;
	padding: 0px 12px;
	line-height: 19px;
	text-align: left;
	border-right: solid 1px #CCCCCC;
}
#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 ul li a:hover {
	background: #ececec;
}
#nav li:hover ul {
	left: auto;
}
#nav li.sfhover ul {
	display:block;
}
/* ---------------------------- channelMenu -------------------------------- */
#channelMenu {
  width: 1003px;
  height:23px;
  background: url(../images/menubg.gif) repeat-x;
padding:10px 0 0 0;
color: #9EB6D0;
}
#channelMenu ul {
	list-style:none;
	padding-left:58px;
}
#channelMenu ul li {
	float: left;
	display: block;
}


/* --------------------------------- footer --------------------------------- */
#footer {
	width: 1003px;
	height: 40px;
	clear:both;
	border-top:1px solid #8EADCB;
}
#footlink {
   float:left;
	width:42%;
	color: #648BB1;
	background:inherit;
	padding:5px 0 0 0;
}
#footlink ul {
	list-style: none;
}
#footlink ul li {
	float:left;
	padding:3px 0 0 10px;
	display:block;
	font-family: "MS UI Gothic",Arial,verdana,sans-serif;
}
#copyright {
	float:left;
	width:48%;
	font:11px "MS UI Gothic",Arial,verdana,sans-serif;
	text-align:right;
	padding:3px 20px 0 0;
}
#copyrightimg {
	float:left;
	width:7%;
	height: 26px;
	border-left:1px solid #648BB1;
	margin:3px 0 0 0;
/*	background:url(../images/copyright.gif) no-repeat center bottom; */
}
#copyrightimg img {
	padding-left:8px;
}

/* other */
.LoginMid { BORDER-BOTTOM: #c1d2e4 1px dotted }
	#divToolTip { PADDING-RIGHT: 0px; PADDING-LEFT: 200px; PADDING-BOTTOM: 0px; PADDING-TOP: 15px }