body {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px;
	margin: 0px;
	padding: 0px; /*overflow-x:hidden;*/
}
html{height:100%;}

/*不固定位置*/
#bottomNav{
    width:100%; min-width:1000px;
    height:49px;
    line-height:49px;
    text-align:center;
    color:#9d9d9d;
    background:url("../Images/bottombg.gif") repeat-x;
    /*
    padding-top:9px;background:url("../Images/login_hklogo.gif") no-repeat center center;*/
 }
 
 #bottomNav ul 
 {
   margin:0;
   list-style-type: none;
   font-size: 13px;
 }
 
 #bottomNav li 
 {
 	margin: 0;
    padding: 0;
    display:block;
    color: #99c034;
 }
 
 #bottomNav li a
 {
    outline:none;
     padding:4px 8px;
 	color: #99c034;
 	text-decoration:none;
 }
 
 #bottomNav li a:hover
 {
 	color: white;
 	background-color: #384c04;
 	text-decoration:none;
 }

 /*固定底部position:fixed;  _position:absolute;*/
 #bottomNavFix{
    display:none;
    width:100%;    
    /*bottom:0; */   
 }


 /*html, body, #wrap {height: 100%;} 
    body > #wrap {height: auto; min-height: 100%;} */
    #main {padding-bottom: 60px;}  /* 必须使用和footer相同的高度 */ 
    #footer {position: relative; 
    margin-top: -60px; /* footer高度的负值 */ 
    height: 60px; 
    clear:both;}

    .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;} 
    
a { 
	font-family : Arial;
	color : #003399;
	text-decoration : none;
}

a:hover {
	font-family : Arial;
	color : #FF6600;
	text-decoration : underline; 
}

select { padding:2px; }
	  
img 
{
	border: none;
	vertical-align: middle;
}

span 
{
	
	letter-spacing: 0px;
}

table 
{
	word-break: break-all;
	word-wrap: break-word;
}

.ftext 
{
	height: 13px;
	margin-left: 5px;
	font-size: 8pt;
}

.fdropdown
{
	margin-left: 5px;
	font-size: 8pt;
}

.fbutton 
{
	border: #17a1e1 1px solid;
    margin-top: 15px; 
    background-image: url(../Images/addbotton.gif); 
    width: 80px;
    margin-right: 10px; 
    padding-top: 2px; 
    height: 22px;
    background-color: White;
}

.formvalidation 
{
	color: Red;
	font-size: 10pt;
	font-family: 黑体;
}

.fdiv_margin 
{
    margin-left: 5px;
    margin-top: 3px;
    float: left;
}


.section 
{
    text-align: left;
    border-top: solid 1px #d9d9d9;
    background-color: #ebf3ff;
    border-top: none;
    vertical-align: top;
}

html>body .section div
{
    overflow: scroll;
}

.section div
{
    margin-left: 10px;
    overflow-y: auto;
    height: 90px;
    width: 80%;
    border: solid 1px #dbdce3;
}

.section table {
    background-color: white;
    height: 100%;
}

.section .head {
    border-bottom: solid 1px #dbdce3;
    font-weight: bold;
}

.section .body {
    border-bottom: solid 1px #dbdce3;
}

.list_section 
{
    text-align: left;
    background-color: #ebf3ff;
    border-top: none;
    vertical-align: top;
}

html>body .list_section div
{
    overflow: scroll;
}

.list_section div
{
	height: 90%;
	background-color: White;
    margin-left: 10px;
    overflow: auto;
    border: solid 1px #dbdce3;
}

.list_section table 
{
    background-color: white;
    border: solid 1px white;
}

.list_section thead td {
    background-color: #eef2f8;
    height: 25px;
    border-bottom: solid 1px #dbdce3;
    border-right: solid 1px #dbdce3;
}

.list_section thead td span {
    color: #0066aa;
    font-weight: bold;
}

html>body .list_section tbody td
{
    height: auto;
}

.list_section tbody td {
    border-bottom: solid 1px #dbdce3;
    border-right: solid 1px #dbdce3;
    height: 23px;
}

.list_section .scroll_div 
{
	width: 99.8%;
	height: 480px;
	overflow-y: scroll;
	overflow-x: hidden; 
	border: none;
	margin-left: 0px;
	border-right: solid 1px #dbdce3;
}


