html    { height: 100%; min-height: 100%; background-color: #EEEEEE; }
tr, td  { border: 0px; padding: 0.5em; }

body {
    font:                13px/1.231 Arial, Helvetica, clean, sans-serif;
    margin:              10px;
    margin-left:         auto;
    margin-right:        auto;
    padding:             0px;
    width:               960px;
}

h1 {
    font-size:           1.5em;
    background:          none;
    color:               #EF5223;
    font-weight:         bold;
    position:            relative;
    top:                 5px;
    left:                0px;
    text-align:          left;
}

h3.form_title{
    font-size:           1.4em;
    background:          #C5390F;
    color:               #FFFFFF;
    font-weight:         bold;
    position:            relative;
    margin-top:          10px;
    margin-bottom:       0px;
    padding:             3px;
    border:              1px solid black;
    border-bottom-width: 0px;
}

h3.bottom_border {
    border-bottom-width: 1px;
}

#site_container {
    background-color:    white;
    border:              1px solid #CCCCCC;
    width:               960px;
    padding:             10px;
    position:            relative;
}

#header {
    overflow:            hidden;
    margin-left:         auto;
    margin-right:        auto;
    height:              130px;
}

#header div#logo {
    width:               200px;
    height:              75px;
    float:               left;
}

#header div#profile {
    float:               right;
    height:              45px;
    line-height:         45px;
    color:               #999999;
    margin-top:          15px;
}

#header div#logo a {
    width:               200px;
    height:              70px;
    border:              0px;
    background-image:    url(/images/logo_lens_larger.gif);
    background-repeat:   no-repeat;
    display:             block;
    position:            relative;
    top:                 5px;
}

#header div#profile a {
    text-decoration:     none;
}

#header div#profile a:hover {
    text-decoration:     none;
}

#header div#menu {
    position:            relative;
    top:                 15px;
    z-index:             999;
}

#header div#menu a {
    display:             block;
    height:              36px;
    text-decoration:     none;
    min-width:           90px;
}

#header div#menu ul {
    text-align:          center;
    background-color:    #EF5223;
    float:               left;
    margin:              0px;
    padding:             0px;
    height:              46px;
    width:               908px;
}

#menu ul li {
    padding-top:         0px;
    float:               left;
    font-weight:         bold;
    list-style-type:     none;
    height:              46px;
    min-width:           90px;
}

#menu ul li.selected {
    background-color:    #EEEEEE;
   -webkit-border-radius:8px;
   -moz-border-radius:   8px;
    border-radius:       8px;
    border:              4px solid #C5390F;
}

#menu ul li.selected a {
    color:               black;
}

#menu ul li a{
    padding:             0px;
    padding-top:         2px;
    line-height:         30px;
    color:               white;
    text-decoration:     none;
    height:              34px;
}

#menu ul li a:hover{
    background-color:    rgba(0,0,0,0.1);
   -webkit-border-radius:8px;
   -moz-border-radius:   8px;
    border-radius:       8px;
    border-top:          0px solid transparent;
    padding-top:         2px;
}

#menu div.status {
    height:              36px;
    background-color:    #EF5223;
}

#menu div.status, #header div.status a {
    text-align:          right;
    color:               white;
    text-decoration:     none;
}

#menu div.status a:hover{
    color:               yellow;
    text-decoration:     underline;
}

#footer {
    font-size:           0.75em;
    margin-top:          10px;
    text-align:          center;
}


div#profilebox {
    z-index: 1001;
    padding:5px;
    padding-right: 10px;
    padding-left: 10px;
    position:relative;
    top: 5px;
    background:#EEEEEE;
    margin-bottom:0px;
    width:auto;
    height: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


div#warehousebox {
    z-index: 1000;
    padding:0px;
    position:absolute;
    top: 60px;
    padding-top: 10px;
    right: 10px;
    background:#DDDDDD;
    margin-bottom:0px;
    width:300px;
    height: auto;
    min-height: 20px;
    max-height: 270px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 170px;

}

div#warehousebox > div.whb-content {
    min-height: 30px;
    max-height: 200px;
    /*width: 100%;*/
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
}

div#warehousebox > div.whb-footer {
    padding: 0px;
    /*
    padding-bottom: 10px;
    padding-left: 10px;
    */
    margin-top: 0px;
    background-color: #666666;
    border-top: 1px solid #999999;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 100%;
}

div#profilebox ul {
    margin:0px;
    margin-top: -13px;
    padding: 0px;
    list-style: none outside none;
}

div#profilebox li {
    text-align:left;
    list-style: none outside none;
    float:left;
    width:auto;
    height:20px;
    padding:5px;
    margin-top: 0px;
}

div#profilebox li img {
    position:relative;
    top:4px;
}


div#profilebox a {
    text-decoration:none;
    font-weight:bold;
    color:#333333;
    padding: 5px;
    border: 1px solid transparent;
}
div#profilebox a:hover {
    border: 1px solid #999999;
    padding: 5px;
    text-decoration:none;

}


div#profilebox .selected {
    border: 1px solid black;
    font-weight: bold;
    padding: 5px;
}

li.profilebox_seperator {
    width:               1px;
    border-left:         1px dashed #BBBBBB;
    margin-left:         10px;
    margin-top: 11px !important;
}


a.dropdown-link {
    padding-right: 20px !important;
    background-image: url(/images/dropdownarrow.png);
    background-repeat: no-repeat;
    background-position: right;
}


div#menu{
    background-color:    #EF5223;
   -webkit-border-radius:10px;
   -moz-border-radius:   10px;
    border-radius:       10px;
    border-top:          4px solid #EF5223;
    border-left:         4px solid #EF5223;
    border-right:        4px solid #EF5223;
}

li.submenu_seperator {
    width:               1px;
    border-left:         1px dashed #BBBBBB;
    margin-left:         10px;
}

div.password-hint-box {
    margin:              0px auto;
    width: 420px;
}

div#login {
    margin:              0px auto;
    margin-bottom:       20px;
    overflow:            hidden;
    text-align:          center;
}

div#login table {
    width:               350px;
}

form.login {
    margin-left:         auto;
    margin-right:        auto;
    width:               350px;
    color:               white;
}

form.login td, form.login th {
    border:              0px;
    background-color:    #EEEEEE;
}

form.login td.header {
   -webkit-border-top-left-radius:  10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft:      10px;
   -moz-border-radius-topright:     10px;
    border-top-left-radius:         10px;
    border-top-right-radius:        10px;
    background-color:               #EF5223;
    border-top:                     0px solid #EF5223;
    height:                         20px;
}

form.login tr:hover {
    border-width:        0px !important;
}

div.sf_admin_list table td.crud_wider {
    width:               600px;
}

ul.sf_admin_td_actions li.transfer a {
    background-image:    url('/images/icons/arrow_right.png') !important;
}

#user-tab{
    width:               290px;
}

div#crud_filter {
    color:               #666666;
    background-color:    #EEEEEE;
    padding:             0px;
    margin-top:          30px;
    padding-top:         10px;
    /*margin-bottom:       10px;*/
    width:               350px;
    text-align:          left;
    position:            relative;
    top:                 -20px;
   -webkit-border-radius:8px;
   -moz-border-radius:   8px;
    border-radius:       8px;
    /*border-bottom:       4px solid transparent;*/


    position: absolute;
    /*
    -moz-box-shadow:0 0 5px #333333;
    -webkit-box-shadow:0 0 5px #333333;
    left: 25px;
    */
    top: 143px;
    z-index: 997;
    /*opacity: 0.97;*/

    overflow: hidden;


}

