/*Layout*/

body {background:transparent url('/images/layout/arr.gif') top left;}
body.mceContentBody {background-color:#ffffff;background-image: none;}

#wrap { text-align:center; }
#container { width:1080px; margin:0px auto; text-align:left; background:#fff;}
#header { width:1080px; height:120px; background-color: #fff;}
#header-logo {padding-left:10px; padding-top:10px;width:184px;height:60px;float:left;}
#header-logo a { width:184px; height:60px; display:block;}

span.help {
    cursor: help;
}

label.block {
    display: block;
    float: none;
}

/* Links */
.container a:link,.container a:visited { text-decoration:none; font-weight:700;}
.container a:link {color:#22982A; }
.container a:visited { color:#22982A; }
.container a:hover { color:#1190d2; }
.container a:active,.container a:focus { color:#1190d2; }
.container code, .container pre { color:#c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

#lang-menu {float:right;}
#header-top-menu { float:right;}
#header ul { margin:0px; }
#header-bottom-menu {clear:both;float:right;margin-top:25px;*margin-top:70px;}
#header-bottom-menu a { color:#FFF; }
.header-menu li { float:left; margin-right:10px; }
.header-menu div { height:25px; line-height:25px; padding:0px 0px 0px 10px; }
#header-top-menu li { background:transparent url('../images/layout/menu-bg-top-right.png') no-repeat top right; padding-right:10px; }
#header-top-menu div { background:transparent url('../images/layout/menu-bg-top-left.png') no-repeat top left; }
#header-bottom-menu li { background:transparent url('../images/layout/menu-bg-bottom-right.png') no-repeat top right; padding-right:10px; }
#header-bottom-menu div { background:transparent url('../images/layout/menu-bg-bottom-left.png') no-repeat top left; }
#alertBox a { color:red; background:transparent url('../images/layout/alert.png') no-repeat top left; padding:4px 0px 4px 25px; }

#main-menu {clear:both; float:left;padding-top:8px;background:transparent url('/images/layout/top-fill.jpg') repeat-x left top}
#main-menu ul {margin-bottom:0px;}
#content-wrapper {width:1060px; clear:both; float:left;margin:0px 10px 0px 10px; border-bottom: 2px solid #9396a6; /*background:#9396a6 url('/images/layout/bg.jpg') repeat-x top left*/}
#content {width:1050px;border-left: 1px solid #9396a6; border-right: 1px solid #9396a6; clear:both; float:left;background:#e9e9ee url('/images/layout/form-bg.jpg') repeat-x right bottom;padding:0px 4px 4px;-moz-border-radius:0px 0px 10px 10px;}
#content {
    min-height:380px;
    height:auto !important;
    height:380px;
    padding-bottom: 40px;
}
#content-header {
    width:1060px;
    height:30px;
    margin-top:5px;
    background: transparent url('/images/layout/content-header.png') no-repeat left top;
}
#content-header .navigate-bar {
    height:22px;
    padding-left:20px;
    padding-right:20px;
    padding-top:4px;
    line-height:22px;
    font-size:12px;
    color:#ffffff;
    font-family: Arial;
}
#content-header .navigate-bar a {color:yellow;}
#content-header .navigate-bar a:hover {color:#1190d2;}
#footer { clear:both; float:left; height:134px; margin-top:-40px; width:1080px; background:transparent url('/images/layout/footer-bg.jpg') no-repeat 0px 40px;}
#footer .footer-colors {
    position: relative;
    float: right;
    width: 29px;
    height:87px;
    background: transparent url('/images/layout/footer-colors.png') no-repeat top left;
    margin-right: 10px;
}

/* data grid */
table {
    border:0 none;
}
table th {
    background-color:transparent;
    border-top:0 none;
    border-left:0 none;
    border-right:0 none;
}
table td {
    border-left:1px solid #dddddd;
    background-color:#ffffff;
}

/*Buttons*/
span.link { height:25px; background:transparent url(/images/layout/href-bg.jpg) repeat-x; margin:5px 3px 4px 3px; -moz-border-radius:4px;}
span.submit-form { float:left; }
.action-form-submit {
    background:transparent url(/images/layout/href-bg.jpg) repeat-x !important; -moz-border-radius:4px;
    color:#FFF; font-weight:bold; border:1px solid #CCCCCC; margin-right:5px; padding:1px;
}
.action-form-submit:hover { color:#FEF60F !important; }

.link .action {
    line-height:25px; font-size:12px; letter-spacing:1px; color:#FFF !important; padding:0px 5px 0px 25px; display:block;
    background-repeat:no-repeat; background-position:2px center;
}
.link .action:hover { color:#FEF60F !important; }

.simple {padding-left:5px !important;}
.add { background-image:url('../images/btn-add.png');}
.edit { background-image:url('../images/btn-edit.png'); }
.list { background-image: url('../images/btn-list.png'); }
.print { background-image: url('../images/btn-print.png'); }
.print-giveout { background-image: url('../images/btn-print-giveout.png'); }
.import { background-image:url('../images/btn-import.png'); }
.export { background-image:url('../images/btn-export.png'); }
.download { background-image: url('../images/btn-download.png'); }

.action-small { width:24px; height:24px; float:left; }
.preview-small { background:transparent url('../images/buttons/preview.png') left top; }
.add-small { background:transparent url('../images/buttons/add.png') left top; }
.edit-small { background:transparent url('../images/buttons/edit.png') left top; }
.show-small { background:transparent url('../images/buttons/lupa.jpg') no-repeat left top; }
.history-small { background:transparent url('../images/buttons/history.png') left top; }
.delete-small { background:transparent url('../images/buttons/delete.png') left top; float:right; }
.print-small { background:transparent url('../images/buttons/print.png') left top; }
.service-small { background:transparent url('../images/buttons/service.png') left top; }
.info-small { background:transparent url('../images/buttons/info.png') left top; }
.article-small { background:transparent url('../images/buttons/article.png') left top; }

.tyre_discount-small { background:transparent url('../images/buttons/tyre_discount.png') left top; }
.tyre_discount_special-small { background:transparent url('../images/buttons/tyre_discount.png') left top; }
.attendance_discount-small { background:transparent url('../images/buttons/attendance_discount.png') left top; }
.attendance_discount_special-small { background:transparent url('../images/buttons/attendance_discount.png') left top; }
.article_discount-small { background:transparent url('../images/buttons/article_discount.png') left top; }
.article_discount_special-small { background:transparent url('../images/buttons/article_discount.png') left top; }
.attendance-small { background:transparent url('../images/buttons/attendance.png') left top; }
.tyre-small { background:transparent url('../images/buttons/tyre.png') left top; }
.return_to_os { background-color: transparent !important;background-image:url('../images/btn-return_to_os.png') !important; border:0px !important; float:right;}
.add-submit { background-color: transparent !important; background-image:url('../images/btn-add.png') !important; border:0px !important; float:right;}
.to_utilization { background-color: transparent !important;background-image:url('../images/btn-to_utilization.png') !important; border:0px !important; float:right;}

a.info {color:inherit !important; text-decoration: underline !important;}

/*Forms*/
dl.zend_form dt { clear:both; float:left; width:240px; }
dl.zend_form dd { float:left; }
dl.zend_form label { display:block; }
ul.errors li { padding-bottom:10px; color:#f00; }

#real-label, #isFixForm-label, #isNotFixForm-label, #isAdditionalForm-label {width:0;}   /*@todo docelowo powinien to robic decorator*/
#real-element fieldset, #isFixForm-element fieldset, #isNotFixForm-element fieldset/*, #isAdditionalForm-element fieldset*/ {border:0; margin:0; padding:0;}
.hidden-element {display: none;}
input[disabled], input[readonly] {background-color:#eeeff3 !important;}

.error_container {
    clear:both;
/*    height:23px;*/
    margin-bottom:4px !important;
}
li .error_container {
    padding-left:148px;
}
form fieldset {margin:0 !important; padding:0 !important;border:0 !important;}

form .error {
    margin-top:3px !important;
    margin-bottom:0px !important;
    clear:both;
    padding: 3px !important;
    float:left;
}
form .error_field {background-color:#FBE3E4; border:1px solid #FBC2C4}
.form_container .left-section {
    float:left;
    width:50%;
}
.form_container .right-section {
    float:right;
    width:45%;
}
.form_container input, .form_container textarea {
    margin-right:0px;
}
.form_container input[type=text], .form_container input[type=password] {width:205px;}
.form_container select { width:213px; }
.form_container select.auto-small { width:auto !important; }
.form_container .full_size { width: 762px !important; }
.form_container span.mceEditor { display:block;clear:both; }

.form_fleet .left-section {width:370px;}
.form_fleet .right-section {width:548px;}
.form_fleet .right-section textarea {width:540px;height:278px;}

.form_service-head-office .left-section {width:400px;}
.form_service-head-office .right-section {width:490px;}
.form_service-head-office .right-section label {width:269px;}
.form_service-head-office li .error_container {padding-left:277px;}

.form_service .left-section {width:400px;}
.form_service .right-section {width:490px;}
.form_service .right-section label {width:269px;}
.form_service li .error_container {padding-left:277px;}

.form_tyre .left-section {width:330px;}
.form_tyre .right-section {width:270px;margin-bottom:0px;}
.form_tyre .double-section {width:540px;margin-top:0px;}
.form_tyre .right-section label {width:150px;padding-left:25px;}
.form_tyre input[type=text] {width:174px;}
.form_tyre .right-section input[type=text] {width:83px;}
.form_tyre .double-section input[type=text] {width:353px;}
.form_tyre select {width:182px;}
.form_tyre li .error_container {padding-left:0px;padding-right:0px;float:right;}

form li.left { width:auto; display:inline; }
form li.left label { width:auto; }

/*.real-vehicle fieldset {border:0;padding:0;margin:0;}*/
.subform fieldset {border:0;padding:0;margin:0;}
.real-vehicle li .error_container {padding-left:277px;}

.form_article .left-section {width:370px;}
.form_article .right-section {width:548px;}
.form_article .right-section textarea {width:540px;height:320px;}

.form_contract label {width:190px;}
.form_contract .full_size {width: 744px !important;}
.form_contract .left-section {width:420px;margin-top:0px;}
.form_contract .left-section label {width:190px;}
/*.form_contract .left-section input[type=text] {width:190px;}*/
.form_contract .right-section {width:530px;margin-top:0px;margin-bottom:20px;}

.form_contract .right-section textarea {width:572px;height:320px;}
.form_contract .right-section label {width:210px;padding-left:103px;}
/*.form_contract input[type=text] {width:190px;}*/
.form_contract .textarea-section {width:475px; float:left;}
.form_contract .textarea-section textarea {width:465px;}

.form_contract-attendance-discount label {width:190px;}
.form_contract-attendance-discount .left-section {width:440px;}
.form_contract-attendance-discount .right-section {width:411px;}
.form_contract-attendance-discount .right-section textarea {width:602px;height:320px;}
.form_contract-attendance-discount li .error_container{padding-left:198px;}

.ospos_deposit {margin-top:25px;}
.ospos_deposit, .ospos_deposit td {border:0;}
.ospos_deposit td {width:50%; vertical-align:top;background-color:inherit;}
.ospos_deposit label {width:335px;}
.ospos_deposit .on-vehicle label {width:180px;}
.ospos_deposit .on-vehicle .comment {width:68px;}


/* Raporty */
.report_form .left-section {
    clear:none;
    float:left;
    width:33%;
}
.report_form label {
    width:145px;
}
.report_form input[type="text"] {
    width:136px !important;
}
.report_form select {
    width:144px !important;
}
.report_form select.fullsize_field {width:297px !important;}
.report_form .clr {
    clear:both !important;
}



#fieldset-vehicle_tyre_id ul li label { width:450px; }

.submit-div {
    clear:both;
    text-align:right;
    overflow:hidden;
}
li.inline-element label {width:98%;}
li.inline-element textarea, li.inline input {width:100%;}
span.required {
    color:#f00;
    padding-left:4px;
}

/*Tabs*/
#link_tabs a { padding:5px; border:1px solid #AAA; border-bottom:none; background: #EEE; float:left; overflow:hidden; display:inline; margin-left:2px; cursor:pointer; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }
#link_tabs a.active { background-color:#7C7C7C; color:#FFFFFF; }
.lang_bg {background-repeat:no-repeat !important;padding-left:30px !important;background-position:2px 50% !important;}

/* custom */
.flashmsg { text-align:center; font-weight:bold; line-height:30px; font-size:12px; color:#fff; margin-top:5px;}
.flashmsg a.msg_link { color: #fff; text-decoration: underline;}
.msg_error { background-color:#f00; }
.msg_success { background-color:#2A9C43; }
.form_error {display:block; text-align:center; font-weight:bold; line-height:30px; font-size:12px; color:#CC0000; background-color:#FBE3E4; margin-left:0px; margin-right:0px; border:1px solid #FBC2C4}
.notice { padding:.8em; border:1px solid #ddd; background:#FFF6BF; color:#514721; border-color:#FFD324; line-height:18px; clear:both; }

/*TIPS*/
.custom_tip .tip { background-color:#333; padding:3px; width:270px; opacity:.9; }
.custom_tip .tip-title { color:#fff; background-color:#666; font-size:16px; padding:3px; font-weight:bold; }
.custom_tip .tip-text { color:#fff; padding:3px; }

/*STYLE UNIWERSALNE*/
a img { border:none; }
.border-none { border:none; }
.t-left { text-align:left; }
.t-right { text-align:right; background-color:inherit;}
.t-center { text-align:center; }
.left { float:left; }
.right { float:right; }
.disp-none { display:none; }
.disp-block { display:block; }
.no-border, .no-border * { border:0px !important; }
.no-margin, .no-margin * { margin:0px !important; }
.no-padding, .no-padding * { padding:0px !important; }
.red { color:red; }
.green { color:green; }
.clr { clear:both; }
.row0 td { background-color:#FAFAFA; }
.total td {background-color:#EAEAEA;font-weight:bold;font-style:italic;}
.row0.invisible td { background-color: #FDCFCF; }
.row1.invisible td { background-color: #FCDCDC; }
button:hover{cursor:pointer}
table.half {border:0 none;}
td.half {border:0 none; vertical-align:top;width:50%;background-color:#E9E9EE;}
.note-small {font-weight:normal;color:#8c8c8c;font-size:9px;}
form div {overflow:hidden;}

/*LABEL Z DIVA */
div.label { border:1px solid #9C9C9C; padding:10px; position:relative; margin:16px 5px 23px;}
div.label div.title { font-weight:bold; color:#22982A; border:1px solid #9C9C9C; padding:3px 10px; position:absolute; top:-12px; background-color:#DEDEDE; }
div.label div.label-footer {clear:both;}
.options-small { width:60px; text-align:center; }
.options-medium { width:90px; text-align:center; }
.options-big { width:122px; text-align:center; }

/* LABEL Z FIELDSETA */
fieldset.label { border:1px solid #9C9C9C !important; padding:0px 10px 10px !important; position:relative; margin:5px 5px 23px !important; margin-bottom:23px;}
fieldset.label legend { margin:0px; font-size:12px; font-weight:bold; color:#22982A; border:1px solid #9C9C9C; padding:3px 10px; background-color:#DEDEDE; }
fieldset.label ul {margin-top:15px;margin-bottom:0px;}
.options-small { width:60px; text-align:center; }
.options-medium { width:90px; text-align:center; }
.options-big { width:142px; text-align:center; }
#fieldset-privilages{background-color: #fff; padding: 5px !important; border: 1px solid #585858  !important; float: left; margin-top: -10px !important;}

/* PAGINACJA */
.pages { clear:both; overflow:hidden; }
.paginationControl { float:right; margin:10px 0px; }
.paginationControl a, .paginationControl .current { margin:0px 1px; }
.paginationControl .current { font-weight:bold; padding-left:1px; }
.paginationControl a { padding:2px 4px; background-color:#EEE; border:1px solid black; }
.paginationControl a:hover { text-decoration:none; background-color:#B2B2B2; }
.paginationControl a.prev_next { padding:3px; background-color:transparent; border:none; }

.tyre-segment form .hint {
    clear: both;
    padding-left: 168px;
}
.tyre-segment form label {
    width: 160px;
}

/* HISTORIA ZMIAN POJAZDU - wyswietlanie */
table.vehicle-history {
    margin-bottom: 0px;
}

table.vehicle-history th, table.vehicle-history td {
    border: 0 none;
}

table.vehicle-history th {
    font-size: 16px;
}

table.vehicle-history th.status {
    text-align: right;
    font-size: 14px;
    color:#777;
}

table.vehicle-history dl {
    margin: 0px 15px;
    padding: 0px;
}
table.vehicle-history dl dd {
    font-size: 13px;
    line-height: 20px;
}

.position_tyre_modal .table-fixed-height {
    overflow: auto;
    height: 369px;
}

.position_tyre_modal .notice {
    margin-bottom: 10px;
}
.position_tyre_modal input.small {
    width:30px;
}
.position_tyre_modal input.medium {
    width:110px;
}

#exchange-summary .vehicle-store {
    width: 480px;
    float: left;
}

#exchange-summary .deposit-store {
    width: 400px;
    float: right;
}

#exchange-summary .destination {
    font-weight: bold;
    padding-left: 20px;
}

tr.disabled * {
    color: #999;
}

.mBoxContainer h2 {
    margin-top: 0;
}

#error-modal {
    background-color: #F3786D;
    border: 1px solid #B42619;
    padding: 5px;
    font-weight: bold;
    margin-left: -15px;
    margin-right: -15px;
    color: #FFF;
}

#error-modal.error-notice {
    background-color: #C5AB23;
    border-color: #8D7A15;
}

input.has-error {
    border-color: #f00;
}

.mBoxContent .loader-container {
    margin-top: 50px;
    text-align: center;
}

.mBoxContent .sub-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: -10px;
    color: #4C4C4C;
}
.mBoxContent table {
    width: 1038px;
}

.position_tyre_modal a.btn-ico {
    padding: 1px;
    width: 26px;
    height: 26px;
    display:block;
    float: left;
}
.position_tyre_modal a.edit-tyre{
    background: transparent url('/images/edit.png') no-repeat 50% 50%;
}
.position_tyre_modal a.ok-tyre {
    background: transparent url('/images/ok.png') no-repeat 50% 50%;
}
.position_tyre_modal a.cancel-tyre {
    background: transparent url('/images/cancel.png') no-repeat 50% 50%;
}
.moocomplete {
    z-index: 20000 !important;
}

#tyreSearchForm select {
    width: 100%;
}
.spinner {background: transparent url('/images/spinner.gif') no-repeat 4px 50%;}

.invoice-preview {
    background-color: #fff;
    margin: 15px 10px;
    min-height: 600px;
    overflow: hidden;
}
.invoice-preview .header {
    padding-left: 53px;
    height: 53px;
}
.invoice-preview .header h1 {
    margin: 0px;
    line-height: 53px;
    font-size: 40px;
    font-weight: normal;
}
.invoice-preview .body .colours-margin {
    width: 53px;
    float: left;
}
.invoice-preview .body .content {
    float: left;
    width: 977px;
    font-size: 16px;
}
.invoice-preview .body .basic-container {
    min-height: 150px;
}
.invoice-preview .body .content p {
    margin-bottom: 6px;
}
.invoice-preview .buyer-data {
    float: left;
    margin-left: 40px;
    width: 420px;
}
.invoice-preview .buyer-data > div {
    margin-right: 5px;
}
.invoice-preview .seller-data {
    float: left;
    width: 425px;
    margin-left: 35px;
}
.invoice-preview .invoice-data {
    float: right;
    width: 410px;
}
.invoice-preview .invoice-data .separator {
    height: 75px;
}
.invoice-preview .invoice-data .row {
    padding-bottom: 6px;
}
.invoice-preview .invoice-data .caption {
    float: left;
    width: 210px;
    margin-right: 10px;
    text-align: right;
    margin-bottom: 6px;
}
.invoice-preview .invoice-data .data {
    float: left;
    width: 190px;
    margin-bottom: 6px;
}

.invoice-preview .invoice-data.base {
    margin-top: 15px;
}
.invoice-preview h2 {
    border-bottom: 1px solid black;
    line-height: 32px;
    margin: 32px 0px 4px 35px;
}

.invoice-preview .invoice-lines {
    padding-top: 60px;
}

.invoice-preview .invoice-lines table, .invoice-preview .invoice-lines table * {
    border: 0 none;
}

.invoice-preview .invoice-lines table th {
    white-space: nowrap;
    background-color: #589ac3;
    color: #ffffff;
}
.invoice-preview .invoice-lines table td {
    border-bottom: 1px solid #589ac3;
}
.invoice-preview .invoice-lines table td:first-child,
.invoice-preview .invoice-lines table th:first-child,
.invoice-preview .invoice-lines table td.left-border {
    border-left: 1px solid #589ac3;
}
.invoice-preview .invoice-lines table td:last-child, .invoice-preview .invoice-lines table th:last-child {
    border-left: 1px solid #589ac3;
    border-right: 1px solid #589ac3;
}
.invoice-preview .invoice-lines table td.no-border {
    border: 0px none;
}
.invoice-preview .invoice-lines td.text-right {
    text-align: right;
}
.other-contract-row.hidden {
    display: none !important;
}.invoice-preview .invoice-lines table td.right-border,
.invoice-preview .invoice-lines table th.right-border {
    border-right: 1px solid #589ac3;
}

/* **** SCROLLABLE TABLE BODY **** */
/* this is for the main container of the table, also sets the height of the fixed header row */
.headercontainer {
    position: relative;
    padding-top: 27px;
    margin-bottom: 0;
}

/* this is for the data area that is scrollable */
.tablecontainer {
    overflow-y: auto;
    height: 160px;
}

/* remove default cell borders and ensures table width 100% of its container*/
.tablecontainer table {
    border-spacing: 0;
    width: 100%;
}

/* add a thin border to the left of cells, but not the first */
.tablecontainer td + td {
    border-left: 1px solid #eee;
}

/* cell padding and bottom border */
.tablecontainer td, th {
    border-bottom: 1px solid #eee;
    padding: 4px;
}

/* make the default header height 0 and make text invisible */
.tablecontainer th {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
    visibility: hidden;
    white-space: nowrap;
}

/* reposition the divs in the header cells and place in the blank area of the headercontainer */
.tablecontainer th div {
    visibility: visible;
    position: absolute;
    padding: 7px 10px;
    top: 0;
    margin-left: -10px;
    line-height: normal;
}

/* prevent the left border from above appearing in first div header */
th:first-child div {
    border: none;
}

table.attendance-list td p.hint {
    margin-bottom: 0;
    font-style: italic;
    color: #999;
}

.password_form label {
    display: inline-block;
    width: 110px;
}

.hidden {
    display: none !important;
}

.driverdata-show-handler {
    cursor: pointer;
    color: #22982A;
    font-style: italic;
}