* {margin: 0; padding: 0; border: 0; outline: 0;}

header, nav, section, article, aside, footer {
    display: block;
    position: relative;
}

a {
    color: blue;
    outline: none;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

.list-block-content a {
    text-decoration: underline;
}
.list-block-content a:hover {
    text-decoration: underline;
}


img {
    border: none;
}
input {
    vertical-align: middle;
}

#back_brd {
    display: block;
    position: absolute;
    top:0;
    left:0; 
    width: 100%;
	background: url("../images/main-bg-img.jpg") no-repeat center 0;
    z-index: 0;
}

#wrapper {
    min-width: 940px;
    max-width: 1240px;
    margin: 0 auto;
    z-index: 1;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
    height: 214px;
    /* margin: 0 10px;*/
}

#header-top{
    display: block;
    position: absolute;
    width: 100%;
    height: 34px;
    top: 0;
    left:0;

    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    border-bottom: 1px solid #0a0c0e;

    /*background: #3d3d3d;
    background: -moz-linear-gradient(top, #3d3d3d, #000000);
        background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%,#3d3d3d), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top, #3d3d3d, #000000);
    background: -o-linear-gradient(top, #3d3d3d, #000000);
    background: -ms-linear-gradient(top, #3d3d3d, #000000);
    background: linear-gradient(top, #3d3d3d, #000000); */
	
	background: #3b3f47;
    background: -moz-linear-gradient(top, #3b3f47, #1e2229);
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%,#3b3f47), color-stop(100%,#1e2229));
    background: -webkit-linear-gradient(top, #3b3f47, #1e2229);
    background: -o-linear-gradient(top, #3b3f47, #1e2229);
    background: -ms-linear-gradient(top, #3b3f47, #1e2229);
    background: linear-gradient(top, #3b3f47, #1e2229);
}

#header-top ul{
    display: block;
    position: relative;
    list-style: none;
}

#header-top ul li{
    display: inline-block;
    position: relative;
    height: 34px;
    line-height: 34px;
}

#user-info{
    float: left;
}

#user-info ul{
    margin-left: 15px;
    color: #D3DADC;
}

#user-info .username{
    font-weight: bold;
}

#user-info .username a{
    text-decoration: none;
    color: #D3DADC;
}

#user-info .username a:hover{
    text-decoration: underline;
}

#user-info .params span{
    display: inline-block;
    height: 34px;
    padding-left: 21px;
}
#user-info .params .param1{background: url(../images/liga/param1-bg.png) no-repeat 0 6px;}
#user-info .params .param2{background: url(../images/liga/param2-bg.png) no-repeat 0 7px;}

#menu-top ul {
    float: right;
}

#menu-top ul li{
    position: relative;
    border-left: 1px solid #393d44;
    height: 34px;
    line-height: 34px;
    float: left;
}

#menu-top ul li a{
    display: block;
    position: relative;
    padding: 0 15px;
    border-left: 1px solid #000;
    height: 34px;
    line-height: 34px;
    font-size: 11px;
    color: #d3dadc;
    text-decoration: none;
    text-shadow: 0 -1px 0 #000;
    -moz-text-shadow: 0 -1px 0 #000;
    -webkit-text-shadow: 0 -1px 0 #000;
}

#menu-top ul li:hover a,
#menu-top ul li.active a{
    background: #35393e;
}

#menu-top ul li.last:hover a,
#menu-top ul li.last.active a{
    -webkit-border-radius: 0 0 5px 0px;
    -moz-border-radius: 0 0 5px 0px;
    border-radius: 0 0 5px 0px;
}

#menu-top a span{
    float: left;
    width: 16px;
    height: 34px;
    margin-right: 8px;
}
#menu-top  .messages{
    float: left;
}
#menu-top  .profile-icon{
    background: url(../images/liga/profile-icon.png) no-repeat 0 50%;
}
#menu-top  .login-icon{
    background: url(../images/liga/login-icon.png) no-repeat 0 50%;
}
#menu-top  .messages-icon{
    background: url(../images/liga/messages-icon.png) no-repeat 0 50%;
}
#menu-top  .tools-icon{
    background: url(../images/liga/tool-icon.png) no-repeat 0 50%;
}
#menu-top  .faq-icon{
    background: url(../images/liga/faq-icon.png) no-repeat 0 50%;
}

#menu-top .messages-count{
    background: red;
    color: #fff;
    width: auto;
    height: 17px;
    line-height: 17px;
    text-align: center;
    padding: 1px 4px;
    float: right;
    margin: 7px 0px 10px 10px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background: #b32925; /* ��� ������ �������� */
    background: -moz-linear-gradient(top, #b32925, #791715); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%,#b32925), color-stop(100%,#791715));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #b32925, #791715);
    background: -o-linear-gradient(top, #b32925, #791715); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b32925, #791715); /* IE10 */
    background: linear-gradient(top, #b32925, #791715); /* CSS3 */
}

#logo-top{
    display: block;
    position: relative;
    float: left;
    width: 189px;
    height: 117px;
    margin-top: 44px;
    margin-left: -7px;
    background: url(../images/liga/logo.png) 0 0 no-repeat;
}

#logo-top a{
    display: block;
    position: relative;
    float: left;
    width: 160px;
    height: 95px;
    margin-top: 12px;
    margin-left: 7px;
    text-indent: -9999px;
}

#top-m1{
    display: block;
    position: relative;
    float: right;
    margin-top: 56px;
    margin-right: 0px;
    height: 95px;
}

#menu-main{
    display: block;
    position: absolute;
    width: 100%;
    height: 40px;
    bottom:0;
    left:0;
    text-shadow: 1px 1px 2px black;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    /*border-top: 1px solid #5c5f66;*/
	border-top: 1px solid #5c5c5e;
    border-bottom: 1px solid #0a0c0e;
    border-left: 1px solid #212228;
    border-right: 1px solid #212228;

    /*background: #3a3838;
    background: -moz-linear-gradient(top, #3a3838, #000000);
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%,#3a3838), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top, #3a3838, #000000);
    background: -o-linear-gradient(top, #3a3838, #000000);
    background: -ms-linear-gradient(top, #3a3838, #000000);
    background: linear-gradient(top, #3a3838, #000000); */
	
	background: #3b3f47;
    background: -moz-linear-gradient(top, #3b3f47, #1f232a);
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%,#3b3f47), color-stop(100%,#1f232a));
    background: -webkit-linear-gradient(top, #3b3f47, #1f232a);
    background: -o-linear-gradient(top, #3b3f47, #1f232a);
    background: -ms-linear-gradient(top, #3b3f47, #1f232a);
    background: linear-gradient(top, #3b3f47, #1f232a);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#menu-main ul{
    display: block;
    position: relative;
    list-style: none;
    height: 40px;
    line-height: 40px;
}

#menu-main ul li{
    display: inline-block;
    position: relative;
    float: left;
    border-left: 1px solid #000;
    height: 40px;
    line-height: 40px;
}

#menu-main ul li:first-child{
    border-left: none;
}

#menu-main ul li.last{
    float: right;
}

#menu-main ul li a{
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 22px;
    color: #E8E8E8;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
}

#menu-main ul li:hover a,
#menu-main ul li.active a{
    background: #4c4f55; /* ��� ������ �������� */
    background: -moz-linear-gradient(top, #4c4f55, #35393e); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%,#4c4f55), color-stop(100%,#35393e));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #4c4f55, #35393e);
    background: -o-linear-gradient(top, #4c4f55, #35393e); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4c4f55, #35393e); /* IE10 */
    background: linear-gradient(top, #4c4f55, #35393e); /* CSS3 */
}

#menu-main ul li:hover:first-child a,
#menu-main ul li.active:first-child a{
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

#menu-main ul li.last:hover a,
#menu-main ul li.last.active a{
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

#menu-main ul li a .sub-count{
    color: #5D626C;
}

#menu-main ul li a#btn-shop{
    color: #E9EC9F;    
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 39px;

}

#menu-main ul li a#btn-home{
    width: 15px;
    text-indent: -9999px;
    background-image: url(../images/liga/icon-home.png);
    background-position: 50% 50%; 
    background-repeat: no-repeat;
}

#menu-main ul li a#btn-search{
    width: 15px;
    text-indent: -9999px;
    background-image: url(../images/liga/icon-search.png);
    background-position: 50% 50%; 
    background-repeat: no-repeat;
}

#form-search-box{
    display: none;
    position: absolute;
    top: 41px;
    right: 0;
    width: 450px;
    height: 54px;
    background: #20242b;
    z-index: 100;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    border: 1px solid #191a1c;
}

#form-search-box #q{
    display: block;
    position: absolute;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 410px;
    background: #dedede;
    border: none;
    color: #20242b;
    padding: 0 10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}


#menu-main ul li:hover .dropdown{
    display: block;
}
#menu-main ul li .dropdown {
    position: absolute; 
    left: -1px; 
    top: 40px; 
    border-top: 1px solid #000;
    display: none; 

    z-index: 99; 
    /* height: 380px;  */
    -webkit-border-radius:0 0 5px 5px !important; 
    -moz-border-radius:0 0 5px 5px !important; 
    border-radius:0 0 5px 5px !important; 
    background: #1f232a;
}

.dropdown.column1{width:255px;}
.dropdown.column12{width:150px;}
.dropdown.column2{width:450px;}
.dropdown.column3{width:675px;}
.dropdown.column4{width:900px;}

#menu-main ul li .dropdown ul.column{
    float: left; 
    height: 350px; 
    display: inline-block;
}	
#menu-main ul li .dropdown ul{ 
    white-space: nowrap; 
    padding-left: 21px; 
    padding-right: 21px; 
    margin-top: 3px; 
    padding-top: 10px;   
    height: auto !important;
}	