div#crud_filter_relative {

    color:               #666666;
    background-color:    #EEEEEE;
    padding:             0px;
    margin-top:          0px;
    padding-top:         10px;
    /*margin-bottom:       10px;*/
    width:               350px;
    text-align:          left;
    position:            relative;
    top:                 0px;
   -webkit-border-radius:8px;
   -moz-border-radius:   8px;
    border-radius:       8px;
    /*border-bottom:       4px solid transparent;*/

}

div#crud_filter_relative table {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

div#crud_filter div#crud_footer, div#crud_filter_relative div#crud_footer, div#entry_form_content div#crud_footer {
    padding: 0px;
    margin-top: 0px;
    /*background-color: #BBBBBB;*/
    background-color: #666666;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 100%;
}

div#crud_filter_relative div#crud_footer {
    margin-top: 10px;
}



table.filter {
    margin-bottom: 0px !important;
}

.filter_field {
    width: 180px !important;
}

div#crud_filter div#crud_footer > input.button, div#crud_filter_relative div#crud_footer > input.button, div#entry_form_content div#crud_footer > input.button {
    margin: 8px;
    border: 1px solid #333333;
}

div#crud_filter a img, div#crud_filter_relative a img, div#entry_form_content a img {
    vertical-align:      middle;
}

th.removefiltertext {
    color: #C5390F !important;
}

div.formLoader {
    text-align: center;
    padding: 20px;
    color: #666666;
    font-weight: bold;
    font-size: 0.9em;
}

div.wh-select {
    float: left;
    width: 195px;
    margin: 2px;
    margin-left: 0px;
}

div.wh-select label {
    width: 170px !important;
    padding-left: 5px;
    font-size: 0.9em;
    margin-top: -3px;
}

div.wh-dropdown {
    /*float: left;*/
    width: 92% !important;
    margin: 2px;
    margin-left: 0px;
    border: 1px solid #BBBBBB;
    padding: 5px;
}

div.wh-dropdown label {
    width: 170px !important;
    padding-left: 5px;
    font-size: 0.9em;
    margin-top: -3px;
}

.dialogform                 { display:none; height:300px; }
.dialogform label           { display: inline-block; width: 100px; }
.dialogform div.problems    { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
.dialogform div.problems ul { margin: 0 0 0 20px; }
.dialogform form input      { margin-bottom: 6px; font-size: 0.9em; }
.dialogform form select     { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }

#timeconfirm-dialog-form-dialog-form     { display:none; height:300px; }
#timeconfirm-dialog-form label           { display: inline-block;    width: 100px; }
#timeconfirm-dialog-form div.problems    { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#timeconfirm-dialog-form div.problems ul { margin: 0 0 0 20px; }
#timeconfirm-dialog-form form input      { margin-bottom: 6px; font-size: 0.9em; }
#timeconfirm-dialog-form form select     { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }

#dialog-form                      { display:none; height:300px; }
#dialog-form label                { display: inline-block;    width: 100px; }
#dialog-form div.problems         { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#dialog-form div.problems ul      { margin: 0 0 0 20px; }
#dialog-form form input           { margin-bottom: 6px; font-size: 0.9em; }
#dialog-form form select          { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }
#edit-dialog-form-dialog-form     { display:none; height:300px; }
#edit-dialog-form label           { display: inline-block;    width: 100px; }
#edit-dialog-form div.problems    { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#edit-dialog-form div.problems ul { margin: 0 0 0 20px; }
#edit-dialog-form form input      { margin-bottom: 6px; font-size: 0.9em; }
#edit-dialog-form form select     { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }

#picklist-dialog-form                 { display:none; height:300px; }
#picklist-dialog-form label           { display: inline-block;    width: 100px; }
#picklist-dialog-form div.problems    { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#picklist-dialog-form div.problems ul { margin: 0 0 0 20px; }
#picklist-dialog-form form input      { margin-bottom: 6px; font-size: 0.9em; }
#picklist-dialog-form form select     { margin-bottom: 6px; width: 210px; font-size: 0.9em; }

#customer-dialog-form                      { display:none; height:300px; }
#customer-dialog-form label                { display: inline-block;    width: 100px; }
#customer-dialog-form div.problems         { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#customer-dialog-form div.problems ul      { margin: 0 0 0 20px; }
#customer-dialog-form form input           { margin-bottom: 6px; font-size: 0.9em; }
#customer-dialog-form form select          { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }
#customer-edit-dialog-form                 { display:none; height:300px; }
#customer-edit-dialog-form label           { display: inline-block;    width: 100px; }
#customer-edit-dialog-form div.problems    { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#customer-edit-dialog-form div.problems ul { margin: 0 0 0 20px; }
#customer-edit-dialog-form form input      { margin-bottom: 6px; font-size: 0.9em; }
#customer-edit-dialog-form form select     { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }

#customer-label-dialog-form                 { display:none; height:inherit; }
#customer-label-dialog-form label           { display: inline-block;    width: 100px; }
#customer-label-dialog-form div.problems    { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#customer-label-dialog-form div.problems ul { margin: 0 0 0 20px; }
#customer-label-dialog-form form input      { margin-bottom: 6px; font-size: 0.9em; }
#customer-label-dialog-form form select     { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }


#rate-edit-dialog-form form input                        { margin-bottom: 6px; font-size: 0.9em; width: 60px; margin-right: 70px; }
#rate-dialog-form form input                             { margin-bottom: 6px; font-size: 0.9em; width: 60px; margin-right: 70px; }
#rate-edit-dialog-form form input#rate_handling_out_rate { margin-bottom: 12px; }
#rate-dialog-form form input#rate_handling_out_rate      { margin-bottom: 12px; }

#customer-dialog-form-ajax                 { display:none; height:300px; }
#customer-dialog-form-ajax label           { display: inline-block;    width: 100px; }
#customer-dialog-form-ajax div.problems    { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#customer-dialog-form-ajax div.problems ul { margin: 0 0 0 20px; }
#customer-dialog-form-ajax form input      { margin-bottom: 6px; font-size: 0.9em; }
#customer-dialog-form-ajax form select     { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }

#user-dialog-form                      { display:none; height:300px; }
#user-dialog-form label                { display: inline-block;    width: 100px; }
#user-dialog-form div.problems         { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#user-dialog-form div.problems ul      { margin: 0 0 0 20px; }
#user-dialog-form form input           { margin-bottom: 6px; font-size: 0.9em; }
#user-dialog-form form select          { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }
#user-edit-dialog-form                 { display:none; height:300px; }
#user-edit-dialog-form label           { display: inline-block;    width: 100px; }
#user-edit-dialog-form div.problems    { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#user-edit-dialog-form div.problems ul { margin: 0 0 0 20px; }
#user-edit-dialog-form form input      { margin-bottom: 6px; font-size: 0.9em; }
#user-edit-dialog-form form select     { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }

#location-dialog-form                      { display:none; height:300px; }
#location-dialog-form label                { display: inline-block;    width: 100px;}
#location-dialog-form div.problems         { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#location-dialog-form div.problems ul      { margin: 0 0 0 20px; }
#location-dialog-form form input           { margin-bottom: 6px; font-size: 0.9em; }
#location-dialog-form form select          { margin-bottom: 6px; width: 210px; font-size: 0.9em; }
#location-edit-dialog-form                 { display:none; height:300px; }
#location-edit-dialog-form label           { display: inline-block;    width: 100px;}
#location-edit-dialog-form div.problems    { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#location-edit-dialog-form div.problems ul { margin: 0 0 0 20px; }
#location-edit-dialog-form form input      { margin-bottom: 6px; font-size: 0.9em; }
#location-edit-dialog-form form select     { margin-bottom: 6px; width: 210px; font-size: 0.9em; }

#warehouse-dialog-form                      { display:none; height:300px; }
#warehouse-dialog-form label                { display: inline-block;    width: 100px; }
#warehouse-dialog-form div.problems         { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#warehouse-dialog-form div.problems ul      { margin: 0 0 0 20px; }
#warehouse-dialog-form form input           { margin-bottom: 6px; font-size: 0.9em; }
#warehouse-dialog-form form select          { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }
#warehouse-edit-dialog-form                 { display:none; height:300px; }
#warehouse-edit-dialog-form label           { display: inline-block;    width: 100px; }
#warehouse-edit-dialog-form div.problems    { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#warehouse-edit-dialog-form div.problems ul { margin: 0 0 0 20px; }
#warehouse-edit-dialog-form form input      { margin-bottom: 6px; font-size: 0.9em; }
#warehouse-edit-dialog-form form select     { margin-bottom: 6px; max-width: 210px; font-size: 0.9em; }

#metadata-dialog-form                      { display:none; height:300px; }
#metadata-dialog-form label                { display: inline-block;    width: 100px;}
#metadata-dialog-form div.problems         { display: none; font-size: 0.75em; margin-bottom: 10px; padding: 5px; }
#metadata-dialog-form div.problems ul      { margin: 0 0 0 20px; }
#metadata-dialog-form form input           { margin-bottom: 6px; font-size: 0.9em; }
#metadata-dialog-form form select          { margin-bottom: 6px; width: 210px; font-size: 0.9em; }


#order-status-dialog-form form select          { margin-bottom: 6px; width: 400px; font-size: 0.9em; }




div.credentialsHolder {
    float: right;
    width: 219px;
    margin: 2px;
}

div.credentialsHolder label {
    width: 190px !important;
}

select.relocate {
    margin-bottom:       6px;
    width:               210px;
    font-size:           0.9em; }

.sf_admin_list td {
    border:              0px;
}

div.invoice_entries_content {
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
    color: #999999;
    padding: 5px;
}


div#crud_filter th, div#crud_filter th:hover, div#crud_filter_relative th, div#crud_filter_relative th:hover, div#entry_form_content th, div#entry_form_content th:hover {
    background-color:    #CCCCCC;
    color:               white;
    font-weight:         bold;
    border: 1px solid #AAAAAA;
    border-right-width: 0px;
    width: 148px;
}