.edit_section 
{
    text-align: left;
    background-color: #ebf3ff;
    border-top: solid 1px #d9d9d9;
}

.edit_section div
{
    margin-left: 5px;
}

.query_table 
{
	margin: 5px 5px 5px 5px;
	text-align: left;
	border: none;
}


#login_top
{
	background:url(../Images/01_home.gif);
}

#login_logo 
{
	background:url(../Images/logo.gif) top;
}

.login_botton 
{
	background-image: url(../Images/rightbotton.gif);
	border: solid 1px #EA8D08;
	width: 150px;
	height: 27px;
	background-color: White;
}
 
 
#left_nav
{
	width: 100%;
	text-align: center;
}

#left_nav #left_category_nav 
{
	margin-bottom: 2px;
	border-top: solid 25px white;
	height: 25px;
	text-align: left;
}

#left_nav #left_category_nav .leftnavheader 
{
	height: 100%;
}

#left_nav #left_category_nav .leftnavarrow
{
	margin-left: 5px;
	margin-top: 3px;
	font-family: Webdings;
	color: #636363;
	float: left;
}

#left_nav #left_category_nav .leftnavtitle
{
	margin-top: 7px;
	font-weight: bold;
}

#left_nav #left_item_nav 
{
	width: 100%;
	height: 30px;
	text-align: center;
}

#left_nav #left_item_nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#left_nav #left_item_nav li
{
	margin-top: 2px;
}


#left_nav #left_item_nav a
{
	letter-spacing: 2px;
	text-align: left;
	padding-top: 6px; 
	width: 96%;
	text-decoration: none;
	height: 18px;
	display: block;
}

#left_nav #left_item_nav .current
{
	background-image: url(../Images/menulink.gif);
}

#left_nav #left_item_nav .current span
{
	color: white;
}

#left_nav #left_item_nav a:hover
{
	background-image: url(../Images/menulink.gif);
}

#left_nav #left_item_nav a span
{
	font-family: 黑体;
	letter-spacing: 2px;
	color:#636363;
}

#left_nav #left_item_nav a:hover span
{
	visibility: visible;
	color: white;
}






#default_header
{
	height: 15px;
}

#default_menu 
{
	margin-bottom: 20px;
}

#default_content 
{
	height: 100%;
	width: 100%;
}

#default_content .bgleftnav
{
	height: 100%;
	width: 150px;
	vertical-align: top;
	border-right: solid 8px #BBD3F2;
	border-bottom: solid 16px #BBD3F2;
	background-color: White;
}

#default_content .bgleftnav .bgleftheader
{
	background-image: url(../Images/menuheader.gif); 
	height: 10px;
	width: 100%;
}

#default_content .bglefttitle
{
	background-color: #BBD3F2;
	border-bottom: solid 1px #8AAFE1;
	height: 25px;
}

#default_footer 
{
	height: 32px;
	background-image: url(../Images/foot.gif);
}



#content_summary 
{
	width: 100%;
	background-color: White;
	border-left: solid 1px #8AAFE1;
	overflow: visible;
	text-align: center; 
	border-bottom: solid 1px #8AAFE1;
}

#content_summary table
{
	border: none;
	width: 100%;
	table-layout:fixed;
}

#content_summary thead tr
{
	font-weight: bold;
	color: #003399;
	vertical-align: middle;
}

#content_summary thead span
{
	color: #003399;
}

#content_summary .fs
{
	text-align: center;
	vertical-align: top;
	background-color: white;
}

html>body #content_summary .fs #top1
{
	min-height:170px;
	height: auto;
}

#content_summary .fs #top1
{
	height:170px;
}

html>body #content_summary .fs #top2
{
	min-height:170px;
	height: auto;
}

#content_summary .fs #top2
{
	height:170px;
	margin-top:20px;
}

html>body #content_summary #top3
{
	min-height:170px;
	height: auto;
}

#content_summary #top3
{
	height:170px;
}

#content_summary #sr
{
	background: url(../Images/srepeat.gif) repeat-y center;
	margin-top: 10px;
	height: 100px;
}

#content_summary #snr 
{
	background:url(../Images/split.gif) no-repeat center;
	height: 350px;
}

#content_summary .title
{
	height: 30px;
	border-bottom: solid 1px #4e7cb7;
	text-align: left;
}

#content_summary .title span 
{
	color: #4c4c4c;
	font-weight: bold;
	display: block;
	margin-top: 8px;
}

