body {
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	background: white;
}

h1 {
	color: #3484D2;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('/images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="#error:"] {
	background: red;
	color: white;
}

form th, form td {
	vertical-align: top;
	font-weight: normal;
}

form th {
	text-align: right;
}

form .required label {
	font-weight: bold;
}

form .error {
	color: #D00;
	font-weight: bold;
}

ul.errors {
    margin: 0 20px;
	color: #D00;
    padding: 10px 5px;
}

html.js .jshidden {
	display: none;
}

/* >> Global styles definition */

/* body */
body {
    background-color: #dddddd;
    background-position: top 52px center;
    background-repeat: no-repeat;
    margin: 0;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

/* content */
.content-holder {
    width: 986px; /* note: actual width is 1024px */
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}

/* href */
a {text-decoration: none;}
button, input[type="submit"], a:hover {cursor: pointer;}

/* float */
.to-left {float: left;}
.to-right {float: right;}
.clear {clear: both;}

.to-left:after,
.to-right:after {
    display: block;
    clear: both;
}

.spinner {
    background: white url('/images/spinner.gif') no-repeat 50% 50%;

    min-height: 14px;
    height: auto !important;
    height: 14px;

    min-width: 14px;
    width: auto !important;
    width: 14px;

}

.no-bg-cl {
    background-color: transparent !important;
}

.hidden {display: none;}


@media all and (max-width: 640px)
{
    #userbar {
        position: absolute !important;
        width: auto !important;
    }

    footer {
        width: auto !important;
        position: absolute !important;
        height: 111px;
    }

    footer .content-holder {
        padding: 11px 19px 0 19px;
    }
}

/* << Global styles definition */
/* >> #userbar */

#userbar {
    z-index: 100;
    position: fixed;
    display: block;
    top: 0;

    background-image: url('/images/layout/userbar.png');
    background-repeat: repeat-x;
    height: 52px;
    width: 100%;
    color: #a8a8a8;
    font-size: 100%;
    line-height: 28px;
}

#userbar .to-left {width: 488px;}
#userbar .to-right {width: 490px; text-align: right;}
div.statistics-online {width: 360px;}

#userbar .content-holder {
    padding: 11px 19px 0 19px;
}

#userbar div.start-play {
    display: block;
    float: left;
    background-image: url('/images/layout/start_play.png');
    width: 119px;
    height: 28px;
    line-height: 28px;

    font-size: 90%;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    text-indent: 7px;
    text-align: center;
    cursor: pointer;
}

#userbar div.start-play:hover {
    background-position: 0 -28px;
}

#userbar div.start-play:hover div.start-play-holder {
    display: block;
}

#userbar div.start-play div.start-play-holder {
    display: none;
    position: absolute;
    height: 425px;
    width: 628px;
    padding-top: 14px;
    cursor: auto;
}

    #userbar div.start-play-holder div.bg {
        display: block;
        height: 405px;
        background: url('/images/layout/start_play_bg.png') repeat;
        z-index: 100;
        padding: 10px;
        padding-left: 5px;
    }

    #userbar div.play-game {
        display: block;
        width: 612px;
        margin: 0 0 0px 0px;
    }

    #userbar div.play-cs {
        background: url('/images/layout/panels/start_cs.png');
        height: 107px;
        padding-top: 15px;
        margin-bottom: 8px;
    }

    #userbar div.play-mc {
        background: url('/images/layout/panels/start_mc.png');
        height: 111px;
        padding-top: 21px;
        margin-bottom: 5px;
    }

    #userbar div.play-tf {
        background: url('/images/layout/panels/start_tf.png');
        height: 111px;
        padding-top: 26px;
        margin-bottom: 5px;
    }

    #userbar div.play-game ul {
        list-style: none;
        display: block;
        float: right;
        text-align: left;
        width: 168px;
        margin: 0;
        padding: 5px;
        margin-right: 10px;
    }

        #userbar div.play-game ul li {
            display: block;
            line-height: 18px;
            height: 18px;
            font-weight: normal;
            text-transform: none;
            font-size: 100%;
        }

        #userbar div.play-game ul li a {
            background: none;
            display: block;
            float: none;
            color: #bababa;
        }

        #userbar div.play-game ul li a:hover {
            color: white;
        }

        #userbar div.play-game ul li.download a {color: #57aff0; font-weight: bold;}
        #userbar div.play-game ul li.online {text-align: right; color: #5fc531;}

