html, body, .page-wrapper, .page{
    height:100%;	
}

body{
    margin:0px;
    padding:0px;	
}

*{
    margin:0px;
    padding:0px;
}

h1{
    margin-bottom:15px;
}

h3{
    margin-bottom:5px;
}

p{
    margin-bottom:10px;
}

option{
    padding: 0px 5px;
}

textarea{
    width:100%;
    resize:none;
}

ul{
    list-style:none outside none;	
    margin:0px;
    padding:0px;
}

.clearfix:after {content: ".";
                 display: block;
                 height: 0;
                 clear: both;
                 visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*****************************************
*********** AUTORIZATION PAGE ************
*****************************************/

.autorization-section{
    width:580px; /* Autorization layout width */
    min-width:580px;	
    margin-left:auto;
    margin-right:auto;
}

.authorization-header{
    height:96px;	
}

.authorization-header .logo{
    margin-top:20px;
}

.login-block{
    margin-top:40px;	
    margin-bottom:30px;
}	

.login-top{
    height:50px;
    line-height:50px;
}

.login-title{
    float:left;
    padding:0px 50px 0px 50px;
}


.login-content{
    padding:30px 60px 0px 60px;
}

.login-content label{
    display:block;
    margin-bottom:5px;
}


.login-content .login-content-row.checkbox label{
    display:inline;
    float:left;
    /*padding-left:5px;*/
}

.login-content .login-content-row.checkbox input{
    float:left;
    width:auto;
    margin-top:3px;
}

.login-content-row{
    margin-bottom:20px;
}

.login-button{	
    display:block;
    margin-left:auto;	
    margin-right:auto;
    width:160px;	
}

.login-button-title{
    width:140px;
    height:45px;
    line-height:45px;
    text-align:center;
}

.login-button-left, .login-button-right{
    height:45px;
}

.login-button div{
    float:left;	
}

.login-button-left, .login-button-right{
    width:10px;	
}




/*****************************************
******* END OF AUTORIZATION PAGE *********
*****************************************/  


/*****************************************
*************** MAIN LAYOUT **************
*****************************************/ 
.page{
    padding-bottom:55px;
}

.page-wrapper{
    position:relative;
    min-width:960px;
    height:auto;
    min-height:100%;
    z-index:0;
}



.section{
    width:100%; /* Layout width */
    min-width:1000px;	
    margin-left:auto;
    margin-right:auto;
}

.sub-section{
    padding:0px 36px;
}

.top-toolbar ul li, .top-toolbar ul li a, .top-toolbar ul li div,
.main-menu li,
.bread-crumbs ul li, .bread-crumbs ul li a,
.table-action-buttons  li, .items-on-page ul li, .items-on-page ul li a,
.module-action-buttons li, .module-action-buttons a,
.module-main-menu ul li, .module-main-menu ul li a{
    float:left;
}



/** Top Toolbar **/

.admin-toolbar .sub-section{
    padding:0px 72px;
}


.toolbar-user{
    float:right;
}

.toolbar-menu{
    float:left;
}

.top-toolbar .section{ 
    padding-top:7px;
    height:23px;
}

.toolbar-user li, .toolbar-menu li{
    margin-right:10px;
}

.toolbar-user .last-list-item{
    margin-right:0px;
}

.user-name{
    margin:0px 10px 0px 5px;
}
/** End of Top Toolbar **/



/** Header with Logo and Main Menu **/

.header-bg{
    height:90px;
    margin:8px 0px 18px 0px;
    position:relative;	
}

.main-menu{	
    margin:4px 0px 0px 132px;
    overflow:hidden;	
    height:82px;
    float:left;
}

.logo{
    float:left;	
    display:block;
    width:190px;
    height:55px;
    margin:18px 0px 0px 0px;
}

.logo-button{
    position:absolute;
    display:block;
    width:96px;
    height:80px;
    margin:5px 0px 0px 0px;
    left:36px;
}

.main-menu-tab-left, .main-menu-tab-center, .main-menu-tab-right{
    float:left;
    height:82px;
}

.main-menu-tab-left, .main-menu-tab-right{
    width:12px;	
}

.main-menu a{	
    height:24px;	
    display:block;
    text-align:center;		
    padding:58px 15px 0px 15px;
}
/** End of Header with Logo and Main Menu **/



/** Bread Crumbs **/

.bread-crumb-list{
    padding-top:9px;
    padding-bottom:9px;
}

.bread-crumb-list .bread-crumb-home{
    background:none;
    padding:0px;
}

.bread-crumb-list li{	
    padding:0px 0px 0px 13px;
    margin:0px 6px 0px 0px;
}

.bread-crumb-list li a{		
    display:block;
}	
/** End of Bread Crumbs **/

 


/*****************************************
********* End of MAIN LAYOUT ************
*****************************************/


/*****************************************
************** MODULES LAYOUT *************
*****************************************/

.module-content{
    padding-top:30px;
    padding-bottom:30px;
}

.main-content .section{			
    margin-bottom:30px;
}


/** System Messages **/
.success-system-message, .error-system-message, .info-system-message{
    padding:10px;
    margin-bottom:20px;
}

.success-system-message .title, .error-system-message .title, .info-system-message .title{
    margin-bottom:5px;	
    padding-left:20px;
}	
/** End of System Messages**/



/** Module Main Menu **/
.module-main-menu{
    padding:18px 32px 0px 32px;
}

.module-main-menu ul li{
    margin:0px 5px 0px 0px;
}

.module-main-menu-tab-left, .module-main-menu-tab-center, .module-main-menu-tab-right{
    float:left;
}

.module-main-menu-tab-right, .module-main-menu-tab-left{
    width:10px;
}

.module-main-menu-tab-center, .module-main-menu-tab-right, .module-main-menu-tab-left{
    height:34px;
    line-height:34px;
}

.module-main-menu-tab-center{
    padding:0px 10px;
}
/** End of Module Main Menu **/



/** Module Submenu **/
.module-submenu-left, .module-submenu-center{
    float:left;
}

.module-submenu{
    padding:15px;
}

.module-submenu-right{
    float:right;
}

.module-submenu  li{
    float:left;
    width:100%;
}

.module-submenu-left, .module-submenu-right{
    width:5px;
}

.module-submenu-left, .module-submenu-right, .module-submenu-center{
    height:29px;
    line-height:29px;
}

.module-submenu-center{	
    width:100%;
}

.module-submenu-center a{	
    padding:0px 10px;
}
/** End of Module Submenu **/



/** Module Action Buttons **/

.module-action-buttons{
    margin:0px 0px 15px 0px;		
}

.module-action-buttons.bottom{
    margin:15px 0px 0px 0px;
}

.module-action-buttons a{	
    display:block;
}

.module-action-buttons li{
    margin-right:15px;
}

.module-action-button-left, .module-action-button-title, .module-action-button-right{
    display:block;
    float:left;	
    height:31px;
    line-height:28px;	
} 

.module-action-button-left{	
    width:22px;
}

.module-action-buttons .simple-button .module-action-button-left{
    width:9px;
}

.module-action-button-title{
    padding:0px 5px;		
}

.module-action-button-right{	
    width:9px;
}
/** End of Module Action Buttons **/



/** Tables **/
table{
    width:100%;
    border-collapse:collapse;	
    text-align:left;	
}

table td{
    padding:5px 10px;
    vertical-align: middle;		
}

table thead a{
    width:100%;
    height:100%;
    float:left;
    display:block;
}

table thead a div{
    padding:5px 15px 5px 10px;
    margin-right:10px;
    float:left;
}

.table-cell-no-width{
    width:1%;
}

.empty-cell{
    padding-left:17px;
    padding-right:17px;
}


.table-action-buttons li{
    margin-left:5px;
}

.table-action-buttons  li a{
    display:block;
    width:24px;
    height:24px;
}

.table-action-buttons .first-list-item{
    margin-left:0px;
}

.table-header td.sort{
    padding:0px;
}


/** End of  Tables **/



/** Paging **/
.paging-navigation{	
    padding:0px 10px;
}

.paging-navigation input, .paging-navigation option{
    height:17px;
}

.paging-navigation div, .paging-navigation a, .paging-navigation input, .paging-navigation select{
    float:left;
}

.page-counter, .items-on-page div{
    margin-top:3px;
}

.paging-bottom{
    margin-top:10px;
}

.paging-top{
    margin-bottom:10px;
}

.page-counter{
    margin-right:20px;
}

.page-conrols{
    margin-right:15px;
}

.page-conrols a, .page-conrols input{
    margin-right:5px;
}

.items-on-page{
    margin-right:20px;
}

.items-on-page div{
    margin-right:5px;
}


.page-first, .page-last{
    width:25px;
    height:19px;
    display:block;
}

.page-backward, .page-forward{
    width:19px;
    height:19px;
    display:block;
}
/** End of Paging **/



/** Tree Module **/

.empty-tree-list{
    height:0px;
}


/** End of tree-module **/



/** Forms **/
.autorization-section form{
    padding-bottom:0px;
}

form{
    padding-bottom:18px;	
}

input{
    padding:0px;
    margin:0px;		
}

.input-border{
    padding:2px 5px;		
}



.form-row {	
    width:98%;
    margin-bottom:15px;
    clear:left;
}
.form-row.ui-tabs-panel{
    width:98%; 
}
.ui-tabs {
    margin-bottom: 15px;
}

.column-50-percent .form-row.ui-tabs-panel{
    width:96%; 
}

.column-50-percent .form-row{
    clear:none;
}


.form-row label, .master-group-parametrs  label{
    //display:block;
    padding-bottom:3px;
}

.input-border input, .error-message{
    width:100%;	
}

.checkbox{
    position:relative;	
}

.checkbox label{	
    padding-left:28px;
}

.checkbox input{
    //position:absolute;	
    left:0px;
    padding:0px;
    margin:5px 0 0 5px !important;
    margin-top:3px;
}



.error-form-message{	
    margin-top:5px;	
}

.dropdown-block{
    margin-bottom:18px;
}	

.dropdown-content{
    padding:10px;
}	

.dropdown-header{
    padding:5px 10px;	
    display:block;	
}

.dropdown-header .title{
    float:left;
}

.dropdown-title{
    float:left;
}	

.dropdown-button{
    float:left;	
    padding-left:10px;
    width:19px;
    height:19px;	
}

.input-with-button{
    margin-right:28px;
    position:relative;
}	

.translit{
    position:absolute;
    top:0px;
    right:-28px;
    width:24px;
    height:24px;
    background:red;
}

/** End of Forms**/



/** Several Colums Layout **/
.column-50-percent{
    float:left;
    width:50%;
}

.column-25-percent{
    float:left;
    width:25%;
}






.padding-right-18px{
    padding-right:18px;
}

.padding-left-18px{
    padding-left:18px;
}

.padding-left-36px{
    padding-left:36px;
}

.padding-right-36px{
    padding-right:36px;
}

/* End of Several Colums Layout */

.extended-main-menu{
    position:absolute;
    left:0px;
    top:104px;	
    display:none;
}

.extended-main-menu-pointer{
    width:45px;
    height:23px;
    position:absolute;	
    top:-23px;
    left:53px;
}

.extended-main-menu-close{
    width:11px;
    height:12px;
    position:absolute;	
    top:18px;
    right:18px;
    display:block;
}

.extended-menu-list{
    padding:36px 18px 18px 18px;
}

.extended-mainmenu-column-1, .extended-mainmenu-column-2, .extended-mainmenu-column-3{
    float:left;
}

.extended-menu-list li a{
    padding:9px 36px 9px 54px;
    display:block;
}

.clear-row{
    float:left;
    width:100%;
}

.thead-actions{
    width:20%;
}

.blockmanager .thead-description{
    width:40%;
}

.thead-author{
    width:120px;
}

.thead-date{
    width:185px;
}

.dependent-file-location{
    margin-bottom:9px;
}

.dependent-file-location, .deldependies, #add_depfile{
    float:left;
    margin-right:9px;
}

