html, body { width: 100%; margin: 0; padding: 0; background: url('../images/bg.gif'); color: #fff; font: normal 12px Tahoma, Geneva, sans-serif; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
#curtain_container { position: absolute; display: none; z-index: 2; }
#curtain { position: absolute; background: #000000; opacity: 0.5; top: 0px; left: 0px; }
#curtain_image { position: absolute; }
#dialog { position: absolute; visibility: hidden; color: #000000; }
#container { width: 1000px; margin: 0 auto; background: #dcdcdc url('../images/container_bg.gif'); padding: 0 6px; }
#user { float: right; height: 40px; margin: 12px 10px 26px 0; color: #000; text-transform: uppercase; font-size: 10px; }
#user ul { padding: 0; margin:0; list-style:none; }
#user li { float: left; margin: 0; padding: 0 5px 0; }
#user input { height: 12px; background: #000 url('../images/input_pattern.png') repeat; color: #fff; font-size: 0.9em; border-width: 1px; border-style: solid; border-color: #000; }
#top { position: relative; height: 180px; width: 1000px; }
#top-navigation { height: 53px; width: 987px; background: #000 url('../images/navigation.png') no-repeat; padding: 0 0 0 13px; }
#top-navigation ul { padding: 0; margin:0; list-style:none; text-align: center; }
#top-navigation li { text-align: center; float: left; margin: 9px 0 0 0; height: 26px; padding: 4px 13px 0 13px; border-right: 1px dashed #6e6f70; cursor: pointer; }
#top-navigation li.leftborder { border-left: 1px dashed #6e6f70; border-right: none; }
#top-navigation li:hover { background: url('../images/navigation_overlay.png'); }
#top-navigation a:link, #top-navigation a:visited, #top-navigation a:hover, #top-navigation a:active { font-variant: small-caps; font-size: 16px; color: #fff; text-decoration: none; }
#top-navigation div { float: right; padding-right: 13px; }
#sub-navigation { height: 33px; width: 1000px; background: #000 url('../images/subnav.gif') repeat-x; padding: 0 0 0 0; color: #fff; position: relative; left: -6px; top: -15px; }
#sub-navigation ul { padding: 0; margin:0; list-style:none; text-align: center; }
#sub-navigation li { text-align: center; float: left; margin: 0; height: 21px; padding: 5px 14px 0 14px; cursor: pointer; }
#sub-navigation li.divider {width: 2px; height: 26px; background: url('../images/subnav_divider.gif'); padding: 0; margin: 0; }
#sub-navigation a:link, #sub-navigation a:visited { font-size: 14px; color: #888888; text-decoration: none; border-bottom: none; }
#sub-navigation a:hover { font-size: 14px; color: #ffffff; text-decoration: none; border-bottom: none; }
#sub-navigation a:active { font-size: 14px; color: #888888; text-decoration: none; border-bottom: none; }
#sub-navigation a.active { font-size: 14px; color: #fff; text-decoration: none; border-bottom: none; }
#top-gradient { background: url('../images/gradient.gif') repeat; height: 40px; width: 1000px; overflow: hidden; position: relative; }
#top-date { position: absolute; top: 14px; left: 8px; color: #000; text-transform: uppercase; font-size: 10px; }
#top-icons { position: absolute; top: 5px; left: 200px; }
#top-stats { position: absolute; top: 14px; left: 330px; color: #000; text-transform: uppercase; font-size: 10px; }
#top-icons a, #top-icons img { border: 0px; text-decoration: none; }
#top-radio-online { position: absolute; top: 8px; left: 500px; color: #000; text-transform: uppercase; font-size: 10px; }
#top-radio-offline { position: absolute; top: 14px; left: 500px; color: #000; text-transform: uppercase; font-size: 10px; }
#body { width: 988px; background: #dcdcdc; color: #000; padding: 6px; position: relative; }
#body a, #footer a, .btooltip a, .bpopup a { border-bottom: 1px dotted #cc3e3e; text-decoration: none; color: #cc3e3e; }
#body a h2, #body h2 a { color: #fff; border: none; }
#body a.none { border: none; }
#body a img { border: none; text-decoration: none; }
#chatbox  { border: 1px solid #000000; width: 784px; height: 350px; overflow: auto; float: left; margin-right: 1px; padding: 6px; }
#chatbox-users { border: 1px solid #000000; width: 150px; height: 350px; overflow: auto; margin-left: 1px; padding: 6px; }
#chatbox-message { border: 1px solid #000000; width: 950px; margin-top: 1px; padding: 6px; position: relative; }
#chatbox-options { position: absolute; right: 0px; top: 0px; padding: 6px; }
.btooltip .tip, .bpopup .tip { max-width: 295px; background-color: #000000; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; padding: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; position: relative; }
.btooltip .tip-title, .bpopup .tip-title { color:#25b3e9; font-weight:bold; font-size: 12px; font-variant: small-caps;  }
.btooltip .tip-text, .bpopup .tip-text { color:#fff; padding-top: 4px; }
.bpopup .tip-top { position: absolute; right: 0px; top: 0px; color: #fff; }
h2 { margin: 0 0 8px 0; width: 979px; background: url('../images/heading.png'); color: #fff; height: 27px; padding: 4px 0 0 8px; font-size: 1.4em; font-weight: bold; position: relative; }
h3 { margin: 0 0 8px 0; width: 979px; background: url('../images/subheading.png'); color: #fff; height: 20px; padding: 3px 0 0 8px; font-size: 1.2em; font-weight: bold; position: relative; }
h4 { margin: 0 0 8px 0; color: #000; }
.online { font-weight: bold; color: #40CC38; }
.offline { font-weight: bold; color: #CC2626; }
.mid h3 { margin: 0 0 8px 0; width: 668px; background: url('../images/subheading-short.png'); color: #fff; height: 20px; padding: 3px 0 0 8px; font-size: 1.2em; font-weight: bold; }
.roundblock { background-color: #fff; padding: 6px; border: 1px solid #a5a5a5; margin-bottom: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; position: relative; }
.smallroundblock { background-color: #fff; padding: 6px; width: 287px; margin-bottom: 8px; float: right; clear: right; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.blackborder { border: 1px solid #000; }
.inline { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
.large { width: 975px; }
.mid { width: 664px; }
.boxFloat { float: left; }
.boxTopLeft { background: url('../images/table/topLeft.png') top left no-repeat; }
.boxTop { border-top: 1px solid #a5a5a5; background-color: #fff; }
.boxTopRight { background: url('../images/table/topRight.png') top right no-repeat; }
.boxMiddleLeft { background-color: #fff; border-left: 1px solid #a5a5a5; }
.boxMiddle { background-color: #fff; }
.boxMiddleRight { background-color: #fff; border-right: 1px solid #a5a5a5; }
.boxBottomLeft { background: url('../images/table/bottomLeft.png') bottom left no-repeat; }
.boxBottom { border-bottom: 1px solid #a5a5a5; background-color: #fff; }
.boxBottomRight { background: url('../images/table/bottomRight.png') bottom right no-repeat; }
.negative { color: #940000; }
.positive { color: #079400; }
th.c,td.c { text-align: center; }
th.l,td.l { text-align: left; }
th.r,td.r { text-align: right; }
td.current { font-weight: bold; }
span.sticky, span.locked { background-color: #696969; color: #fff; font-size: 0.8em; padding: 1px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#footer { width: 1000px; clear: both; text-align: center; padding-top: 6px; height: 26px; background: #dcdcdc url('../images/footer.gif'); color: #696969; font-size: 0.8em; }
.right { float: right; }
#body a.button { color: #fff; border-bottom: none; font-weight: normal; }
a.button { color: #fff; cursor: pointer; line-height: 18px; background: url('../images/button_right.png') no-repeat 100% -1px; padding-right: 5px;  vertical-align: middle; text-transform: uppercase; text-decoration: none; display: block; display: inline-block; display: -moz-inline-box; font-size: 10px; }
a.button span { background: url('../images/button.png') no-repeat top left; height: 18px; display: block; display: inline-block; padding-left:5px; line-height:18px; }
a.button:hover { background-position: 100% -41px; color: #fff; outline: none; }
a.button:hover span { background-position: bottom left; }
button { border:0; margin-top: -2px; cursor:pointer; padding:0 2px 0 0; text-align:center; /*float: left;*/ width: auto; text-transform: uppercase; background:url('../images/button_right.png') top right no-repeat; font-size:10px; }
button span { position:relative; display:block; display: inline-block; white-space:nowrap; padding:0 0 0 5px; height:18px; line-height:18px; background:url('../images/button.png') top left no-repeat;color:#fff; }
button:hover {background:url('../images/button_right.png') 100% -40px no-repeat; }
button:hover span {background:url('../images/button.png') bottom left no-repeat; }
.paging { text-align: center; padding-top: 4px; }
.bpop { cursor: pointer; }
#body a.page { text-decoration: none; border: none; cursor: pointer; padding: 3px; text-align: center; background: #3c3c3c; color:#fff; font-size: 10px; width: 12px; height: 12px; display: inline; display: inline-block; }
#body a.page:hover { background: #616161; }
p { margin-top: 0; }
p.opener { margin-bottom: 0; }
.cssform p { width: 818px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 155px; height: 1%; }
.cssform label{ font-weight: bold; float: left; margin-left: -155px; width: 150px; }
.cssform span.error { color: #e43535; font-size: 0.8em; font-weight: bold; display: block; padding: 5px 0; }
.cssform input[type="text"], .cssform input[type="password"] { width: 180px; border: 1px solid #000000; background: #000 url('../images/input_pattern.png') repeat; color: #fff; }
.cssform input.error { border: 1px solid #e43535; }
#body .cssform textarea{ width: 800px; height: 200px; background: #000 url('../images/input_pattern.png') repeat; color: #fff; border: 1px solid #000000; padding: 0; }
* html .threepxfix{	margin-left: 3px; }
form.form { margin: 0; padding: 0; }
.form input[type="text"], .form input[type="password"] { border: 1px solid #000000; background: #000 url('../images/input_pattern.png') repeat; color: #fff; }
.form textarea{ border: 1px solid #000000; background: #000 url('../images/input_pattern.png') repeat; color: #fff; }
img.avatar { position: relative; border: 1px solid #000000; }
table.order { border: none; }
table.order th { border: none; background-color: #c4d2ff; color: #000000; }
table.order tr.alt { background-color: #f2f2f2; }
table.order tr.p1 { background-color: #fbff9b; }
table.order tr.p2 { background-color: #ff9b9b; }
table.order td { border-width: 0px 0px 1px 0px; border-bottom: 1px solid #b2b2b2; }
div.quote { border: 1px dashed #2c60af;	background-color: #dae1f7; padding: 5px; margin: 10px 5px 10px 15px }
div.quote div.quote { border: 1px dashed #000000; background-color: #fff; padding: 5px; }
div.quote div.quote div.quote { border: 1px dashed #2c60af; background-color: #dae1f7; padding: 5px; }
div.quote div.quote div.quote div.quote { border: 1px dashed #000000; background-color: #fff; padding: 5px; }
#body .bbcode { position: relative; margin-left: 155px; }
#body .bbcode .toolbar { height: 24px; width: 800px; background-color: #fff;  }
#body .bbcode .toolbar .tb-button { height: 14px; border: 1px solid #000000; margin-right: 2px; padding: 5px; cursor: pointer; }
.autocomplete { display: none; position: absolute; border: 1px solid black; background-color: #fff; }
.autocomplete div.element { clear: left; padding-left: 5px; }
.autocomplete div.over { background-color: #b3dbff; }
.autocomplete a.element { cursor: pointer; color: #000; }
th.c,td.c { text-align: center; }
th.l,td.l { text-align: left; }
th.r,td.r { text-align: right; }
.highlight { background-color:yellow; color:red; font-size:14px; }