#userbar div.statistics-online {
    display: block;
    float: left;
    margin-left: 9px;

    text-align: left;
    line-height: 28px;
}

#userbar div.statistics-online .highlight {
    color: #5FC531;
}

#userbar .registration-ad {
    display: inline-block;
    margin-left: 30px;

}

#userbar .registration-ad a {
    color: #57AFF0;
}

#userbar .login-holder {
    display: inline-block;
}

#userbar .login-holder input[type="text"],
#userbar .login-holder input[type="password"] {
    width: 90px;
    background-image: url('/images/layout/userbar_input.png');
    background-repeat: repeat-x;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    border: 1px solid #888888;
    border-top: none;
    border-right: none;

    height: 24px;
    line-height: 24px;
}

#userbar .login-holder input {
    font-weight: normal;
    /* cursor: pointer; */
    /* vertical-align: middle; */
    padding: 0 5px !imporatant;
    font-size: 100% !important;
}

#userbar .login-holder input[type="submit"] {
    border: none;
    background-image: url('/images/layout/userbar_submit.png');
    background-color: transparent;
    width: 81px;
    height: 28px;

    margin: 0;
    padding: 0;
    color: white;
}

#userbar .login-holder input[type="submit"]:active,
#userbar .login-holder input[type="submit"]:focus {
    background-position: 0 -28px;
}

#userbar div.logged {
    line-height: 28px;
}

    #userbar div.logged a {
        display: inline-block;
        height: 15px;
        line-height: 15px;
        color: #bababa;
        border-right: 1px solid #565656;
        margin: 0;
        text-align: center;
        padding: 0 5px 0 0px;
    }

    #userbar div.logged a:hover {
        text-decoration: underline;
    }

    #userbar div.logged a.logout {
        border: none;
    }

    #userbar div.logged a.gold {
        color: #d2b83f;
    }

    #userbar div.logged span.avatar:after {
        display: block;
        content: "";
        clear: both;
    }

    #userbar div.logged span.avatar {
        padding-left: 5px;
    }

    #userbar div.logged a.avatar:hover {
        text-decoration: none;
    }

    #userbar div.logged a.avatar {
        color: #57aff0;
        border: none;
        display: block;
        float: right;
        height: 27px;
        line-height: 27px;
    }

    #userbar div.logged a.avatar span {
        display: inline-block;
        text-align: right;
        width: 70px;
    }

    #userbar div.logged a.vip {
        display: block;
        float: right;
        background: url('/images/vip_ico.png') no-repeat;
        background-position: 0px 6px;
        width: 20px;
        height: 23px;
        border: none;
        padding: 0 2px;
    }

    #userbar div.logged img {
        vertical-align: middle;
        border: 1px solid #565656;
        height: 26px;
        margin-left: 5px;
    }

section#flash {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 100;
}

    div.flash {
        background-color: transparent;
        background-repeat: repeat-x;
        border: none;
        height: 33px;
        line-height: 30px;
        color: white;
        margin: 0;
        padding: 0;
    }

    div.flash a {
        color: white;
        text-decoration: underline;
        font-weight: bold;
    }

    div.flash a.close {
        display: block;
        float: right;
        background-image: url('/images/layout/flash_close.png');
        width: 23px;
        height: 23px;
        margin-top: 3px;
        cursor: pointer;
    }

    div.flash div.content-holder {
        padding: 0;
        text-align: left;
    }

    div.flash.ok {background-image: url('/images/layout/flash_ok.png');}
    div.flash.error {background-image: url('/images/layout/flash_error.png');}
    div.flash.warning {background-image: url('/images/layout/flash_warning.png');}


/* << #userbar */
/* >> #content */

#content {
    background-color: #dddddd;
    margin-top: 55px;
    text-align: left;

    min-height: 750px;
    height:auto !important;
    height: 750px;
}

#content .banner {
    background-image: url('/images/layout/banner_background.png');
    background-repeat: repeat-x;
    height: 69px;
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
}

#content .banner .logo {
    display: block;
    background-image: url('/images/layout/gamesites.png');
    width: 313px;
    height: 68px;
}

