/* 
    Document   : template
    Created on : 2011-03-25, 14:52:54
    Author     : mcegiela
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {

    /*background-image: url(../images/bck.gif);
    background-repeat: repeat-x;*/
    background-color: #f8f6f5;

}
input[type="text"], textarea {
    color: #4d1504;
}


button, a , a * {
    cursor: pointer
}

button {
    white-space: nowrap;
}
input.file {
    border: 1px solid #c7b5af;

}
hr.dotted {
    height: 2px;
    border: 0;
    background: url(../images/hr-dotted.gif) repeat-x;

}

textarea {
    border: 1px solid #c8b6b1;
    background-color: #fcf7f1;
    overflow: auto;
}
a {
    color: #593996;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

body > pre {
    font-size: 14px !important;
    line-height: 18px;
}
.main-container {
    width: 1230px;
    margin: 0 auto;

    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #4b1302;
}


.content h1 {
    font-size: 18px;
    color: #4d1504;
    margin: 0 15px 5px 15px;
}

.content h1.pageHeader {
    margin-bottom: 13px;
}

.top {
    position: relative;
}
.top .user {
    height: 31px;
    line-height: 31px;
    background: url(../images/top-user.png) repeat-x;
    color: #4d1504;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
}

.top .user .l {
    height: 31px;
    background: url(../images/top-user-l.gif) no-repeat left top;
    padding-left: 30px;

}
.top .user .r {
    height: 31px;
    background: url(../images/top-user-r.gif) no-repeat right top;
    padding-right: 30px;

}
.top .user span {

    border-right: 1px dotted #4d1504;
    margin-right: 10px;
}

.top .user span a {
    margin-right: 10px;
}
.top .logo, .admin_top .logo {
    width: 100px;
    height: 24px;
    margin-top: 6px;
    display: block;
    background: url(../images/classoft_transparent_logo_small_front.png) no-repeat right top;

}

.top .logo span, .admin_top .logo span {
    display: none;
}

.top .menu {
    height: 65px;
    margin-top: 17px;
    position: relative;
    background: url(../images/top-menu.png) repeat-x left top;
}

.top .menu .l{

    background: url(../images/top-menu-l.gif) no-repeat left top;
}

.top .menu .r{
    height: 65px;


    background: url(../images/top-menu-r.gif) no-repeat right top;
}

.top .menu li {
    float: left;
    height: 65px;
    max-width: 110px;
    /*min-width: 103px;*/
    background: url(../images/top-menu-li.png) no-repeat right center;
}


.top .menu li a {
    display: block;
    margin: 0 20px;
    color: #fff;
    height: 45px;
    /*line-height: 90px;*/
    padding-top: 32px;
    overflow: hidden;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    position: relative;
    background: url(../images/top-menu-main-page.png) no-repeat center 1px;
}


.top .menu a.orders {
    background-image: url(../images/top-menu-orders.png);
}
.top .menu a.logistic {
    background-image: url(../images/top-menu-logistic.png);
}

.top .menu a.service {
    background-image: url(../images/top-menu-service.png);
}
.top .menu a.visits {
    background-image: url(../images/top-menu-visits.png);
}

.top .menu a.machines {
    background-image: url(../images/top-menu-machines.png);
}
.top .menu a.parts {
    background-image: url(../images/top-menu-parts.png);
}
.top .menu a.reports {
    background-image: url(../images/top-menu-reports.png);
}
.top .menu a.surveys {
    background-image: url(../images/top-menu-surveys.png);
}

.top .menu li:hover a {
    z-index: 999;

}

.top .menu li ul {
    display: none;
    position: absolute;
    top: -10px;
    left: auto;
    z-index: 10;
    margin-left: 2px;
    overflow: visible;

    width: auto;

}


.top .menu li ul li {
    width: auto;
    max-width: none;
    float: none;
    background: #70a53e none;
    border-left: 1px solid #53792e;
    border-right: 1px solid #53792e;
    border-bottom: 1px dotted #53792e;
    padding: 0;
    margin: 0;
    height: 30px;
    line-height: 30px;
}
.top .menu li ul a {
    background-image: none;
    text-align: left;
    padding: 0 15px;
    line-height: 30px;
    display: inline;
    margin: 0;

}
.top .menu li.hov1 {
    border-bottom: 1px dotted #53792e;
    padding-top: 50px;
    background: #70a53e url(../images/top-menu-sub-hov1.png) repeat-x left top;
}

.top .menu li.hov2 {
    background: #70a53e url(../images/top-menu-sub-hov2.png) repeat-x left bottom;
}













.top .menu li.first .b {
    height: 5px;

    background: transparent  url(../images/top-sub-t.png) repeat-x left bottom;
}


.top .menu li.first .l{
    height: 5px;

    padding: 0;
    margin: 0;
    background: transparent  url(../images/top-sub-t-l.png) no-repeat left bottom;
}
.top .menu li.first {
    height: 5px;
    border: 0;
    background:  transparent none;
}

.top .menu li.first .r{
    height: 5px;

    padding: 0 5px;
    margin: 0;
    background: transparent url(../images/top-sub-t-r.png) no-repeat right bottom;
}










.top .menu li.last .b {
    height: 8px;

    background: transparent  url(../images/top-sub-b.png) repeat-x left bottom;
}


.top .menu li.last .l{
    height: 8px;

    padding: 0;
    margin: 0;
    background: transparent  url(../images/top-sub-b-l.png) no-repeat left bottom;
}
.top .menu li.last {
    height: 8px;
    border: 0;
    background:  transparent none;
}

.top .menu li.last .r{
    height: 8px;

    padding: 0 5px;
    margin: 0;
    background: transparent url(../images/top-sub-b-r.png) no-repeat right bottom;
}



.top .menu li:hover ul {
    display: block;
}
.top .breadcrumbs  {
    margin-top: 7px;
    margin-left: 15px;
    color: #4d1504;
    margin-bottom: 5px;
}
.top .breadcrumbs a {
    color: #593996;
    text-decoration: none;
    margin-right: 8px;
    padding-right: 8px;
    font-size: 11px;
    vertical-align: middle;
    line-height: 16px;
    display: inline-block;
    border-right: 1px dotted #4d1504;
}
.top .breadcrumbs a:hover {
	text-decoration: underline;
}

.content {
    position: relative;
}
.content .tabs {
    width: 1230px;
    height: 29px;
    margin: 0;
    padding-left: 5px;
    background: url(../images/content-tabs-top.png) no-repeat left bottom;
}

.content .tabs li {
    float: left;
    height: 25px;
    position: relative;
    font-size: 13px;
}


.content .tabs li.active a {
    color: #4b1302;
}
.content .tabs li a {
    color: #fff;
    text-decoration: none;
}
.content .tabs li:first-child {
    margin-left: 0px;
    margin-right: 0px;
    background: url(../images/content-tabs-1i.png) repeat-x left top;
}

.content .tabs li:first-child .l{
    margin-left: -5px;
    padding-left: 15px;
    background: url(../images/content-tabs-1il.png) no-repeat left top;
}

.content .tabs li:first-child .r{
    margin-right: -19px;
    background: url(../images/content-tabs-1ir.png) no-repeat right top;
}

.content .tabs li.active:first-child {

    background: url(../images/content-tabs-1a.png) repeat-x left top;

}

.content .tabs li.active:first-child .l {
    background: url(../images/content-tabs-1al.png) no-repeat left top;
    padding-left: 15px;
    height: 25px;
}

.content .tabs li.active:first-child .r {
    background: url(../images/content-tabs-1ar.png) no-repeat right top;
    padding-right: 29px;
    height: 25px;
    line-height: 25px;
}

.content .tabs li {
    z-index: 3;
    margin-left: 19px;
    *margin-left: 19px !important;
    background: url(../images/content-tabs-2i.png) repeat-x left top;

}


.content .tabs li.active {

    background: url(../images/content-tabs-2a.png) repeat-x left top;

}

.content .tabs li.last {
    z-index: 2;
}
.content .tabs li .l {
    background: url(../images/content-tabs-2il.png) no-repeat left top;
    padding-left: 31px;
    margin-left: -19px;
    height: 25px;

}

.content .tabs li .r {
    background: url(../images/content-tabs-2ir.png) no-repeat right top;
    padding-right:30px;
    height: 25px;
    line-height: 25px;
    margin-right: -19px;

}


.content .tabs li.active .l {
    background: url(../images/content-tabs-2al.png) no-repeat left top;

}

.content .tabs li.active .r {
    background: url(../images/content-tabs-2ar.png) no-repeat right top;

}

.content .tabs li.active {
    color: #4b1302;
    z-index: 4;
}
.content .box {
    border-left: 1px solid #b59e96;
    border-right: 1px solid #b59e96;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.content .box-bottom {
    background: url(../images/content-bottom.png) no-repeat left bottom;
    height: 4px
}
.content .box-top {
    background: url(../images/content-top.png) no-repeat left top;
    height: 4px
}

.content .box .button-panel {
    height: 44px;
    background: url(../images/content-button-panel.png) repeat-x left bottom;
}
.content .box .button-panel78 {
    height: 75px;
    background: url(../images/content-button-panel.png) repeat-x left bottom;
}
.content .actions {
    position: absolute;
    right: 0;
    top: -20px;
    margin: 0 5px
}
.content .actions h5 {
    height: 25px;
    float: left;
    font-size: 13px;
    margin-bottom: -1px;
    line-height: 25px;
    position: relative;
    z-index: 2;
    background: url(../images/content-tabs-1a.png) repeat-x left bottom;
}
.content .actions h5 span {
    display: block;
    height: 25px;
}

.content .actions h5 .l {
    background: url(../images/content-tabs-1al.png) no-repeat left bottom;
    padding-left: 10px;
    margin-left: -5px;
}

.content .actions h5 .r {
    background: url(../images/content-tabs-1ar.png) no-repeat right bottom;
    padding-right: 30px;
    margin-right: -19px;
}
.content .actions div.m {
    position: relative;
    z-index: 1;
    height: 48px;
    background:url(../images/content-actions.png) repeat-x left bottom;
}
.content .actions div.l {
    height: 48px;
    background:url(../images/content-actions-l.png) no-repeat left bottom;
    padding-left: 10px;
    margin-left: -5px;

}

.content .actions div.r {
    height: 48px;
    background: url(../images/content-actions-r.png) no-repeat right bottom;
    padding-right: 10px;
    margin-right: -5px;
    line-height: 48px;
}


.brown28 {
    height: 28px;
    line-height: 26px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    overflow: visible;
}

a.brown28 {
    display: inline-block;
}

.brown28 span {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    text-align: center;
    margin: 0;
    padding:0;
}


table .brown28 .l {
    vertical-align: top;
}

.brown28 .l {
    background: url(../images/brown28.png) no-repeat left top;
    padding-left: 8px;
}

.brown28 .r {
    background: url(../images/brown28.png) no-repeat right top;
    padding-right:6px;
}

.green28 {
    height: 28px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    background: none;
}

a.green28 {
    display: inline-block;
}

.green28 span {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    text-align: center;
    margin: 0;
    padding:0;
}

.green28 .l {
    background: url(../images/green28.png) no-repeat left top;
    padding-left: 8px;


}

.green28 .r {
    background: url(../images/green28.png) no-repeat right top;
    padding-right:6px;

}


.black28 {
    height: 28px;
    line-height: 26px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;

}

a.black28 {
    display: inline-block;
}

.black28 span {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    text-align: center;
    margin: 0;
    padding:0;
}


.black28 .l {
    background: url(../images/black28.png) no-repeat left top;
    padding-left: 8px;
}

.black28 .r {
    background: url(../images/black28.png) no-repeat right top;
    padding-right:6px;
}

.red28 {
    height: 28px;
    line-height: 26px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;

}

a.red28 {
    display: inline-block;
}

.red28 span {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    text-align: center;
    margin: 0;
    padding:0;
}


.red28 .l {
    background: url(../images/red28.png) no-repeat left top;
    padding-left: 8px;
}

.red28 .r {
    background: url(../images/red28.png) no-repeat right top;
    padding-right:6px;
}

.linear-table {
    width: 437px;
}

.main-page .linear-table {
    width: 380px;
}
.linear-table th, .content h3, .linear-table thead td, .heading-1 {
    color: #79a748;
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold;
    background: url('../images/linear-table-thead.png') no-repeat left bottom;
}
.linear-table th {
    text-align: left;
}

.linear-table tbody td:first-child {
    text-align: right;
    color: #90381e;
    font-weight: bold;
    font-size: 11px;
    padding-left: 5px;
    padding-top: 8px;
    width: 140px;
    white-space: nowrap;
    vertical-align: top;
}

.linear-table tbody tr.submit td:first-child {
    width: auto;
}

.va-top{
    vertical-align: top;
}
.linear-table tbody td.textleft {
    text-align: left;
}
.linear-table tbody td {
    font-size: 12px;
    font-weight: bold;
    color: #4d1504;
    text-align: left;
/*    width: 297px;*/
    padding: 5px 0 5px 30px;
}

.fc-4d1504 {
    color: #4d1504;
}
.fc-99744c {
    color: #99744c;
    text-shadow: 1px 1px 2px #fff;
}
.fc-4d1504 {
    color: #4d1504;
}

a.footer-top {
    background: url(../images/footer-top.png) no-repeat left center;
    padding-left: 8px;
    margin-left: 15px;
    margin-top: 10px;
    font-size: 11px;

}

.login-form {
    width: 295px;
    margin: 242px auto 0 auto;
    overflow: auto;
}
.login-form .logo  {
    width: 187px;
    height: 46px;
    display: block;
    background: url(../images/classoft_transparent_logo.png) no-repeat left center;
    margin: 0 auto;
}

.login-form .logo span {
    display: none;
}

.survey-form .logo  {
    width: 187px;
    height: 46px;
    display: block;
    background: url(../images/classoft_transparent_logo.png) no-repeat left center;
    margin: 0 auto;
}

.survey-form {
    width: 550px;
    margin: 22px auto 0 auto;
}

.survey-form .logo span {
    display: none;
}

.survey-buttons {
    position: absolute;
    top: 70px;
    right: 20px;
}

label {
    color: #90381e;
    font-size: 12px;
    font-weight: bold;
}

.login-form  label {
    display: block;
}

.input291 {
    height: 25px;
    line-height: 23px;
    padding: 0 4px;
    width: 283px;
    color: #4d1504;
    background: url(../images/input291.png) no-repeat;
}
.input200 {
    height: 25px;
    line-height: 23px;
    padding: 0 4px;
    width: 192px;
    color: #4d1504;
    background: url(../images/input200.gif) no-repeat;
}

.input150 {
    height: 25px;
    line-height: 23px;
    padding: 0 4px;
    width: 142px;
    color: #4d1504;
    border-right: 1px solid #C7B5AF;
    background: url(../images/input200.gif) no-repeat;
}

.input60 {
    height: 25px;
    line-height: 23px;
    padding: 0 4px;
    width: 52px;
    color: #4d1504;
    border-right: 1px solid #C7B5AF;
    background: url(../images/input200.gif) no-repeat;
}


.input30 {
    height: 25px;
    line-height: 23px;
    padding: 0 4px;
    width: 30px;
    color: #4d1504;
    border: 1px solid #4D1504;
}

.content h2 {
    color: #79a748;
    margin-left: 35px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

.fc-90381e {
    color: #90381e;
}

.box449 {
    width: 449px;
    background: url(../images/box449.gif) repeat-y left top;
}

.box449-t {
    width: 449px;
    height: 5px;
    background: url(../images/box449-t.png) no-repeat left top;

}
.box449-b {
    width: 449px;
    height: 5px;
    background: url(../images/box449-b.png) no-repeat left top;

}

.confirm h4 {
    font-size: 16px;
    color: #79a748;
    padding-left: 50px;
    min-height: 27px;
    line-height: 27px;
    background: url(../images/success-3227.png) no-repeat left center;
}

.error {
    width: 568px;
    background: url(../images/error.png) repeat-y left top;
}

.error-t {
    width: 568px;
    height: 5px;
    background: url(../images/error-t.png) no-repeat left top;

}
.error-b {
    width: 568px;
    height: 5px;
    background: url(../images/error-b.png) no-repeat left top;

}
.error h4 {
    font-size: 16px;
    color: #dd4b4b;
    padding-left: 50px;
    height: 27px;
    line-height: 27px;
    background: url(../images/error-3227.png) no-repeat left center;
}

.confirm2 {
    width: 568px;
    background: url(../images/error.png) repeat-y left top;
}

.confirm2-t {
    width: 568px;
    height: 5px;
    background: url(../images/error-t.png) no-repeat left top;

}
.confirm2-b {
    width: 568px;
    height: 5px;
    background: url(../images/error-b.png) no-repeat left top;

}
.confirm2 h4 {
    font-size: 16px;
    color: #dd4b4b;
    height: 27px;
    line-height: 27px;
    text-align: center
}

.w292 {
    width: 291px;
}

.hasDatepicker {
    width: 93px;
    height: 25px;
    line-height: 24px;
    padding: 0 4px;
    background: url(../images/input101.gif) no-repeat left center;

}
.datagrid-filter .hasDatepicker {
    background: url(../images/datagrid-filter-datepicker.gif) no-repeat left center;
}
button.ui-multiselect {
    background-color: #fcf7f1;
    color: #90381e;
}
.datagrid-filter button.ui-multiselect, .datagrid-filter button.ui-multiselect:hover {
    background-color: #fff !important;
    background-image: none !important;
}
ul.steps {
    margin-left: 20px;
    padding-top: 10px;

}

ul.steps li.active {
    position: relative;
    z-index: 2;
    color: #fff;
    background: url(../images/steps-a.png) repeat-x left top;
}
ul.steps li.first {
    padding-left: 0;
    z-index: 3;
}
ul.steps li.first .l {
    background: url(../images/steps-1il.png) no-repeat left top;
    padding-left: 15px;
    margin-left: -5px;
    height: 50px;
}

ul.steps li.first.active .l {
    background: url(../images/steps-1al.png) no-repeat left top;

}
ul.steps li.active .r {
    background: url(../images/steps-ar.png) no-repeat right top !important;

}
ul.steps li .r {
    background: url(../images/steps-ir.png) no-repeat right top;
    padding-right: 30px;
    margin-right: -20px;
    height: 50px;
}



ul.steps li.first h6, ul.steps li.first p  {
    padding-left: 15px;
}
ul.steps li h6{
    font-size: 18px;
    padding-top: 5px;

    padding-bottom: 0px;

}

ul.steps li  {
    height: 50px;
    padding-left: 40px;
    position: relative;
    z-index: 1;
    width: 186px;
    color: #4d1504;
    float: left;

    background: url(../images/steps-i.png) repeat-x left top;
}
ul.steps li.last {
    z-index: 0;

}

ul.steps li.last .r {
    background: url(../images/steps-3ir.png) no-repeat right top;
    padding-right: 10px;
    margin-right: -4px;

}
ul.steps li.last.active .r {
    background: url(../images/steps-3ar.png) no-repeat right top !important;
    padding-right: 10px;
    margin-right: -4px;

}
ul.steps li.incomplete {
    color: #bba59f;

}

.datagrid {
    width: 1211px;
    margin: 0 auto;
    position: relative;
    border-collapse: collapse;

}

.linear-table .datagrid {
    width: 1150px;
    table-layout: auto;
    border: 1px solid #a68a81;
}
.datagrid th {
    text-align: left;
}
.datagrid thead {
    visibility: hidden;
}
.datagrid thead td {
    height: 25px;
}
.datagrid thead span{
    height: 25px;
    display: inline-block;

}

.datagrid thead .m {
    vertical-align: top;
    line-height: 28px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    background: url(../images/datagrid-thead.png) repeat-x left top;
}
.datagrid thead .l {
    background: url(../images/datagrid-thead-l.png) no-repeat left top;
    width: 5px;
}

.datagrid thead .r {
    background: url(../images/datagrid-thead-r.png) no-repeat right top;
    width: 5px;
}

.datagrid tbody tr:first-child, .linear-table .datagrid tbody tr:first-child  {
    background: #7ab444 url(../images/datagrid-th.png) repeat-x left bottom;
    height: 25px;
    border-top: 1px solid #a68a81;
    border-bottom: 1px solid #a68a81;
    color: #fff;
    padding: 0;
    text-align: left;

}
.survey-table td {
    border-bottom: 1px solid #a68a81;
    padding: 5px;
    vertical-align: top
}


.linear-table .datagrid tbody tr:first-child th {
    color: #fff;
    background-image: none;
}

.datagrid tbody tr, .linear-table .datagrid tbody tr  {
    background: url(../images/datagrid-td.png) repeat-x left top;
    border-left:0;
    border-right: 0;
    border-collapse: collapse;

}

.datagrid tbody tr.highlightRowRed {
    font-weight: bold;
    color: #d43131;
}

.datagrid tbody tr.highlightRowYellow {
    font-weight: bold;
    color: #e99f00;
}

.datagrid tbody tr.highlightRowGreen {
    font-weight: bold;
    color: #6EA13D;
}

.datagrid thead .m button.ui-multiselect{
    height: 22px;
    position: absolute;
    top: 10px;
    right: 50px;
    line-height: 18px;
}
.datagrid thead .m button.ui-multiselect span {

    height: 16px;
}
.datagrid thead .m .ui-multiselect-checkboxes label, .datagrid thead .m .ui-multiselect-checkboxes span {

    height: auto;
}
.datagrid thead .m .view-all {
    margin-left: 10px;
    padding-left: 10px;
    height: 23px;    
    background: url('../images/datagrid-hide-bck.gif') repeat-y left top;
}

.datagrid tbody tr.showed {
    background-image: url(../images/datagrid-td2.gif);
    background-color: #fcf7f1;
}

.datagrid tbody tr.ajax {
    background: #fcf7f1 url(../images/datagrid-td-ajax.gif) repeat-x left top;
}
.datagrid tbody tr.ajax .last-td {
    font-size: 12px;
    padding-top: 0;
}

.datagrid tbody tr:first-child a {
    color: #fff;
}

.datagrid tbody tr:first-child td {
    padding:0;
}
.datagrid tbody td, .linear-table .datagrid tbody tr td {
    padding: 5px 0;
    font-size: 11px;
    max-width: 400px;
}

.datagrid tbody tr td.stb_price_per_piece{
    width: 95px;
    overflow: hidden;
}
.datagrid tbody tr td.stb_parts_value_per_client{
    width: 105px;
}

.linear-table .datagrid tbody tr td {
    width: auto;
}
.datagrid tbody td, .datagrid tbody th {
    padding-left: 5px;
}
.datagrid tbody td.nowrap {
    white-space: nowrap;
}
.datagrid tbody a {
    font-weight: bold;
}
.datagrid tbody a:hover {
    text-decoration: underline;
}

.datagrid tfoot tr {
    background: url(../images/datagrid-last-td.gif) repeat-x left top;
    padding-top: 2px;
}

.datagrid tfoot .m {
    vertical-align: top;
    line-height: 25px;
    font-size: 14px;
    position: relative;
    font-weight: bold;
    background: url(../images/datagrid-tfoot.png) repeat-x left bottom;
}
.datagrid tfoot .l {
    background: url(../images/datagrid-tfoot-l.png) no-repeat left bottom;
    width: 5px;
}

.datagrid tfoot .r {
    background: url(../images/datagrid-tfoot-r.png) no-repeat right bottom;
    width: 5px;
}.datagrid tfoot td {
    height: 25px;
}
.datagrid tfoot td.noPaginInfo {
    height: 15px;
    background: url(../images/datagrid-tfoot-empty.png) no-repeat left bottom;
}
.datagrid tfoot span{
    padding-top: 1px;
    height: 25px;
    display: inline-block;
}

.datagrid-filter  a.js-toggle-datagrid {
    height: 23px;
    width: 18px;
    position: absolute;
    right: 14px;
    top: 8px;
    display: block;
    background: url(../images/datagrid-hide-bck.gif) no-repeat left top;
}

.datagrid-filter a.js-toggle-datagrid img {
    position: absolute;
    top: 9px;
    left: 9px;
}

.datagrid .last-td {
    background: url(../images/datagrid-last-td.gif) repeat-y right top;
}

.datagrid .first-td, .linear-table .datagrid tbody tr td.first-td {
    background: url(../images/datagrid-last-td.gif) repeat-y left top;
}
.linear-table .datagrid tbody tr td:first-child, .linear-table .datagrid tbody tr th:first-child {
    width: 30px;
    text-align: center;
}

.datagrid .pagination  {
    overflow: auto;
    float: left;

    margin-top: 5px;

}
.datagrid .pagination li {
    min-width: 15px;

    height: 15px;
    line-height: 15px;
    overflow: hidden;
    float: left;
    margin: 0 2px;
    font-size: 10px;
    color: #4d1504;
    text-align: center;
    border: 1px solid #a68a81;
}
.datagrid .pagination li.active {
    border-color: #5e2714;
}
.datagrid .pagination li a {
    display: block;
    padding: 0 3px;
    margin: 1px;
    color: #4d1504;
    font-weight: normal;
    background-color: #fcebd7;
}

.datagrid .pagination li span {
    display: block;
    padding: 0 3px;
    color: #fff;
    font-weight: normal;
    background-color: #88573f;
}

.datagrid .datagrid-nav {
    position: absolute;
    right: 50px;
    top: 0;
}

.datagrid tfoot{
    position: relative;
}
.datagrid tfoot .js-clone-nav {
    position: absolute;
    top: 0;
    right: 10px;
}


.datagrid .separators {
    padding-left: 10px;
    background: url(../images/datagrid-hide-bck.gif) no-repeat left center;


}

.datagrid .dotted-separator {
    background: url(../images/datagrid-dotted-sep.gif) no-repeat left center;
    padding-left: 5px;
    margin-lefT: 5px;
    margin-right: 5px;
}

.datagrid .title {
    font-style: normal;
    background: url(../images/datagrid-title.gif) no-repeat left center;
    padding-left: 25px;
    margin-left: 10px;
    display: block;
}

.datagrid-filter {
    width: 1211px;
    margin: 0 auto 10px auto;
    position: relative;
}
.datagrid-filter h5 {
    height: 32px;
    font-size: 14px;
    line-height: 38px;

    margin: 0 5px;
    background: url(../images/datagrid-thead.png) repeat-x left center;
}

.datagrid-filter .b {
    padding-bottom: 5px;
    overflow: auto;
    background: url(../images/datagrid-filter-b.gif) no-repeat left bottom;
}

.datagrid-filter h5 span {
    display: block;
}
.datagrid-filter h5 .l{
    height: 32px;
    background: url('../images/datagrid-thead-l.png') no-repeat left top;
    padding-left: 15px;
    margin-left: -5px;
}

.datagrid-filter h5 .r{
    height: 32px;
    background: url('../images/datagrid-thead-r.png') no-repeat right top;
    padding-right: 15px;
    margin-right: -5px;

}

.datagrid-filter h5 .m {
    padding-left: 22px;
    background: url('../images/datagrid-filter.gif') no-repeat left center;
}

.datagrid-filter fieldset {
    border-left: 1px solid #a68a81;
    border-right: 1px solid #a68a81;
    background-color: #fbf8f4;
    display: none;
}

.datagrid-filter fieldset > div {
    float: left;
    height: 56px;
    margin: 5px 0;
    padding: 0 20px;
    /*    line-height: 56px;*/
    background: url('../images/datagrid-filter-div.gif') repeat-y right top;
}
.datagrid-filter fieldset > div .ui-widget {
    line-height: normal;
}
.datagrid-filter fieldset div.filterSubmit {
    background-image: none;
    float: right;
}


.datagrid-filter label {
    color: #4d1504;
    display: block;
    margin-top: 1px;
    margin-bottom: 3px;
}

.datagrid-filter label.inline {
    display: inline;
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: normal;
}

.ui-datepicker-trigger {
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}

.nobck {
    background-image: none !important;
}

.ui-icon-triangle-2-n-s  {
    background-position: -65px -15px !important;
}
.note {
    color: #90381E;
    font-size: 12px;
    font-weight: bold;
    margin: 3px 0 0 3px;
}
.datagrid-bottom-button {
    margin:7px 7px 7px 1165px;
}

input.dg_input_error {
    border-style: solid !important;
    border-color: red !important;
    border-width: 1px !important;
}
form .error_list
{
    color: red;
    font-size: 14px;
    float: left;
    width: 300px;
}

.legend_table
{
    width: 300px;
    margin-left: 30px;
    margin-top: 50px;
    margin-bottom: 20px;
}
.legend_table  th
{
    text-align: left;
    font-weight: bold !important;
    font-size: 14px;
    padding-bottom: 10px;
}
.legend_table td
{
    color: #90381E;
    font-size: 12px;
    font-weight: bold;

    padding: 5px;
    text-align: left;
    width: 140px;
}
.add_new_call_box
{

    margin-right: 0px;

}
.add_new_call_box .add_new_call_content
{

}
.new_call_btn
{
    cursor: pointer;
}
#add_new_call_content tr td
{
    padding: 5px !important;
}
.comment_box
{
    text-align: left !important;
}
.comment_box div
{
    padding: 17px !important;
    background-color:#FCF7F1;
    margin: 7px;
}
.static_textarea
{
    padding: 10px !important;
    background-color:#FCF7F1;
    margin: 0 0 3px 0;
    float: left;
    width: 300px;
}
.pointer
{
    cursor: pointer;
}

.customfile-input {
    position: absolute;
    height: 100px;
    cursor: pointer;
    background: transparent;
    border: 0;
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    z-index: 999;
}

.customfile {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: inline-block;
    height: 25px;

    line-height: 23px;
    padding: 2px 4px;
    width: 420px;
    color: #4d1504;
    background: url(../images/input291.png) no-repeat;
    clear: both;
    float: left;
}

.customfile-disabled {
    opacity: .5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    cursor: default;
}

.customfile-feedback {
    display: block;
    margin: 1px 1px 1px 5px;
    font-weight: normal;
    white-space: nowrap;
}


.customfile .brown28 {
    margin-top: -2px;
    font-size: 13px;


}

.datagrid-50p .datagrid, .datagrid-50p .datagrid-filter {
    /*    width: 700px;
        margin: 10px;*/
}
/*.datagrid-50p .datagrid tfoot td.noPaginInfo {
    background: url('../images/datagrid-tfoot-empty700.png') repeat-y right top;
}
.datagrid-50p .datagrid-filter .b {
    background: url('../images/datagrid-filter-b700.gif') repeat-y 100% -1px;
}*/

.red{
    color: #D43131;
    font-weight: bold;
}

.alerts_box
{
    position: absolute;
    top: 4px;
    left: 115px;
    z-index: 3;
}

.alerts_box li {
    width: 780px;
    height: 42px;
    background: url('../images/alert.png') no-repeat;
    color: #fff;
}

.alerts_box li a {
    color: #f0af9f;
    font-weight: bold;
    width: 300px;
    display: inline-block;
}
.alerts_box li span {
    display: block;
    height: 39px;
    padding: 7px 0;
    margin-left: 15px;
    padding-left: 45px;
    background: url('../images/alert_bck.gif') no-repeat left 10px;

}

.jsHistInvoice {
    margin-top: 10px;
}
.jsHistInvoice div.jsTitle {
    width: 150px;
    float: left;
}

label.jsErrors {
    display: block;
    margin: 5px 0 0 5px;
    color: red;
}
.read_only
{
    background: #F6F5F5;	
}


.ui-multiselect-checkboxes {
    overflow: auto !important;
}

.survey_question_tab  td:first-child{
    width: 550px !important;
    white-space: normal !important;
}
.survey_question_tab td.marks {
    width: 300px;
}
.account_info_change_password_form
{
    width: 200px;
    float: left;
    margin-left: 500px;
    margin-top: -130px;
}
#add_new_call_content
{
    width: 400px;
}
.check_grid
{
    width: 12px;
    height: 12px;
    border-width: 1px;
    float: left;
    margin: 3px;
    border-color: #000000;
    border-style: solid;
}
div.submit {
    border: 1px solid #a68a81;
    margin: 10px 5px;
    padding: 6px;
    background-color: #f7d0a9;

}

div.w1199 {
    max-width: 1195px;
    margin-left: auto;
    margin-right: auto;
}

.success-mess {
    border: 2px solid #008000;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 13px;
    font-size: 13pt;
    text-align: center;
    color: #008000;
    margin: 10px 0;
    font-weight: bold;
    background-color: #fff;

}

.error-mess {
    border: 2px solid red;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 13px;
    font-weight: bold;
    font-size: 13pt;
    text-align: center;
    margin: 10px 0 30px 0;
    color: red;
    background-color: #fff;
}

#add_new_call_content {
    width: 400px;
}

.datagrid tbody td.emptydata {
    background: url('../images/datagrid-empty-td.gif') repeat-y right top;
}



.linear-table table.table-overflow td {
    padding: 5px;
}

#div_create_user_form_prs_asc_log
{
    display: none;	
}
#create_user_form_prs_info
{
    width: 496px;
    word-wrap: break-word;	
}
.field_error
{
    border-width: 2px !important;
    border-style: solid !important;
    border-color: red !important;	
}
.timer_error
{
    margin: 10px 0 -20px 45px;
    color: red;
    font-size: 14px;

}

.box {
    zoom: 1; 
}

tr.highlightRowRed2, tr.highlightRowRed2 td a {
    font-weight: bold;
    color: #d43131;
}
tr.highlightRowRed2 td a:hover {
	text-decoration: underline;
}

tr.highlightRowYellow2 , tr.highlightRowYellow2 td a {
    font-weight: bold;
    color: #e99f00;
}
tr.highlightRowYellow2 td a:hover {
	text-decoration: underline;
}

#tr_select_log_form_log_id + div.filterSubmit, #tr_select_asc_form_asc_id + div.filterSubmit {
    float: left;
}
#dialogHoliday {
    overflow: visible;
}
#dialogHoliday form{
    width: 300px;
}
#dialogHoliday button {
    width: 165px!important;
}