.deldependies, #add_depfile{	
    padding:0px 0px 0px 15px;	
}

#files input{
    margin-bottom:9px;
}

.tabledrag-handle{
    float:left;
    display:block;
    height:16px;
    width:16px;
    margin:1px 9px 0px 0px;	
}

.table-item-status{
    display:block;
    width:33px;
    height:16px;
    margin:0px auto 0px auto;	
}

.tabletree-toggle-btn{
    display:block;
    float:left;
    height:11px;
    width:11px;
    margin:3px 9px 0px 0px;	
}

.no-padding{
    padding:0px;
}


.ui-sortable-helper tr:hover .table-action-buttons, .ui-sortable-helper tr:hover .table-item-status{
    display:none;
}


/* Catalog List*/


.category-common-form{
    padding:18px;
    margin-bottom:36px;
}

.catalog-group-li{	
    margin-bottom:18px;		
}

.catalog-group-li ul li{
    padding-left:36px;
}

.catalog-list .section-title{
    margin-bottom:9px;
}

.section-title .inner-border{
    padding:5px 18px;
    line-height:24px;	
}


.catalog-group-li li .menu-item{			
    padding:5px 18px 5px 0px;	
}

.catalog-list .table-action-buttons{
    float:right;
}

.catalog-list .table-action-buttons li{
    padding:0px;
}


