* {
    margin: 0;
    padding:0;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

html{background:#f4f4f4 url(../images/bg-body.png);}

body{
    z-index:0;
    margin: 0;
    font-size:14px;
    color:#000;
    padding:0;
    line-height:18px;
    font-family:"gotham_mediumregular", Arial, Helvetica, sans-serif;
    background:#f4f4f4 url(../images/bg-body.png);
    position:relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

body#main-page {background:url(../images/bg-home.png) no-repeat center bottom;}

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

img{border:none;}

input::-moz-focus-inner{border: 0;}
input, textarea{outline:none;}
select{-webkit-appearance: none;}

input[type="checkbox"],
input[type="radio"]{
    width:auto ! important;
    height:auto ! important;
    background:none ! important;
    border:none ! important;
    margin: 2px 8px 0 0 ! important;
    padding: 0 !important;
}

ul, ol, p{margin: 0; padding: 0;}

h1{
    font-size:20px;
    line-height:22px;
    color:#000;
    padding:0;
    margin:0;
    font-weight:normal;
    overflow:hidden;
    padding-bottom: 25px;
    font-family: 'gotham_boldregular', Arial, Helvetica, sans-serif;
}

h1 a{
    font-size:20px;
    line-height:22px;
    color:#000;
    padding:0;
    margin:0;
    font-weight:normal;
    overflow:hidden;
    text-decoration:none;
    font-family: 'gotham_boldregular', Arial, Helvetica, sans-serif;
}
h1 span{display: block; font-size: 13px; color: #6a6a6a; text-transform: uppercase; position: relative; top: 3px;}

h2{
    font-size: 17px;
    line-height:19px;
    color:#a80532;
    padding:0;
    margin:0;
    font-weight:normal;
    overflow:hidden;
    padding-bottom: 10px;
    font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif;
}

h2 a{
    font-size: 17px;
    line-height:19px;
    color:#a80532;
    padding:0;
    margin:0;
    font-weight:normal;
    overflow:hidden;
    text-decoration:none;
    font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif;
}

h3{
    font-size: 16px;
    line-height:18px;
    color:#404040;
    padding:0;
    margin:0;
    font-weight:normal;
    overflow:hidden;
    padding-bottom: 15px;
    font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif;
}

h3 a{
    font-size: 16px;
    line-height:18px;
    color:#404040;
    padding:0;
    margin:0;
    font-weight:normal;
    overflow:hidden;
    text-decoration:none;
    font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif;
}

h4{
    font-size: 15px;
    line-height:17px;
    color:#000;
    padding:0;
    margin:0;
    font-weight:normal;
    overflow:hidden;
    padding-bottom: 10px;
    font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif;
}

h4 a{
    font-size: 15px;
    line-height:17px;
    color:#000;
    padding:0;
    margin:0;
    font-weight:normal;
    overflow:hidden;
    text-decoration:none;
    font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif;
}

h5{
    font-size: 14px;
    line-height:16px;
    color:#000;
    padding:0;
    margin:0;
    font-weight:normal;
    overflow:hidden;
    padding-bottom: 10px;
    font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif;
}

h5 a{
    font-size: 14px;
    line-height:16px;
    color:#000;
    padding:0;
    margin:0;
    font-weight:normal;
    overflow:hidden;
    text-decoration:none;
    font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{text-decoration: underline;}


.f-left {float: left;}
.f-right {float: right;}
.clear {clear:both; height:1px ! important; width:1px ! important;}
.alignleft {float:left; margin-right:10px;}
.alignright {float:right; margin-left:10px;}
.aligncenter {text-align:center;}

.container {width:100%; height: 100%;}

/*-------------------- header ---------------------*/
#header{width:100%; height: 70px; background:url(../images/bg-header.png) repeat-x; position: relative; z-index: 100;}

#logo{width:201px; height:55px; display:block; background:url(../images/logo.png) no-repeat; cursor:pointer; overflow:hidden; text-indent:-9999px; margin:7px 0 0; padding:0; text-decoration:none; float:left;}

.but-yellow{float: left; position: relative;}
.but-yellow input, .but-yellow button, .but-yellow a{display: block; height: 32px; float: left; overflow: visible; background:url(../images/bg-but-yellow.png) repeat-x 0 0; padding: 0 12px; margin: 0; font-weight: normal; text-decoration: none; cursor: pointer; min-width: 60px; text-align: center; width: auto; font-size: 16px; line-height: 30px; color: #333 !important; font-family: 'helveticaneuebold', Arial, Helvetica, sans-serif; text-shadow:-1px -1px 0 #f8d470; border: 1px solid #fdd01b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 2px 2px 0 #9c9c9c; -webkit-box-shadow: 0 2px 2px 0 #9c9c9c; -moz-box-shadow: 0 2px 2px 0 #9c9c9c;}
.but-yellow a{height: 30px; line-height: 30px; min-width: 50px;}
.but-yellow input:hover, .but-yellow button:hover, .but-yellow a:hover{background-position: 0 -32px;}
.but-yellow-small input, .but-yellow-small button, .but-yellow-small a{display: block; height: 26px; float: left; background:url(../images/bg-but-yellow-small.png) repeat-x 0 0; padding: 0 10px; margin: 0; font-weight: normal; text-decoration: none; cursor: pointer; min-width: 60px; text-align: center; width: auto; font-size: 13px; line-height: 26px; color: #333 !important; font-family: 'helveticaneuebold', Arial, Helvetica, sans-serif; text-shadow:-1px -1px 0 #f8d470; border: 1px solid #fdd01b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 2px 2px 0 #9c9c9c; -webkit-box-shadow: 0 2px 2px 0 #9c9c9c; -moz-box-shadow: 0 2px 2px 0 #9c9c9c;}
.but-yellow-small a{height: 24px; line-height: 24px; min-width: 50px;}
.but-yellow-small input:hover, .but-yellow-small button:hover, .but-yellow-small a:hover{background-position: 0 -26px;}

.but-white{float: left; position: relative;}
.but-white input, .but-white button, .but-white a{display: block; height: 34px; float: left; overflow: visible; background:url(../images/bg-but-white.png) repeat-x 0 0; padding: 0 12px; margin: 0; font-weight: normal; text-decoration: none; cursor: pointer; min-width: 60px; text-align: center; width: auto; font-size: 15px; line-height: 30px; color: #2c2c2c !important; font-family: 'helveticaneuebold', Arial, Helvetica, sans-serif; border: 1px solid #d6d5d5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 2px 2px 0 #e7e6e6; -webkit-box-shadow: 0 2px 2px 0 #e7e6e6; -moz-box-shadow: 0 2px 2px 0 #e7e6e6;}
.but-white a{height: 32px; line-height: 32px; min-width: 50px;}
.but-white input:hover, .but-white button:hover, .but-white a:hover{background-position: 0 -34px;}


.but-blue {background: none; clear: none; color: #00B8ED; display: block; float: left; font-family: 'dinbold',Arial,Helvetica,sans-serif; font-size: 12px; height: auto !important; line-height: 32px; padding: 0; text-decoration: underline; width: auto !important;}
.link-facebook{display: block; text-decoration: none; background:url(../images/bg-link-facebook.png) no-repeat; width: 240px; height: 46px; margin: 0 auto 12px; padding: 0 0 0 45px; text-align: center; line-height: 46px; font-size: 19px; color: #fff; font-family: 'helveticaneuebold', Arial, Helvetica, sans-serif; text-shadow:-1px -1px 0 #153189;}
.link-facebook:hover{text-shadow:none;}

.block-language{float: right !important; padding: 18px 0 0;}

.block-login{float: right; position: relative; /*width: 230px;*/ max-width: 500px; height: 59px; padding: 7px 0 0; margin: 0 0 0 20px; background:url(../images/bg-block-login.png) no-repeat;}
.img-login{float: left; width: 70px; height: 100%; margin: 0 5px 0 0; position: relative; z-index: 8;}
.img-login img{display: block; margin: 0 auto; max-width: 50px; max-height: 50px; background: #fff; padding: 1px; border: 1px solid #d3d3d3; border-right: 1px solid #c5c5c5; -webkit-border-radius: 3px; -moz-border-radius: 3x; border-radius: 3px;}
.block-login-in{overflow: hidden; float: left;}
.block-login strong{white-space: nowrap; /*display: block; float: left;*/ max-width: 135px; background:url(../images/bg-strong-block-login.png) no-repeat right 3px; padding: 0 20px 0 0; font-weight: normal; color: #fff; font-size: 13px; line-height: 16px; text-transform: uppercase; font-family: 'gotham_boldregular', Arial, Helvetica, sans-serif; text-shadow: 0 -1px #3e0111;}
.block-login strong a, .link-login{text-decoration: none; color: #fff; cursor: pointer;}
.block-login b{white-space: nowrap; /*display: block; float: left;*/ max-width: 155px; font-weight: normal; color: #fff; font-size: 12px; line-height: 14px; font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif; text-shadow: 0 -1px #3e0111;}
.box-stars{white-space: nowrap; background: url(../images/bg-box-stars.png) no-repeat; width: 85px; height: 16px; float: left; margin: 3px 0 0;}
.box-stars-in{background: url(../images/bg-box-stars-in.png) no-repeat; height: 16px; text-indent: -9999px;}

.block-login-hid{display: none; position: absolute; top: 0; left: 0; z-index: 5; width: 70px; height: 66px; background: #fff;}
.block-login-hid ul{list-style: none; position: absolute; top: 66px; left: 0; width: 163px; padding: 1px; background: #fff; background: -webkit-linear-gradient(top, #ffffff, #ebebeb); background: -moz-linear-gradient(top,  #ffffff,  #ebebeb); background: -o-linear-gradient(top,  #ffffff,  #ebebeb); background: -ms-linear-gradient(top,  #ffffff,  #ebebeb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb');}
.block-login-hid ul li{display: block; padding: 5px 12px;}
.block-login-hid ul li + li{border-top: 1px solid #b8b8b8;}
.block-login-hid ul li a{display: block; background-image: url(../images/bg-icons-block-login.png); background-repeat: no-repeat; padding: 0 0 0 25px; font-size: 12px; color: #666; text-decoration: none; font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif;}
.block-login-hid ul li.item_session a{background-position: 0 3px;}
.block-login-hid ul li.item_my_account a{background-position: 0 -48px;}
.block-login-hid ul li.item_calendar a{background-position: 0 -98px;}
.block-login-hid ul li.item_logout a{background-position: 0 -148px;}
.block-login-hid ul li a:hover{color: #a80532;}

.block-popup{width: 444px; margin: 0 auto; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 8px; background:url(../images/bg-block-sign_in.png);}
.block-popup-in{width: 428px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px; background:url(../images/bg-block-sign_in-in.png);}
.link-popup-close{background: url(../images/bg-link-popup-close.png) no-repeat; cursor: pointer; display: block; height: 27px; position: absolute; right: 16px; top: 15px; width: 28px; z-index: 1103; text-indent: -9999px;}
.title-popup-in{width: 428px; height: 28px; overflow: hidden; padding: 0 0 8px;}
.title-popup-in h2{font-size: 19px; line-height: 26px; color: #fff; text-transform: uppercase; padding: 0; margin: 0; font-family: 'dinbold', Arial, Helvetica, sans-serif; text-shadow:-1px -1px 0 #530321;}
.block-popup-in-2{background: #f4f4f4; width: 398px; padding: 15px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.block-popup-in-2 form{padding: 20px 0 0;}
.block-popup-in .checkbox{margin-top: 3px;}
.block-popup-in span{color: #030303; font-size: 13px; font-family: 'din_mediumregular', Arial, Helvetica, sans-serif;}
.block-line{border-top: 1px dashed #dedbdb; padding: 12px 0 6px; margin: 10px 0 0; float: left; overflow: hidden; clear: both; width: 100%;}
.block-line p{text-align: center; font-size: 13px; line-height: 15px; color: #030303; font-family: 'din_mediumregular', Arial, Helvetica, sans-serif;}
.block-line p a{color: #009de0;}
.line-text label{line-height: 18px !important;}
.line-text p{font-size: 13px; line-height: 16px; font-family: 'helveticaneueltcommd', 'din_mediumregular', Arial, Helvetica, sans-serif;}
.block-popup span.error, .block-popup div.errorMessage{left: 102px;}
#block-registration span.error, #block-registration div.errorMessage{left: 144px;}
#indicator{position: relative; top: -8px;}
.box-strength{font-size: 12px; color: #000; font-family: 'dinbold', Arial, Helvetica, sans-serif; padding: 0 0 3px;}
.box-strength span{text-transform: uppercase; font-size: 12px; font-family: 'dinbold', Arial, Helvetica, sans-serif;}
.box-strength-line{background:url(../images/bg-indicator.png) repeat-x; width: 150px; height: 8px; margin: 0 0 3px;}

#block-sign_in, #block-registration{margin-top: 8%;}
#block-sign_in label, #block-registration label{text-transform: uppercase; width: 90px; font-family: 'dinbold', Arial, Helvetica, sans-serif;}
#block-registration label{width: 132px; font-size: 12px; line-height: 28px;}
#block-sign_in .line-pad{padding-left: 102px;}
#block-registration .line-pad{padding-left: 144px;}
#block-sign_in .but-yellow, #block-registration .but-yellow{margin-right: 17px;}
#block-sign_in .but-yellow input, #block-registration .but-yellow input{min-width: 85px;}
#block-sign_in .block-line{margin-top: 30px;}
#block-registration .block-line{margin-top: 20px;}
.block-popup .errorSummary{position: relative; top: -17px; margin: 0;}

.session_expired_time .block-popup-in{background: #fff;}
.session_expired_time_in{margin: 0 auto; width: 330px; padding: 20px 0; overflow: hidden;}
.session_expired_time .block-popup-in h1{font-size: 31px; line-height: 31px; padding: 7px 0 30px 93px; text-transform: uppercase; background:url(../images/bg-session_expired_time.png) no-repeat; min-height: 67px;}
.session_expired_time .block-popup-in p{font-size: 18px; line-height: 23px; clear: both; padding: 0 0 25px; font-family: 'gotham_bookregular', Arial, Helvetica, sans-serif;}
.session_expired_time .block-popup-in .but{text-align: center;}
.session_expired_time .block-popup-in .but a{color: #00b4f6; font-size: 13px; font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif;}
.session_expired_time .block-popup-in .but-yellow-small{width: 85px; margin: 0 auto;}


/*------------------- wrapper -----------------*/
.wrapper {width:100%; clear: both; padding: 20px 0 140px;}
#main-page .wrapper {padding: 0 0 79px;}
.content{width:974px; margin: 0 auto;}
.content::after{height: 0; clear: both; content: ''; display: block;}
body#main-page .content {width: 100%;}

.block-center {width: 974px; margin: 0 auto;}
.block-white{width: 954px; float: left; position: relative; padding: 15px 10px; min-height: 250px; background:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow:0 1px 3px 2px #c9c9c9; -moz-box-shadow:0 1px 3px 2px #c9c9c9; -webkit-box-shadow:0 1px 3px 2px #c9c9c9;}

p.label{position: relative;}
p.label label{position: absolute; left: 10px; top: 5px; z-index: 2; width: auto; text-align: left; padding: 0; margin: 0; float: none; line-height: 20px; font-size: 14px; color: #999; font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif; cursor: text;}
form{margin: 0;}
form em{color: #383737; font-size: 13px;}
.line, .control-group{float: left; width: 100%; clear: both; padding: 0 0 12px; position: relative;}
.line-pad{padding-left: 142px;}
span.error, div.errorMessage{color: red; font-size: 11px; line-height: 12px; position: absolute; bottom: 0; left: 0;}
label{width: 130px; float: left; padding: 0 12px 0 0; font-size: 14px; line-height: 26px; color: #000; text-align: right; font-family: 'din_mediumregular', Arial, Helvetica, sans-serif;}
label b, label .required{font-size: 13px !important; line-height: 14px !important; font-weight: normal; color: #f15c22 !important;}
input{background:#fff; border:1px solid #cfcdcd; height:17px; float:left; padding:5px; line-height:17px; font-size:12px; color:#9b9b9b; font-weight: bold; font-family:Arial;}
.inp-1 input{width:274px;}
.inp-2 input{width:235px;}
.inp-3 input{width:245px;}
.inp-4 input{width:216px;}

textarea{background:#fff; border:1px solid #cfcdcd; width:414px; height:99px; padding:5px; line-height:17px; font-size:12px; color:#9b9b9b; font-weight: bold; font-family:Arial; resize:none; overflow:auto;}
.radio{background:url(../images/bg-radio.png) no-repeat; width:13px ! important; height:12px; overflow:hidden; display:block; float:left; margin: 0 5px 0 0; padding:0 ! important;}
.checkbox{background:url(../images/bg-checkbox.png) no-repeat; width:13px ! important; height:12px; overflow:hidden; display:block; float:left; margin: 0 5px 0 0; padding:0 ! important; min-height: 1px;}
.radio input, .checkbox input{display: none;}
#uploadFile .qq-upload-button {display: block; height: 26px; float: left; background:url(../images/bg-but-yellow-small.png) repeat-x 0 0; padding: 0 10px; margin: 0; font-weight: normal; text-decoration: none; cursor: pointer; min-width: 60px; text-align: center; width: auto; font-size: 13px; line-height: 26px; color: #333 !important; font-family: 'helveticaneuebold', Arial, Helvetica, sans-serif; text-shadow:-1px -1px 0 #f8d470; border: 1px solid #fdd01b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 2px 2px 0 #9c9c9c; -webkit-box-shadow: 0 2px 2px 0 #9c9c9c; -moz-box-shadow: 0 2px 2px 0 #9c9c9c;}
#uploadFile .qq-upload-button:hover{background-position: 0 -26px;}
.qq-upload-drop-area, .qq-upload-list{display: none !important;}

.errorSummary{background: #f9f9e3; color: #e9012c; font-size: 13px; border: 1px solid #e38e8e; padding: 10px 15px; margin: 0 0 12px; font-family: 'din_mediumregular', Arial, Helvetica, sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.errorSummary ul{padding-left: 15px;}
.error input, input.error{border-color: #cc0000;}

select.sel {opacity: 0; position: relative; z-index: 5;}
.select{position: absolute; overflow: hidden; background:#fff url(../images/bg-arrow-sel.gif) no-repeat right 0; border:1px solid #c4c3c3; cursor: pointer; display: block; margin:0; float:left; color: #b8b8b8; font-size: 12px; white-space: nowrap; padding: 5px; height: 17px; line-height: 17px; float:none; text-align:left; font-weight: bold; font-family:Tahoma;}
.select span{background:#fff url(../images/bg-arrow-sel.gif) no-repeat right 0; display: block; width: 31px; height: 27px; position: absolute; right: 0; top: 0; z-index: 2;}
select {border: 1px solid #c4c3c3; color: #9b9b9b; font-size: 12px; height: 29px; line-height: 29px; padding: 0 5px; margin-right: 0;}
.sel-1, .sel-2, .sel-3, .sel-4, .sel-5, .sel-6{float: left;}
.sel-1 .select{width: 173px;}
.sel-1 select{width: 185px;}
.sel-2 .select{width: 148px;}
.sel-2 select{width: 160px;}
.sel-3 .select{width: 100px;}
.sel-3 select{width: 112px;}


.block-notifications{margin: 0 0 16px; background: #f7f3e2; border: 1px solid #d38fa1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 15px 20px; position: relative;}
.close-notifications{display: block; width: 31px; height: 31px; text-indent: -9999px; background: url(../images/bg-close-notifications.png) no-repeat; position: absolute; right: -13px; top: -13px; z-index: 2;}

.tabs ul{list-style: none; height: 36px; background: url(../images/bg-ul-tabs.png) repeat-x 0 bottom; padding: 0 0 0 8px;}
.tabs ul li{float: left; width: 120px; height: 36px; padding: 0 21px 0 18px; background: url(../images/bg-li-tabs.png) no-repeat; text-align: center; font-size: 14px; line-height: 38px; color: #333; font-family: 'gotham_boldregular', Arial, Helvetica, sans-serif; text-shadow: -1px -1px #fce27a; margin: 0 -28px 0 0; position: relative; z-index: 5;}
.tabs ul li + li{z-index: 4;}
.tabs ul li + li + li{z-index: 3;}
.tabs ul li + li + li + li{z-index: 2;}
.tabs ul li + li + li + li + li{z-index: 1;}
.tabs ul li.active{width: 140px; padding: 0 26px 0 15px; background: url(../images/bg-li-active-tabs.png) no-repeat; text-shadow: none; margin: 0 -36px 0 0; position: relative; z-index: 10;}
.tabs ul li a{display: block; text-decoration: none; color: #333;}
.tabs ul li a:hover{color: #000;}
/*.tabs ul li.active a:hover{color: #333; cursor: text;}*/

.block-white-tabs{width: 924px; float: left; padding: 30px 25px; background:#fff; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; box-shadow:0 1px 3px 2px #c9c9c9; -moz-box-shadow:0 1px 3px 2px #c9c9c9; -webkit-box-shadow:0 1px 3px 2px #c9c9c9;}

.block-session-all{width: 960px; margin:  0 0 0 -10px;}
.block-session{width: 280px; background: url(../images/bg-block-session.png) no-repeat 0 bottom; padding: 14px 26px 34px 25px; float: left; margin: 0 0 0 -12px; position: relative;}
.img-session{width: 280px; height: 166px; overflow: hidden; position: relative;}
.img-session img{display: block; min-height: 166px; width: 280px;}
.info-session{padding: 5px 8px; width: 264px; height: 30px; overflow: hidden; border-top: 1px solid #777; background: url(../images/bg-info-session.png) repeat-x;}
.info-session h4{color: #fff; text-transform: uppercase; padding: 0; text-shadow: -1px -1px #767676;}
.info-session h4 a{color: #fff;}
.info-session p{color: #fff; font-size: 13px; line-height: 14px; text-shadow: -1px -1px #767676;}
.bot-session{width: 280px; height: 44px; overflow: hidden; border-top: 1px solid #e6aa09; background: url(../images/bg-bot-session.png) repeat-x;}
.bot-session-l{float: left; width: 51px; height: 44px; background: url(../images/bg-bot-session-line.png) no-repeat right 0;}
.icon-session{width: 29px; height: 29px; text-indent: -9999px; display: block; margin: 7px auto 0;}
.completed .icon-session{background: url(../images/bg-icon-session-completed.png) no-repeat;}
.not-completed .icon-session{background: url(../images/bg-icon-session-not-completed.png) no-repeat;}
.unavailable .icon-session{background: url(../images/bg-icon-session-unavailable.png) no-repeat;}
.bot-session-c{float: left; width: 178px; height: 44px;}
.bot-session-c p{text-align: center; font-size: 14px; line-height: 44px; color: #333; text-shadow: -1px -1px #fbde6d;}
.box-candles-all{padding: 6px 0 0 10px; height: 31px;}
.box-candles-all span{display: block; float: left; width: 60px; padding: 0 0 0 4px; text-align: center; font-size: 16px; line-height: 32px; color: #333; text-shadow: -1px -1px #fbde6d;}
.box-candles{background: url(../images/bg-box-candles.png) no-repeat; width: 104px; height: 31px; float: left; }
.box-candles-in{background: url(../images/bg-box-candles-in.png) no-repeat; height: 31px; text-indent: -9999px;}
.bot-session-r{float: left; width: 51px; height: 44px; background: url(../images/bg-bot-session-line.png) no-repeat left 0;}
.link-retake{width: 28px; height: 25px; text-indent: -9999px; display: block; margin: 8px auto 0; background: url(../images/bg-link-retake.png) no-repeat;}
.text-unavailable{border-bottom: 1px solid #292929; background: #000; height: 30px; width: 264px; padding: 5px 8px; position: absolute; top: 14px; left: 25px; z-index: 20;}
.text-unavailable p{color: #fff; font-size: 13px; line-height: 14px;}
.bg-unavailable{background: url(../images/bg-unavailable.png); width: 280px; height: 166px; position: absolute; top: 14px; left: 25px; z-index: 15;}

.block-account-all{background: url(../images/bg-line-2.png) repeat-y 369px 0; overflow: hidden; margin: 0 0 10px; position: relative; width: 680px;}
.block-account-all h3{clear: both;}
.block-account-l{float: left; width: 350px; padding: 0 20px 0 0;}
.block-account-r{float: left; width: 257px; padding: 0 0 32px 50px;}
.block-account-in{clear: both; float: left; width: 100%; padding: 0 0 25px;}
.block-account-r .block-account-in{}
.block-account-r .line{padding: 0 0 15px;}
.block-account-r .but-yellow-small{position: absolute; right: 4px; bottom: 4px;}
.block-account-l input{margin-right: 8px;}
.avatar_img{float: left; width: 100%; padding: 0 0 10px;}
.avatar_img .qq-uploader{float: left; width: auto;}
.avatar_img img {background: #fff; border: 1px solid #c2c2c2; border-left: 1px solid #dadada; border-top: 1px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; float: left; margin-right: 10px; max-height: 70px; max-width: 70px; padding: 3px;}
.block-account-info b{display: block; font-weight: normal; color: #404040; font-size: 15px;}
.block-account-info p{color: #666; font-size: 12px; line-height: 16px;}

.block-video{padding: 0 0 15px; position: relative;}
.block-video .sel-1{padding: 0 0 20px;}
.block-video p{line-height: 26px; font-family: 'gotham_bookregular', Arial, Helvetica, sans-serif; overflow: hidden;}
.block-video .f-right{padding: 8px 0 0 30px;}
.block-video .f-right .but-yellow input{min-width: 120px;}
.block-video-in{clear: both; overflow: hidden; margin: 0 0 30px; /*background:url(../images/bg-block-video-in.png) no-repeat center center;*/}
.block-video-l{width: 450px; float: left; overflow: hidden;}
.block-video-r{width: 450px; float: right; overflow: hidden;}
video.video-js{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.block-video-in .video-js{margin: 0 auto;}

.block-player{background:url(../images/bg-block-player.png) no-repeat; width: 454px; height: 30px; padding: 11px 0 6px 22px; position: absolute; left: 50%; top: 312px; margin: 0 0 0 -235px;}
.block-video-but{float: left; width: 14px; height: 18px; margin: 0 15px 0 0; position: relative;}
#play{background:url(../images/bg-play.png) no-repeat; width: 14px; height: 18px; float: left; text-indent: -9999px; position: absolute; left: 0; top: 0;}
#pause{background:url(../images/bg-pause.png) no-repeat; width: 14px; height: 18px; float: left; text-indent: -9999px; position: absolute; left: 0; top: 0; display: none;}

#videotime{background:url(../images/bg-videotime.png) no-repeat; width: 331px; height: 12px; border: none; float: left; margin: 4px 7px 0 0;}
#videotime .ui-slider-range{background:url(../images/bg-videotime-range.png) no-repeat; height: 12px; border: none;}
#videotime .ui-slider-handle{background:url(../images/bg-videotime-handle.png) no-repeat; width: 22px; height: 22px; border: none; cursor: pointer;}

.box-volume{width: 37px; height: 24px; float: left; position: relative; margin: 0 6px 0 0;}
.link-volume{background:url(../images/bg-link-volume.png) no-repeat; width: 24px; height: 17px; text-indent: -9999px; display: block; position: relative; z-index: 2; left: 6px; bottom: -1px;}
.box-volume-in{background:url(../images/bg-box-volume-in.png) no-repeat; width: 37px; height: 116px; position: absolute; left: 0; bottom: -6px; display: none;}
#audioSlider{background:url(../images/bg-audioslider.png) no-repeat; width: 13px; height: 67px; border: none; position: relative; top: 5px; left: 11px;}
#audioSlider .ui-slider-range{background:url(../images/bg-audioslider-range.png) no-repeat 0 bottom; width: 13px; border: none;}
#audioSlider .ui-slider-handle{background:url(../images/bg-audioslider-handle.png) no-repeat; width: 19px; height: 5px; border: none; left: -3px; margin-bottom: -0.2em; cursor: pointer;}


#full_screen, #full_screen_exit{background:url(../images/bg-full_screen.png) no-repeat; width: 19px; height: 20px; float: left; padding: 0; margin: 0; font-size: 12px; line-height: 27px; color: #999; text-decoration: none; font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif; white-space: nowrap; text-indent: -9999px;}
#full_screen_exit{display: none;}
/*#full_screen_exit{display: none; background:url(../images/bg-full_screen_exit.png) no-repeat; width: 27px; height: 27px; float: left; padding: 0 0 0 35px; margin: -7px 0 0 10px; font-size: 12px; line-height: 27px; color: #fff; text-decoration: none; font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif; white-space: nowrap;}*/
.bg-full_screen{display: none;}
.full-screen-video .content{width:100%;}
.full-screen-video h1{display: none;}

.block-full_screen .bg-full_screen{display: block; position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%;}
.block-full_screen .bg-full_screen img{display: block; width: 100%; height: 100%;}
.block-full_screen .block-full_screen_in{position: relative; z-index: 60;}
.block-full_screen .block-video-text, .block-full_screen #full_screen, .block-full_screen .sel-1{display: none;}
.block-full_screen #full_screen_exit{display: block;}
.block-full_screen .block-video-in{background: none;}
.block-full_screen .block-white, .block-full_screen .block-video{padding: 0;}
.block-full_screen .block-video-l{padding: 0 20px;}
.block-full_screen .block-video-r{padding: 0 20px 0 0;}
.block-full_screen .block-player{top: auto; bottom: -70px;}

.block-test-top{overflow: hidden; padding: 0 0 10px; margin: 0 0 10px; background:url(../images/bg-line.png) repeat-x 0 bottom;}
.block-test-top h2{padding: 3px 0 0;}
.block-test-top .but-yellow-small{float: right;}
.block-test-top .but-yellow-small.close_link_s{float: left; margin: 0 22px 0 0;}
.box-clock{float: right; background:url(../images/bg-box-clock.png) no-repeat; height: 24px; line-height: 24px; padding: 0 0 0 34px; margin: 2px 0 0 22px; font-size: 18px; width: 90px;}
.block-test-l{float: left; text-indent: -9999px;}
.question{width: 65px; min-height: 35px; background:url(../images/bg-question.png) no-repeat 0 0;}
.correct-answer{width: 60px; min-height: 115px; background:url(../images/bg-correct-answer.png) no-repeat center 0;}
.incorrect-answer{width: 55px; min-height: 36px; background:url(../images/bg-incorrect-answer.png) no-repeat 0 0;}
.block-test-r{overflow: hidden;}
.block-test-incorrect-r{max-width: 700px;}
.block-test-r p{font-size: 18px; line-height: 23px; padding: 0 0 20px;}
.block-test-r p b{font-weight: normal; font-size: 20px; text-transform: uppercase; display: block; font-family: 'gotham_boldregular', Arial, Helvetica, sans-serif;}
.block-test-r p b span{display: block; font-size: 17px; font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif;}
.block-test-r small{float: right; font-size: 12px; color: #a80532;}
.block-test-r ul{list-style: none; padding: 0 0 0 5px;}
.block-test-r ul li{display: block; font-size: 16px; padding: 0 0 20px;}
.block-test-r ul li input{float: left; margin-right: 12px !important;}
.box-img-question img{float: right; border: 1px solid #777; margin: 5px 28px; max-width: 310px;}

.block-test-completed h1{color: #a80532;}
.block-test-completed h2{color: #a80532; font-size: 20px; text-align: center; font-family: 'gotham_boldregular', Arial, Helvetica, sans-serif;}
.block-test-completed-in{background:url(../images/bg-block-test-completed-in.png) no-repeat 0 10px; width: 664px; height: 413px; margin: 0 auto; padding: 10px 0 30px; position: relative;}
.block-candles-test-completed{width: 286px; height: 116px; position: absolute; left: 148px; top: 7px;}
.block-candles-test-completed-in{background: url(../images/bg-candles-test-completed-in.png) no-repeat; height: 116px; text-indent: -9999px;}
.block-test-completed-in span{display: block; color: #fdb827; font-size: 50px; line-height: 50px; font-family: 'din-blackregular', Arial, Helvetica, sans-serif; position: absolute; right: 453px; top: 158px;}
.block-test-completed-in .box-correct{color: #fdb827; font-size: 50px; line-height: 50px; font-family: 'din-blackregular', Arial, Helvetica, sans-serif; position: absolute; left: 260px; top: 158px;}
.block-test-completed-in .box-correct-jp{font-size: 40px;}

.monster-question{background:url(../images/bg-monster-question.png) no-repeat; width: 108px; height: 160px; text-indent: -9999px; position: absolute; right: -88px; bottom: 45px; z-index: 20;}
.monster-correct-answer{background:url(../images/bg-monster-correct-answer.png) no-repeat; width: 122px; height: 106px; text-indent: -9999px; position: absolute; right: 130px; top: -85px; z-index: 20;}
.monster-incorrect-answer{background:url(../images/bg-monster-incorrect-answer-2.png) no-repeat; width: 244px; height: 189px; text-indent: -9999px; position: absolute; right: -30px; bottom: 5px; z-index: 20;}

.block-splash{padding: 0 0 0 6px;}
.block-splash img{float: right; padding: 10px 15px 5px 40px; max-width: 300px;}
.block-splash h2{color: #000; padding: 0 0 25px; font-family: 'gotham_boldregular', Arial, Helvetica, sans-serif;}
.block-splash p{font-size: 16px; line-height: 23px; padding: 0 0 20px; font-family: 'gotham_bookregular', Arial, Helvetica, sans-serif;}

.block-account-message{float: left; width: 200px; padding: 0 20px 0 0;}
.block-message-all{overflow: hidden;}
.block-message-all h2{color: #404040; padding: 0 0 20px;}
.box-line{height: 1px; background: #e7e8e9; width: 100%; clear: both; margin: 0 0 20px;}

.form-send-message{clear: both; float: left; padding: 0 0 20px; width: 100%;}
.form-send-message .inp-1{/*width: 620px; float: left;*/}
.form-send-message .inp-1 label{width: 70px; line-height: 32px; text-align: left; font-family: 'gotham_boldregular',Arial,Helvetica,sans-serif; font-size: 15px; color: #4b4b4e;}
.form-send-message .inp-1 input{width:603px; padding: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.form-send-message .inp-3{width: 635px; float: left;}
.form-send-message .inp-3 label{width: 65px; font-family: 'gotham_boldregular',Arial,Helvetica,sans-serif;}
.form-send-message .inp-3 input{width:530px;}
.form-send-message .inp-3 a{display: block; margin: 3px 0 0; font-family: 'gotham_boldregular',Arial,Helvetica,sans-serif;}
.form-send-message .text-2{position: relative;}
.form-send-message .text-2 label{font-size: 14px; line-height: 18px; width: auto; padding: 0; color: #9b9b9b; font-family: 'gotham_boldregular', Arial, Helvetica, sans-serif; position: absolute; left: 10px; top: 10px;}
.form-send-message .text-2 textarea{width: 685px; height: 90px; padding: 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.form-send-message .but-icon-send{float: right; padding: 1px 0 0;}
.icon-send{width: 19px; height: 13px; display: block; float: left; margin: 9px 7px 0 0; background:url(../images/bg-icon-send.png) no-repeat;}

.tab-color{border: 1px solid #e1e1e2; margin: 0 0 20px; clear: both;}
.tab-color th{background:#320511 url(../images/bg-th-tab-color.gif) repeat-x 0 0; font-size: 13px; color: #fff; font-weight: normal; text-align: left; text-transform: uppercase; text-shadow:-1px -1px 0 #35000b; font-family: 'gotham_boldregular', Arial, Helvetica, sans-serif; padding: 8px 10px; border: none; border-right: 1px solid #aa0331;}
.tab-color th + th{background:#7e0224 url(../images/bg-th-tab-color-2.gif) repeat-x 0 0; text-shadow:-1px -1px 0 #7b0010; border-left: 1px solid #810426;}
.tab-color td{border: none; border-top: 1px solid #e1e1e2; padding: 10px; font-size: 12px; color: #000; font-family: 'din_mediumregular',Arial,Helvetica,sans-serif;}

.unread td{background:url(../images/bg-unread.gif);}
#messages_list_div td{width: 180px; vertical-align: top;}
#messages_list_div td + td{width: 340px;}
#messages_list_div td + td + td{width: auto;}
#messages_list_div .img-mes{float: left; width: 62px; margin: 0 10px 0 0;}
#messages_list_div img{display: block; max-width: 55px; background: #fff; padding: 2px; border: 1px solid #c7c7c7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#messages_list_div td b{font-family: 'dinbold',Arial,Helvetica,sans-serif; font-weight: normal; display: block; font-size: 14px;}
#messages_list_div td b a, #messages_list_div td a{text-decoration: none; color: #000;}
#messages_list_div td b a:hover, #messages_list_div td a:hover{text-decoration: underline;}
#messages_list_div td span{color: #6a6767; font-size: 13px;}
#messages_list_div td p{line-height: 17px; font-size: 13px; color: #6a6767;}
#messages_list_div td p a{color: #6a6767;}


/*------------------ table -------------------*/
table{width:100%;}

/*--------------------- breadcrumbs ------------------------------*/
.breadcrumbs{list-style: none; width: 100%; overflow: hidden; padding: 0 0 10px; margin: 0 0 15px; background:url(../images/bg-line.png) repeat-x 0 bottom; font-size: 12px; line-height:14px; color: #6a6a6a; font-family: 'gotham_boldregular', Arial, Helvetica, sans-serif; text-decoration:none;}
.breadcrumbs a{color: #6a6a6a; text-decoration:none;}
.breadcrumbs span{color: #000;}
.breadcrumbs a:hover{color:#000;}

#main-page .breadcrumbs{display: none;}

/*----------------------- pagenavi ------------------*/

.list-view .pager{
    float: left;
    position: relative;
    left: 50%;
    clear: both;
}

.list-view .pager ul{
    position: relative;
    right: 50%;
}

.list-view .block-pagination .pager, .list-view .summary {
    float: right;
    margin: 0;
    text-align: left;
    left: auto;
    clear: none;
}
.list-view .block-pagination .pager ul{
    right: auto;
}
.list-view .summary{
    font-size: 13px;
    color: #000;
    font-family: Georgia,'Times New Roman', Times, Serif;
    padding: 2px 10px 0 0;
}
.list-view .summary span{
    color: #03bbff;
}
ul.yiiPager {
    border: 0 none;
    display: inline;
    font-size: 12px;
    line-height: 100%;
    margin: 0;
    padding: 0;
    float: right;
}
ul.yiiPager li {
    display: inline;
    float: left;
}
ul.yiiPager a:link, ul.yiiPager a:visited {
    font-weight: normal;
    padding: 0;
    margin: 0 2px;
    text-decoration: none;
    height: 20px;
    width: 20px;
    border: 1px solid #eba0a0;
    color: #a00027;
    background: #fff;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    float: left;
    font-family: 'dinbold', Arial, Helvetica, sans-serif;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
ul.yiiPager .page a {
    font-weight: normal;
}
ul.yiiPager a:hover {
    border: 1px solid #eba0a0;
    color: #a00027;
    background: #fde7e7;
}
ul.yiiPager .selected a {
    color: #a00027;
    background: #fde7e7;
    font-weight: normal;
}
ul.yiiPager .next a, ul.yiiPager .previous a{
    font-size: 10px;
    line-height: 22px;
    text-transform: uppercase;
    height: 22px;
    width: 36px;
    margin: 0 5px;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    border: none;
    text-indent: -9999px;
}
ul.yiiPager .next a {
    color: #fff;
    background:url(../images/bg-next-text.png) no-repeat;
    text-shadow:-1px -1px 0 #3b3495;
}
ul.yiiPager .previous a {
    color: #4d5e95;
    background:url(../images/bg-prev-text.png) no-repeat;
    text-shadow:none;
}
ul.yiiPager .hidden a {
    border: none;
    color: #4d5e95;
    background-position: 0 -22px;
}
ul.yiiPager .first, ul.yiiPager .last {
    display: none;
}

/*----*/
.block-message-all ul.yiiPager a:link, .block-message-all ul.yiiPager a:visited {
    font-weight: normal;
    padding: 0;
    margin: 0 2px;
    text-decoration: none;
    height: 24px;
    width: 24px;
    border: none;
    color: #949696;
    background:url(../images/bg-li-text.png) no-repeat;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    float: left;
    font-family: 'din-blackregular', Arial, Helvetica, sans-serif;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
.block-message-all ul.yiiPager a:hover {
    border: none;
    color: #fff;
    text-shadow: -1px -1px #b39216;
    background-position: -1px -24px;
}
.block-message-all ul.yiiPager .selected a {
    color: #fff;
    text-shadow: -1px -1px #b39216;
    background-position: -1px -24px;
    font-weight: normal;
}
.block-message-all ul.yiiPager .next a, .block-message-all ul.yiiPager .previous a{
    font-size: 10px;
    line-height: 24px;
    text-transform: uppercase;
    height: 24px;
    width: 24px;
    margin: 0 2px;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    border: none;
    text-indent: -9999px;
}
.block-message-all ul.yiiPager .next a {
    color: #fff;
    background:url(../images/bg-next-text-2.png) no-repeat;
    text-shadow:-1px -1px 0 #3b3495;
}
.block-message-all ul.yiiPager .previous a {
    color: #4d5e95;
    background:url(../images/bg-prev-text-2.png) no-repeat;
    text-shadow:none;
}
.block-message-all ul.yiiPager .hidden a {
    border: none;
    color: #4d5e95;
    background-position: 0 -24px;
}
/*---*/

.block-pagination{border-bottom: 1px solid #d8d9da; padding: 0 0 10px; margin: 0 0 15px; float: left; width: 100%; clear: both;}
.sort-pagination{position: relative; top: 3px;}
.sort-pagination b{font-weight: normal; float: left; font-size: 14px; line-height: 28px; color: #4b4b4e; font-family: 'gotham_mediumregular', Arial, Helvetica, sans-serif; padding-right: 8px;}


.pagination-block{
    position: relative;
    left: 50%;
    float: left;
    padding: 8px 0 0;
}

.pagination-block ul {
    display:block;
    list-style:none;
    margin: 0;
    height:10px;
    position: relative;
    right: 50%;
}

.pagination-block ul li{
    display:block;
    float:left;
    width:11px;
    height:10px;
    margin-right:4px;
}

.pagination-block ul li a{
    display:block;
    float:left;
    width:11px;
    height:10px;
    background:url(../images/bg-nav-slider.png) no-repeat;
    text-indent:-9999px;
    padding: 0;
    border: none;
}

.pagination-block ul li.current a{
    background-position: 0 -10px;
}
/*------------------footer------------------*/
#footer{width: 100%; height: 79px; position: absolute; left: 0; bottom: 0; z-index: 2; overflow: hidden; background:#8c0022 url(../images/bg-footer.png) repeat-x;}
.block-foot-top, .block-foot-bot{position: relative; left: 50%; float: left;}
.block-foot-top ul, .block-foot-bot ul{position: relative; right: 50%;}

.menu-foot-top{list-style: none; height: 45px; padding: 2px 0 0;}
.menu-foot-top li{float: left; display: block; height: 45px; padding: 0 10px 0 12px; color: #fff; font-size: 11px; line-height: 45px; text-shadow: -1px 1px #5a0018;}
.menu-foot-top li + li{background:url(../images/bg-li-menu-foot-top.png) no-repeat;}
.menu-foot-top li a{color: #fff; font-size: 11px; text-decoration: none;}
.menu-foot-top li a:hover{text-decoration: underline;}

.menu-foot-bot{list-style: none; height: 32px;}
.menu-foot-bot li{float: left; display: block; height: 32px; padding: 0 8px 0 12px; color: #fff; font-size: 11px; line-height: 32px; text-shadow: -1px 1px #5a0018;}
.menu-foot-bot li + li{background:url(../images/bg-li-menu-foot-bot.png) no-repeat 0 center;}
.menu-foot-bot li a{color: #fff; font-size: 11px; text-decoration: none;}
.menu-foot-bot li a:hover{text-decoration: underline;}