html, body, div, img, dl, dt, dd, h1, h2, h3, h4, h5, p, form, input, select, textarea, a {margin: 0; padding: 0;}

.act {color: green}
.dsbl {color:#8E8E8E;}
.pfx {position:fixed;}
.m0 {margin: 0px;}
.va {vertical-align: middle;}
.ul, .err {color: #cc0000 !important;}
.hd {cursor: hand; cursor: pointer;}
body, html {width: 100%; text-align: center;}
body {background: #fff;}
.normal {text-align: left;}

body, div, table {font: 12px Arial, Tahoma, Verdana, sans-serif; color: #333;}

a, a:hover {color: #3194E7; text-decoration: underline;}
a:hover {text-decoration: none;}
a img, img {border: none;}

.spacer {height: 1px; width: 100%; clear: both; float: none !important;}.wrap {width: 100%;}
.rel {position: relative;}.abs {position: absolute;}.fl {float: left;}.fr {float: right;}.ac {text-align: center;}.ar {text-align: right;}.aj {text-align: justify;}.al {text-align: left !important;}
small, .small {font-size: 11px;}big {font-size: 14px;}.cursor {cursor: pointer; cursor: hand;}
.f {margin-top: 0px !important; padding-top: 0px !important;}
.nowrap {white-space: nowrap;}

/* main block */
.container {width: 767px; text-align: left; margin: 0 auto;}

.b-left, .b-right, .i-left, .i-right {float: left;}
.b-left {width: 176px; padding: 0 38px 0 6px;}
.b-right {width: 507px; min-height: 450px; padding: 0 0 0 40px; background: url('/i/bg-bleft.gif') repeat-y; position: relative;}
.i-left-wbg {background: none !important;}
.i-left {width: 212px; padding: 0 20px 0 3px; background: url('/i/bg-bleft.gif') 100% 0 repeat-y;}
.i-right {width: 243px; padding: 0 0 0 28px;}
.i18 {padding: 5px 0 10px 52px; position: absolute; bottom: 0; left: -210px; background: url('/i/18.gif') no-repeat;}
.i18 a {color: #8E8E8E !important;}

.i-leftm {float: left; width: 220px; padding: 0 20px 0 3px; background: url('/tmpl/imgs/bg-bleft.gif') 100% 0 repeat-y;}
.i-rightm {float: left;width: 220px; padding: 0 0 0 28px;}


/* spacer & width*/
.s5 {height: 5px;}
.s10 {height: 10px;}
.s15 {height: 15px;}
.s20 {height: 20px;}
.s25 {height: 25px;}
.s30 {height: 30px;}
.s35 {height: 35px;}
.s40 {height: 40px;}
.s50 {height: 50px;}
.s55 {height: 55px;}

.w50 {width: 50px;}
.w60 {width: 60px;}
.w85 {width: 85px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w140 {width: 140px;}
.w220 {width: 220px;}
.w230 {width: 230px;}

.w49p {width: 49.5%; float: left;}
.w80p {width: 80px; padding-top: 4px; float: left;}
.w208p {width: 208px; float: left; font-size: 11px;}
.w208p .input {width: 170px; float: left;}
.w100p {width: 100px; padding-top: 5px; float: left;}
.w150p {width: 150px; padding-top: 5px; float: left;}
.w130p {width: 130px; padding-top: 5px;}
.w300p {width: 300px; color: #8E8E8E; font-size: 11px;}
.w300p input {margin-bottom: 2px;}
.w350p {width: 350px; color: #8E8E8E; font-size: 11px;  float: left;}
.w350p input {margin-bottom: 2px;}

/* header */
.header {width: 100%; height: 72px;}
.logo {float: left;}
.h-info {float: right; padding: 43px 8px 0 0; font-size: 13px;}
.h-info, .h-info a {color: #999 !important;}

/* menu */
.menu {width: 737px; padding: 0 15px; height: 34px; background: #2990E6 url('/i/bg-menu.gif') no-repeat;}
.menu .mline {background: url('/i/bg-mline.gif') no-repeat; float: left; width: 2px; height: 34px;}

.menu a, .menu a:hover {display: block; float: left; font-size: 13px; color: #fff; padding: 8px 22px 10px 22px;}
.menu .on {background: #5EA9E8 url('/i/bg-menuon.gif') repeat-x;}
.menu .on, .menu .fr a, .menu .fr a:hover {font-weight: bold;}

.m {height: 24px;}
.m a, .m a:hover {display: block; float: left; margin-right: 5px; width: 110px; padding: 4px 0 5px 0; color: #fff; background: #89C2F1 url('/i/bg-m-off.gif') no-repeat; text-align: center;}
.m a.on, .m a.on:hover {background: #6DB4EE url('/i/bg-m-on.gif') no-repeat; font-weight: bold; text-decoration: none;}

/* content */
p {margin: 15px 0 0 0;}
p.s {margin: 5px 0 0 0;}

.grey {color: #999;}
.greys, a.greys {color: #666 !important;}
.blue {color: #3194E7;}
.red {color: #DF0303;}
.green{color: #7DC318;}
.orange {color: #E94A0B;}
.black, .black a, .black a:hover, a.black, a.black:hover {color: #000;}

h1, h2, h3, h4, h5 {font-family: Arial, Tahoma, Verdana, sans-serif; font-weight: bold;}
h1 {font-size: 16px; color: #7DC318; padding: 0 0 8px 0;}
h2 {font-size: 12px; color: #EC5300; padding: 10px 0 15px 0;}
h3 {font-size: 13px; color: #333; margin-bottom: 3px;}

select, button, input, textarea {font: 12px Arial, Tahoma; color: #333; vertical-align: middle;}
.input {border: 1px solid #CCCACA; padding: 2px 5px;}

.b-left .line {margin: 10px 0; background: #D7DDE2;}
.line {background: #C6CFD6; width: 100%; height: 1px;}
.line-lite {background: #C6CFD6 url('/i/bg-linel.gif') repeat-x; width: 100%; height: 1px;}

.main-search {width: 506px; height: 233px; background: #50A4EA url('/i/bg-search.jpg') no-repeat;}
.main-searchx {width: 506px; height: 3px; background: #50A4EA url('/tmpl/imgs/iml.gif') no-repeat;}
.main-search div, .main-search td {color: #fff; font-size: 11px;}
.main-search b {font-size: 13px;}
.main-search p {margin-top: 3px;}
.main-search td {padding-right: 10px;}
.main-search-pad {padding: 25px;}
.main-search .line  {height: 2px; background: #D2E3F2 url('/i/bg-linem.gif') repeat-x;}

.m-img {width: 60px; float: left;}
.m-img img {border: 2px solid #EDEEF0;}
.m-info {width: 152px; float: left; font-size: 11px;}
.m-info span {color: #8C8C8C;}
.m-info a, .m-info a:hover {font-size: 13px; font-weight: bold;}

.m-img-big {width: 127px; float: left;}
.m-img-big img {border: 2px solid #EDEEF0;}
.m-info-big {width: 116px; float: left;}
.m-info-big span {color: #8C8C8C;}
.m-info-big a, .m-info-big a:hover {font-size: 13px; font-weight: bold;}

.m-info-main {width: 70px; float: left;}
.m-info-main span {color: #8C8C8C;}
.m-info-main a, .m-info-main a:hover {font-size: 13px; font-weight: bold;}


.c {vertical-align: middle; margin-right: 5px;}
.v, .v-pad {vertical-align: middle;}
.i-right .v {margin: 0 15px;}
.v-pad {margin: 0 10px;}
.b-left div {line-height: 17px;}

.join, .exit, .profile, .my_messages, .my_messages_new, .m-pad {padding: 0 0 0 25px;}
.m-pad-l {color: #666;}
.join {background: url('/i/m-join.gif') no-repeat;}
.join-l {color: #666 !important;}
.join a, .join a:hover {font-weight: bold;}
.profile {background: url('/i/m-profile.gif') 2px 5px no-repeat; color: #000 !important; font-weight: bold;}

.my_messages {background: url('/i/m-profile.gif') 2px 5px no-repeat; }
.my_messages_new {background: url('/i/b_newmess.gif') 2px 3px no-repeat; }

.profile a {color: #000 !important;}
.exit {background: url('/i/m-exit.gif') 2px 3px no-repeat; color: #000 !important; font-weight: bold;}
.exit a {color: #666 !important;}
.alloc {background: url('/i/m-alloc.gif') 3px 4px no-repeat;}
.berm {background: url('/i/m-berm.gif') 3px 88% no-repeat;}
.support {background: url('/i/m-support.gif') 3px 3px no-repeat;}

.create, .create:hover {display: block; width: 250px; padding: 15px 0 17px 75px; font-size: 14px; background: url('/i/bg-create.gif') no-repeat;}
.add, .add:hover {display: block; width: 250px; padding: 15px 0 17px 75px; font-size: 14px; background: url('/i/bg-add.gif') no-repeat;}

.num {padding: 7px 0 0 60px; width: 447px; height: 38px;}
.num1 {background: url('/i/num1.gif') no-repeat;}
.num2 {background: url('/i/num2.gif') no-repeat; color: #999;}

.login {width: 310px; height: 162px; background: url('/i/bg-login2.gif') no-repeat;}
.login-pad {padding: 31px 0 0 22px;}
.login div, .login div a, .login div a:hover {color: #fff;}

.block-c {padding: 22px 27px 23px 27px; background: #EFF2F3;}
.block-c .line {height: 2px; background: #D2E3F2 url('/i/bg-lines.gif') repeat-x; margin: 15px 0;}
.block-c div {font-size: 11px;}
.block-c-lite div {color: #757676;}
.block-c-lite a, .block-c-lite a:hover {color: #73B5EB;}

.see {margin: 8px 0 7px 0;}
.see div {float: left;}
.see .sel {width: 34px; height: 34px; margin: 15px 18px 0 0; text-align: center; background: #E2E7EA;}
.see .sel input {margin-top: 10px;}
.see .nom {width: 37px; padding: 25px 0 0 13px; font-size: 11px; color: #666;}
.see .img {width: 60px;}
.see .img img {border: 2px solid #EDEEF0;}
.see .info {width: 275px; float: left; font-size: 11px; padding-top: 2px;}
.see .mess {width: 120px; float: left; font-size: 11px; padding-top: 25px;}
.see .mess a, .see .mess a:hover {font-weight: normal; font-size: 11px;}
.see span {color: #8C8C8C;}
.see a, .see a:hover {font-size: 13px; font-weight: bold;}

.move {width: 100%; height: 35px; background: #CFD5D8 url('/i/bg-move.gif') no-repeat;}
.move-pad {padding: 5px 0 0 53px;}

.mlist td {font-size: 11px; padding: 11px 25px 12px 25px;}
.tr-top td {background: #CFD5D8;}
.tr-mid td {background: #EFF2F3; border-bottom: 1px solid #CED6DC;}

.tr-invite td {background: #EFF2F3; border-bottom: 1px solid #CED6DC;border-top: 1px solid #CED6DC;}

.bg-o {background: #E2E7EA; width: 130px; font-size: 11px;}
.t-pad td {padding-right: 10px;}
.code {position: absolute; top: 3px; right: 5px;}

.photo {width: 190px; float: left;}
.photo img {border: 2px solid #EDEEF0; margin: 0 4px 4px 0;}
.infa {width: 317px; float: left; font-size: 11px;}
.infa a, .infa a:hover {color: #565656;}
.fav {color: #999 !important;}

.max-line div {line-height: 18px;}
.why {color: #999; padding-left: 13px; background: url('/i/bg-why.gif') 3px 5px no-repeat; font-size: 11px;}
.why a, .why a:hover {color: #565656;}

.a-link td {padding: 10px 0 20px 0; font-size: 11px;}
.a-link td a {color: #565656 !important;}

/* chat */
.user-pad {padding: 20px 0 0 20px;}
.normal .m {padding-left: 11px;}
.c-pad {padding: 0 3px;}
.c-line {width: 100%; height: 2px; background: #8BA6BE;}
.chat {width: 100%; height: 440px; background: #BCD0E2;}
.chat-pad {padding: 30px 15px 0 7px;}
.answer {border: 2px solid #737373; border-right: none; background: #fff; overflow-y: scroll; height: 258px; max-height: 258px; width: 100%;}
.answer-pad {padding: 10px;}
.chat textarea {width: 100%; height: 65px; overflow-y: scroll;}
.chat .fr {padding-top: 5px;}
.chat .fr a {color: #000 !important;}

.answer p {margin-top: 5px;}
.respone {font-size: 11px; color: #477BA3; padding-left: 16px; background: url('/i/bg-respone.gif') 0 4px no-repeat;}
.user {font-size: 11px; color: #A39147; padding-left: 16px; background: url('/i/bg-user.gif') 0 4px no-repeat;}

/* footer */
.footer {width: 100%; border-top: 1px solid #C6CFD6; padding: 10px 0 25px 0;}
.footer * {font-size: 11px;}
.footer .fr * {color: #565656 !important;}
.footer .fr span {margin: 0 10px;}


/* register */
div#teaser {
    background: url(/i/498.png) no-repeat top left;
    padding: 10px 15px 10px 15px;
    height: 138px;
    }
    
div#teaser h3 {
    color: #FF3F00;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 6px;
    }

div#teaser form {
    background: url(/i/nickname_bg.gif) no-repeat left top;
    margin-left: 5px;
    padding: 0 0 0px 40px;
    }
    
div#teaser label {
    font-weight: bold;
    font-size: 14px;
    display: block;
    padding-bottom: 5px;
    }

div#teaser input#nicknameText {
    font-size: 14px;
    width: 360px;
    }

div#teaser p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    margin-top: 15px;
}

div#teaserBottom {
    height: 16px;   
    margin-bottom: 10px;
    background: url(/i/blue506b.png) no-repeat top left;
}

.pth1 {border-left: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8;}
.pth2 {border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8;}
.pth3 {border-right: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8;}
.ptd1 {border-left: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8; text-align: center;}
.ptd2 {border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8;}
.ptd3 {border-right: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8;}
.ptd_last {border-left-width: 1px; border-right-width: 1px; border-top: 1px solid #D8D8D8; border-bottom-width: 1px}