.cabinet *{
    color: #5c6e43;
    font-family: "trebuchet ms", sans-serif;
}
.cabinet{
    margin:2em auto;
    font-size:8pt;
}
.cabinet .box{
    border-radius: 4px;
    border: 2px groove #fff;
    background-color: #fdfdfd;
}
.cabinet .shad{
    box-shadow: 0 0 7px #bad977;
}
.cabinet.login{
    width:400px;
}
.cabinet.register{
    width:470px;
}
.cabinet.license{
    width:70%;
    min-width:700px;
    margin:0 auto;
}
.cabinet.update{
    width:470px;
}
.cabinet.forgot{
    width:470px;
}
.cabinet.feedback{
    width:520px;
}
.cabinet.logout{
    width:470px;
}
.cabinet.error{
    width:470px;
}
.cabinet .header{
    background-color: #eeffcc;
    border-bottom:1px dotted #ccc;
    margin:0 1px;
    overflow: hidden;
}
.cabinet.error .header, .cabinet.error .footer{
    background-color: #ffe8e8;
}
.cabinet .footer{
    background-color: #eeffcc;
    border-top:1px dotted #ccc;
    margin:0 1px;
    overflow: hidden;
    padding:5px 20px 5px 20px;
    text-align: right;
}
.cabinet .header h3{
    font-size:1.4em;
    font-weight:bold;
    padding:5px 15px 5px 50px;
    float:left;
    color:#5d8c00;
}
.cabinet.error .header h3{
    color:#851c23;
}
.cabinet .body{
    padding:20px 50px;
}
.field{
    margin:10px auto;
}
.field label{
    display:block;
    font-size: 1.2em;
    font-weight:bold;
    padding:5px;
}
.field input, .field textarea, .field select{
    display:block;
    width:98%;
    margin:0 auto;
    font-size:1.5em;
    padding:3px 5px;
    border:1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 4px #adcc8f;
    background-color: #fff;
    outline:none;
    color: #3c472c;
}
.field textarea{
    height:250px;
}
.footer input, .footer .button{
    display:inline-block;
    margin:2px 5px;
    font-size:1.3em;
    padding:4px 20px;
    border:1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 4px #adcc8f;
    background-color: #C6FF8C;
    outline:none;
    color: #3c472c;
    font-weight:bold;
    text-decoration: none;
}
.cabinet.error .footer input, .cabinet.error .footer .button{
    box-shadow: 0 0 4px #ffbeba;
    background-color: #ffc1ad;
    border:1px dotted #ffada5;
    color: #851c23;
}

