@charset "utf-8";
@import url("base.css");
@import url('https://fonts.googleapis.com/css?family=PT+Sans');

/* >>>>>>>>>>>>>>>>>>>>>>>> */
/* >   BEGIN GLOBAL CSS   > */
/* >>>>>>>>>>>>>>>>>>>>>>>> */

/* ============= */
/* Shared Styles */
/* ============= */

/* Bottom margin. */
h1,
h2,
h3,
ol,
ul,
dl,
p,
.table,
.list-table,
fieldset,
ul.pagination,
ul.buttons,
.error-box,
.success-box,
.attention-box,
.info-box,
.box-body {
    margin-bottom:20px;
}

/* ============== */
/* Basic Elements */
/* ============== */

html {
    background:#000;
}

body {
    background:#000;
    color:#222;
    font-family:'Arial', 'Helvetica', sans-serif;
    min-height:1280px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:'PT Sans', 'Arial', 'Helvetica', sans-serif;
    color:#5533BB;
    font-weight:bold;
    letter-spacing:-0.03em;
    margin-bottom:10px;
}

h2 {
    font-size:2.3em;
}

h3 {
    color:#000;
    font-size:1.8em;
}

ul {
    list-style:square;
}

hr {
    height:1px;
    background-color:#CCC;
    border-color:#CCC;
    color:#CCC;
    margin-bottom:20px;
}

/* ===== */
/* Links */
/* ===== */

a:link,
a:visited {
    color:#6D37FB;
    text-decoration:underline;
}

a:active,
a:hover {
    color:#8877FF;
    text-decoration:underline;
}

/* ====== */
/* Tables */
/* ====== */

.table {
    clear:both;
    border:1px solid #DDD;
    border-bottom:0;
}

.table caption {
    background-color:#888;
    color:#FFF;
    font-weight:bold;
    padding:8px;
    margin:-1px 1px;
}

.table td {
    background-color:#FFFFFF;
}

.table th,
.table td {
    padding:8px;
    text-align:center;
}

