body,td,input,p,select { line-height:150% }
body { margin:0px; padding:0px; background:#ebebeb;text-align:center; font-size:9pt; font-family:"ËÎÌå", Tahoma,Verdana, Lucida, Arial;}
p { text-indent:24px; line-height:180% }
hr { color: #FFF; border: 0px; border-bottom:1px solid #cad6e8; height: 1px; }
img {border: none;vertical-align: middle; }

table.tb01{ width:560px; margin-top:12px; margin-left:18px; border-collapse:collapse; border-spacing:0px; font-size:12px;}
tabble.tb01 td{ }

table.tb02{ width:100%; border-collapse:collapse; border-spacing:0px;}
table.tb02 img{ margin:3px;}

table.tb03{ width:460px; border-collapse:collapse; border-spacing:0px; border:#cad6e8 0px solid; FONT-SIZE: 9pt; }
table.tb03 th{ background:#fff; line-height: 180%; font-size:9pt; text-align:left; padding-left:16px; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100;}
table.tb03 td{ border:#cad6e8 0px solid; line-height: 220%; }
table.tb03 tr{ background-color:expression((this.sectionRowIndex%2==0)?"#f9faf9":"#ffffff"); }
table.tb03 .c1{}
table.tb03 .c2{ 20px; }
table.tb03 img{ margin:5px;}

table.tb04{ width:100%; border-collapse:collapse; border-spacing:0px; border:#cad6e8 0px solid; FONT-SIZE: 9pt; margin:20px;}
table.tb04 th{ background:#fff; line-height: 180%; font-size:9pt; text-align:left; padding-left:16px; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100;}
table.tb04 td{ border:#cad6e8 0px solid; line-height: 220%; }
table.tb04 tr{ background-color:expression((this.sectionRowIndex%2==0)?"#f9faf9":"#ffffff"); }
table.tb04 .c1{}
table.tb04 .c2{ 20px; }
/*IE 7 only*/
*+ html table.tb04{ margin:20px 0px; }
/*IE 6 only*/
* html table.tb04{ margin:20px 0px; }

a { COLOR: #06c;}
a:visited { COLOR: #06c;}
a:hover { COLOR: #06c; }

.clear{ clear:both}

#outer{ margin: 0px; padding:0px; text-align:center}
.pos_l{float:left;}
.pos_r{float:right;}
.borderimg{border:1px #b1c2d6 solid;padding:1px;}

#outer div h3  { font:  normal 1em Verdana, Arial, Helvetica, sans-serif; height:1em; padding:2px 1.5em 4px .5em; clear: right;color:#99ACCA ; margin:0; position:absolute; right:-1px;
top:-.8em; border:0 none;  background:transparent url(images/bulletr.gif) right center no-repeat;}

#wrapper{ border:#CAD6E8 1px solid; position:relative; margin:20px; }
/*IE 7 only*/
*+ html #wrapper{ padding:20px;}
/*IE 6 only*/
* html #wrapper{ padding:20px; }




#header{ width:100%; height:85px; background: url(images/top_bg.gif) left top repeat-x;}
#header h1{ width:423px; height:85px; position:absolute; left:30%;}
#header h1 span{ width:423px; height:85px; background: url(images/logo.png) left top no-repeat; position:absolute; top:-16px; left:0px;  }
/*IE 7 only*/
*+ html #header h1 span{  top:0px;}
/*IE 6 only*/
* html #header h1 span{  top:0px; }
 

div#navcontainer{ background: #ABBDCC url(images/nav_bg.png) center no-repeat; color: #FFF; margin:0px; height:36px; padding-left: 30px; line-height:36px; font-size:14px;  }
ul#navlist{ width:888px; margin:auto }
ul#navlist li{ display: block; float: left; list-style:disc outside;  }
ul#navlist li a{ margin:0px 10px; padding:3px 6px; color: #FFF; text-decoration: none; none; white-space: nowrap; font-weight:bold; }
ul#navlist li a:hover{ color: #000; text-decoration: underline; }
ul#navlist li a.active{ color:#6b4216; background:#ebebeb; /*border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;*/}

#feature{ width:888px; height:250px; margin:9px 0px; background:#fff; }

#Main{ width:888px; margin-top: 0px; padding:0px; margin:auto; }
.left{float:left;}
.right{float:right;}
.leftblock{width:430px;border:1px #bfccd6 solid;background:#fff; padding:16px 20px; overflow:hidden; margin-bottom:10px;}
.rightblock{width:365px;border:1px #bfccd6 solid;background:#fff; padding:16px 20px; overflow:hidden; margin-bottom:10px;}
.rightword{margin-left:200px; position:relative;}
.con{  text-align:left; line-height:180%;}

.bottom{ text-align:right;}
.bottom a, .col .bottom a:visited{ color:#CB7D28; text-decoration:none;}
.bottom a:hover{ color:#1E74BA; text-decoration:underline;}

.downloadNow{ line-height: 120%; margin-right: 4px;}
.downloadNow a:link,
.downloadNow a:visited,
.downloadNow a:active,
.downloadNow a:hover{Tahoma, Arial; font-weight: bold; width: 200px; height: 52px; margin: 0px; padding: 0px; display: block; color: #993300; text-decoration: none; background: url('images/download_now.png') top left no-repeat;}

.downloadNow a:hover{ color: #CC6600; background: url('images/download_now.png') top left no-repeat;}

.downloadNow2{ line-height: 120%; margin-right: 4px; margin-top:10PX;}
.downloadNow2 a:link,
.downloadNow2 a:visited,
.downloadNow2 a:active,
.downloadNow2 a:hover{Tahoma, Arial; font-weight: bold; width: 185px; height: 52px; margin: 0px; padding: 0px; display: block; color: #993300; text-decoration: none; background: url('images/download_now2.png') top left no-repeat;}

.downloadNow2 a:hover{ color: #CC6600; background: url('images/download_now2.png') top left no-repeat;}

.downloadNowTitle{display: block; font-size: 125%; text-align: center; padding-top: 10px;}
.downloadNowCounter{display: block; font-size: 85%; font-weight: normal; margin-top: 2px;}

.download-info{
	color: #666666;
	margin: 10px 0px;
	line-height: 200%;
}
.download-info a:visited, .download-info a:link{color:#507800; text-decoration:underline; }
.download-info a:hover{color:#507800; text-decoration:underline; background-color:#eff9d0;}


.down{ line-height: 120%; margin-top:10px; text-align:left;}
.down a:link,
.down a:visited,
.down a:active,
.down a:hover{Tahoma, Arial; font-weight: bold; width: 188px; height: 73px; margin: 0px; padding: 0px; display: block; color: #ededed; text-decoration: none; background: url('images/download.png') top left no-repeat;}
.down a:hover{ color: #fff; background: url('images/download.png') top left no-repeat;}

.down .txtarea{ width:136px; height:73px; display:block; cursor: pointer; cursor: hand;}
.downTitle{display: block; font-size: 130%; text-align: center; padding-top: 12px; }
.downVersion{display: block; text-align: center; margin-top: 0px;  font-size: 80%;  font-weight:normal;}
.downDate{display: block; font-size: 75%;  margin-top: 3px; color:#b8d8e8; font-weight:normal; }

.downlist{ text-align:left; margin:5px 0; }
.downlist ul{ margin:0px; padding:0px;}
.downlist li{ display:block; float:left; list-style:disc outside; margin-left:10px;}
.downlist li a{ color:#0066cc}
.downlist li a:hover{ color:#0066cc}


.fealist{ text-align:left; padding-top:30px; }
/*IE 7 only*/
*+ html .fealist{ padding-top:15px; }
/*IE 6 only*/
* html .fealist{padding-top:15px; }

.fealist ul{  margin:0; padding:0; line-height:1.5;margin:25px auto; list-style:none; }
.fealist ul *{line-height:1.5;}
.fealist li{clear:both;margin:28px auto;overflow:hidden; *zoom:1;}
.fealist .tit{ color:#6B4216;font-size:14px;font-weight:bold;margin-left:94px;}
.fealist .con{margin-left:94px; }


.clink{ padding-bottom:10px; }
.clink ul{margin:0px; padding:0px; margin-left:10px; }
.clink li{ height:32px; list-style:none; display: block; float: left; border:1px solid #ccc; margin:5px 0px 5px 10px; }

.clink2{ padding-bottom:10px; }
.clink2 ul{margin:0px; padding:0px; margin-left:10px; }
.clink2 li{ height:52px; list-style:none; display: block; float: left; border:1px solid #ccc; margin:5px 0px 5px 10px; }

#wp9_nav{ clear:both;  width:888px; height:150px;  padding:0;text-align:left; border:#bfccd6 solid 1px; background:#fff; }
#wp9_nav ul{ padding:0px; margin:5px 0px 0px 20px;}
#wp9_nav li{line-height:2; list-style:none; background:url(images/arraw1.gif) center left no-repeat; padding-left:10px;}
#wp9_nav a{ color:#000; text-decoration:none}
#wp9_nav a:hover{ color:#666; text-decoration:underline;}


.list_1{ float:left; margin-top:10px; width:220px;  }
.list_2{ float:left; margin-top:10px; width:180px;  }
.line{ float:left; background: url(images/line1.gif) left top no-repeat; width:2px; height:100px; margin-top:20px;}


#footer { clear: both; text-align:center; padding-top:33px; line-height:200%;}
/*IE 7 only*/
*+ html #footer{ padding-top:23px;}
/*IE 6 only*/
* html #footer{padding-top:23px;}

#footerLinks{ text-align:center; color:#000;}
#footerLinks ul{ padding: 0; margin: 0; }
#footerLinks li{ display:inline;}
#footerLinks li a{ margin:0px 6px; color: #000; text-decoration: none; white-space: nowrap; }
#footerLinks li a:hover{ color: #000; text-decoration: underline;}

.copy{ margin-top:20px; color:#666666; font-size:8pt;}
.copy a:link{text-decoration: none; color:#666666;}
.copy a:visited{text-decoration: none; color:#666666;}
.copy a:hover{text-decoration: none; color:#0066cc;}

/*innerPage html css*/
.wleftblock{width:575px;border:1px #bfccd6 solid;background:#fff; padding:16px 20px; overflow:hidden;  margin-bottom:10px; text-align:left }
.wrightblock{width:220px;border:1px #bfccd6 solid;background:#fff; padding:16px 20px;overflow:hidden; margin-bottom:10px;}
.wrightblock2{width:220px;background:#fff; padding:16px 20px;overflow:hidden; margin-bottom:10px;}
.wleftblock p{margin-bottom:15px;overflow:hidden;}
.wleftblock p .brspan{padding-left:18px;float:left;}

.textbox-item{ display: inline; margin-left:16px; padding: 2px; padding-left: 13px; font-weight: bold; background: url("images/textbox_item.gif") no-repeat left; color:#003366; line-height: 30px;}


.new{ width:218px; height:24px; background:url(images/news.gif) left top no-repeat; color:#FFFFFF; text-align:right; font-weight:bold; line-height:24px;}
.new .rword{ padding-right:10px; }
.title{ background: url(images/textbox_item.gif) left center no-repeat; padding-left:16px; font-size:16px; font-weight:bold; color:#6B4216; text-align:left;}
.t1{ margin-left:20px; font-size:14px; font-weight:bold; color:#6b4216; text-align:left; }
.t1_16{ margin-left:20px; font-size:16px; font-weight:bold; color:#6b4216; text-align:left;}
.t2{ clear:both; color:#CB7D28; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold; line-height:28px; padding-left:9px; text-align:left}



.c1{ font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#f9f9f9}
.c1 li{ list-style: none; line-height:180%; }
.c1 ul{ margin:0px; padding:0px; padding-left:19px;}
.c1 a:link, .c11 a:visited{ color:#06c; text-decoration:underline; }
.c1 a:hover{ text-decoration:underline;  }
.c2{ font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left}
.c2 li{ list-style: none; line-height:180%; }
.c2 ul{ margin:0px; padding:0px; padding-left:19px;}
.c3{ color:#000; line-height:220%; font-size:9pt;}
.c3 li{ list-style: url("images/textbox_item.gif") outside; }

.frameinfo { clear:both; border: 1px dashed #cccccc; padding: 5px; margin: 5px; margin-bottom: 15px; background-color:#EFEFEF;}
.note { background: url("images/imp_info.gif") no-repeat left;}
.hint { background: url("images/imp_hint.gif") no-repeat left;}
.frametext { padding: 5px; padding-left: 40px; color:#999999;}
.code{ font:Courier New, Courier, monospace; text-align:left; background-color:#EFEFEF; margin:9px; padding:20px;}

.pics{ width:228px; height:205px; border:0px; }


#con {  margin:0 auto; margin-top:18px;}
#tags { height:32px; margin:0; padding:0;  margin-left:10px; margin-top:10px; }
#tags li { float:left; margin-right:1px; background:url(images/tagleft.png) no-repeat left bottom; height:32px; list-style-type:none; }
#tags li a { text-decoration:none; float:left; background:url(images/tagright.png) no-repeat right bottom; height:32px; padding:0px 16px; line-height:32px; /*color:#444F58;*/ color:#FFFFFF}
#tags li.emptyTag { width:4px; background:none}
#tags li.selectTag { background-position: left top; position:relative; height:33px; margin-bottom:-4px}
#tags li.selectTag a { background-position: right top; color:#000; height:33px; line-height:33px; }
#tagContent { padding:1px; background-color:#fff; /*border:1px solid #CDD3D7;*/}
.tagContent {  display:none}
#tagContent div.selectTag{ display:block}