#content_summary #summary_info_table tr 
{
	background-color: White;
}

#content_summary #summary_info_table .ttd
{
	text-align: left;
	width: 115px;
	color: #003399;
	font-size: 10pt;
	height: 25px;
	border-bottom: solid 1px #dedede;
}

#content_summary #summary_info_table .std 
{
	color: Blue;
	font-family: 黑体;
	border-bottom: solid 1px #dedede;
}

#content_summary .link 
{
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
}





#content_list_header
{
	background-color: #BBD3F2;
	border-bottom: solid 1px #8AAFE1;
	height: 25px;
}

html>body #content_list_visibility 
{
	height:auto;
}

#content_list_visibility 
{
	border-top: solid 4px #f79634;
	border-left: solid 1px #8AAFE1;
	border-bottom: solid 1px #c0c0c0;
	background-color: #f6f6f6;
	width: 100%;
	display: none;
	height: 100px;
}

#content_list_content
{
	width: 100%;
	background-color: White;
	border-left: solid 1px #8AAFE1;
	overflow-x: auto;
	overflow-y: auto;
}

#content_list_content table
{
	border: none;
	width: 100%;
	table-layout:fixed;
}

#content_list_content thead tr
{
	background-color: #eef2f8;
	font-weight: bold;
	color: #003399;
	vertical-align: middle;
}

#content_list_content thead span
{
	color: #003399;
}

#form1 .hk
{
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 1px white;
	background-color: #edebeb;
}

#content_list_content .hk span
{
	width: 100%;
	margin-left: 6px;
}

#form1 .htd
{
	border-right: solid 2px #ece9d8;
	border-bottom: solid 1px #ece9d8;
}

#content_list_content .htd span
{
	width: 100%;
	margin-left: 6px;
}

#content_list_content .htd a
{
	width: 100%;
	margin-left: 6px;
	text-decoration: none;
}

#content_list_content tbody tr
{
	background-color: #f9f9f9;
}

#content_list_content .flink
{
	font-weight: bold;
	color: Black;
	cursor: pointer;
	text-decoration: none;
}

#content_list_content .flink img
{
	margin-right: 10px;
}

#content_list_footer 
{
	text-align: right;
	background-color: #eaeaea;
	border-left: solid 1px #8AAFE1;
	border-bottom: solid 1px #8AAFE1;
}

#content_list_page 
{
	height: 30px;
	width: 100%;
	text-align: right;
	border-left: solid 1px #8AAFE1;
	background-color: White;
}

#content_list_page table
{
	margin-top: 2px;
	border: none;
	margin-right: 10px;
}

#content_list_page tr
{
	text-align: center;
	height: 22px;
}

#content_list_page a
{
	display: block; 
	float: left;
	width: 20px;
	height: 20px;
	color: White;
	text-decoration: none;
}

#content_list_page a span
{
	display: block; 
	margin-top:3px;
	color: White;
}

#content_list_page a:hover
{
	background-color: White; 
	color: #7799BB;
}

#content_list_page a:hover span
{
	background-color: White; 
	color: #7799BB;
}

#content_list_page .plink
{
	font-family: Webdings;
	font-size: 15px;
}

#content_list_page .nlink
{
	font-family: 黑体;
	font-size: 13px;
	font-weight: bold;
}

#content_list_page .current
{
	background-color: White; 
	color: #7799BB;
}

#content_list_page .current span
{
	font-family: 黑体;
	font-size: 13px;
	font-weight: bold;
	background-color: White; 
	color: #7799BB;
}

#content_list_page .ls
{
	width: 4px;
	background-image: url(../Images/leftpage.gif);
}

#content_list_page .rs
{
	width: 4px;
	background-image: url(../Images/rightpage.gif);
}

#content_list_page .m
{
	background-color: #7799BB;
}

#content_list_page .count
{
	color: White;
	display: block;
	margin-top: 2px;
	font-size: 9pt;
	font-family: 华文中宋;
}


#content_list_content .popupMenu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 40px;
	height:100%;
}

#content_list_content .popupMenu li
{
	position: relative;
	float: left;
	width: 40px;
	height:100%;
}

#content_list_content .popupMenu li a
{
	display: block;
	width: 100%;
	height: 50%;
	margin-top: 6px;
}