.table thead th {
    border-top:1px solid #333;
    border-bottom:6px solid #5533BB;
    background-color:#111;
    background-image:linear-gradient(to bottom, #444 0px, #222 1px, #000 101%);
    color:#FFF;
    font-weight:bold;
}

.table tbody th {
    background-color:#EAEAEA;
    border-bottom:1px solid #DDD;
    border-right:1px solid #DDD;
    color:#333333;
    font-weight:bold;
}

.table tbody tr:nth-child(even) th {
    background-color:#E5E5E5;
}

.table tbody td {
    border-bottom:1px solid #DDD;
}

.table tbody tr:nth-child(even) td {
    background-color:#F5F5F5;
}

.table tfoot td {
    background-color:#5533BB;
    border-bottom:1px solid #DDD;
    color:#FFF;
    font-weight:bold;
}

.table tr th:first-child,
.table tr td:first-child {
    text-align:left;
}

/* List Tables. */
.list-table tbody th {
    color:#000;
    font-weight:bold;
    vertical-align:top;
}

.list-table tbody th,
.list-table tbody td {
    padding:0 0 6px 0;
}

.list-table tbody tr:last-child th,
.list-table tbody tr:last-child td {
    padding-bottom:0;
}
/* ---------- */

/* [----------------- Forms ------------------] */

form {
    clear:both;
}

input,
textarea,
select {
    border:1px solid #BBB;
    border-left-width:5px;
    color:#000;
    font-family:'Arial', 'Helvetica', sans-serif;
    padding:5px;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
    -webkit-box-shadow:inset 2px 2px 2px 0px #EEE;
       -moz-box-shadow:inset 2px 2px 2px 0px #EEE;
            box-shadow:inset 2px 2px 2px 0px #EEE;
}

input:focus,
textarea:focus,
select:focus {
    border-color:#666;
}

input.med-short,
textarea.med-short,
select.med-short {
    width:260px;
}

fieldset {
    border-bottom:1px solid #CCC;
}

fieldset:last-child {
    border:0;
}

legend {
    color:#666;
    font-weight:bold;
    font-size:1.5em;
}

.form-item {
    clear:both;
    padding-bottom:15px;
}

label {
    cursor:pointer;
    display:block;
    font-weight:bold;
    margin-bottom:2px;
    text-align:left;
}

label.required::before {
    color:red;
    content:"* ";
    font-size:1.2em;
}

label small,
legend small {
    display:block;
    font-size:0.85em;
    font-weight:normal;
}

select[multiple="multiple"] {
    height:120px;
}

/* Nested fieldsets for radio buttons & checkboxes. */
.form-item ul {
    list-style:none;
}

.form-item ul,
.form-item ul li {
    margin:0;
    padding:0;
    width:auto;
}

.form-item ul li label {
    font-weight:normal;
    margin:0;
    text-align:left;
    width:auto;
}

.form-item ul li input {
    border:0;
    width:auto;
}
/* ---------- */

/* Form item columns. */
.left-half,
.right-half {
    width:50%;
}

.left-half {
    clear:right;
    float:left;
    padding-right:15px;
}

.right-half {
    clear:none;
    float:right;
    padding-left:15px;
}

/* Multi-column lists. */
fieldset ul.dual-col li,
fieldset ul.tri-col li,
fieldset ul.quad-col li {
    box-sizing:border-box;
    clear:none;
    float:left;
}

fieldset ul.dual-col li {
    width:50%;
}

fieldset ul.tri-col li {
    width:33%;
}

fieldset ul.quad-col li {
    width:25%;
}

/* Responsive multi-column. */
@media only screen and (max-width: 640px) {
    .left-half,
    .right-half {
        clear:both;
        float:none;
        padding-left:0;
        padding-right:0;
        width:100%;
    }

    fieldset ul.dual-col li,
    fieldset ul.tri-col li,
    fieldset ul.quad-col li {
        clear:both;
        float:none;
        width:100%;
    }
}
/* ---------- */

/* Toolbar (search/view/filter). */
form.form-inline fieldset {
    border:0;
    background:#E2E2E2 none;
    margin-bottom:0;
    padding:8px 8px 0 8px;
}

form.form-inline .form-item {
    display:inline-block;
    margin:0 8px 8px 0;
    padding:0;
}

form.form-inline input {
    width:auto;
}

/* ---------- */

#plupload ul {
    list-style:square;
    margin-bottom:10px;
    margin-left:20px;
}

#plupload ul li {
    padding:0;
}

.bars-complete {
    color:#090;
    font-weight:bold;
}

.bars-incomplete {
    color:#BBB;
    font-weight:bold;
}

/* [----------------- TinyMCE ----------------] */

.mce-content-body {
    background:#FFF none;
    padding:10px;
    min-height:100%;
}

.mce-container button:hover {
    background:none;
}

/* [--------------- Pagination ---------------] */

ul.pagination {
    float:left;
    font-size:0.9em;
    list-style:none;
    margin-left:0;
    padding:0;
}

ul.pagination li {
    float:left;
    margin:0 3px 0 0;
}

ul.pagination li.ellipsis {
    border:none;
    font-weight:bold;
    padding-top:3px;
}

ul.pagination li.disabled,
ul.pagination li.current,
ul.pagination li a {
    background-color:#FFF;
    border:1px solid #DDD;
    padding:2px 5px 2px 5px;
    text-decoration:none;
}

ul.pagination li a {
    color:#000;
    display:block;
}

ul.pagination li.current {
    font-weight:bold;
}

ul.pagination li.current,
ul.pagination li a:active,
ul.pagination li a:hover {
    border:1px solid #2A2A2A;
    background:#2A2A2A none;
    color:#FFF;
}

ul.pagination li.disabled {
    background:#EEE none;
    border:1px solid #CCC;
    color:#CCC;
}

/* ==== */
/* Tabs */
/* ==== */