#content .banner .to-right {
    padding-top: 18px;
}

#content .banner input[type="text"] {
    display: block;
    float: left;

    background-image: url('/images/layout/search_input.png');
    background-repeat: no-repeat;
    background-color: transparent;

    padding: 0 10px;
    width: 293px;
    height: 34px;
    line-height: 34px;
    border: none;
    font-size: 100% !important;
}

#content .banner input[type="submit"] {
    display: block;
    float: left;

    background-image: url('/images/layout/icons/magnifying_glass.png');
    background-color: transparent;

    width: 22px;
    height: 23px;
    line-height: 23px;
    border: none;
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 5px;
}

#content .banner input[type="submit"]:active,
#content .banner input[type="submit"]:focus {
    background-position: 0 -23px;
}

#content nav {
    background-color: #636363;
    height: 72px;
    padding-left: 4px;

    margin-left: 2px;
    margin-right: 2px;
}


#content nav div.main-navigation {
    height: 43px;
    overflow: hidden;
}

#content nav div.main-navigation ul {
    background-image: url('/images/layout/nav/menu_background.png');
    background-repeat: repeat-x;

    list-style: none;
    margin: 0;
    padding: 0;
    height: 43px;
}

#content nav div.main-navigation ul li {
    display: block;
    float: left;

    background-image: none;
    background-color: transparent;
    background-repeat: repeat-x;

    height: 43px;
    line-height: 43px;
    margin: 0;
    font-size: 100%;
}

#content nav div.main-navigation ul li.selected,
#content nav div.main-navigation ul li:hover {
    background-image: url('/images/layout/nav/menu_hover_background.png');
}

#content nav div.main-navigation ul li.active,
#content nav div.main-navigation ul li.active:hover{
    background-image: url('/images/layout/nav/menu_active_background.png');
}


#content nav div.main-navigation ul li.separator {
    display: none;
    background-image: url('/images/layout/nav/menu_separator_background.png');
    width: 2px;
}

#content nav h2,
#content nav h3 {
    display: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    font-weight: normal !important;
}

#content nav h3 {
    text-transform: none !important;
}

#content nav div.main-navigation ul li a {
    display: block;
    float: left;
    padding: 0 0px 0 18px;
    margin: 0;

    background-image: url('/images/layout/nav/menu_arrow_background.png');
    background-position: right 20px center;
    background-repeat: no-repeat;

    text-transform: uppercase;
    color: white;
}

#content nav div.main-navigation ul li a:hover {
    text-decoration: none;
}

#content nav div.main-navigation ul li a:after {
    display: block;
    float: right;
    content: "";
    background-image: url('/images/layout/nav/menu_separator_background.png');
    width: 2px;
    height: 43px;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: top right;
}

#content nav div.main-navigation ul li.active a:after {
    background-image: none;
}

#content nav div.main-navigation ul li:after {
    content: "";
    clear: both;
    display: block;
}

a.nav-shop {
    background-position: right 45px center !important;
}

a.nav-shop:after {
    padding-left: 56px !important;
}

#content nav div.sub-navigation {
    height: 26px;
    width: 974px;
    overflow: hidden;
}

#content nav div.sub-navigation ul {
    background-color: #2e2e2e;
    display: none;

    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    height: 24px;
}

#content nav div.sub-navigation ul.active,
#content nav div.sub-navigation ul.opened {
    display: block;
}

#content nav div.sub-navigation ul li {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 0;
}

#content nav div.sub-navigation ul li:after {
    content: "|";
    position: absolute;
    color: #6c6c6c;
}

#content nav div.sub-navigation ul li:last-child:after {
    content: "";
}

#content nav div.sub-navigation ul li a {
    padding: 0 8px;
    font-size: 95%;
    color: #bcbcbc;
}

#content nav div.sub-navigation ul li a:hover {
    color: white;
    text-decoration: none;
}

#content div.panel-holder {
    margin-top: 17px;
    padding-bottom: 8px;
    background-image: url('/images/layout/panels/panel_bottom_background.png');
    background-position: bottom center;
    background-repeat: no-repeat;
}

#content div.right-content div.panel-holder,
#content div.left-content div.panel-holder {
    background-image: none;
}

