﻿

h1     { font-size: 15px; font-style: normal; font-weight: bold;    color: #000000;    background-color: #FFFFFF;    line-height: normal;    text-decoration: none;    padding-bottom: 2px;    background-image: url(images/singlepix_black.gif);    background-repeat: repeat-x;    background-position: left bottom;    margin: 0px 0px 0px 0px; }
h2     { font-size: 12px; font-weight: bold;    color: #000000;    border-bottom-width: thin;    border-bottom-style: solid;    border-bottom-color: #CC0000;    text-align: left;    display: block;    margin-top: 0px; margin-bottom: 0px;    }
h3     { font-size: 11px; font-weight: bold;    height: 20px;    margin: 0px;    padding: 6px 0px 0px;    color: #000033;    }
h4     { font-size: 12px; line-height: normal;    font-weight: bold;    margin: 0px;    padding: 6px 0px 0px;    height: 20px;    }
h5     { font-size: 12px; line-height: normal;    font-weight: bold;    margin: 0px;    padding: 4px 0px 0px;    color: #666666;    height: 20px;    background-image:  url("/images/basic/dottedlinetall.gif");    background-repeat: repeat-x;    background-position: bottom;    }
h6     { font-size: 12px; padding-right: 15px;    padding-left: 15px;    font-weight: normal;    color: #000000;    margin: 0px;    padding-top: 0px;    padding-bottom: 0px;    }    

body
{
    background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica,sans-serif;
    font-style: normal;
    SCROLLBAR-FACE-COLOR:#8fb3d3;
    SCROLLBAR-HIGHLIGHT-COLOR: white;
    SCROLLBAR-SHADOW-COLOR: white;
    SCROLLBAR-ARROW-COLOR: white;
    SCROLLBAR-DARKSHADOW-COLOR: #8fb3d3;
    SCROLLBAR-BASE-COLOR: #8fb3d3;
}
tbody           { font-size: 11px; padding-right: 0px;    padding-left: 0px; }
thead, th       { font-size: 11px; color: #FFFFFF; background-color: #777777; padding: 2px; text-align: center; font-weight: normal; }
form            {margin: 0px 0px 0px 0px;}
textarea        {overflow:auto; table-layout:fixed;word-break:break-all }

/* Div Frames */
#frame                  {top: 0px; position: relative; text-align:left; margin: 0px 5px 20px 0px; padding-bottom: 20px; }
#contentmain                { position:absolute; left: 0px; top:24px;width:770px; max-width:770px; height:30px; padding:0px 0px 10px 0px; margin: 0px 0px 5px 0px; float:left; }
#contentfolder                { max-width:770px; height: 420px; min-height: 760px; margin: 5px 0px 0px 5px; border: 1px solid #5FC4EE; float:left; background-color: #FFFFFF; width: 560px; }
#contentfoldermargin        { width: 730px; margin: 5px 5px 0px 5px; } /* set margins inside folders */
/* Dropdown Menu */
#menu                           { height:330px; margin-left: 2px;font-family: Arial,Helvetica,sans-serif; font-size: 17px; float: left; width: 168px;}
#menu ul                        { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }
#menu ul li                     { background-position: left top; background-repeat : no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#menu ul li a                   { text-decoration : none; margin: 0px 0px 0px 0px; }
#menu ul li a:hover             { text-decoration : underline; }
#menu ul li.level1              { padding-left: 30px; padding-right: 5px; background-image:  url("/images/basic/level_1_n.gif"); border: 1px solid #698BAD;border-top-width: 0;}
#menu ul li.level1_selected     { padding-left: 30px; padding-right: 5px; background-image:  url("/images/basic/level_1_a.gif"); border: 1px solid #698BAD;border-top-width: 0;}
#menu ul li.level2              { padding-left: 35px; padding-right: 5px; background-position: 18px 6px; background-image:  url("/images/basic/level_2_n.gif"); border: 1px solid #A9D5F0;border-top-width: 0; background-color: #D4F2FF;}
#menu ul li.level2_nodisplay    { display:none;}
#menu ul li.level2_selected     { padding-left: 35px; padding-right: 5px; background-position: 18px 6px; background-image:  url("/images/basic/level_2_a.gif"); border: 1px solid #A9D5F0;border-top-width: 0; background-color: #D4F2FF;}
#menu ul li.level1 a            { font-size: 0.7em; color: #000000; font-weight: normal; vertical-align: middle; line-height: 24px; }
#menu ul li.level1_selected a   { font-size: 0.7em; color: #000000; font-weight: normal; vertical-align: middle; line-height: 24px; }
#menu ul li.level2 a            { font-size: 0.7em; color: #000000; font-weight: normal; vertical-align: middle; line-height: 24px; }
#menu ul li.level2_selected a   { font-size: 0.7em; color: #0068D5; font-weight: normal; vertical-align: middle; line-height: 24px; }

a                 { color: #000000; text-decoration: none;}
a:hover           { color: #000000; text-decoration: none;}
a.redsmall                  { color: #000000; text-decoration: none; font-size: 11px;    }
a.redsmall:hover            { color: #000000; }

a.rednormal                  { color: #000000; text-decoration: none;}
a.rednormal:hover            { color: #000000; text-decoration: none;}













/* Folder Tabs */
#tabs                           { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold;  float: left;}
#tabs ul                        { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }
#tabs ul li                     { background-position: left top; background-repeat : no-repeat; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; line-height: 11px; vertical-align: middle; }
#tabs ul li a                   { text-decoration : none; margin: 0px 0px 0px 0px; }
#tabs ul li a:link              { color: #666666; }
#tabs ul li a:visited           { color: #666666; }
#tabs ul li a:hover             { text-decoration : underline; }
#tabs ul li.tab                 { float: left; width: auto; border: 1px solid #D2D2D2; border-bottom-width: 0px; padding: 6px 7px 6px 7px; background:url('/images/basic/tab_n.gif') repeat-x;}
#tabs ul li.tab_selected        { float: left; width: auto; border: 1px solid #5FC4EE; border-bottom-width: 0px; padding: 6px 7px 7px 7px; background:url("/images/basic/tab_a.gif") repeat-x;}

/*Table Tree*/
#tabletreecontainer {margin: 10px 0px 0px 20px;padding:10px 0px 0px 0px }
#tabletree { font-family: Arial, Helvetica, sans-serif;font-style: normal;font-size: 12px;border: 1px solid #C5D9E8; background-color: #FFFFFF}
#tabletree th {color:#405368 ;background-color: #DAE4ED ;padding: 2px ;text-align: center ;font: normal bold }
#tabletree tr.selected {background:#D2ECFF }
#tabletree tr td { text-align:center }
#tabletree tr.level1 {  }
/*#tabletree tr.level1 td span { background:url("/images/basic/tabletree_span_bg_contract.gif") no-repeat;cursor:hand }*/
#tabletree tr.level1_selected {  }
/*#tabletree tr.level1_selected td span { background:url("/images/basic/tabletree_span_bg_expand.gif") no-repeat;cursor:hand }*/
#tabletree td.level1 { text-align:left ; text-indent:0em}
#tabletree tr.level2 {  }
/*#tabletree tr.level2 td span { background:url("/images/basic/tabletree_span_bg_contract.gif") no-repeat;cursor:hand}*/
#tabletree tr.level2_selected {  }
/*#tabletree tr.level2_selected td span { background:url("/images/basic/tabletree_span_bg_expand.gif") no-repeat;cursor:hand }*/
#tabletree tr.level2_nodisplay { display:none }
#tabletree td.level2 {text-align:left ; text-indent:1em }
#tabletree tr.level3 {  }
/*#tabletree tr.level3 td span { background:url("/images/basic/tabletree_span_bg_contract.gif") no-repeat;cursor:hand }*/
#tabletree tr.level3_selected {  }
/*#tabletree tr.level3_selected td span { background:url("/images/basic/tabletree_span_bg_expand.gif") no-repeat;cursor:hand }*/
#tabletree tr.level3_nodisplay { display:none }
#tabletree td.level3 {text-align:left ; text-indent:2em }
#tabletree tr td.selected { background:url("/images/basic/tabletree_td_bg_selected.gif") no-repeat center #D2ECFF;cursor:hand }
#tabletree tr td.unselected { background: #E6EDF2;cursor:hand }
#tabletree tr td span.contract { background:url("/images/basic/tabletree_span_bg_contract.gif") no-repeat;cursor:hand }
#tabletree tr td span.expand { background:url("/images/basic/tabletree_span_bg_expand.gif") no-repeat;cursor:hand }
#tabletree tr td span.square { background:url("/images/basic/tabletree_span_bg_square.gif") no-repeat;cursor:hand }
#tabletree tr td span {width:35px; display:inline; background-repeat : no-repeat; font-size: 11px; text-indent:0em}
#tabletree tr td span a {width:auto;height:12px; margin:0px;padding:2px 2px 0px 2px;text-decoration:none;display:block; text-align:center;line-height:12px;border:1px solid #8D8D8D;background:url('/images/basic/button_bg_n.gif') repeat-x}
#tabletree tr td span a:hover {border:1px solid #39B3E7; text-decoration: none; background:url('/images/basic/button_bg_a.gif') repeat-x}



/*List Table*/
#listtablecontainer { margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;width:100%;}
#condtiontable{font-family: Arial, Helvetica, sans-serif;font-size: 12px;width: 100%;background-color:#EFF7FF;}

/*==== List Table Style ======*/
table.listtable {font-family: Arial, Helvetica, sans-serif;font-size: 12px;width: 100%; border: 1px solid #C5D9E8; background-color: #FFFFFF}
table.listtable th { color:#405368 ;background-color: #DAE4ED ;padding: 2px ;text-align: center ;font: normal bold;cursor:default }
table.listtable tr { cursor:default }
table.listtable tr.odd { background:#F5F7F9 }
table.listtable tr.even { background:#E6EBF0 }
table.listtable tr.selected { background-color: #D2ECFF; }
/*table.listtable tr.selected a {color: #FFFF00; text-decoration: none; }
table.listtable tr.selected a:hover {color: #FFFF00; text-decoration: underline;}*/

table.listtable tr.selected span.button a{color: #028535; text-decoration: none;}
table.listtable tr.selected span.button a:hover{color: #CC0000; text-decoration: none;}
table.listtable tr td{ text-align:center }
table.listtable {behavior:url("/script/basic/list_table.htc")}
/*======= Tree Table =======
table.tabletree tr.level1 {  }
table.tabletree tr.level1_selected {  }
table.tabletree td.level1 { text-align:left ; text-indent:0em}
table.tabletree tr.level2 {  }
table.tabletree tr.level2_selected {  }
table.tabletree tr.level2_nodisplay { display:none }
table.tabletree td.level2 {text-align:left ; text-indent:1em }
table.tabletree tr.level3 {  }
table.tabletree tr.level3_selected {  }
table.tabletree tr.level3_nodisplay { display:none }
table.tabletree td.level3 {text-align:left ; text-indent:2em }
table.tabletree tr td span.contract { background:url("/images/basic/tabletree_span_bg_contract.gif") no-repeat;cursor:hand }
table.tabletree tr td span.expand { background:url("/images/basic/tabletree_span_bg_expand.gif") no-repeat;cursor:hand }
table.tabletree tr td span.square { background:url("/images/basic/tabletree_span_bg_square.gif") no-repeat;cursor:hand }
table.tabletree{behavior:url("/script/true_table.htc")}
-----------------------------*/
div.memberlistinput{width:646px;overflow-x:auto; border:silver 1px solid;}
div.memberlistinput{behavior:url("/script/basic/member_list_input.htc")}
/*=============== Span button ==================*/
button {white-space:nowrap;width:40px; display:inline; background-repeat : no-repeat; font-size: 11px;}
span.button {white-space:nowrap;width:40px; display:inline; background-repeat : no-repeat; font-size: 11px;}
span.button a {width:auto;height:20px; margin:1px;padding:2px 4px 0 4px;text-decoration:none;display:block; text-align:center;line-height:15px;border:1px solid #8D8D8D;background:url('/images/basic/button_bg_n.gif') repeat-x}
span.button a:hover {border:1px solid #39B3E7; text-decoration: none; background:url('/images/basic/button_bg_a.gif') repeat-x}
/*----------------------------------------------*/
/*Record set*/
#recordsetcontainer {white-space:nowrap; padding: 0px 10px 0px 0px;  text-align:right;font-family: Arial, Helvetica, sans-serif; font-size: 12px;;width:800px}
#recordsetcontainer span {margin-top:1px;width:10px; display:inline; background-repeat : no-repeat;};
#recordsetcontainer span.currentpage {width:15px; padding:1px 2px 1px 2px;text-align:center; background:url('/images/basic/button_bg_a.gif') repeat-x; color:#D12907; border:1px solid #FF785E}
#recordsetcontainer span a { width:15px; height:15px; padding:1px 2px 1px 2px;text-align:center;text-decoration: none; background:url('/images/basic/button_bg_n.gif') repeat-x; color:#0865BF;border:1px solid #80AFE0 }
#recordsetcontainer span a:hover { color:#D12907;border:1px solid #FF785E;background:url('/images/basic/button_bg_a.gif') repeat-x }

/*Function*/
#functioncontainer { padding:10px 10px 0px;font-weight:bold;font-size:15px }
#functioncontainer  span a {text-align:center;text-decoration: none; background:#EDF5FD; color:#0865BF;border:1px solid #80AFE0;padding:2px }
#functioncontainer  span a:hover {  background:#FFEAE7 ; color:#D12907;border:1px solid #FF785E }

/* font style */
.graysmall                      { font-size: 10px; color: #999999; }
.darkgraysmall                  { font-size: 11px; line-height: normal; color: #666666; }
.graymedbold                    { font-size: 11px; line-height: normal; color: #666666; font-weight: bold; }
.lightgraymedbold               { font-size: 12px; line-height: normal; color: #999999; font-weight: bold; }
.dimgraylargebold               { font-size: 15px; line-height: normal; color: #494949; font-weight: bold; }
.blacklargebold                 { font-size: 15px; line-height: normal; color: #000000; font-weight: bold; }
.largetitle                     { padding-top: 3px; padding-left: 10px; font-weight: bold; font-size: 133%; color: #4166cc; line-height: 145%;}

/*==== Editor style to make the ui more friendly QHY 2007-3-30 ====*/
.editor{border: silver 1px solid;color: windowtext;}
.editorover{border: #ff6600 1px solid;}
.editorfocus{border: #0066ff 1px solid;}
.editorkey{background-color: #E1F9FD;}
.editorreadonly{background-color: #f5f5f5;}
.editornumber{text-align:right;}
.editordate{width: 100px;text-align:center;}
/* Behavior for the style QHY 2007-3-30 */
.editor{behavior:url("/script/basic/input_editor.htc")}
.editorover{behavior:url("/script/basic/input_editor.htc")}
.editorfocus{behavior:url("/script/basic/input_editor.htc")}
/*------------------------------------------------------------------*/

#errorinfo {font-size: 11px; border:1px solid #CAA700; color: #FF0000; width:350px; background-color: #FFFFA2; padding: 5px;  font-weight: normal; }
#information {font-size: 11px; border:1px solid #CAA700; width:350px; background-color: #FFFFA2; padding: 2px;  font-weight: normal; }


/*========================= 圆角容器 ==============================*/
/* start: corner module elements */
.ct { display: block; font-size: 0; line-height: 0; background: transparent url() no-repeat top right; margin: 0; height: 3px; width: 100%; position: relative; top: -1px; right: -1px; }
.ct .cl { display: block; font-size: 0; line-height: 0; background: transparent url() no-repeat top left; margin: 0; height: 3px; width: 3px; position: relative; left: -2px;}
.cb { display: block; clear: both; font-size: 0; line-height: 0; background: transparent url() no-repeat bottom right; margin: 0; height: 3px; width: 100%; position: relative; bottom: -1px; right: -1px;}
.cb .cl { display: block; font-size: 0; line-height: 0; background: transparent url() no-repeat bottom left; margin: 0; height: 3px; width: 3px; position: relative; left: -2px;}
/* end: corner module elements */

#toolbar {margin:0 0 3px 0; border: 1px solid #C5D9E8; background: #EDF5FD;  display: inline; float: left; }
#toolbar .ct 	{ background: url("/images/basic/cr_gr_02.gif") no-repeat 100% 0; }
#toolbar .ct .cl { background: url("/images/basic/cr_gr_02.gif") no-repeat 0 70%; }
#toolbar .cb 	{ background: url("/images/basic/cr_gr_02.gif") no-repeat 100% 30%; }
#toolbar .cb .cl { background: url("/images/basic/cr_gr_02.gif") no-repeat 0 100%; }
.split_button{
	font-family: "Tahoma", "宋体";
	font-size: 9pt;
	color: #0066cc;
	top border-color: #FFFFFF ; 
	background-color: #F1F1F1;
	font-style: normal;
	border-top: 1px solid #80AFE0;
	border-right: 1px solid #80AFE0;
	border-bottom: 1px solid #80AFE0;
	border-left: 1px solid #80AFE0;
	text-align:center;
	cursor:hand;
	width:20px;	
}
.page_button{
	font-family: "Tahoma", "宋体";
	font-size: 9pt;
	color: #0066cc;
	top border-color: #FFFFFF ; 
	background-color: #F1F1F1;
	font-style: normal;
	border-top: 1px solid #80AFE0;
	border-right: 1px solid #80AFE0;
	border-bottom: 1px solid #80AFE0;
	border-left: 1px solid #80AFE0;
	text-align:center;
	cursor:hand;
}

.input-button-60 
{
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(/images/basic/button_bg_60.jpg); BORDER-LEFT: medium none; WIDTH: 60px; COLOR: #3b6bb4; LINE-HEIGHT: 22px; BORDER-BOTTOM: medium none; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; HEIGHT: 20px;
}

.input-button-help 
{
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(/images/basic/button_bg_help.jpg); BORDER-LEFT: medium none; WIDTH: 60px; COLOR: #ffffff; LINE-HEIGHT: 22px; BORDER-BOTTOM: medium none; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; HEIGHT: 20px;
}

.input-button-100 {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(/images/basic/button_bg_100.jpg); BORDER-LEFT: medium none; WIDTH: 100px; COLOR: #3b6bb4; LINE-HEIGHT: 22px; BORDER-BOTTOM: medium none; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; HEIGHT: 20px;
}

.input-button-150 {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(/images/basic/button_bg_150.jpg); BORDER-LEFT: medium none; WIDTH: 150px; COLOR: #3b6bb4; LINE-HEIGHT: 22px; BORDER-BOTTOM: medium none; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; HEIGHT: 20px;
}

.notice-text {
	FONT-SIZE: 12px; COLOR: #464646; LINE-HEIGHT: 24px; FONT-FAMILY: Verdana; TEXT-DECORATION: none;
}