﻿body { font: 12px Verdana, sans-serif; margin: 0; background: #B4DCDB; font: 13px sans-serif; color: #000000; overflow: hidden; }
a:link, a:visited { color: #2288BB; text-decoration: none; }
a:hover { color: #FF6633; text-decoration: underline; }
a:active { color: #2288BB; }
img { border: 0; padding: 0; margin: 0; }
form, fieldset { margin: 0; padding: 0; border: none; }
textarea { clear: both; border: 1px solid #CCCCCC; padding: 0; font: 11px Verdana, sans-serif; }

.fll { float: left; }
.flr { float: right; }
.grey { background: #E6E6E6; }
.hide { display: none; }
.ml2 { margin-left: 2px; }
.ml6 { margin-left: 6px; }
.pl6 { padding-left: 6px; }
.pb6 { padding-bottom: 6px; }
.mr6 { margin-right: 6px; }
.fwhite { color: #FFFFFF; }
.flight { color: #AAAAAA; }
.fdgrey { color: #666666; }
.fblack { color: #000000; }
.fbrick { color: #C00000; }
.clear { clear: both; }
.h16 { height: 16px; }
.f18 { font-size: 18px; }
.italic { font-style: italic; }

div.youtube { margin-left: 0px; }
div.youtube div.youtube-placeholder { border: 2px dotted #CCCCCC; background: #EEEEEE; color: #AAAAAA; }
div.youtube div.youtube-placeholder img { display: block; border: none; }
div.hline img { display: block; }
img.verify { width: 72px; height: 24px; }

div.field { margin: 0 0 2px 0; padding: 0; font-size: 11px; color: #AAAAAA; }
div.field input.text { border: 1px solid #CCCCCC; margin: 0 8px 2px 0; padding: 2px; font-size: 11px; }
div.field input.text-std { width: 176px; }
div.field input.text-narrow { width: 40px; }
div.field label { display: inline-block; text-align: right; margin-right: 8px; font-size: 11px; color: #666666; width: 150px; height: 14px; }
div.field img#comm_in_verification { display: block; }

.checkbox { display: inline-block; font-size: 16px; line-height: 16px; cursor: pointer; border: none; margin: 0 4px 0 0; }
.checkbox .mark { display: inline; }
.checkbox img { vertical-align: middle; width: 16px; height: 16px; background: transparent url('/buttons-checkbox.png') no-repeat; }
.checkbox img { background-position: 0px 0px; }
.checkbox-hover img { background-position: -16px 0px; }
.checkbox-checked img { background-position: 0px -16px; }
.checkbox-checked .checkbox-hover img { background-position: -16px -16px; }
.checkbox-disabled img { background-position: 0px -32px; }
.checkbox-checked .checkbox-disabled img { background-position: 0px -48px; }

div#wallpaper { margin: 0; position: absolute; width: 940px; overflow: hidden; }
div#wallpaper img { position: absolute; }
div#win { position: absolute; margin: 0; background: transparent url('/glass-top.png') no-repeat top left; display: none; }
div#win-head { margin-top: 20px; width: 940px; height: 41px; background: transparent url('/header-home.png') no-repeat top left; clear: both; }
div#win-left { margin: 0px; width: 940px; background: transparent url('/glass-left.png') repeat-y top left; clear: both; }
div#win-right { margin-left: 20px; width: 920px; background: transparent url('/glass-right.png') repeat-y top right; }
div#win-centre { margin-right: 20px; width: 900px; height: 600px; overflow-x: hidden; overflow-y: scroll; background: #FFFFFF url('/window-right.png') repeat-y 670px 0; }
div#win-foot { width: 940px; height: 21px; background: transparent url('/footer.png') no-repeat top left; }
div#win-stand { width: 940px; height: 20px; background: transparent url('/glass-bottom.png') no-repeat top left; }
div#load-status { position: absolute; width: 32px; height: 32px; right: 36px; top: 28px; }
div#sidebar { position: fixed; margin-top: 10px; margin-left: 682px; width: 200px; min-height: 440px; background: transparent url('/watermark.png') no-repeat left bottom; }
div#content { margin: 10px 0 10px 10px; width: 660px; }

div.win-bt { position: absolute; width: 96px; height: 40px; }
div#bt1-panel { margin-left: 20px; }
div#bt2-panel { margin-left: 116px; }
div#bt3-panel { margin-left: 212px; }

div.win-bt div.win-bt-bg { position: absolute; width: 96px; height: 40px; }
div.win-bt div.win-bt-re { position: absolute; width: 68px; height: 20px; left: 12px; top: 20px; cursor: pointer; }

div#bt1-bg { background: url('/buttons-top.png') no-repeat 0 0; }
div#bt2-bg { background: url('/buttons-top.png') no-repeat -96px 0; }
div#bt3-bg { background: url('/buttons-top.png') no-repeat -192px 0; }

div.win-bb { position: absolute; width: 120px; height: 20px; margin-top: 1px; }
div#bb1-panel { margin-left: 560px; }
div#bb2-panel { margin-left: 680px; }
div#bb3-panel { margin-left: 800px; }

div.win-bb div.win-bb-bg { position: absolute; width: 120px; height: 20px; }
div.win-bb div.win-bb-re { position: absolute; width: 100px; height: 20px; left: 10px; cursor: pointer; }

div#bb1-bg { background: transparent url('/buttons-bottom.png') no-repeat -1px 0; }
div#bb2-bg { background: transparent url('/buttons-bottom.png') no-repeat -120px 0; }
div#bb3-bg { background: transparent url('/buttons-bottom.png') no-repeat -240px 0; }

div.win-bt-re span { display: block; width: 68px; height: 20px; }
div.win-bb-re span { display: block; width: 100px; height: 20px; }

div#modal { position: absolute; z-index: 9001; left: 20px; top: 61px; width: 900px; height: 600px; background: transparent url('/modal-back.png'); }
div#modal-win { position: absolute; z-index: 9001; left: 188px; top: 100px; width: 524px; height: 172px; background: transparent url('/modal-b128.png'); }
div#modal-win1 { position: absolute; left: 32px; top: 32px; }
div#modal-win2 { position: absolute; left: 90px; top: 32px; width: 400px; }
div#modal-win3 { position: absolute; left: 32px; top: 118px; width: 460px; text-align: center; }
div#modal h1 { font-size: 24px; margin: 0; padding: 0; }
div#modal p { margin: 1px 0 0 0; padding: 0; }
div#modal div#modal-link { display: inline-block; cursor: pointer; margin: 0; padding: 0; width: 72px; height: 24px; background: transparent url('/modal-ok.png') no-repeat; }

div#ActionStrip { width: 200px; font: 11px Verdana, sans-serif; margin: 0; padding: 0; }
div#ActionStrip div.search { width: 190px; height: 22px; background: #FFFFFF; padding: 0; margin: 0 0 10px 0; border: 1px solid #888888; }
div#ActionStrip div.search input { float: left; border: 0; height: 18px; margin: 2px 2px 2px 4px; padding: 0; width: 162px; font: 12px Verdana, sans-serif; }
div#ActionStrip div.search div { float: left; display: block; margin: 2px 0 0 0; padding: 0; width: 20px; height: 20px; background: #FFFFFF url('buttons-search.png') no-repeat; cursor: pointer; }
div#ActionStrip h1 { margin: 0; padding: 0; border-bottom: 1px solid #888888; font-size: 12px; }
div#ActionStrip ul { height: auto; margin: 0 0 10px 0; padding: 0; }
div#ActionStrip ul li { display: block; height: auto; padding: 2px 6px 2px 0; }

div#engine-commands { display: none; }

div#home-content img { display: block; }
div#home-headlines { float: right; width: 320px; height: 337px; margin: 0 0 0 10px; padding: 0; background: #303030; }
div#home-headlines h1 { margin: 6px; padding: 0; font-size: 16px; }
div#home-headlines div { margin: 0 6px 6px 6px; padding: 0; }
div#home-feature { margin-left: 6px; background: #000000; height: 333px; width: 320px; border: 2px solid #2288BB; cursor: pointer; }
div#home-feature h1 { margin: 0; padding: 4px 6px 6px 6px; color: #FFFFFF; font-size: 16px; }
div#home-feature div.fb { margin: 6px; height: 178px; color: #FFFFFF; }
div#home-feature div.ft { margin: 0 6px; color: #AAAAAA; font-size: 12px; }
div#home-feature div.ft img { width: 12px; height: 12px; }
div#home-articles { margin-left: 6px; }
div.home-entry { margin-top: 10px; padding-right: 6px; clear: both; }
div.home-entry-bl-1 { background: #E6E6E6 url('/back-bl.png') no-repeat top right; }
div.home-entry-bl-2 { background: #FFFFFF url('/back-bl.png') no-repeat top right; }
div.home-entry-do-1 { background: #E6E6E6 url('/back-do.png') no-repeat top right; }
div.home-entry-do-2 { background: #FFFFFF url('/back-do.png') no-repeat top right; }
div.home-entry-me-1 { background: #E6E6E6 url('/back-me.png') no-repeat top right; }
div.home-entry-me-2 { background: #FFFFFF url('/back-me.png') no-repeat top right; }
div.home-entry-pr-1 { background: #E6E6E6 url('/back-pr.png') no-repeat top right; }
div.home-entry-pr-2 { background: #FFFFFF url('/back-pr.png') no-repeat top right; }
div.home-entry-up-1 { background: #E6E6E6 url('/back-up.png') no-repeat top right; }
div.home-entry-up-2 { background: #FFFFFF url('/back-up.png') no-repeat top right; }
div.home-entry-in-1, div.home-entry-xx-1 { background: #E6E6E6; }
div.home-entry-in-2, div.home-entry-xx-2 { background: #FFFFFF; }
div.home-entry div.hline { border: 1px solid #000000; margin: 6px 5px; }
div.home-entry div.body { padding-top: 4px; min-height: 88px; max-height: 800px; font-size: 12px; clear: right; }
div.home-entry div.body h1 { margin: 0 0 2px 0; padding: 0; font-size: 14px; }
div.home-entry div.ft { color: #888888; font-size: 10px; margin-top: 2px; }
div.home-entry div.fill { width: 160px; height: 108px; clear: left; }
div.home-entry div.fillsm { width: 80px; height: 108px; clear: left; }
div.home-entry ul { height: auto; margin: 0 0 10px 0; padding: 0; }
div.home-entry ul li { height: auto; margin: 0 0 0 16px; padding: 0; }
div.home-entry div.game-ft { margin-left: 80px; }

img.body-img { margin-right: 2px; }

div#blog-content { padding-left: 6px; }
div#blog-content h1 { margin: 0; padding: 0; font-weight: normal; font: 26px Century Gothic, Verdana, sans-serif; }
div#blog-content div.subheader { border-top: 2px solid #000000; padding-top: 2px; font-size: 11px; color: #6699CC; }
div#blog-content div.body { margin-top: 16px; min-height: 360px; }
div#blog-content div.footer { margin-top: 16px; border-top: 1px solid #AAAAAA; }

div.comm-disabled { border-bottom: 2px solid #000000; text-align: right; font-size: 16px; }
div#comm h2 { margin: 0; padding-top: 8px; font-size: 16px; border-bottom: 2px solid #000000; }

div.comm-entry { position: relative; border-bottom: 1px dotted #888888; padding: 4px 0; min-height: 46px; }
div.comm-entry div.box { width: 140px; clear: left; margin-left: 16px; }
div.comm-entry div.box h4 { margin: 0; }
div.comm-entry div.date { font-size: 10px; color: #888888; }
div.comm-entry div.panel { position: relative; min-height: 46px; }
div.comm-entry div.panel div.pbody { position: relative; margin: 0 16px 0 164px; clear: right; min-height: 46px; padding-bottom: 4px; }
div.comm-entry div.panel div.pctrl { position: relative; font-size: 10px; margin-left: 16px; margin-top: -17px; height: auto; color: #AAAAAA; }

div.comm-rp { border: 1px dotted #DDDDDD; padding: 4px 4px 4px 24px; margin: 6px 0; color: #888888; font-style: italic; background: #FAFAFA url('/icon-comments-blue.png') no-repeat 4px 4px; }
div.comm-rp strong { font-weight: normal; color: #6699CC; }

div#forum-comm-window { position: fixed; z-index: 9000; margin-left: 178px; top: 80px; width: 524px; height: 300px; background: transparent url('/modal-b256.png') no-repeat; }
div#forum-comm-content { padding: 32px 26px; }

div.forum-comm-controls { clear: both; margin-top: 8px; }
div.forum-comm-controls div { float: left; width: 16px; height: 16px; border: 1px solid #CCCCCC; margin-right: 2px; cursor: pointer; }
div#forum-comm-ctrl-bold { background: url('/buttons-forum.png') no-repeat 0 0; }
div#forum-comm-ctrl-italic { background: url('/buttons-forum.png') no-repeat -16px 0; }
div#forum-comm-ctrl-link { background: url('/buttons-forum.png') no-repeat -32px 0; }
div#forum-comm-ctrl-image-link { background: url('/buttons-forum.png') no-repeat -48px 0; }
div#forum-comm-ctrl-image { background: url('/buttons-forum.png') no-repeat -64px 0; }
textarea#comm_in_text { margin: 2px 0 0 0; width: 470px; height: 120px; }
div.forum-comm-actions { font-size: 12px; color: #CCCCCC; margin-top: 2px; }

div#about { position: fixed; width: 328px; text-align: center; min-height: 400px; }
div#about h2 { margin: 0; font-size: 16px; }
div#about div { margin-top: 12px; text-align: left; min-height: 400px; }

div#about-dev { margin-left: 336px; width: 308px; padding-left: 12px; border-left: 1px solid #CCCCCC; }
div#about-dev h2 { margin: 0; font-size: 16px; border-bottom: 1px solid #000000; }
div#about-dev h5 { margin: 0; color: #AAAAAA; }
div#about-dev div { margin: 6px 0 18px 0; }

div#about-form label { display: inline-block; text-align: right; margin-right: 4px; font-size: 11px; color: #666666; width: 50px; height: 14px; }
div#about-form form { margin-top: 12px; }
div#about-form textarea { width: 198px; height: 198px; margin-bottom: 4px; }