body { background: #fff; margin: 0 0 32px 0; }
body, ul, textarea { font-family: arial, helvetica; font-size: 12px; color: #000; }
.hid { display: none; }
.rfl { float: right; }
.lfl { float: left; }
.rcl { clear: right; }
.lcl { clear: left; }
.bcl { clear: both; }

em { font-weight: bold; font-style: normal; }

a { color: #2f2f2f; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

a.keyw-top { text-decoration: none; }
a.keyw-top:hover { text-decoration: underline; }

/* controls */
input.text { padding: 2px; border: 1px solid #959595; border-top: 1px solid #5b5b5b; background: url('/graphic/img/edit_bg.gif'); }
.btn72 { width: 72px; height: 23px; padding: 4px 0; border: 0; font-size: 11px; cursor: pointer; }
.green .btn72 { color: #464646; background: url('/graphic/img/btn72_bg_green.gif'); } 
.red .btn72 { color: #464646; background: url('/graphic/img/btn72_bg_red.gif'); }
.btnsrch { width: 58px; height: 23px; border: 0; background: url('/graphic/img/btn_search.gif'); text-indent: 1000px; overflow: hidden; cursor: pointer; }
.btnprev, .btnnext { display: block; width: 14px; height: 14px; text-indent: 1000px; overflow: hidden; }
.pager { margin: 10px; color: #2f2f2f; font-size: 11px; }
.pager a { margin: 0 3px; color: #2f2f2f; text-decoration: none; }
.pager a.active { font-weight: bold; }
.pager a:hover { text-decoration: underline; }
a.ilink { padding-left: 16px; background: url('/graphic/img/link.gif') no-repeat 0 3px; text-decoration: underline; }
a.ilink:hover { text-decoration: none; }
.light { background-color: rgb(224,224,224); }
x.light { text-decoration: underline; }

.red .btnprev { background: url('/graphic/img/btn_prev_red.gif'); }
.red .btnnext { background: url('/graphic/img/btn_next_red.gif'); }
.green .btnprev { background: url('/graphic/img/btn_prev_green.gif'); }
.green .btnnext { background: url('/graphic/img/btn_next_green.gif'); }
.pager.green a.active { color: #00a11b; }
.pager.red a.active { color: #dc2e02; }

#all { width: 1000px; _width: 1030px; /* !!!!! */ margin-left: auto; margin-right: auto; overflow: visible; }
.ad_sky { position: absolute; margin-left: 1010px; }

/* header */
#header { height: 114px; padding: 0 0 3px 0; }
#header1024 { display: none; }
#logo { position: absolute; width: 302px; height: 114px; }
#logo_section { position: absolute; width: 140px; height: 16px; margin: 84px 0 0 16px; }
#ad_hdr { position: absolute; width: 745px; height: 100px; margin: 7px 0 0 255px; xbackground: #999; }
/* footer */
#footer { clear: both; width: 974px; margin-left: 26px; border-top: 2px solid #d9d9d9; font-size: 9px; }
#footer p { margin: 10px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#about { float: left; color: #000; }
#about a { color: #000; }
#design { float: right; margin: 8px; }
#sites { clear: both; width: 740px; color: #7d7d7d; }
#sites a { color: #7d7d7d; white-space: nowrap; }

/* right bar */
#rbar { float: right; width: 224px; overflow: hidden; margin-bottom: 20px; }
#rbar input.text, div#rbar label { font-size: 12px; height: 16px; }
#rbar .rlog { width: 204px; height: 104px; padding: 5px 10px; overflow: hidden; }
.rlog label { clear: left; float: left; display: block; width: 74px; margin: 8px 0; }
.rlog input.text { float: right; display: block; width: 124px; margin: 5px 0; }
.rlog input.submit { clear: both; float: right; display: block; margin: 8px 0; }
.rlog a { float: right; margin: 11px 8px; font-size: 11px; }

#rbar .rlog { width: 204px; height: 104px; padding: 5px 10px; }
#rbar div.rlog { height: 94px; padding: 10px; }
.rlog label { clear: left; float: left; display: block; width: 74px; margin: 8px 0; }
.rlog input.text { width: 124px; margin: 5px 0; }
.rlog input.submit { clear: both; float: right; margin: 8px 0; }
.rlog a { float: right; margin: 11px 8px; font-size: 11px; }
.rlog ul { height: 54px; padding: 0; margin: 10px 0 0 5px; color: #fff; list-style: none; }
.rlog ul li { margin: 0px; padding: 0 0 0 10px; background: url('/graphic/img/bullet_small_white.gif') no-repeat 2px 7px; }
.rlog ul li a { float: none; margin: 0; }
a#rlog_out { float: right; margin: 0; }

#rbar strong.title { display: block; font-size: 12px; font-weight: bold; margin: 10px 0 5px 0; }
#rbar ul.small { margin: 0; padding: 0; list-style: none; }
#rbar ul.small li { padding-left: 10px; font-size: 11px; }
#rbar ul.small li a { color: #000; }
#rbar ul.arrow { margin: 0; padding: 0; list-style: none; }
#rbar ul.arrow li { padding-left: 14px; font-size: 11px; font-weight: bold; }
#rbar ul.arrow li a { color: #000; }
#rbar .dotlist { width: 100%; border-spacing: 0px; }
.dotlist th, .dotlist td { background: url('/graphic/img/dotfill.gif') repeat-x 0 11px; font-size: 11px; }
.dotlist th { width: 182px; text-align: left; }
.dotlist td { text-align: right; }
.dotlist span { padding: 0 1px; background: #fff; }
#rbar div.sep { height: 10px; border-bottom: 2px solid #d9d9d9; }
#rbar .rsrch { margin: 10px 0; padding: 6px 8px; background: #a3a3a3; overflow: hidden; width: 208px; }
.rsrch input, .rsrch label { font-size: 12px; height: 16px; }
.rsrch input.text { float: left; width: 132px; margin-right: 9px; }
.rsrch button { float: left; }
#rbar .rcal { margin-top: 5px; }
.rcal .title { float: left; }
.rcal .month { float: right; margin: 10px 10px 5px 10px; }
.rcal .month * { float: left; }
.rcal .month span { margin: 0 6px; font-size: 11px; font-weight: bold; }
.rcal table { clear: both; width: 100%; }
.rcal th, .rcal td { text-align: center; font-size: 11px; }
.rcal th { padding: 3px; background: #d9d9d9; font-weight: bold; }
.rcal table a { display: block; padding: 3px; color: #2f2f2f; text-decoration: none; }
.rcal table a:hover { background: #eee; text-decoration: underline; }
.rcal table a.today { background: #ddd; }
.ad_rect { width: 180px; margin: 5px auto 5px auto; }
.partner { text-align: center; }
.partner img { padding: 2px; xborder: solid 1px #999; }

#rbar div#keyw { padding: 5px; }
#rbar div#keyw a { text-decoration: none; }
#rbar div#keyw .keyw1 { font-size: 11px; }
#rbar div#keyw .keyw2 { font-size: 13px; }
#rbar div#keyw .keyw3 { font-size: 13px; font-weight: bold; }
#rbar div#keyw .keyw4 { font-size: 15px; }
#rbar div#keyw .keyw5 { font-size: 17px; font-weight: bold; }
 
#rbar.green .rlog { color: #fff; background: url('/graphic/img/login_bg_green.gif'); }
#rbar.green .rlog a { color: #fff; }
#rbar.green strong.title { color: #00a11b; }
#rbar.green ul.small li { background: url('/graphic/img/bullet_small_green.gif') no-repeat 2px 6px; }
#rbar.green ul.arrow li { background: url('/graphic/img/bullet_arrow_green.gif') no-repeat 0 2px; }

#rbar.red .rlog { color: #fff; background: url('/graphic/img/login_bg_red.gif'); }
#rbar.red .rlog a { color: #fff; }
#rbar.red strong.title { color: #dc2e02; }
#rbar.red ul.small li { background: url('/graphic/img/bullet_small_red.gif') no-repeat 2px 6px; }
#rbar.red ul.arrow li { background: url('/graphic/img/bullet_arrow_red.gif') no-repeat 0 2px; }

/* page content */
#cont { float: left; width: 740px; margin: 0 10px 0 26px; min-height: 400px; }
#cont.full { width: 750px; margin-right: 0; }
#cont p { margin: 10px; }
.xad_full { width: 468px; height: 60px; margin: 10px auto 10px auto; }
.ad_full { width: 468px; height: 60px; }

#xcont h2 { margin: 10px 5px 10px 5px; font-size: 16px; }

#cont table.watchdog { width: 95%; }
#cont table.watchdog th { padding: 4px; background: #e0e0e0; }
#cont table.watchdog td { padding: 2px; text-align: center; }

#cont div.watchdog { text-align: center; }
#cont div.watchdog a.new { display: block; margin-top: 25px; font-weight: bold; font-size: 16px; }

/* index */
.tidx { width: 750px; height: 197px; background: url('/graphic/img/index_top_bg.jpg'); }
.tidx .srch { position: absolute; width: 320px; height: 28px; padding: 5px 10px; margin: 159px 0 0 0; color: #fff; }
.tidx input, .tidx label { font-size: 12px; height: 16px; }
.tidx label { float: left; display: block; width: 50px; margin: 5px 0; }
.tidx input.text { float: left; width: 186px; margin: 2px 10px; }
.tidx button.submit { float: left; margin: 2px 0; }
#rbar .reginfo { height: 80px; overflow: hidden; border-bottom: 3px solid #999; }

.idom { float: left; width: 160px; margin: 20px 10px; }
.idom1 { border-right: 1px dashed #d9d9d9; }
.idom a { display: block; margin: 10px 0; color: #000; text-decoration: none; }
.idom a:hover { text-decoration: underline; }
.idom strong { font-weight: bold; }
.idom.green span.hl { color: #00a11b; }
.idom.green span.hl-info { font-weight: normal; font-size: 9px; color: #555; }
.idom.red span.hl { color: #dc2e02; }
.idom.red span.hl-info { font-weight: normal; font-size: 9px; color: #555; }

.iitm { float: left; width: 370px; margin: 20px 0; overflow: hidden; }
.iitm strong { display: block; margin: 0 0 10px 0; padding: 0; }
.iitm strong.dist { display: inline; margin: 0 0 0 0; padding: 0; }

/* section */
.stitle { margin-right: 10px; padding: 10px; border-bottom: 2px solid #d9d9d9; color: #2f2f2f; font-size: 14px; font-weight: bold; }
.stitle-line { margin: -10px 0 15px 0; border-bottom: 2px solid #d9d9d9; }
.sitm { margin: 10px; }


/* item header */
.itmh { margin: 0 0 20px 0; }
.itmh .ncli { float: left; display: block; width: 40px; height: 20px; padding: 10px 0; margin: 0 10px 5px 0; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; }
.itmh a.server { color: #888; font-weight: bold; text-decoration: none; }
.itmh a { text-decoration: none; }
.itmh a:hover { text-decoration: underline; }
.itmh h1, .itmh h2 { margin: 0 0 5px 0; font-size: 12px; font-weight: bold; }
.itmh h2 { display: inline; }
#cont .itmh p { margin: 5px 0; color: #2f2f2f; }
.itmh p.desc { text-indent: 50px; clear: left; font-size: 12px; }
.itmh p.desc a.more { font-weight: bold; text-decoration: underline; }
.itmh p.date a.keyw { color: #aaa; }


.green .itmh .ncli { color: #fff; background: url('/graphic/img/item_click_bg_green.gif'); }
.green .itmh h1 a, .green .itmh h2 a { color: #00a11b; }
.red .itmh .ncli { color: #fff; background: url('/graphic/img/item_click_bg_red.gif'); }
.red .itmh h1 a, .red .itmh h2 a { color: #dc2e02; }

div#forum { }
div#forum form { margin: 10px 0 0 10px; }
div#forum form textarea { width: 400px; height: 100px; display: block; margin-bottom: 5px; }
div#forum div.item { font-family: Georgia; border: solid 1px #ddd; padding: 7px; margin: 10px 20px 0 10px; }
div#forum div.item.red { background-color: rgb(255,238,234); }
div#forum div.item img { float: left; border: solid 1px #ddd; padding: 3px; background-color: #fff; width: 50px; height: 50px; }
div#forum div.item p { float: left; margin: 0 0 0 10px; }
div#forum div.item div.footer { clear: left; padding: 5px 0 0 0; color: #999; text-align: right; }
div#forum div.needlog { margin: 20px 0 20px 10px; }


/* forms */
.jetform { margin: 20px 0; }
.jetform table td.label { width: 110px; padding: 8px 19px 6px 0; vertical-align: top; text-align: right; border-right: 1px solid #ccc; }
.jetform table td.input { width: 500px; padding: 4px 10px; }
.jetform table td.input span { display: block; padding: 4px; font-weight: bold; }
.jetform table td.input span#reg_imgcode_status { clear: left; }
.jetform table td.input span.ok { padding: 0; color: #444; }
.jetform table td.input span.error { padding: 0; color: #e04215; }
.jetform table img#reg_imgcode_img { float: left; width: 150px; height: 60px; }
.jetform table input.text { width: 230px; }
.jetform table input.select { margin-left: 10px; }
.jetform table input#reg_imgcode { width: 70px; margin-left: 10px; }
.jetform table input.button { width: 88px; height: 25px; }
.jetform div.favourite_category { float: left; width: 150px; }
.jetform div.favourite_category label { margin-left: 3px; }