body {
/*background-color: #f5f5dc;*/
  color: #333;
}

body, p, ol, ul, td {
  font-family: arial, verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

pre {
  background-color: #eeeeee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table-cell;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.errorMessagesForRolls {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

.errorMessagesForRolls h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

.errorMessagesForRolls p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

.errorMessagesForRolls ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

div.greige_style_combo_width {
  width: 500px;
  padding: 10px;
}

.heading {
  color: #000042;
  border-style: solid;
  border-color: #C0C0A5;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  font-size: 115%;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 2px;
  clear: left;
}

#subheading {
  color: #000042;
  border-style: solid;
  border-color: #C0C0A5;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  font-size: 110%;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;

}

.subheading {
  color: #000042;
  border-style: solid;
  border-color: #C0C0A5;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  font-size: 110%;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;

}

.plainheading {
  color: #000042;
  border-style: solid;
  border-color: #C0C0A5;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  font-size: 110%;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;

}

#form {
/*	background-color: none;*/
  padding-top: 10px;
  padding-bottom: 3cm;
  padding-left: 10px;
  padding-right: 10px;
  clear: left
}

td.menu, td.menu:link, td.menu:visited {
  background: #dca;
  border: 1px solid #000;
}

td.menu:hover {
  color: #fff;
  background: #003333;
}

div.info {
  position: relative; /*this is the key*/
  z-index: 24;
  text-decoration: none
}

div.info:hover {
  z-index: 25;
}

div.info span {
  display: none
}

div.info:hover span {
/*the span will display just on :hover state*/
  display: block;
  position: absolute;
  top: 2em;
  left: 2em;
  border: 1px solid #000000;
  background-color: #FFFFCE;
  color: #000;
  font-size: 10px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

/*----Standard Listing Table Formatting Starts here----*/

table.list_table {
  width: 1100px;
  border-collapse: collapse;
}

table.list_table th {
  text-align: left;
}

table.list_table a:visited {
  color: #777;
}

table.list_table a:hover {
  color: #000;
}

table.list_table th {
  padding: 3px 3px 3px 3px;
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  background-color: #C0C6C0;
}

table.list_table tr {
  vertical-align: top;
}


tr.editable, tr.editable_invoice, tr.editable_manual_invoice,tr.editable_Invoice, div.editable {
  background: #F0F2F4;
  vertical-align: top;
}

tr.editable_without_hover {
  background: #F0F2F4;
  vertical-align: top;
}

tr.editable_credit_memo {
  background: #ecec00;
  vertical-align: top;
}

table.list_table tr.highlighted {
  background: yellow;
}

tr.editable:hover, tr.editable_invoice:hover, tr.editable_manual_invoice:hover, tr.editable_Invoice:hover, div.editable:hover {
  background: #DDDDFF;
  color: #111;
}

tr.editable_credit_memo:hover {
  background: #DDDDFF;
  color: #111;
}

tr.unfaxed_ship_to {
  background: #ECEC00;
}

tr.unfaxed_ship_to:hover {
  background: #DDDDFF;
  color: #111;
}

table.list_table td {
  padding: 3px 3px 3px 3px;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

tr.editable td.ops a {
  visibility: collapse;
}

tr.editable_manual_invoice td.ops a {
  visibility: collapse;
}

tr.editable_invoice td.ops a {
  visibility: collapse;
}

tr.editable:hover td.ops a {
  visibility: visible;
}

tr.editable_manual_invoice:hover td.ops a {
  visibility: visible;
}

tr.editable_invoice:hover td.ops a {
  visibility: visible;
}


tr.editable_credit_memo td.ops a {
  visibility: collapse;
}

tr.editable_credit_memo:hover td.ops a {
  visibility: visible;
}

/*----Standard Listing Table Formatting Ends here----*/

table.listing th {
  font-weight: bold;
  font-size: 11px; /*width: 10%;*/
}

table.print_small_cuts th {
  font-weight: bold;
  font-size: 11px;
}

table.print_small_cuts td {
  font-size: 11px;
}

table.listing td {
  font-size: 11px;
  width: 10%;
}

div.left {
  position: relative;
  float: left;
  display: block;
  width: 40%;
}

div.right {
  position: relative;
  float: right;
  display: block;
  width: 40%;
}

table.multiselect_table {
  border-width: thin thin thin thin;
  border-spacing: 2px;
  border-style: solid;
  border-collapse: collapse;
  width: 100%;
}

table.multiselect_table th {
  border-width: 1px 1px 1px 1px;
  padding: 2px 3px 2px 3px;
  border-style: solid;
  background-color: ActiveCaption;
}

table.multiselect_table td {
  border-width: 1px 1px 1px 1px;
  padding: 2px 3px 2px 3px;
  border-style: solid;
  background-color: whitesmoke;
}

div.multiselect_div {
  width: 978px;
  height: 100px;
  overflow: auto;
  background-color: gray;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}

/*a { color: #000; }*/
a:visited {
  color: #666;
}

/*a:hover { color: #fff; background-color:#000; }*/

/*----- Menu section of CSS Starts -----*/

#navcontainer {
  background-color: rgb( 230, 255, 231 );
  margin: 0 auto;
  padding: 0 0 0 0;
  border-top: 2px solid rgb( 224, 237, 233 );
  border-bottom: 2px solid rgb( 224, 237, 233 );

}

/* to stretch the container div to contain floated list */
#navcontainer:after {
  content: ".";
  display: block;
  line-height: 0px;
  font-size: 0px;
  clear: both;
}