#content div.right-content div.panel-holder div.panel,
#content div.left-content div.panel-holder div.panel {
    background-image: url('/images/layout/panels/panel_gradient_background.png');
    background-position: top center;
    background-repeat: repeat-x;
    background-color: white;

    margin-left: 2px;
}

div.panel.no-bg {
    background-image: none !important;
}

#content div.panel-holder ul.panel-menu {
    list-style: none;
    margin: 0;
    padding: 0;

    height: 40px;
}

#content div.panel-holder ul.panel-menu li {
    display: block;
    float: left;

    background-image: url('/images/layout/panels/menu_background.png');
    background-color: transparent;

    height: 40px;
    width: 192px;
    line-height: 36px;
    margin-right: 2px;
}


#content div.panel-holder ul.panel-menu li a {
    display: block;

    padding-left: 15px;
    color: #636363;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 95%;
}

#content div.panel-holder ul.panel-menu li.active {
    background-image: url('/images/layout/panels/menu_active_background.png');
}

#content div.panel-holder ul.panel-menu li.active a {
    color: #1a6eb6;
}

#content div.panel-holder ul.panel-menu li.nonfunction a {
    color: #d3d3d3;
}

#content div.panel-holder div.panel {
    display: block;
    background-image: url('/images/layout/panels/panel_background.png');
    background-repeat: repeat-y;
    padding: 6px 9px;
}

#content div.left-content div.panel {
    padding: 6px 7px;
}

#content div.panel-holder div.panel:after {
    content: "";
    clear: both;
    display: block;
}

#content div.panel-holder div.panel div.panel-header {
    background-image: url('/images/layout/panels/arrow.png');
    background-position: center right 0px;
    background-repeat: no-repeat;

    color: #1a6eb6;
    text-transform: uppercase;
    padding-left: 0px;
    font-weight: bold;
}

#content div.left-content {
    float: left;
    width: 779px;
}

#content div.right-content {
    float: right;
    width: 200px;
    margin-right: 2px;
}

div.shop-view {
    display: block;
    height: 90px;
    margin: 10px 3px;
}

    div.shop-view a {
        display: inline-block;
        width: 154px;
        height: 86px;
        background-repeat: no-repeat;
        margin-right: 6px;
    }

    div.shop-view a:last-child {
        display: block;
        float: right;
    }

    div.shop-view a:hover {
        background-position: 0 -86px;
    }

        div.shop-view a.cs16 {background-image: url('/images/shop/shop_cs16.png');}
        div.shop-view a.cs   {background-image: url('/images/shop/shop_cs.png');}
        div.shop-view a.steam{background-image: url('/images/shop/shop_steam.png');}
        div.shop-view a.lol  {background-image: url('/images/shop/shop_lol.png');}
        div.shop-view a.wot  {background-image: url('/images/shop/shop_wot.png');}
        div.shop-view a.all  {background-image: url('/images/shop/shop.png');}

/* << #content */
/* >> #content specific blocks */

.spare {
    display: none;
}

.panel .advert {
    display: block;
    width: 300px;
    height: 250px;
    overflow: hidden;
}

.panel .bigadvert {
    margin-left: 17px;
    margin-right: 6px;
    display: block;
    height: 90px;
    overflow: hidden;
}

.panel .advert a,
.panel .bigadvert a {
    display: block;
}

#mChatAd {
    overflow: hidden;
}

#mChatAd a {
    display: block;
    width: 200px;
    height: 200px;
    background-image: url('/images/vip_small.png');
}

.panel .advert a {
    height: 250px;
    background-image: url('/images/vip.png');
}

.panel .bigadvert a {
    height: 90px;
    width: 100%;
    background-image: url('/images/joinus.png');
}

.panel .extramenu {
}

.extramenu a {
    display: block;
    width: 300px;
    height: 86px;
    margin-bottom: 7px;
}

.extramenu a:last-child {
    margin-bottom: 0px;
}

.extramenu a:hover {
    background-position: 0 -86px;
}

.extramenu .nav-1 {
    background-image: url('/images/extra_menu/extnav_1.png');
}

.extramenu .nav-2 {
    background-image: url('/images/extra_menu/extnav_2.png');
}

.extramenu .nav-3 {
    background-image: url('/images/extra_menu/extnav_3.png');
}

.extramenu .nav-4 {
    background-image: url('/images/extra_menu/extnav_4.png');
}