.footer a.cancel{
    background-color: #ffe8e8;
    color: #851c23;
}
.login .header h3,.logout .header h3{
    background: #eeffcc url(supply/users.png) no-repeat -11px -9px;
}
.register .header h3{
    background: #eeffcc url(supply/document-edit.png) no-repeat -11px -9px;
}
.update .header h3{
    background: #eeffcc url(supply/document-edit.png) no-repeat -11px -9px;
}
.feedback .header h3{
    background: #eeffcc url(supply/document-edit.png) no-repeat -11px -9px;
}
.forgot .header h3{
    background: #eeffcc url(supply/lock.png) no-repeat -13px -3px;
}
.cabinet.error .header h3{
    background: #ffe8e8 url(supply/exclamation-circle.png) no-repeat -20px -9px;
}
.cabinet.license .header h3{
    background: #eeffcc url(cabinet/document-file.png) no-repeat -16px -4px;
}
.cabinet .error{
    color: #851c23;
    background-color: #ffe8e8;
    padding:3px;
    border:1px solid #e8abb0;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 0 4px #e8abb0;
    margin-top:4px;
}
.cabinet .special{
    position:relative;
    overflow:hidden;
}
.cabinet .special a{
    display: block;
    padding: 10px;
    font-size:1.2em;
    font-weight:bold;
}
.cabinet .special .register{
    float:left;
    color:#5d8c00;
}
.cabinet .special .feedback{
    float:left;
    color:#5d8c00;
}
.cabinet .special .forgot{
    float:right;
    color:#851c23;
}
.cabinet .attention{
    font-size:1.3em;
    text-align: center;
    margin-bottom:10px;
}
.cabinet.error .attention{
    color:#851c23;
}
.cabinet .required label:after{
    content:' *';
    color:red;
}
#cabinetLicenseLabel{
    font-size:1.1em;
    text-align: center;
}
.cabinetmain *{
    font-family: "Trebuchet MS", sans-serif;
}
.cabinetmain{
    padding:5px 10px;
}
.cabinetmain.header{
    margin:-1px 3px 3px 3px;
    padding:1em 2ex;
    border:1px dotted #ccc;
    position:relative;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    background-color: #fdfdfd;
    box-shadow: 0 0 7px #bad977;
    line-height:1.8em;
    background-image: url(supply/fancy_deboss.png);
}
.cabinetmain .text{
    float:left;
    font-weight:bold;
    background: transparent url(cabinet/info48.png) no-repeat left center;
    padding-left:54px;
    height:53px;
}
.cabinetmain .text *{
    font-size:1.1em;
    font-weight:bold;
}
.cabinetmain .text div{
    text-align:center;
}
.cabinetmain .action{
    float:right;
    height:53px;
    line-height:53px;
}
.cabinetmain .comments{
    display:inline-block;
    background: transparent url(cabinet/comments.png) no-repeat center center;
    text-indent:60px;
    height:48px;
    width:48px;
    white-space: nowrap;
    overflow: hidden;
    margin-right:10px;
}
.cabinetmain .lshome{
    display:inline-block;
    background: transparent url(cabinet/home.png) no-repeat center center;
    text-indent:60px;
    height:48px;
    width:48px;
    white-space: nowrap;
    overflow: hidden;
}
.cabinetmain .button{
    text-decoration: none;
    font-weight:bold;
    font-size:1.1em;
    padding-right:1.5ex;
}
.cabinetmain .button:hover{
    color:#851c23;
}
.cabinetmain .edit{
    background: transparent url(cabinet/edit-sm.png) no-repeat left 0;
    padding-left:26px;
}
.cabinetmain .exit{
    background: transparent url(cabinet/exit-sm.png) no-repeat left 0;
    padding-left:26px;
}
.cabinetmain .person{
    color:#5d8c00;
}
.cabinetmain .item{
    width:50%;
    margin:0 !important;
    padding:0 !important;
    float:left !important;
}
.cabinetmain .item .iblock{
    margin:15px 30px;
    padding:3px 15px;
    height:250px;
    overflow:hidden;
    text-align: justify;
}
.cabinetmain .item .iblock h3, .cabinetmain.footer h3{
    font-size:1.4em;
    border-bottom: 1px dotted #ddd;
    padding-bottom:5px;
    margin-bottom:5px;
}
.cabinetmain .item .iblock.tl h3{
    color: #4f0f15;
}
.cabinetmain .iblock.tl{
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 7px #bad977;
    background-color: #fff1ef;
    color: #4f0f15;
}
.cabinetmain .iblock.tl .imgmain, .cabinetmain .iblock.br .imgmain{
    float:right;
    margin:5px 5px 0 10px;
    padding:10px;
}
.cabinetmain .iblock.tl .imgmain{
    background-color: #fff1ef;
}
.cabinetmain .iblock.tr .imgmain,.cabinetmain .iblock.bl .imgmain,.cabinetmain .iblock.br .imgmain{
    float:left;
    margin:5px 10px 0 5px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 7px #bad977;
    background-color: #fdfdfd;
    padding:10px;
}
.cabinetmain .iblock.bl .imgmain{
    float:right;
    margin:5px 5px 0 10px;
}
.cabinetmain .youinfo{
    background: url(cabinet/dver-big.png) no-repeat center center;
}
.cabinetmain .iblock.tr:hover,.cabinetmain .iblock.bl:hover,.cabinetmain .iblock.br:hover{
    background-color: #e2ffd2;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 7px #bad977;
    cursor:pointer;
}
.cabinetmain .charts{
    background: url(cabinet/icons.png) no-repeat 0 -128px;
}
.cabinetmain .pricelist{
    background: url(cabinet/icons.png) no-repeat -128px -128px;
}
.cabinetmain .infocenter{
    background: url(cabinet/icons.png) no-repeat -256px -128px;
}

