/* General */
body,div,ol,ul,li,h1,p,form{margin:0;padding:0}
input{margin:0px}
img{border:0}
ul li{list-style:none}
h1{font-size:100%;font-weight:normal}
html,body{height:100%;width:100%;background:#3b5902 url(/images/back.jpg)}
* {font-family: Tahoma, Arial, Verdana; font-size: 12px;}
*:focus {outline: none}
a, a:link, a:visited, a:active {font-weight: bold; color: #FFCC00; text-decoration: underline; }
a:hover {color: #fff; text-decoration: none;}
a img {border:none}

/* Wisywic */
.wisywic p {padding: 3px 0px !important}
.wisywic ul {padding: 5px 0px 5px 30px !important}
.wisywic ol {padding: 5px 0px 5px 30px !important}
.wisywic ul li {list-style: inherit}
.wisywic ol li {list-style: inherit}
/* Header */
#header{position:absolute;top:0;left:0;height:180px;width:100%;color:#FFF}
#header .wrap{height:180px; min-width:960px; width: 960px;background: url(/images/logo.jpg) no-repeat bottom; border-bottom:1px solid #132401; position: relative}
#header .wrap .logo{float:left; width:960px; padding-top: 7px}
#header .wrap .logo a{display:block; width:594px; height:52px; background: url(/images/real-soccer.png) no-repeat}
/* Main Menu */
#main_menu {padding-left: 200px}
#main_menu a { float: left; background: url(/images/top_menu.png) no-repeat 50% 0px; display: inline-block; height: 38px; width: 50px; text-decoration: none; margin-right: 5px}
#main_menu a img {margin-top: 2px}
#main_menu span {float: left; background: url(/images/clock.png) no-repeat 50% 0px; display: inline-block; height: 38px; width: 72px; font: bold 20px Tahoma, Arial, Verdana; color: #fff8ca; padding-top: 4px; cursor: default}
/* Enter Menu */
#enter_menu {position: absolute; bottom: 0px; left: 295px}
#enter_menu a {float: left; background: url(/images/enter.png) no-repeat 50% 0px; display: inline-block; height: 38px; width: 183px; text-decoration: none; margin-right: 5px}
#enter_menu a img {float: left; padding: 5px 0px 0px 8px}
#enter_menu a span {float: left; font: bold 19px Tahoma, Arial, Verdana; color: #fff8ca; padding: 6px 0px 0px 8px}
/* User Menu */
#user_menu {position: absolute; bottom: 0px; left: 205px}
#user_menu p {float: left; background: url(/images/user.png) no-repeat 50% 0px;  height: 38px; width: 268px; padding-left: 10px}
#user_menu p a {float: left; padding-top: 4px}
#user_menu b {width: 278px; display: inline-block; text-align: center; padding-bottom: 5px}
/* Pages */
.pages {height: 24px; position: relative; padding: 5px 5px 2px}
.pages span {float: left; padding:4px 4px 4px 0px; font: bold 14px Tahoma, Arial, Verdana; color: white}
.pages ul {white-space: nowrap}
.pages li {position:relative; display: inline-block; height: 24px; text-align: center; background: #284213; border: 1px solid #718161; margin-right: 4px}
.pages li span {font: normal 14px Tahoma, Arial, Verdana; padding: 5px 0px}
.pages li:hover { background: #FFCC00; border: #FFCC00 1px solid}
.pages li a { height: 24px; float: left; display:block; padding:3px 4px; font: bold 14px Tahoma, Arial, Verdana; color: #FFCC00; text-decoration: none; white-space: nowrap; outline:none}
.pages li a:hover { color: #330000 }
.pages li.active {background: #1a2d0b; border: 1px solid #1a2d0b}
.pages li.active:hover {background: #1a2d0b; border: 1px solid #1a2d0b}
.pages li.active a { height: 24px; padding:3px 2px; color: #FF9; cursor: default}
/* Clear */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clear {display: inline-block; display: block}
/* Content */
#content{min-width:960px;min-height:100%;margin:0px; background: url(/images/back.png) repeat-y 50%}
#content .wrap{padding-top:180px; width: 960px; text-align: left}

.empty{height:60px}

.odd{background-color: #101909}
.head{background: url('/images/top.png') repeat-x top #1a2d0b; font-weight: bold; color: #CCC}
.pos{font: bold 20px Trebuchet MS; color: #FFFFCC; text-align: center; width: 20%; cursor: default}
.players{text-align: center; font: normal 10px Tahoma, Arial, Verdana; color: #FFFFCC; background: #6600FF; padding: 2px; position: absolute; cursor: default; height: 12px; overflow: hidden}
.slide{border: 0pt none ; background-color: #284213; width: 25px; color: rgb(246, 147, 31); font-weight: bold}
.star {background: transparent url('/images/star.png') no-repeat top; width: 16px; height: 16px; font-size: 1px; padding-right: 5px; display: inline-block; background-position: 0px -16px}
.sub{font: normal 11px Tahoma, Arial, Verdana !important; color: #CCC !important; padding-top: 3px}
.input_noborder{border: none; background: transparent; color: white; text-align: center}

div.active, tr.active{background: #FF5B5B url('/images/bg.png') !important; border: 1px solid red !important}

/* Content left */
#content .sidebar_left{float:left;display:inline;overflow:hidden;width:180px;margin-left:-100%; padding-bottom: 7px}
/* Content center */
#content .center{float:left;width:100%;overflow:hidden}
#content .center .in{position:relative; margin: 0 0 0 180px;padding: 7px}
#content .center .inr{margin: 0px 187px 0px 7px}
/* Content right */
#content .sidebar_right{float:left; display:inline; overflow:hidden; width:180px; margin-left:-180px; padding-bottom: 7px}
/* Block */
#content .sidebar_left .main{padding: 7px 0px 0px 7px}
#content .sidebar_left .center0{background: #284213 url(/images/center.png) repeat-x top; text-align: center; font: normal 18px Trebuchet MS; color: white; padding: 5px 0px 0px; border: solid #132401 1px}
#content .sidebar_left .center0 span{font: normal 18px Tahoma, Arial, Verdana; color: #FFFF99}
#content .sidebar_left .top0{background: url(/images/top.png) repeat-x top #1a2d0b; border: 1px solid #718161; padding: 5px; margin: 5px; height: 200px; overflow: auto; text-align: left}
#content .sidebar_left table{border: 1px solid #7c8175; border-collapse: collapse }
#content .sidebar_left td{padding: 0px; vertical-align: middle; border: 1px solid #7c8175}
#content .sidebar_left .days{background: #FED57E; color: black}
#content .sidebar_left .today{background: #FEC143; color: black}
/* Block */
#content .sidebar_right .main{padding: 7px 7px 0px 0px}
#content .sidebar_right .center0{background: #284213 url(/images/center.png) repeat-x top; text-align: center; font: normal 18px Trebuchet MS; color: white; padding: 5px 0px 0px; border: solid #132401 1px}
#content .sidebar_right .center0 span{font: normal 18px Tahoma, Arial, Verdana; color: #FFFF99}
#content .sidebar_right .top0{background: url(/images/top.png) repeat-x top #1a2d0b; border: 1px solid #718161; padding: 5px; margin: 5px; height: 200px; text-align: left}
/* Table */
#content .center .center0{background: #284213 url(/images/center.png) repeat-x top; text-align: left; font: normal 18px Trebuchet MS; color: white; padding: 5px; border: solid #132401 1px}
#content .center .top0{background: #1a2d0b; border: 1px solid #718161; padding: 0px 5px 5px; text-align: left}
#content .center .block{background: #284213; border: 1px solid #718161; padding: 5px; margin-top: 5px; overflow: hidden}
#content .center .gerb{float: right}
#content .center table{background-color: #284213; border: 1px solid #7c8175; border-collapse: collapse}
#content .center table.chat{background-color: #1a2d0b}
#content .center table.chat td{vertical-align: top}
#content .center table.trans{background: transparent; border: none}
#content .center table.trans td{padding: 0px}
#content .center table.border td{border: 1px solid #7c8175}
#content .center td{padding: 3px; vertical-align: middle}
#content .center .day{background: #FED57E url(/images/day.gif) no-repeat 50% 50%; color: black}
#content .center .today{background-color: #FFCC99; color: black}
#content .center .avatar{width: 200px; float: left; text-align: center}
#content .center .error{text-align: center; font-weight: bold; color: #FFFF99; padding: 10px}
#content .center .marpad0 td {margin: 0px; padding: 0px}
/* Title */
h1.title {font: normal 20px Trebuchet MS; padding: 0px 5px 3px 35px; background: url(/images/balloon.png) no-repeat 5px 0px}
h2.title {font: bold 20px Trebuchet MS; padding: 0px; margin: 0px; color: #FFFFCC}
h3.title {font: bold 16px Trebuchet MS; padding: 0px; margin: 0px; color: #CCC}
/* Footer */
#footer{position:relative;height:60px;min-width:960px;margin:-60px 0px 0px;color:#FFF}
#footer .wrap{width: 960px; background:#900 url(/images/footer.gif); height: 60px}
#footer .wrap .copyright{float: right; text-align: right; font: normal 13px Tahoma, Arial, Verdana; color: white; padding: 13px 20px 0px 0px}
#footer .wrap .fmenu {padding: 8px 0px 0px 20px}
#footer .wrap .fmenu li {position:relative; float: left; display: block; text-align: left; padding-right: 35px}
#footer .wrap .fmenu li a {text-decoration: underline; font: normal 11px Tahoma, Arial, Verdana; color: #CCC; }
/* Chat */
#chat .left{float: left; padding: 0px 0px 0px 10px; color: #000000}
#chat .time{font: normal 11px Tahoma, Arial, Verdana; color: #330000; text-align: left; padding-right: 5px}
#chat .user{font: normal 11px Tahoma, Arial, Verdana; color: #000066; text-align: left}
#chat .mess{font: normal 11px Tahoma, Arial, Verdana; color: #000000; text-align: left}
#chat .mess b{font-size: 11px}
#chat .prv{color: #CC0000}
#chat .sys{color: #600; font-style: italic}
/* Present */
#present .ui-selecting { background: #FECA40 !important; }
#present .ui-selected { background: #F39814 !important; color: white; }
#present { list-style-type: none; margin: 0; padding: 0; }
#present li { margin: 6px; padding-top: 0px; float: left; width: 100px; height: 140px; text-align: center; cursor: pointer}

.artrat {float:right; width:36px; height:23px; font-size:11px; margin-left:10px; font-weight:bold; line-height:23px; color:#fff; text-align:center}

.r6 {background-color:#ff9c00}
.r5 {background-color:#f7b143}
.r4 {background-color:#f0b75d}
.r3 {background-color:#e8bd7a}
.r2 {background-color:#d9c9b1}
.r1 {background-color:#d3cec6}

.rr5 {background:#6c9700}
.rr4 {background:#bfd700}
.rr3 {background:#dfbd00}
.rr2 {background:#ba5300}
.rr1 {background:#9d0600}

.poststats {float:left; margin-left:20px}
.poststats li {padding-left:20px; margin-bottom:2px}
.titndesc {overflow:hidden; float:left; width:520px}

.therating {float:right; width:251px; margin-left: 5px}
.ratstat {border: none !important; background-color: none !important}
.ratstat div {background:#6C9700; text-align:center; color:#FFFF99}
.ratstat td {width:24px; height:50px; vertical-align:bottom}
.ratstat span {display:block; text-align:center; font-size:10px; background:#284213}
.ratbtns a {float:left; width:24px; height:22px; line-height:22px; font-size:10px; border-right-width:1px; border-right-style:solid; text-align:center; text-decoration:none; color:rgba(255,255,255,0.6); font-weight:bold}
.ratbtns a:hover {color:#fff}
.v1 {background:#9d0600; border-color:#ce827f}
.v2 {background:#a72200; border-color:#d3907f}
.v3 {background:#ba5300; border-color:#dca97f}
.v4 {background:#cf8b00; border-color:#e7c57f}
.v5 {background:#dfbd00; border-color:#efde7f}
.v6 {background:#e4dc00; border-color:#f1ed7f}
.v7 {background:#bfd700; border-color:#dfeb7f}
.v8 {background:#9fbf00; border-color:#cfdf7f}
.v9 {background:#7fa600; border-color:#bfd27f}
.v10 {background:#6c9700; border-right:none!important}
.ratbtns .v1:hover {background:#6e0400}
.ratbtns .v2:hover {background:#751800}
.ratbtns .v3:hover {background:#823a00}
.ratbtns .v4:hover {background:#906100}
.ratbtns .v5:hover {background:#9c8400}
.ratbtns .v6:hover {background:#9f9a00}
.ratbtns .v7:hover {background:#859600}
.ratbtns .v8:hover {background:#6f8500}
.ratbtns .v9:hover {background:#597400}
.ratbtns .v10:hover {background:#4b6900}
.vres {padding:3px 7px; font-size:13px; font-weight:bold; color:#fff}
.userscore {font-size:11px; font-weight:bold; margin:8px 0px 2px}

.floatpic {position:relative; padding-left:35px; overflow:hidden; line-height:12px; white-space:nowrap; min-height:30px; z-index:1}
.floatpic ins {display:block; width:30px; height:20px; position:absolute; right:0}
.floatpic .pic {position:absolute; left:0; top:0; display:inline-block; width:35px; cursor:pointer}
.floatpic .row2 {font:11px Verdana, Geneva, sans-serif; color:#aaa; margin-top:5px}
.filelist .floatpic {padding-left:42px}









/*------------------------------------------------------------------*/
.both{clear: both}
.w50{width: 50%}
.w100{width: 100%}
.h100{height: 100%}
.w20p{width: 20px}
.w525p{width: 525px}
.w545p{width: 545px}
.dnon{display: none}
.hand{cursor: pointer}
.cdef{cursor: default}
.vh{visibility: hidden}
.martop7{margin-top: 7px !important}
.martop5{margin-top: 5px !important}
.tright{text-align: right}
.tleft{text-align: left}
.tcenter{text-align: center}
.vtop{vertical-align: top !important}
.vbot{vertical-align: bottom !important}
.p0{padding: 0 !important}
.p2{padding: 2px !important}
.p3{padding: 3px !important}
.p5{padding: 5px !important}
.padtop5{padding-top: 5px !important}
.padbot5{padding-bottom: 5px !important}
.padrig3{padding-right: 3px !important}
.fleft{float: left}
.fright{float: right}
.bold{font: bold 11px Tahoma, Arial, Verdana !important}
.nowrap{white-space: nowrap}




/* === ETC === */
.dn {display:none}
.db {display:block}
.vh {visibility:hidden}
.valmid {vertical-align:middle}
.valtop, table.valtop td {vertical-align:top}
.alcen {text-align:center!important}
.alleft {text-align:left}
.alright {text-align:right}
.mtop5 {margin-top:5px!important}
.mtop10 {margin-top:10px!important}
.mtop15 {margin-top:15px}
.mtop20 {margin-top:20px}
.mtop30 {margin-top:30px}
.padr10 {padding-right:10px!important}
.padl10 {padding-left:10px}
.padt10 {padding-top:10px}
.mnol {margin-left:0!important}
.fs-9 {font-size:9px}
.fs-10 {font-size:10px}
.fs-11 {font-size:11px}
.fs-14 {font-size:14px}
.fs-12 {font-size:12px}
.fs-22 {font-size:22px}
.fs-20 {font-size:20px}
.fs-18 {font-size:18px}
.fs-16 {font-size:16px}
.small {font:11px Verdana, Geneva, sans-serif}
.small2 {font-size:10px; font-weight:bold}
.smallhdr {font-size:11px; font-weight:bold; text-transform:uppercase}
.f-left {float:left!important}
.f-right {float:right!important}
.yellow {color:#ffc600!important}
.gray1 {color:#aaa!important}
.gray2 {color:#999!important}
.gray3 {color:#808080!important}
.black {color:#000!important}
.green {color:#7aa13d!important}
.green2 {color:green}
.green3 {color:#4D7E7E}
.orange {color:#ff9c00!important}
.red {color:#A72200!important}
.red2 {color:#ff3421!important}
.userclr {color:maroon}
.blend {opacity:0.3}
.blend:hover {opacity:1}
.op9 {opacity:0.9; filter:alpha(opacity=90)}
.op8 {opacity:0.8; filter:alpha(opacity=80)}
.op7 {opacity:0.7; filter:alpha(opacity=70)}
.op6 {opacity:0.6; filter:alpha(opacity=60)}
.op5 {opacity:0.5; filter:alpha(opacity=50)}
.op4 {opacity:0.4; filter:alpha(opacity=40)}
.op3 {opacity:0.3; filter:alpha(opacity=30)}
.op2 {opacity:0.2; filter:alpha(opacity=20)}
.comment:hover {opacity:1}
.clearfix2:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix {overflow:hidden}






/* ------------------------------- tooltip ------------------------------ */
#tooltip { position: absolute; z-index: 3000; width:250px; border: 1px solid #FF9D5B; background-color: #FF6600; padding: 0; opacity: 0.85; color:#fff; }
#tooltip h3 { background-color: #FF9900; padding: 3px 5px; margin: 0px; font-weight:bold; font-size:13px; color: #333300}
#tooltip div { padding:3px; }






/* ------------------------------- colorpicker ------------------------------ */
#colorSelector {position: relative;	width: 30px;height: 30px;float: right;}
#colorSelector div {position: absolute;	width: 30px;height: 30px;background: url(/images/colorpicker_img/select.png) center;cursor: pointer;}