.extramenu .nav-5 {
    background-image: url('/images/extra_menu/extnav_5.png');
}

.extramenu .nav-6 {
    background-image: url('/images/extra_menu/extnav_6.png');
}

.extramenu .nav-7 {
    background-image: url('/images/extra_menu/extnav_7.png');
}

.panel .news-list {

}

.news-list a.new {
    display: block;

    background-color: transparent;

    height: 30px;
    width: 659px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 1px;
    overflow: hidden;
}

    .panel.news-list a.new {
        width: 763px;
    }

.news-list a.new .icon {
    position: absolute;
    padding-left: 8px;
    padding-top: 6px;
}

.news-list a.new:hover {
    background-color: #2e2e2e;
}

.news-list a.new div.rating {
    display: block;
    position: absolute;
    float: left;
    margin: 4px 0 0 500px;
}

    .panel.news-list a.new div.rating {
        margin: 4px 0 0 607px;
    }

.news-list a.new h2,
.news-list a.new div.published,
.news-list a.new div.comments,
.news-list a.new div.preview {
    display: inline-block;
    line-height: 30px;
    height: 30px;
}

.news-list a.new h2 {
    margin: 0px 0 0 34px;
    padding: 0;

    font-size: 100%;
    font-weight: normal;
    color: #1382d1;
}

.news-list a.new:hover h2 {
    color: white;
}

.news-list a.new div.published {
    margin: 0px 0 0 10px;
    font-size: 92%;
    color: #838383;
}

.news-list a.new div.comments {
    background-image: url('/images/layout/icons/bubble.png');
    background-position: center center;
    background-repeat: no-repeat;

    display: block;
    position: absolute;
    float: right;

    width: 34px;
    height: 28px;
    margin: 0px 0 0 624px;

    text-align: center;
    text-indent: -8px;
    color: white;
}

 .panel.news-list a.new div.comments {
    margin: 0px 0 0 725px;
 }

.server-list a.more,
.news-list a.more {
    display: block;
    line-height: 26px;
    height: 26px;
    font-size: 150%;
    color: #a4a4a4;
    text-align: center;
}

.server-list a.more:hover,
.news-list a.more:hover {
    color: #1382d1;
}

.panel .server-list {

}

.panel .server-list-detail {
    display: block;
    width: 280px;
    height: 345px;
    background-color: #f8f8f8;
    padding: 10px;
    display: none;

    z-index: 60;
}

.server-list-detail.on {
    display: block;
}

.server-list-detail div.title {
    text-transform: uppercase;
    color: #9a9a9a;
    font-size: 95%;
}

.server-list-detail div.title span {
    color: #9a9a9a;
    float: right;
}

.server-list-detail ol {
    color: #858585;
    padding-left: 30px;
    height: 262px;
}

.server-list-detail ol li {
    border-bottom: 1px solid #efefef;
}

.server-list-detail span {
    display: inline-block;
}

.server-list-detail span.name {
    width: 190px;
}

.server-list-detail span.kills {
    display: inline-block;
    text-align: right;
    width: 50px;
    color: #77cb52;
}

.server-list-detail a.detail {
    display: block;
    color: #1382d1;
    height: 18px;
    width: 280px;
    line-height: 18px;
    text-align: right;
    font-size: 100%;
    text-decoration: underline;
}

.server-list-detail div.overlay {
    height: 47px;
    width: 288px;
    position: absolute;
    margin-top: 220px;
    background: url('/images/layout/overlay.png') repeat-x transparent;
}

.server-list .server {
    display: block;

    background-color: transparent;

    height: 32px;
    width: 668px;
    margin-bottom: 1px;
    line-height: 32px;
    color: #838383;
    font-size: 90%;
    border-bottom: 1px solid #efefef;
}

.server-list .server img.icon {
    position: absolute;
    padding-left: 8px;
    padding-top: 6px;
}

.server-list .server:hover {
    background-color: #f8f8f8;
}

.server-list .server.active {
    background-color: #f8f8f8;
    z-index: 70;
}

.server-list .server span {
    display: inline-block;
    height: 33px;
    margin: 0;
}

.server-list .server span:last-child {
    border-right: none;
}

.server-list .server span.ip {
    width: 140px;
    cursor: text;
}