div#crud_filter tr, div#crud_filter tr:hover, div#crud_filter_relative tr, div#crud_filter_relative tr:hover, div#entry_form_content tr, div#entry_form_content tr:hover {
    background-color: #EEEEEE;
    border: 1px solid #AAAAAA;
    border-left-width: 0px;
}

div#crud_filter label, div#crud_filter_relative label, div#entry_form_content label {
    color: black;
    font-weight: bold;
    font-size:1.1em;
    margin-top: 3px;
}

table thead{
    background-color: #EF5223;
    color: #FFFFFF;
}

table thead a{
    color:white;
}

table thead a:hover{
    color:yellow;
}

table tfoot {
    background-color:#EF5223;
    color:white;
    font-size: 1em;
}


table.order_details td {
    padding: 5px;
}

table.order_details td.name_cell {
    text-align: left;
    font-weight: bold;
    width: 15%;
}

table.order_details td.field_cell {
    text-align: left;
}

table.order_details td.customer_information_cell {
    background-color: #DDDDDD;
    font-weight: bold;
    width: 50%;
    border-left: 1px solid #CCCCCC;
}

table.document_details td {
    padding: 5px;
}

table.document_details td.name_cell {
    text-align: left;
    font-weight: bold;
    width: 15%;
}

table.document_details td.field_cell {
    text-align: left;
}

table.document_details td.customer_information_cell {
    background-color: #DDDDDD;
    font-weight: bold;
    width: 50%;
    border-left: 1px solid #CCCCCC;
}


/* END */

tr.validationfail td {
    background-color: #D33;
}

/* goodsin specific */

div#customer-details {
    border:4px solid #EF5223;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: white;
    padding:5px;
    width: 450px;
    height:auto;
    max-height: 130px;
    font-weight:bold;
    line-height: 1.6em;
}

div#customer-details ul li {
    list-style-type: none;
    margin: 0px;
}

/* general 'addition' form */
form.wms {
    margin:0 auto;
}

form.wms legend {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    height: 30px;
    width: 100%;
}

form.wms label {
    display: inline-block;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    width: 150px;
}

form.wms input {
    width: 200px;
}

form.wms ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

form.wms ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

form.wms fieldset ul li {
    height: 30px;
}

form.wms div.problems {
    background: #ccc url(/sfPropelPlugin/images/error.png) no-repeat 10px 10px;
    border: 2px solid #f66;
    display: none;
    margin-bottom: 10px;
    padding: 10px;
    width: 400px;
}

form.wms div.problems p {
    margin-left: 25px;
}

form.wms div.problems ul li {
    list-style-type: disc;
    margin-left: 40px;
}

form.wms label.error {
    color: #f66;
    display: inline;
    padding: 5px;
    width: auto;
}

form.wms input.error {
    border: 1px solid #f66;
}

form.wms input.autocomplete {
    background: #fff url('/images/icons/magnifier.png') no-repeat right 1px;
    padding-right: 20px;
    width: 180px;
}

input.autocomplete { /* keeping form.wms input.autocomplete just in case */
    background: #fff url('/images/icons/magnifier.png') no-repeat right 1px;
    padding-right: 20px;
    width: 180px;
}

form.wms input.datepicker {
    background: #fff url('/images/icons/calendar.png') no-repeat right 1px;
    padding-right: 20px;
    width: 80px;
}

input.datepicker_indep {
    background: #fff url('/images/icons/calendar.png') no-repeat right 1px;
    padding-right: 20px;
}

form.wms table input {
    width: 90px !important;
}

form.wms input.submit {
    width: auto;
}

form.wms input.add {
    background: #eee url('/images/icons/add.png') no-repeat center left;
    padding: 4px;
    padding-left: 20px;
}

select.picklist_select {
    max-width: 215px;
    font-size: 0.9em;
    padding: 2px;
    border: 1px solid #CCCCCC;
}

select.picklist_select optgroup {
    font-style: normal;
    color: #EF5223;
}
select.picklist_select option {
    color: #333333;
}

div#content {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-bottom: 4px solid #EF5223;
    text-align:center;
    padding:00px;
}

strong#username {
    color: #EF5223;
    font-weight:bold;
}

table.filter th {
    background-color:green;
    border:          0px;
    padding:         5px;
    width:           180px;
}

table.filter td {
    background-color:transparent;
    border:          0px;
    padding:         5px;
    width:           180px;
}

div#submenu {
    z-index: 998;
    padding:0;
    padding-top: 10px;
    position:relative;
    top:-10px;
    background:#EEEEEE;
    margin-bottom:0px;
    width:960px;
    height:39px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-bottom: 4px solid #EEEEEE;
}

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