#nav, #nav ul {
  width: 100%;
  padding: 0pt;
  margin: 0pt;
  list-style: none;
  white-space: nowrap;
}

#logout_link {
  color:black;
}

#nav a, #nav a:link {
  margin: 7pt;
  padding: 3px 6px 3px;
  text-decoration: none;
  color: black;
}

#nav li:hover, #nav li#active:hover {
  background-color: rgb( 185, 224, 194 );
  color: rgb( 66, 99, 83 );
}

#nav li {
  border-right: 1px dashed rgb( 209, 227, 219 );
  padding: 3px 0px 3px;
  float: left;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  background-color: rgb( 230, 255, 231 );
}

#nav li#active {
  background-color: rgb( 180, 210, 200 );
  color: rgb( 96, 120, 111 );
}

#nav li ul {
  display: none;
}

#nav li:hover ul {
  display: block;
  position: absolute;
  width: auto;
  min-width: 18em;  
  padding-top: 5px;
  z-index: 900;
}

#nav li:hover ul li {
  text-align: left;
  float: none;
  border-top: 0px;
  border-bottom: 1px solid rgb( 224, 237, 233 );
  border-right: 0px;
}

#nav li:hover ul li a {
  border: none;
  margin: 0pt;
  color: black;
}

/*----- Menu section of CSS Ends -----*/


/*----- Ajax status section of CSS Ends -----*/
#ajax_status {
  float:right;
  margin-top: 6px;
  margin-right: 6px;
  visibility: hidden;
}
/*----- Ajax status section of CSS Ends -----*/

#print_date_label {
  display: block;
  width: 8%;
  text-decoration: none;
  float: left;
}

#print_date_value {
  display: block;
  width: 11%;
  text-decoration: none;
  float: left;
}

#filler {
  display: block;
  width: 50.5%;
  text-decoration: none;
  float: left;
}

#filler2 {
  display: block;
  width: 3%;
  text-decoration: none;
  float: left;
}

#filler3 {
  display: block;
  width: 0.5%;
  text-decoration: none;
  float: left;
}

#filler4 {
  display: block;
  width: 20%;
  text-decoration: none;
  float: left;
}

div.print_element {
  text-decoration: none;
  float: left;
  width: 20%;
}

div.print_element_with_higher_width {
  text-decoration: none;
  float: left;
  width: 43%;
}

div.right_justified_print_element {
  text-decoration: none;
  margin-left: 40em;
  text-align: right;
}

div.bold_print_element {
  display: block;
  text-decoration: none;
  float: left;
  width: 20%;
  font-weight: bold;
}

div.filler {
  display: block;
  text-decoration: none;
  float: left;
  width: 20%;
}

#print_move_order_label {
  display: block;
  width: 14%;
  text-decoration: none;
  float: left;
}

#print_move_order_value {
  display: block;
  width: 11%;
  text-decoration: none;
  float: left;
}

#print_from_address_label {
  display: block;
  width: 8%;
  text-decoration: none;
  float: left;
}

#print_from_address_value {
  display: block;
  width: 25%;
  text-decoration: none;
  float: left;
}

#print_ship_to_address_label {
  display: block;
  width: 8%;
  text-decoration: none;
  float: left;
}

#print_ship_to_address_value {
  display: block;
  width: 30%;
  text-decoration: none;
  float: left;
}

#print_shipper_label {
  display: block;
  width: 8%;
  text-decoration: none;
  float: left;
}

#print_shipper_value {
  display: block;
  width: 11%;
  text-decoration: none;
  float: left;
}

#print_total_bales_label {
  display: block;
  width: 12%;
  text-decoration: none;
  float: left;
}

#print_total_bales_value {
  display: block;
  width: 9%;
  text-decoration: none;
  float: left;
  font-weight: bold;
}