#menu-main ul li .dropdown ul li{padding: 0; height: auto; line-height: normal; border: 0; font-weight: normal; display: block; float: none; vertical-align: top; zoom: 1;  line-height: 16px !important; height: auto !important;}
#menu-main ul li .dropdown ul li ul li{padding-left: 10px; line-height: 16px; }
#menu-main ul li .dropdown ul li ul {padding: 2px 0 15px;}
#menu-main ul li .dropdown ul li a {color: #c2c2c2 ; padding: 0; background: none; line-height: 16px !important; height: auto !important; font-weight: normal;}
#menu-main ul li .dropdown ul li a:hover {text-decoration: underline}
#menu-main ul li .dropdown ul li ul li a {color: #c2c2c2  !important}
#menu-main ul li .dropdown ul li.orange a {color: #d87144; }
#menu-main ul li .dropdown ul li.green a {color: #57a324; }
#menu-main ul li .dropdown ul li.lol a {color: #EA9E0A; }
#menu-main ul li .dropdown ul li.red a {color: #bf2310; } 
#menu-main ul li .dropdown ul li.gw2 a {color: #92271a; } 
#menu-main ul li .dropdown ul li.wot a {color: #97763c; } 
#menu-main ul li .dropdown ul li.pg a {color: #c2c2c2; } 
#menu-main ul li .dropdown ul li.dark-blue a {color: #3b71ca; }
#menu-main ul li .dropdown ul li.fpro a {color: #e45f15; font-weight:bold; }
#menu-main ul li .dropdown ul li.bpro a {color: #eab81e; font-weight:bold; }
#menu-main ul li .dropdown ul li.emoney a {color: #7bdd4b; font-weight:bold; }
#menu-main ul li .dropdown ul li ul li.descript {font-size:11px; padding-left:0px; color:#c2c2c2; line-height: 12px !important; }

/* Content
-----------------------------------------------------------------------------*/
#feature {
    display: block;
    position: relative;
    /* margin: 0 16px; */
    /*height: 455px !important;*/
}

#player{
    display: block;
    padding-top: 8px;
    padding-bottom: 4px;
    max-width: 100%;
    padding-right: 325px;
    /* text-align: center; */
}

#player img{
    max-width: 100%;
    height: auto;
    min-height: 455px;
}

#sidebar{
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    right:0;
    width: 320px;
    /* height: 100% !important; */
    padding-top: 9px;
    padding-bottom: 4px;
    /* background: url(../images/liga/rightbar-bg.png) 0 0 repeat; */
}

#sidebar .info{
    display: block;
    position: relative;
    padding: 15px 18px 0px 18px;
}

#sidebar .info p{
    margin-bottom: 5px;
    color: #cfcfcf;
    font-size: 12px;
}

#sidebar .info span { 
    color: #D1B268;
	font-weight: bold;
}
#sidebar .info .time { 
    color: #5A5B5E;
}

#sidebar .info .date { 
    color: #5A5B5E;
    font-size: 14px;
}

#sidebar .rightbar-banner-holder{
    display: block;
    position: relative;
    padding: 13px 18px 8px 18px;
}

#middle-portal {
    display: block;
    position: relative;
/*	margin: 0 10px; */
    background: #f9f9f9;

    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#middle-forum {
    display: block;
    position: relative;
/*	margin: 0 10px; */
    background: #F1F3F5;

    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#middle {
    display: block;
    position: relative;
/*	margin: 0 10px; */
    background: #fff;

    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu-tabs{
    display: block;
    position: relative;
    background: url(../images/liga/page-content-menu-bg.png) 0 0 repeat-x;
    height: 40px;

    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu-tabs ul{
    display: block;
    position: relative;
    list-style: none;
    float: left;
    height: 38px;
}

#menu-tabs ul li{
    display: inline-block;
    position: relative;
    float: left;
    height: 36px;
    line-height: 36px;
}

#menu-tabs ul li.active{
    border-bottom: 2px solid #920101;
}
#menu-tabs ul li a{
    display: block;
    color: #1F1E1E;
    position: relative;
    height: 26px;
    line-height: 26px;
    margin: 5px 0;
    padding: 0 15px;
    border-left: 1px solid #fff;
    border-right: 1px solid #cdcdcd;
    text-decoration: none;
    font-weight: 700;
}
#menu-tabs ul li:first-child a{
    border-left: none;
}
#menu-tabs ul li.last a{
    border-right: none;
}


#menu-tabs ul li:hover a,
#menu-tabs ul li.active a{
    color: #920101;
}


#take{
    display: block;
    position: relative;
    float: right;
    height: 26px;
    line-height: 26px;
    margin: 5px 15px 5px 0;
    text-decoration: none;
    color: #920101;
    font-weight: 700;
}

#take span{
    display: inline-block;
    height: 26px;
    line-height: 26px;
    float: left;
}

#take span.icon-sep{
    margin-top:-2px;
    margin-right: 5px;
}
#take:hover span.link{
    text-decoration: underline;
}

.content{
    display: block;
    position: relative;
    padding: 10px 20px;
}

.hide-page{
    display: none !important;
}

/*#calendar{
        display: block;
        position: relative;
        padding: 0 15px 20px 15px;
}*/


.sponsors-list{
    margin: 9px auto 0;
    width: 900px;
}
.sponsors-list .sponsor{
    float: left;
    margin-left: 34px;
}
.sponsors-list .sponsor:first-child{
    margin: 0;
}


.clearfix::after { 
    clear: both;
    content: " ";
    display: block;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    visibility: hidden;
    width: 0px;
}

#chat-window{
    display: block;
    position: relative;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    border: 1px solid #efefef;
    -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