#content_list_content .popupMenu div
{
	width: 157px;
	background-image: url(../Images/menuground.gif);
	position: absolute;
	left: 40px;
	display: none;
	top: 0;
	border: solid 1px #868686;
}

#content_list_content .popupMenu table
{
	width: 100%;
	height: 100%;
	border: none;
}

#content_list_content .popupMenu td
{
	background: url(../Images/tdground.gif) left; 
	text-align: left;
	cursor: pointer;
	width: 155px;
	height: 22px;
}

#content_list_content .popupMenu span
{
	margin-top: 5px;
	display: block;
	color: #003399;
	width: 90px;
	border: none;
}

#content_list_content .popupMenu img
{
	margin-left: 4px;
	margin-top: 2px; 
	border: none;
	vertical-align: middle;
}

html>body #content_list_content .popupMenu .imgsection 
{
	position: static;
}

#content_list_content .popupMenu .imgsection 
{
	background-image: none;
	position: fixed;
	display: block;
	width: 31px;
	height: 100%;
	float: left;
	border: none;
}

  

#content_edit_header
{
	background-color: #BBD3F2;
	border-bottom: solid 1px #8AAFE1;
	height: 25px;
}

#content_edit_tool 
{
	border: solid 1px #6f9dd9;
	background-image: url(../Images/toolgrad.gif);
	text-align: left;
}

#content_edit_tool img
{
	border: none;
	margin-right: 5px;
	vertical-align: middle;
}

#content_edit_content 
{
	width: 98%;
	padding-top: 5px;
}

#content_edit_content table
{
	border: none;
}

#content_edit_content .ftd 
{
	text-align: left;
	border-top: solid 1px #d9d9d9;
}

#content_edit_content .ftd span
{
	font-weight: bold;
	margin-left: 5px;
}

#content_edit_content .ftd a
{
	margin-left: 5px;
}

#content_edit_content .flink
{
	font-weight: bold;
	color: Black;
	cursor: pointer;
	text-decoration: none;
}

#content_edit_content .flink:hover
{
	color: #3f3f3f;
	cursor: pointer;
}

#content_edit_footer 
{
	text-align: right;
	border-bottom: solid 1px #8AAFE1;
	border-top: solid 1px white;
	background-color: #eaeaea;
}





#rContiner 
{
	width: 100%;
	height: 100%;
	text-align: center;
}

#rContiner a 
{
	color: #083ED6;
}

#rContiner a:hover 
{
	color: #FF6600;
}

#rContiner #subrContiner 
{
	width: 97%;
}

#rContiner #subrContiner table
{
	table-layout: auto;
	border: none;
	width: 100%;
	background-color: White;
}

#rContiner #subrContiner .fT
{
	height: 25px; 
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	vertical-align: middle;
	background-color: White;
}

#rContiner #subrContiner .fS
{
	height: 1px;
	background-color: #B3B3B3;
	text-align: center;
}

#rContiner #subrContiner .rT
{
	width: 100%;
	font-size: 9pt;
	text-align: left;
	background-color: White;
}

#rContiner #subrContiner .rC
{
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: White;
}

#rContiner #subrContiner .rC td
{
	background-color: White;
}

#rContiner #subrContiner .rC img 
{
	border: none;
	vertical-align: bottom;
}

#rContiner #subrContiner .rC a
{
	font-size: 8pt;
}

.header 
{
	height: 70px;
	width: 100%;
	background-color: #3c7faf;
}

.header ul
{
	margin: 5px 10px 0px 0px;
	padding: 0;
	list-style: none;
	text-align: right;
}

.header li 
{
	display: inline;
	margin: 0;
	padding: 0;
}

.header a 
{
	color: White;
	font-family: 宋体;
	font-size: 10pt;
}

.header a:hover 
{
	color: White;
	font-family: 宋体;
	font-size: 10pt;
}

.nav 
{
	height: 92px;
	width: 100%;
	text-align: right;
	vertical-align: bottom;
}

.nav ul 
{
	margin: 0;
	padding: 8px 25px 0 0px;
	list-style: none;
}

.nav ul li 
{
	display: inline;
	margin: 0;
	padding: 0;
}

.nav a 
{
	color: #000;
	font-weight: bold;
}

.nav a:hover 
{
	font-weight: bold;
}

.nav span 
{
	color : #627EB7;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 4px;
	font-family: 宋体;
}

