/*  Здесь все новые компоненты и новый вид компонентов старых.
    При интеграции будет ад - применять осторожно.
    Подключается только в layout Дневник. По мере внедрения и слияния с основными стилями будет добавлен на портал
    Для унификации введем префикс "ui-" для селекторов
 */
.inline-block{
    display: inline-block;
}

 /* Переключатель вкладок (ui-tabs) */
.ui-tabs{
    height: 24px;
    line-height: 24px;
}
.ui-tabs.autoheight{
    height: auto;
}
.message-controls .ui-tabs{
    margin: 20px 0 10px 0;
}
.ui-tabs li{
    display: inline-block;
}
.ui-tabs li a,
.ui-tabs li i,
.ui-tabs li b,
.ui-tabs li span{
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    position: relative;
}
.ui-tabs li a{
    text-decoration: none;
}
.ui-tabs li.active a,
.ui-tabs li.active a:hover{
    color: #fff!important;
    background: url(/images/ui/ui-tabs-bg.jpg) repeat-x left top;
}
.ui-tabs li.active a:hover{
    cursor: default!important;
}
.ui-tabs li.active a i{
    background: url(/images/ui/ui-tabs-left.jpg) no-repeat left top;
}
.ui-tabs li.active a b{
    background: url(/images/ui/ui-tabs-right.jpg) no-repeat right top;
}
.ui-tabs li.write-message a b span,
.ui-tabs li.active.write-message a b span{
    padding-left: 32px;
    margin-left: 0;
    background: url(/images/ui/write-message-icon.png) no-repeat 12px center;
}
.ui-tabs li{
    margin: 0 12px;
}
.page.messages .ui-filter .ui-tabs li{
    margin: 0;
}
.ui-tabs li.active{
    margin: 0;
}
.ui-tabs li.or{
    margin: 0 5px;
}
.page.messages .ui-filter .ui-tabs li.or{
    margin: 0 12px;
}
.ui-tabs li:first-child,
.ui-tabs li.write-message{
    margin-left: 0;
}
.ui-tabs li a b span{
    text-decoration: underline;
    padding: 0;
}
.ui-tabs li.active a b span{
    text-decoration: underline;
    padding: 0 12px;
}
.ui-tabs li.active a b span{
    font-weight: bold;
    text-decoration: none;
}
.message-controls .ui-tabs li:first-child a b span{
    text-decoration: none;
}
.ui-tabs li a b span i{
    background: none!important;
    text-decoration: underline;
}
.ui-tabs li.active a b span i{
    text-decoration: none;
    font-weight: bold;
}
.ui-tabs li a b span i.count{
    display: inline;
    margin-left: 3px!important;
    font-weight: normal!important;
    background: none;
    color: #403e3e;
    text-decoration: none!important;
}
.ui-tabs li.active a b span i.count{
    color: #fff;
}
.message-controls .ui-tabs .disabled *{
    color: #b8b2b2!important;
    text-decoration: none;
    cursor: default;
}

/* // Переключатель вкладок */

/* Уточняющий фильтр */
.ui-filter{
    position: relative;
    *zoom: 1; /* IE7 fix */
    background: #f3f3ed;
    padding: 15px 25px;
    border-bottom: 4px solid #d3d5d8;
    margin: 0 0 40px 0; /* min=12px, course of corner */
}
.ui-filter .corner{
    position: absolute;
    bottom: -12px;
    left: 60px;
    width: 23px;
    height: 12px;
    background: url(/images/ui/ui-filter-corner.png) no-repeat left top;
}
.before-ui-tabs-text{
    padding: 0 5px 0 0;
}
.ui-filter .filter-section{
    height: auto;
    line-height: normal;
}
.ui-filter .filter-row{
	overflow: hidden;
	padding: 0 0 10px 0;
}
.ui-filter .filter-section.w45{
	float: left;
	width: 42%;
	padding: 0 2% 0 0;
}
.ui-filter .filter-section.w12{
	float: left;
	width: 12%;
	line-height: 30px!important;
}
.ui-filter .filter-section.w40 input{
	width: auto;
}
.ui-filter .filter-section.w45 .input-date {
	width: 80px
}
.ui-filter .filter-section.no-group-label{
    padding-top: 20px;
}

/* // Уточняющий фильтр */

