body {margin:0;padding:0;background:#12250C;overflow:hidden;height:100%;width:100%;}
body,font,td,button,input,textarea,div {font-size:14px;font-family: Helvetica,Arial,sans-serif;text-align:left;}
h1,h2,h3 {padding:5px;margin:0;}
h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
i{font-size:12px;color:#666;}
form{padding:0;margin:0;}
/*system*/
a {text-decoration:none;outline:none;}
#body_bg {display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:#12250c;}
#body {text-align:center;position:relative;z-index:10;width:100%;height:100%;}
#message, #systemMessage {display:none;position:fixed;z-index:1010;top:0px;bottom:0px;right:0px;left:0px;}
.msg-contain {position:absolute;top:50%;margin-top:-30px;text-align:center;width:100%;}
.msg-content {display:inline;color:#ffffcc;background:#12250c;padding:10px;font-weight:bold;border:1px solid #808080;border-radius:.5em;max-width:300px;}
#systemMessage .msg-contain{margin-top:-80px;}
#systemMessage .msg-content{display:inline-block;}
.box-container {position:relative;width:100%;height:100%;}
.box-container .box-bg-tl {z-index:1000;position:absolute;left:0;top:0;width:13px;height:13px;background:#12250c url(./res/border-bg-corner.png) no-repeat top left;}
.box-container .box-bg-tc {z-index:999;position:absolute;left:0;right:0;top:0;height:10px; background:#12250C url(./res/border-bg-tc.png) repeat-x top;}
.box-container .box-bg-tr {z-index:1000;position:absolute;right:0;top:0;width:13px; height:13px; background:#12250c url(./res/border-bg-corner.png) no-repeat top right;}
.box-container .box-bg-cl {z-index:999;position:absolute;left:0;top:0;bottom:0;width:10px;background:#12250c url(./res/border-bg-cl.png) repeat-y left;}
.box-container .box-bg-cr {z-index:999;position:absolute;right:0;top:0;;bottom:0;width:10px;background:#12250c url(./res/border-bg-cr.png) repeat-y right;}
.box-container .box-bg-bl {z-index:1000;position:absolute;bottom:0;left:0;width:13px; height:13px; background:#12250c url(./res/border-bg-corner.png) no-repeat bottom left;}
.box-container .box-bg-bc {z-index:999;position:absolute;bottom:0;left:0;right:0;height:10px; background:#12250C url(./res/border-bg-bc.png) repeat-x bottom;}
.box-container .box-bg-br {z-index:1000;position:absolute;bottom:0;right:0;width:13px; height:13px; background:#12250c url(./res/border-bg-corner.png) no-repeat bottom right;}

/* login page style */
#startPage {position:absolute;width:100%;height:100%;text-align:center;padding:0;margin:0;color:#fff;overflow:hidden;z-index:10;background:url(./res/logo-200.gif) #fff no-repeat 50% 35%;}
#quitPage {display:none;position:absolute;width:100%;height:100%;text-align:center;padding:0;margin:0;color:#fff;overflow:hidden;z-index:1030;background:url(./res/logo-200.gif) #fff no-repeat 50% 30%;}
#quitPage .quitMessage {position:absolute;height:60px;width:300px;top:50%;left:50%;margin-top:-30px;margin-left:-150px;text-align:center;color:#12250c;}
#quitPage .quitMessage .button {width:80px;}
#loading {position:absolute;width:100%;height:100%;text-align:center;padding:0;margin:0;color:#ffffcc;overflow:hidden;z-index:9;}
#enter {display:none;position:fixed;width:110px;padding:5px;border-radius:.5em;text-align:center;background:url(./res/login_bg.png);}
#enter .button {display:blcok;width:90px;margin:4px 0;padding:6px 9px;text-shadow:none 0px 1px 1px;}

#login_div{width:300px;height:210px;z-index:1005;}
#register_div{width:300px;height:170px;}
#help_div{width:90%;}
#help_div .help-content {padding:10px;line-height:150%;}
#help_div .help-content a, #help_div .help-content a:visited, #help_div .help-content a:hover {color:#006666;text-decoration:none;}
#login_div form label, #register_div form label {width:32px}
#login_div form .field, #register_div form .field {width:220px}
#login_div .button-group, #register_div .button-group {padding:5px;text-align:right;}
#login_div form .button, #register_div form .button {width:90px}


/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: rgba(82,85,81,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}