.modelBackground 
{
	visibility: inherit;
	width: 100%; 
	height: 100%; 
	z-index: -1;
	position: absolute;
	left: 0px;
	top: 0px;
}

.backgroundFrame
{
	visibility: inherit;
	z-index: -1;
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	background-color: White;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.backgroundDialog 
{
	visibility: inherit;
	text-align: center;
	height: 100%; 
	width: 100%;
	position: absolute;
	left: 0px; 
	top: 0px;
}

html>body .backgroundDialog 
{
	visibility: inherit;
	text-align: center;
	height: 100%; 
	width: 100%;
	position: absolute;
	left: 0px; 
	top: 0px;
	background-color: White;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.backgroundDialog div 
{
	position: absolute;
	left: 42%;
	top: 50%;
}


 

.tableInfo th{
  border: 1px solid #DDD;
  padding: 2px 5px;
}

.tableInfo td{
border:0; 
border-bottom:2px dotted #D0DFE4;

} 
.tableInfo th.header { 
    background-image: url(../Images/bg.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 

.tableInfo th.headerSortUp { 
    background-image: url(../Images/asc.gif); 
    background-color: #3399FF; 
} 

.tableInfo th.headerSortDown { 
    background-image: url(../Images/desc.gif); 
    background-color: #3399FF; 
} 




.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 60px;
	height: 45px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 500px;
	height: 450px;
}

.btn_b02{
	background:url(../Images/btn_b02.gif) no-repeat;
	width:44px;
	height:20px;
	color:#275F9E;
	text-align:center;
	border:0px;
	margin-right: 3px;
	cursor:pointer;
	font-weight:bold;
}
.btn_b04{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: url('../Images/btn_b04.gif') no-repeat;
    color:#ff6600;
	text-align:center;
	margin-right: 10px;
	cursor:pointer;
	font-weight:bold;
	/*width:72px; height:25px; 
	line-height:25px;*/
	line-height:26px;
	width:72px;
	}
.btn_b04:hover{
    background:url(../Images/btn_b04_hover.gif) no-repeat;
    text-decoration:none;
    color:#FFF;
 }
.btn_b06{
	background:url(../Images/btn_b06.gif) no-repeat;
	width:96px;
	height:20px;
	color:#275F9E;
	text-align:center;
	border:0px;
	margin-right: 3px;
	cursor:pointer;
	font-weight:bold;
	line-height:26px;
}
.btn_b10{
	background:url(../Images/btn_b10.gif) no-repeat;
	width:139px;
	color:#ff6600;
	text-align:center;
	border:0px;
	margin-right: 3px;
	cursor:pointer;
	font-weight:bold;
	display:block;
	line-height:26px;
}
.btn_b10:hover
{
    background:url(../Images/btn_b10_hover.gif) no-repeat;
    color:#FFF;
    text-decoration:none;
}

.fram{
	min-width:760px;
	_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<760?"760px":"");
	width:100%;
    height:100%;
}
.recent
{
	overflow-y:scroll;
	height:526px;
	position:relative;
	z-index:0;
}


/*----------------------------
headerMenu
----------------------------*/
/*#headerMenu{
    background: url("../Images/title_bg.gif") repeat-x 0 0 #efefef;
    display: block;
    height: 92px; 
}*/
#headerMenu .logo
{
    /*background: transparent url('') no-repeat scroll 0 0;../Images/logo.gif*/
    display: block;
    height:72px; overflow:hidden;
    /*width:240px;
    float: left;*/
}
.logo .cust,.logo .hklogo{
    float : left;
    height:100%;
}
.logo .cust{
    margin-left:10px;
    width : 72px;
    height:72px; float:left;
    background:url(../Images/user_logo.gif) no-repeat 0 center ;
}
.logo .hklogo{
    width : 145px; height:72px; float:left;
    background:url(../Images/hk_logo_1.gif) no-repeat 0 center;
}
/*#headerMenu .header-empty{
    height:48px;
}*/


/*#headerMenu .header-card {
	 //padding-top:15px;
	 height:32px;
	 padding-right:10px;
	 text-align:right;
}

.header-card a 
{
	color: #000;
	letter-spacing: 4px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	display: inline;
}

.header-card a:hover
{
	color: #999;
	letter-spacing: 4px;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.header-card span
{
	color: white;
	width: 10px;
	display: inline;
}*/


select{
    padding:2px;
}
.search_btn_area
{text-align:Left; margin-left:22px; margin-bottom:5px; margin-top:5px;
    }
    
 
#container {
	margin:150px auto 0 auto;
	width:400px;
	text-align:left;
}

/* 导航菜单 START */
/* 菜单项 */
#menubar ul.menus li {
	float:left; /* 靠左浮动 */
	list-style:none; /* 清空列表风格 */
	margin-right:1px; /* 右侧的间隔 */
}
/* 菜单项链接 */
#menubar ul.menus li a {
	padding:5px 10px; /* 内边距 */
	display:block; /* 显示为块 */
	color:#FFF; /* 文字颜色 */
	background:#67ACE5; /* 背景颜色 */
	text-decoration:none; /* 没有下横线 */
}
/* 当前菜单项链接 */
#menubar ul.menus li.current-cat a {
	background:#5495CD; /* 背景颜色 */
}
/* 选中菜单项链接 */
#menubar ul.menus li a:hover {
	background:#4281B7; /* 背景颜色 */
}
/* 二级菜单 */
#menubar ul.children {
	display:none; /* 初始化页面时不显示出来 */
	padding:0;
	margin:0;
}
/* 二级菜单的菜单项 */
#menubar ul.children li {
	float:none; /* 垂直排列 */
	margin:0;
	padding:0;
}
/* 二级菜单的当前菜单项链接 */
#menubar ul.children li a {
	width:100px; /* 对 IE6 来说十分很重要 */
}
/* 导航菜单 END */

