BODY
{
background-color: #000000;
color: silver;
margin: 8px 0px;
}
FORM
{
margin: 0px;
}
.al
{
color: #000050;
}
P
{
margin-top: 5px;
margin-bottom: 5px;
text-indent: 20px;
}
H1
{
margin-top: 10px;
font-size: 18px;
margin-bottom: 3px;
font-family: Arial;
font-weight: bold;
}
H2
{
margin-top: 10px;
font-size: 14px;
margin-bottom: 2px;
font-family: Arial;
font-weight: bold;
}
H3
{
margin-top: 10px;
margin-bottom: 1px;
font-size: 13px;
font-family: 'Comic Sans Ms', Tahoma;
font-weight: bold;
}
#tooltip
{
background:#FFF799;
border: 1px dashed #FFFF00;
background-position: 0px;
font:menu;
margin:0px;
padding:0px;
position:absolute;
visibility:hidden;
}
#tooltip table
{
border-left: 1px solid #9A6732;
border-right: 1px solid #84521A;
border-top: 1px solid #835C34;
border-bottom: 1px solid #8B5724;
}
#tooltip td
{
font:menu;
border: 1px solid #84521A;
padding: 2px 6px;
background: #C58536;
color: black; #683F14;
}
.toolred
{
background:red;
color:#CAA063;
font:menu;
margin:0px;
padding:0px 3px;
}
.toolblu
{
background:blue;
color:#CAA063;
font:menu;
margin:0px;
padding:0px 3px;
}
.ind0
{
background-color: #3C3CFF;
border-left: 2px solid #3C3CFF;
border-right: 2px solid #3C3CFF;
border-bottom:  1px solid #2E3092;
height: 1px;
}
.ind1
{
background-color: #F26521;
border-left: 2px solid #F26521;
border-right: 2px solid #F26521;
border-bottom:  1px solid #A36107;
height: 1px;
}
.ind2
{
background-color: #FFF200;
border-left: 2px solid #FFF200;
border-right: 2px solid #FFF200;
border-bottom:  1px solid #B1A805;
height: 1px;
}
.ind3
{
background-color: #FFE400;
border-left: 2px solid #FFE400;
border-right: 2px solid #FFE400;
border-bottom:  1px solid #E79F39;
height: 1px;
}
.ind4
{
background-color: #FF0000;
border-left: 2px solid #FF0000;
border-right: 2px solid #FF0000;
border-bottom:  1px solid #9D080D;
height: 1px;
}
.ind5
{
background-color: #888888;
border-left: 2px solid #808080;
border-right: 2px solid #808080;
border-bottom:  1px solid #666666;
height: 1px;
}
.inva
{
text-align: center;
cursor: default;
font-family: Trebuchet MS, Tahoma, Arial;
color: #000000;
font-size: 13px;
background-image: url(ctrl/fol_active.gif);
background-position: 0px;
}
.invp
{
text-align: center;
cursor: default;
font-family: Trebuchet MS, Tahoma, Arial;
color: #000000;
font-size: 13px;
background-image: url(ctrl/fol_pass.gif);
background-position: 0px;
}
.invb
{
border-bottom: 1px solid #784E23;
}
.txt1
{
font-family: Trebuchet MS, Tahoma, Arial;
font-size: 13px;
}
.bld
{
font-family: Arial;
color: #FACA01;
font-size: 11px;
font-weight: bold;
border: 1px solid rgb(89,48,8);
}
.dvp
{
border-top: 1px solid #673917;
border-left: 1px solid #673917;
border-right: 1px solid #FFFF99;
border-bottom: 1px solid #FFFF99;
}
.dvp2
{
border-right: 1px dotted yellow;
border-top: 1px dotted yellow;
color: #ABA000;
font-family: Trebuchet MS, Tahoma, Arial; font-size: 12px
}
.cel
{
font-family: Trebuchet MS, Tahoma, Arial; font-size: 12px;
width: 43;
height: 44;
text-align: center;
}
.itxt
{
width:40;
font-family: Arial;
font-size: 10px;
text-align: center;
}
.dot
{
border: 1px dashed #0000DD;
}
.cmb
{
width: 100px;
height: 21px;
border-left: 1px solid #9A6732;
border-right: 1px solid #84521A;
border-top: 1px solid #835C34;
border-bottom: 1px solid #8B5724;
background: #B3742A;
font-family: Tahoma, Arial;
font-size: 11px;
text-align: center;
background-image: url(ctrl/bg_4.gif);
background-position: 0px;
}
.cmb2
{
color: #003000;
width: 75px;
border-left: 1px solid #9A6732;
border-right: 1px solid #84521A;
border-top: 1px solid #835C34;
border-bottom: 1px solid #8B5724;
background: #B3742A;
font-family: Tahoma, Arial;
font-size: 10px;
text-align: center;
background-image: url(ctrl/bgm.jpg);
background-position: 0px;
margin-right: 4px;
line-height: 10px;
}
.ctab
{
width:80;
text-align: center;
background: transparent;
font-family:Times New Roman, Arial;
color:#FFFFFF;
font-size: 12px;
border:none;
padding: 0;
cursor: pointer;
cursor: hand;
}
.but80
{
width:80;
background: transparent;
font-family: Trebuchet MS, Tahoma, Arial;
font-size: 11px;
border:none;
padding: 0;
cursor: pointer;
cursor: hand;
}
.but40
{
width:42;
height: 41;
font-family: Arial;
font-size: 9px;
background:transparent;
border:none;
padding-left: 2px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
cursor: pointer;
cursor: hand;
margin:0px;
color: #FFFF00;
}
.but402
{
font-family: Arial;
font-size: 9px;
border:none;
padding: 0;
margin:0;
}
.tlnx
{
font-size: 11px;
}
.but136
{
width:136;
height: 56;
background:transparent;
border:none;
padding: 0;
cursor: pointer;
cursor: hand;
font-family: Trebuchet MS, Tahoma, Arial;
font-size: 10px;
text-align: left;
color: #FFFF00;
}
.ind_b
{
height: 2px;
background-color: #F90101;
border-top: 2px solid #8B5309;
border-bottom: 2px solid #C89351;
}
.ind_a
{
height: 2px;
background-color: #FEDA34;
border-top: 2px solid #8B5309;
border-bottom: 2px solid #C89351;
}
.ind_d
{
height: 2px;
background-color: #F90101;
border-top: 1px solid #8B5724;
border-bottom: 1px solid #C89351;
}
.ind_c
{
height: 2px;
background-color: #FEDA34;
border-top: 1px solid #8B5724;
border-bottom: 1px solid #C89351;
}
.but25
{
background: #B3742A;
border-left: 1px solid #9A6732;
border-right: 1px solid #84521A;
border-top: 1px solid #835C34;
border-bottom: 1px solid #8B5724;
text-align: center;
background-image: url(ctrl/bg_4.gif);
background-position: 0px;
width:20;
height: 20;
font-family: Arial;
font-size: 9px;
cursor: pointer;
cursor: hand;
}
.but18
{
width:18;
height: 18;
font-family: Trebuchet MS, Tahoma, Arial;
font-size: 10px;
background:transparent;
border:none;
padding: 0;
text-align: center;
color: #000000;
}
.mtext
{
font-family: Trebuchet MS, Tahoma, Arial;
font-size: 12px;
}
.rwc
{
font-family: Trebuchet MS, Tahoma, Arial;
font-size: 12px;
color: #000000;
width: 600;
}
.rwh
{
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #000000;
background: url(ctrl/bgm.jpg);
border: 1px solid #653809;
margin-top: 3px;
margin-bottom: 3px;
padding-right: 80px;
padding-left: 80px;
}
.rw
{
font-family: Trebuchet MS, Tahoma, Arial;
font-size: 12px;
color: #000000;
background: url(ctrl/bgm.jpg);
border: 1px solid #653809;
margin: 5px;
width: 600;
}
.rw2
{
width: 600;
color: #000000;
background: url(ctrl/bgm.jpg);
border: 1px solid #653809;
margin: 5px;
font-size: 13px;
font-family: 'Comic Sans Ms', Arial;
}
.rw3
{
width: 390;
color: #000000;
background: url(ctrl/exper_6.gif);
border: 1px solid #653809;
margin: 5px;
font-size: 13px;
font-family: 'Comic Sans Ms', Arial;
}
.xrw3
{
color: #000000;
background: url(ctrl/quo3.jpg);
border: 1px solid #653809;
margin: 5px;
font-size: 13px;
font-family: 'Comic Sans Ms', Arial;
}
.rw3 td {padding-left:3px;}
.rw4
{
color: #000000;
background: url(ctrl/bgm.jpg);
margin-top: 10px;
margin-bottom: 10px;
font-size: 13px;
font-family: 'Comic Sans Ms', Arial;
}