.catalog-group-li .catalog-edit-form{	
    padding:18px;
    position:relative;
    margin:13px 0px;
}


.checkbox-input{
    /**
    width:20px;
    height:20px;
    **/
    float:left;
}

.catalog-edit-pointer{	
    position:absolute;
    left:18px;
    top:-12px;
    width:23px;
    height:12px;
}

.module-action-buttons.right-position{ 
    margin:0px;	
}

.module-action-buttons.right-position li{
    float:right;
    padding:0px;
    margin:0px 0px 0px 15px;
}


.catalog-help-block h4{
    margin-bottom:9px;
}

.catalog-help-block{
    padding:18px;	
}


.catalog-add-new-group{
    padding:9px 18px 9px 54px;
    display:block;
}

/* End of Catalog List */

.column-30-percent{
    float:left;
    width:30%;	
}

.column-70-percent{
    width:70%;
    float:left;
}


.catalog-product-images-block li{
    margin-bottom:18px;
    border:double 1px #ccc;	
}

.catalog-product-images-block li img{
    width:100%;
}

.catalog-parametrs{
    margin-bottom:18px;
}

.catalog-parametrs table td{
    padding:9px 18px;
    border:none;
}

.catalog-parametrs table thead td{
    padding:0px;
}

.catalog-parametrs table .section-title{
    border-left:0px;
    border-top:0px;
    border-right:0px;
}