/*    Фильтр классов и школ */
.classes-list-container{
    padding: 0 0 10px 0;
}
.classes-list{
    display: inline-block;
    margin: 0;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top;
}
.classes-list li{
    display: none;
    padding: 0 12px;
    margin: 0;
    border-right: 1px solid #ddd;
}
ul.classes-details{
    white-space: nowrap;
}
ul.classes-details li:first-child{
    border-left: 1px solid #ddd;
}
ul.classes-details {
    position: relative;
    left: -5px;
    display: inline-block;
}
ul.classes-details li{
    float: left;
    line-height: 24px;
    padding: 0 12px;
    margin: 0;
    border: 1px solid #ddd;
    border-left: none;
    text-transform: uppercase;
}
ul.classes-details li a{
    text-decoration: none;
}
ul.classes-details li:first-child{
    border-left: 0;
}
ul.classes-details li:last-child{
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.classes-list li.active a{
    text-decoration: none;
}
ul.classes-details li.current{
    color: #fff;
    border-top-color: #343434;
    border-left: 1px solid #656565;
    border-right-color: #555555;
    border-bottom-color: #a0a0a0;
    background: url(/images/ui/classes-list-active-bg.jpg) repeat-x left top;
    background-color: #979797;

}
.classes-list li.active{
    display: inline-block;
}
.classes-list.full li.active{
    padding-right: 12px;
}

.school-list{
    padding: 4px 0 0 0;
	width: 400px;
	max-height: 400px;
	overflow-y: auto;
}
.school-list li{
    padding: 3px 0 3px 0;
}
.school-list li:last-child{
    padding-bottom: 0;
}
a.class-master{
    color: #ca3333;
}
.classes-list-full{
    padding: 0 5px;
}
.classes-list-full li a,
.classes-list-full li span{
    display: inline-block;
    width: 30px;
    line-height: 30px;
    padding: 0 5px 0 0;
    text-transform: uppercase;
}
.classes-list-full.massive{
    margin: 5px 0 5px 20px;
    padding-left: 0;
}
.classes-list-full.massive li span{
    width: 60px;
}
.classes-list-full li {
    white-space: nowrap;
}
select.ou-switcher{
    margin: 5px 0 5px 0;
    width: 100%;
}
.classes-list .tooltip-data{
    display: none;
}

form fieldset.checkboxes label input{
    width: 15px!important;
    display: inline-block;
    margin-right: 5px!important;
}
form fieldset.reciviers-group-select{
    margin-top: 15px;
    margin-bottom: 10px;
}
form fieldset.reciviers-group-select label{
    display: block;
    float: left!important;
    clear: left;
    line-height: 22px!important;
    font-weight: normal;
    padding: 0;
}
#ouClassesList label input{
    position: relative;
    top: -2px;
}
#ouClassesList .classes-list label input{
    top: -1px;
}
/* // Фильтр классов и школ */

/* Список сообщений */

.rows-list-container .rows-list.empty-inbox td{
    text-align: center!important;
}

.send-message-form .mod-inner{
    padding: 10px 0 15px 0!important;
}
.send-message-form .close-button{
    right: 26px;
    top: 10px;
}
.send-message-form form{
    width: 550px;
}
.send-message-form form input.message-theme{

}
.send-message-form textarea{

    height: 90px;
}
.send-message-form textarea,
.send-message-form .message-theme{
    padding: 0 6px;
    width: 538px;
}

/* Accordion */

.accordion .group h3.group-heading {
    display: none;
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 15px 0;
}
.accordion .group.ui-accordion-content-active h3.group-heading{
    display: block;
}
.step-form .group textarea,
.step-form .group input[type=text]{
    width: 425px;
    padding: 0 6px;
}
.accordion .toggle-group-controls{
    padding: 10px 0 10px 20px;
}
.accordion .toggle-group-controls span{
    margin-right: 25px;
}
.accordion .next-button{
    clear: both;
    padding: 20px 0 15px 0;
}
.accordion .group:last-child .next-button{
    padding-top: 5px;
}
.accordion .group .ui-helper-reset{
    line-height: 1!important;
}
.accordion .text-data-form  h3{
    padding-bottom: 5px!important;
}
.accordion .text-data-form fieldset{
    padding: 0;
}
.accordion fieldset.as-option input.select-fieldset{
	float: left;
	margin-top: 7px;
}
.accordion fieldset.as-option .content-container{
	margin-left: 40px;
}