#print_total_yards_label {
  display: block;
  width: 12%;
  text-decoration: none;
  float: left;
}

#print_total_yards_value {
  display: block;
  width: 9%;
  text-decoration: none;
  float: left;
  font-weight: bold;
}

.newline {
  clear: both;
}

.print_header {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 4px;
}

.glaser_print_heading {
  clear: left;
  text-align: center;
}

.print_page_heading {
  clear: left;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}

tr.print_header th {
  width: 30%;
  font-size: 11px;
}

tr.print_data td {
  width: 30%;
  font-size: 11px;
}

tr.print_data_invoice td {
  font-size: 11px;
  background: #F0F2F4;
  vertical-align: top;
}

tr.print_charges td{
  font-size: 11px;
}

tr.print_charges_for_returns td{
  font-size: 11px;
}
tr.print_header_invoice th {
  font-size: 11px;
}

span.print_bale_listing_header {
  width: 15%;
  font-size: 11px;
  display: block;
  float: left;
}

span.print_yards_listing_header {
  width: 18%;
  font-size: 11px;
  text-align: right;
  display: block;
  float: left;
}

span.print_greige_style_header {
  width: 32%;
  font-size: 11px;
  text-align: right;
  display: block;
  float: left;
}

span.print_yards_per_piece_header {
  width: 32%;
  font-size: 11px;
  text-align: right;
  display: block;
  float: left;
}

.billing_info_label {
  display: block;
  width: 15%;
  float: left;
}

.billing_info_value {
  display: block;
  width: 15%;
  float: left;
}

#table_column {
  width: 55%;

}

.blank {

}

tr.print_footer td {
  font-size: 9px;
}

table.print_footer {
  border-style: solid;
  border-width: 1px;
}

.footer {
  display: none;
}

.content-wrapper {
  min-height: 100%;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

img.image_prop {
  vertical-align: middle;
  border-style: none;
}

#overlay {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #D3D3D3;
  z-index: 1000;
  opacity: .40;
}

#split_carton_dialog {
  visibility: hidden;
  position: absolute;
  left: 35%;
  top: 50%;
  width: 300px;
  margin: 100px auto;
  background-color: white;
  border: 1px solid #000;
  padding: 15px;
  text-align: left;
  z-index: 2000;
}

#roll_info_table {
  visibility: hidden;
  position: absolute;             
  left: 35%;
  top: 25%;
  margin: 100px auto;
  background-color: white;
  border: 1px solid #000;
  padding: 15px;
  text-align: left;
  z-index: 2000;
}

#logout_link {
  display: block;   
  float: right;
  text-align: right;
  top: 5px;
  right: 10px;
}

.title {
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
}

tr.piece_display_heading th {
  background-color: #D3D3D3;
  font-size: 15px;
  font-weight: bold;
}

tr.piece_display_data td {
  text-indent: 15px;
}

span.invoice_fields {
  width: 6.5%;
  float: left;

}

span.invoice_fields_value {
  width: 8%;
  float: left;
}

span.customer_code_fields_value {
  width: 16%;
  float: left;
}

div.page_links {
  position: relative;
  left: 28%;
  top: 20px;
}

span.greyed_page_number {
  color: gray;
}

span.red_page_number {
  color: red;
}

span.italic_text {
  font-style: italic;
}

span.underlined_text {
  text-decoration: underline;
  color: gray;

}

tr.no_border td {
  border: none;
}

.right-align {
  text-align: right;
}

.link_for_sort {
  text-decoration: none;
  color: black;
}

.image_for_sort {
  height: 1em;
  border: none;
}

.image_for_return {
  height: 2em;
  border: none;
}

#user_password_field, #user_new_password_field, #user_password_confirmation_field {
  margin-left: 12em;
  margin-bottom: 0.5em;
}

#user_new_password_field {
  margin-left: 12em;
}

#user_password_confirmation_field {
  margin-bottom: 2em;
}

.change_password_label {
  float: left;
}

.li_text {
  color: rgb( 66, 99, 83 );
}
.autocomplete_list{
    background-color:gainsboro;
}

.view_invoice_link {
  margin-left: 22em;
}

.carton_comments {
  background: cadetblue;
  text-align: left;
  color: white;
  width: 200px;
}

.normal_comments {
  text-align: left;
  width: 200px;
}

.lanvera_download_link {
  float: left;
  width: 20em;
}

.lanvera_send_link {
  margin-left: 3em;
}

.attention {
  text-align:center;
  visibility:hidden;
}

.scrollablediv {
    max-height:400px;
    overflow:auto;
}

#bale_lookup_result b {
  font-size: 14px;
}