@CHARSET "ISO-8859-1";

body {font-size: 0.75em; font-family: Verdana;}
div#banner-message {background-color: #FF6A15; color: black; font-weight: bold;}
div#freight-message {background-color: #c75a1c; color: black; font-weight: bold;}

table.schedule {width:100%; padding: 0px; border-spacing: 0px; border: 1px solid #CCCCCC; margin-top:5px;}
table.schedule td{font-size:1.1em; background-color: #EEEEEE; padding: 2px; border: 1px solid #CCCCCC; vertical-align: top;}
table.schedule th{font-size:1.1em; background-color: #EEEEEE; padding: 2px; border: 1px solid #CCCCCC;}
table.schedule th.scheduleheader, th.scheduleheader {font-size:1.3em; background-color: #DDDDDD; text-align:left; padding: 2px; border: 1px solid #CCCCCC;}
table.scheduleLinks td{padding-right: 50px; background-color: white; vertical-align: top;}
th,td {background: #EEEEEE;}

tr.odd td {background-color: #b6d9ea}

table.schedule th.driverslot {width: 8%; font-size: 1.2em;}

th.scheduledate {width: 18.4%;}
th.daylistorder {background: #DDDDDD; text-align:left;}
td.supplierOrderHeader {background:#252525; color: #FFFFFF; border-bottom: 3px solid #FF6A15; font-size:1.2em;}
td.supplierOrderHeader form {display: inline; float: right;}
a.supplierOrderPopper {float: right; color: white; font-weight: bold;}
a.supplierOrderEmail {float: right; color: white; font-weight: bold; margin-right: 5px;}

span.header {font-weight: bold; }
div.produced a, span.produced {font-weight: bold;}
div.scheduleOrder {margin: 1px;}

span.form1, div.form1 {background: #00CC99;} /* aqua */
span.form2, div.form2 {background: #66FFFF;} /* light blue */
span.form3, div.form3 {background: violet;} /* purple */
span.form4, div.form4 {background: #FFFF99;} /* yellow */
span.form5, div.form5 {background: #66FF66;} /* green */
span.form6, div.form6 {background: #FF9933;} /* orange */
span.form7, div.form7 {background: lightgreen;} /* light green */
span.form8, div.form8 {background: dodgerblue;} /* darker blue */
span.form9, div.form9 {background: red;} /* red */
span.schedcolor0, div.schedcolor0 {background: #FF9999;} /* pink */
span.schedcolor1, div.schedcolor1 {background: #BBBBBB;} /* grey */
span.schedcolor2, div.schedcolor2 {background: #D9C59F;} /* tan */


div.scheduleNote {border-left: 8px solid #FF6A15; padding-left: 2px;}
span.scheduleNote {font-weight: bold; color: black; padding-right: 3px;}
div.scheduleNote a.orderpopper {color: black; text-decoration: none;}

td.prodpellet, th.prodpellet {background-color: #ccffff;}
td.prodroller, th.prodroller {background-color: #ccffcc;}

span.graytag {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}


.hoverorder {margin-bottom: 2px;}
.orderbreak {border-bottom: 2px solid #CCCCCC;}
.hoverbar {background-color: #CBCBCB; }
.hoverbar.schedcolor1 {background: #A0A0A0;} /* grey */
.hoverbar.schedcolor2 {background: #00B370;} /* aqua */

span.currentOffset {font-weight: bold;}

span.valid {color: green;}
span.invalid {color: red;}


@media not print {
div#navigation {background: white; position:fixed; top: 0px; padding-top: 6px; padding-bottom: 4px; width: 99.8%; z-index: 50;}
div#header {position:fixed; top: 24px; clear: both; width: 99.8%; background:#252525; color: #EEEEEE; border-top: 3px solid white; border-bottom: 3px solid #FF6A15; padding: 7px 0px 7px 5px; font-size: 2.0em; font-weight: bold; z-index: 45;}
div#main-content {margin-top: 73px;}
}
@media print {
div#navigation {display:none;}
div#header {width: 99.8%; background:#252525; color: #EEEEEE; border-top: 3px solid white; border-bottom: 3px solid #FF6A15; padding: 7px 0px 7px 5px; font-size: 2.0em; font-weight: bold; z-index: 45;}
div#main-content {}
}

div#printnavigation {display:none;}
div#printheader {clear: both; width: 99.8%; background:#252525; color: #EEEEEE; border-top: 3px solid white; border-bottom: 3px solid #FF6A15; padding: 7px 0px 7px 5px; font-size: 2.0em; font-weight: bold; margin-top:5px;}
div#print-main-content {}

div#footer {clear: both; width: 99.8%; background:#252525; color: #FFFFFF; border-top: 3px solid #FF6A15; padding: 7px 0px 7px 5px; font-size: 2.0em; font-weight: bold; margin-top: 10px;}
div#footer-privacy {font-size: 0.5em; font-weight: normal;}
div#footer-privacy a {color: #FFFFFF;}

div.orderheader{background: #252525; border-bottom: 2px solid #FF6A15; font-size: 1.6em; font-weight: bold; color: #FFFFFF; padding: 2px;}
div.orderheader span {float:left;}
div.orderheader a {float:right; color: white;}	

div.colall {width:100%; }
div.colleft {float: left; width: 50%; }
div.colright {float: left; width: 50%; }
div.colend {clear: both;}

ul#ordersheetdiv {width: 98%;}
div.osField {display: inline; font-size:0.80em; margin-right: 8px;}
li.ordersheet {background: #EEEEEE; vertical-align: bottom;}
li.ordersheet.invalid {background: #FFCCCC; vertical-align: bottom;}
div.osField span {margin-right: 8px; vertical-align: bottom; line-height: 25px;}
span.padleft {padding-left:10px;}

div.scheduleleft span {font-size:0.80em;}
a img {position:relative; top: 2px; border: none; }
a.black {color: black;}
a.orderpopper, a.historypopper, a.changepopper {color: black;}

.myMenu {display: inline;}
.myMenu li {list-style:none; float: left; }
.myMenu li a {display: block; color: #000000; text-decoration: none; font-size:1.1em;}
.myMenu li b {display: block; color: #000000; text-decoration: none; font-size:1.1em;}
.myMenu li a:hover {color: #DD3311; outline: 0;}
.myMenu li a.menuitem {border-right:1px solid #FF6A15; border-left: 1px solid #000000; padding-left: 10px; padding-right: 10px;}
.myMenu li a.firstmenuitem { border-right:1px solid #FF6A15; padding-right: 10px;}
.myMenu li a.lastmenuitem { border-left: 1px solid #000000; padding-left: 10px; }
.myMenu li a.lastmenuitem { border-left: 1px solid #000000; padding-left: 10px; }

.myMenu li ul {
	position:absolute;
	visibility:hidden;
	border-top:1px solid #fff;
	margin:0;
  padding:0;
  max-height: 550px;
  overflow-y: auto;
}

.myMenu li ul li {
	display:inline;
	float:none;
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color:#FFFFFF;
	width:auto;
	padding-left: 5px; padding-right: 5px; 
}
.myMenu li ul li b {
	background-color:#FFFFFF;
	width:auto;
	font-size: 0.9em;
	padding-top: 10px; padding-right: 5px; padding-left: 5px;
	text-decoration: underline; 
}

.myMenu li ul li a:hover { padding-left: 5px; padding-right: 5px;  background-color:#FFFFFF; color: #DD3311; }
.ui-dialog-scrollfollow {position: fixed !important}

.ui-dialog table.productDetail th {background: #F6A828;  color: #FFFFFF;}
ul.errorlist {color:red;}

td.toggle {cursor: pointer;}
td.completed {font-weight: bold;}

.btn-big {
	
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #9fa5a8;
  color: #FFF;
  text-decoration: none;
}
.btn-big:hover {
  background: #7f8487;
  text-decoration: none;
}


.btn-big-primary {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #FFF;
  text-decoration: none;
}
.btn-big-primary:hover {
  background-color:#3071a9;
  border-color:#285e8e
  text-decoration: none;
}