/* 搜索框样式 */
.search-frame{
    overflow: auto; 
    border: 1px solid  #bfdcfc; 
    border-width:1px 0px;
    background: #f6f9ff url()  repeat-x 0 0;
    padding:5px 10px;  
    margin-top:10px; 
}

/* 提示框样式 */
.tip-frame{
    overflow:auto;
    border:solid 1px #e2af27;
    color:red;
    background-color:#ecdfbc; 
    margin:10px 0;
    padding:5px 0;
    text-align:center;
}




/*表格样式 */
/* GridView */
.qp-gridview{
    /*margin:20px 0 20px 0;*/
    border-collapse:collapse;
    border-top:1px solid #a8bac7;
    border-right:0;
    border-bottom:0;
    width: 100%;
    border-collapse:collapse;
    margin:10px 0;
}
.qp-gridview thead{
    height:28px;
    text-align:center;
    background:url(../Images/fhbg.gif) repeat-x 0 0;
    border:1px solid #a8bac7;
    border-top:0;
    border-left:0;
    font-weight:normal;
}
.qp-gridview thead tr{ height:28px; }
.qp-gridview thead td{
    border : 1px solid #fff;
    border-right-color:#A8BAC7;
    border-left-color:#DADFE2;
    border-width:0px 1px;
}


.qp-gridview tbody td{
    height:22px;
    border:1px solid #dadfe2;
    border-top:0;
    border-left:0;
    border-right:0;
    padding:0 4px;
    height:80px;
}
.qp-gridview tbody td img{
    margin:4px;
}
/*.qp-gridview tbody tr:hover td{ background:#edf3f8; }*/
.qp-gridview tbody tr.selected{ background:#edf3f8; }
.qp-gridview tbody tr.noqty{ background:#CC6633;color:#fff; }
.qp-gridview tbody td a,
.qp-gridview tbody td a:hover{
    text-decoration:none;
    color:#000;
}
.qp-gridview tbody td a:hover{ text-decoration:underline;  color:#FF6629;}
tr.qp-gridview-pager:hover td{background:none;}
tr.qp-gridview-pager th, 
tr.qp-gridview-pager td{ text-align:center;border:0 solid #eee;border:1px solid #a8bac7;}
tr.qp-gridview-pager,table tr.qp-gridview-pager table td{
    border:0 solid #eee;
    font-size:13px;
}
.qp-gridview  tr.alternate{ background-color:#fdfdf8; }  
.qp-gridview  td.none{ border:0;}   




 
    /* ----------- FormStyle ----------- */

	#FormStyle{
		 
		background:#ebf4fb;
	}
	#FormStyle h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#FormStyle p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#FormStyle label{
	 	display:block;
		font-weight:bold;
		text-align:right;
		line-height : 28px;
	}
	#FormStyle .small{
		color:red;
		font-size:12px;
		font-weight:normal;
		width:140px;
		line-height : 28px;
	}
    .formText{
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:150px;
		margin:2px 0 10px 10px;
	}
	
	#EditPwd ul{
	    padding:0;
	    margin:0;
	    list-style-type:none;
	}
	#EditPwd li{
	    text-align:left;
	}  
    .EditForm{
	    margin:0 auto;
	    width:400px;
	    padding:14px;
    }
    .spacer{clear:both; height:1px;}
     .indicator{
        color: #FF0000;
        position: absolute;
        top: 0px;
        right: 0px;
        display: none;
    }
    