div#submenu li {
    text-align:left;
    list-style: none outside none;
    float:left;
    width:auto;
    height:20px;
    padding:5px;
    margin-top: 5px;
}

div#submenu li img {
    position:relative;
    top:4px;
}

div#submenu a {
    text-decoration:none;
    font-weight:bold;
    color:#333333;
    padding: 5px;
    border: 1px solid transparent;
}
div#submenu a:hover {
    border: 1px solid #999999;
    padding: 5px;
}

div#submenu .selected {
    border: 1px solid black;
    font-weight: bold;
    padding: 5px;
}

a.submenu_selected {
    border: 1px solid #333333;
    background-color: rgba(50,50,50,0.1);
    padding: 1px;
}

table.info td, table.info th{
    border:0px solid #ddd;
    text-align: left;
}

th.table_label {
    background:#EF5223;
    color:white;
}

tr.even td {
    background-color: #EEEEEE;
}
tr.odd td {
    background-color: #FFFFFF;
}

tr.archFile td {
    background-color: #DDDDDD;
    border-bottom: 1px solid #CCCCCC;
}

tr.evenout td{
    background-color: #FFE6CE;
    color: #CE5700;
}
tr.oddout td {
    background-color: #FFDEB9;
    color: #CE5700;
}

tr.eveninv td{
    background-color: #BEE498;
    color: #2F6302;
}
tr.oddinv td {
    background-color: #AAD67E;
    color: #2F6302;
}

tr.archFileout td {
    background-color: #FFDEB9;
    color: #CE5700;
    border-bottom: 1px solid #CE5700;
}

tr.archFileinv td {
    background-color: #BEE498;
    color: #2F6302;
    border-bottom: 1px solid #2F6302;
}

div.showUnavailable {
    background-color: transparent !important;
}

table.receipt_details {
    font-size: 0.9em;
    width: 100%;
}

table.receipt_details td {
    background-color: #EEEEEE;
    font-size: 1em;
    width: 13%;
}

table.receipt_details td.narrower {
    width: 9%;
}


table.receipt_details td.wider {
    width: 17%;
}


table.receipt_details th {
    border: 1px solid black;
    border-top: 0px;
    width: 12%;
}


table.goodsin-items {
    width: 100%;
    font-size: 0.9em;
}

table.goodsin-items td.item_textcell {
    text-align: left;
    padding: 5px;
}

table.goodsin-items td.item_exprcvcell {
    padding: 5px;
    width: 20px;
}

table.goodsin-items td.item_serialcell {
    padding: 5px;
    width: 50px;
}


table.goodsin-items td.padded_text_block {
    padding-top: 8px;
}


table.login label {
    font-weight: bold;
    color: #333333;
}



div#itemEntryContainer {
    width: 100%;
}

div#login_box {
    margin-top: 0px;
}

div#login_box h1 {
    margin-top: 0px;
}

div#login_box td {
    text-align: left;
    padding: 7px;
}




div.item_entry_hidden_zone {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

div.item_entry_hidden_container {
  background-color:#FFFFFF;
  border:2px solid #C5390F;
  line-height:1.3em;
  font-weight: bold;
  margin:5px auto;
  padding:10px;
  position:relative;
  text-align:center;
  width:300px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
  visibility: hidden;
  position: absolute;
  z-index: 10000;
  width: 160px;
}

.item_entry_arrow_border {
  border-color: transparent transparent #C5390F  transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  left:27px;
  top: -22px;
}

.item_entry_arrow {
  border-color:  transparent transparent #FFFFFF transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  left:27px;
  top: -20px;
}

div.description_entry_hidden_zone {

    position: relative;
    top: -10px;
    left: 0px;
    width: 100%;
    height: auto;
}

div.description_entry_hidden_container {
    width: 220px;
    height: 21px;
    position: absolute;
    top: 0px;
    left: 0px;
}

div#dbug_output {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background-color: #D0E8EA;
    border: 1px solid #8FC9CD;
    padding: 10px;
    max-width: 700px;
    max-height: 300px;
    overflow: auto;
    font-size: 11px;
    text-align: left;
    width: 300px;
}

div#dbug_clearlog {
    position: fixed;
    bottom: 0px;
    right: 320px;
    width: 70px;
    font-weight: bold;
    background-color: #FFC0C0;
    border: 1px solid #FF8080;
    padding: 10px;
}

hr {
    border-bottom: 1px solid #8FC9CD;
    color: transparent;
    height: 1px;
    width: 100%;

}



/*
Form Elements
*/
input {
    border:             1px solid #AAAAAA;
    padding:            2px;
    color:              #333333;
    font-family:        Arial, Verdana, Helvetica, sans-serif;
    font-size:          0.9em;
}

select {
    border:             1px solid #AAAAAA;
    padding:            2px;
    color:              #333333;
    font-family:        Arial, Verdana, Helvetica, sans-serif;
    font-size:          0.9em;
}

input.wider_field {
    width: 140px;
}

input.centered_input {
    text-align: center;
    font-weight: bold;
}

input.small_input {
    width: 40px;
}

input.readonly {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #333333;
}

input.matchedValues {
    border: 1px solid #008000;
    background-color: #CAE9C9;
    color: #004000;
}

input.failedValues {
    border: 1px solid #800000;
    background-color: #FFC0C0;
    color: #800000;
}

textarea.self_expanding {
    width: 220px;
    height: 15px;
    border:             1px solid #AAAAAA;
    padding:            2px;
    color:              #333333;
    font-family:        Arial, Verdana, Helvetica, sans-serif;
    font-size:          0.9em;
}

textarea.self_expanding_note {
    width: 940px;
    height: 45px;
    border:             1px solid #AAAAAA;
    padding:            2px;
    color:              #333333;
    font-family:        Arial, Verdana, Helvetica, sans-serif;
    font-size:          0.9em;
    margin-bottom: 20px;
}

form.wms table input.wider_field {
    width: 140px !important;
}


div.add_document_field_type {
    float: left;
    width: 133px;
    height: 20px;
    line-height: 30px;
    text-align: center;
    padding: 5px;
}

div.add_document_field_number {
    float: left;
    width: 133px;
    height: 20px;
    line-height: 30px;
    text-align: center;
    padding: 5px;
}

div.add_document_field_date {
    float: left;
    width: 142px;
    height: 20px;
    line-height: 30px;
    text-align: center;
    padding: 5px;
}

div.add_document_del {
    float: left;
    width: 34px;
    height: 22px;
    padding-top: 8px;
    padding-left: 6px;
    text-align: center;
}