ul.tabs {
    list-style:none;
    margin:0;
    padding:0;
    border-bottom:6px solid #111;
}

ul.tabs li {
    display:inline-block;
}

ul.tabs li a {
    background-color:#EEE;
    /* background-image:linear-gradient(to bottom, #CCC 0px, #BBB 1px, #999 101%); */
    color:#AAA;
    display:inline-block;
    font-size:1em;
    font-weight:bold;
    text-decoration:none;
    border:3px solid #AAA;
    border-bottom:0;
    padding:8px 14px 8px 14px;
    -webkit-border-radius:6px 6px 0 0;
            border-radius:6px 6px 0 0;
}

ul.tab li a:link,
ul.tab li a:visited {
    text-decoration:none;
}

ul.tabs li a:hover,
ul.tabs li.current a {
    border:0;
    padding:11px 17px 8px 17px;
    background-color:#111;
    background-image:linear-gradient(to bottom, #333 0px, #333 1px, #111 101%);
    color:#FFF;
}

ul.tabs li.current a {
    cursor:default;
}

.tabgroup > div {
    padding:10px;
    background:#F9F9F9;
    border:1px solid #CCC;
    margin-bottom:20px;
}

.tabgroup > div > div:last-child {
    padding-bottom:0;
}

.table-tabs ul {
    border-bottom:0;
}

.tabbed-table {
    border-top:0;
    margin-left:-1px;
}

.tabbed-table thead th {
    border-top:2px solid #222;
    background-image:none;
}

/* [----------------- Buttons ----------------] */

ul.buttons {
    list-style:none;
    margin-left:0;
    padding:0;
}

ul.buttons li {
    display:inline-block;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"],
a.btn,
ul.buttons li a {
    background-color:#222;
    background-image:linear-gradient(to bottom, #AAA 0px, #555 1px, #222 101%);
    border:1px solid #222;
    color:#FFF !important;
    cursor:pointer;
    display:inline-block;
    font-family:inherit;
    font-size:0.9em;
    font-weight:bold;
    padding:5px 12px;
    text-decoration:none;
    width:auto;
    -webkit-border-radius:5px;
            border-radius:5px;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
a.btn:hover,
a.btn.current,
ul.buttons li a:hover,
ul.buttons li.current a {
    background-color:#000;
    background-image:linear-gradient(to bottom, #888 0px, #333 1px, #000 101%);
    border-color:#000;
    color:#DDD !important;
}

a.btn.current,
ul.buttons li.current a {
    cursor:default;
}

button.btn-aux,
input.btn-aux,
a.btn-aux,
ul.buttons li a.btn-aux {
    background-color:#EEE;
    background-image:linear-gradient(to bottom, #FFF 0px, #FFF 1px, #EEE 101%);
    border-color:#CCC;
    color:#000 !important;
}

button.btn-aux:hover,
input.btn-aux:hover,
a.btn-aux:hover,
a.btn-aux.current,
ul.buttons li a.btn-aux:hover,
ul.buttons li.current a.btn-aux {
    background-color:#DDD;
    background-image:linear-gradient(to bottom, #EEE 0px, #EEE 1px, #DDD 101%);
    border-color:#BBB;
    color:#000;
}

button:focus,
button:active,
a.btn:focus,
a.btn:active,
ul.buttons li a:focus,
ul.buttons li a:active {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
}

ul.btn-lg li a,
a.btn-lg,
button.btn-lg,
fieldset.submit button {
    font-size:1.2em;
    font-weight:normal;
    padding:7px 18px;
}

ul.btn-sm li a,
a.btn-sm,
button.btn-sm {
    font-size:0.85em;
    padding:4px 10px;
}

/* [------------------ Boxes -----------------] */

.error-box,
.success-box,
.attention-box,
.info-box {
    background-position:10px 10px;
    background-repeat:no-repeat;
    padding:10px 10px 10px 36px;
    -webkit-border-radius:4px;
            border-radius:4px;
}

.error-box {
    background-color:#ffbdbd;
    background-image:url('../images/ui/notify_error.png');
    border:1px solid #d47575;
    color:#382b23;
}

.success-box {
    background-color:#c7ffbd;
    background-image:url('../images/ui/notify_success.png');
    border:1px solid #9ADF8F;
    color:#273823;
}

.attention-box {
    background-color:#ffffbb;
    background-image:url('../images/ui/notify_attention.png');
    border:1px solid #d7c92e;
    color:#383523;
}

.info-box {
    background-color:#d1cdff;
    background-image:url('../images/ui/notify_info.png');
    border:1px solid #968beb;
    color:#2d2c38;
}

.error-box ul,
.success-box ul,
.attention-box ul,
.info-box ul {
    margin-bottom:0;
}

.dismiss-notification {
    cursor:pointer;
    float:right;
    display:block;
}

.box-head {
    background-color:#222;
    background-image:linear-gradient(to bottom, #AAA 0px, #555 1px, #222 101%);
    border-top:1px solid #444;
    color:#FFFFFF;
    line-height:100%;
    margin:0;
    padding:12px 16px;
}

.box-body {
    background-color:#FFFFFF;
    border:1px solid #CCC;
    padding:20px;
    margin-bottom:20px;
}

/* [------------- Generic Classes ------------] */

.bmargin {
    margin-bottom:20px !important;
}

.lmargin {
    margin-left:20px !important;
}

.rmargin {
    margin-right:20px !important;
}

.tmargin {
    margin-top:20px !important;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* >   BEGIN MAIN SITE CSS   > */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* Classes and styles specific to this site. */

/* [------------ Layout Divisions ------------] */

#header {

}

    #top_bar {
        background-color:#000;
        background-image:linear-gradient(to top, #232323 0%, #000 101%);
        border-bottom:1px solid #333;
        height:39px;
        font-size:0.85em;
    }

        #top_bar_inner {
            color:#CCC;
            line-height:37px;
            margin:0 auto;
            position:relative;
            text-align:right;
            width:960px;
        }

            #game_selector {
                float:left;
                margin:0;
                line-height:normal;
                text-align:left;
            }

                #game_selector li {
                    display:block;
                }

                #game_selector li a {
                    background-color:#222;
                    display:block;
                    font-weight:bold;
                    height:37px;
                    padding:10px;
                    text-decoration:none;
                    border-left:1px solid #333;
                    border-right:1px solid #333;
                }

                #game_selector li ul { display:none; margin:0; z-index:999; position:absolute; border-top:1px solid #333; border-bottom:0; }
                #game_selector li ul li {  }
                #game_selector li ul li a { height:auto; text-decoration:none;  border-bottom: 1px solid #333; padding:6px; width:162px; }
                #game_selector li ul li a:hover { background-color:#282828 !important; }
                #game_selector li:hover ul { display:block; }

            #top_bar_inner form {
                position:absolute;
                top:0;
                right:0;
            }

            #top_bar_inner form label {
                font-weight:bold;
                display:inline;
            }

            #top_bar_inner form input {
                background-color:#000;
                background-image:linear-gradient(to top, #232323 0%, #000 101%);
                border:1px solid #5533BB;
                color:#CCC;
                line-height:normal;
                margin-right:4px;
                padding:3px;
                width:auto;

                -webkit-border-radius:3px;
                -moz-border-radius:3px;
                border-radius:3px;
                -webkit-box-shadow:none;
                -moz-box-shadow:none;
                box-shadow:none;
            }

            #top_bar_inner form button {
                line-height:normal;
            }

            #login_signup_mob {
                display:none;
            }

    #banner {
        background-color:#000;
        background-image:url('../images/themes/default/banner_background.jpg');
        background-repeat:no-repeat;
        background-position:center top;
    }

        #banner_inner {
            height:159px;
            margin:0 auto;
            position:relative;
            width:960px;
        }

            #banner_ad_box {
                position:absolute;
                top:10px;
                right:0;
                height:60px;
                width:468px;
            }

            #right_ad_box {
                top:271px;
                right:-180px;
                position:absolute;
                width:160px;
                height:600px;
            }

            #left_ad_box {
                top:271px;
                left:-180px;
                position:absolute;
                width:160px;
                height:600px;
            }

            #left_ad_box {

            }

            #banner_logo {
                bottom:6px;
                left:0;
                position:absolute;
                width:400px;
                height:46px;
            }

            #banner_game_logo {
                bottom:62px;
                left:0;
                position:absolute;
                height:26px;
            }

    #navigation_bar {
        background-color:#222;
        background-image:linear-gradient(to top, #5533BB 0px, #5533BB 10px, #000 10px, #222 101%);
        background-repeat:repeat-x;
        border-top:1px solid #333;
        border-bottom:1px solid #35393b;
        margin-bottom:20px;
        z-index:1;
    }

        #navigation {
            list-style:none;
            margin:0 auto;
            padding:0;
            width:960px;
            display:flex;
            flex-direction:row;
        }

            .navigation-toggler {
                display:none;
            }

            #navigation > li {
                background:url('../images/navigation_separator.png') 100% 1px no-repeat;
                background-position:bottom right;
                flex-grow:1;
                position:relative;
            }

            #navigation > li:last-child {
                background:none;
            }

                #navigation li a {
                    display:block;
                    font-weight:bold;
                    letter-spacing:-0.03em;
                    text-decoration:none;
                    text-shadow:0 1px 1px #333;
                }

                #navigation > li > a {
                    color:#AAA;
                    font-size:1.5em;
                    padding-top:6px;
                    padding-bottom:14px;
                    text-align:center;
                }

                #navigation > li.current > a,
                #navigation > li > a:hover,
                #navigation > li:hover > a {
                    background-image:linear-gradient(to top, rgba(255,255,255,1) 0px, rgba(255,255,255,1) 10px, rgba(65,65,65,0.3) 10px, rgba(45,45,45,0) 101%);
                    color:#FFF;
                }

                #navigation > li > a > span {
                    display:block;
                    margin:0 auto;
                    font-size:1.4em;
                }

                #navigation li span.icon::before {
                    margin-right:0;
                }

                #navigation li.current a span,
                #navigation li a:hover span,
                #navigation li:hover a span {
                    color:#FFF;
                    text-shadow:0 0 5px #888;
                }

                #navigation li ul { list-style:none; margin:0px; margin-left:-1px; display:none; z-index:999; position:absolute; width:192px; border:1px solid #333; border-bottom:0; }
                #navigation li ul.flush_right { right:0px; }
                #navigation li ul li a { color:#FFF; background-color:#5533BB; border-bottom: 1px solid #333; padding:6px; word-wrap:break-word; }
                #navigation li:hover ul { background:none; display:block; }
                #navigation li ul li a:hover,
                #navigation li ul li a.current { background-color:#867bc9; }

        .nav_fixed {
            position:fixed;
            top:0;
            left:0;
            width:100%;
        }

