/* -------------------------------------------------------------------------------------------------

Load this stylesheet after printoverflow.css in your layouts to override the CSS to suit your needs.
This will allow you to update printoverflow.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

div.printoverflow span ol li p.inline-hints { color:#333; }

--------------------------------------------------------------------------------------------------*/

/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just div.printoverflow
--------------------------------------------------------------------------------------------------*/
div.printoverflow, div.printoverflow ul, div.printoverflow ol, div.printoverflow li, div.printoverflow span, div.printoverflow legend, div.printoverflow input, div.printoverflow textarea, div.printoverflow select, div.printoverflow p { margin:0; padding:0; }
div.printoverflow span { border:0;}
div.printoverflow em, div.printoverflow strong { font-style:normal; font-weight:normal; }
div.printoverflow ol, div.printoverflow ul { list-style:none; }
div.printoverflow abbr, div.printoverflow acronym { border:0; font-variant:normal; }
div.printoverflow input, div.printoverflow textarea, div.printoverflow select { font-family:inherit; font-size:inherit; font-weight:inherit; }
div.printoverflow span.comboselect input, div.printoverflow span.comboselect textarea, div.printoverflow span.comboselect select { font-size:90%; margin-left: 0px;}
div.printoverflow input, div.printoverflow textarea, div.printoverflow select { font-size:75%; margin-left: -200px;}
div.printoverflow input.photo_control { font-size:100%; margin-left: 0px;}
div.printoverflow input.button_photo_control { font-size:100%; margin-left: 0px;}
div.printoverflow input.btn { font-size:75%; margin-left: 0px;}
div.printoverflow a, div.printoverflow span { font-size:70%;}
div.printoverflow a.carousel_element { font-size:100%; margin-left: 0px;}
div.printoverflow legend { border:0; color: black; font-weight: bold; font-style: italic;}
div.printoverflow legend.bordered { border:1; color: black; font-weight: bold; font-style: italic;}


/* spanS & LISTS
--------------------------------------------------------------------------------------------------*/
div.printoverflow span { border: 0;}
div.printoverflow span.inputs { }
div.printoverflow span.inputs legend { font-size: 75%; font-style: italic;}
div.printoverflow span.buttons { padding-left:5%; }
div.printoverflow span ol { }
div.printoverflow span.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the spans */
div.printoverflow span ol li { display: inline-block; }
div.printoverflow span:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] div.printoverflow span { display: block; }
* html div.printoverflow span { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li { margin-bottom:0.2em;}

/* clearfixing the li's */

div.printoverflow span ol li { display: inline-block; float: left; width:12%; padding-top: 16px;}
div.printoverflow span ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.printoverflow span ol li.carousel_element { width: auto; height: auto; padding-top: 0px;}

html[xmlns] div.printoverflow span ol li { display: block; }
* html div.printoverflow span ol li { height: 1%; }

div.printoverflow span ol li.required { }
div.printoverflow span ol li.optional { }
div.printoverflow span ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li label { display:block; float:left; margin-top:-16px; font-size:70%; padding-right:1px; padding-left: 2px; width:200px;}
#login_page div.printoverflow span ol li label { margin-bottom: 15px; color: #DEB961; font-weight: bold; display:block; float:left; margin-topX:-1px; font-size:100%; padding-right:1px; padding-left: 2px; width:200px;}
div.printoverflow span ol li li label { line-height:100%; padding-top:0; font-size:75%;}
div.printoverflow span ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;font-size:75%;}