.mbox_form {
            border-bottom: 1px solid #C9DCA6;
            border-top: 1px solid #C9DCA6;
            border-left:0px solid #C9DCA6;
            border-right:0px solid #C9DCA6;
            font-size: 12px;
    
            margin: 0px auto;
            text-align: left;
            vertical-align: middle;
            width:100%;
            line-height:45px;
            border-collapse:collapse;
        }
        .mbox_form .layout {
            border-bottom: 1px solid #CCCCCC;
            /*padding: 8px;*/
            line-height:normal;
        }
        .mbox_form .field{ width:80px; line-height:45px;  border-bottom: 1px solid #CCCCCC;text-align:right;} 
        .mbox_form .none{ border:none; } 
        .mbox_form .multi{ line-height:65px;  }
 
        .mbox_form select {
            border: 1px solid #999999;
            color: #003366;
            width:150px;
        }
        
.wrapper label{
    margin-left:8px;color:#003366; 
    line-height:25px;
}
.password-wrapper p{ margin :8px 0; }
p.error{
    padding:0.3em; 
    border:1px solid transparent; 
    margin:2px 0;
    padding:1px;
}
.password-wrapper .text {
	border:1px solid #ccc;
    border-color: #888 #e7e7e7   #e7e7e7 #888;
    padding:3px 1px; 
    color:#003366;
    border-radius: 0px;
    -moz-border-radius : 0px;
    -webkit-border-radius : 0px;
    background:#fff;
    height:18px;
    width:200px;
}
.password-wrapper p.password{ visibility:hidden; padding:0;margin:0;}
.password-wrapper .text:focus {
	border: 1px solid #CC9900;
    border-color:#CC9900 #f8e6b1 #f8e6b1 #CC9900;
}
.password-wrapper .ui-state-error {
	background: url() no-repeat 0 0 #fff;
	border:1px solid #ccc;
    border-color: #888 #e7e7e7   #e7e7e7 #888;
    color: #003366;
}


/*----------------------------
headerMenu
----------------------------*/
#headerMenu{background: url("../Images/title_bg.gif") repeat-x 0 0; min-width:1000px;
}
.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}
#nav {padding:0; margin:0; list-style:none; height:32px; background:url(../Images/navbg.gif) repeat-x; position:relative; z-index:500; font-family:微软雅黑;}
#nav li.top {display:block; float:left; height:32px;}
#nav li a.top_link {display:block; float:left; height:32px; line-height:32px; color:#000; text-decoration:none; font-size:13px; cursor:pointer;/* padding:0 0 0 12px;background: url(three_0.gif);*/}
#nav li a.top_link span {float:left; display:block; padding:0 10px 0 10px; height:32px; /*background: url(three_0.gif) right top no-repeat;*/}
#nav li a.top_link span.down {float:left; display:block; padding:0 10px 0 10px; height:29px;background:url(../Images/asc.gif) no-repeat right center;/* background: url(three_0a.gif) no-repeat right top;*/}

#nav li:hover a.top_link,#current {color:#fff; background:#56a4c9;/* background: url(three_1.gif) no-repeat;*/}
#nav li:hover a.top_link span {background:#56a4c9;/*background:url(three_1.gif) no-repeat right top;*/}
#nav li:hover a.top_link span.down {background:url(../Images/arrow_down.gif) no-repeat right center;/*background:url(three_1a.gif) no-repeat right top;*/}