.xrw
{
color: #000000;
background: url(ctrl/xbgm.jpg);
margin-top: 10px;
font-size: 13px;
font-family: 'Comic Sans Ms', Arial;
width:100%;
border:none;
}

.xcapt
{
color: #000000;
margin-top: 15px;
font-size: 13px;
font-family: Arial;
font-weight:bold;
text-align: center;
}

.rwleft
{
border-left: 1px solid #653809;
color: #182809;
padding-top: 4px;
padding-bottom: 6px;
text-align:center;
}

.tmLeft
{
background: #B78756 url(ctrl/mbolebg.gif) no-repeat left center;
height: 26px;
text-align: center;
padding-bottom: 5px;
font-size: 10px;
}

.rwRight
{
border-right: 1px solid #653809;
border-left: 1px dashed #653809;
padding-top: 10px;
padding-right: 10px;
padding-left: 20px;
padding-bottom: 18px;
line-height:21px;
}

.xslo
{
height:44px;
width:43;
text-align: center;
background: url(ctrl/slot3.gif) no-repeat center center;
padding-left:2px;
}



.xuh
{
background: #B78756 url(ctrl/mbolebg.gif) no-repeat left center;
height: 26px;
text-align: center;
padding-bottom: 5px;
font-size: 10px;
}

.tmRight
{
background: #B78756 url(ctrl/mboribg.gif) no-repeat right center;
height: 26px;
padding-left: 10px;
border-left: 1px dashed #653809;
line-height:21px;
}