#main {
    margin:0 auto;
    width:960px;
    min-height:620px;
}

    #left {
        float:left;
        width:660px;
    }

        #main_content {
            position:relative;
        }

    #right {
        float:right;
        width:280px;
    }

#footer {
    clear:both;
    color:#888;
    text-align:center;
    margin-bottom:20px;
    font-size:0.9em;
}

#footer-logos img {
    vertical-align:middle;
    margin:0 20px 20px 20px;
    -webkit-filter:grayscale(100%) contrast(50%);
            filter:grayscale(100%) contrast(50%);
}

#footer-logos img:hover {
    -webkit-filter:grayscale(0%) contrast(100%);
            filter:grayscale(0%) contrast(100%);
}


@media only screen and (max-width:1984px) and (min-resolution:2dppx),
only screen and (max-width: 992px) {
    #top_bar_inner,
    #banner_inner,
    #navigation,
    #main {
        width:100%;
        min-width:360px;
    }

    #main {
        padding:0 20px;
    }

    #right_ad_box,
    #left_ad_box {
        display:none;
    }

    #navigation > li > a {
        font-size:1em;
        line-height:2em;
    }
}

@media only screen and (max-width:1359px) and (min-resolution:2dppx),
only screen and (max-width: 800px) {
    table {
        font-size:0.85em;
    }

    td {
        padding:8px 1px;
    }
}