input.imagebutton_search {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/magnifier.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

input.imagebutton_add {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/add.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

input.imagebutton_tick {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/tick.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

input.imagebutton_accept {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/accept.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

input.imagebutton_cross {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/cross.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

input.imagebutton_save {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/disk.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

input.imagebutton_relocate {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/package_go.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

input.imagebutton_merge {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/arrow_join.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

input.imagebutton_pdf {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/page_white_acrobat.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

input.imagebutton_csv {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/page_white_excel.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

input.imagebutton_edit {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/pencil.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

input.imagebutton_delete {
    padding: 3px;
    padding-left: 20px;
    background-image: url(/images/icons/delete.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-weight: bold;
}

div.imageThumbnail {
    float: left;
    margin: 5px;
    border: 1px solid #CCCCCC;
    padding: 2px;
    background-color: #EEEEEE;
    cursor: hand;
    cursor: pointer;
}

form.imageUploadForm {
    border-right: 1px solid #C5390F;
    width: 100%;
}

form.imageUploadForm h3 {
    margin: 0px;
    padding: 3px;
    background-color: #333333;
    color: white;
}

form.imageUploadForm table {
    margin: 0px;
}

form.imageUploadForm table th {
    color: white;
}

img.largerImage {
    max-width: 400px;
    max-height: 500px;
}

#view-image-dialog-box {
    text-align: center;
}

td.imagesCorner {
    background-image: url(/images/images_corner.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #CCCCCC !important;
}

td.imagesCornerSelected {
    background-image: url(/images/images_corner_selected.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #2F6302 !important;
}


/*
/sfPropelPlugin/default.css - included due to lack of access (for whatever reason)
*/

#sf_admin_container_ow a {
    color: #464646;
    text-decoration: none;
}
#sf_admin_container_ow a:hover {
    color: #000000;
    text-decoration: underline;
}
#sf_admin_container_ow h1 {
    margin: 0 0 20px;
    padding: 0;
}
#sf_admin_container_ow th {
    background-color: #EF5223;
    white-space: nowrap;
}

#sf_admin_container_ow td, #sf_admin_container_ow th {
    text-align: left;
    /*vertical-align: top;*/
    font-size: 0.9em;
}

#sf_admin_container_ow tr {
    border-left: 0px solid #DDDDDD;
    border-right: 0px solid #DDDDDD;
    border: 0px solid transparent;
    height: 28px;
}

#sf_admin_container_ow tr.grey {
    border-color: #333333;
}

#sf_admin_container_ow th {
    border: 1px solid transparent;
    border: 1px solid #C5390F;
}

#sf_admin_container_ow th.grey {
    background-color: #BBBBBB;
    border: 1px solid #999999;
    color: #666666;
}

#sf_admin_container_ow tr:hover {
    height: 28px;
}


#sf_admin_container_ow ul.error_list {
    background-color: #FF3333;
    border: medium none;
    color: #DD3333;
    margin: 0 0 7px;
}
#sf_admin_container_ow ul.error_list li {
    background: url("../images/error.png") no-repeat scroll 4px 4px transparent;
    color: #FFFFFF;
    list-style: none outside none;
    padding: 4px 4px 4px 25px;
}

#sf_admin_container_ow input, #sf_admin_container_ow textarea {
    width: auto;
}
#sf_admin_container_ow .radio_list, #sf_admin_container_ow .checkbox_list {
    margin: 0;
}
#sf_admin_container_ow .radio_list li, #sf_admin_container_ow .checkbox_list li {
    display: inline;
    list-style: none outside none;
}
#sf_admin_container_ow .double_list_select, #sf_admin_container_ow .double_list_select-selected {
    width: 12em;
}
#sf_admin_container_ow .double_list_label {
    font-weight: bold;
}
#sf_admin_container_ow tfoot td {
    list-style: none outside none;
    margin: 0;
    text-align: right;
}
#sf_admin_container_ow thead img, #sf_admin_container_ow tfoot img {
    vertical-align: middle;
}
#sf_admin_bar {
    float: right;
    margin-left: 20px;
}
.sf_admin_pagination {
    float: right;
}
#sf_admin_container_ow ul.sf_admin_td_actions {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sf_admin_container_ow ul.sf_admin_td_actions li {
    display: inline;
    font-size: 90%;
    list-style-type: none;
    margin-right: 10px;
}
#sf_admin_container_ow ul.sf_admin_actions {
    list-style-type: none;
    margin: 10px 0;
}
#sf_admin_container_ow ul.sf_admin_actions li {
    display: inline;
    list-style-type: none;
    margin-right: 10px;
}
#sf_admin_container_ow ul.sf_admin_actions li a, #sf_admin_container_ow ul.sf_admin_td_actions li a {
    background: url("../images/default.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}
#sf_admin_container_ow ul li.sf_admin_action_new a {
    background: url("../images/new.png") no-repeat scroll 0 0 transparent;
}
#sf_admin_container_ow ul li.sf_admin_action_delete a {
    background: url("../images/delete.png") no-repeat scroll 0 0 transparent;
}
#sf_admin_container_ow ul li.sf_admin_action_list a {
    background: url("../images/list.png") no-repeat scroll 0 0 transparent;
}
#sf_admin_container_ow ul li.sf_admin_action_edit a {
    background: url("../images/edit.png") no-repeat scroll 0 0 transparent;
}
#sf_admin_container_ow .notice {
    background: url("../images/tick.png") no-repeat scroll 10px 4px #FFFFCC;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin: 4px 0;
    padding: 4px 4px 4px 30px;
}
#sf_admin_container_ow .error {
    background: url("../images/error.png") no-repeat scroll 10px 4px #FF3333;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    color: #FFFFFF;
    margin: 4px 0;
    padding: 4px 4px 4px 30px;
}
#sf_admin_container_ow .sf_admin_row_0 td {
}
#sf_admin_container_ow .sf_admin_row_1 td {
}
#sf_admin_container_ow fieldset h2 {
    background-color: #CCCCFF;
    color: #333333;
    font-size: 11px;
    margin: 0;
    padding: 3px;
}
#sf_admin_container_ow fieldset {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD #DDDDDD -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin-bottom: 3px;
}
#sf_admin_container_ow fieldset.collapsed * {
    display: none;
}
#sf_admin_container_ow fieldset.collapsed h2, #sf_admin_container_ow fieldset.collapsed {
    display: block !important;
}
#sf_admin_container_ow fieldset.collapsed .collapse-toggle {
    display: inline !important;
}
#sf_admin_container_ow fieldset.collapse h2 a.collapse-toggle {
    color: #FFFFCC;
}
#sf_admin_container_ow fieldset.collapse h2 a.collapse-toggle:hover {
    text-decoration: underline;
}
#sf_admin_container_ow label {
    display: block;
    float: left;
    padding: 0 1em 3px 0;
    text-align: left;
    width: 8em;
}
#sf_admin_container_ow ul label, #sf_admin_container_ow td label {
    display: inline;
    float: none !important;
}
#sf_admin_container_ow .sf_admin_form_row {
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    padding: 10px;
}
#sf_admin_container_ow .sf_admin_form_row .content {
    padding-left: 9em;
}
#sf_admin_container_ow .help {
    color: #AAAAAA;
    padding-left: 9em;
}
#sf_admin_container_ow td .help {
    padding-left: 0;
}
#sf_admin_container_ow .errors input, #sf_admin_container_ow .errors select {
    border: 1px solid #FF2222;
}
#sf_admin_container_ow .sf_admin_list .sf_admin_boolean {
    text-align: center;
}

#sf_admin_container_ow th a {
    color: white;
}

#sf_admin_container_ow th a:hover {
    color: #EEEEEE;
    text-decoration: none;
}




.std_rate_even {
    text-align: center;
    font-size: 0.8em;
    background-color: #FFE8B3 !important;
}

.std_rate_odd {
    text-align: center;
    font-size: 0.8em;
    background-color: #FFF0CE !important;
}

.th_rate_even {
    text-align: center;
    font-size: 0.8em;
    background-color: #FFD26A !important;
}

.th_rate_odd {
    text-align: center;
    font-size: 0.8em;
    background-color: #FFDD8C !important;
}

.dt_rate_even {
    text-align: center;
    font-size: 0.8em;
    background-color: #FFBA17 !important;
}

.dt_rate_odd {
    text-align: center;
    font-size: 0.8em;
    background-color: #FFC848 !important;
}


