/* Round 6 styles */

.magicButton {
    border-radius: 24px;
    background: linear-gradient(to bottom right, #7b4397, #dc2430);
    font-family: 'Roboto Slab', sans-serif;
    color: #fff;
    padding: 14px !important;
    font-size: 16px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    margin-bottom: 12px;
    transition: all 0.1s;
    text-align: center;
    box-shadow: 0 1px 1px 8px rgba(0,0,0,.1);
    cursor: pointer;
}
.magicButton:hover {
    transform: scale(1.1, 1.1);
    color: #fff !important;
}

/* Global and body styling */
* {
    box-sizing: border-box;
}
*:focus {
    outline: none;
}
html {
    font: 14px 'Roboto', Verdana, Helvetica, sans-serif;
    color: #fff;
}
body {
    background-color: #000;
    background-image: url(https://svg-cdn.chicagorum.com/cityscape/14490ad28.svg), url(https://www.chicagorum.com/darkbg.png);
    background-repeat: repeat-x, no-repeat;
    background-position: bottom left, center top;
    background-size: 500px 80px, auto;
    margin: 0;
    padding: 0;
}

/* Structure and layout styling */
.container {
    width: 100%;
    border-top: 8px solid rgba(11, 54, 70, .8);
}
main {
    width: 1200px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0px 0px 15px 3px rgba(103, 174, 209, 0.57);
}
.topBar {
    background-color: rgba(53, 53, 53, .8);
    height: 45px;
    width: 100%;
    border-radius: 4px;
    display: flex;
}
.topLeftBar, .topRightBar {
    width: 200px;
}
.topLeftBar, .topRightBar {
    text-align: center;
    padding-top: 10px;
}
.topContentBar {
    flex: 1;
}
.flexContainer {
    display: flex;
    justify-content: space-between;
}
.leftBar, .rightBar {
    width: 200px;
    background-color: rgba(53, 53, 53, 1);
}
.contentBar {
    flex: 1;
    order: 2;
    text-align: center;
}
.leftBar {
    order: 1;
}
.rightBar {
    order: 3;
}
.mobile {
    display: none;
}
.contentBar div {
    margin-left: auto;
    margin-right: auto;
}
.headerButton {
    cursor: pointer;
}
.timeBox {
    width: 190px;
    background-color: rgba(0,0,0,.25);
    color: #666;
    border-radius: 4px;
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -95px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-family: 'Roboto', sans-serif !important;
}
.timeBox:hover {
    background-color: rgba(0,0,0,.85);
    color: #aaa;
}
@media only screen and (min-width: 501px) {
    .topContentBar {
        padding-top: 6px;
    }
    .timers {
        justify-content: space-evenly;
        width: 100%;
        text-align: center;
    }
    .timers li {
        width: 19%;
        box-shadow: inset 0 0 16px rgba(0,0,0,.5);
        text-align: left;
    }
    .timers li a {
        width: 100%;
    }
}
@media only screen and (max-width: 1200px) {
    .timeBox {
        position: initial;
        display: block;
        font-size: 12px;
        font-family: 'Roboto', sans-serif !important;
        margin: 0;
        width: initial;
    }
    .timeBox:hover {
        background-color: rgba(0,0,0,.25);
        color: #666;
    }
    header {
        font-size: 20px !important;
        position: fixed !important;
        -webkit-transform: translateZ(0);
        top: 0;
        width: 100vw;
        height: 40px;
        z-index: 10;
        margin: 0 !important;
        background: linear-gradient(to bottom, rgba(0,0,0,.4), #000, rgba(0,0,0,.4));
        text-align: center;
    }
    .container {
        padding-top: 40px;
    }
    #theBox {
        width: 100%;
        border-radius: 0;
    }
    .mobile {
        display: inline-block;
    }
    .desktop {
        display: none;
    }
    .headerButton {
        width: 20px;
        height: 20px;
        float: left;
        margin: 8px;
    }
    main, body, html {
        width: auto;
    }
    .statsButton {
        float: right;
        margin-right: 18px;
    }
    .redbox {
        width: 100% !important;
        border-radius: 0 !important;
    }
    .topLeftBar, .topRightBar {
        display: none;
    }
    .leftBar {
        display: block;
        z-index: 11;
        position: absolute;
        left: -250px;
        top: 0;
        box-shadow: 0 0 30px rgba(0,0,0,.9);
        height: 2000px;
    }
    .rightBar {
        display: block;
        z-index: 11;
        position: absolute;
        right: -250px;
        box-shadow: 0 0 30px rgba(0,0,0,.9);
        top: 0;
        height: 2000px;
        opacity: 0;
        pointer-events: none;
    }
    .timers {
        display: flex;
    }
    .timers li {
        flex: 1;
    }
    .topContentBar {
        padding-top: 6px;
    }
    #right {
        display: inline-block !important;
    }
    .forumPane {
        width: 100% !important;
        display: block !important;
    }
    .xxf {
        height: 28px;
    }
    .box {
        width: 100% !important;
    }
}

/* Header styling */
header {
    font-family: "Lobster", sans-serif;
    font-size: 40px;
    color: #4490ad;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
header img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-left: 4px;
}

/* Footer styling */
footer {
    text-align: center;
    font-family: "Lobster", sans-serif;
    font-size: 22px;
    color: #fff;
    font-style: italic;
    opacity: 0.5;
    margin-top: 10px;
    margin-bottom: 50px;
}

/* Spinners */
.spinner {
    -webkit-animation:spin 15s linear infinite;
    -moz-animation:spin 15s linear infinite;
    animation:spin 15s linear infinite;
}
.fastSpinner {
    -webkit-animation:spin 6s linear infinite;
    -moz-animation:spin 6s linear infinite;
    animation:spin 6s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* Categories */
.cat {
    font-family: 'Lobster', sans-serif;
    font-size: 18px;
    color: #4490ad !important;
    padding-left: 18px;
    margin-top: 12px;
    position: relative;
    cursor: pointer;
    transition: all 0.1s ease;
}
.catOverlord {
    color: #a763ad !important;
}
.cat:before {
    content: "";
    display: block;
    border-top: solid 1px rgba(30,30,30,.4);
    width: 80%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.cat span {
    background: transparent;
    padding-right: 4px;
    position: relative;
    z-index: 5;
    background: #353535;
    transition: all 0.1s ease;
}
.cat:hover span {
    color: #fff;
}

/* >> Link styling << */

a:link img, a:active img, a:visited img, a:hover img {
    border: 0px;
}
a:hover, a:active, a:focus, a:active{
    outline: none
}
a:link, a:visited, a:active {
    color:#fff;
    text-decoration:none
}
a:hover {
    color:#fff;
    text-decoration:underline
}
.admin a:link, .admin a:visited, .admin a:active, .admin a:hover {
    color: #6088d2
}
.mod a:link, .mod a:visited, .mod a:active, .mod a:hover {
    color: #d26060
}
.helpop a:link, .helpop a:visited, .helpop a:active, .helpop a:hover {
    color: #7bd260
}
.enemy a:link, .enemy a:visited, .enemy a:active, .enemy a:hover {
    color: #f179ff
}
.target a:link, .target a:visited, .target a:active, .target a:hover {
    color: #aa72ff
}
.crewf a:link, .crewf a:visited, .crewf a:active, .crewf a:hover {
    color: #d9993c
}
.fac a:link, .fac a:visited, .fac a:active, .fac a:hover {
    color: #ffe326
}
.propowner a:link, .propowner a:visited, .propowner a:active, .propowner a:hover {
    color: #7bd260
}

/* >> Fonts << */

html, .box td,
.pure-g [class *= "pure-u"] {
    font: 14px 'Roboto', Verdana, Helvetica, sans-serif;
}
button, input, select, .sub, textarea, option {
    font-family: "Fira Sans Condensed", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #e4e4e4;
}
.qtip-largetext {
    font: 14px 'Roboto', Verdana, Helvetica, sans-serif !important;
}
.royal {
    font: 12px 'Roboto', Verdana, Helvetica, sans-serif;
}
.royal i {
    color: #ffedb9;
    font-style: normal;
}

/* >> Table code << */

.box {
    text-align: left;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.35);
}
/* Workaround to make border collapse and border radius play nice */

.box {
    margin-left: auto;
    margin-right: auto;
    background: #333;
    box-shadow: inset 0 0 3px 1px rgba(0,0,0,.3);
    color: #fff;
    padding: 2px;
    /*width: 98%;*/
}
.box td {
    background: #333;
    box-shadow: inset 0 0 3px 1px rgba(0,0,0,.3);
    color: #fff;
    padding: 2px;
}
.box .odd, .odd tr, .odd td {
    background-color: #212121;
}
.box .bigtext {
    font-size: 14px;
}
/*.box .top {*/
/*    background: rgba(68, 144, 173, 0.5) -webkit-linear-gradient(top, rgba(68, 144, 173, 0.5) 0%, rgba(51, 107, 128, 0.5) 100%);*/
/*    background: rgba(68, 144, 173, 0.5) linear-gradient(to bottom, rgba(68, 144, 173, 0.5) 0%, rgba(51, 107, 128, 0.5) 100%);*/
/*    font-size: 13px;*/
/*    line-height: 16px;*/
/*    text-align: left;*/
/*    margin: 0;*/
/*    padding: 8px;*/
/*    text-shadow: 1px 1px 0 #1c1c1c;*/
/*    !*box-shadow: inset 0 0 3px 1px rgba(255,0,0,.3);*!*/
/*    font-family: "Roboto Slab", "Times New Roman", Times, serif;*/
/*    font-weight: normal;*/
/*    opacity: 0.8;*/
/*}*/
.box .topOL {
    background: #4ba5ad -webkit-linear-gradient(top, #4ba5ad 0%, #195456 100%);
    background: #4ba5ad linear-gradient(to bottom, #4ba5ad 0%, #195456 100%);
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    margin: 0;
    padding: 8px;
    text-shadow: 1px 1px 0 #1c1c1c;
    /*box-shadow: inset 0 0 3px 1px rgba(255,0,0,.3);*/
    font-family: "Roboto Slab", "Times New Roman", Times, serif;
    font-weight: normal;
}
.box .topPH {
    background: #ad4ba7 -webkit-linear-gradient(top, #ad4ba7 0%, #551956 100%);
    background: #ad4ba7 linear-gradient(to bottom, #ad4ba7 0%, #551956 100%);
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    margin: 0;
    padding: 8px;
    text-shadow: 1px 1px 0 #1c1c1c;
    /*box-shadow: inset 0 0 3px 1px rgba(255,0,0,.3);*/
    font-family: "Roboto Slab", "Times New Roman", Times, serif;
    font-weight: normal;
}
.backdrop {
    background: #111 -webkit-linear-gradient(top, #111 0%, #222 100%) !important;
    background: #111 linear-gradient(to bottom, #111 0%, #222 100%) !important;
    color: #ccc !important;
    padding: 6px !important;
}
.box .adminbg {
    background-color: #6088d2;
}
.box .modbg {
    background-color: #d26060;
}
.box .helpbg {
    background-color: #7bd260;
}
.box .friendbg {
    background-color: #ffe326;
}
.box .on {
    background-color: #163213;
    padding-top: 2px;
    padding-bottom: 2px;
}
.box .off {
    background-color: #321313;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* >> Aux styles << */

.loadBox {
    background-color: rgba(0,0,0,.6);
    border: 1px solid rgb(68, 144, 173);
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding: 14px;
    width: 140px;
    color: #aaa;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}
.highlightRow td { background-color: #783333 !important; }
.hoverRow:hover td { background-color: #783333 !important; }
.tred td { background-color: #492c2c; }
.tblue td { background-color: #2c3b49; }
.tpurple td { background-color: #492c49; }
.tgreen td { background-color: #2c4932; }
.tyellow td { background-color: #49472c; }
.tbrown td { background-color: #49382c; }
.cred { color: #ea9393; }
.cblue { color: #93beea; }
.cpurple { color: #ca93ea; }
.cgreen { color: #99ea93; }
.cyellow { color: #e9ea93; }
.cbrown { color: #eabe93; }

.sm { color: #fbff97; text-shadow: 2px 2px 2px rgba(251,255,151,.5); }
.sl { color: #ff9797; text-shadow: 2px 2px 2px rgba(255,151,151,.5); }
.sh { color: #97ff9c; text-shadow: 2px 2px 2px rgba(151,255,156,.5); }
.svh { color: #97e3ff; text-shadow: 2px 2px 2px rgba(151,232,255,.5); }
.sg { color: #bcbcbc; text-shadow: 2px 2px 2px rgba(188,188,188,.5); }
.sp { color: #bbfffb !important; }
.sc { color: #ffbbfe !important; }
.stardim { opacity: 0.35; }
.mcCard {
    border-radius: 4px;
    padding: 6px;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    text-align: left;
    box-shadow: inset 0 0 3px 1px rgba(0,0,0,.3);
    transition: all 0.2s ease;
    cursor: pointer;
    color: #ddd;
}
.mcCard:hover {
    box-shadow: inset 0 0 15px 1px rgba(255,255,255,.5);
    color: #fff;
}
.cardTitle {
    font-family: Roboto Slab,sans-serif;
}
.blueCard { background: #366775 linear-gradient(to bottom right, #366775 0%, #214b57 100%); }
.greyCard { background: #3c3c3c linear-gradient(to bottom right, #3c3c3c 0%, #585858 100%); }
.yellowCard { background: #757036 linear-gradient(to bottom right, #757036 0%, #575121 100%); }
.mcTabSelected {
    color: #b54242;
}


/* >> Form styles << */

input, textarea, button, select {
    color: #fff;
    border: 1px solid #444;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.3);
}
input {
    transition: all 0.1s ease;
    padding-top: 4px;
    padding-bottom: 4px;
}
select {
    transition: all 0.1s ease;
    color: #fff;
    padding: 2px;
    background: #101010;
}
.sub, button {
    font-size: 12pt;
    transition: all 0.1s ease;
    margin-top: 4px;
    padding-left: 10pt;
    padding-right: 10pt;
    cursor: pointer;
    /*box-shadow: inset 0 0 6px #222, 0 0 4px #444;*/
    /*box-shadow: inset 0 0 6px #000, 0 0 4px #454545;*/
}
textarea {
    font-size: 12px;
}
.sub:hover, input:hover, textarea:hover, button:hover {
    background: rgba(43, 43, 43, 0.3);
}
.sub:focus, input:focus, textarea:focus, button:focus {
    border-color: rgba(230, 210, 129, 0.73) !important;
}
.fancy { transition: all 0.5s ease; }
.hover:hover { opacity: 1.00 !important; transition: all 0.2s ease; }
.fade { opacity: 0.4; }


/* >> Force tables << */
.noborders, .noborders td, .noborders tr, .noborders table {
    border: 0 !important;
    box-shadow: none !important;
}
.forcetransparency, .forcetransparency td, .forcetransparency tr, .forcetransparency table {
    background: transparent !important;
}

/* >> Menu << */
.menuBar ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.menuBar li {
    margin: 0;
    line-height: 15px;
}
.menuBar a {
    display: block;
    color: #fffdfd;
    padding: 8px 5px 5px 40px;
}
.menuBar a:hover {
    text-decoration: none;
    opacity: .5;
    color: #000;
}
.menuBar a:before {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    display: block;
    text-shadow: 0 0 3px #1c1c1c;
}
.timers {
    padding: 0;
    margin: 0;
    list-style: none;
}
.timers li {
    font-size: 11px;
    position: relative;
    display: inline-block;
    #box-shadow: inset 0 1px 0 1px #252525;
    background-color: #1d1d1d;
    padding: 2px;
    border-radius: 4px;
    border: 1px solid #202020;
    margin-right: 2px;
    overflow: hidden;
}
.timers li a {
    display: inline-block;
    text-decoration: none;
    padding-left: 16px;
    color: #ccc;
}
.timerGreen a {
    color: #67e567 !important;
}
.timers li:hover {
    background-color: rgba(255, 255, 255, .65);
    box-shadow: inset 0 0 20px 0 rgba(100, 100, 100, .8);
    text-shadow: 0px 0px 8px rgba(150, 150, 150, 1);
    border: 1px solid #030505;
}
.timers li:hover a {
    text-decoration: none;
    color: #000 !important;
}

/* >> Results boxes << */

.successBox, .errorBox, .failureBox, .normalBox, .specialBox, .overlordBox, .warningBox {
    width: 80%;
    border-radius: 6px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    padding-left: 38px;
    background-color: #111;
    text-align: left !important;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.35);
}
.successBox {
    color: #fff;
    background: url(https://svg-cdn.chicagorum.com/success/9aaaaaa.svg), linear-gradient(to bottom, rgba(95, 170, 85, .8), rgba(55, 120, 45, .5));
    background-size: 24px 24px, auto auto;
    background-position: 10px center, left top;
    background-repeat: no-repeat, repeat-x;
}
.failureBox {
    color: #fff;
    background: url(https://svg-cdn.chicagorum.com/cross/1aaaaaa.svg), linear-gradient(to bottom, rgba(170, 85, 85, .8), rgba(120, 45, 45, .5));
    background-size: 24px 24px, auto auto;
    background-position: 10px center, left top;
    background-repeat: no-repeat, repeat-x;
}
.errorBox {
    color: #fff;
    background: url(https://svg-cdn.chicagorum.com/stop/1aaaaaa.svg), linear-gradient(to bottom, rgba(170, 167, 85, .8), rgba(120, 117, 45, .5));
    background-size: 24px 24px, auto auto;
    background-position: 10px center, left top;
    background-repeat: no-repeat, repeat-x;
}
.normalBox {
    color: #000;
    background: url(https://svg-cdn.chicagorum.com/dot/1222222.svg), linear-gradient(to bottom, rgba(255, 255, 255, .8), rgba(255, 255, 255, .5));
    background-size: 24px 24px, auto auto;
    background-position: 10px center, left top;
    background-repeat: no-repeat, repeat-x;
}
.specialBox {
    color: #fff;
    background: url(https://svg-cdn.chicagorum.com/info/9aaaaaa.svg), linear-gradient(to bottom, rgba(85, 155, 170, .8), rgba(45, 107, 120, .5));
    background-size: 24px 24px, auto auto;
    background-position: 10px center, left top;
    background-repeat: no-repeat, repeat-x;
}
.overlordBox {
    color: #fff;
    background: url(https://svg-cdn.chicagorum.com/theeagle/9aaaaaa.svg), linear-gradient(to bottom, rgba(165, 85, 170, .8), rgba(120, 45, 112, .5));
    background-size: 24px 24px, auto auto;
    background-position: 10px center, left top;
    background-repeat: no-repeat, repeat-x;
}
#theBox #countdown, #theBox span { font-weight: bold; }
.normalBox #countdown, .normalBox span { font-weight: bold; border-bottom: 1px dashed rgba(51,51,51,.5) !important; }


/* >> Poker box << */

@keyframes pokerturn {
    15%  { box-shadow: none; }
    50%  { box-shadow: inset 0 0 15px #ad9e4b; }
    85% { box-shadow: none; }
}
@keyframes pokerwarning {
    15%  { box-shadow: none; border-color: #ad4b4b; }
    50%  { box-shadow: inset 0 0 40px #ad4b4b; border-color: #ad9e4b; }
    85% { box-shadow: none; border-color: #ad4b4b; }
}
.pokerBox {
    background: #2c2c2c url(https://svg-cdn.chicagorum.com/poker/9ad4b4b.svg) 6px center/24px 24px no-repeat;
    border-top: 1px solid rgba(30,30,30,.4);
    border-bottom: 1px solid rgba(30,30,30,.4);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
    padding-left: 34px;
    box-sizing: border-box;
    transition: all 0.2s;
    display: block;
    color: #aaa;
}
.pokerTurn {
    animation-name: pokerturn;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    border-color: #ad9e4b;
}
.pokerWarning {
    animation-name: pokerwarning;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    border-color: #ad4b4b;
}
.pokerBox b {
    font-family: Roboto Slab, sans-serif;
    color: #ccc;
}
.pokerBox:hover {
    animation: none;
    box-shadow: inset 0 0 15px #ad4b4b;
    text-decoration: none;
    color: #fff;
}

/* >> Redbox << */

.redbox {
    /* New redbox format */
    border: 1px solid rgba(44, 142, 173, 0.5);
    background-color: rgb(51,51,51);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.35);
    border-radius: 6px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.rbPict {
    /* redbox Picture Header */
    box-shadow: inset 0 0 15px 15px rgba(0,0,0,.4) !important;
    width: 100%;
    padding: 0px;
    font-family: 'Lobster', sans-serif;
    font-size: 30px;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    text-align: center;
}
.rbPict a:hover {
    text-decoration: none;
}
.rbGD {
    /* redbox Graphic Detail Box - used in conjuction with icons */
    margin: 6px;
    padding: 4px;
    padding-left: 28px;
    text-align: left;
    border-radius: 4px;
}
.rbTab {
    /* redbox Inner Tab - used in conjuction with icons */
    margin: 6px;
    padding: 4px;
    padding-left: 28px;
    text-align: left;
    border-radius: 4px;
    display: block;
    border: 0;
    box-shadow: inset 0px 0px 4px #666;
    color: #d5d5d5;
    transition: all .1s;
    transition-timing-function: ease-out;
}
.rbTab:link, .rbTab:visited, .rbTab:active {
    color: #d5d5d5;
    text-decoration: none;
}
.rbTabActive:link, .rbTabActive:visited, .rbTabActive:active {
    color: #fff;
    text-decoration: none;
}
.rbTabActive {
    /* redbox Inner Tab Active */
    box-shadow: inset 0px 0px 8px #aaa;
}
.rbTab:hover {
    color: #86c1e7;
    box-shadow: inset 0px 0px 12px #6589ad;
}
.rbSub {
    /* redbox Subtitle Text */
    padding: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    text-align: center;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,.1), rgba(0,0,0,.1), rgba(0,0,0,.1), transparent);
}
.rbTabEcon {
    background: rgba(0,0,0,.27) url(https://svg-cdn.chicagorum.com/money/264ed91.svg) 8px center/18px 18px no-repeat;
}
.rbTabStats {
    background: rgba(0,0,0,.27) url(https://svg-cdn.chicagorum.com/stats/164c8ed.svg) 8px center/18px 18px no-repeat;
}
.rbTabHome {
    background: rgba(0,0,0,.27) url(https://svg-cdn.chicagorum.com/home/2e5ed64.svg) 8px center/18px 18px no-repeat;
}
.rbTabChip {
    background: rgba(0,0,0,.27) url(https://svg-cdn.chicagorum.com/chip/9edbb64.svg) 8px center/18px 18px no-repeat;
}
.rbTabCrews {
    background: rgba(0,0,0,.27) url(https://svg-cdn.chicagorum.com/building/1ed6464.svg) 8px center/18px 18px no-repeat;
}

.rbGDPeople {
    background: rgba(0,0,0,.27) url(https://svg-cdn.chicagorum.com/people/1888888.svg) 8px center/18px 18px no-repeat;
}
.rbGDTime {
    background: rgba(0,0,0,.27) url(https://svg-cdn.chicagorum.com/time/9888888.svg) 8px center/18px 18px no-repeat;
}
.rbGDCrew {
    background: rgba(0,0,0,.27) url(https://svg-cdn.chicagorum.com/building/1888888.svg) 8px center/18px 18px no-repeat;
}
.rbHeading {
    /* redbox Heading */
    color: #4490ad;
    font-family: "Lobster",sans-serif;
    font-size: 18px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
}
.rbHeading span {
    background: rgb(51,51,51);
    position: relative;
    z-index: 5;
    padding-left: 6px;
    padding-right: 6px;
    text-shadow: 2px 2px 2px #000;
}
.rbHeading:before {
    content: "";
    display: block;
    border-top: solid 1px rgba(0,0,0,.25);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.rbList {
    list-style-type: none;
}
.rbList li {
    padding: 8px;
    text-align: left;
    padding-left: 36px;
    width: 100%;
    background: rgba(0,0,0,.1) url(https://svg-cdn.chicagorum.com/tasks/9888888.svg) 8px center/24px 24px no-repeat;
}
.rbList li a {
    color: #8dbff1;
}
.rbCards {
    list-style-type: none;
}
.rbCards a {
    display: inline-block;
    margin: 2px;
    background-color: rgba(0,0,0,.27);
    padding: 4px;
    border-radius: 4px;
    opacity: 0.85;
    text-shadow: 0 0 3px rgba(0,0,0,.75);
}
.rbCards a:hover {
    opacity: 1.00;
    box-shadow: 0 0 5px rgba(255,255,255,.6);
    cursor: pointer;
    text-decoration: none;
}
.rbc, .rbcLarge {
    width: 100%;
    height: 40px;
    width: 40px;
    border-radius: 4px;
    padding-top: 9px;
}
.rbcLarge {
    height: 65px;
    width: 65px;
}
.rbcLarge a:hover {
    text-decoration: none !important;
}
.rbList li:nth-child(even) {
    background: rgba(0,0,0,.15) url(https://svg-cdn.chicagorum.com/tasks/9888888.svg) 8px center/24px 24px no-repeat;
}
.rbList .complete {
    color: #aaa;
    background: rgba(0,0,0,.1) url(https://svg-cdn.chicagorum.com/tasks/959b852.svg) 8px center/24px 24px no-repeat;
}
.rbList .complete:nth-child(even) {
    background: rgba(0,0,0,.15) url(https://svg-cdn.chicagorum.com/tasks/959b852.svg) 8px center/24px 24px no-repeat;
}
.rbList .wait {
    color: #aaa;
    background: rgba(0,0,0,.1) url(https://svg-cdn.chicagorum.com/time/9b4b852.svg) 8px center/24px 24px no-repeat;
}
.rbList .wait:nth-child(even) {
    background: rgba(0,0,0,.15) url(https://svg-cdn.chicagorum.com/time/9b4b852.svg) 8px center/24px 24px no-repeat;
}
.rbsu {
    /* redbox Space Underneath */
    margin-bottom: 12px;
    text-align: center;
}
.rbsa {
    /* redbox Space Above */
    margin-top: 6px;
}
.rb5 { width: 5%; }
.rb10 { width: 10%; }
.rb20 { width: 20%; }
.rb30 { width: 30%; }
.rb40 { width: 40%; }
.rb50 { width: 50%; }
.rb60 { width: 60%; }
.rb70 { width: 70%; }
.rb80 { width: 80%; }
.rb90 { width: 90%; }
.rb97 { width: 97%; }

.rbProgress {
    /* redbox Progress Bar */
    background-color: rgba(0,0,0,.27);
    border-radius: 4px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: left;
    padding: 4px;

}
.rbProgressInner {
    background: linear-gradient(to bottom right, #ad4b4b, #633232);
    text-align: right;
    border-radius: 4px;
    padding-right: 4px;
    font-family: Roboto Slab;
    color: #fff;
}

/* >> Redbox Progress Colors << */

.rbpb0 { background: linear-gradient(to bottom, #a74444, #7f1c1c); }
.rbpb1 { background: linear-gradient(to bottom, #a74544, #7f1d1c); }
.rbpb2 { background: linear-gradient(to bottom, #a74744, #7f1f1c); }
.rbpb3 { background: linear-gradient(to bottom, #a74944, #7f211c); }
.rbpb4 { background: linear-gradient(to bottom, #a74b44, #7f231c); }
.rbpb5 { background: linear-gradient(to bottom, #a74d44, #7f251c); }
.rbpb6 { background: linear-gradient(to bottom, #a74f44, #7f271c); }
.rbpb7 { background: linear-gradient(to bottom, #a75144, #7f291c); }
.rbpb8 { background: linear-gradient(to bottom, #a75344, #7f2b1c); }
.rbpb9 { background: linear-gradient(to bottom, #a75544, #7f2d1c); }
.rbpb10 { background: linear-gradient(to bottom, #a75644, #7f2e1c); }
.rbpb11 { background: linear-gradient(to bottom, #a75844, #7f301c); }
.rbpb12 { background: linear-gradient(to bottom, #a75a44, #7f321c); }
.rbpb13 { background: linear-gradient(to bottom, #a75c44, #7f341c); }
.rbpb14 { background: linear-gradient(to bottom, #a75e44, #7f361c); }
.rbpb15 { background: linear-gradient(to bottom, #a76044, #7f381c); }
.rbpb16 { background: linear-gradient(to bottom, #a76244, #7f3a1c); }
.rbpb17 { background: linear-gradient(to bottom, #a76444, #7f3c1c); }
.rbpb18 { background: linear-gradient(to bottom, #a76644, #7f3e1c); }
.rbpb19 { background: linear-gradient(to bottom, #a76844, #7f401c); }
.rbpb20 { background: linear-gradient(to bottom, #a76944, #7f411c); }
.rbpb21 { background: linear-gradient(to bottom, #a76b44, #7f431c); }
.rbpb22 { background: linear-gradient(to bottom, #a76d44, #7f451c); }
.rbpb23 { background: linear-gradient(to bottom, #a76f44, #7f471c); }
.rbpb24 { background: linear-gradient(to bottom, #a77144, #7f491c); }
.rbpb25 { background: linear-gradient(to bottom, #a77344, #7f4b1c); }
.rbpb26 { background: linear-gradient(to bottom, #a77544, #7f4d1c); }
.rbpb27 { background: linear-gradient(to bottom, #a77744, #7f4f1c); }
.rbpb28 { background: linear-gradient(to bottom, #a77944, #7f511c); }
.rbpb29 { background: linear-gradient(to bottom, #a77b44, #7f531c); }
.rbpb30 { background: linear-gradient(to bottom, #a77c44, #7f541c); }
.rbpb31 { background: linear-gradient(to bottom, #a77e44, #7f561c); }
.rbpb32 { background: linear-gradient(to bottom, #a78044, #7f581c); }
.rbpb33 { background: linear-gradient(to bottom, #a78244, #7f5a1c); }
.rbpb34 { background: linear-gradient(to bottom, #a78444, #7f5c1c); }
.rbpb35 { background: linear-gradient(to bottom, #a78644, #7f5e1c); }
.rbpb36 { background: linear-gradient(to bottom, #a78844, #7f601c); }
.rbpb37 { background: linear-gradient(to bottom, #a78a44, #7f621c); }
.rbpb38 { background: linear-gradient(to bottom, #a78c44, #7f641c); }
.rbpb39 { background: linear-gradient(to bottom, #a78e44, #7f661c); }
.rbpb40 { background: linear-gradient(to bottom, #a78f44, #7f671c); }
.rbpb41 { background: linear-gradient(to bottom, #a79144, #7f691c); }
.rbpb42 { background: linear-gradient(to bottom, #a79344, #7f6b1c); }
.rbpb43 { background: linear-gradient(to bottom, #a79544, #7f6d1c); }
.rbpb44 { background: linear-gradient(to bottom, #a79744, #7f6f1c); }
.rbpb45 { background: linear-gradient(to bottom, #a79944, #7f711c); }
.rbpb46 { background: linear-gradient(to bottom, #a79b44, #7f731c); }
.rbpb47 { background: linear-gradient(to bottom, #a79d44, #7f751c); }
.rbpb48 { background: linear-gradient(to bottom, #a79f44, #7f771c); }
.rbpb49 { background: linear-gradient(to bottom, #a7a144, #7f791c); }
.rbpb50 { background: linear-gradient(to bottom, #a7a244, #7f7a1c); }
.rbpb51 { background: linear-gradient(to bottom, #a7a144, #7f791c); }
.rbpb52 { background: linear-gradient(to bottom, #a5a144, #7d791c); }
.rbpb53 { background: linear-gradient(to bottom, #a3a144, #7b791c); }
.rbpb54 { background: linear-gradient(to bottom, #a1a144, #79791c); }
.rbpb55 { background: linear-gradient(to bottom, #9fa144, #77791c); }
.rbpb56 { background: linear-gradient(to bottom, #9da144, #75791c); }
.rbpb57 { background: linear-gradient(to bottom, #9ba144, #73791c); }
.rbpb58 { background: linear-gradient(to bottom, #99a144, #71791c); }
.rbpb59 { background: linear-gradient(to bottom, #97a144, #6f791c); }
.rbpb60 { background: linear-gradient(to bottom, #95a244, #6d7a1c); }
.rbpb61 { background: linear-gradient(to bottom, #93a244, #6b7a1c); }
.rbpb62 { background: linear-gradient(to bottom, #91a244, #697a1c); }
.rbpb63 { background: linear-gradient(to bottom, #8fa244, #677a1c); }
.rbpb64 { background: linear-gradient(to bottom, #8ea244, #667a1c); }
.rbpb65 { background: linear-gradient(to bottom, #8ca244, #647a1c); }
.rbpb66 { background: linear-gradient(to bottom, #8aa244, #627a1c); }
.rbpb67 { background: linear-gradient(to bottom, #88a244, #607a1c); }
.rbpb68 { background: linear-gradient(to bottom, #86a344, #5e7b1c); }
.rbpb69 { background: linear-gradient(to bottom, #84a344, #5c7b1c); }
.rbpb70 { background: linear-gradient(to bottom, #82a344, #5a7b1c); }
.rbpb71 { background: linear-gradient(to bottom, #80a344, #587b1c); }
.rbpb72 { background: linear-gradient(to bottom, #7ea344, #567b1c); }
.rbpb73 { background: linear-gradient(to bottom, #7ca344, #547b1c); }
.rbpb74 { background: linear-gradient(to bottom, #7aa344, #527b1c); }
.rbpb75 { background: linear-gradient(to bottom, #78a344, #507b1c); }
.rbpb76 { background: linear-gradient(to bottom, #77a444, #4f7c1c); }
.rbpb77 { background: linear-gradient(to bottom, #75a444, #4d7c1c); }
.rbpb78 { background: linear-gradient(to bottom, #73a444, #4b7c1c); }
.rbpb79 { background: linear-gradient(to bottom, #71a444, #497c1c); }
.rbpb80 { background: linear-gradient(to bottom, #6fa444, #477c1c); }
.rbpb81 { background: linear-gradient(to bottom, #6da444, #457c1c); }
.rbpb82 { background: linear-gradient(to bottom, #6ba444, #437c1c); }
.rbpb83 { background: linear-gradient(to bottom, #69a444, #417c1c); }
.rbpb84 { background: linear-gradient(to bottom, #67a544, #3f7d1c); }
.rbpb85 { background: linear-gradient(to bottom, #65a544, #3d7d1c); }
.rbpb86 { background: linear-gradient(to bottom, #63a544, #3b7d1c); }
.rbpb87 { background: linear-gradient(to bottom, #61a544, #397d1c); }
.rbpb88 { background: linear-gradient(to bottom, #60a544, #387d1c); }
.rbpb89 { background: linear-gradient(to bottom, #5ea544, #367d1c); }
.rbpb90 { background: linear-gradient(to bottom, #5ca544, #347d1c); }
.rbpb91 { background: linear-gradient(to bottom, #5aa544, #327d1c); }
.rbpb92 { background: linear-gradient(to bottom, #58a644, #307e1c); }
.rbpb93 { background: linear-gradient(to bottom, #56a644, #2e7e1c); }
.rbpb94 { background: linear-gradient(to bottom, #54a644, #2c7e1c); }
.rbpb95 { background: linear-gradient(to bottom, #52a644, #2a7e1c); }
.rbpb96 { background: linear-gradient(to bottom, #50a644, #287e1c); }
.rbpb97 { background: linear-gradient(to bottom, #4ea644, #267e1c); }
.rbpb98 { background: linear-gradient(to bottom, #4ca644, #247e1c); }
.rbpb99 { background: linear-gradient(to bottom, #4aa644, #227e1c); }
.rbpb100 { background: linear-gradient(to bottom, #49a744, #217f1c); }
.rbpb101 { background: linear-gradient(to bottom, #47a744, #1f7f1c); }

/* >> Perk backgrounds << */

.pi {
    opacity: 0.35;
}
.perk1 {
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#91c5ff), to(#2c5e97));
    background: -webkit-radial-gradient(circle, #91c5ff, #2c5e97);
    background: -moz-radial-gradient(circle, #91c5ff, #2c5e97);
    background: -ms-radial-gradient(circle, #91c5ff, #2c5e97);
    background: radial-gradient(circle, #91c5ff, #2c5e97);
}
.perk2 {
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#91ffa1), to(#2c9739));
    background: -webkit-radial-gradient(circle, #91ffa1, #2c9739);
    background: -moz-radial-gradient(circle, #91ffa1, #2c9739);
    background: -ms-radial-gradient(circle, #91ffa1, #2c9739);
    background: radial-gradient(circle, #91ffa1, #2c9739);
}
.perk3 {
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ff9191), to(#972c2c));
    background: -webkit-radial-gradient(circle, #ff9191, #972c2c);
    background: -moz-radial-gradient(circle, #ff9191, #972c2c);
    background: -ms-radial-gradient(circle, #ff9191, #972c2c);
    background: radial-gradient(circle, #ff9191, #972c2c);
}
.perk4 {
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#91feff), to(#2c9793));
    background: -webkit-radial-gradient(circle, #91feff, #2c9793);
    background: -moz-radial-gradient(circle, #91feff, #2c9793);
    background: -ms-radial-gradient(circle, #91feff, #2c9793);
    background: radial-gradient(circle, #91feff, #2c9793);
}
.perk5 {
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fffe91), to(#97962c));
    background: -webkit-radial-gradient(circle, #fffe91, #97962c);
    background: -moz-radial-gradient(circle, #fffe91, #97962c);
    background: -ms-radial-gradient(circle, #fffe91, #97962c);
    background: radial-gradient(circle, #fffe91, #97962c);
}

/* >> Timer buttons with SVG icons << */
.timerCrimes { background: url(https://svg-cdn.chicagorum.com/bullets/2888888.svg) left center/14px 14px no-repeat; }
.timerCrimesGreen { background: url(https://svg-cdn.chicagorum.com/bullets/267e56750.svg) left center/14px 14px no-repeat; }
.timerCrimes:hover, .timerCrimesGreen:hover { background: url(https://svg-cdn.chicagorum.com/bullets/2000000.svg) left center/14px 14px no-repeat; }

.timerHeists { background: url(https://svg-cdn.chicagorum.com/heist/2888888.svg) left center/14px 14px no-repeat; }
.timerHeistsGreen { background: url(https://svg-cdn.chicagorum.com/heist/267e56750.svg) left center/14px 14px no-repeat; }
.timerHeists:hover, .timerHeistsGreen:hover { background: url(https://svg-cdn.chicagorum.com/heist/2000000.svg) left center/14px 14px no-repeat; }

.timerGTA { background: url(https://svg-cdn.chicagorum.com/car/9888888.svg) left center/14px 14px no-repeat; }
.timerGTAGreen { background: url(https://svg-cdn.chicagorum.com/car/967e56750.svg) left center/14px 14px no-repeat; }
.timerGTA:hover, .timerGTAGreen:hover { background: url(https://svg-cdn.chicagorum.com/car/9000000.svg) left center/14px 14px no-repeat; }

.timerContraband { background: url(https://svg-cdn.chicagorum.com/pills/1888888.svg) left center/14px 14px no-repeat; }
.timerContrabandGreen { background: url(https://svg-cdn.chicagorum.com/pills/167e56750.svg) left center/14px 14px no-repeat; }
.timerContraband:hover, .timerContrabandGreen:hover { background: url(https://svg-cdn.chicagorum.com/pills/1000000.svg) left center/14px 14px no-repeat; }

.timerOC { background: url(https://svg-cdn.chicagorum.com/people/1888888.svg) left center/14px 14px no-repeat; }
.timerOCGreen { background: url(https://svg-cdn.chicagorum.com/people/167e56750.svg) left center/14px 14px no-repeat; }
.timerOC:hover, .timerOCGreen:hover { background: url(https://svg-cdn.chicagorum.com/people/1000000.svg) left center/14px 14px no-repeat; }

/* >> Perk buttons with SVG icons << */
.perkInsider { background: url(https://svg-cdn.chicagorum.com/bullets/2000000.svg) 0 center/18px 18px no-repeat; }
.perkInsider:hover { background: url(https://svg-cdn.chicagorum.com/bullets/2000000.svg) 0 center/18px 18px no-repeat; }

.perkKickback { background: url(https://svg-cdn.chicagorum.com/building/1000000.svg) 0 center/18px 18px no-repeat; }
.perkKickback:hover { background: url(https://svg-cdn.chicagorum.com/building/1000000.svg) 0 center/18px 18px no-repeat; }

.perkPayroll { background: url(https://svg-cdn.chicagorum.com/money/2000000.svg) 0 center/18px 18px no-repeat; }
.perkPayroll:hover { background: url(https://svg-cdn.chicagorum.com/money/2000000.svg) 0 center/18px 18px no-repeat; }

.perkSpeed { background: url(https://svg-cdn.chicagorum.com/speed/9000000.svg) 0 center/18px 18px no-repeat; }
.perkSpeed:hover { background: url(https://svg-cdn.chicagorum.com/speed/9000000.svg) 0 center/18px 18px no-repeat; }

.perkCasino { background: url(https://svg-cdn.chicagorum.com/chip/9000000.svg) 0 center/18px 18px no-repeat; }
.perkCasino:hover { background: url(https://svg-cdn.chicagorum.com/chip/9000000.svg) 0 center/18px 18px no-repeat; }

/* >> Menu buttons with SVG icons << */
.menuHome { background: url(https://svg-cdn.chicagorum.com/home/2666666.svg) 18px center/18px 18px no-repeat;}
.menuHome:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/home/2000000.svg) 18px center/18px 18px no-repeat; }

.menuHospital { background: url(https://svg-cdn.chicagorum.com/heart/2666666.svg) 18px center/18px 18px no-repeat;}
.menuHospital:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/heart/2000000.svg) 18px center/18px 18px no-repeat; }

.menuCog { background: url(https://svg-cdn.chicagorum.com/cog/2666666.svg) 18px center/18px 18px no-repeat;}
.menuCog:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/cog/2000000.svg) 18px center/18px 18px no-repeat; }

.menuFight { background: url(https://svg-cdn.chicagorum.com/fist/2666666.svg) 18px center/18px 18px no-repeat;}
.menuFight:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/fist/2000000.svg) 18px center/18px 18px no-repeat; }

.menuAchievements { background: url(https://svg-cdn.chicagorum.com/trophy/2666666.svg) 18px center/18px 18px no-repeat;}
.menuAchievements:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/trophy/2000000.svg) 18px center/18px 18px no-repeat; }

.menuUpdates { background: url(https://svg-cdn.chicagorum.com/phone/1666666.svg) 18px center/18px 18px no-repeat;}
.menuUpdates:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/phone/1000000.svg) 18px center/18px 18px no-repeat; }

.menuMoney { background: url(https://svg-cdn.chicagorum.com/money/2666666.svg) 18px center/18px 18px no-repeat;}
.menuMoney:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/money/2000000.svg) 18px center/18px 18px no-repeat; }

.menuBullets { background: url(https://svg-cdn.chicagorum.com/bullets/2666666.svg) 18px center/18px 18px no-repeat;}
.menuBullets:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/bullets/2000000.svg) 18px center/18px 18px no-repeat; }

.menuLocation { background: url(https://svg-cdn.chicagorum.com/globe/1666666.svg) 18px center/18px 18px no-repeat;}
.menuLocation:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/globe/1000000.svg) 18px center/18px 18px no-repeat; }

.menuPoints { background: url(https://svg-cdn.chicagorum.com/stars/3666666.svg) 18px center/18px 18px no-repeat;}
.menuPoints:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/stars/3000000.svg) 18px center/18px 18px no-repeat; }

.menuCrew { background: url(https://svg-cdn.chicagorum.com/building/1666666.svg) 18px center/18px 18px no-repeat;}
.menuCrew:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/building/1000000.svg) 18px center/18px 18px no-repeat; }

.menuPlayers { background: url(https://svg-cdn.chicagorum.com/people/1666666.svg) 18px center/18px 18px no-repeat;}
.menuPlayers:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/people/1000000.svg) 18px center/18px 18px no-repeat; }

.menuStats { background: url(https://svg-cdn.chicagorum.com/stats/1666666.svg) 18px center/18px 18px no-repeat;}
.menuStats:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/stats/1000000.svg) 18px center/18px 18px no-repeat; }

.menuPrison { background: url(https://svg-cdn.chicagorum.com/prison/2666666.svg) 18px center/18px 18px no-repeat;}
.menuPrison:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/prison/2000000.svg) 18px center/18px 18px no-repeat; }

.menuHelp { background: url(https://svg-cdn.chicagorum.com/help/1666666.svg) 18px center/18px 18px no-repeat;}
.menuHelp:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/help/1000000.svg) 18px center/18px 18px no-repeat; }

.menuGuide { background: url(https://svg-cdn.chicagorum.com/compass/2666666.svg) 18px center/18px 18px no-repeat;}
.menuGuide:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/compass/2000000.svg) 18px center/18px 18px no-repeat; }

.menuForum { background: url(https://svg-cdn.chicagorum.com/speech/2666666.svg) 18px center/18px 18px no-repeat;}
.menuForum:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/speech/2000000.svg) 18px center/18px 18px no-repeat; }

.menuObit { background: url(https://svg-cdn.chicagorum.com/tombstone/2666666.svg) 18px center/18px 18px no-repeat;}
.menuObit:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/tombstone/2000000.svg) 18px center/18px 18px no-repeat; }

.menuProperties { background: url(https://svg-cdn.chicagorum.com/prop/1666666.svg) 18px center/18px 18px no-repeat;}
.menuProperties:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/prop/1000000.svg) 18px center/18px 18px no-repeat; }

.menuTrade { background: url(https://svg-cdn.chicagorum.com/trade/3666666.svg) 18px center/18px 18px no-repeat;}
.menuTrade:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/trade/3000000.svg) 18px center/18px 18px no-repeat; }

.menuExchange { background: url(https://svg-cdn.chicagorum.com/exchange/9666666.svg) 18px center/18px 18px no-repeat;}
.menuExchange:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/exchange/9000000.svg) 18px center/18px 18px no-repeat; }

.menuMarket { background: url(https://svg-cdn.chicagorum.com/basket/1666666.svg) 18px center/18px 18px no-repeat;}
.menuMarket:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/basket/1000000.svg) 18px center/18px 18px no-repeat; }

.menuMessage { background: url(https://svg-cdn.chicagorum.com/message/9666666.svg) 18px center/18px 18px no-repeat;}
.menuMessage:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/message/9000000.svg) 18px center/18px 18px no-repeat; }

.menuBank { background: url(https://svg-cdn.chicagorum.com/bank/9666666.svg) 18px center/18px 18px no-repeat;}
.menuBank:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/bank/9000000.svg) 18px center/18px 18px no-repeat; }

.menuCar { background: url(https://svg-cdn.chicagorum.com/car/9666666.svg) 18px center/18px 18px no-repeat;}
.menuCar:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/car/9000000.svg) 18px center/18px 18px no-repeat; }

.menuTasks { background: url(https://svg-cdn.chicagorum.com/tasks/9666666.svg) 18px center/18px 18px no-repeat;}
.menuTasks:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/tasks/9000000.svg) 18px center/18px 18px no-repeat; }

.menuKill { background: url(https://svg-cdn.chicagorum.com/kill/9666666.svg) 18px center/18px 18px no-repeat;}
.menuKill:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/kill/9000000.svg) 18px center/18px 18px no-repeat; }

.menuDice { background: url(https://svg-cdn.chicagorum.com/dice/9666666.svg) 18px center/18px 18px no-repeat;}
.menuDice:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/dice/9000000.svg) 18px center/18px 18px no-repeat; }

.menuHorse { background: url(https://svg-cdn.chicagorum.com/horse/1666666.svg) 18px center/18px 18px no-repeat;}
.menuHorse:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/horse/1000000.svg) 18px center/18px 18px no-repeat; }

.menuWheel { background: url(https://svg-cdn.chicagorum.com/wheel/9666666.svg) 18px center/18px 18px no-repeat;}
.menuWheel:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/wheel/9000000.svg) 18px center/18px 18px no-repeat; }

.menuCards { background: url(https://svg-cdn.chicagorum.com/card/1666666.svg) 18px center/18px 18px no-repeat;}
.menuCards:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/card/1000000.svg) 18px center/18px 18px no-repeat; }

.menuPoker { background: url(https://svg-cdn.chicagorum.com/poker/9666666.svg) 18px center/18px 18px no-repeat;}
.menuPoker:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/poker/9000000.svg) 18px center/18px 18px no-repeat; }

.menuClubs { background: url(https://svg-cdn.chicagorum.com/clubs/9666666.svg) 18px center/18px 18px no-repeat;}
.menuClubs:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/clubs/9000000.svg) 18px center/18px 18px no-repeat; }

.menuChip { background: url(https://svg-cdn.chicagorum.com/chip/9666666.svg) 18px center/18px 18px no-repeat;}
.menuChip:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/chip/9000000.svg) 18px center/18px 18px no-repeat; }

.menuSurvey { background: url(https://svg-cdn.chicagorum.com/survey/9666666.svg) 18px center/18px 18px no-repeat;}
.menuSurvey:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/survey/9000000.svg) 18px center/18px 18px no-repeat; }

.menuEaster { background: url(https://svg-cdn.chicagorum.com/easter/9666666.svg) 18px center/18px 18px no-repeat;}
.menuEaster:hover { background: rgba(255, 255, 255, .55) url(https://svg-cdn.chicagorum.com/easter/9000000.svg) 18px center/18px 18px no-repeat; }


/* >> Legacy forum CSS << */

.quote {
    color: #bebebe;
    background-color: rgba(0,0,0,.35);
    border: 1px solid rgba(255,255,255,.2);
    box-shadow: inset 0 0 10px rgba(255,255,255,.15);
    padding-left: 12px;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 12px;
    margin-top: 1px;
    width: 95%;
    opacity: 0.90;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
}
.quote .quote .quote {
    display: none;
}

.pointer {
    cursor: pointer;
}

.on {
    background-color: #163213;
    color: #ccc;
    padding-top: 2px;
    padding-bottom: 2px;
}

.off {
    background-color: #321313;
    color: #ccc;
    padding-top: 2px;
    padding-bottom: 2px;
}

.both td {
    background: linear-gradient(to bottom, rgba(68, 144, 173,.4), rgba(68, 144, 173,.2)) !important;
    color: #fff !important;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
}

.selected, .selected td {
    background: linear-gradient(to bottom, #4490ad, #285566) !important;
    color: #fff !important;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
}

.xon, .xon td, .xon tr { background-color: #353535; }
.xoff, .xoff td, .xoff tr { background-color: #2c2c2c; }

.menuAttention a {
    color: #e5cf67 !important;
}
.menuNew a {
    color: #67cfe5 !important;
}



/*!
 * Load Awesome v1.1.0 (//github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-square-clockwise-spin,
.la-ball-square-clockwise-spin > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.la-ball-square-clockwise-spin {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-square-clockwise-spin.la-dark {
    color: #333;
}
.la-ball-square-clockwise-spin > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-square-clockwise-spin {
    width: 26px;
    height: 26px;
}
.la-ball-square-clockwise-spin > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
    border-radius: 100%;
    -webkit-animation: ball-square-clockwise-spin 1s infinite ease-in-out;
    -moz-animation: ball-square-clockwise-spin 1s infinite ease-in-out;
    -o-animation: ball-square-clockwise-spin 1s infinite ease-in-out;
    animation: ball-square-clockwise-spin 1s infinite ease-in-out;
}
.la-ball-square-clockwise-spin > div:nth-child(1) {
    top: 0;
    left: 0;
    -webkit-animation-delay: -.875s;
    -moz-animation-delay: -.875s;
    -o-animation-delay: -.875s;
    animation-delay: -.875s;
}
.la-ball-square-clockwise-spin > div:nth-child(2) {
    top: 0;
    left: 50%;
    -webkit-animation-delay: -.75s;
    -moz-animation-delay: -.75s;
    -o-animation-delay: -.75s;
    animation-delay: -.75s;
}
.la-ball-square-clockwise-spin > div:nth-child(3) {
    top: 0;
    left: 100%;
    -webkit-animation-delay: -.625s;
    -moz-animation-delay: -.625s;
    -o-animation-delay: -.625s;
    animation-delay: -.625s;
}
.la-ball-square-clockwise-spin > div:nth-child(4) {
    top: 50%;
    left: 100%;
    -webkit-animation-delay: -.5s;
    -moz-animation-delay: -.5s;
    -o-animation-delay: -.5s;
    animation-delay: -.5s;
}
.la-ball-square-clockwise-spin > div:nth-child(5) {
    top: 100%;
    left: 100%;
    -webkit-animation-delay: -.375s;
    -moz-animation-delay: -.375s;
    -o-animation-delay: -.375s;
    animation-delay: -.375s;
}
.la-ball-square-clockwise-spin > div:nth-child(6) {
    top: 100%;
    left: 50%;
    -webkit-animation-delay: -.25s;
    -moz-animation-delay: -.25s;
    -o-animation-delay: -.25s;
    animation-delay: -.25s;
}
.la-ball-square-clockwise-spin > div:nth-child(7) {
    top: 100%;
    left: 0;
    -webkit-animation-delay: -.125s;
    -moz-animation-delay: -.125s;
    -o-animation-delay: -.125s;
    animation-delay: -.125s;
}
.la-ball-square-clockwise-spin > div:nth-child(8) {
    top: 50%;
    left: 0;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}
.la-ball-square-clockwise-spin.la-sm {
    width: 12px;
    height: 12px;
}
.la-ball-square-clockwise-spin.la-sm > div {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-left: -3px;
}
.la-ball-square-clockwise-spin.la-2x {
    width: 52px;
    height: 52px;
}
.la-ball-square-clockwise-spin.la-2x > div {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
}
.la-ball-square-clockwise-spin.la-3x {
    width: 78px;
    height: 78px;
}
.la-ball-square-clockwise-spin.la-3x > div {
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-square-clockwise-spin {
    0%,
    40%,
    100% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes ball-square-clockwise-spin {
    0%,
    40%,
    100% {
        -moz-transform: scale(.4);
        transform: scale(.4);
    }
    70% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes ball-square-clockwise-spin {
    0%,
    40%,
    100% {
        -o-transform: scale(.4);
        transform: scale(.4);
    }
    70% {
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes ball-square-clockwise-spin {
    0%,
    40%,
    100% {
        -webkit-transform: scale(.4);
        -moz-transform: scale(.4);
        -o-transform: scale(.4);
        transform: scale(.4);
    }
    70% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}