.xtop
{
background: #B78756 url(ctrl/xtbg.gif) no-repeat right top;
width: 100%;
height: 4px;
margin-top: 8px;
padding: 0px;
}

.xbody
{
width: 100%;
border-left: 1px solid #7D4A1B;
border-right: 1px solid #7D4A1B;
background: #B78756 url(ctrl/xbgm.jpg);
height: 100px;

}

.xboth
{
background: #B78756 url(ctrl/xbbgh.gif) no-repeat right bottom;
width: 100%;
height: 26px;
margin-bottom: 8px;
}

.xbut
{
vertical-align: absbottom;
margin-left: 4px;
cursor:pointer;
border: none;
}


.xbline
{
width:97%;
border:none;
border-collapse: collapse;
height: 26px;
}


.div50
{
width: 50%;
height: 16px;
padding:0;
}

.xhead
{
background: url(ctrl/xtitle.gif);
border: 1px solid #000000;
width:100%;
height:30px;
}

.xx
{
width: 100%;
border-collapse: collapse;
color: #000000;
font-size: 13px;
font-family: 'Comic Sans Ms', Arial;
border: none;
}

.xi4
{
width:4px;
height: 4px;
}

.xi5
{
width:4px;
height: 5px;
}

.xuhead
{
background: #B78756 url(ctrl/xbbgu.gif) no-repeat right top;
width: 100%;
height: 5px;
}

.xt
{
background: #B78756 url(ctrl/xtbg.gif) no-repeat right top;
width: 100%;
height: 4px;
text-align:left;
padding: 0px;
}

.xm
{
width: 100%;
border-left: 1px solid #7D4A1B;
border-right: 1px solid #7D4A1B;
background: #B78756 url(ctrl/xbgm.jpg);
color: #000000;
font-size: 13px;
font-family: 'Comic Sans Ms', Arial;
padding: 0px;
padding-left:4px;
padding-right:4px;
}