html body .ui-dialog-titlebar, html body .ui-datepicker-header  {
    padding: 0;
    margin: 0;
    border: 0;
    background: #f7d0a9 none;
}


html body .ui-dialog {
    padding: 0;
}

.info_after_table {
	width: 500px;
	table-layout: auto;
	border: 1px solid #A68A81;
	position: relative;
	border-collapse: collapse;
	white-space: nowrap;
}
.info_after_table thead tr {
	background-color: #6EA13D;
	color: white;
}
.info_after_table thead th {
	background-image: none;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	text-align: left;
	padding: 0 10px 0 7px;
}

.info_after_table tbody tr {
	background: url(../images/datagrid-td.png) repeat-x left top;
}
.info_after_table tbody tr td {
	padding: 3px 10px 3px 7px;
}

.searchTableForm, .searchTableFormParts {
    z-index: 5;
    overflow: hidden;
    position: relative;
    bottom: -34px;
    left: 10px;
}
.searchTableFormSendParts {
	position: absolute;
	z-index: 5;
	top: 75px;
	left: 12px;
}

.repairCodeTable, .iaw_parts {
	display: none;
}

.jsDGCodeContainer-wrapper {
    position: absolute;
    left: 670px;
}

.jsDGCodeContainer .info_after_table thead tr {
    background-color: #794839;
}

