@charset "utf-8";
/* General WinWorld Styles */
@font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: 400; src: local('Droid Sans'),
    local('DroidSans'), url(/res/fonts/droid.woff) format('woff'); }
html { min-height: 100%; position: relative; }
body { background-color: #1D1D1D; margin-bottom: 100px;  }
.winworld-container { padding-right: 15px !important; padding-left: 15px !important; }
.ww-main-container { width: 100%; min-height: 80%; margin-bottom: 150px; padding: 0px; }
a:link { color: #F60; text-decoration: none; }
a:visited { color: #F90; text-decoration: none; }
a:hover { color: #FC0; text-decoration: underline; }
img { border: none; }
h1,h2,h3,h4,h5,h6 {	font-weight: bold; text-decoration: none; text-shadow: 0.1em 0.1em 0.3em black; }
hr { color: #414141; }
.important { font-weight: bold; color: red; }
td.jf {	text-align: left; }
.align-right { float:right; margin: 0 0 15px 15px; }
.frame { padding: 2px; border: 1px solid #777; }

/* Navigation Bar */
.navbar-inverse { background-image: url(/res/img/header_bg.png) !important; }
.navbar-avatar { padding: 0px; height: 32px; width: 32px; }
li.user-menu > a { padding-bottom: 3px; padding-top: 10px; }

/* Panel Toolbar (is this still in use? TODO) */
.panel-toolbar { padding: 0px; }
.panel-toolbar > div.btn-group { margin-top: 3pt; }
.panel-toolbar > h3 { margin: 6pt; }
/* Footer */
.ww-footer { background: url('/res/img/header_bg.png') repeat; width: 100%; padding: 0.3em; margin-top: 1em;
    border-top: 1px solid #778; 
    margin-right: 0px; margin-left: 0px; height: 140px; bottom: 0; position: absolute;  }
        
/* VIP Management Tools */
div.col-ww-screenshot > img { max-width: 100%; padding: 5px; }
div.col-ww-screenshot > a > img { max-width: 100%; padding: 5px; }
ul.serials { list-style: none; }

/* TypeAhead Styles */
.tt-dropdown-menu { border: 1px solid #777788; background-color: #2d2b2b; color: #ffffff; }
.tt-hint { display: block; width: 100%; padding: 8px 12px; }
.tt-suggestion { display: block; padding: 3px 5px; }
.tt-suggestion a { margin: 0; background-color: transparent; color: #ffffff; }
.tt-suggestion:hover, .tt-suggestion a:hover { background-color: #ffcc00; color: #000000; text-decoration: none; }
.twitter-typeahead { width: 90% !important; padding-bottom: 5px; }

/* User Profile Page */
img.winworld-avatar { width: 48px; height: 48px; }
.contact-label { height: 48px; padding-top: 15px; }


/* SA Styles */
/* Side Navigation */

@media(min-width:768px) {
    .side-nav-collapse { padding-left: 0px; }
    .side-nav {
        background: url('/res/img/header_bg.png') repeat; 
        position: absolute;
        top: 85px;
        width: 225px;
        border-right: 1px solid #778;
        border-radius: 0;
        overflow-y: auto;
        margin-left: 0px;
        padding-left: 0px;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav-offset { padding-left: 225px; margin-right: 25px; margin-left: 25px;}
    
    .side-nav>li>a {
        width: 225px;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #000 !important;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* .side-nav-offset { position: relative; margin-left: 260px; max-width: 80%; } */

/* WinBoards */
.mu-board-topic-user { max-width: 350px; }
.mu-board-topic-stats { text-align: right; }
.panel-heading > button { margin-top: -6px; }
.panel > .board-navigation { background: #080B0D; padding-top: 0px; padding-bottom: 0px; }
.board-navigation > ul { margin: 4pt; }