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(image/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("image/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
}

table           { border: #FFFFFF; width: 650px; }
table tr        { height: 20px; }
table.folder    { width: 630px; }
table.login     { width: 220px; border:1px solid #335EA8  }
table.login th  { font-size: 12px; color: #FFFFFF; background-color: #777777; padding: 2px; text-align: center; font-weight: bold; }
table.statement { width: 900px; }
tbody           { font-size: 11px; color: #000000; 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 */
#copyright {color:#A6DCFF; font-size:12px; font-family:ËÎÌå,Arial;}
/* 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("../image/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("../image/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("../image/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("../image/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; }

#utilitybox                    { margin-left: 2px; width: 168px; padding-bottom: 5px; float: left; min-height: 86px;padding:3px}
.rtside_text                { font-size: 8pt; color: #666666; text-decoration: none; padding: 3px 10px 2px 10px; height: 12px; }
.graymedbold                { font-size: 11px; line-height: normal; color: #666666; font-weight: bold; }
.bulletlink                 { background-position: 10px 7px; padding: 2px 0px 2px 20px; background-image: url("../image/arrow_black_small.gif"); background-repeat: no-repeat; }
a                 { color: #028535; text-decoration: none;}
a:hover           { color: #CC0000; text-decoration: underline;}
a.redsmall                  { color: #CC0000; text-decoration: underline; font-size: 11px;    }
a.redsmall:hover            { color: #000000; }

a.rednormal                  { color: #CC0000; text-decoration: none;}
a.rednormal:hover            { color: #000000; text-decoration: underline;}



/* Folder Tabs */
#tabs                           { margin: 5px 0px 0px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold;  float: left; position:absolute; left:5px; top:0px; z-index:26}
#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('../image/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("../image/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("image/tabletree_span_bg_contract.gif") no-repeat;cursor:hand }*/
#tabletree tr.level1_selected {  }
/*#tabletree tr.level1_selected td span { background:url("image/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("image/tabletree_span_bg_contract.gif") no-repeat;cursor:hand}*/
#tabletree tr.level2_selected {  }
/*#tabletree tr.level2_selected td span { background:url("image/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("image/tabletree_span_bg_contract.gif") no-repeat;cursor:hand }*/
#tabletree tr.level3_selected {  }
/*#tabletree tr.level3_selected td span { background:url("image/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("../image/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("../image/tabletree_span_bg_contract.gif") no-repeat;cursor:hand }
#tabletree tr td span.expand { background:url("../image/tabletree_span_bg_expand.gif") no-repeat;cursor:hand }
#tabletree tr td span.square { background:url("../image/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('../image/button_bg_n.gif') repeat-x}
#tabletree tr td span a:hover {border:1px solid #39B3E7; text-decoration: none; background:url('../image/button_bg_a.gif') repeat-x}

/*List Table*/
#listtablecontainer { margin: 2px 0px 0px 5px;padding:0px 0px 0px 0px;width:800px}
#querytable{font-family: Arial, Helvetica, sans-serif;font-size: 12px;width: 100%; border: 1px solid #C5D9E8; background-color: #EDF5FD}
#condtiontable{font-family: Arial, Helvetica, sans-serif;font-size: 12px;width: 100%}
#listtable {font-family: Arial, Helvetica, sans-serif;font-size: 12px;width: 100%; border: 1px solid #C5D9E8; background-color: #FFFFFF}
#listtable th { color:#405368 ;background-color: #DAE4ED ;padding: 2px ;text-align: center ;font: normal bold;cursor:default }
#listtable tr { cursor:default }
#listtable tr.bgColor1 { background:#F5F7F9 }
#listtable tr.bgColor2 { background:#E6EBF0 }
#listtable tr.selected { background:#D2ECFF }
#listtable tr td{ text-align:center }

#listtable tr td span {width:40px; display:inline; background-repeat : no-repeat; font-size: 11px;}
#listtable tr td span a {width:auto;height:16px; margin:1px;padding:1px 4px 0;text-decoration:none;display:block; text-align:center;line-height:15px;border:1px solid #8D8D8D;background:url('../image/button_bg_n.gif') repeat-x}
#listtable tr td span a:hover {border:1px solid #39B3E7; text-decoration: none; background:url('../image/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('../image/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('../image/button_bg_n.gif') repeat-x; color:#0865BF;border:1px solid #80AFE0 }
#recordsetcontainer span a:hover { color:#D12907;border:1px solid #FF785E;background:url('../image/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%;}
table.contentinput{width:100%;border:silver 1px solid;padding:2px 2px 2px 2px;}
div.contentinput{width:646px;border:silver 1px solid;}
div.memberlistinput{width:646px;overflow-x:auto; border:silver 1px solid;}

/* Edtor 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: 80px;
    text-align:center;
}


div.buttoncontainer {white-space:nowrap}
div.buttoncontainer span { width:10px; display:inline; background-repeat : no-repeat; font-size: 11px}
div.buttoncontainer span a { width:auto;height:19px; margin:2px;padding:1px 4px 0 4px;text-decoration:none;display:block; text-align:center;line-height:19px;border:1px solid #8D8D8D;background:url('../image/button_bg_n.gif') repeat-x}
div.buttoncontainer span a:link    {color:black }
div.buttoncontainer span a:visited {color:black } 
div.buttoncontainer span a:hover   {border:1px solid #39B3E7;color:#CC0000; text-decoration: none; background:url('../image/button_bg_a.gif') repeat-x}


#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; }

/* Behavior for the style QHY 2007-3-30 */
.editor{
    behavior:url("script/input_editor.htc")
}

.editorover{
    behavior:url("script/input_editor.htc")
}

.editorfocus{
    behavior:url("script/input_editor.htc")
}

div.memberlistinput{
    behavior:url("script/member_list_input.htc")
}
/*========================= Ô²½ÇÈÝÆ÷ ==============================*/
/* 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("../image/cr_gr_02.gif") no-repeat 100% 0; }
#toolbar .ct .cl { background: url("../image/cr_gr_02.gif") no-repeat 0 70%; }
#toolbar .cb 	{ background: url("../image/cr_gr_02.gif") no-repeat 100% 30%; }
#toolbar .cb .cl { background: url("../image/cr_gr_02.gif") no-repeat 0 100%; }