@media only screen and (max-width:1535px) and (min-resolution:2dppx),
only screen and (max-width:767px) {

    #top_bar_inner form {
        display:none;
    }

    #login_signup_mob {
        display:block;
    }

    #login_signup_mob a {
        display:block;
        float:right;
        background-color:#222;
        font-weight:bold;
        height:37px;
        padding:0 10px;
        text-decoration:none;
        border-left:1px solid #333;
    }

    #banner_inner {
        background: rgba(0,0,0,0.8);
        height:64px;
    }

    #banner_logo {
        width:200px;
        height:23px;
        margin-left:10px;
    }

    #banner_game_logo {
        bottom:38px;
        height:13px;
        margin-left:10px;
    }

    div#navigation_bar {
        background-image:linear-gradient(to top, #000 0px, #222 101%);
        border-bottom:0;
    }

    #navigation {
        display:block;
    }

    #navigation[data-nav-expanded="0"] > li {
        display:none;
    }

    #navigation > li.navigation-toggler {
        display:block;
    }

    #navigation[data-nav-expanded="1"] > li.navigation-toggler a {
        background:#5533BB;
        color:#FFF;
    }

    #navigation > li {
        background:none;
    }

    #navigation > li:last-child {
        border-bottom:0;
    }

    #navigation > li > a {
        border-bottom:1px solid #333;
        font-size:1.1em;
        font-weight:normal;
        padding:5px;
    }

    #navigation > li > a > span {
        display:inline;
        font-size:inherit;
        margin-right:3px;
    }

    #navigation > li.current > a,
    #navigation > li > a:hover,
    #navigation > li:hover > a {
        background-image:none;
    }

    #navigation li ul {
        display:none;
        margin:0px;
        position:static;
        width:100%;
    }

    #navigation li:hover ul {
        display:none;
    }
}

