/* Common stuff: */
.clear { clear: both; margin: 0px; padding: 0px; border: 0px none; }

/* Setup: */
html, body { height: 100%; margin: 0; border: 0px none; }
html { font-size: 80%; }
html, body { background: #111111 url(../images/bg-body.png) repeat-x; }
.container { color: #000; background: #888; border: 1px solid black; overflow: hidden; z-index: 0; }
body.page-default .container { position: relative; width: 960px; height: auto; margin: 0 auto; }
body.page-site .container { position: absolute; top: 0px; bottom: 0px; left: 1%; right: 1%; width: 98%; height: 100%; border-top: 0px none; border-bottom: 0px none;  min-width: 1008px !important; min-height: 540px !important; }
body.page-embed .container { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

/* Global: */
.cb-button { border: 0px none !important; outline: 0; margin:0 2px; padding: .2em 1em; text-decoration: none !important; cursor: pointer; position: relative; text-align: center; }
.cb-icon-button { cursor: pointer; padding: 1px; margin: 2px; border: 0px none !important; }
.cb-inline-block { display: -moz-inline-box; display: inline-block; }

.cb-tip { display: none; position: absolute; z-index: 5001; bottom: 70px; left: 60px; width: 600px; padding: 10px 10px 0 10px; background: #ff4; color: #000; border: 1px solid #222; }
.cb-help-trigger { cursor: help; margin: 1px 0 0 0; }

/* Header: */
.header { width: 100%; height: 60px; line-height: 60px; overflow: hidden; border: none; padding: 0px; margin: 0; position: relative; color: #dddddd; background: #111111 url(../images/bg-header-60.png); }
.page-embed .header { display: none; }
.header-title-cb { float: left; margin: 7px 0 0 0px; }
.header-title-chessdom { float: left; margin: 3px 0 0 0px; }
.header-title a { line-height: 0px; }
.header-menu { position: absolute; right: 50px; bottom: 0px; line-height: 21px; }
.header-button { display: inline-block; font-size: 15px; height: 21px; line-height: 21px; font-weight: bold; border: 0px none !important; outline: 0; margin:0 0 0 5px; padding: 0px 0.5em; text-decoration:none !important; cursor:pointer; text-align: center; }
.header-banner-holder { margin: 0px 206px 0px 336px; }
.header-banner { width: 468px; height: 60px; margin: 0px auto; }
#cb-themeswitcher { position: absolute; right: 50px; top: 4px; display: inline-block; }
#cb-themeswitcher .pp-ui-themeswitcher-icon { background: url(../images/icon_color_arrow.gif) 50% 50% no-repeat; }

/* Footer: */
.footer { width: 100%; height: 20px; line-height: 20px; border: none; padding: 0px; margin: 0; text-align: center; position: relative; color: #dddddd; background: #111111 url(../images/bg-header.png); }
.page-main .footer { position: relative; }
.page-site .footer { position: absolute; bottom: 0px; }
.footer a { color: inherit !important; }
.footer p { font-size: 11px; margin: 0px; padding: 0px; }
.footer .footer-extra { position: absolute; right: 3px; top: 0px; bottom: 0px; margin: 0px; font-size: 11px; }
#status-bar { position: absolute; left: 3px; top: 0px; bottom: 0px; margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; }

/* Login: */
#login-box { margin: 50px 50px; padding: 5px 0; text-align: center; }

/* Registration: */
#cb-box-register { margin: 30px 0; width: 400px; }
#cb-box-register p { text-align: left; }

/* Main page: */
#main-box-about { margin: 0 0 50px 50px; float: left; width: 400px; }
#main-box-news { margin: 0 50px 50px 0; float: right; width: 400px; }
.main-box { min-height: 50px; display: inline; }
.main-box-header { padding: 5px 20px; font-size: larger; }
.main-box-header * { margin: 0; }
.main-box-content { margin: 20px; }
.main-box-content ul li { padding: 5px 0px; }

/* Tables */
.cb-table { border-collapse: separate; }
.cb-table th { background: #333; }
.cb-table td, .cb-table th { text-align: left; }
.cb-table td { border: none !important; background: none !important; }
.cb-note { font-size: 66%; }

/* UI Tabs fix */
.ui-tabs .ui-tabs-hide { display: block !important; position: absolute; left: -99999999px; }
.ui-tabs .ui-tabs-close { display: none; cursor: pointer; }
.ui-tabs .ui-tabs-selected .ui-tabs-close { display: inline-block; }

/* Arena: */
.cb-layout { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px none; margin: 0px; padding: 0px; }
.ui-tabs-nav { margin: 1px 2px 1px 1px; }
.ui-tabs-nav li { font-size: 90%; line-height: 1.0; }
.ui-tabs-panel { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px none; margin: 0px; padding: 0px !important; overflow: hidden; }
.ui-layout-content { position: relative; border: 0px none; margin: 0px; padding: 0px; overflow: auto; }
.ui-layout-pane { padding: 0px !important; }
.ui-layout-pane .cb-header { border: 0px none; padding: 2px 5px; text-align: center; font-size: 110%; }
.ui-layout-pane .cb-footer { border: 0px none; padding: 2px 5px; text-align: center; }
#cb-profile, .cb-info { padding: 10px 10px; }
.cb-info p { margin-bottom: 0.4em; }
.cb-profile-username { font-weight: bold; }

.cb-popup-menu { position: absolute; display: none; z-index: 2048; }
.cb-popup-menu li { white-space: nowrap; }
.cb-popup-menu .ui-button { }

.cb-hide-publicchat .chat-cls-1 { display: none; }
.cb-hide-publicchat .chat-cls-2 { display: none; }

.cb-hide-annotation .cb-annotation { display: none; }

.cb-player-panel { text-align: center; padding: 5px 0px; }
.cb-player-panel table { display: inline-table; margin: 0px 0px; width: 100%; height: auto; vertical-align: middle; }
.cb-player-panel table tr { border: 0px none; }
.cb-player-panel table tr td { border: 0px none; padding: 0px 4px; text-align: right; }
.cb-player-panel-name { font-weight: bold; font-size: 108%; white-space: nowrap; } 
.cb-player-panel-time { font-weight: normal; } 
.cb-player-panel-points { font-weight: bold; font-size: 167%; }
.cb-player-panel-turn { text-align: left !important; }
.cb-player-panel-color { width: 40px; height: 30px; border: 1px solid #808080; }
.cb-player-panel-color-white { background: #fff; }
.cb-player-panel-color-black { background: #000; }

.cb-accordion-header, .cb-accordion-panel { -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; }
.cb-accordion-panel { border-bottom: 0px none !important; margin-bottom: 0px !important; }

.cb-standings { padding: 0px !important; }
.cb-standings tr { cursor: default !important; }

.cb-analysis-status { font-weight: bold; padding: 3px 0 0 3px; }

.cb-no-overflow { overflow: hidden !important; }

/* Ads */
.cb-ad-container { height: 60px; background: #fff; color: #222; }
.cb-ad-container-leaderboard { height: 90px; background: #fff; color: #222; }
.cb-ad-holder { width: 468px; height: 60px; margin: 0px auto; }
.cb-ad-holder-half { width: 234px; height: 60px; margin: 0px auto; }
.cb-ad-holder-leaderboard { width: 728px; height: 90px; margin: 0px auto; }
.cb-ad-holder-wsky { width: 160px; height: 600px; margin: 0px auto; }
.cb-ad-banner { width: 468px; height: 60px; position: absolute; z-index: 5000; top: 0px; left: -5000px; }
.cb-ad-banner-half { width: 234px; height: 60px; position: absolute; z-index: 5000; top: 0px; left: -5000px; }
.cb-ad-leaderboard { width: 728px; height: 90px; position: absolute; z-index: 5000; top: 0px; left: -5000px; }
.cb-ad-wsky { width: 160px; height: 600px; position: absolute; z-index: 5000; top: 0px; left: -5000px; }

/* ppGrid */
.pp-grid-outer { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; overflow: hidden; }
.pp-grid-container { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; overflow: auto; z-index: 1; }
.pp-grid-hcontainer { position: absolute; left: 0px; top: 0px; width: 100%; margin: 0; padding: 0; border: 0; overflow: hidden; z-index: 2; }
.pp-grid-container table, .pp-grid-hcontainer table { width: 100%; margin: 0; table-layout: auto; border-collapse: separate; border-spacing: 0; overflow: hidden; }
.pp-grid-hcontainer table { table-layout: auto; position: relative; } 
.pp-grid-container table thead tr th, .pp-grid-hcontainer table thead tr th { font-weight: bold !important; text-align: left; border-width: 1px 1px 1px 0; border-style: solid; border-color: inherit; padding: 3px; white-space: nowrap; }
.pp-grid-container table tbody tr { cursor: pointer; }
.pp-grid-container table tbody tr td { font-weight: normal; font-size: 90%; border-width: 0 1px 1px 0; border-style: solid; border-color: inherit; padding: 3px; white-space: nowrap; }
.pp-grid-container table tbody tr.pp-grid-row-branch td { border-width: 0 0 1px 0; }
.pp-grid-loading { display: none; position: absolute; left: 50%; top: 50%; width: 8em; height: 2em; line-height: 2em; margin-left: -4em; margin-top: -1em; text-align: center; font-size: 90%; font-weight: bold; z-index: 1000; }

/* Chat Panel */
.chat-content { overflow: auto; }
.chat-content p { margin: 0px 2px 2px 2px; }
.chat-author { font-weight: bold; font-size: 90%; }
.chat-message { font-weight: normal; font-size: 90%; }
.chat-input { margin: 0px; padding: 0px; border: 0px none; overflow: hidden; }
.chat-input form { margin: 0px; padding: 0px; border: 0px none; overflow: hidden; }
.chat-input div { margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
.chat-input div input { width: 100%; }
.chat-input button { float: right; width: 7em; margin: 0px; overflow: hidden; }
.chat-cls-3 { color: #33FF66; } /* VIP user */
.chat-cls-4 { color: #6699FF; } /* Commentator */
.chat-cls-5 { color: #FF9900; } /* Power user */
.chat-cls-6 { color: #FF6600; } /* Administrator */

/* jQuery Layout */
.ui-layout-pane { border: 0px none; overflow: auto; } 
.ui-layout-resizer { background: #888; opacity: 0.50 !important; } 
.ui-layout-toggler-north-open { background:transparent url(../images/toggle-up.gif) no-repeat scroll center bottom !important; }
.ui-layout-toggler-south-open { background:transparent url(../images/toggle-dn.gif) no-repeat scroll center top !important; }
.ui-layout-toggler-east-open  { background:transparent url(../images/toggle-rt.gif) no-repeat scroll left center !important; }
.ui-layout-toggler-west-open  { background:transparent url(../images/toggle-lt.gif) no-repeat scroll right center !important; }
.ui-layout-toggler-north-closed { background:transparent url(../images/toggle-dn.gif) no-repeat scroll center top !important; }
.ui-layout-toggler-south-closed { background:transparent url(../images/toggle-up.gif) no-repeat scroll center bottom !important; }
.ui-layout-toggler-east-closed  { background:transparent url(../images/toggle-lt.gif) no-repeat scroll right center !important; }
.ui-layout-toggler-west-closed  { background:transparent url(../images/toggle-rt.gif) no-repeat scroll left center !important; }

/* GameViewer: */
.cb-viewer-data { padding: 10px; }
.cb-viewer-data sup a { text-decoration: none; font-weight: bold; color: red; padding: 0 2px; }
.cb-viewer-move-normal { text-decoration: none; font-weight: bold; }
.cb-viewer-move-variant { text-decoration: none; font-weight: normal; }
.cb-viewer-move-current { background-color: #aaa; }
a.cb-viewer-move-normal:hover, a.cb-viewer-move-variant:hover { text-decoration: underline; }

/* Colorful tabs: */
.cb-tab { white-space: nowrap !important; line-height: 0.6 !important; }
.cb-tab-rooms { border-top: 4px solid #f00 !important; }
.cb-tab-room  { border-top: 4px solid #0f0 !important; }
.cb-tab-game  { border-top: 4px solid #0cf !important; }

/* FeedBurner BuzzBoost boxes: */
div.feedburnerFeedBlock ul { margin-left:0; padding-left:0; list-style-type: none; }
div.feedburnerFeedBlock ul li { list-style-type: none; }
div.feedburnerFeedBlock ul li span.headline { display: block; margin: 12px 0 0 0; font-weight: bold; }
div.feedburnerFeedBlock ul li p.date { display: block; margin: 3px 0 1px 0; font-weight: bold; font-size: smaller; }
div.feedburnerFeedBlock div#creditfooter { display: none; }

/* ChessBoard: */
.cb-board { overflow: hidden; }
.cb-board-row { border: 0px none; margin: 0; padding: 0; line-height: 0px; white-space: nowrap; }
.cb-board-field { display: -moz-inline-box; display: inline-block; vertical-align: top; position: relative; border: 0px none; margin: 0; padding: 0; }
.cb-board-wfield { background-color: #eeeeee; }
.cb-board-bfield { background-color: #aaaaaa; }
.cb-board-highlight-frame { display: block; border: 0px none; margin: 0; padding: 0; position: absolute; }
.cb-board-highlight-on .cb-board-highlight .cb-board-highlight-frame { border: 2px solid blue; }
.cb-board-piece { position: relative; border: 0px none; margin: 0; padding: 0; overflow: hidden; background-position: 0px 0px; }
.cb-board-numbering { display: -moz-inline-box; display: inline-block; width: 1.2em; height: 1.2em; line-height: 1.2em; text-align: center; vertical-align: top; font-size: small; font-weight: bold; margin: 0; padding: 0; border: 0px none; }

.cb-board-piece-BB { background-position:  -80px   0px; } .cb-board-piece-BK { background-position: -160px   0px; } .cb-board-piece-BN { background-position: -240px   0px; } .cb-board-piece-BP { background-position: -320px   0px; } .cb-board-piece-BQ { background-position: -400px   0px; } .cb-board-piece-BR { background-position: -480px   0px; }
.cb-board-piece-WB { background-position:  -80px -80px; } .cb-board-piece-WK { background-position: -160px -80px; } .cb-board-piece-WN { background-position: -240px -80px; } .cb-board-piece-WP { background-position: -320px -80px; } .cb-board-piece-WQ { background-position: -400px -80px; } .cb-board-piece-WR { background-position: -480px -80px; }

.cb-board-size-20 .cb-board-xsize { width: 20px; } .cb-board-size-20 .cb-board-ysize { height: 20px; line-height: 20px; } .cb-board-size-20 .cb-board-highlight-frame { width: 16px; height: 16px; } .cb-board-size-20 .cb-board-piece { background-image: url(../images/pieces/20/all.png); }
.cb-board-size-24 .cb-board-xsize { width: 24px; } .cb-board-size-24 .cb-board-ysize { height: 24px; line-height: 24px; } .cb-board-size-24 .cb-board-highlight-frame { width: 20px; height: 20px; } .cb-board-size-24 .cb-board-piece { background-image: url(../images/pieces/24/all.png); }
.cb-board-size-32 .cb-board-xsize { width: 32px; } .cb-board-size-32 .cb-board-ysize { height: 32px; line-height: 32px; } .cb-board-size-32 .cb-board-highlight-frame { width: 28px; height: 28px; } .cb-board-size-32 .cb-board-piece { background-image: url(../images/pieces/32/all.png); }
.cb-board-size-36 .cb-board-xsize { width: 36px; } .cb-board-size-36 .cb-board-ysize { height: 36px; line-height: 36px; } .cb-board-size-36 .cb-board-highlight-frame { width: 32px; height: 32px; } .cb-board-size-36 .cb-board-piece { background-image: url(../images/pieces/36/all.png); }
.cb-board-size-40 .cb-board-xsize { width: 40px; } .cb-board-size-40 .cb-board-ysize { height: 40px; line-height: 40px; } .cb-board-size-40 .cb-board-highlight-frame { width: 36px; height: 36px; } .cb-board-size-40 .cb-board-piece { background-image: url(../images/pieces/40/all.png); }
.cb-board-size-48 .cb-board-xsize { width: 48px; } .cb-board-size-48 .cb-board-ysize { height: 48px; line-height: 48px; } .cb-board-size-48 .cb-board-highlight-frame { width: 44px; height: 44px; } .cb-board-size-48 .cb-board-piece { background-image: url(../images/pieces/48/all.png); }
.cb-board-size-56 .cb-board-xsize { width: 56px; } .cb-board-size-56 .cb-board-ysize { height: 56px; line-height: 56px; } .cb-board-size-56 .cb-board-highlight-frame { width: 52px; height: 52px; } .cb-board-size-56 .cb-board-piece { background-image: url(../images/pieces/56/all.png); }
.cb-board-size-64 .cb-board-xsize { width: 64px; } .cb-board-size-64 .cb-board-ysize { height: 64px; line-height: 64px; } .cb-board-size-64 .cb-board-highlight-frame { width: 60px; height: 60px; } .cb-board-size-64 .cb-board-piece { background-image: url(../images/pieces/64/all.png); }
.cb-board-size-72 .cb-board-xsize { width: 72px; } .cb-board-size-72 .cb-board-ysize { height: 72px; line-height: 72px; } .cb-board-size-72 .cb-board-highlight-frame { width: 68px; height: 68px; } .cb-board-size-72 .cb-board-piece { background-image: url(../images/pieces/72/all.png); }
.cb-board-size-80 .cb-board-xsize { width: 80px; } .cb-board-size-80 .cb-board-ysize { height: 80px; line-height: 80px; } .cb-board-size-80 .cb-board-highlight-frame { width: 76px; height: 76px; } .cb-board-size-80 .cb-board-piece { background-image: url(../images/pieces/80/all.png); }