.cabinetmain .fblock2 h3{
    text-transform: uppercase;
}
.cabinetmain .fblock1 .logo{
    background: url(cabinet/discount.png) no-repeat center center;
}
.cabinetmain .fblock1 .supply{
    background: url(cabinet/truck-big1.png) no-repeat center center;
}
.cabinetmain .fblock1 .news{
	background: url(cabinet/news.png) no-repeat center center;
}
.cabinetmain .fblock1 .salebook{
    background: url(cabinet/salebook.png) no-repeat 0 0;
}
.cabinetmain .fblock1 .webanalitic{
    background: url(cabinet/web-analitic.png) no-repeat 0 0;
}

.cabinetmain.footer .fblock1:hover .charts, .cabinetmain .charts:hover{
    background: url(cabinet/icons.png) no-repeat 0 0;
    background-color: #fdfdfd;
    cursor:pointer;
}
.cabinetmain.footer .fblock1:hover .pricelist, .cabinetmain .pricelist:hover{
    background: url(cabinet/icons.png) no-repeat -128px 0;
    background-color: #fdfdfd;
    cursor:pointer;
}
.cabinetmain.footer .fblock1:hover .infocenter, .cabinetmain .infocenter:hover{
    background: url(cabinet/icons.png) no-repeat -256px 0;
    background-color: #fdfdfd;
    cursor:pointer;
}
.cabinetmain.footer{
    margin:3px;
    padding:1em 2ex;
    border:1px dotted #ccc;
    position:relative;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    background-color: #fdfdfd;
    box-shadow: 0 0 7px #bad977;
    line-height:1.8em;
    background-image: url(supply/fancy_deboss.png);
}
.cabinetmain .cslnk{
    display:inline-block;
    width:128px;
    height:128px;
    text-indent:256px;
    white-space: nowrap;
    overflow: hidden;
    margin-right:30px;
    float:left;
}
.cabinetmain.footer .fblock{
    width:33%;
    float:left;
}
.cabinetmain.footer .fblock2{
    width:50%;
    float:left;
}
.cabinetmain.footer.unactive{
    margin-top:10px;
}
.cabinetmain.footer .fblock *{
    color:#aaa;
}
.cabinetmain.footer .fblock1:hover *{
    color:#4f0f15;
}
.cabinetmain.footer .fblock.middle{
    width:34%;
}
.cabinetmain.footer .fblock1{
    padding:10px;
    overflow:hidden;
    max-height:130px;
    overflow:hidden;
}
.cabinetmain.footer .fblock1:hover{
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 7px #bad977;
    background-color: #fdfdfd;
    cursor:pointer;
}
.cabinetmain.footer .bl{
    margin-left:155px;
	font-size:11pt;
}
.license .body{
    font-size:1.1em;
}
.license ol{
    margin:0 10px;
    padding:0 10px;
    list-style: none;
}
.license .body{
    height:250px;
}
.license .body{
    overflow:auto;
}
.cabinfo{
    width:98%;
    margin:20px auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size:12pt;
    color:#3c472c;
}