.server-list .server span.name {
    margin-left: 34px;
    width: 185px;
    color: #838383;
}

.server-list .server span.online {
    width: 55px;
    text-indent: 5px;
    color: #55af2d;
}

.server-list .server span.online.no {
    width: 195px;
    color: red;
}

.server-list .server span.map {
    width: 136px;
    text-indent: 5px;
}

.server-list .server a.detail {
    display: inline-block;
    width: 80px;
    text-align: center;
    color: white;
    background-color: #1382d1;
    height: 17px;
    line-height: 17px;
    padding: 0 3px;

}

.server-list .server:hover a.detail {
    background-color: #8b8b8b;
}

.server-list-detail div.spinner {
    width: 278px !important;
    height: 300px !important;
    background-color: transparent;
    margin: 0 auto;
}

.server-list-detail div.spinner:after {
    content: "načítám data";
    color: #d3d3d3;
    display: block;
    position: absolute;
    text-align: center;
    width: 278px;
    padding-top: 160px;
}

.panel .file-list {

}

.file-list .file {
    display: block;

    background-color: transparent;
    background-repeat: no-repeat;
    border-bottom: 1px solid #f2f2f2;

    height: 64px;
    color: #838383;
    font-size: 105%;
}

.file-list .file:hover {
    background-color: #f3f3f3;
}

.file-list .file div,
.file-list .file img {
    display: block;
    position: absolute;
}

.file-list .file img.preview {
    margin: 12px 0 0 8px;
}

.file-list .file img.icon {
    margin: 13px 0 0 70px;
}

.file-list .file div.name {
    margin: 13px 0 0 95px;
    color: #1382d1;
}

.file-list .file div.preview {
    margin: 38px 0 0 71px;
    font-size: 90%;
}

.file-list .file div.downloads {
    background-image: url('/images/layout/icons/bubble.png');

    width: 34px;
    height: 25px;
    margin: 19px 0 0 650px;

    text-align: center;
    text-indent: -8px;
    line-height: 25px;
    color: white;
}

.file-list .file div.download {
    background-image: url('/images/layout/icons/download.png');

    width: 38px;
    height: 32px;
    margin: 16px 0 0 706px;
}

a.download-href {
    display: block;
    text-align: center;
    font-size: 110%;
    color: #1382d1;
    font-weight: bold;
}

.download-title {
    font-size: 95% !important;
}

div.social-icons {
    margin: 15px 0px;
}

div.social-icons:after {
    content: "";
    clear: both;
    display: block;
}

div.social-icons a {
    display: block;
    float: left;
    height: 24px;
    margin: 0;
    padding: 0;
}

div.poll {
    color: #686868;
    padding: 0px;
    margin-top: 10px;
}

div.poll .title {
    font-weight: bold;
}

div.poll a.choice-holder {
    display: block;
    width: 170px;
    margin-top: 3px;
    margin-bottom: 2px;
}

div.poll a.choice-holder:hover div.choice-value-holder {
    border: 1px solid black;
}

div.poll div.choice-value {
    background-image: url('/images/layout/poll_background.png');
    background-repeat: repeat-x;
    text-align: right;
    font-weight: bold;
    font-size: 90%;
}

div.poll div.choice-value.no-votes {
    background-image: none;
}

div.poll div.choice-value span {
    padding-right: 3px;
}

a.choice-holder div.choice-value-holder {
    height: 18px;
    background-color: #d4d4d4;
    color: white;
    border: 1px solid #f5f5f5;
}

a.choice-holder div.choice-title {
    color: #575757;
    font-size: 90%;
}

div.fb-like {
    margin-top: 20px;
    text-align: center;
    padding-top: 15px;
    height: 75px;
    background-color: #edf0f6;
}

div.stars-small {
    display: block;
    height: 19px;
    line-height: 19px;
    width: 105px;
    background: url('/images/layout/icons/rating_off.png') repeat-x transparent;
}

div.stars-small div {
    height: 19px;
    line-height: 19px;
    background: url('/images/layout/icons/rating_on.png') repeat-x transparent;
}

div.stars-full {
    display: block;
    height: 30px;
    width: 165px;
    background: url('/images/layout/icons/rating_big_off.png') repeat-x transparent;
}