div.allocationContainer {
    width: 265px;
    border: 1px solid #CCCCCC;
    max-height: 350px;
    padding: 5px;
    padding-top: 0px;
    overflow: auto;
}

div.draggableArchiveField {
    padding: 5px;
    border: 1px solid #DDDDDD;
    background-color: #EEEEEE;
    margin-top: 5px;
    background-image: url(/images/arrow-move.png);
    background-repeat: no-repeat;
    background-position: 96% 6px;
}

div.draggableArchiveFieldNoDrag {
    padding: 5px;
    border: 1px solid #DDDDDD;
    background-color: #EEEEEE;
    margin-top: 5px;
}

div.droppableArchive {
    display: none;
    background-color: #DDDDDD;
    margin-top: 5px;
    border: 1px dotted #BBBBBB;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    color: #BBBBBB;
    font-size: 1.1em;
    height: 40px;
    line-height: 40px;
}

/*
PAGINATION
*/
.sf_admin_pagination div.pagination_block {
    padding-left: 1px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 16px;
    height: 16px;
    float: left;
    text-align: center;
    margin: 1px;
    border: 1px solid transparent;
    line-height: 16px;
}

.sf_admin_pagination div.pagination_block_selected {
    border: 1px solid #C5390F;
    color: #EEEEEE;
}




/*
GENERALS
*/
.clear  { clear: both; }
.auto_width { width: auto; }
.centered { text-align: center; }


/*
OVERRIDES
*/
.floatLeft { float: left; }
.floatRight { float: right; }

ul.ui-autocomplete li.ui-menu-item { list-style: none !important }

#receipt_items_container td { border: 0px solid black; }

div#crud_filter input.datepicker, div#crud_filter_relative input.datepicker {
    background: #fff url('/images/icons/calendar.png') no-repeat right 1px;
    padding-right: 20px;
    width: 162px !important;
}

div#crud_filter input.autocomplete, div#_relative input.autocomplete {
    background: #fff url('/images/icons/magnifier.png') no-repeat right 1px;
    padding-right: 20px;
    width: 162px !important;
}

div#add_new_item {
    display: none;
    width: 940px;
    margin-top: -20px;
    margin-bottom: 5px;
    padding: 10px;
    padding-top: 20px;
    background-color: #EEEEEE;
    border:0px solid #EEEEEE;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* ICON BUTTONS */
a.actionButton > img, img.noLink {
    padding: 2px;
    border: 1px solid transparent;
    margin-top: -1px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: -5px;
}

img.lockLink {
    padding: 2px;
    border: 1px solid transparent;
    margin-top: -1px;
    margin-left: 0px;
    margin-right: 0px;
}

a.actionButton:hover {
    text-decoration: none !important;
}


a.add {
    background: transparent url('/images/icons/add.png') no-repeat top left;
    padding-left: 20px;
}

a.okay {
    background: transparent url('/images/icons/tick.png') no-repeat top left;
    padding-left: 20px;
}

a.cancel {
    background: transparent url('/images/icons/cross.png') no-repeat top left;
    padding-left: 20px;
}

a.edit{
    background: transparent url('/images/icons/pencil.png') no-repeat top left;
    padding-left: 20px;
}

a.addchild {
    background: transparent url('/images/icons/add.png') no-repeat top left;
    padding-left: 20px;
}

a.remove {
    background: transparent url('/images/icons/delete.png') no-repeat top left;
    padding-left: 20px;
}

a.list {
    background: transparent url('/images/icons/table.png') no-repeat top left;
    padding-left: 20px;
}

a.pdf {
    background: transparent url('/images/icons/page_white_acrobat.png') no-repeat top left;
    padding-left: 20px;
}

a.view {
    background: transparent url('/images/icons/magnifier.png') no-repeat top left;
    padding-left: 20px;
}

a.viewList {
    background: transparent url('/images/icons/application_view_list.png') no-repeat top left;
    padding-left: 20px;
}

a.relocate {
    background: transparent url('/images/icons/package_go.png') no-repeat top left;
    padding-left: 20px;
}

a.relocate-split {
    background: transparent url('/images/icons/package_split.png') no-repeat top left;
    padding-left: 20px;
}

a.warning {
    background: transparent url('/images/icons/error.png') no-repeat top left;
    padding-left: 20px;
}

/*
a.relocate-split {
    background: transparent url('/images/icons/package_split.png') no-repeat top left;
    padding-left: 20px;
}
*/

a.addCart {
    background: transparent url('/images/icons/basket_put.png') no-repeat top left;
    padding-left: 20px;
    font-size: 14px;
}

a.addCartDisabled {
    background: transparent url('/images/basket_put_greyed.png') no-repeat top left;
    padding-left: 20px;
}

a.viewDisabled {
    background: transparent url('/images/magnifier_greyed.png') no-repeat top left;
    padding-left: 20px;
}

/*
a.contactDetails {
    background: transparent url('/images/icons/book_addresses.png') no-repeat top left;
    padding-left: 20px;
}
*/

div.eventType {
    float: left;
    width: 170px;
    margin: 2px;
    padding: 5px;
    border: 1px solid #BBBBBB;
    font-size: 0.95em;
}

div.multiselectSelectedBlue {
    /* BLUE */
    border-color: #5F89B7;
    background-color: #CEE2FF;
}

div.multiselectSelectedGreen {
    /* GREEN */
    border-color: #4ECD23;
    background-color: #AAFFAA;
}

div.multiselectSelectedRed {
    /* RED */
    border-color: #EF5223;
    background-color: #FFAAAA;
}

div.warehouseSelectedBlue {
    /* BLUE */
    border-color: #5F89B7;
    background-color: #CEE2FF;
}

div.warehouseSelectedGreen {
    /* GREEN */
    border-color: #4A9D02;
    background-color: #AAD67E;
}

.datepickerJQ {
    background: #fff url('/images/icons/calendar.png') no-repeat right 1px;
    padding-right: 20px;
    width: 80px;
}

.filter-highlight {
    border: 1px solid #EF5223 !important;
}

div.reportLoaderImage {
    width: 300px;
    height: 20px;
    padding: 10px;
    margin-left: 0px;
    background-image: url(/images/darkgreyloader.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 40px;
    line-height: 20px;
    color: #DDDDDD;
    font-weight: bold;
    font-size: 12px;
    float: left;
}

div.customer_order_product_entry_form
{
    width: 960px;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 24px;
}

div#tabrow {
    position:            relative;
    top:                 0px;
    z-index:             995;
    height:              34px;
}

div#tabrow a {
    display:             block;
    height:              36px;
    text-decoration:     none;
    min-width:           100px;
}

div#tabrow ul {
    text-align:          center;
    /*background-color:    #EF5223;*/

    float:               left;
    margin:              0px;
    padding:             0px;
    height:              46px;
    min-width:           100px;
    /*
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    */
}

#tabrow ul li {
    padding-top:         0px;
    float:               left;
    font-weight:         bold;
    list-style-type:     none;
    height:              46px;
    min-width:           100px;
    background-color:    #EEEEEE;
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

}



#tabrow ul li.selected {
    background-color:    #CCCCCC !important;
}

#tabrow ul li.selected a {
    color:               black;
}

#tabrow ul li a{
    padding:             0px;
    padding-top:         2px;
    padding-left:        30px;
    padding-right:       10px;
    line-height:         30px;
    color:               black;
    text-decoration:     none;
    height:              34px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