/* NESTED spanS AND LEGENDS (radio, check boxes and date/time inputs use nested spans)
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li span { position:relative; }
div.printoverflow span ol li span legend { position:absolute; width:15%; padding-top:0.1em; }
div.printoverflow span ol li span legend span { position:absolute; }
div.printoverflow span ol li span legend.label label { position:absolute; }
div.printoverflow span ol li span ol { float:left; width:85%; margin:0; padding:0 0 0 35%; }
div.printoverflow span ol li span ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 5%; }
div.printoverflow span ol li ul.errors { color:#cc0000; margin:0.5em 0 0 5%; list-style:square; }
div.printoverflow span ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li.string input { width:90%; }
div.printoverflow span ol li.textarea input { width:90%; }
div.printoverflow span ol li.password input { width:90%; }
div.printoverflow span ol li.numeric input { width:90%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li.text textarea { width:90%; }
div.printoverflow span ol li pre { width:98%; }

/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li.boolean label { padding-left:5%; width:auto; }
div.printoverflow span ol li.boolean label input { margin:10px 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li.radio {}
div.printoverflow span ol li.radio span ol { margin-bottom:-0.6em; }
div.printoverflow span ol li.radio span ol li { margin:0.1em 0 0.5em 0; }
div.printoverflow span ol li.radio span ol li label { float:none; width:100%; }
div.printoverflow span ol li.radio span ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li.check_boxes { }
div.printoverflow span ol li.check_boxes span ol { margin-bottom:-0.6em; }
div.printoverflow span ol li.check_boxes span ol li { margin:0.1em 0 0.5em 0; }
div.printoverflow span ol li.check_boxes span ol li label { float:none; width:100%; }
div.printoverflow span ol li.check_boxes span ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
div.printoverflow span ol li.date span ol li,
div.printoverflow span ol li.time span ol li,
div.printoverflow span ol li.datetime span ol li { float:left; width:auto; margin:0 .3em 0 0; }

div.printoverflow span ol li.date span ol li label,
div.printoverflow span ol li.time span ol li label,
div.printoverflow span ol li.datetime span ol li label { display:none; }

div.printoverflow span ol li.date span ol li label input, 
div.printoverflow span ol li.time span ol li label input, 
div.printoverflow span ol li.datetime span ol li label input { display:inline; margin:0; padding:0;  }




div.printoverflow {width: 100%;}
div.printoverflow { background-color: #dddddd}

div.printoverflow input, div.printoverflow textarea, div.printoverflow select { font-size:32px; !important; margin-left: -200px;}
div.printoverflow { font-size:85% !important; margin-left: -0px;}
div.printoverflow input.btn { font-size:70% !important; margin-left: 0px;}
div.printoverflow a, div.printoverflow span { font-size:70%;}
div.printoverflow span.inputs legend { font-size: 70%; font-style: italic;}
div.printoverflow span ol li label { font-style: italic; font-weight: bold; font-size:75% !important; }
div.printoverflow span ol li li label { font-style: italic; font-weight: bold; line-height:100%; padding-top:0; font-size:75%;}
div.printoverflow span ol li li label input { font-style: italic; font-weight: bold; line-height:100%; vertical-align:middle; margin-top:-0.1em;font-size:75%;}
div.printoverflow span { font-size: 70%; }

form.formtastic { background-color: #dddddd}

form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:50%; margin-left: -200px;}
form.formtastic input.btn { font-size:70%; margin-left: 0px;}
form.formtastic a, form.formtastic span { font-size:70%;}
form.formtastic fieldset.inputs legend { font-size: 70%; font-style: italic;}
form.formtastic fieldset ol li label { font-style: italic; font-weight: bold; display:block; float:left; margin-top:-18px; font-size:75%; padding-right:1px; padding-left: 2px; width:200px;}
form.formtastic fieldset ol li li label { font-style: italic; font-weight: bold; line-height:100%; padding-top:0; font-size:75%;}
form.formtastic fieldset ol li li label input { font-style: italic; font-weight: bold; line-height:100%; vertical-align:middle; margin-top:-0.1em;font-size:75%;}
form.formtastic span { font-size: 70%; }
form.formtastic input { font-size: 70%; }
form.formtastic div.bordered { font-size: 70%; }

@media print {
  form.formtastic fieldset ol li.three_percent { width: 3%; }
  form.formtastic fieldset ol li.five_percent { width: 5%; }
  form.formtastic fieldset ol li.seven_percent { width: 7%; }
  form.formtastic fieldset ol li.nine_percent { width: 9%; }
  form.formtastic fieldset ol li.ten_percent { width: 10%; }
  form.formtastic fieldset ol li.eleven_percent { width: 11%; }
  form.formtastic fieldset ol li.twelve_percent { width: 12%; }
  form.formtastic fieldset ol li.thirteen_percent { width: 13%; }
  form.formtastic fieldset ol li.fifteen_percent { width: 15%; }
  form.formtastic fieldset ol li.sixteen_percent { width: 16%; }
  form.formtastic fieldset ol li.seventeen_percent { width: 17%; }
  form.formtastic fieldset ol li.eighteen_percent { width: 18%; }
  form.formtastic fieldset ol li.twenty_percent { width: 20%; }
  form.formtastic fieldset ol li.twenty_five_percent { width: 25%; }
  form.formtastic fieldset ol li.thirty_percent { width: 30%; }
  form.formtastic fieldset ol li.thirty_two_percent { width: 32%; }
  form.formtastic fieldset ol li.thirty_five_percent { width: 35%; }
  form.formtastic fieldset ol li.forty_percent { width: 40%; }
  form.formtastic fieldset ol li.fifty_percent { width: 50%; }
  form.formtastic fieldset ol li.fifty_five_percent { width: 55%; }

  form.formtastic fieldset ol li.nine_percent_team { width: 15%; }
  form.formtastic fieldset ol li.ten_percent_role { width: 15%; }
  form.formtastic fieldset ol li.ten_percent_print { width: 15%; }
  form.formtastic fieldset ol li.twelve_percent_print { width: 14%; }
  form.formtastic fieldset ol li.thirteen_percent_print { width: 17%; }
  form.formtastic fieldset ol li.fifteen_percent_print { width: 20%; }
  form.formtastic fieldset ol li.fifteen_percent_vin { width: 25%; }
  form.formtastic fieldset ol li.sixteen_percent_address { width: 27%; }
  form.formtastic fieldset ol li.seventeen_percent_print { width: 25%; }
  form.formtastic fieldset ol li.eighteen_percent_print { width: 35%; }
  form.formtastic fieldset ol li.twenty_percent_address { width: 35%; }
  form.formtastic fieldset ol li.twenty_seven_percent_address { width: 45%; }
  form.formtastic fieldset ol li.twenty_five_percent_address { width: 45%; }
  form.formtastic fieldset ol li.twenty_five_percent_print { width: 35%; }
  form.formtastic fieldset ol li.forty_percent_print { width: 60%; }

  div.printoverflow span ol li.nine_percent_team { width: 15%; }
  div.printoverflow span ol li.ten_percent_role { width: 15%; }
  div.printoverflow span ol li.ten_percent_print { width: 15%; }
  div.printoverflow span ol li.twelve_percent_print { width: 14%; }
  div.printoverflow span ol li.thirteen_percent_print { width: 16%; }
  div.printoverflow span ol li.fifteen_percent_print { width: 20%; }
  div.printoverflow span ol li.fifteen_percent_vin { width: 25%; }
  div.printoverflow span ol li.sixteen_percent_address { width: 27%; }
  div.printoverflow span ol li.seventeen_percent_print { width: 25%; }
  div.printoverflow span ol li.eighteen_percent_print { width: 35%; }
  div.printoverflow span ol li.twenty_percent_address { width: 35%; }
  div.printoverflow span ol li.twenty_five_percent_address { width: 45%; }
  div.printoverflow span ol li.twenty_five_percent_print { width: 35%; }
  div.printoverflow span ol li.forty_percent_print { width: 60%; }
}



img,
button {
  display: none;
}

.tiny_select {
  width: 15px;
}

.short_select {
  width: 36px;
}

.medium_short_select {
  width: 46px;
}

.medium_select {
  width: 63px;
}

.medium_medium_select {
  width: 72px;
}

.medium_long_select {
  width: 84px;
}

.long_select {
  width: 96px;
}

.extra_long_select {
  width: 129px;
}

.ultra_long_select {
  width: 180px;
}

.extra_ultra_long_select {
  width: 210px;
}

.extra_extra_ultra_long_select {
  width: 270px;
}

.button_small_extra_wide,
.button_small_wide,
.button_photo_control,
.no_print,
.photo_controls {
  display: none;
}

textarea {
  overflow: visible;
}

#weight_slip_container #header img {
  display: block;
  margin: 0 auto;
  margin-top: -12px;
}

@media print {
  #weight_slip_container {
    break-inside: avoid;
    page-break-inside: avoid;
    margin: 2px;
    padding: 0;
  }
}