/******** CSS for Bank of Shanghai *********/
/******** SuMm3r e-Channels 2006-03-09 ********/

/********* Global Settings ***********/

body {
background:#fff;
}

body,div,td,input,select,p {
font:12px "ËÎÌå";
color:#444;
margin:0;
padding:0;
}

img {border:0;}

a {
color:#3c6da8;
text-decoration:none;
}

a:hover {
color:#b07219;
text-decoration:none;
}

#content {

/*** width:780px; ***/
width:100%;
margin:0 auto;
}

.nemu2p{
color:#3c6da8;
text-decoration:none;
}

/*** Menu1 ***/

#menu1_1,#menu1_2 {
background:#c5e4fa url(../images/menu1_bg.gif) left top repeat-x;
padding:6px 24px 2px 24px;
border-bottom:1px solid #444;
}

#menu1_2 {
text-align:right;
}

#menu1_1 a,#menu1_2 a {
color:#333;
padding:6px 6px 2px 6px;
}

#menu1_1 a:hover,#menu1_2 a:hover {
color:#111;
background:url(../images/menu1_bg_hover.gif) left top repeat-x;
}

a.menu1_on {
color:#333;
background:url(../images/menu1_bg_on.gif) left top repeat-x;
}

/**** Menu2 and Menu3 ****/

.menu2_off {
background:url(../images/icon_plus.gif) 3px 3px no-repeat;
padding:3px 0;
}

.menu2_off div {display:none;}

.menu2_on {
background:#f6f6f6 url(../images/icon_minus.gif) 3px 3px no-repeat;
padding:3px 0;
}

.menu2_on div {
margin:2px 0;
padding:3px 24px;
background:url(../images/icon_arrow.gif) 12px 5px no-repeat;
}

.menu2_on div.menu3_on {
background:#bedbf5 url(../images/menu3_bg_on.gif) left top repeat-x;
border-top:1px solid #
}


.onlymenu3_off {
margin:2px 0;
padding:3px 24px;
background:url(../images/icon_arrow.gif) 12px 5px no-repeat;
}

.onlymenu3_on {
margin:2px 0;
padding:3px 24px;
background:#bedbf5 url(../images/menu3_bg_on.gif) left top repeat-x;
}

/**** Left Menu ****/
#left_menu {
margin:6px 24px 0 0;
width:175px;
float:left;
}

.left_title {
padding-left:30px;
font-weight:bold;
color:#086ccf;
}

/**** Right Content ****/

#right_content1 {
width:auto;
float:right;
margin-top:-1px;
}

.location {
background:url(../images/icon_location.gif) left 3px no-repeat;
padding:3px 0 2px 16px;
margin:3px 0 6px 0;
color:#777;
}


/**** Footer ****/

#footer {
margin-top:6px;
text-align:center;
border-top:1px solid #ccc;
padding:12px 0 0 0;
color:#999;
}


/**** Page Structure ****/

.section_title {
padding:6px 0 4px 16px;
background:url(../images/icon_title.gif) left 6px no-repeat;
font-weight:bold;
color:#994747;
}


/********* TWO TYPE of TABLEs ***********/

.query_table {
border:1px solid #ccc;
border-collapse:collapse;
}
.query_table .table_head {
background:#f9e286;
text-align:left;
padding:3px 3px 1px 3px;
}
.query_table td {
border-bottom:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
padding:3px 3px 1px 3px;
}




.result_table {
border:1px solid #ccc;
border-collapse:collapse;
}

.result_table .table_head {
background:#c7dcf0;
text-align:left;
padding:3px 3px 1px 3px;
}
.result_table td {
border-bottom:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
padding:3px 3px 1px 3px;
}

.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}

.button_area {
text-align:center;
margin:5px 0;                   
}
.button {
background:#f9f8f9 url(../images/button_bg.gif) left top repeat-x;
border:1px solid #bbb;
padding:2px 5px 0 5px;
cursor:hand;
}


/**** MISC SETTINGS ****/

.ins {
background:url(../images/icon_ins.gif) left 5px no-repeat;
padding:5px 0 5px 16px;
margin:6px 0 0 0;
list-style:square inside;
color:#4d8ede;
font-weight:bold
}

.ins li {color:#6f7d97;font-weight:normal;}

.stress {
font-weight:bold;
color:#e1840b;
}


/**Input**/
.focus {
border:1px solid #fb0;
font:12px "Trebuchet MS",Arial,"ËÎÌå";
}
.blur {
border:1px solid #555;
font:12px "Trebuchet MS",Arial,"ËÎÌå";
}