.xb
{
background: #B78756 url(ctrl/xbbg.gif) no-repeat right bottom;
width: 100%;
height: 4px;
text-align:left;
padding:0px;
}


.xu
{
background: #B78756 url(ctrl/xbbgu.gif) no-repeat right top;
width: 100%;
height: 5px;
text-align:left;
padding:0px;
}

.xnorm
{
padding: 2px;

}

.xtabl
{
width:100%;
border:none;
font-size: 13px;
font-family: 'Comic Sans Ms', Arial;
color: #000000;
}

.xmsg
{
table-layout:fixed;
width:100%;
border:none;
}

.xpad
{
padding-top: 3px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 10px;
color: #000000;
}

.xcmb
{
border: none;
width: 100px;
height: 21px;
font-family: Tahoma, Arial;
font-size: 11px;
text-align: center;
background: url(ctrl/xcmb2.gif);
vertical-align: middle;
}

.xcmb2
{
color: #003000;
width: 78px;
height: 16px;
border: none;
font-family: Tahoma, Arial;
font-size: 10px;
text-align: center;
background: url(ctrl/xcmb4.gif) no-repeat left top;
margin-right: 4px;
line-height: 10px;
}

.rw5
{
color: #000000;
background: url(ctrl/fol_bg.gif);
border: 1px solid #653809;
margin: 5px;
font-size: 13px;
font-family: 'Comic Sans Ms', Arial;
}
.stln
{
height:21px;
width:50%;
border-right:1px dashed #653809;
font-family: Tahoma, Arial;
font-weight: bold;
font-size: 12px;
padding-left: 4px;
}
.xst
{
font-family: Tahoma, Arial;
font-weight: bold;
font-size: 12px;
}
.mstd
{
border-left: 1px dashed #653809;
padding-left: 10px;
line-height:21px;
}
.mstc
{
color: #182809;
padding-top: 4px;
padding-bottom: 6px;
}
.btxt
{
font-family: Arial;
font-weight: bold;
border: 1px dashed #0000DD;
color: yellow;
font-size: 11px;
}
.sbc
{
font-family: Arial;
font-size: 11px;
color: #000000;
}
.frpla
{
border: 1px solid rgb(72,38,0);
text-align: center;
font-family:Tahoma,Verdana,Arial;
font-size:10px;
color: #b0b0b0;
padding-top:6px;
padding-bottom:6px;
background: url(fog3.gif);
}
.cont
{
width: 100%;
height: 17;
font-family: Times New Roman, Arial;
font-size: 9px;
text-align: Center;
background-color: window; #996633;
border-top: 1px solid #000000;
border-bottom: none;
border-left: none;
border-right: none;
}
.maxtab
{
text-align: center;
max-width:700px;
width:expression(document.body.clientWidth > 700? "700px": "96%" );
}
.mbox
{
font-size: 12px;
border-top: 2px solid #311A06;
border-bottom: 2px solid #E68228;
}
UL
{
margin-bottom: 0px;
}
.trg1
{
cursor:pointer;
cursor:hand;
cursor:move;
cursor:url(trg1.cur);
}
.trg2
{
cursor:pointer;
cursor:hand;
cursor:move;
cursor:url(trg2.cur);
}
.trg3
{
cursor:pointer;
cursor:hand;
cursor:move;
cursor:url(trg3.cur);
}
.trg4
{
cursor:pointer;
cursor:hand;
cursor:move;
cursor:url(trg4.cur);
}
.mut0
{
width:21px;
height:16px;
border:1px solid #D21A21;
margin-right:1px;
}
.mut1
{
width:21px;
height:16px;
border:1px solid #04893C;
margin-right:1px;
}
.mut2
{
width:21px;
height:16px;
border:1px solid #A8A8A8;
margin-right:1px;
}
.mut3
{
width:21px;
height:16px;
border:1px solid #000070;
margin-right:1px;
}
.slnk
{
color:#005825;
cursor:pointer;
cursor:hand;
text-decoration:underline;
}
.lnk
{
cursor:pointer;
cursor:hand;
}
.quo1
{
margin-top: 5px;
font-size: 11px;
font-weight: bold;
padding-left: 16px;
}
.quo2
{
border-top:1px solid #8B5724;
border-left:4px solid #8B5724;
border-right: 1px solid #8B5724;
border-bottom: 1px solid #8B5724;
line-height:18px;
width: 97%;
font-size: 12px;
padding: 1px;
background-image: url(ctrl/quo.jpg);
color:#351300;
margin-bottom: 5px;
}
.quo3
{
border-top:1px solid #8B5724;
border-left:4px solid #8B5724;
border-right: 1px solid #8B5724;
border-bottom: 1px solid #8B5724;
line-height:18px;
width: 97%;
font-size: 12px;
padding: 1px;
background-image: url(ctrl/quo3.jpg);
color:#351300;
margin-bottom: 5px;
}
.rw3 p { margin-top:3px; margin-bottom:3px;}
.qp { height:30px; width:12px; cursor:help;}
.qq { height:13px; width:10px; cursor:help;}
.nav1 { background: #0000B0; color:#ffffff; font-size:10px; padding-left: 5px; padding-right: 5px; text-align:center}
.nav2 { background: #0000B0; color:#ffffff; font-size:10px; padding-top:5px; padding-bottom:5px; text-align:center; width: 10px; vertical-align:middle;}
.cht { width: 285; height: 100; background: url(ctrl/bgm.jpg); font-size:11px; overflow: auto;
border: 1px solid #653809; margin-top: 2px; font-family: Arial, Tahoma; text-align:left; padding-left: 5px; padding-right: 3px; color: #000000;}
.chtm { width: 285; font-size: 11px; border: 1px solid #653809;}
.m0 { ;}
.m1 { color: orange; }
.m2 { color: blue; }
.m3 { color: #003000; }
.m4 { color: #700000; }
.mname { font-weight: bold; text-decoration: underline; cursor: pointer; cursor: hand;}
.but25 { border: none;  width:25; height: 24; font-family: Tahoma, Arial;
font-size: 10px; background:transparent; padding: 0; text-align: center; color: #005825; margin-right:2px}

.meni
{
color: #003000;
border: 1px solid #84521A;
font-family: Tahoma, Arial;
font-size: 13px;
background: #B3742A url(ctrl/xbgm2.jpg);
line-height: 20px;
margin: 5px;
}

.menc1
{
color: #F1C30D;
height: 21px;
font-family: Tahoma, Arial;
font-size: 13px;
font-weight:bold;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
vertical-align:bottom;
display: block;
background: #874C18 url(ctrl/minus2.gif) no-repeat left top;
padding-left: 20px;
cursor:pointer;
line-height: 20px;
}

.menc0
{
color: #F1C30D;
height: 21px;
font-family: Tahoma, Arial;
font-size: 13px;
font-weight:bold;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
vertical-align:bottom;
display: block;
background: #874C18 url(ctrl/plus2.gif) no-repeat left top;
padding-left: 20px;
cursor:pointer;
line-height: 20px;
}

.lem
{
border: 1px solid #653809;
background: url(ctrl/xbgm.jpg);
padding-top: 5px;
}

li { margin-left: 2px;}
#menu li a { text-decoration: none;}
#menu li a:hover { text-decoration: underline;}
.lis { color: #800000;}
.logf { border: 1px solid #5A3712; background-color: #E5CA9A; width:90%;}

.maxtd
{
max-width:700px;
width:expression(document.body.clientWidth > 700? "700px": (document.body.clientWidth-140) );
}

.tts
{
font-family: Tahoma, Arial;
font-size:11px;
color: #000000;
}

.ybox, .cbox
{
font-family:Tahoma,Arial;
font-size:12px;
border: 1px solid #653809;
background-color:#E5CA9A;
font-family: 'Comic Sans Ms', Arial;
}
.chx
{
display:block;
font-family:Verdana, Tahoma,Arial;
text-align:left;
padding-top: 3px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
border-bottom: 1px dotted #c0c0c0;
font-size:12px;
color:#000000;
}
.chap0
{
}
.chap1
{
background-color: #c8b8b1;
}
.chat0, .chat5
{
color:black;
font-size:12px;
font-weight:normal;
}
.chat1
{
color:#005000;
font-size:12px;
font-weight:normal;
}
.chat2
{
color:#500080;
font-size:12px;
font-weight:normal;
}
.chat5
{
color:#600080;
font-size:12px;
font-weight:bold;
}
.chat6
{
color:#808080;
font-weight:normal;
font-size:12px;
font-family:Courier new;
}
.chat3, .chat4
{
color:#A00040;
font-weight:normal;
font-size:12px;
}
.tm
{
color: #004000;
font-size:12px;
font-family:Courier new;
font-weight:normal;
}
.chp, .chp0, .chp1, .chp2
{
font-size:12px;
color:#000080;
cursor:pointer;
cursor:hand;
text-decoration:underline;
}
.chpl0, .chpl1, .chpl2, .chpl3
{
font-size:12px;
cursor:pointer;
cursor:hand;
text-decoration:underline;
}

.chpl3 { color: #888888;}
.chpl2 { color: #5e8ac6;}
.chpl1 { color: #000070;}
.chpl0 { color: #006000;}
.chi
{
width:13px;
height:13px;
cursor:pointer;
cursor:hand;
}
.tb1
{
font-family: Tahoma,Arial;
font-size:12px;
border-top:1px solid #653809;
border-left:1px solid #653809;
border-right:1px solid #653809;
height: 19px;
text-align: center;
float: left;
width: 80px;
margin-right: 2px;
font-weight:bold;
cursor:default;
}
.tb0
{
font-family: Tahoma,Arial;
font-size:12px;
border:1px solid #653809;
height: 18px;
text-align: center;
cursor:pointer;
cursor:hand;
float: left;
width: 80px;
margin-right: 2px;
background-color:#bb7f20;
}
.bg_r
{
background-color:#d7b6a0;
}
/* Properties */

.pr_0
{
background-color: #e4c08b;
}

.pr_1
{
background-color: #eedebb;
}

.pr_l
{
overflow: hidden;
font-family: Arial;
font-size: 11px;
font-weight: bold;
cursor: default;
width: 50%;
padding: 2px;
padding-left: 5px;
color:#000000;
}

.pr_head
{
font-family: Arial;
font-size: 12px;
font-weight: bold;
cursor: default;
background-color: #004b18; 653809;
padding: 3px;
padding-left: 5px;
color: #f3bd48;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.pr_error
{
background-color: #b00000;
text-align: center;
font-family: Arial;
font-size: 11px;
font-weight: bold;
padding: 3px;
color: #ffffff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.pr_r
{
font-family: Arial;
font-size: 11px;
overflow: hidden;
width: 50%;
padding: 2px;
padding-left: 5px;
color:#000000;
}

.pr_select, .pr_text
{
border: none;
font-size:12px;
background-color:transparent;
width:100%;
color:#005000;
}


.image-max
{
max-height:400px;
height:expression(document.body.clientHeight > 400? "400px": "auto" );
max-width:100%;
height:expression(document.body.clientHeight > 480? "480px": "auto" );
}

.spoiler-wrap
{
width: 98%;
clear: both;
border: 1px solid #a57445;
margin-top: 6px;
margin-bottom: 6px;
background-image: url(ctrl/quo3.jpg);
}

.spoiler-body {
padding: 1px 6px 2px;
border-top: 1px solid #a57445;
font-size: 12px;
}

.folded
{
font-size: 11px; padding: 1px 14px 3px; margin-left: 6px; line-height: 15px;
cursor: pointer;
display: block;
background: transparent url(ctrl/icon_minus.gif) no-repeat left center;
padding-left: 14px;
}
.unfolded
{
font-size: 11px; padding: 1px 14px 3px; margin-left: 6px; line-height: 15px;
cursor: pointer;
display: block;
background: transparent url(ctrl/icon_plus.gif) no-repeat left center;
padding-left: 14px;
}


