body {
   background: #fafbfb url(images/dark_bg.jpg) top center repeat-x;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 10px;
   color: #666;
}

input, select, textarea {
   font-size: 1em;
   color: #666;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   border: 1px solid #A8A9A9;
   padding: 2px 4px;
}
input { height: 14px;}

.bodyBox{
   background: url(images/top_bg.jpg) 0 27px repeat-x;
   height:100%;
   min-height:100%;
   min-width:100%;
   position:absolute;
   top:0;
}
html > body .bodyBox {
   height:auto;
}
#wrapper {
   /*width:1184px;*/
   width: 1350px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
}
#websiteTitle { float: left; }
#websiteTitle a {
   background: url(images/logo.jpg) no-repeat;
   height: 42px;
   width: 122px;
   overflow: hidden;
   text-indent: -6000px;
   margin:39px 0 39px 68px;
   display: block;
}
.dynamicContent a { color: #666; }
#pageTitle { font-size: 14px; margin-bottom: 1em; display: none; }
#topMenu { overflow: hidden; clear:both; width:1220px; }
#topMenu ul { padding: 0; margin: 0; }
#topMenu ul.menuStyle { width: 1220px; }
#topMenu ul.menuStyle li a.clientPricelists{ padding-top: 5px; }
#topMenu li {
   float: left;
   background: url(images/menu_bg_100.png) no-repeat;
   width: 100px;
   height: 40px;
   margin: 0 2px 0 0;
}
#topMenu li.active, #topMenu li:hover { background-position: 0 -40px; }
#topMenu li.active a, #topMenu li:hover a{ color: #666; }
#topMenu li a { 
   display: block;
   width: 100px;
   height: 27px;
   padding: 13px 0 0;
   font-size: 1.2em;
   font-weight: bold;
   color: #fafbfb;
   text-align: center;
   overflow: hidden;
}
#topMenu .dropDownMenu { display: none; }
#topMenu li ul {
   left:0;
   margin:0;
   position:absolute;
   top:160px;
   white-space:nowrap;
   z-index:40;
   list-style: none;
   padding: 0;
}
#topMenu li ul li { height: 35px; width: auto; margin: 0; background: #fafbfb; }
#topMenu li ul li a {
   font-size: 1.1em;
   width: auto;
   height: 12px;
   border-right: 2px solid #666;
   margin: 11px 0 0 6px;
   padding: 0 6px 0 0;
   font-weight: bold;
   color: #666;
   text-transform: uppercase;
}
#topMenu li ul li a:hover { color: #F28B66; }
#topMenu li ul li.last a { border: 0; }
#topMenu .productionBoks ul { left: 255px; }
#topMenu .crmBoks ul { left: 120px; }
#topMenu .workersBoks ul { left: 350px; }
#topMenu .trainingBoks ul { right: 455px; left: auto; }
#content { position: relative; }
.dynamicContent { width:1184px; margin:9px 0 50px 1px; padding:0; float:left; min-height:300px;}
#breadcrumbs { border-top:1px solid #D3D4D6; margin: 29px 0 0; padding: 8px 12px 0 12px; }
.notlogged #breadcrumbs {border:none; padding-bottom:30px;}
#breadcrumbs li {
   color: #B81F21;
   display: inline-block;
   font-size: 1.3em;
   font-weight: bold;
   text-transform: uppercase;
}
#breadcrumbs a { text-transform: uppercase; color: #666; }
#footer {
   background: #333;
   bottom:0;
   position:absolute;
   width:100%;
   height: 40px;
}
#footer .body { width: 1160px; margin: 0 auto; }
#footer .body a { float: right; text-indent: -9000px; overflow: hidden; }
#footer .body a.doneLink { background: url(images/done.jpg) no-repeat; width: 27px; height: 14px; margin: 12px 0 0 0; }
#footer .body a.moebiusLink { background: url(images/moebius.jpg) no-repeat; width: 66px; height: 15px; margin: 12px 17px 0 11px; }
#footer .body span { float: right; background: #999; border-right: 1px solid #535353; width:1px; height: 10px; margin: 14px 0 0 9px; }
#content .rightBox {
   float: right;
   width: 200px;
   margin: 0 3px 7px 0;
}
#content .rightBox .header{
   background: url(images/right_box_header.png) no-repeat;
   width: 200px;
   height: 21px;
   padding: 15px 0 5px 0;
}
#content .rightBox .header h4{
   overflow: hidden;
   text-indent: -9000px;
   margin: 0 auto;
   display: block;
   height: 16px;
}
#content .rightBox.messages .header h4{ background: url(images/right_box_header_news.jpg); width: 111px; margin-top: -3px;}
#content .rightBox.links .header h4{ background: url(images/right_box_header_links.jpg) no-repeat; width: 116px;}
#content .messages { margin-top: -40px; }
#content .rightBox .bodyBox{
   background: url(images/right_box_bg1.gif) no-repeat;
   width: 200px;
   margin: 1px 0 0 0;
   padding: 2px 0 0 0;
   position: relative;
}
#content .rightBox .body{
   background: url(images/right_box_bg2.gif) bottom center no-repeat;
   width: 188px;
   padding: 0 6px 5px 6px;
}
#content .rightBox .body ul { list-style: none; margin: 0; padding: 0; }
#content .rightBox .body ul li { display:table; width: 188px; background: url(images/dot_line.jpg) bottom left repeat-x; padding: 6px 0 7px 0; clear: both; }
#content .rightBox .body ul li.last { padding-bottom: 2px; background: 0; }
#content .rightBox .body ul li .icon {
   width: 35px;
   float: left;
   padding: 0 0 0 9px;
}
#content .rightBox .body ul li a { color: #666; font-weight: bold; text-transform: uppercase; }
#content .rightBox .body ul li .description { float: right; width:144px;}
#content .rightBox.links .body ul li .description { padding-top: 4px; }
.bodyBox .log { float: right; padding: 7px 3px 0 7px; font-size: 1.2em; color: #fff; }
.bodyBox .log .name { float:left; padding: 0 0 3px 0; }
.bodyBox .log .name span { float: left; margin: 0 5px 0 0; }
.bodyBox .log .name strong { float: right; }
.bodyBox .log .job { padding:0 0 0 35px; display: block; }
.bodyBox .log .btnLogout{
   background: url(images/log_btn_arrow.jpg) 0 2px no-repeat;
   padding: 0 0 0 12px;
   color: #fff;
   float:right;
   margin:0 0 0 35px;
}
.leftPanel {
   background: url(images/left_panel.png) no-repeat;
   position: fixed;
   top: 185px;
   left: 0;
   width: 55px;
   height: 210px;
}
.leftPanel ul { list-style: none; margin: 0; padding:5px 0 0; }
.leftPanel ul li { display: table; width: 55px; padding:8px 0 9px; background: url(images/left_line.jpg) bottom center repeat-x; text-align: center;}
.leftPanel ul li.last { background: none; }

body.loginTemplate { background: #333 url(images/dark_bg_home.jpg) top center repeat-x; }
body.loginTemplate #content { clear:both; }
body.loginTemplate .loginContent { padding: 10% 0 0 0; }
body.loginTemplate .form { width: 401px; margin: 0 auto; }
body.loginTemplate .form  .header {
   background:url("images/login_header.png") no-repeat;
   width:401px;
   font-size: 1.6em;
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   height:22px;
   line-height:1em;
   padding:13px 0 5px;
}
body.loginTemplate .form .loginBox {
   background: url(images/loginbox_bg.png) no-repeat;
   height:160px;
   margin:1px 0;
   border: 0;
   padding: 20px 0 0 0;
   text-align:left;
}
body.loginTemplate .form .formRow { padding:0 20px 0 82px; height:52px; margin-bottom: 0;}
body.loginTemplate .form .formRow label { display: block; font-size: 1.1em; top: 0; }
body.loginTemplate .form .formRow input { font-size: 1.1em; width: 225px; }
body.loginTemplate .form .btnLog{
   background: url(images/btn_login.jpg) no-repeat;
   width: 108px;
   height: 21px;
   padding: 0;
   border: 0;
   text-indent: -9000px;
   overflow: hidden;
   display: block;
   margin: 10px auto 0;
   cursor: pointer;
}
body.loginTemplate .form .error { display: block; }
.dynamicContent .pager { border: 0; text-align:center;}
.dynamicContent .pager a, .dynamicContent .pager span { background: none; border: 0; padding:2px 3px; color:  #666; text-decoration: none; }
.dynamicContent .pager a:hover { text-decoration: underline; }
.dynamicContent .pager span { text-decoration: underline;  }

.dynamicContent .btnGray{
   background: url(images/btn_gray.jpg) no-repeat;
   width: 86px;
   height: 17px;
   color: #666;
   text-align: center;
   display: block;
   text-transform: uppercase;
   text-decoration: none;
   padding: 3px 0 0;
}
.dynamicContent h3.tableHeader {
   color: #666;
   font-size: 1.2em;
   margin: 10px 0 3px;
}
.dynamicContent .infoMessage {
   background: #E9E9E9;
   font-size: 11px;
   font-weight: bold;
   margin: 20px auto;
   padding: 10px;
   text-align: center;
   clear: both;
   display: block;
}
.dynamicContent h4.title {
   color: #B81F21;
   font-size: 1.2em;
   margin: 33px 0 10px;
   text-transform: uppercase;
}
.autocomplete {
	background: #FFFFFF;
	border: solid 1px #666666;
	overflow: auto;
}
.autocomplete .selected {
	background: #EAEAEA;
}

.fileUploadImage {
	vertical-align: middle;
	padding-left: 5px;	
}