.catalog-parametrs table .label-td{
    width:45%;
    text-align:right;
    border-right:solid 1px #fff;
}

/** Install page **/

.install-block{
    margin:40px 0px;	
}

.install-content .sub-section{
    padding-top:36px;
    padding-bottom:36px;
}

.autorization-section.install-section{ 
    width:90%; /* Autorization layout width */
    min-width:900px;	
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}	

.install-menu{
    margin-top:38px;
}

.install-menu a{
    display:inline-block;
    padding:9px 18px;
}

.install-menu li{
    margin-bottom:9px;
}
/** End of install page**/


.blockstable{
    margin-bottom:18px;
}


.dropdown-delete{
    float:right;
    margin-left:10px;
    padding-left:10px;
}


.reset-style{
    padding:0px;
    margin:0px;
}


.form-button{
    float:left;
}

.catalog-main-parametr, .catalog-filtr-parametr{
    width:20px;
    height:20px;
    float:left;
    margin-left:10px;
}

.master-group-parametrs{
    padding-right:20px;

}


.master-group-parametrs .form-row, .master-group-parametr-add .form-row{
    position:relative;
}

.delete-group-parametr, .select-input-switcher.delete{
    position:absolute;
    width:15px;
    height:15px;
    background:url(../theme-images/catalog-module/delete-icon-sprite.png) no-repeat 0px 0px;
    top:3px;
    right:-20px;
    display:block;	
}

