/*
=== H3C StyleSheet File ====================================
 Style Name: AboutH3C-GreeH3C
 Version: V.1.8
 Author: ANA ( http://www.H3C.com/ )
 Last Update: 2008-6-2
 History: 
 <author> <time> <version > <desc> <introduction>
 Jaybird 07/11/14 1.7 build add #h3cService h2 a style.
 Jaybird 08/03/07 1.8 build add SolutionsRelatedAreaˇ˘SolutionsRelatedContent style.
==============================================================
*/
.greenFrame{border:1px solid #D8D8DA;}

#greenmiddlesidebar{ width: 783px; float: left; padding: 10px 10px 16px 10px; overflow: hidden; }
#greenmiddlesidebar .greenFrame h2{  color: #a00401; line-height: 24px; background: #EAEFF4; padding: 0px 0px 0px 14px; text-indent: 0; font-weight: bold; }
	#greenmiddlesidebar .greenFrame #detailContent h2 { color: Black; background: none; line-height: normal; }
	#greenmiddlesidebar .h2Title{ background: none; border-bottom: 1px solid #BCD0E8; }
	#greenmiddlesidebar .h2Banner{ background: none; text-align: right; }/* ?? */
	#greenmiddlesidebar .h2Bannerlist{ background: none; text-align: left; }/* ?? */
	#greenmiddlesidebar li img{ padding: 2px; }/* ?? */
#greenbanner0{ width: 783px; float: left; padding: 10px 10px 0px 10px; overflow: hidden; }
.greenbanner{ width: 783px; height: 143px; border: 1px solid #BFD4E9; overflow: hidden; }
.greenbanner img { float: left; margin: 0 10px 0 0; }

#greenwrapper {float: left; min-height: 488px; }
#greenmiddlesidebar .greenFrame h2{  color: #a00401; line-height: 30px;    background: url(../images/2011/h2_bg.jpg) repeat-x scroll 0 0 transparent; padding: 0px 0px 0px 14px; text-indent: 0; font-weight: bold;margin:0; }
	#greenmiddlesidebar .greenFrame #detailContent h2 { color: Black; background: none; line-height: normal; }
	#greenmiddlesidebar .h2Title{ background: none; border-bottom: 1px solid #BCD0E8; }
	#greenmiddlesidebar .h2Banner{ background: none; text-align: right; }/* ?? */
	#greenmiddlesidebar .h2Bannerlist{ background: none; text-align: left; }/* ?? */
	#greenmiddlesidebar li img{ padding: 2px; }/* ?? */
.widthGreen{ width: 486px;overflow:hidden;}

#greenextra {
	overflow: hidden; float: right;
}
#greenextra .quickLinks h4,#greenextra #relatedSolutions h4,#detailBody #relatedArea h3,#newsContent #detailBody #SolutionsRelatedArea h3 {
	color: #a00401;
	font: bold 14px/24px Arial,Verdana,sans-serif;
	background: #EAEFF4;
	border: 1px solid #BCD0E8;
	padding-left: 10px;
	margin: 0;
	text-indent: 0;
}
	#greenextra .quickLinks h2{ 
	color: #a00401;
	font: bold 14px/24px Arial,Verdana,sans-serif;
	background: #EAEFF4;
	border: 1px solid #D8E6EF;
	padding-left: 14px;
	margin: 0;
	text-indent: 0;
	 }

	#greenextra .quickLinks ul,#greenextra #relatedSolutions ul { list-style: none; padding: 8px 10px; border: 1px solid #D8E6EF; border-top: none; }
	#greenextra .relatedLinks ul { list-style: none; padding: 8px 10px; border: 1px solid #dae8f1; border-top: none; }
	#greenextra .quickLinks ul li,#greenextra .relatedLinks ul li { background: url(../images/button/arrow_03.gif) no-repeat 0 7px; padding-left: 12px; line-height: 18px; }
			#greenextra ul li a:link,#greenextra ul li a:visited { color: #648BB1; text-decoration: none; }
			#greenextra ul li a:hover { color: #648BB1; text-decoration: underline; }
#greenextra #relatedSolutions li { background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; padding-left: 12px; }
#greenextra .relatedLinks h4 {
	color: #648bb1;
	font: bold 12px/20px Arial,Verdana,sans-serif;
	border: 1px solid #dae8f1;
	padding-left: 10px;
	margin: 0;
	text-indent: 0;
}
#greenextra #relatedContent,#relatedAreaContent,#SolutionsRelatedContent { border: 1px solid #dae8f1; border-top: none; }
#greenextra #videoContent { border: 1px solid #D8E6EF; border-top: none;/* padding: 10px; */}
#greenextra #relatedSolutions .quickLinks #videoContent p{padding:5px 10px 10px 10px;} 
#greenextra #relatedSolutions .quickLinks #videoContent div{margin:0px;padding:0px;}
#greenextra #videoContent a { color: #cc6600; }
#greenextra #videoContent p a { color: #cc6600; }
/*#greenextra #relatedSolutions .quickLinks #videoContent div.titlePadding{ color: Black;padding:10px 10px 0px 10px;}*/
#videoContent .titlePadding strong { color: black; display: block; padding: 10px 0 0 10px; }
#greenextra #relatedContent ul,#relatedAreaContent ul,#SolutionsRelatedContent ul { list-style: none; border: none; margin: 0; padding: 4px 10px; }
#greenextra #relatedContent a,#greenextra #relatedSolutions a,#relatedAreaContent a,#SolutionsRelatedContent a { color: #648bb1; line-height: 16px; text-decoration: none; }
#greenextra #relatedContent a:hover,#greenextra #relatedSolutions a:hover,#relatedAreaContent a:hover,#SolutionsRelatedContent a:hover {
	text-decoration: underline;
}
#greenextra #relatedContent h5,#relatedAreaContent h6,#SolutionsRelatedContent h6 {
	color: #666;
	font: bold 12px/20px Arial,Verdana,sans-serif;
	padding: 5px 10px 0 10px;
	margin: 0;
	text-indent: 0;
}
#relatedArea,#SolutionsRelatedArea { float: right; margin: 0 0 10 10px; }
#SolutionsRelatedArea {
	display: none;
}
.mainContent li,#greenextra #relatedContent li,#relatedAreaContent li,#SolutionsRelatedContent li { background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; padding-left: 12px; }
#mainContent img { border: 0; vertical-align: top;}