.jsDGCodeContainer, .jsDGPartsContainer {
	width: 500px;
	height: auto;
}

.infoAfterLoading {
	width: 400px;
	height: 150px;
	z-index: 100000;
	background: white;
	color: #90381E;
	font-weight: bold;
	border: 1px solid #4D1504;
	position: absolute;
	top: 12%;
	left: 35%;
	display: none;
}

.infoAfterLoading h3 {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    height: 26px;
    background: url('../images/admin-h3.gif') repeat-x;
}

.infoAfterLoading div {
	margin-top: 55px;
}

.infoAfterLoading img {
	margin: 40px 10px 0 120px;
	float: left;
}
.datagrid-filter fieldset.bulk_receiving_label > div {
    float: left;
    height: 50px;
    margin: 3px 0;
    padding: 0 10px;
    background: url('../images/datagrid-filter-div.gif') repeat-y right top;
}
.datagrid-filter fieldset.bulk_receiving > div {
    float: left;
    height: 30px;
    margin: 3px 0;
    padding: 0 10px;
    background: url('../images/datagrid-filter-div.gif') repeat-y right top;
}

.receiving_unmached {
	margin: 0 0 0 15px;
}

.receiving_unmached td, .receiving_unmached th {
	padding: 3px;
}

.receiving_unmached tr {
	border-bottom: 1px solid #612000;
}

