/* CSS Document */
body {text-align:center;font-family: 宋体, serif; background-color:#fff;  margin:0; padding:0; font-size:12px; color:#000; }
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border:0; }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:12px; font-weight:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
input,button{cursor:pointer;}
img{vertical-align:top;}
table{margin:0 auto;}
/* 链接颜色 */
a:link {color: #3366d8; text-decoration:none;}
a:visited {color: #3366d8;text-decoration:none;}
a:hover {color: #bc2931; text-decoration:underline;}
a:active {color: #bc2931;}
/* 颜色属性 */
.cRed,a.cRed:link,a.cRed:visited{ color:Red; }
.cBlue,a.cBlue:link,a.cBlue:visited{color:#1f3a87;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}
.cGray,a.cGray:link,a.cGray:visited{ color: #333;}
.cDGray,a.cDGray:link,a.cDGray:visited{ color: #666;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;}
.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover{color:#bc2931;}
.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}
.cYellow,a.cYellow:link,a.cYellow:visited{color:#ff0;}
/* 字体属性 */
.fB {font-weight: bold;}
.fI {font-style: italic;}
/* 字体大小*/
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}
/* 其他属性 */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; font-size:1px; width:1px; height:0; overflow:hidden; }
.hidden {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none;	}

/**/
.main_bg{background:#fff url(../images/main_bg.gif) repeat-y; background-position:center;}
.main_footer{ background:#fff url(../images/main_footer.gif) no-repeat; width:979px; height:8px; padding-top:20px; margin-bottom:15px;}
.top_bg{ background-image:url(../images/top_bg.png); background-repeat:repeat-x; height:93px;}
.top_logo{ width:125px; height:55px; background-image:url(../images/top_logo.gif); background-repeat:no-repeat; margin:15px 0px 0px 30px; float:left;}

/*导航菜单*/
 ul.top_nav{ margin:15px 30px 0px 0px; float:right; list-style:none;}
 ul.top_nav li{ float:left; text-align:center;}
 ul.top_nav li a{ margin-left:20px; display:block; padding-top:4px; width:50px; height:62px;}
 ul.top_nav li a:hover{ background-image:url(../images/nav_onover.png); background-repeat:no-repeat; width:50px; height:66px;}

.maxWidth{ width: 970px; text-align:left;}

/*使用步骤*/
.step_bg{ background:#fff url(../images/step_bg.jpg) no-repeat; width:165px; height:132px; padding:15px 10px 0px 10px; float:left; margin-left:30px;}
.step_content{ margin:8px 0px 8px 0px; line-height:18px; color:#666666;}
.icon_download{BACKGROUND: url(../images/icon_download.gif) no-repeat; padding-left:20px; padding-top:3px; margin-right:5px; margin-bottom:3px; display:block;}
.icon_help{BACKGROUND: url(../images/icon_help.gif) no-repeat; padding-left:15px; padding-top:3px; margin-right:5px;}
.icon_tick{BACKGROUND: url(../images/icon_tick.png) no-repeat; padding-left:18px; padding-top:3px; margin-right:5px;}

/**/
ul.features{ margin:10px 0px 0px 0px; list-style:none;}
ul.features li{ line-height:18px; font-size:13px; margin-bottom:10px;}
ul.features li .summary{ display:block; margin-left:20px;}
.tablecontainer{margin:20px auto 0 auto;padding:6px;width:792px; min-height:402px; font-size:77%;font-family:Verdana;background:transparent url(../images/bg_features_main.png) no-repeat top left;}
.tablecontainer table{ width:100%; border:0px; background:#fff url(../images/bg_features_grad_purple.png) repeat-x;}
.tablecontainer div table th{text-transform:uppercase;font-weight:bold;white-space:nowrap;color:#fff;}
table.communication th{background-color:#86a7dc;}
table.otherdownload th,table.otherdownload td{padding:6px 10px;text-align:center;border:1px solid #bdbebf; text-align:left; color:#353535;}
table.otherdownload th span{display:block;width:5em; color:#fff;white-space:nowrap;}
table.otherdownload td span{display:block;width:5em;white-space:nowrap; }
table.otherdownload td.fchild{border-left:none; border-top:none;}
table.otherdownload td.download{border-left:none; border-top:none;border-right:none;}

/*文档*/
.doc_content_bg{ background:#fff url(../images/doc_content_bg.gif) repeat-y; background-position:top left; margin-left:2px;}

.doc_TreeView{ width:200px; float:left; margin-right:20px; padding:10px 3px 10px 3px; }
.doc_TreeView ul{ list-style:none;}
.doc_TreeView .root{ font-size:13px; font-weight:bold; color:#3366d8;}
.doc_TreeView .leafArea{ margin:3px 0px 10px 10px;}
.doc_TreeView .leaf{font-size:13px; background: url(../images/doc_TreeView_leaf.gif) no-repeat; background-position:0px 5px; padding:2px 0px 3px 10px;}

.docView{ float:left; margin:10px 0px 10px 0px; width:740px; overflow:hidden;}
.siteMapPath{ border-bottom: dashed 1px #ccc; padding:0px 0px 4px 0px; font-size:13px; }
.docContent{ margin:10px 0px 10px 0px;font-size:14px; line-height:20px;text-indent: 24pt;}
.docContent ul{  list-style:none; margin-left:20px; }
.docContent li{background-image:url(../images/arttubiao.gif); background-repeat:no-repeat; background-position:18px 3px; }
.docContent img{ border:solid 1px #ccc; padding:1px; }
.docContent code{ display:block; font-size:12px;	color: #693;	border: solid 1px #dadada;	background-color: #f0f0f0;	padding: 5px;  line-height:15px;text-indent: 0pt;}
.docContent table{ background-color:#efefef; border:solid 1px #ccc; border-bottom:none; border-right:none; width:100%;}
.docContent table th{border:solid 1px #ccc; border-left:none; border-top:none; padding:1px 0px 1px 7px; font-size:13px;}
.docContent table td{border:solid 1px #ccc; border-left:none; border-top:none; background-color:#fff; padding:1px 3px 1px 3px; font-size:13px;}


.warning{ background:url(../images/warning.gif) no-repeat #FFFCB8; background-position:5px 5px; padding:15px 5px 5px 43px; margin:5px 0px 5px 0px; text-align:left; border:solid 1px #ccc; font-size:14px; min-height:25px;}
.ok{ background:url(../images/ok.gif) no-repeat #FFFCB8; background-position:5px 5px; padding:15px 5px 5px 45px; margin:5px 0px 5px 0px; text-align:left; border:solid 1px #ccc; font-size:14px; min-height:25px;}
.error{ background:url(../images/error.gif) no-repeat #FFFCB8; background-position:5px 5px; padding:15px 5px 5px 45px; margin:5px 0px 5px 0px; text-align:left; border:solid 1px #ccc; font-size:14px;  min-height:25px;}
.message{ background:url(../images/message.gif) no-repeat #FFFCB8; background-position:5px 5px; padding:15px 5px 5px 45px; margin:5px 0px 5px 0px; text-align:left; border:solid 1px #ccc; font-size:14px; min-height:25px;}

/*查看源代码*/
.src_list{ width:200px; float:left; margin-left:2px; margin-right:20px; padding:10px 3px 10px 3px; }
.src_list ul{ list-style:none;}
.src_list li{font-size:13px; background: url(../images/txt.gif) no-repeat; background-position:0px 5px; padding:7px 0px 3px 17px;}
.viewSrc{ float:left; margin:10px 0px 10px 0px; width:720px; }
.viewSrc pre{overflow: auto;	font-size:12px;	color: #693;	border: solid 1px #dadada;	background-color: #f0f0f0;	padding: 5px; width:100%;	 line-height:15px;	}
.viewSrc h3{ font-size:15px; margin:10px; font-weight:bold;}

.live-code {
	margin: 10px;
	padding: 5px 5px 5px 10px;
}


.live-code a {
	text-decoration: none;
}

.live-code a span {
	visibility: hidden;
}

.run-button {
	display: table-cell;
	display: inline-block;
	background: url(../images/button_run.gif) no-repeat;
	width: 52px;
	height: 47px;
}

.run-button:hover {
	background-image: url(../images/button_run-over.gif);
}

.run-button:active {
	background-image: url(../images/button_run-down.gif);
}

.view-button {
	display: table-cell;
	display: inline-block;
	background: url(../images/button_view.gif) no-repeat;
	width: 92px;
	height: 47px;
}

.view-button:hover {
	background-image: url(../images/button_view-over.gif);
}

.view-button:active {
	background-image: url(../images/button_view-down.gif);
}