/* [------------ Site-Wide Classes -----------] */

.half_bmargin {
    margin-bottom:10px;
}

.content-header {
    background-color:#000;
    background-image:linear-gradient(to bottom, #222 0px, #000 101%);
    background-position:top left;
    border-top:1px solid #333;
    border-bottom:8px solid #5533BB;
    color:#FFF;
    font-size:2.5em;
    font-weight:bold;
    line-height:1.2;
    margin:0;
    padding:8px 11px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
}

    .content-header span {
        display:block;
        font-size:0.6em;
        letter-spacing:-0.02em;
        font-style:italic;
    }

.content-panel {
    background-color:#EEE;
    background-image:linear-gradient(to bottom, #DDD 0px, #EEE 30px);
    margin-bottom:20px;
    padding:20px 20px 0 20px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
}

.avatar {
    border:5px solid #AAA;
    max-width:256px;
    max-height:256px;
}

.flag {
    border:1px double #AAA;
    vertical-align:bottom;
}

.highlighted {
    color:#5533BB;
}

.blue {
    color:#006aec;
}

td .undecided a {
    color:#666;
    text-decoration:none;
}

.undecided a,
em.undecided a,
.undecided a:link,
.undecided a:visted {
    color:#666;
    text-decoration:none;
}

.undecided a:active,
.undecided a:hover {
    color:#888;
    text-decoration:none;
}

a.alliance_tag,
a.alliance_tag:link,
a.alliance_tag:visited {
    color:#6699FF;
    font-weight:bold;
}

a.alliance_tag:active,
a.alliance_tag:hover {
    color:#6CF;
    font-weight:bold;
}

span.tag,
span.alert-tag {
    display:inline-block;
    border-radius:4px;
    margin:0 3px 3px 0;
    font-size:0.85em;
    font-weight:600;
}

span.tag {
    border:1px solid #5533BB;
    color:#5533BB;
    padding:2px 5px;
}

span.alert-tag {
    color:#FFF;
    background:#D00;
    padding:2px 6px;
}

/* Accordion. */

.accordion_item {
    border:1px solid #222;
    background:#FFF;
}

.accordion_item h2 {
    background-color:#222;
    color:#FFF;
    cursor:pointer;
    padding:6px;
    font-size:1.4em;
    font-weight:normal;
    line-height:30px;
    margin:0;
}

.accordion_item p {
    margin-bottom:0;
    padding-bottom:15px;
}

.accordion_item > div {
    padding:15px;
    border-top:1px solid #BBB;
    padding-bottom:0;
}

.accordion_item:last-child {
    /* border-bottom:1px solid #222; */
}

.accordion_item[data-expanded="0"] {
    border-color:#BBB;
    border-bottom:0;
}

.accordion_item[data-expanded="0"]:last-child {
    border-bottom:1px solid #BBB;
}

.accordion_item[data-expanded="0"] h2 {
    background-color:#CCC;
    color:#666;
}

.expander_icon {
    float:left;
    background:url('../images/ui/expand.png') center no-repeat;
    background-size:cover;
    width:30px;
    height:30px;
    margin-right:6px;
}

.rotate {
    transform:rotate(-180deg);
    transition:.2s;
}

.rotate_reset {
    transform:rotate(0deg);
    transition:.2s;
}

/* [---------- Page Specific Classes ---------] */

/* No game home. */

h1.no_game_home_logo img {
    position:absolute;
    left:50%;
    top:120px;
    margin-left:-200px;
}

.no_game_home_games {
    position:absolute;
    left:50%;
    top:186px;
    margin-left:-480px;
    width:960px;
    text-align:center;
    color:#999;
}

/* Control Panel. */

ul.admin_menu {
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
}

    ul.admin_menu li {
        float:left;
        text-align:center;
        padding:10px;
        margin:9px;
        width:98px;
        height:104px;
    }

        ul.admin_menu li a {
            text-decoration:none;
        }

/* Guilds Search */

#guild_search_main {
    float:left;
}

#guild_search_svrfac {
    float:right;
    clear:none;
}