#tabrow ul li.tab1 {
    background-color:    rgba(221,221,221,1.0); /* #DDDDDD is 221 */
}
#tabrow ul li.tab2 { background-color: rgba(221,221,221,0.8); }
#tabrow ul li.tab3 { background-color: rgba(221,221,221,0.6); }
#tabrow ul li.tab4 { background-color: rgba(221,221,221,0.4); }

#tabrow ul li.withAdd a {
    background-image: url(/images/icons/package_add.png);
}
#tabrow ul li.withGo a {
    background-image: url(/images/icons/package_go.png);
}
#tabrow ul li.withEditInfo a {
    background-image: url(/images/icons/page_edit.png);
}
#tabrow ul li.withDocs a {
    background-image: url(/images/icons/page_white_stack.png);
}

#tabrow ul li a:hover{
    background-color:    rgba(0,0,0,0.1);
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top:          0px solid transparent;
    padding-top:         2px;
    text-decoration:     none;
}

div#entry_form_content {
    background-color: #EEEEEE;
    border-top: 8px solid #CCCCCC;
    width: 960px;
    position: relative;
    top: 0px;
    z-index: 996;
    margin-bottom: 10px;

   -webkit-border-bottom-right-radius: 8px;
   -webkit-border-bottom-left-radius: 8px;
   -moz-border-radius-bottomright: 8px;
   -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}



table.entry_form_table {
    margin: 10px;
}

table.entry_form_table td {
    text-align: left !important;
}

table.entry_form_table th.faketh {
    border-right: 0px;
}

table.entry_form_table td.faketh {
    border: 1px solid #AAAAAA;
    background-color: #CCCCCC;
    border-left: 0px;
    border-right: 0px;
    text-align: right !important;
}

td.archGraphicOption {
    background-position: center;
    background-repeat: no-repeat;
    text-align: center !important;
}

td.archGraphicOption div {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    /*
    font-size: 1.5em;
    font-weight: bold;
    */
}

td.archGraphicOption label {
    font-size: 1.5em;
    font-weight: bold;
}

td.archOrderType_NewIn {
    background-image: url(/images/archive_new.png);
}

td.archOrderType_Return {
    background-image: url(/images/archive_return.png);
}

td.archOrderType_OutTemporary {
    background-image: url(/images/archive_out_and_return.png);
}

td.archOrderType_OutPermanent {
    background-image: url(/images/archive_new.png);
}

td.archOrderType_OutDestroy {
    background-image: url(/images/archive_destroy.png);
}

td.archDeliveryType_None {
    background-image: url(/images/delivery_none.png);
}

td.archDeliveryType_48h {
    background-image: url(/images/delivery_48h.png);
}

td.archDeliveryType_Standard {
    background-image: url(/images/delivery_std.png);
}

td.archDeliveryType_NextWorkingDay {
    background-image: url(/images/delivery_nwd.png);
}

td.archDeliveryType_Priority {
    background-image: url(/images/delivery_pty.png);
}