/* Default list styling */
/*二级菜单*/
#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:0px; top:31px; background: #f1f1f1; border:1px solid #cecece; white-space:nowrap; width:180px; height:auto; z-index:-1;}
#nav li:hover ul.sub li
{display:block; height:25px; position:relative; float:left; width:100%; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:13px; height:25px; width:auto; line-height:25px;color:#000; text-decoration:none; padding-left:5px;}
#nav li ul.sub li a.fly
{background:url(../Images/arrow.gif) right 8px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#a1d5ee; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#a1d5ee url(../Images/arrow_over.gif) right 8px no-repeat; color:#fff;}

/*三级菜单*/
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:180px; top:-1px; background: #f1f1f1; border:1px solid #cecece; white-space:nowrap; width:180px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#a1d5ee url(../Images/arrow_over.gif) right 8px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#c8e9f9 url(../Images/arrow.gif) right 8px no-repeat; color:#000; border-color:#bbd37e;}
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
    position: absolute;
    top:15px;
    right:5px;
}

.rightarrowclass{
    position: absolute;
    top: 11px;
    right: 6px;
}
/* 2012-04-09 添加汇总选项 */
/*登录页*/
.webbookareacomitbtn button
{
            
    clear: both;
    width: 83px;
    height: 30px;
    background: #666666 url(../Images/login_btn.png) no-repeat;
    text-align: center;
    line-height: 31px;
    color: #FFFFFF;
    border: none;
    font-size: 10pt;
    font-weight: bold;
}        
#copyright{
    z-index:999;
    height: 49px;
    padding-top: 9px;            
    width:100%; 
    line-height:20px;
    padding-top:9px;
    min-height:35px;
    height:auto;
    text-align:center;
    background:url(../Images/login_hklogo.gif) no-repeat center center;
}
.copyrightinfo{text-align: center; width: 100%; clear: both; font-size:11px; padding-top:40px; color:#999;font-family: Arial, Verdana, Helvetica, sans-serif;}
.login-tip{
    text-indent:2em;
    background:url() no-repeat 0 0;
    color:red;
}

.copyrightinfopousheng{text-align: center; width: 100%;}

.exhibition-select{
    height:100%;
    display:none;
}
.mbox_form {
    border-bottom: 1px solid #C9DCA6;
    border-top: 1px solid #C9DCA6;
    border-left:0px solid #C9DCA6;
    border-right:0px solid #C9DCA6;
    font-size: 12px;    
    margin: 0px auto;
    text-align: left;
    vertical-align: middle;
    width:100%;
    line-height:45px;
    border-collapse:collapse;
}
.mbox_form .layout {
    border-bottom: 1px solid #CCCCCC;
    line-height:normal;
}
.wrapper p{ color:#000;margin:0;border:0;padding:0;}
.wrapper p.des{ color:#666;border:0;text-indent:2px;margin:0;margin:30px 0;}
.wrapper .upload,.wrapper .download{ color:#333366;text-indent:2px;font-size:13px;padding:0 0 4px 0;font-weight:bold;}
.wrapper .upload{ margin:30px 0 0 0; }
.wrapper p.download{ }
.mbox_form .field{ width:80px; line-height:45px;  border-bottom: 1px solid #CCCCCC;text-align:right;} 
.mbox_form .none{ border:none; } 
.mbox_form .multi{ line-height:65px;} 
.mbox_form select {
    border: 1px solid #999999;
    color: #003366;
    width:150px;
} 
/*登录区*/
.webbookarea{padding-top:10%;margin:0 auto;width:730px;height:340px;}
.webbookarealeft{background: url(../Images/login_left.png) no-repeat; height: 359px; width: 327px; text-align:left;}
.webbookarealeft img{ border:none;}
.webbookarearight{text-align:left;}
.webbookareasystemtitle{background: url(../Images/login_web_bod.png) no-repeat; height: 37px; width: 234px;}
.webbookareatitle{background: url(../Images/login_font.png) no-repeat; height: 34px; width: 59px; margin:10px 0;}
.webbookareatopbg{background: url(../Images/login_top.png) no-repeat; height: 5px; width: 400px;}
.webbookareamidbg{background: #f7f7f7; width: 400px;}
.webbookareafonttitle{width: 70px; height: 40px; text-align: right;}
.webbookareatextbox{width: 200px; border:#abadb3 solid 1px; height:20px;}
.webbookareacomitbtn{padding-left:10px; padding-top:6px;}
.webbookareacomitbtn #loading{display:none;width: 25px; height: 25px; margin-top: 8px;}
.webbookareabottombg{background: url(../Images/login_bottom.gif) no-repeat; height: 14px; 
width: 400px;
}
.webbookareahelp{text-align: left; margin-top:15px; padding-top:15px; border-top:#d9d7da solid 1px;}