table.tablesorter thead tr .header {
    background-image: url(../images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(../images/desc.gif);
}

.dgWidth600 {
	width: 600px;
}

/* 
 * RSO - tabela z lista SP dla kazdego ASC
 */
 .rso_asc_sp_table{
     border: 1px solid #A68A81;
     margin: 0px 10px 5px 10px;
 }
 .rso_asc_sp_table thead th{
    background-image: none;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: left;
    padding: 0 10px 0 7px;
    color: white;
 }
 .rso_asc_sp_table tr{ border: 1px solid #A68A81;}
 .rso_asc_sp_table thead tr{background-color: #79A748; }
 .rso_asc_sp_table tr.searchbar{ background-color: #F7D0A9 }
 .rso_asc_sp_table tr.searchbar th{ padding: 2px; text-align: left; }
 
 .rso_asc_sp_table tbody tr td{padding: 3px 5px; }
 .rso_asc_sp_table tbody td input.text{border: 1px solid #A68A81; width: 35px; text-align: left; padding: 2px; }
 .rso_asc_sp_table tbody td.amount {width: 60px;}
 .rso_asc_sp_table tbody td.err input.text{border: 1px solid red; color: red;}
 .rso_asc_sp_table tbody td.err {background: url(../images/error-icon.png) no-repeat 1px 3px;}
 .rso_asc_sp_table tr.asc_head th input{float: right; }


 #sp_info_container{display: none;}
 
 #sp_info_container ul.tab_menu{margin: 10px 0 0 10px;}
 #sp_info_container ul.tab_menu li{float: left; background-color: #794839; border-left: 2px solid white; border-right: 2px solid white;  }
 #sp_info_container ul.tab_menu li:hover{background-color: #79A748;  }
 #sp_info_container ul.tab_menu li a{color: white; font-weight: bold; display: block; padding: 5px 5px;}
 #sp_info_container ul.tab_menu li.active { background-color: #79A748; }
 #sp_info_container div.tab_content{display: none;}
 #sp_info_container div.tab_content.active{display: block;}
 #sp_info_container ul.tab_menu li input{display: none;}
 
 #sp_info_container_send{display: block;}
 
 #sp_info_container_send ul.tab_menu{margin: 10px 0 0 10px;}
 #sp_info_container_send ul.tab_menu li{float: left; background-color: #794839; border-left: 2px solid white; border-right: 2px solid white;  }
 #sp_info_container_send ul.tab_menu li:hover{background-color: #79A748;  }
 #sp_info_container_send ul.tab_menu li span{color: white; font-weight: bold; display: block; padding: 5px 5px;}
 #sp_info_container_send ul.tab_menu li.active { background-color: #79A748; }
 #sp_info_container_send div.tab_content{display: block;}
 #sp_info_container_send div.tab_content.active{display: block;}
 #sp_info_container_send ul.tab_menu li input{display: none;}

 #js_sp_loader {
     background-image: url(../images/ajax-loader.gif);
     background-repeat: no-repeat;
     background-color: transparent;
     
     margin: -25px 0 0 180px;
     width: 16px;
     height: 16px;
 }
 
 /*.js_prod_list,*/
 /*.js_dist_list {*/
     /*display: none;*/
 /*}*/
.js_prod,
#js_prod,
.js_dist {
     cursor: pointer;
 }
 .detailsTable thead td {
     color: #4d1504 !important;
     background: none;
 }
 .nobold {
     font-weight: normal !important;
 }

 .DGTable_sp_list .input60,
 #delivery_sp .input291{
     vertical-align: middle;
 }
 .missingParts table tfoot tr.checkAllGrid {
    background: url("../images/datagrid-th.png") repeat-x scroll left bottom transparent;
    border-bottom: 1px solid #A68A81;
    border-top: 1px solid #A68A81;
    color: #FFFFFF;
    height: 25px;
    padding: 0;
    text-align: left;
    margin-left: 5px;
 }
 .jScheckall {
     margin-left: 29px;
     margin-right: 10px;
     vertical-align: middle;
 }
 
 .jScheckall-label{
     font-weight: normal;
     color: #FFF;

 }
 .currency{
     vertical-align: middle;
     padding-left: 6px;
     display: inline-block;
     zoom: 1;
    *display: inline;
 }

.js_prod_list tr td:nth-child(4n),
.js_dist_list tr td:nth-child(4n),
.js_prod_list tr th:nth-child(4n),
.js_dist_list tr th:nth-child(4n) {
      width: 40%;
  }

.infAft-nameCol { /*not only ie8 */
    width: 40%;
}
 
 .hidden{
     display: none;
 }
 
/*-- ANKIETA UZYTKOWNIKA --*/
body.black {
    background: #000;
}

.questionnaire-form {
    background-color: #000;
    color: #FFF;
    padding: 20px 0;
}

.questionnaire-input,
.questionnaire-textarea{
    font-size: 13px;
    font-weight: bold;
    color: #3b3b3b !important;
    border: 1px solid #000;
    background-color: #FFF;
    width: 522px;
    margin: 0 0 5px 28px;
    font-family: Arial, sans-serif;
}

.questionnaire-input {
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
}

.questionnaire-form label {
    color: #FFF;
    margin-left: 28px;
    margin-bottom: 5px;
    display: block;
}

.questionnaire-textarea {
    padding: 10px;
    height: 100px;
}

.questionnaire-table {
    width: 100%;
    margin-top: 15px;
    border-bottom: 1px solid #d5b991;
}

.questionnaire-table th{
    font-weight: normal;
    border-bottom: 1px solid #d5b991;
    padding: 0 5px 10px;
}

.questionnaire-table tr.even {
    background-color: #c7a26e;
    border-top: 1px solid #d5b991;
    border-bottom: 1px solid #d5b991;
}

.questionnaire-table .firstCol{
    padding-left: 28px;
    width: 270px;
    overflow: hidden;
}

.questionnaire-table td{
   padding: 15px 0;
}

.questionnaire-nr {
    float: left;
}

.questionnaire-table .firstCol p {
   margin-left: 15px;
}

.questionnaire-button{
    background-color: #C7A26E;
    border: 1px solid #d5b991;
    padding: 0 15px;
    margin-right: 28px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.questionnaire-form .error_list{
    margin-left: 28px;
}

.questionnaire-thank {
    text-align: center;
    background-color: #C7A26E;
}
 
 /*-- / ANKIETA --*/

.log-style {
    color: #C71B00;
}