.delete-group-parametr:hover, .select-input-switcher.delete:hover{
    background-position: 0px -15px;
}


.master-group-parametr-add{
    padding-right:80px;
}

.add-group-parametr{
    position:absolute;
    width:74px;
    height:24px;
    background:url(../theme-images/catalog-module/add-btn-bg.png) no-repeat 0px 0px;
    top:-1px;
    right:-80px;
    display:block;
    text-align:center;
    text-decoration:none;
    line-height:24px;
    color:#fff;
}

.add-group-parametr:hover{
    background-position:0px -24px;
}


.select-input-combo{	
    position:relative;
    padding-right:24px;
    height:28px;
}

.select-input-combo .delete-group-parametr{
    right:0px;
}

.select-input-combo select{
    width:100%;
}

.select-input-switcher.delete{
    right:0px;
}

.select-input-switcher{
    position:absolute;
    width:15px;
    height:15px;
    background:url(../theme-images/catalog-module/add-icon-sprite.png) no-repeat 0px 0px;
    top:3px;
    right:0px;
    display:block;	
}

.select-input-switcher:hover{
    background-position:0px -15px;
}

.modal-window{
    min-width:600px;	
    position:fixed;
    width:60%;	
    height:450px;
    background:#fff;
    top:100px;
    left:20%;
    z-index:999;

}

.modal-overlay{
    position:fixed;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    background:url(../theme-images/modal-window/overlay.png) repeat 0px 0px; 
    z-index:998;
}


.modal-window .sub-section{
    padding-top:18px;
    padding-bottom:18px;
}

.unit-value, .unit, .new-value-form{
    overflow:auto;	
    height:325px;
    border:solid 1px #d9d9d9;
}


.unit-value li, .unit li{	
    padding:5px 90px 5px 10px;
    display:block;
    cursor:pointer;
    position:relative;
    border-bottom:solid 1px #f2f2f2;
}

.unit-value li:hover, .unit li:hover{	
    background:#d1e3ef;
}



.modal-actions{
    position:absolute;
    top:5px;
    right:10px;
}

.editing .modal-actions{
    right:37px;
}

.unit-edit, .unit-delete, .unit-add, .unit-ok, .unit-cancel{
    display:block;
    width:17px;
    height:17px;
    float:left;
    margin-left:10px;
}

.unit-edit{
    background:url(../theme-images/modal-window/icons-actions-17-sprite.png) no-repeat 0px 0px;
}

.unit-edit:hover{
    background-position:0px -17px;	

}

.unit-delete{
    background:url(../theme-images/modal-window/icons-actions-17-sprite.png) no-repeat 0px -34px;
}

.unit-delete:hover{
    background-position:0px -51px;	

}

.unit-add{
    background:url(../theme-images/modal-window/icons-actions-17-sprite.png) no-repeat 0px -68px;
}

.unit-add:hover{
    background-position:0px -85px;		
}


.unit-ok{
    background:url(../theme-images/modal-window/icons-actions-17-sprite.png) no-repeat 0px -102px;
}

.unit-ok:hover{
    background-position:0px -119px;		
}


.unit-cancel{
    background:url(../theme-images/modal-window/icons-actions-17-sprite.png) no-repeat 0px -136px;
}

.unit-cancel:hover{
    background-position:0px -153px;		
}

.add-new-unit-group{
    position:relative;
    padding:0px 85px 0px 110px;
}

.add-new-unit-group  label{
    position:absolute;
    left:0px;
    top:2px;
}

.add-new-unit-group .add-group-parametr{
    right:0px;
}

.unit-value-block, .new-value-block{
    padding-top:37px;
}

.new-value-form{
    padding:10px;
    height:305px;
}


.unit li.editing .unit-edit-block{
    display:block;
}

.editing .unit-item{
    display:none;

}

.unit li .unit-edit-block{
    display:none;
} 

.active-unit{
    background:#d1e3ef;
}