body { background-color:#333333; color:#dddddd; font-family:tahoma,arial,helvetica; font-size:18px; }

    .main-wrapper { width:760px; margin:0 auto; }
    
    .header { font-size:24px; text-align:center; padding:25px 0px; }
    
    .mid-wrapper,
    .top-wrapper { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#222222; position:relative; margin:5px 0px; }
    .mid-wrapper { margin:10px 0px; padding:5px; font-size:16px; }
    .left-container,
    .right-container,
    .full-container { padding:5px; display:inline-block; vertical-align:middle; }
    .full-container { display:block; }
    
    .left-container { width:550px; text-align:center; }
    .right-container { /* border-left:1px solid #333333; */ width:184px; text-align:right; }
    
    .top-nav-bar { background:#333333; padding: 5px 15px 5px 0px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; font-size:12px; display:inline-block; margin-top:-1px; line-height:16px; }
    .top-nav-bar img { vertical-align:middle; margin:-2px 0px 0px; padding:0px 5px; }
    
    .game-logo { vertical-align:top; width:184px; height:69px; border:0 solid #222222; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:inline; }
    .game-logo-bar { white-space:nowrap;  background:#444; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:block; height:69px; margin-right:10px; position:relative; }
    .game-logo-bar-stretch-gain { float:right; display:inline-block; line-height: 69px; height:69px; background: #464; opacity:0.5; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; text-align:right; }
    .game-logo-bar-stretch-gain-dark { background:#000; opacity:0.15; display:none; }
    .game-logo-bar-text-float,
    .game-logo-bar-text-float-r { position:absolute; right:0px; height:69px; padding: 25px 5px 0px; color:#222; line-height:12px; text-align:right; z-index:2; }
    .game-logo-bar-text-float-r { left:189px; color:#ccc; text-align:left; }
    .game-logo-bar-text-small { color:#aaa; font-size:12px; padding: 16px 5px 0px; }
    .game-logo-bar-text-small strong { color:#ccc; }
    .game-logo-bar-text-float-hl { /*color:#9c9;*/ font-size:10px; font-weight:bold; }
    .font-color-today { color:#9c9; }
    .font-color-yesterday { color:#cc9; }
    .font-color-last-month { color:#999; }
    .font-color-total-games { color:#9cc; }
    .font-color-total-hours { color:#c99; }
    .font-color-games-played-percent { color:#c9c; }
    .font-color-month { color:#99c; }
    
    .top-game-node { filter:inherit; }
    
    .battle-form { font-size:12px; }
    .battle-form .battle-form-header { text-align:center; font-size:14px; }
    .battle-form input[type=text] { background:transparent; border:0px; color:inherit; }
    .battle-form .game-logo-bar,
    .battle-results .game-logo-bar { height:auto; padding:5px; margin:0px; }
    .battle-form-submit { background:#222; padding:3px 10px;line-height:16px; cursor:pointer; }
    .battle-form-submit:hover { background:#191919; color:#ccc; }
    .battle-form-submit.ajax-loader { background:#222 url('images/layout/ajax.gif') no-repeat center center; color:transparent; }
    .battle-form-message { font-size:10px; text-align:center; color:#999; }
    .input-wrapper { background:#1c1c1c; color:#ccc; margin:5px 0px 0px; display:block; }
    .input-wrapper input { width:100%; }
    
    .battle-row { height:auto; font-size:12px; text-align:left; padding:2px; margin:0px; }
    .battle-row-nobody { opacity:0.25; }
    .battle-row img { vertical-align:middle; margin:-2px 5px 0px; }
    .battle-row-dad { background:#252; }
    .battle-section .battle-row-img { background:url('images/icons/status-offline.png') no-repeat center center; }
    .battle-section[battle_page_offset='0'] .battle-row:nth-child(1) .battle-row-img { background:url('images/icons/trophy.png') no-repeat center center; }
    .battle-section[battle_page_offset='0'] .battle-row:nth-child(3) .battle-row-img { background:url('images/icons/trophy-silver.png') no-repeat center center; }
    .battle-section[battle_page_offset='0'] .battle-row:nth-child(5) .battle-row-img { background:url('images/icons/trophy-bronze.png') no-repeat center center; }
    .battle-section .battle-row-dad .battle-row-img { background:url('images/icons/crown.png') no-repeat center center !important; }
    .battle-row-title { color:#999; }
    .battle-page-links { font-size:12px; text-align:left; }
    .battle-page-link,
    .totals-filter-link { text-decoration:none; display:inline-block; margin-right:5px; }
    .battle-page-link span,
    .totals-filter-link span { border-bottom:1px dotted #666; }
    .battle-page-link img,
    .totals-filter-link img { opacity:0.25; vertical-align:middle; }
    .battle-page-link-selected,
    .totals-filter-link-selected { color:#69c; }
    .battle-page-link-selected span,
    .totals-filter-link-selected span { border-color:#369; }
    .battle-page-link-selected img,
    .totals-filter-link-selected img { opacity:1.0; }
    
    .battle-results .battle-result-img { float:left; }
    .battle-results .battle-results-header { font-family:Georgia; text-shadow: 0px 0px 3px #000; padding-top:3px; font-size:20px; }
    .battle-results-sorry { background:#544; display:none; }
    .battle-results-sorry .battle-results-header { color:#c99; }
    .battle-results-congrats { background:#454; display:none; }
    .battle-results-congrats .battle-results-header { color:#9c9; }
    .battle-results-message { text-align:justify; font-size:11px; white-space:normal; color:#ccc; }
    .battle-results-message span { font-weight:bold; color:#ddd; }
    .battle-facebook-push-link { color:#024; font-size:11px; }
    .battle-facebook-push-link img { margin-right:5px; vertical-align:middle; }
    
    #battle-track-offer { font-size:12px; display:none; }
    #battle-track-offer .game-logo-bar { background:#345; }
    #battle-track-offer .battle-results-header { color:#9ac; }
    .my-tracker-link { color:#bce; }
    .align-center { text-align:center; }
    .align-left { text-align:left; }
    
    .push-5px { height:5px; }
    
    .toggle-container { display:none; }
    
    img { border:0 none; }
    a { color:#999999; }
    .toggle-container-link { text-decoration:none; border:0px; border-bottom:1px dotted #666666; padding-bottom:1px; }
    .toggle-container-link-selected { color:#6699cc; border-color:#336699; /* border-style:solid; */ }
    
    #totals-pseudo-wrapper { position:relative; }
    
    .totals-nav-bar { font-size:12px; }
    .totals-nav-bar-img { vertical-align:middle; }
    .totals-nav-bar-stats { float:right; }
    
    .half-visible { opacity:0.5; }
    .float-right { float:right; }
    .float-left { float:left; }
    .footer-hearts img { margin:2px 0px 0px -8px; }
    .rounded-border { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
    
    img.checkbox { width:16px; height:16px; vertical-align:top; cursor:pointer; }
    img.checkbox-checked { background:url('images/icons/ui-check-box.png') no-repeat center center; }
    img.checkbox-unchecked { background:url('images/icons/ui-check-box-uncheck.png') no-repeat center center; }
    
    #stats-ticker { /* -webkit-user-select:none; -moz-user-select:none; */ }
    #stats-ticker .ticker-brick { display:none; }
    #stats-ticker-wrapper { display:inline-block; vertical-align:top; overflow-y:hidden; float:right; text-align:right; cursor:pointer; }
    #stats-ticker-container { position:relative; }
    
    #facebook-wrapper { display:inline; float:left; z-index:2; position:absolute; }
    #quote-wrapper { position:absolute; left:5px; top:5px; width:100%; text-align:center; font-size:10px; color:#999; line-height:19px; }
    
    .achievement-wrapper { display:none; background:#666666; text-align:left; color:#eee; border-radius:75px; -webkit-border-radius:75px; -moz-border-radius:50px 50px 50px 50px; box-shadow:0pt 0pt 10px #000; -webkit-box-shadow:0pt 0pt 10px #000; -moz-box-shadow:0pt 0pt 10px #000; height:46px; line-height:16pt; font-family:verdana; font-size:10pt; width:400px; opacity:0.95; border:1px solid #333; z-index:9999; }
    .achievement-badge { float:left; border-radius:75px; -webkit-border-radius:75px; -moz-border-radius:75px 75px 75px 75px; background:url('images/layout/xbox.png') no-repeat scroll center center #000; left:15px; padding:5px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; width:26px; height:26px; margin:5px; }
    .achievement-badge-quadrant { border-radius:75px 0px 0px 0px; -webkit-border-radius:75px 0px 0px 0px; -moz-border-radius:75px 0px 0px 0px; background:none repeat scroll 0% 0% #090; position:absolute; width:5px; height:5px; left:2px; top:2px; z-index:1; }
    .achievement-badge-icon { background-color:transparent; z-index:2; position:absolute; height:22px; width:22px; padding:0px; left:5px; top:5px; border:2px solid #000; }
    .achievement-points { color:#bbbb99; font-weight:bold; }
    .achievement-description { color:#bbbbbb; }