/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {	
	font-size:100%;
	font-weight:normal;	
}
q:before, q:after {
	content:'';
}
caption, th {
	text-align:left;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
/* ----------------------------- Clearfix------------------------------ */

/* Clear Fix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

.none{
	display:none !important;
	visibility:hidden;	
	}
	
html{
	font-family: 'Open Sans',arial,sans-serif !important;	
	}
		
body{
	background-color:#f0f0f0;			
	}
	
.outsideWrapper{
	width:100%;
	height:100%;
	display:block;
	position:absolute;	
	min-width:1024px;
	z-index:9;
	margin:41px 0px 0px 0px;
	
	}
	
h1.systemName{
	width:100%;
	height:38px;
	font-size:38px;
	line-height:38px;
	text-align:center;
	margin:34px 0px 0px 0px;
	color:#010080;
	font-weight:bold;	
	}
.mainMenu{
	width:536px;
	height:424px;
	display:block;
	position:absolute;
	left:50%;
	top:82px;
	margin:0px 0px 0px -268px;
	border:1px solid #000;
	z-index:2;		
	}
	
.mainMenu ul{
	float:left;
	width:268px;
	padding:8px 0px 0px 0px;
	display:block;	
	}	
.mainMenu ul li{
	width:258px;
	height:23px;
	display:block;
	margin:0px 0px 1px 0px;		
	}
.mainMenu ul li.close{
	
	}	
	
.mainMenu ul li.close.target a,
.mainMenu ul li.close.target a:active,
.mainMenu ul li.close a,
.mainMenu ul li.close a:active{
	background-image:url(../images/help_btn.jpg);	
	cursor:default;	
	}	
	
.mainMenu ul li a{
	width:258px;
	height:23px;
	line-height:23px;
	display:block;
	padding:0px;
	margin:0px 5px 0px;
	border:0px;
	background-image:url(../images/help_btn.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	letter-spacing:3px;
	font-size:12px;
	text-decoration:none;
	color:#333;			
	}
.mainMenu ul li span {
	margin:0px 0px 0px 54px;
	
	}	
.mainMenu ul li span span{
	letter-spacing:0px;
	margin:0px;
	
	}
	
.mainMenu ul li.target a,		
.mainMenu ul li a:active{

	background-image:url(../images/help_btn_target.jpg);
		
	}	

.mainMenu ul.moreInfo{
	bottom: 24px;
	font-size: 12px;
	left: 8px;
	position: absolute;	
	}
.mainMenu ul.prodVersion{
	bottom: 24px;
	font-size: 12px;
	left: 276px;
	position: absolute;
	}	
	
.mainMenu .exitBtn{
	width:522px;
	height:23px;
	display:block;	
	background-image:url(../images/help_btnExit.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	bottom:1px;
	left:7px;
	}

.sideMenu {
	position:absolute;
	left:13px;
	top:78px;
	border:1px solid #000;
	width:176px;
	display:block;
	
	}
.sideMenu ul{
	width:176px;
	display:block;
	padding:7px;	
	
	}
.sideMenu ul li{
	width:162px;
	height:23px;
	display:block;
	line-height:23px;
	display:block;
	margin:0px 0px 1px 0px;		
	}
.sideMenu ul li.close,
.sideMenu ul li.close a,
.sideMenu ul li.close a:hover{
	cursor:default;
	
	}	
	
.sideMenu ul li.close a:active{
	width:100%;
	height:100%;
	display:block;
	font-size:12px;
	background-image:url(../images/help_sideBtn.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	text-decoration:none;
	color:#000;
	cursor:default;		
	}	

.sideMenu ul li.close a:active span{
	margin:0px 0px 0px 27px;	
	}
.sideMenu ul li.close a:active span span{
	margin:0px 3px 0px 0px;	
	}
	
		
.sideMenu ul li a{
	width:100%;
	height:100%;
	display:block;
	font-size:12px;
	background-image:url(../images/help_sideBtn.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	text-decoration:none;
	color:#000;	
	}	
	
	
	
	
.sideMenu ul li.target a,
.sideMenu ul li a:active{
	background-image:url(../images/help_sideBtn_target.jpg);
	font-size:15px;
	}	
.sideMenu ul li a span{
	margin:0px 0px 0px 27px;	
	}
.sideMenu ul li a span span{
	margin:0px 3px 0px 0px;	
	}
	
	
		
.sideMenu ul li.target a span,
.sideMenu ul li a:active span{
	margin:0px 0px 0px 7px;		
	}		
.systemInfo{
	width:226px;
	height:436px;
	display:block;
	position:absolute;
	left:50%;
	top:78px;
	margin:0px 0px 0px 280px;
	z-index:1;	
	}
	
/*-------------------------------------------------------------------------------------------------------------
	控制
-------------------------------------------------------------------------------------------------------------*/		

.control{
	width:100%;
	height:41px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	margin:-41px 0px 0px 0px;
	background-color:#5c5b5b;	
	}
.control .Btn{
	width:30px;
	height:30px;
	display:block;
	position:absolute;
	right:10px;
	top:41px;
	background-image:url(../images/optionBtn.png);
	background-repeat:no-repeat;
	background-position:center center;
	
	}
.control .Btn a{
	width:100%;
	height:100%;
	display:block;	
	}
.control .Btn a span{}

.control ul{
	
	
	}
.control .officialSite{
	float:left;
	font-size:13px;
	line-height:41px;
	margin:0px 10px;
	}
.control .officialSite a{
	color:#ccc;
	text-decoration:none;
	background-image:url(../images/backArrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0px 0px 0px 10px
	}	
.control .officialSite a:hover{
	color:#fff;
	}		
.control .changeMode{
	float:right;	
	}
.control .content{		
	}
.control .content select{
	float:right;
	margin:10px 10px 10px 0px;
	}	

.tableImg{
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	z-index:99;
	background-repeat:repeat;
	background-position:center center;
	background-image:url(../images/help_wBg.png);	
	}
	
.tableImg a{
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;	
	}