.chat-header{
    display: block;
    position: relative;
    height: 36px;
    line-height: 36px;

    border: 1px solid #f7f7f7;

    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    background: #f9f9f9; /* ��� ������ �������� */
    background: -moz-linear-gradient(top, #f9f9f9, #eaeaea); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%,#f9f9f9), color-stop(100%,#eaeaea));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
    background: -o-linear-gradient(top, #f9f9f9, #eaeaea); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9, #eaeaea); /* IE10 */
    background: linear-gradient(top, #f9f9f9, #eaeaea); /* CSS3 */
}

.chat-header .breadcrumbs{
    display: block;
    position: relative;
    height: 36px;
    line-height: 36px;
    float: left;
    margin-left: 10px;
}

.chat-header .breadcrumbs a{
    display: inline-block;
    float: left;
    color: #2f353a;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    margin: 10px 5px;
}

.chat-header .breadcrumbs a:hover{
    text-decoration: underline;
}

.chat-header .breadcrumbs .icon-sep{
    display: inline-block;
    float: left;
    background: url(../images/liga/chat-sep.png) 50% 50% no-repeat;
    width: 10px;
    height: 16px;
    margin: 12px 0 0 0;
}
.chat-header .righthead{
    display: block;
    position: relative;
    height: 36px;
    line-height: 36px;
    float: right;
    margin-right: 10px;
}
.chat-header .righthead .inblank{
    display: inline-block;
    position: relative;
    height: 36px;
    line-height: 36px;
    float: left;
    margin-right: 10px;
    color: #b6b6b6;
}
.chat-header .righthead .spoiler{
    display: inline-block;
    position: relative;
    height: 17px;
    line-height: 17px;
    float: left;
    margin-top: 11px;
    color: #b6b6b6;
    width: 16px;
    background: url(../images/liga/spoiler-ico.png) 50% 0% no-repeat;
}
.chat-header .righthead .closed{
    background-position: 50% 100%;
}

.chat-area{
    display: block;
    position: relative;
}

#chat-window .chat-area{
    display: block;
    position: relative;
    padding: 10px 10px 0 10px;
    border-top: 1px solid #bababa;
}

.chat-list{
    display: block;
    position: relative;
    height: 240px;
    width: 100%;
    overflow-y: scroll;
}

.chat-control{
    display: block;
    position: relative;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#chat-input{
    display: inline-block;
    position: relative;
    float: left;
    width: 95%;
    border: 1px solid #c4c4c4;
    height: 18px;
    line-height: 18px;
}
.refresh{
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 2px;
    margin-right: 26px;
    background: url(../images/liga/ico-refresh.png) 50% 50% no-repeat;
}

.chat-list .chat-row{
    display: block;
    position: relative;
    margin-right: 6px;
    height: auto;
    line-height: 26px;
    border-bottom: 1px dotted #b6b6b6;
}

.chat-list .chat-text{
    color: #233039;
}

.chat-list .black-user{
    font-weight: normal;
    color: #233039;
}

.chat-list .green-user{
    font-weight: bolder;
    color: #038239;
}

.chat-list .red-user{
    font-weight: bolder;
    color: #660000;
}

.chat-list .chat-date{
    color: #b6b6b6;
}

.chat-list .chat-service{
    float: right;
    margin-right: 3px;
}

.skull_inactive{
    display: inline-block;
    position: relative;
    margin-left: 5px;
    width: 16px;
    height: 26px;
    line-height: 26px;
    float: left;
    background: url(../images/liga/ico-skull.png) 50% 50% no-repeat;
}

.skull_active,
.skull_inactive:hover{
    display: inline-block;
    position: relative;
    margin-left: 5px;
    width: 16px;
    height: 26px;
    line-height: 26px;
    float: left;
    background: url(../images/liga/ico-skull-active.png) 50% 50% no-repeat;
}

.delete_inactive{
    display: inline-block;
    position: relative;
    margin-left: 5px;
    width: 16px;
    height: 26px;
    line-height: 26px;
    float: left;
    background: url(../images/liga/ico-delete.png) 50% 50% no-repeat;
}

.delete_active,
.delete_inactive:hover{
    display: inline-block;
    position: relative;
    margin-left: 5px;
    width: 16px;
    height: 26px;
    line-height: 26px;
    float: left;
    background: url(../images/liga/ico-delete-active.png) 50% 50% no-repeat;
}

.chat-list .time{
    display:none;
    color: #000;
    float: left;
    margin-left: 5px;
}

.chat-list .all_mess, .one_mess{
    color: #741401;
    float: left;
    margin-left: 5px;
    display: none;
}

.smile1{
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    background: url(../images/liga/smile1.png) 50% 50% no-repeat;
    margin-bottom: -3px;
}

table.comand{
    width: 100%;
    border: 1px solid #c9c9c9;
    border-collapse: separate;
    margin-bottom: 20px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

table.comand th, table.comand td{
    border: 1px solid #c9c9c9;
}

table.comand tr.row-red{
    border: none;
    background: #fae5e0;
}
table.comand tr.row-blue{
    border: none;
    background: #e0e8ff;
}
table.comand tr.row-green{
    border: none;
    background: #cfc;
}
table.comand tr.row-white{
    border: none;
    background: #fff;
}
table.comand tr.row-gray{
    border: none;
    background: #f1f1f1;
}

table.comand thead tr{
    border: none;
    background: #e4e4e4;
}

table.comand th,
table.comand td{
    height: 28px;
    vertical-align: middle;
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;
    font-weight: bolder;
}

table.comand td a{
    font-weight: normal;
}

table.comand tr.first{
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

table.comand tr.first .first-left{
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

table.comand tr.first .first-right{
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

table.comand tr.last{
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

table.comand tr.last .last-left{
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

table.comand tr.last .last-right{
    -webkit-border-radius :0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

.result{
    color: #1a4ad2;
    font-weight: bolder;
}


.blue{
    color: #103396;
}
.biryuk{
    color: #209b9f;
}
.violet{
    color: #209b9f;
}
.green{
    color: #2a7815;
}

.dayselect{
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
}

.dayselect a{
    display: inline-block;
    position: relative;
    float: left;
    height: 18px;
    margin: 11px 0;
    padding: 0 10px;
    line-height: 18px;
    color: #6c6f75;
    text-decoration: none;
}

.dayselect a.active,
.dayselect a.active:hover{
    display: inline-block;
    position: relative;
    float: left;
    height: 18px;
    margin: 11px 0;
    padding: 0 10px;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    background: #6c6f75;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.dayselect a:hover{
    display: inline-block;
    position: relative;
    float: left;
    height: 18px;
    margin: 11px 0;
    padding: 0 10px;
    line-height: 18px;
    color: #920101;
    text-decoration: underline;
}

.dayselect .first-sep{
    display: inline-block;
    position: relative;
    float: left;
    height: 18px;
    font-size: 18px;
    margin: 10px 6px 11px 0;
    line-height: 18px;
    color: #920101;
    font-weight: bold;
}

.dayselect .sep{
    display: inline-block;
    position: relative;
    float: left;
    height: 18px;
    margin: 11px 0;
    line-height: 18px;
    color: #6c6f75;
    font-weight: normal;
}

.battles th{
    text-align: center !important;
}

.battles td.row-right{
    text-align: right !important;
}

.battles td.row-center{
    text-align: center !important;
}

.battles td.row-left{
    text-align: left !important;
}

/*
h1{
    display: block;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px dotted #b2b2b2;
    margin-bottom: 20px;
    color: #51545a;
    font-size: 14px;
    font-weight: normal;
}
*/

.notice{
    display: block;
    position: relative;
    font-size: 11px;
    line-height: 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 15px;
    margin-bottom: 20px;
}

.notice .label{
    font-weight: bolder;
}

.notice.info{
    border: 1px solid #cecece;
    background: #f1f3f5;
}

.notice.warning{
    border: 1px solid #eac572;
    background: #ffe9ad;
}

.notice.info .label{
    color: #4d5a67;
}

.notice.warning .label{
    color: #cd5818;
}

.h16i input{
    height: 16px !important;
    line-height: 16px !important;
    font-size: 12px !important;
}

.h20i input{
    height: 20px !important;
    line-height: 20px !important;
    font-size: 12px !important;
    vertical-align: auto;
}

.w550{
    display: block;
    position: relative;
    float: left;
    width: 550px;
    margin-right: 10px;
}
.w550 input{
    display: block;
    position: relative;
    float: left;
    width: 530px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border: 1px solid #dddddd;

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 3px;
}

.w270{
    display: block;
    position: relative;
    float: left;
    width: 270px;
    margin-right: 10px;
}

.w270 input{
    display: block;
    position: relative;
    float: left;
    width: 250px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border: 1px solid #dddddd;

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 3px;
}

.w270 select{
    display: block;
    position: relative;
    float: left;
    width: 270px;
    height: 22px;
    border: 1px solid #dddddd;

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 3px;
    vertical-align: auto;
}

.w180{
    display: block;
    position: relative;
    float: left;
    width: 180px;
    margin-right: 12px;
}
.w180 input{
    display: block;
    position: relative;
    float: left;
    width: 160px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border: 1px solid #dddddd;

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 3px;
}

.w640{
    display: block;
    position: relative;
    float: left;
    width: 730px;
    margin-right: 0px;
}
.w640 input{
    display: block;
    position: relative;
    float: left;
    width: 620px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border: 1px solid #dddddd;

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 3px;
}

.w640 .label,
.w180 .label,
.w270 .label,
.w550 .label{
    font-size: 11px;
    color: #a0a0a0;
}

.w640 .title,
.w180 .title,
.w270 .title,
.w550 .title{
    font-size: 12px;
    color: #616161;
}

.borbot{
    border-bottom: 1px dotted #B2B2B2;
    padding-bottom: 20px;
}

#btn-apply{
    display: block;
    position: relative;
    float: right;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    border: 1px solid #676767;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background: #3e6b9d; /* ��� ������ �������� */
    background: -moz-linear-gradient(top, #3e6b9d, #31547c); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%,#3e6b9d), color-stop(100%,#31547c));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #3e6b9d, #31547c);
    background: -o-linear-gradient(top, #3e6b9d, #31547c); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3e6b9d, #31547c); /* IE10 */
    background: linear-gradient(top, #3e6b9d, #31547c); /* CSS3 */

    font-size: 13px;
    cursor: pointer;
}

#regname{
    background: url(../images/liga/bg-input.png) 100% 50% no-repeat;
}

.onfocus{
    border: 1px solid #6da7ff !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.container .row{
    margin-bottom: 25px;
}

.casts{
    display: block;
    position: relative;
    list-style:none;
    float: left;
}

.casts li{
    display: inline-block;
    position: relative;
    height: 42px;
    margin-left: 4px;
    margin-right: 0px;
    float: left;
}

.casts li:first-child{
    margin-left: 0px;
}

.casts li a{
    display: block;
    position: relative;
    height: 42px;
    width: 42px;
    float: left;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
    -moz-opacity: 0.5; /* Mozilla 1.6 � ���� */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}

.casts li .border{
    display: block;
    position: relative;
    width: 42px;
    height: 42px;
    float: left;
    background: url(../images/liga/form_active.png) 50% 50% no-repeat;
}

.casts li.active .border{
    display: block;
    position: relative;
    width: 42px;
    height: 42px;
    float: left;
    background: url(../images/liga/form_active.png) 50% 50% no-repeat;
}

.casts li.active a{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1.0; /* Mozilla 1.6 � ���� */
    -khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}

#la_cl1 a, .la_cl1{background: url(../images/liga/ico36/la_cl1.jpg) 50% 50% no-repeat;}
#la_cl1_1 a, .la_cl1_1{background: url(../images/liga/ico36/la_cl1_1.jpg) 50% 50% no-repeat;}
#la_cl1_2 a, .la_cl1_2{background: url(../images/liga/ico36/la_cl1_2.jpg) 50% 50% no-repeat;}
#la_cl1_3 a, .la_cl1_3{background: url(../images/liga/ico36/la_cl1_3.jpg) 50% 50% no-repeat;}

#la_cl2 a, .la_cl2{background: url(../images/liga/ico36/la_cl2.jpg) 50% 50% no-repeat;}
#la_cl2_1 a, .la_cl2_1{background: url(../images/liga/ico36/la_cl2_1.jpg) 50% 50% no-repeat;}
#la_cl2_2 a, .la_cl2_2{background: url(../images/liga/ico36/la_cl2_2.jpg) 50% 50% no-repeat;}
#la_cl2_3 a, .la_cl2_3{background: url(../images/liga/ico36/la_cl2_3.jpg) 50% 50% no-repeat;}

#la_cl3 a, .la_cl3{background: url(../images/liga/ico36/la_cl3.jpg) 50% 50% no-repeat;}
#la_cl3_1 a, .la_cl3_1{background: url(../images/liga/ico36/la_cl3_1.jpg) 50% 50% no-repeat;}
#la_cl3_2 a, .la_cl3_2{background: url(../images/liga/ico36/la_cl3_2.jpg) 50% 50% no-repeat;}
#la_cl3_3 a, .la_cl3_3{background: url(../images/liga/ico36/la_cl3_3.jpg) 50% 50% no-repeat;}

#la_cl4 a, .la_cl4{background: url(../images/liga/ico36/la_cl4.jpg) 50% 50% no-repeat;}
#la_cl4_1 a, .la_cl4_1{background: url(../images/liga/ico36/la_cl4_1.jpg) 50% 50% no-repeat;}
#la_cl4_2 a, .la_cl4_2{background: url(../images/liga/ico36/la_cl4_2.jpg) 50% 50% no-repeat;}
#la_cl4_3 a, .la_cl4_3{background: url(../images/liga/ico36/la_cl4_3.jpg) 50% 50% no-repeat;}

#la_cl5 a, .la_cl5{background: url(../images/liga/ico36/la_cl5.jpg) 50% 50% no-repeat;}
#la_cl5_1 a, .la_cl5_1{background: url(../images/liga/ico36/la_cl5_1.jpg) 50% 50% no-repeat;}
#la_cl5_2 a, .la_cl5_2{background: url(../images/liga/ico36/la_cl5_2.jpg) 50% 50% no-repeat;}
#la_cl5_3 a, .la_cl5_3{background: url(../images/liga/ico36/la_cl5_3.jpg) 50% 50% no-repeat;}

#la_cl6 a, .la_cl6{background: url(../images/liga/ico36/la_cl6.png) 50% 50% no-repeat;}
#la_cl6_1 a, .la_cl6_1{background: url(../images/liga/ico36/la_cl6_1.png) 50% 50% no-repeat;}
#la_cl6_2 a, .la_cl6_2{background: url(../images/liga/ico36/la_cl6_2.png) 50% 50% no-repeat;}
#la_cl6_3 a, .la_cl6_3{background: url(../images/liga/ico36/la_cl6_3.png) 50% 50% no-repeat;}

#la_cl7 a, .la_cl7{background: url(../images/liga/ico36/la_cl7.jpg) 50% 50% no-repeat;}
#la_cl7_1 a, .la_cl7_1{background: url(../images/liga/ico36/la_cl7_1.jpg) 50% 50% no-repeat;}
#la_cl7_2 a, .la_cl7_2{background: url(../images/liga/ico36/la_cl7_2.jpg) 50% 50% no-repeat;}
#la_cl7_3 a, .la_cl7_3{background: url(../images/liga/ico36/la_cl7_3.jpg) 50% 50% no-repeat;}

#la_cl8 a, .la_cl8{background: url(../images/liga/ico36/la_cl8.jpg) 50% 50% no-repeat;}
#la_cl8_1 a, .la_cl8_1{background: url(../images/liga/ico36/la_cl8_1.jpg) 50% 50% no-repeat;}
#la_cl8_2 a, .la_cl8_2{background: url(../images/liga/ico36/la_cl8_2.jpg) 50% 50% no-repeat;}
#la_cl8_3 a, .la_cl8_3{background: url(../images/liga/ico36/la_cl8_3.jpg) 50% 50% no-repeat;}

#la_cl9 a, .la_cl9{background: url(../images/liga/ico36/la_cl9.jpg) 50% 50% no-repeat;}
#la_cl9_1 a, .la_cl9_1{background: url(../images/liga/ico36/la_cl9_1.jpg) 50% 50% no-repeat;}
#la_cl9_2 a, .la_cl9_2{background: url(../images/liga/ico36/la_cl9_2.jpg) 50% 50% no-repeat;}
#la_cl9_3 a, .la_cl9_3{background: url(../images/liga/ico36/la_cl9_3.jpg) 50% 50% no-repeat;}

#la_cl10 a, .la_cl10{background: url(../images/liga/ico36/la_cl10.jpg) 50% 50% no-repeat;}
#la_cl10_1 a, .la_cl10_1{background: url(../images/liga/ico36/la_cl10_1.jpg) 50% 50% no-repeat;}
#la_cl10_2 a, .la_cl10_2{background: url(../images/liga/ico36/la_cl10_2.jpg) 50% 50% no-repeat;}
#la_cl10_3 a, .la_cl10_3{background: url(../images/liga/ico36/la_cl10_3.jpg) 50% 50% no-repeat;}

#la_cl11 a, .la_cl11{background: url(../images/liga/ico36/la_cl11.jpg) 50% 50% no-repeat;}
#la_cl11_1 a, .la_cl11_1{background: url(../images/liga/ico36/la_cl11_1.jpg) 50% 50% no-repeat;}
#la_cl11_2 a, .la_cl11_2{background: url(../images/liga/ico36/la_cl11_2.jpg) 50% 50% no-repeat;}
#la_cl11_3 a, .la_cl11_3{background: url(../images/liga/ico36/la_cl11_3.jpg) 50% 50% no-repeat;}
#la_cl11_4 a, .la_cl11_4{background: url(../images/liga/ico36/la_cl11_4.jpg) 50% 50% no-repeat;}


.casts li.active.open .speks{
    display: block;
    float: left;
    height: 42px;
}

.casts li.open .speks{
    display: block;
    float: left;
    height: 42px;
}

.casts li .speks,
.casts li.active .speks{
    display: none;
}

.casts li .speks li a,
.casts li.active .speks li a{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
    -moz-opacity: 0.5; /* Mozilla 1.6 � ���� */
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}

.casts li .speks li.active-spek a,
.casts li.active .speks li.active-spek a{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1.0; /* Mozilla 1.6 � ���� */
    -khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}

.casts li .speks li,
.casts li.active .speks li {
    margin-right: 0px;
    margin-left: 0px;
}
.casts li .speks li:first-child,
.casts li.active .speks li:first-child {
    margin-right: 0px;
    margin-left: 4px;
}

.casts li .speks li a .border,
.casts li.active .speks li a .border{
    background: url(../images/liga/form.png) 50% 50% no-repeat;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
    /* margin: 0 10px; */
    display: block;
    position: relative;
    height: 35px;
    margin-bottom: 10px;

    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    border-bottom: 1px solid #383b40;

    background: #101319; 
	
    margin: 0 auto;
    max-width: 1240px;
    min-width: 940px;
    z-index: 1;	
}

#copy{
    color: #888888;
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 11px;
    margin-left: 20px;
}

#menu-bottom{
    float: right;
    height: 35px;
    line-height: 35px;
    margin-right: 20px;
}
#menu-bottom a{
    color: #888888; 
    font-size: 11px;	
}
#menu-bottom a.ontop {
    padding-left: 10px; 
    background: url(../images/liga/ontop.png) no-repeat 0 center
}
#menu-bottom  span.sep {
    font-size: 11px; 
    margin: 0 11px; 
    color: #474A51;
}


.commands-list{
    display: block;
    position: relative;
    background: url(../images/liga/bg_dot.png) 50% 0 repeat-y;
}

.commands-list .c1,
.battle-state .c1,
.capitans .c1{
    display:inline-block;
    float: left;
    width: 50%;
    text-align: right;
}

.commands-list .c1 h2{
    display:block;
    float: right;
    margin-right: 35px;
    position: relative;
    width: 100%;
    color: #741401;
    font-size: 14px;
    margin-bottom: 10px;
	font-weight: bold;
}

.commands-list .c1 ul{
    display:block;
    float: right;
    margin-right: 35px;
    list-style: none;
    position: relative;
    width: 100%;
}

.commands-list .c1 ul li{
    display:block;
    float: right;
    height: 18px;
    margin-bottom: 8px;
    width: 100%;
}

.commands-list .c2,
.battle-state .c2,
.capitans .c2{
    display:inline-block;
    float: right;
    width: 50%;
    text-align: left;
}

.commands-list .c2 h2{
    display:block;
    float: left;
    margin-left: 35px;
    position: relative;
    width: 100%;
    color: #741401;
    font-size: 14px;
    margin-bottom: 10px;
	font-weight:bold;
}

.commands-list .c2 ul{
    display:block;
    float: left;
    margin-left: 35px;
    list-style: none;
    position: relative;
    width: 100%;
}

.commands-list .c2 ul li{
    display:block;
    float: left;
    height: 18px;
    margin-bottom: 8px;
    width: 100%;
}

.c1 .gamer_label{
    display: inline-block;
    position: relative;
    height: 18px;
    line-height: 18px;
    float: right;
    color: #000;
}

.c2 .gamer_label{
    display: inline-block;
    position: relative;
    height: 18px;
    line-height: 18px;
    float: left;
    color: #000;
}

.c1 .gamer{
    display: inline-block;
    position: relative;
    width: 36px;
    height: 18px;
    float: right;
    margin-right: 6px;
}

.c2 .gamer{
    display: inline-block;
    position: relative;
    width: 36px;
    height: 18px;
    float: left;
    margin-left: 6px;
}

.gamer .i1, .gamer .i2{
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
    -moz-opacity: 0.5; /* Mozilla 1.6*/
    -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}

.i1 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
    -moz-opacity: 0.7; /* Mozilla 1.6  */
    -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}

.cc1{
    background: url(../images/liga/ico18/1.png) 0 0 no-repeat;
}

.cc2{
    background: url(../images/liga/ico18/2.png) 0 0 no-repeat;
}

.cc3{
    background: url(../images/liga/ico18/3.png) 0 0 no-repeat;
}

.cc4{
    background: url(../images/liga/ico18/4.png) 0 0 no-repeat;
}

.cc5{
    background: url(../images/liga/ico18/5.png) 0 0 no-repeat;
}

.cc6{
    background: url(../images/liga/ico18/6.png) 0 0 no-repeat;
}

.cc7{
    background: url(../images/liga/ico18/7.png) 0 0 no-repeat;
}

.cc8{
    background: url(../images/liga/ico18/8.png) 0 0 no-repeat;
}

.cc9{
    background: url(../images/liga/ico18/9.png) 0 0 no-repeat;
}

.cc10{
    background: url(../images/liga/ico18/10.png) 0 0 no-repeat;
}

.cc1{
    background: url(../images/liga/ico18/1.png) 0 0 no-repeat;
}

.cc11{
    background: url(../images/liga/ico18/11.png) 0 0 no-repeat;
}

.cc12{
    background: url(../images/liga/ico18/12.png) 0 0 no-repeat;
}

.cc13{
    background: url(../images/liga/ico18/13.png) 0 0 no-repeat;
}

.cc14{
    background: url(../images/liga/ico18/14.png) 0 0 no-repeat;
}

.cc15{
    background: url(../images/liga/ico18/15.png) 0 0 no-repeat;
}

.cc16{
    background: url(../images/liga/ico18/16.png) 0 0 no-repeat;
}

.cc17{
    background: url(../images/liga/ico18/17.png) 0 0 no-repeat;
}

.cc18{
    background: url(../images/liga/ico18/18.png) 0 0 no-repeat;
}

.cc19{
    background: url(../images/liga/ico18/19.png) 0 0 no-repeat;
}

.cc20{
    background: url(../images/liga/ico18/20.png) 0 0 no-repeat;
}

.cc21{
    background: url(../images/liga/ico18/21.png) 0 0 no-repeat;
}

.cc22{
    background: url(../images/liga/ico18/22.png) 0 0 no-repeat;
}

.cc23{
    background: url(../images/liga/ico18/23.png) 0 0 no-repeat;
}

.cc24{
    background: url(../images/liga/ico18/24.png) 0 0 no-repeat;
}

.cc25{
    background: url(../images/liga/ico18/25.png) 0 0 no-repeat;
}

.cc26{
    background: url(../images/liga/ico18/26.png) 0 0 no-repeat;
}

.cc27{
    background: url(../images/liga/ico18/27.png) 0 0 no-repeat;
}

.cc28{
    background: url(../images/liga/ico18/28.png) 0 0 no-repeat;
}

.cc29{
    background: url(../images/liga/ico18/29.png) 0 0 no-repeat;
}

.cc30{
    background: url(../images/liga/ico18/30.png) 0 0 no-repeat;
}

.cc31{
    background: url(../images/liga/ico18/31.png) 0 0 no-repeat;
}

.cc32{
    background: url(../images/liga/ico18/32.png) 0 0 no-repeat;
}

.cc33{
    background: url(../images/liga/ico18/33.png) 0 0 no-repeat;
}

.cc34{
    background: url(../images/liga/ico18/34.png) 0 0 no-repeat;
}

.battle-state{
    display: block;
    position: relative;
    height: 36px;
    line-height: 36px;

    border-top: 1px solid #efefef;
    border-bottom: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;

    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;

    background: #f9f9f9; /* ��� ������ �������� */
    background: -moz-linear-gradient(top, #f9f9f9, #eaeaea); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
        color-stop(0%,#f9f9f9), color-stop(100%,#eaeaea));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
    background: -o-linear-gradient(top, #f9f9f9, #eaeaea); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9, #eaeaea); /* IE10 */
    background: linear-gradient(top, #f9f9f9, #eaeaea); /* CSS3 */
    margin-top: 8px;
}

.la_sync{
    cursor: pointer;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    background: url(../images/liga/ico-upd.png) 50% 50% no-repeat;
    width: 16px;
    height: 16px;
    top: 10px;
}

.la_sync_start{
    cursor: pointer;
    display: block;
    font-weight: bold;
}

.c1 .bonustime{
    display: block;
    position: relative;
    float: right;
    margin-right: 35px;
    font-size: 12px;
    color: #a6a5a5;
}

.c1 .timer{
    display: block;
    position: relative;
    float: right;
    margin-right: 95px;
    background: url(../images/liga/ico-time.png) 0 50% no-repeat;
    padding-left: 20px;
    font-size: 16px;
    font-weight: bold;
}

.timer.gray{
    color: #2e2d2d;
}

.timer.red{
    color: #741401;
}

.c2 .bonustime{
    display: block;
    position: relative;
    float: left;
    margin-left: 35px;
    font-size: 12px;
    color: #a6a5a5;
}

.c2 .timer{
    display: block;
    position: relative;
    float: left;
    margin-left: 95px;
    background: url(../images/liga/ico-time.png) 100% 50% no-repeat;
    padding-right: 20px;
    font-size: 16px;
    font-weight: bold;
}

.capitans{
    display: block;
    position: relative;
    margin-top: 1px;
    margin-bottom: 4px;
}

.bluerow{
    display: block;
    position: relative;
    height: 113px;
    background: url(../images/liga/bluerow.png) 50% 0 no-repeat;
    margin-bottom: 4px;
}

.pinkrow{
    display: block;
    position: relative;
    height: 99px;
    background: url(../images/liga/pinkrow.png) 50% 0 no-repeat;
    margin-bottom: 4px;
}

.c1 .bigcircle{
    display: block;
    position: relative;
    width: 99px;
    height: 88px;
    margin-right: 10px;
    float: right;
    margin-top:13px;
}

.c2 .bigcircle{
    display: block;
    position: relative;
    width: 99px;
    height: 88px;
    margin-left: 10px;
    float: left;
    margin-top:13px;
}

.c1 .medcircle{
    display: block;
    position: relative;
    width: 76px;
    height: 76px;
    margin-left: 35px;
    float: right;
    margin-top:10px;
}

.c2 .medcircle{
    display: block;
    position: relative;
    width: 76px;
    height: 76px;
    margin-left: 35px;
    float: left;
    margin-top:10px;
}

.smallico{
    display: block;
    position: absolute;
    width: 33px;
    height: 33px;
    bottom:0;
    right: 15px;
}


.medcircle .smallico{
    right: 5px;
}

.c1 .complete{
    display: block;
    position: relative;
    float: left;
    text-align: left;
    margin-left: 12px;
    padding-left:30px;
    background: url(../images/liga/complete.png) 0 50% no-repeat;
    line-height: 14px;
    padding-top:4px;
    font-size: 11px;
    font-weight: bold;
    color: #a3a3a3;
    text-decoration: none;
    cursor: pointer
}

.c2 .complete{
    display: block;
    position: relative;
    float: right;
    text-align: right;
    margin-right: 12px;
    padding-right:30px;
    background: url(../images/liga/complete.png) 100% 50% no-repeat;
    line-height: 14px;
    padding-top:4px;
    font-size: 11px;
    font-weight: bold;
    color: #a3a3a3;
    text-decoration: none;
    cursor: pointer
}

.complete.active{
    color: #2f9508;
    background-image: url(../images/liga/complete_active.png);
}

.grayline{
    display: block;
    position: relative;
    background: #404040;
    padding: 30px 0 20px 0;
    margin: 0 -20px;

    border-top:3px solid #2d2d2d;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.boxrow{
    display: block;
    position: relative;
    height: 42px;
    line-height: 42px;
    margin-bottom: 15px;
}

.box4{
    display: inline-block;
    position: relative;
    height: 42px;
    line-height: 42px;
    margin: 0 15px;
}

.box4 .class{
    display: inline-block;
    position: relative;
    float:left;
    height: 42px;
    line-height: 42px;
    width: 42px;
}

.box4 .spek{
    display: inline-block;
    position: relative;
    float:left;
    height: 42px;
    line-height: 42px;
    width: 42px;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/
    -moz-opacity: 0.6; /* Mozilla 1.6 � ���� */
    -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */

    cursor: pointer;
}

.box4 .spek.active{
    display: inline-block;
    position: relative;
    float:left;
    height: 42px;
    line-height: 42px;
    width: 42px;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
    -moz-opacity: 1.0; /* Mozilla 1.6 � ���� */
    -khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
    opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */

}



.grayline .c1{
    display:inline-block;
    float: left;
    width: 50%;
    text-align: right;
}


.grayline .c2{
    display:inline-block;
    float: right;
    width: 50%;
    text-align: left;
}

.box4 .class .border{
    display: block;
    position: relative;
    width: 42px;
    height: 42px;
    background: url(../images/liga/form_active.png) 50% 50% no-repeat;
}

.box4 .spek .border{
    display: block;
    position: relative;
    width: 42px;
    height: 42px;
    background: url(../images/liga/form.png) 50% 50% no-repeat;
}
.box4 .spek.active .border{
    display: block;
    position: relative;
    width: 42px;
    height: 42px;
    background: url(../images/liga/form_green.png) 50% 50% no-repeat;
}



/*html,body {font-family: Arial; background: url("../images/bg-repeat.jpg") repeat 0 0; font-size: 12px; color: #474a51;}*/
html,body {font-family: Arial; font-size: 12px; color: #000; width: 100%}

/* h1,h2,h3,h4,h5 {font-family: Arial; font-weight: normal} */
.list-block-content h1, .list-block-content h2, .list-block-content h3, .list-block-content h4, .list-block-content h5 {font-family: Arial; font-weight: normal}

/* h2 {font-size: 18px} */
/* p{padding-bottom: 14px}*/
a{color: #3c5d8b; text-decoration: none}
a:hover{text-decoration: underline}
.main-col li {margin: 0px 0px 0px 1.5em;}

.background {background: url("../images/bg-img-plantronics.jpg") no-repeat center 0;}
/*.background {background: url("../images/main-bg-img.jpg) no-repeat center 0;}*/
.main-div {margin: auto; position: relative; min-width: 940px; max-width: 1240px }

.header {line-height: 34px; font-size: 11px; font-family: Verdana}
.header .back-l, .header .back-r, .header .back-c {height: 34px;}
.header .back-l {background: url("../images/header-back-l.png") no-repeat 0 0; float: left; width: 5px;}
.header .back-r {background: url("../images/header-back-r.png") no-repeat 0 0; float: right; width: 5px;}
.header .back-c {background: url("../images/header-back-c.png") repeat-x 0 0; overflow: hidden; zoom: 1; padding: 0 15px}

.header .login-links {float: right; font-size: 0}
.header .login-links a {color: #FFFFFF; font-size: 11px; text-decoration: none;}
.header .login-links a:hover {color: #FFFFFF; font-size: 11px; text-decoration: underline;}
.header .login-links span.sep {font-size: 11px; margin: 0 11px}
.header .welcome {color: #FFFFFF; float: left; padding-left: 2px}


.sub-header {overflow: hidden; zoom: 1;}
.sub-header .top-right {float: right;}

.main-menu {font-family: Arial; margin-left: -3px; /* margin-bottom: 9px;*/ position: relative; z-index: 5; zoom: 1}
.main-menu .back-l, .main-menu .back-r, .main-menu .back-c {height: 40px; line-height: 42px; padding-top: 2px}
.main-menu .back-l {background: url("../images/main-menu-back-l.png") no-repeat 0 0; float: left; width: 10px; }
.main-menu .back-r {background: url("../images/main-menu-back-r.png") no-repeat 0 0; float: right; width: 10px;}
.main-menu .back-c {background: url("../images/main-menu-back-c.png") repeat-x 0 0; margin: 0 10px; _margin: 0;}

.main-menu .search-btn {float: right;  padding:10px 12px 0 18px;  border-left: 1px solid #000; height: 28px}
.main-menu .radio-btn {float: right;  padding:10px 16px 0 21px;  border-left: 1px solid #000; height: 28px}
.main-menu .home-btn {float: left; padding:9px 20px 0 12px;  height: 30px}
.main-menu .search-btn img,.main-menu .home-btn img  {display: block}

.main-menu ul {height: 37px; list-style: none}
.main-menu ul li{float: left; padding: 0 23px; height: 37px; line-height: 39px; border-left: 1px solid #000; font-weight: bold; position: relative}
.main-menu ul li a {color: #e8e8e8; text-decoration: none; text-shadow: 1px 1px 2px black;}
.main-menu ul li a span {color: #5d626c}
.main-menu ul li.parent a {}
.main-menu ul li.parent span {padding-right: 21px; background: url("../images/menu-arrow.png") no-repeat right center; color:#c0e2a9; text-shadow: 1px 1px 1px black;}
.main-menu ul li.star  {background: url("../images/fpro.png") no-repeat left center}
.main-menu ul li.star a  {margin-left: 14px;}

.main-menu ul li .pg_dropdown {position: absolute; left: -1px; top: 35px; background: url("../images/blank.gif") no-repeat 0 0; display: none}
.main-menu ul li .pg_dropdown ul{height: auto; white-space: nowrap;  padding-left: 21px; padding-right: 21px;  background: #1f232a; margin-top: 3px; margin-left: 0px; padding-top: 10px; _float: left}
.main-menu ul li .pg_dropdown ul li{padding: 0; height: auto; line-height: normal; border: 0; font-weight: normal; display: block; float: none; vertical-align: top; zoom: 1; _float: left; _clear: left;}
.main-menu ul li .pg_dropdown ul li ul li{padding-left: 10px; line-height: 16px; }
.main-menu ul li .pg_dropdown ul li ul {padding: 2px 0 15px;}
.main-menu ul li .pg_dropdown ul li a {color: #c2c2c2 ; padding: 0; background: none}
.main-menu ul li .pg_dropdown ul li a:hover {text-decoration: underline}
.main-menu ul li .pg_dropdown ul li ul li a {color: #c2c2c2  !important}
.main-menu ul li .pg_dropdown ul li.orange a {color: #d87144; }
.main-menu ul li .pg_dropdown ul li.green a {color: #57a324; }
.main-menu ul li .pg_dropdown ul li.lol a {color: #EA9E0A;}
.main-menu ul li .pg_dropdown ul li.dota2 a {color: #bf2310;}
.main-menu ul li .pg_dropdown ul li.dark-blue a {color: #3b71ca;}
.main-menu ul li .pg_dropdown ul li.fpro a {color: #e45f15; font-weight:bold; }
.main-menu ul li .pg_dropdown ul li.bpro a {color: #eab81e; font-weight:bold; }
.main-menu ul li .pg_dropdown ul li.emoney a {color: #7bdd4b; font-weight:bold; }
.main-menu ul li .pg_dropdown ul li ul li.descript {font-size:11px; padding-left:0px; color:#c2c2c2; line-height: 12px; }

.main-menu ul li .pg_dropdown .btm {position: absolute; bottom: -5px; left: 0; height: 5px; width: 100%; z-index: 4; _display: none }
.main-menu ul li .pg_dropdown .btm .l{float: left; width: 5px; height: 5px; background: url("../images/dropdown-back-l.png") no-repeat 0 0}
.main-menu ul li .pg_dropdown .btm .r{float: right; width: 5px; height: 5px;  background: url("../images/dropdown-back-r.png") no-repeat 0 0}
.main-menu ul li .pg_dropdown .btm .c{height: 5px; overflow: hidden; zoom: 1; background: #1f232a;  display: block;}


.search-block {float: right; background: url("../images/search-back.png") no-repeat 0 0; width: 240px; height: 50px; margin-top: -15px; position: relative; z-index: 4; display: none; margin-bottom: -35px}
.search-block .i-text {background: none; color: #ababab; font-size: 12px; font-family: Arial; margin: 19px 25px 0; width: 190px}


.page {margin-right: 1px}
.page .back-top {height: 6px; overflow: hidden; zoom: 1; font-size: 0}
.page .back-top .back-l{background: url("../images/content-bg-t-l.png") no-repeat 0 0; float: left; width: 6px; height: 6px}
.page .back-top .back-r{background: url("../images/content-bg-t-r.png") no-repeat 0 0; float: right; width: 6px; height: 6px}
.page .back-top .back-c{background: #f9f9f9; height: 6px; overflow: hidden; zoom: 1}

.page-content {background: #f9f9f9; padding:6px 16px}


.filter-line {font-family: Arial; overflow: hidden; zoom: 1; border-bottom: 1px solid #dddddd; padding-bottom: 2px; margin-bottom: 14px;}
.soc{float: right; font-size: 0; padding-right: 1px; padding-top: 1px}
.soc a {color: #aeaeae; text-decoration: none; padding-left: 18px; margin-left: 24px; font-size: 12px; display: inline-block; zoom: 1; height: 15px; line-height: 17px}
.soc a.a-rss {background: url("../images/icon-rss.png") no-repeat 0 0}
.soc a.a-twitter {background: url("../images/icon-twitter.png") no-repeat 0 0}
.soc a.a-vk {background: url("../images/vk_icon.png") no-repeat 0 0}


.filters {font-family: Arial; background: url("../images/filters-arrow.png") no-repeat 2px center; padding-left: 13px; height: 18px; color: #1a1d23; font-size: 0;}
.filters a, .filters i, .filters span {font-size: 12px;}
.filters a, .filters a:link {color: #000000; margin: 0 7px; display: inline-block; zoom: 1; text-decoration: none; font-weight: bold;}
.filters a:hover {color: #AA0000; text-decoration: underline; }
.filters a.active {background: #7c7e83; color: #f9f9f9 !important; margin: 0 3px; padding: 0 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; cursor: default; }
.filters span.sep {color: #969696; padding: 0 8px; font-size: 14px;}
.filters i {margin: 0 7px; font-style: normal}
.filters a.orange {color: #d87144}
.filters a.grey {color: #959595}
.filters a.dark-blue {color: #2e408b}
.filters a.red {color: #ac2222}
.filters a.blue {color: #015d93}
.filters a.green {color: #168c06}
.filters a.lol {color: #ea9e0a}
.filters a.hon {color: #a713b9}
.filters a.swtor {color: #2d597d}
.filters a.dark-grey {color: #3d3d3d}




.main-cols {overflow: hidden; zoom: 1}
.main-col {overflow: hidden; zoom: 1; line-height: 18px}
.right-col {float: right; width: 300px; margin-left: 18px; line-height: 18px}
.right-col .block{background: url("../images/right-block-back.png") no-repeat 0 0; width: 300px; padding-top: 12px; margin-bottom: 6px}
.right-col .block .block-back {background: url("../images/right-block-back.png") no-repeat 0 bottom;}
.right-col .block .title {font-size: 14px; padding-left: 25px; border-bottom: 1px solid #e0e0e0; padding: 0 16px 8px 41px;}
.right-col .block .title.title-popular {background: url("../images/icon-popular.png") no-repeat 16px 2px}
.right-col .block .title.teletrade {background: url("../images/teletrade_logo.png") no-repeat 16px 2px; padding-left:143px; padding-top:5px; color: #02458e;}
.right-col .block .title.title-popular-2 {background: url("../images/icon-popular-2.png") no-repeat 16px 2px}

.right-col .block .block-content {padding:0 16px 10px; overflow: hidden; zoom: 1; padding-bottom: 10px }

.right-col .block .block-links {text-align: center; font-size: 11px; color: #363b42; padding: 10px 0 2px}
.right-col .block .block-links a {margin: 0 5px}

.right-col .block ul {border-bottom: 1px solid #fff; margin-top: -1px; list-style: none}
.right-col .block ul li {line-height: 16px; padding-top:8px; padding-bottom:8px; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fff; padding-left: 5px; margin-left: 0px;}
.right-col .block ul li:hover {background: url("../images/right-block-li-hover.png") repeat-x 0 bottom}
.right-col .block ul li a {text-decoration: none; display: block; background: url("../images/topic-arrow.png") no-repeat right center; margin-right: 8px;}
.right-col .block ul li span strong{color: #585d63; font-size: 12px; font-weight: normal}
.right-col .block ul li span {color: #9B9EA2; font-size: 11px; display: block}

.right-col .sep {border-top: 1px solid #e0e0e0; border-bottom: 1px solid #fff;}
.right-col .block-tabs,.right-col .block-tabs .block-back {background: none; }
.right-col .block-tabs .block-content {padding: 0; border: 0}

.mt_qoutes_down { background: url("../images/down.png") no-repeat; width: 3px; padding-right:40px;;}
.mt_qoutes_up { background: url("../images/up.png") no-repeat; width: 3px; padding-right:40px;}
.mt_quotes_td_symbol {font-size:11px; font-weight:bold; padding-right:2px; color: #3964c7;}
.mt_quotes_td_bid {font-size:11px; padding-right:10px;}
.mt_quotes_td_ask {font-size:11px; padding-right:10px;}
.mt_quotes_td_percent {font-size:11px;}


.tabs {background: url("../images/right-block-back.png") no-repeat 0 bottom; padding-bottom: 10px; margin-bottom: 12px }
.tabs dl {overflow:hidden; zoom:1; position:relative; background: url("../images/tabs-dt.png") repeat-x 0 0; }
.tabs dl .tabs dt {float:left; position:relative; cursor:pointer; color: #788792; font-size: 14px; height: 36px; line-height: 36px; padding: 0 0 0 9px; margin-right: 2px; background: url("../images/tab-back.png") no-repeat 0 0; padding: 0 0 0 9px; zoom: 1; clear: none; _margin: 0 1px 0 0 }
.tabs dl .tabs dt .tabs span {height: 36px; float: left; background: url("../images/tab-back.png") no-repeat right 0; padding-right: 10px;}
.tabs dl .tabs dt.selected { z-index:3; cursor:default;  background: url("../images/tab-back-active.png") no-repeat 0 0; height: 37px; }
.tabs dl .tabs dt.selected span {height: 37px; background: url("../images/tab-back-active.png") no-repeat right 0; color: #363b42}

.tabs dl .tabs dd {float:right; width:100%; position:relative; z-index:2; padding-top: 10px;  border-top: 1px solid #e0e0e0}
.tabs dl .tabs dd .dd-content {padding: 10px 15px;}
.tabs dl .tabs dd .dd-content table {width: 100%; vertical-align: middle; border-collapse: collapse }
.tabs dl .tabs dd .dd-content table tr {vertical-align: bottom}
.tabs dl .tabs dd .dd-content table tr td{padding: 1px 5px 1px 0 !important; vertical-align: top}
.tabs dl .tabs dd .dd-content table .col1{color: #4e6374; padding-right: 5px; color: #1a1d23; font-weight: bold}

.tabs dl .tabs dd {display:none; margin:36px 0 0 -100%; padding: 0; zoom: 1;  }
.tabs dl .tabs dd.selected {display: block}

.catalog table {border-collapse: collapse; width: 100%; }
.catalog table td{ padding: 11px 5px; vertical-align: middle; text-align: left; color: #585d63; border: 0 }
.catalog table tr:hover td {background: url("../images/right-block-li-hover.png") repeat-x 0 bottom}
.catalog table td small {color: #cbced2; font-size: 11px}
.catalog table td.price {color: #ceae75; font-size: 19px; font-weight: bold; text-align: right; white-space: nowrap}
.catalog table tr.tr-sep td{padding: 0; height: 0; font-size: 0; }
.catalog table tr.tr-sep td div{border-top: 1px solid #e0e0e0; border-bottom: 1px solid #fff}

.list {margin-top: 2px}
.list-block {position: relative; margin-bottom: 15px; zoom: 1}
.list-block .angles i{width: 5px; height: 5px; position: absolute; top: 0; background: url("../images/round-angles.png") no-repeat 0 0}
.list-block .angles i.tl {left: 0; }
.list-block .angles i.tr {right: 0; background: url("../images/round-angles.png") no-repeat right 0}

.list-block-content {padding: 10px 5px;}
.list-block-title {font-size: 18px; }
.list-block-title h2 {font-size: 18px}
.list-block-title a  {color: #363b42}
.list-block .list-block-title .category-name {float: left; margin-right: 5px}
.list-block-date {color: #A4A4A4; font-size: 11px; margin-bottom: 7px}
.list-block-text {line-height: 16px; overflow: hidden; zoom: 1; }
.list-block-text p { margin: 0.5em 0px; }
/* .list-block-text img {border: 3px solid #b9b9b9; margin: 0 10px 10px 0; width: 90%;} */
.list-block-text img, .list-block-text iframe {max-width: 100%;}
.list-block-info {border-bottom: 1px dashed #dedede; font-size: 11px; color: #848890; overflow: hidden; zoom: 1; padding-bottom: 1px; padding-top:15px; height: 24px; overflow: visible;}
.list-block-info .lbi-right {float: right}
.list-block-info .lbi-left {float: left; padding-right: 20px;}
.list-block-info .lbi-left a {color: #42474e}

.list-block.lb-orange {background: url("../images/bg-orange.png") repeat-x 0 0 transparent}
.list-block.lb-orange .list-block-title .category-name, .list-block.lb-orange .list-block-title .category-name a{color: #d87144; text-decoration: none}
.list-block.lb-orange .list-block-text {list-style-position: inside;}
.list-block.lb-dark-blue {background: url("../images/bg-dark-blue.png") repeat-x 0 0}
.list-block.lb-dark-blue .list-block-text {list-style-position: inside;}
.list-block.lb-dark-blue .list-block-title .category-name, .list-block.lb-dark-blue .list-block-title .category-name a{color: #2e408b; text-decoration: none}

.list-block.lb-red {background: url("../images/bg-red.png") repeat-x 0 0}
.list-block.lb-red .list-block-title .category-name, .list-block.lb-red .list-block-title .category-name a{color: #ac2222; text-decoration: none}
.list-block.lb-red .list-block-text {list-style-position: inside;}

.list-block.lb-black {background: url("../images/bg-black.png") repeat-x 0 0}
.list-block.lb-black .list-block-title .category-name, .list-block.lb-black .list-block-title .category-name a{color: #000000; text-decoration: none}
.list-block.lb-black .list-block-text {list-style-position: inside;}

.list-block.lb-green {background: url("../images/bg-green.png") repeat-x 0 0}
.list-block.lb-green .list-block-title .category-name, .list-block.lb-green .list-block-title .category-name a{color: #000000; text-decoration: none}
.list-block.lb-green .list-block-text {list-style-position: inside;}

.list-block.lb-blue {background: url("../images/bg-blue.png") repeat-x 0 0}
.list-block.lb-blue .list-block-title .category-name, .list-block.lb-blue .list-block-title .category-name a{color: #015d93; text-decoration: none}
.list-block.lb-blue .list-block-text {color: #015d93; list-style-position: inside;}
.list-block.lb-blue .list-block-content {background: url("../images/blizard-bg.png") no-repeat right 0}

.pages {text-align: center; font-size: 0; margin: 20px 0}
.pages a, .pages span {display: inline-block; zoom: 1; width: 18px; height: 17px; line-height: 17px; margin: 0 3px; text-decoration: none; color: #6d7277; font-size: 14px}
.pages span.current {background: url("../images/pages-bg.png") no-repeat 0 0; color: #f9f9f9}
.pages a:hover {text-decoration: underline}


.footer {line-height: 36px; font-size: 11px;}
.footer .back-l, .footer .back-r, .footer .back-c {height: 36px;}
.footer .back-l {background: url("../images/footer-back-l.png") no-repeat 0 0; float: left; width: 5px;}
.footer .back-r {background: url("../images/footer-back-r.png") no-repeat 0 0; float: right; width: 5px;}
.footer .back-c {background: url("../images/footer-back-c.png") repeat-x 0 0; padding: 0 15px; overflow: hidden; zoom: 1}

.footer .login-links {float: right; font-size: 0}
.footer .login-links a {color: #888888; font-size: 11px;}
.footer .login-links a.ontop {padding-left: 10px; background: url("../images/ontop.png") no-repeat 0 center}
.footer .login-links span.sep {font-size: 11px; margin: 0 11px}

.footer .copyright {color: #888888; float: left; padding-left: 2px}

#pelena {background: #1f232b; opacity: 0.8; filter:aplha(opacity=80); position: absolute; top: 0; left: 0; width: 100%; z-index: 6; display: none}

.l-popup {position: absolute; left: 50%; top: 50%; z-index: 7; display: none}
#login-popup {height: 279px; width: 503px; background: url("../images/popup-login.png") no-repeat 0 0; margin-left: -251px; margin-top: -140px;  }
#reg-popup {height: 725px; width: 870px; background: url("../images/popup-reg.png") no-repeat 0 0; margin-left: -435px; top: 85px}

.l-popup .line {margin-bottom: 10px;  overflow: hidden; zoom: 1}
.l-popup .line-title {font-size: 14px; font-family: Tahoma; color: #464a54; margin-bottom: 13px}
.l-popup .line-submit {padding-top: 0px; overflow: hidden; zoom: 1}
.l-popup .line label {display: block; font-size: 12px; color: #b3b4b7; font-family: Arial}
.l-popup .line .i-text {width: 351px; height: 30px; line-height: 30px; border: 1px solid #c0c0c0; font-size: 12px; color: #464a54; font-family: Arial; padding: 0 10px; background: #f1f1f1}
.l-popup .line .i-submit {background: #2a2e35 url("../images/submit-back.png") repeat-x 0 0; height: 31px; line-height: 29px; border: 1px solid #c0c0c0; padding: 0 30px; color: #f9f9f9; font-family: Tahoma; float: right; cursor: pointer; padding-bottom: 3px;}
.l-popup .line .i-submit:active {background-image: none}
.l-popup .line-links {line-height: 16px; color: #4a5057}

#login-popup form {width: 373px; margin: auto; margin-top: 42px}
#reg-popup form {width: 800px; margin: auto; margin-top: 36px}
#reg-popup form h2 {text-align: center; margin-bottom: 13px}
#reg-popup form .line label {color: #7c7c7c; font-size: 11px}
#reg-popup form .line label strong{color: #3d3d3d; font-size: 12px; }
#reg-popup form .line .i-submit {float: left;}

.l-popup .form-text {margin-bottom: 10px; line-height: 15px; height: 240px; overflow: hidden}
.l-popup .two-cols {overflow: hidden; zoom: 1}
.l-popup .two-cols .col {float: left; width: 373px; margin-right: 26px}
.l-popup .two-cols .col div.i-text {visibility: hidden}


.i-select {display: block; background:#f1f1f1 url("../images/i-select.png") no-repeat right center; overflow: hidden; zoom: 1; position: relative; height: 30px; width: 371px; border: 1px solid #c0c0c0}
.i-select.i-select-small {width: 170px;}
.i-select select {width: 100%; border: 0; height: 30px; background: transparent; line-height: 30px;  position: absolute; top: 0; left: 0;}
.i-select p {line-height: 30px; padding: 0 37px 0 10px; color: #6d6d6d; font-size: 12px}
.i-select select.styled {opacity:0; filter:alpha(opacity=0);}
*html .i-select{background: none !important; border: 0}


.back-l {_margin-right: -3px !important; }
.back-r {_margin-left: -3px !important; }

/* NEW */
.streams {overflow: hidden; zoom: 1}
.streams ul{list-style: none}
.streams ul{text-align: justify; zoom: 1;}
.streams ul:after { content:""; display:inline-block; width:100%; height:0; font-size: 0; overflow:hidden; height: 1px; font-size: 0}
.streams ul li{width: 32.4%; margin: 0px 0px 15px 0px; display: inline-block; zoom: 1; vertical-align: top; text-align: left }
.stream {position: relative}
.stream .star {background: url("../images/stream-star.png") no-repeat 0 0; width: 16px; height: 16px; position: absolute; right: -5px; top: -1px; cursor: pointer; _right: 10px; _top: -3px}
.bread-star {background: url("../images/stream-star.png") no-repeat 0 0; width: 16px; height: 16px; float: right; cursor: pointer}
.bread-star.active,.stream .star.active {background-position: 0 bottom}
.stream .stream-title {color: #525252; font-size: 12px; font-weight: bold;  margin-bottom: 6px; margin-right: 15px; position: relative}
.stream .stream-title a{text-decoration: none; color: #525252; }
.stream .stream-title a img{vertical-align: bottom}
.stream .stream-title a.orange {color: #d87144}
.stream .stream-title a.grey {color: #959595}
.stream .stream-title a.dark-blue {color: #2e408b}
.stream .stream-title a.red {color: #ac2222}
.stream .stream-title a.blue {color: #015d93}
.stream .stream-title a.green {color: #168c06}
.stream .stream-title a.lol {color: #ea9e0a}
.stream .stream-title a.hon {color: #a713b9}
.stream .stream-title a.swtor {color: #2d597d}
.stream .stream-title a.dark-grey {color: #3d3d3d}

.stream .stream-title p.orange {color: #d87144; display: inline;}
.stream .stream-title p.grey {color: #959595; display: inline;}
.stream .stream-title p.dark-blue {color: #2e408b; display: inline;}
.stream .stream-title p.red {color: #ac2222; display: inline;}
.stream .stream-title p.blue {color: #015d93; display: inline;}
.stream .stream-title p.green {color: #168c06; display: inline;}
.stream .stream-title p.lol {color: #ea9e0a; display: inline;}
.stream .stream-title p.hon {color: #a713b9; display: inline;}
.stream .stream-title p.swtor {color: #2d597d; display: inline;}
.stream .stream-title p.dark-grey {color: #3d3d3d; display: inline;}

.stream .stream-content {overflow: hidden; zoom: 1}
.stream .stream-content .stream-text{overflow: hidden; zoom: 1; color: #6a6a6a; font-size: 11px; line-height: 14px}
.stream .stream-content .stream-img {float: left; position: relative; margin-right: 10px; width: 93px;  height: 84px; overflow: hidden; zoom: 1}
.stream .stream-content .stream-img img{display: block;}
.stream .stream-content .stream-img .stream-img-info{position: absolute; left: 0; bottom: 0; height: 18px; width: 100%; background: url("../images/black.png") repeat 0 0; font-size: 11px; overflow: hidden; zoom: 1}
.stream .stream-content .stream-img .stream-img-info span{color: #d9d9d9; padding-left: 14px; display: block; height: 18px; line-height: 18px; margin-left: 5px; margin-right: 5px; font-size: 11px; background: url("../images/stream-user.png") no-repeat 0 center}


.round-bg-top-left, .round-bg-top-right, .round-bg-btm-left, .round-bg-btm-right {font-size: 0}
.round2-bg-top-left, .round2-bg-top-right, .round2-bg-btm-left, .round2-bg-btm-right {font-size: 0}
.round-bg-top{ height: 10px; background: url("../images/round-tm.png") repeat-x 0 0;}
.round-bg-top-left{float: left; width: 10px; height: 10px; background: url("../images/round-tl.png") repeat-x 0 0;}
.round-bg-top-right{float: right; width: 10px; height: 10px; background: url("../images/round-tr.png") repeat-x 0 0;}
.round-bg-btm{ height: 10px; background: url("../images/round-bm.png") repeat-x 0 0;}
.round-bg-btm-left{float: left; width: 10px; height: 10px; background: url("../images/round-bl.png") repeat-x 0 0;}
.round-bg-btm-right{float: right; width: 10px; height: 10px; background: url("../images/round-br.png") repeat-x 0 0;}
.round-bg-middle{background: #f3f3f3; overflow: hidden; zoom: 1}
.round-bg-middle-left{background: url("../images/round-ml.png") repeat-y 0 0}
.round-bg-middle-right{background: url("../images/round-mr.png") repeat-y right 0}

.round2-bg-top{ height: 14px; background: url("../images/2-round-tm.png") repeat-x 0 0;}
.round2-bg-top-left{float: left; width: 14px; height: 14px; background: url("../images/2-round-tl.png") repeat-x 0 0;}
.round2-bg-top-right{float: right; width: 14px; height: 14px; background: url("../images/2-round-tr.png") repeat-x 0 0;}
.round2-bg-btm{ height: 14px; background: url("../images/2-round-bm.png") repeat-x 0 0;}
.round2-bg-btm-left{float: left; width: 14px; height: 14px; background: url("../images/2-round-bl.png") repeat-x 0 0;}
.round2-bg-btm-right{float: right; width: 14px; height: 14px; background: url("../images/2-round-br.png") repeat-x 0 0;}
.round2-bg-middle{background: #fff}
.round2-bg-middle-left{background: url("../images/2-round-ml.png") repeat-y 0 0}
.round2-bg-middle-right{background: url("../images/2-round-mr.png") repeat-y right 0}

.round-block-head {height: 35px; line-height: 35px; border-bottom: 1px solid #d7d7d7; margin: -16px -15px 10px; position: relative; z-index: 5; padding: 0 12px; color: #47494e; font-size: 13px;}
.round-block-head-right {float: right; }
.round-block-head-right img{margin-top: 10px}
.round-block-head .chat-head {background: url("../images/chat.png") no-repeat 0 center; padding-left: 36px; color: #47494e; font-size: 13px; float: left; height: 35px;}
.round-bg-content {padding: 2px 15px 4px; position: relative}
.round2-bg-content {padding: 2px 15px 4px;  position: relative}


.filters.fl-right {float: right; background: no-repeat; color: #454545}
.filters.fl-right a{color: #454545}
.filters.fl-right a.active{color: #FFF}

a.underline {text-decoration: underline !important}
a.underline:hover {text-decoration: none !important}


.stream-full {}
.stream-full-top {overflow: hidden; zoom: 1; margin-bottom: 20px}
.stream-full-banner {float: right; width: 260px; height: 445px; margin-left: 12px}
.stream-full-img {overflow: hidden; zoom: 1; height: 445px; }
.stream-full-img img {width: 100%; display: block}
.stream-full-btm {overflow: hidden; zoom: 1; margin-bottom: 20px}
.stream-full-chat {float: right; width: 600px; margin-left: 18px}
.stream-full-chat .chat-content{min-height: 267px; _height: 267px;}

.stream-full-info {overflow: hidden; zoom:1}
.stream-full-info .info-content li ol ul {margin: 0 0 0 1.5em;}
.stream-full-info .info-content {font-size: 12px; color: #201f28; line-height: 16px; min-height: 267px; _height: 267px; list-style-position: inside;}
.stream-full-info .round-bg-content {padding: 6px 15px 8px}

.stream-info-head {background: url("../images/icon-info.png") no-repeat 0 center; padding-left: 33px; float: left; height: 35px}



/* root element for tabs  */
ul.bbcode-tabs {
	margin:0;
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
}

/* single tab */
ul.bbcode-tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.bbcode-tabs a {
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;
	text-decoration:none;
	border:1px solid #666;
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;
	outline:0;
	-moz-border-radius:4px 4px 0 0;
}

ul.bbcode-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}

/* selected tab */
ul.bbcode-tabs a.current {
	background-color:#ddd;
	border-bottom:1px solid #ddd;
	color:#000;
	cursor:default;
}

/* tab pane styling */
.bbcode-tabs-panes div {
	display:none;
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100px;
	font-size:14px;
	background-color:#fff;
}

.tabs-container.vertical
{
    border-left: 160px solid #FFFFFF;
}

/* root element for tabs  */
.vertical ul.bbcode-tabs {
	margin: 0 0 0 -160px;
	float: left;
	display: inline;
	height:30px;
	width: 160px;
}

/* single tab */
.vertical ul.bbcode-tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}

/* link inside the tab. uses a background image */
.vertical ul.bbcode-tabs a {
	float:left;
	display:block;
	text-decoration:none;
	border:1px solid #666;
	border-right: 0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-bottom: 2px;
	width: 99px;
	-moz-border-radius: 4px 0 0 4px;
}

.vertical ul.bbcode-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}

/* selected tab */
.vertical ul.bbcode-tabs a.current {
	background-color:#ddd;
	border-right: 1px solid #ddd;
	color:#000;
	cursor:default;
}

/* tab pane styling */
.vertical .bbcode-tabs-panes div {
	display:none;
	padding:15px 10px;
	border:1px solid #999;
	height:100px;
	font-size:14px;
	background-color:#fff;
}


.voting {
    display: inline-block;
	vertical-align: top;
	/* padding-right: 20px; */
}
.voting .plus {
    display: inline-block;
    height: 13px;
    right: 0;
    top: 3px;
    width: 13px;
	margin-top: 2px;
}
.voting .minus {
    display: inline-block;
    height: 13px;
    right: 18px;
    top: 3px;
    width: 13px;
	margin-top: 2px;
}
.voting a.plus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll right top transparent;
}
.voting a.minus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll left bottom transparent;
}
.voting a.plus:hover {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll right -13px transparent;
}
.voting a.minus:hover {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll left -13px transparent;
}
.voting span.plus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll right bottom transparent;
}
.voting span.minus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll left bottom transparent;
}
.voting.voted_plus a.plus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll right -26px transparent;
}
.voting.voted_plus span.plus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll right -26px transparent;
}
.voting.voted_plus a.minus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll left bottom transparent;
}
.voting.voted_plus span.minus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll left bottom transparent;
}
.voting.voted_minus a.plus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll right bottom transparent;
}
.voting.voted_minus span.plus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll right bottom transparent;
}
.voting.voted_minus a.minus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll left -26px transparent;
}
.voting.voted_minus span.minus {
    background: url("../images/icons_vote_comments_4modes.png") no-repeat scroll left -26px transparent;
}

.voting .mark {
    color: #A9A9A9;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
	padding-right: 5px;
/*    display: inline-block; */
	vertical-align: top;
}
.voting .mark span {
    color: #A9A9A9;
}
.voting .mark a {
    color: #A9A9A9;
    text-decoration: none;
}
.voting .mark.positive span {
    color: #339900;
}
.voting .mark.negative span {
    color: #CC0000;
}.blizzwrap {
    border: 1px solid #333333;
    border-radius: 5px 5px 5px 5px;
    display: block;
}
.blizzheader {
    background-color: #333333;
    color: #0099FF;
    font-size: 11px;
    padding: 5px;
}
.blizzinner {
    background-color: #333333;
    padding: 0 5px;
}
.blizzheader span {
    background: url("../images/blizz_ico.gif") no-repeat scroll left top transparent;
    display: block;
    height: 21px;
    line-height: 21px;
    padding-left: 30px;
}
.blizzquote {
    background: url("../images/blizzquotesep.gif") no-repeat scroll left top #333333;
    color: #0099FF;
    font-size: 12px;
    padding: 10px 5px 5px;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1.5em;
	width: auto;
	text-align: right;
	float: right;
	font-size: 10px;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 2px 7px;
	border-radius: 4px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	border: 1px solid;
    background-color: #363B42;
    border-color: #363B42;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 2px 7px;
	border-radius: 4px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
}

.pagination span a:hover {
    background-color: #363B42;
    border-color: #363B42;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

.pagination_small {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	font-size: 10px;
}

.pagination_small strong, .pagination b {
	font-weight: normal;
}

.pagination_small span.page-sep {
	display: none;
}

.pagination_small span strong {
	padding: 0px 2px;
	border-radius: 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	border: 1px solid;
    background-color: #363B42;
    border-color: #363B42;
}

.pagination_small span a, .pagination_small span a:link, .pagination_small span a:visited, .pagination_small span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0px 2px;
	border-radius: 2px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
}

.pagination_small span a:hover {
    background-color: #363B42;
    border-color: #363B42;
	color: #FFF;
	text-decoration: none;
}

.pagination_small img {
	vertical-align: middle;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url('../images/icon_top.png') no-repeat;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

@media only screen and (min-device-width: 980px) {
	html,body {font-family: Arial; font-size: 12px; color: #000; overflow-x: hidden; width: 100%}	
}