.cabinfo p{
    font-size:1.3em;
    text-indent:2ex;
    line-height: 1.5em;
    color:#3c472c;
}
.cabinfo ul{
    width:95%;
    margin:2ex auto;
    padding:2ex 4ex;
    line-height: 1.5em;
    background-color: #fff;
    list-style: none;
}
.cabinfo li{
    font-size:1.1em;
    margin:0 1.4ex;
}
.cabinfo .discount{
    font-size:1.3em;
    color:red;
    font-weight:bold;
    width: 80px;
    background: url(cabinet/sale_back.png) no-repeat center center;
}
.cabinfo h3.card{
    background: #eeffcc url(cabinet/credit-cards.png) no-repeat -10px -7px;
    font-size:1.4em;
    color:#3c472c;
    text-indent:10px;
}
.cabinet.newsadd{
    width:80%;
}
.cabinet.newsadd .field{
    margin:0 auto;
}
.cabinet.newsadd .body{
    padding:5px 15px;
}
.cabinet .multifield{
    overflow:hidden;
    padding:3px;
    margin:0 auto;
}
.mf60{
    float:left;
    width:60%;
}.mf40{
    float:left;
    width:40%;
}
.news *{
    font-family: "Trebuchet MS", sans-serif;
	font-size:14px;
}
.news thead{
    font-size:1.3em;
    background-color: #C6FF8C;
}
.news th{
    padding:5px;
    border-bottom: 1px solid #ccc;
}
.news table{
    border:1px dotted #ccc;
    margin-top:3px;
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.news td{
    padding:5px;
	line-height: 24px;
    border-bottom:1px dotted #ddd;
    border-right:1px solid #ddd;
}
.news .remove a{
    display: inline-block;
    width:24px;
    height:24px;
    background: transparent url(cabinet/remove-sm.png) no-repeat center 4px;
    text-indent: 36px;
    overflow:hidden;
}
.news tr.notactive{
    background-color: #ffedef;
}
.news .remove{
    width:30px;
    text-align: center;
}
.news .edit a{
    display: inline-block;
    width:24px;
    height:24px;
    background: transparent url(cabinet/edit-sm.png) no-repeat center 4px;
    text-indent: 36px;
    overflow:hidden;
}
.news .edit{
    width:30px;
    text-align: center;
}
.news .message{
    width:32px;
    text-align: center;
    overflow:hidden;
}
.news .message .active{
    display: inline-block;
    width:24px;
    height:24px;
    background: transparent url(cabinet/active.png) no-repeat center 4px;
    text-indent: 36px;
    overflow:hidden;
}
.news .message .notactive{
    display: inline-block;
    width:24px;
    height:24px;
    background: transparent url(cabinet/notactive.png) no-repeat center 4px;
    text-indent: 36px;
    overflow:hidden;
}
.news tr:hover{
    background-color: #d9ffb2;
}

.button{
    padding:8px 15px;
    border:1px dotted #ccc;
    font-size:14px;
    border-radius: 3px;
    text-decoration: none;
    color:#002626;
    font-weight:bold;
    margin:1px 0 0 3px;
    margin-right:3px;
    display: inline-block;
}
.button.add{
    background:#c6ff8c url(supply/button-add.png) no-repeat -30px -18px;
    padding-left:30px;
}
.emptylist{
    padding:20px;
    margin:10px auto;
    text-align: center;
    font-size:1.5em;
}
.newsadd .header{
    background: #eeffcc url(supply/document-edit.png) no-repeat -11px -9px;
}
.cabinetmain h3{
	font-size:1.2em;
}
.cabinetmain .fblock .bl{
	font-size:1.1em;
	line-height: 1.3em;
}
.cabinfo .action{
	font-size:1.3em;
	color:red;
	font-weight:bold;
}
.cabinfo .analit{
	float:right;
	width:40%;
	background-color:#007070;
	padding:10px;
	text-align: right;
	border-radius: 4px;
	border: 2px groove #fff;
	box-shadow: 0 0 7px #bad977;
}
.analit span{
	font-size:1.3em;
	color:#fff;
	font-weight:bold;
}
.analit ul{
	background-color:#007070;
	padding:0;
	text-align: left;
	font-weight:bold;
	list-style:disc;
}
.analit li{
	color:#ff0;
}
.analit ul ul li{
	color:#fff;
	font-weight:normal;
	list-style:circle;
}
.analit hr{
	color:#CCC;
	height:1px;
}
form div.error{
	color: #600;
	font-size:0.9em;
	font-weight:bold;
	margin:0 20px 5px 20px;
}