div.stars-full div.holder {
    display: block;
    width: 165px;
    height: 30px;
    position: absolute;
}

div.stars-full div.bg {
    height: 30px;
    background: url('/images/layout/icons/rating_big_on.png') repeat-x transparent;
}

div.stars-full a {
    display: block;
    float: left;
    width: 33px;
    height: 30px;
}

div.stars-full a.active,
div.stars-full a:hover {
    background: url('/images/layout/icons/rating_big_on.png') no-repeat transparent;
}

.register-form .input-panel {
    border-bottom: 1px solid #cfcfcf;
    margin: 0px;
    padding: 15px 25px 10px 25px;
}

.register-form .input-panel input[type="text"],
.register-form .input-panel input[type="email"],
.register-form .input-panel input[type="password"] {
    background-color: #f8f8f8;
    height: 32px;
    border: 1px solid #c9c9c9;
    display: block;
    float: left;
    padding: 0 5px;
    width: 260px;
}

.register-form .input-panel .captcha-input {
    width: 181px !important;
}

div.form-ok,
div.form-error {
    width: 35px;
    height: 32px;
    display: block;
    float: left;
    margin-left: 25px;
}

div.form-ok {
    background: url('/images/layout/icons/form_ok.png');
}

div.form-error {
    background: url('/images/layout/icons/form_error.png');
}

.register-form .input-panel p:before {
    display: block;
    content: "";
    height: 10px;
    clear: both;
}

.register-form .input-panel p {
    color: #838383;
    padding: 0;
    margin: 0;
}

.register-form input[type="submit"] {
    background-color: #1381ce;
    border: 1px solid #cbdce7;
    color: white;
    width: 270px;
    height: 40px;
    line-height: 40px;
    margin: 15px 25px;
    font-size: 130%;
    text-transform: uppercase;
}

/* << #content specific blocks */
/* >> footer */

footer {
    background-color: #1b1b1b;
    color: #828282;
    font-size: 90%;
}

footer div.content-holder:after {
    display: block;
    clear: both;
    content: "";
    float: none;
}

footer div.content-holder div {
    text-align: left;
    padding: 0;
}

footer div.most-search a {
    color: #828282;
}

footer div.most-search {
    height: 46px;
    border-bottom: 1px solid #323232;
}

footer div.copyright {
    margin-top: 10px;
}

footer div.copyright a,
footer div.copyright {
    color: #525252;
}

footer div.column {
    width: 25%;
    display: block;
    float: left;
}

    footer div.column h3 {
        text-transform: uppercase;
        color: white;
        margin: .5em 0;
        padding: 0;
    }

    footer div.column ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        footer div.column ul li a {
            color: #828282;
        }

        footer div.column ul li a:before {
            content: ">";
            display: inline-block;
            margin-right: 1em;
        }

/* << footer */
@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ngdialog,
.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}

.ngdialog-content {
  background: white;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
}

.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}

.ngdialog-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer;
}

body.ngdialog-open {
  overflow: hidden;
}
@-webkit-keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

.ngdialog.ngdialog-theme-default {
  padding-bottom: 160px;
  padding-top: 160px;
}

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  -webkit-animation: ngdialog-flyout .5s;
  animation: ngdialog-flyout .5s;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
  -webkit-animation: ngdialog-flyin .5s;
  animation: ngdialog-flyin .5s;
  background: #f0f0f0;
  border-radius: 5px;
  color: #444;
  font-family: 'Helvetica',sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 760px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  background: transparent;
  border-radius: 3px;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
  color: #777;
}

.ngdialog.ngdialog-theme-default .ngdialog-message {
  margin-bottom: .5em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input {
  margin-bottom: 1em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
  background: #fff;
  border: 0;
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 .25em;
  min-height: 2.5em;
  padding: .25em .67em;
  width: 100%;
}

.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
  -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: none;
}

.ngdialog.ngdialog-theme-default .ngdialog-buttons {
  *zoom: 1;
}

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
  content: '';
  display: table;
  clear: both;
}

.ngdialog.ngdialog-theme-default .ngdialog-button {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: .8em;
  letter-spacing: .1em;
  line-height: 1em;
  margin: 0 0 0 .5em;
  padding: .75em 2em;
  text-transform: uppercase;
}

.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: none;
}

@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none;
  }
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff;
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777;
}