/*Reset*/
*{margin:0; padding:0;}

/*Basic*/
body{font-family:Arial; font-size:10pt; color:#666; background-color:#fff;}
a{color:#07d; text-decoration:underline;}
a:hover{color:#000;}
.last{list-style:none; float:right;margin-right:1em;}
.info {font-size:11px; color:#aaa;}
.info a{color:#333;}
.desc{color:#666; display:block; font-size:11px; line-height:14px; margin-bottom:0.5em;}
.info a.listDownloadLink:hover {color:#060;}
.info a.listTagsLink{color:#aaa; text-decoration:none;}
.info a.listTagsLink:hover{color:#060;text-decoration:underline;}
/* Outer */
#outer{padding:0; margin:0; width:100%;}

/* Header */
#header{position:relative; background:#004778 url('images/a5.gif') bottom left repeat-x; height:10em; padding-left: 2em;}
#header a.logo {position:absolute; top:1.8em; font-size:2.2em; letter-spacing:-0.05em; color:#fff; font-weight:bold; text-decoration:none;}
#header .logo_desc{position:absolute; font-size:0.8em; top:8em; letter-spacing:0.05em; color:#E0E8EF;}

/*Search Form*/
#search form{position:absolute; top:7em; right:3em;  margin:0; padding:0;}
#search input{font-family:Arial; font-size:12px;}
#searchText {width:18em; background-color:#ECF9E4; color:#658453; height:16px;}
#searchSubmit{margin-left:8px; color:#39561D; }

/* Menu */
#menu{position:absolute; top:5em; right:3em;}
#menu ul{list-style:none;}
#menu li{display:inline; padding-left:1.1em; margin-left:1em; border-left:dotted 1px #E0E8EF;}
#menu li.first{border:0em; margin-left:0em; padding-left:0em;}
#menu li a{color:#fff; padding:0.1em; text-decoration:none;}
#menu li a:hover{text-decoration:underline;}

/* Content */
#content{line-height:1.5em;}
#content p{margin-bottom:1.5em;}
#content h1,h2,h3, #content.latestTitle{color:#545454; margin-bottom:1em; border-bottom:dashed 1px #dfdfdf; padding-bottom:0.3em;}
#content .latestTitle{display:block; color:#545454; margin-bottom:1em; border-bottom:dashed 1px #dfdfdf; padding-bottom:0.3em;}
#content h1, #content .latestTitle{font-size:1.5em;}
#content h2{font-size:1.1em;}
#content ul{margin-bottom:1.5em; padding-left:1em; list-style:square;}
#content blockquote{margin-bottom:1.5em; padding:0.75em 0.75em 0.75em 1.5em; border-left:solid 0.75em #005082; background: #FDFDFD url('images/a7.gif') top left repeat-x;}
#content blockquote p{margin-bottom: 0em;}
#content table{margin-bottom:1.5em; border-collapse:collapse; text-align:left;}
#content table th{font-weight:bold; padding:0.5em;}
#content table td{padding:0.5em; border-right:solid 1px #fff;}
#content table tr.rowH{color: #fff; background:#006192 url('images/a8.gif') top left repeat-x; border-right: solid 1px #fff;}
#content table tr.rowA{background: #F8F8F8 url('images/a6.gif') top left repeat-x; border-top: solid 1px #fff; color: inherit;}
#content table tr.rowB{background: #FDFDFD url('images/a7.gif') top left repeat-x; border-top: solid 1px #fff; color: inherit;}
#content .sitemap ul{list-style:none;}
#content .sitemap li.mainli{height:30px;}
#content .sitemap li.mainli a{font:bold 14px/24px Arial; color:#07D;text-decoration:none;}
#content .sitemap li.mainli a:hover{text-decoration:underline; color:#333;}
#content .sitemap li.middleli a{font:bold 12px/20px Arial; color:#069;text-decoration:none;}
#content .sitemap li.middleli a:hover{text-decoration:underline; color:#333;}
#content .sitemap li.smallli{height:20px;}
#content .sitemap li.smallli a{font:bold 10px/18px Arial; color:#066;text-decoration:none;}
#content .sitemap li.smallli a:hover{text-decoration:underline; color:#333;}
/* Left Bar*/
#leftbar {position: relative;float:left; width:160px; padding: 3em 1em 1.5em 1em; background: #fff url('images/a1.gif') top right repeat-y;}
#list_recommend_codecs a{color:#1e5b7e;}
#list_recommend_codecs h3{font-size:10pt;}
#list_recommend_codecs h3 a:hover{color:#000;}
#leftbar  .xbg{position:absolute; right:0em; bottom: -64px; background: #fff url('images/a3.gif') top right no-repeat; height:64px; width:128px;}
#leftbar ul.leftListCodecs li a:hover{color:#000;}
#leftbar ul.leftListCodecs li{margin-bottom:10px; font-size:12px;}
#list_tags ul {list-style:none;}
#list_tags li{display:block; margin: 1em 0 1em -1em; border-bottom:1px solid #EEE;}
#list_tags li a{text-decoration:none; font-weight:bold; color:#1e5b7e;}
#list_tags li a.emphasis{color:#397A0F;}
#list_tags li a:hover{text-decoration:underline; color:#000;}
	/* Primary Content */
#primaryContentContainer{background-color:#fff; float:right; width:100%; margin:0 0 0 -196px;}
#primaryContent{margin: 18px 12px 0 196px; padding: 18px 0;}
#primaryContentContainerWide{background-color:#fff; float:right; width:100%; margin:0 0 0 -1em;}
#primaryContentWide{margin: 18px 12px 0 1em; padding: 18px 0;}
#primaryContentWide h1{color:#545454; margin-bottom:0.7em; border-bottom:dashed 1px #dfdfdf; font-size:22px;}
.codecDetail{margin-bottom:60px;}
.warning{color:#C00000;}

		/*Recommend*/
#recommend{border:1px solid #CCC; margin:0 auto; text-align:center;}
#recommend table {margin-bottom:0;}
#recommend table td{padding:0.75em;}
#recommend  a{color:#07D;font-weight:bold; padding:0.1em;}
#recommend  a:hover{color:#000;}
#recommend .downloadLink{font: 500 11px Arial; background-image: url(images/download-arrow.gif); background-repeat:no-repeat; padding-left:18px;}
		/*audio/video/pack */
#catDesc{margin-bottom:-15px;}
#breadcrumb{margin:-30px 0 13px; 10px; font-size:11px;}
#breadcrumb a{color:#666; }
#breadcrumb a:hover{color:#000;}

		/*Right Bar*/
#rightbar{position:relative; float:right; width:300px; padding:0 0 1.5em 1em; background: #fff url('images/a2.gif') top left repeat-y;}
#rightbar h3{color:#545454; font-size:12pt;}
#rightbar .ad{margin:1em 0 2em 0;}
#rightbar .xbg{position: absolute; left: 0em; bottom: -64px; background: #fff url('images/a4.gif') top left no-repeat; height: 64px; width: 128px;}
#rightbar ul li{padding-bottom:1em;}
		/*Tag Cloud*/
#tag_cloud ul{list-style:none;}
#tag_cloud li{display:inline; margin:10px; line-height:30px;}
#tag_cloud li a{text-decoration:none;}
#tag_cloud li a.important1{font:bold 20px Arial;}
#tag_cloud li a.important2{font:bold 16px Arial;}
#tag_cloud li a.important3{font:normal 16px Arial;}
#tag_cloud li a.important4{font:norma 10px Arial;}
		/* Middle Content */
#middleContentContainer{float:right; width: 100%; margin-right:-320px;}
#middleContent{margin-right:324px;padding:1em 1em 1em 0;}
#listCodecInformation{margin-top:-15px; font-size:10px;}
#listCodecInformation ul{list-style:none;}
#listCodecInformation li{display:inline; margin-right:10px; padding-right:10px;border-right:solid 1px #CCC}
		
		/*Download Area*/
#downloadArea a{font:bold 16px/32px Arial; color:#397A0F;}
#downloadArea a:hover{color:#000;}
		/*list the latest*/
#listLatest ul{list-style:none;}
#listLatest li{margin:0 0 2em -1em; padding:0 1em 0.5em 0; border-bottom:dashed 1px #ccc;}

		/* list pages */
#listPages {margin:-20px 0 10px 0; float:right;}
#listPages ul li {list-style:none; background-color:#F8FAFB; border:1px solid #EAEAEA; display:block; margin:0 0 0 4px; float:left;}
#listPages a{text-decoration:none; padding:2px 8px;}
#listPages a:hover {color:#07d;background-color:#D2D6DF;padding:2px 8px;}
#listPages li.youAreHere{background-color:#1E5B7E; border:1px solid #1E5B7E; color:#FFFFFF;padding:0 8px; font-weight:bold;}
#listPages li.skip{background-color:#FFF; border:none;}
/* Footer */
#footer{ position:relative;clear:both;margin:0 auto;border-top: dashed 1px #dfdfdf;	background: #333 url(images/footer.gif) scroll 0 0; text-align: center;height:205px; font:normal 12px/20px Arial; color:#CCC;}
#footer .footerDetailsLeft{position:absolute; left:10px; top:20px; width:310px; height:140px; border-right:1px solid #222;}
#footer .leftDetails{height:140px; border-right:1px solid #555; text-align:left; }
#footer .footerWideColumn{width:66%;float:right; margin-bottom:20px;}
#footer .footerDetailsRight{position:absolute; right:0; top:20px; width:310px; height:140px; border-left:1px solid #222; padding-left:15px;}
#footer .rightDetails{height:140px; border-left:1px solid #555; text-align:left;margin-left:-17px; _margin-left:-15px;padding-left:15px;}
#footer  h4{border-bottom:2px solid #CCC; margin-right:15px; padding-bottom:5px;font-size:12px;}
#footer ul{list-style:none; padding-right:15px;}
#footer li{line-height:24px; border-bottom:1px dotted #666;}
#footer li a{color:#ccc; text-decoration:none;}
#footer li a:hover{color:#F37334; text-decoration:underline;}
#copyright{clear:both; text-algin:center; font-size:10px;font-family:Arial; color:#CCC;}

/*control*/
.helloword{color:#fff; font-weight:bold; margin-bottom:10px; padding:10px; border-bottom: 1px solid #fff;}
.manage_left_menu a{display:block; color:#EFECC9; margin:5px 0 5px 10px; font:bold 12px/20px Arial;}
.manage_left_menu a:hover{color:#FFB03A;}
.manage_right_region{width:100%; text-align:center;}
.manage_right_region input{width:430px;}
.list_item_o{background-color:#EEE; height:30px;}
.list_item_e{background-color:#E2EAFE; height:30px;}

/*codec add*/
.codec_add_table{margin-left:100px;}
.codec_add_table tr td{border-bottom:1px solid #EEE;}
.clear
{
	clear: both;
}
.codecTitle{
font:bold 14px/24px Arial;
color:#333;
}