div.archNoBoxes {
    margin-left: auto;
    margin-right: auto;
    background-image: url(/images/empty_box.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 128px;
}

div.archNoBoxes div {
    padding-top: 100px;
}

div.archNoBoxes p {
    color: #999999;
    font-size: 1.2em;
    font-weight: bold;
}

h1.archiveBoxName {
    margin: 0px !important;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}

h2.archiveBoxNumber {
    margin: 0px !important;
    margin-top: 5px !important;
    margin-bottom: 3px !important;
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
}

p.archiveBoxDetails {
    color: #000000;
}

a.ignoreHover:hover {
    border-color: transparent !important;
    cursor: default !important;
}

td.greyedOut {
    opacity: 0.5;
    color: #CCCCCC !important;
}


/*
MODAL OVERRIDES
*/
h3.modalHeading {
    margin-bottom: 7px;
    margin-top: 5px;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 3px;
}


/* FEEDBACK BOXES */
div.fb-box {
    font-size: 0.9em !important;
    background-position: 10px 9px;
    background-repeat: no-repeat;
    padding: 10px !important;
    padding-left: 35px !important;
    text-align: left;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 913px;
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 10px !important;
}

div.fb-box-noclose {
    font-size: 0.9em !important;
    background-position: 10px 9px;
    background-repeat: no-repeat;
    padding: 10px !important;
    padding-left: 35px !important;
    text-align: left;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 913px;
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 10px !important;
}

div.fb-box-success {
    background-color: #C0FFC0;
    border: 1px solid #008000;
    color: #008000;
    background-image: url(/images/icons/tick.png);
}

div.fb-box-failure {
    background-color: #FFCCCC;
    border: 1px solid #990000;
    color: #990000;
    background-image: url(/images/icons/cancel.png);
}

div.fb-box-warning {
    background-color: #F8E58A;
    border: 1px solid #C57009;
    color: #C57009;
    background-image: url(/images/icons/error.png);
}

div.fb-box-info {
    background-color: #B0C4DE;
    border: 1px solid #353D44;
    color: #353D44;
    background-image: url(/images/icons/information.png);
}



/* TOOLTIP BUBBLES */
.chat-bubble {
  background-color:#FFFFFF;
  border:2px solid #C5390F;
  line-height:1.3em;
  font-weight: bold;
  margin:5px auto;
  padding:10px;
  padding-bottom: 5px;
  position:relative;
  text-align:center;
  width:300px;
  z-index: 99999;
  height: 28px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}

.chat-bubble-arrow-border {
  border-color: transparent transparent #C5390F  transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  right:50px;
  top: -22px;
}

.chat-bubble-arrow {
  border-color:  transparent transparent #FFFFFF transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  right:50px;
  top: -20px;
}


.param-bubble {
  background-color:#FFFFFF;
  border:2px solid #C5390F;
  line-height:1.3em;
  font-weight: bold;
  margin:5px auto;
  padding:10px;
  position:relative;
  text-align:center;
  width:400px;
  z-index: 99999;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}

.param-bubble-arrow-border {
  border-color: transparent transparent #C5390F  transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  left:100px;
  top: -22px;
}

.param-bubble-arrow {
  border-color:  transparent transparent #FFFFFF transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  left:100px;
  top: -20px;
}



.chat-bubble-relocate {
  background-color:#FFFFFF;
  border:2px solid #C5390F;
  line-height:1.3em;
  font-weight: bold;
  margin:5px auto;
  padding:10px;
  padding-bottom: 5px;
  position:relative;
  text-align:center;
  width:270px;
  z-index: 99999;
  height: 28px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}

.chat-bubble-relocate-arrow-border {
  border-color: transparent transparent #C5390F  transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  right:27px;
  top: -22px;
}

.chat-bubble-relocate-arrow {
  border-color:  transparent transparent #FFFFFF transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  right:27px;
  top: -20px;
}


.help-bubble {
  background-image: url(/images/help_book.png);
  background-repeat: no-repeat;
  background-position: 6px 6px;  
  background-color:#FFFFFF;
  border:2px solid #5F89B7;
  line-height:1.3em;
  font-size: 0.9em;
  color: #333333;
  margin:5px auto;
  margin-top: 10px;
  padding:10px;
  padding-left: 40px;
  padding-bottom: 10px;
  position:absolute;
  top: 0px;
  left: 0px;
  text-align:left;
  width:250px;
  z-index: 5555;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}

.div_accept_button { margin-top: 2px !important; }
.div_close_button { margin-top: 2px !important; }

.help-bubble-arrow-border {
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
}

.help-bubble-arrow {
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
}

.help-bubble-arrow-topleft            { left:50px; top: -20px; border-color:  transparent transparent #FFFFFF transparent; }
.help-bubble-arrow-border-topleft     { left:50px; top: -22px; border-color: transparent transparent #5F89B7  transparent; }
.help-bubble-arrow-topright           { right:50px; top: -20px; border-color:  transparent transparent #FFFFFF transparent; }
.help-bubble-arrow-border-topright    { right:50px; top: -22px; border-color: transparent transparent #5F89B7  transparent; }
.help-bubble-arrow-bottomleft         { left:50px; bottom: -20px; border-color: #FFFFFF transparent transparent transparent; }
.help-bubble-arrow-border-bottomleft  { left:50px; bottom: -22px; border-color: #5F89B7 transparent transparent transparent; }
.help-bubble-arrow-bottomright        { right:50px; bottom: -20px; border-color: #FFFFFF transparent transparent transparent; }
.help-bubble-arrow-border-bottomright { right:50px; bottom: -22px; border-color: #5F89B7 transparent transparent transparent; }

/*
Help Bubbles
====================== 
*/
/* Common */
div#hb_back_to_list              { top: 50px; left: 5px; }
div#hb_first_time                { top: 105px; left: 705px; }
div#hb_use_filters               { top: 30px; left: 5px; }
/*div#hb_no_warehouses             { top: 48px; left: 391px; font-weight: normal; }*/ 
div#hb_no_warehouses             { top: 47px; left: 687px; font-weight: normal; } 

/* Stock */
div#hb_create_picklist           { top: 140px; left: 120px; }
div#hb_add_items                 { top: 260px; left: 655px; }
div#hb_quick_location            { top: 152px; left: 680px; }
div#hb_picklist_functions        { top: 15px; left: 480px; }
div#hb_merge_button              { top: -69px; left: 8px; }  

/* Split Collection */
div#hb_item_selection            { top: 180px; left: -20px; }
div#hb_move_all_tickbox          { top: 20px; left: -150px; font-size: 1em; }
div#hb_enter_split_details       { top: 15px; left: 20px;   font-size: 1em; font-weight: normal; }

/* View List */
div#hb_delete_list               { top: 140px; left: 260px; }
div#hb_delete_item               { top: 150px; left: 685px; } 

/* Confirm Stock */
div#hb_stock_enter_asset_id      { top: 269px; left: 57px; } 
div#hb_stock_enter_comment       { top: 289px; left: 484px; } 
div#hb_stock_save_and_confirm    { top: 144px; left: 207px; } 
div#hb_stock_enter_details       { top: 382px; left: 160px; } 
div#hb_stock_add_alteration      { top: 381px; left: 667px; } 

/* Confirm pick */
div#hb_pickconf_save_send        { top: 140px; left: 38px; } 
div#hb_pickconf_enter_values     { top: 287px; left: 49px; } 

/* Goods In */
div#hb_goodsin_new_order         { top: 141px; left: 101px; } 
div#hb_goodsin_receipt_link      { top: 102px; left: 611px; } 
div#hb_goodsin_receipt_link_low  { top: 373px; left: 618px; } 

/* Add Order */
div#hb_goodsin_order_information { top: 142px; left: 286px; } 
div#hb_goodsin_order_new_row     { top: 142px; left: 659px; } 
div#hb_goodsin_order_save        { top: 46px; left: 154px; } 
div#hb_goodsin_order_items       { top: 577px; left: 26px; } 
div#hb_goodsin_order_documents   { top: 393px; left: 657px; } 

/* Receipt */
div#hb_goodsin_receipt_save      { top: 31px; left: 179px; } 
div#hb_goodsin_receipt_values    { top: 287px; left: 52px; } 
div#hb_goodsin_receipt_new_item  { top: 142px; left: 661px; } 

/* Admins */
div#hb_admin_mainscreen          { top: 148px; left: 32px; } 
div#hb_admin_editdel             { top: 141px; left: 684px; } 
div#hb_admin_add                 { top: 144px; left: 233px; }  
div#hb_admin_location_stock      { top: 230px; left: 635px; } 

/* Customer */
div#hb_customer_editdel          { top: 138px; left: 685px; } 
div#hb_customer_add              { top: 141px; left: 66px; } 
div#hb_rate_add                  { top: 141px; left: 236px; } 

/* Product */
div#hb_product_editdel           { top: 138px; left: 685px; } 
div#hb_product_add               { top: 141px; left: 66px; } 

/* History */
div#hb_history_clear_params      { top: 336px; left: 692px; } 
div#hb_history_apply             { top: 377px; left: 12px; } 
div#hb_history_parameter         { top: 232px; left: 135px; } 
div#hb_history_types             { top: 161px; left: 508px; } 
div#hb_history_dates             { top: 144px; left: 151px; } 
div#hb_history_pdf               { top: 49px; left: 17px; } 

/* Invoice */
div#hb_invoice_editdel           { top: 258px; left: 670px; } 
div#hb_invoice_quickadd          { top: 30px; left: 102px; } 
div#hb_invoice_add               { top: 140px; left: 83px; } 
div#hb_invoice_finalise          { top: 141px; left: 760px; } 
div#hb_invoice_dropdown          { top: 143px; left: 420px; } 
div#hb_add_selected              { top: 45px; left: 301px; } 
div#hb_add_misc_charge           { top: 143px; left: 48px; } 

/* Report */
div#hb_report_selectreport       { top: 285px; left: 270px; } 
div#hb_report_filterfields       { top: 212px; left: 590px; } 

/* Customer Goods In */
div#hb_cgin_new_order            { top: 141px; left: 101px; } 
div#hb_cgin_current_status       { top: 102px; left: 590px; }
div#hb_cgin_save_new_order       { top: 141px; left: 188px; }
div#hb_cgin_order_details        { top: 303px; left: 136px; }
div#hb_cgin_address_details      { top: 367px; left: 589px; }
div#hb_cgin_customer_note        { top: 511px; left: 166px; }

div#hb_cgin_submitOrderButton    { top: 132px; left: 662px; }
div#hb_cgin_editOrderDocumentsButton { top: 37px; left: 550px; }
div#hb_cgin_editOrderDetailsButton   { top: 138px; left: 337px; }
div#hb_cgin_filters_editOrder    { top: 36px; left: -5px; }
div#hb_cgin_editOrder_form       { top: 258px; left: 158px; }
div#hb_cgin_editOrder_items      { top: 391px; left: 639px; }

div#hb_cgin_editOrderDetails     { top: 141px; left: 205px; }
div#hb_cgin_addDocs_list         { top: 451px; left: 555px; }
div#hb_cgin_addDocs_info         { top: 351px; left: 182px; }
div#hb_cgin_addDocs_choose_file  { top: 197px; left: 466px; }
div#hb_cgin_addDocs_goback       { top: 143px; left: 28px; } 

.batch-deploy-nav-block {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left !important;
}

.batch-deploy-progress {
    margin-top: 50px;
    margin-bottom: 50px;
}

.spinner {
    margin-top: 50px;
    margin-bottom: 50px;
}

#myProgress {
  width: 400px;
  background-color: grey;
  margin: auto;
}

#myBar {
  width: 1%;
  height: 30px;
  background-color: green;
}

label[for=customer_invoice_comment]
{
    vertical-align: top;
}