#guild_search_filters .form-item {
    margin-bottom:8px;
}

@media only screen and (max-width: 960px) {

    #guild_search_filters .form-item {
        width:45%;
        min-width:300px;
    }
}

@media only screen and (max-width: 640px) {

    #guild_search_svrfac {
        float:left;
        clear:both;
    }
}

.help_cursor {
    cursor:help;
}

.style_key {
    list-style:none;
    margin:0;
    padding:4px 8px;
    position:absolute;
    right:20px;
    top:20px;
    border:1px dotted #BBB;
    background-color:#F6F6F6;
}

    .style_key li {
        margin:0;
        padding:0;
        text-align:right;
        font-weight:bold;
    }

    .style_key li span {
        display:inline-block;
        height:8px;
        width:8px;
        margin-left:3px;
    }

    .style_key_casual {
        color:#008000;
    }

        .style_key_casual span {
            background-color:#008000;
        }

    .style_key_balanced {
        color:#006aec;
    }

        .style_key_balanced span {
            background-color:#006aec;
        }

    .style_key_hardcore {
        color:#F00;
    }

        .style_key_hardcore span {
            background-color:#F00;
        }

tr.dormant-guild td {
    opacity:0.4;
}

/* Edit Guild. */

#guild_name_checker {
    color:#A00;
    display:block;
    margin-top:3px;
}

.highlighted_fieldset {
    border:3px solid #666;
}

/* Servers. */

.server_note {
    color:#777;
    font-style:italic;
    font-size:0.85em;
    display:block;
}

/* Overview. */

.overview_server {
    margin-bottom:8px;
}

    .overview_server a {
        color:#333;
        text-decoration:none;
    }

.overview_list {
    font-size:0.85em;
}