html, body, form
{
	padding: 0px;
	background-color: #EEEEDD;
	margin: 0px;
	font-size: medium;
	font-family: "Segoe UI", Arial, sans-serif;
	height: 100%;
	width: 100%;
}

/* BackgroundColors */
.bcb { background-color: Black; }
.bc { background-color: #EEEEDD; }
.bcg { background-color: #4F4F4F; }
.bcDarkGray { background-color: #202020; }
.bcgG { background-color: #009900; }
.bcDG { background-color: #004800; }
.bcgLight { background-color: #606060; }
.bcr {background-color: Red;}
.bcDR { background-color: #960000; }
.bcw { background-color: White; }
.bcy { background-color: Yellow; }
.bcy1 { background-color: #FFFFCC; }
.bcy2 { background-color: #FFCC66; }
.bcg1 { background-color: #336633; }
.bcg2 { background-color: #4E794B; }
.bcg3 { background-color: #688D64; }
.bcg4 { background-color: #83A07C; }
.bcg5 { background-color: #9EB494; }
.bcg6 { background-color: #B9C7AC; }
.bcg7 { background-color: #D3DBC5; }
.bcr1 { background-color: #663333; }
.bcr2 { background-color: #794E4B; }
.bcr3 { background-color: #8D6864; }
.bcr4 { background-color: #A0837C; }
.bcr5 { background-color: #B49E94; }
.bcr6 { background-color: #C7B9AC; }
.bcr7 { background-color: #DBD3C5; }
.bcp { background-color: purple; }
/* ----- */

/* ForegroundColors */
.fb{color: Black;}
.fc{color:#EEEEDD;}
.fcb{color:#0000DD;}
.fcg{color: #006600;}
.fcw{color: White;}
.fcr{color: Red;}
.fcy{color: Yellow;}
.fcg1 { color: #336633; }
.fcg2 { color: #4E794B; }
.fcg3 { color: #688D64; }
.fcg4 { color: #83A07C; }
.fcg5 { color: #9EB494; }
.fcg6 { color: #B9C7AC; }
.fcg7 { color: #D3DBC5; }
.fcr1 { color: #663333; }
.fcr2 { color: #794E4B; }
.fcr3 { color: #8D6864; }
.fcr4 { color: #A0837C; }
.fcr5 { color: #B49E94; }
.fcr6 { color: #C7B9AC; }
.fcr7 { color: #DBD3C5; }
.fcgLink { color: #66FF33; }
.fcerr { color: #D82E2E; }
/* ----- */

/* GridView */
.GridViewStyle {
	border-right: 2px solid #8D6864;
	border-bottom: 2px solid #8D6864;
	border-left: 2px solid #B49E94;
	border-top: 2px solid #B49E94;
	padding: 4px;
}
.GridViewStyle a {
	color: #003300;
	font-weight: bold;
}
.GridViewHeaderStyle a { color: #FFFFFF; }
.GridViewHeaderStyle th {
	border-left: 1px solid #B49E94;
	border-right: 1px solid #B49E94;
}
.GridViewHeaderStyle { font-weight: bold; }
.GridViewFooterStyle { font-weight: bold; }
.GridViewRowStyle { }
.GridViewAlternatingRowStyle { }
.GridViewRowStyle td, .GridViewAlternatingRowStyle td { border: 1px solid #B49E94; }
.GridViewSelectedRowStyle { font-weight: bold; }
.GridViewPagerStyle { font-size: small; }
.GridViewPagerStyle table { margin: 0 auto 0 auto; } /* to center the paging links*/
/* ----- */

/* Miscellaneous */
.Background {
	position: fixed;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=40);
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.curHand { cursor: pointer; }
.dvLeft { float: left; }
.dvRight
{
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
}
.imgButton {
	vertical-align: top !important;
}
.fa-stack {
	display: inline-block;
	height: 2.2em;
	line-height: 5em;
	position: relative;
	vertical-align: top !important;
	width: 2.5em;
}
.dvFloatLeft {float: left;}
.dvFloatRight {float: right;}
.dvClearBoth {clear: both;}
.dvClearLeft {clear: left;}
.dvClearRight {clear: right;}
.dvRelative {position: relative;}
.dv10Week {width: 575px; height: 24px; float:left;}
.dv10Week_Circle {float:left;}
.dv10Week_weeksLabel {line-height: 24px; vertical-align:middle; float:left;}
.hidden { display: none; }
.invisible { width: 0px; display: none; }
.jobLink { color: #00FFFF; }
.marL20 { margin-left: 20px; }
.marT10 { margin-top: 10px; }
.nowrap { white-space:nowrap; }
.Pad5 { padding-left: 5px; padding-right: 5px; }
.Pad0 { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.Pad5Left {padding-left:5px;}
.PadL20 { padding-left: 20px; }
.VAM {
	vertical-align:middle;
}
.ZTop { z-index: 9999; }
.ZTop-1 { z-index: 9998; }
.AlternateRowCssClass
{
	background-color: #000000;
	color: #FFCC66;
}
.RowCssClass
{
	background-color: #000000;
	color: #FFFFFF;
}
/* ----- */

/* Tables */
.TblDefault
{
	border-width: 0px;
	margin: 0px;
	border-style: none;
	padding: 0px;
	border-collapse: collapse;
}
.Tbl3D
{
	border-style: solid;
	border-width: 3px;
	border-color: #B49E94 #794E4B #794E4B #B49E94;
	padding: 0px;
	margin: 0px;
}
.TblCenter 
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;}
.TblCenter tr td
{
	text-align:left;
}
tr.trBrdrBtm td
{
	border-bottom: 1pt solid #C0C0C0
}
.tdBrdrLft
{
	border-left: 1pt solid #C0C0C0;
	text-align: right;
}
.tdBrdrRght
{
	border-right: 1pt solid #C0C0C0;
	text-align: left;
}
.VTruck
{
	background-image: url('/img/VirtualTruck.png');
	background-position: bottom left;
	background-repeat:no-repeat;	
	padding-left: 20px;
	padding-bottom: 43px;
	min-height: 72px;
	width: 425px;
	bottom:0;
}
.CleanGreen {
    color: white;
    /*text-shadow: -1px 0px 2px #000000;*/
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
    background-color: #40B081; /*rgb(64,176,129)*/
    fill: #40B081;
}
.SoftHoldYellow
{
	color:black;
	text-shadow: -1px 0px 2px #ffffff;
	background-color: rgba(254, 215, 0, 1);
	fill: rgba(254, 215, 0, 1);
}
.HardHoldRed {
	color: white;
	background-color: #D82E2E; /*rgb(216, 46,46)*/
	fill: #D82E2E;
}
/*.btn {
    background-color: ButtonFace;
    padding: 6px 12px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: .25em;
}

.btn.redButton {
    background-color: #D82E2E;
    color: white;
    font-weight: bold;
}
.btn.blueButton {
    background-color: blue;
    color: white;
    font-weight: bold;
}
.btn.yellowButton {
	background-color: rgba(254, 215, 0, 1);
	color: black;
	font-weight: bold;
}
.btn.greenButton {
    background-color: #40B081;
    color: white;
    font-weight: bold;
}
.btn.disabled {
    background-color:lightgray;
    color:darkgray;
    font-weight:bold;
}*/

/* ----- */

/* Text */
.alignCenter { text-align:center; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.alignTop { vertical-align:top;}
.BigRed { font-size:3em; color:Red; }
.errMsg { font-size:large; font-weight:bold; color:Red; }
.goodMsg { font-size:large; font-weight:bold; color:Green; }
a.noDeco, .noDeco { text-decoration: none; }
.pgTitle { font-size:large; font-weight:bold; }
.tb { font-weight:bold; }
.ti { font-style:italic; }
.tn { font-weight: normal; }
.tl { font-size:large; }
.ts { font-size:small; }
.tu { text-decoration: underline; }
.tupper { text-transform: uppercase; }
.txs { font-size:x-small; }
.txxs { font-size:xx-small; }
.t5em { font-size:0.5em; }
.t6em { font-size:0.6em; }
.t7em { font-size:0.7em; }
.t8em { font-size:0.8em; }
.t9em { font-size:0.9em; }
.t12em { font-size:1.2em; }
.t13em { font-size:1.3em; }
.t14em { font-size:1.4em; }
.t15em { font-size:1.5em; }
.t18em { font-size:1.8em; }
/* ----- */

/* ID Specific */
#dvCat
{
	border: medium inset #808000;
	width: 250px;
}
/* ----- */

/* Panels */
.panelCSSnormal {
	width: 100%;
	position: relative;
}
.panelCSSIsSplit {
	width: 100%;
	background: linear-gradient(to bottom, rgba(128,128,0,0) 60%, rgba(128,128,0,1));
	position: relative;
}
.panelCSSIsSplit_solid {
	background-color: #808000;
	position: relative;
}
.panelCSShours {
	width: 100%;
	/*background-color: #663300;*/
	background: linear-gradient(to bottom, rgba(102,51,0,0) 60%, rgba(102,51,0,1));
	position: relative;
}
.panelCSShours_solid, .panelCSShourshold_solid {
	background-color: #663300;
	position: relative;
}
.panelCSShoursService {
	width: 100%;
	background: linear-gradient(340deg, rgba(0,0,51,1) 50%, rgba(102,51,0,1) 50%);
	position: relative;
}
.panelCSShourshold {
	width: 100%;
	background: -webkit-linear-gradient(330deg, #330000 50%, #663300 50%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(330deg, #330000 50%, #663300 50%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(330deg, #330000 50%, #663300 50%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(340deg, #330000 50%, #663300 50%);
	position: relative;
}
.panelCSSService {
	width: 100%;
	/*background-color: #000033;*/
	background: linear-gradient(to bottom, rgba(0,0,51,0) 60%, rgba(0,0,51,1));
	position: relative;
}
.panelCSSService_solid {
	background-color: #000033;
	position: relative;
}
.panelCSSonHold {
	width: 100%;
	/*background-color: #330000;*/
	background: linear-gradient(to bottom, rgba(51,0,0,0) 60%, rgba(51,0,0,1));
	position: relative;
}
.panelCSSonHold_solid {
	background-color: #330000;
	position: relative;
}
.panelCSSsecondary {
	width: 100%;
	color: #FFFF66;
	/*background-color: #330066;*/
	background: linear-gradient(to bottom, rgba(51,0,102,0) 60%, rgba(51,0,102,1));
	position: relative;
}
.panelCSSsecondary_solid, .panelCSSsecondaryhold_solid {
	background-color: #330066;
	position: relative;
}
.panelCSSsecondaryhold {
	width: 100%;
	color: #FFFF66;
	background: -webkit-linear-gradient(330deg, #330000 50%, #330066 50%);
	background: -o-linear-gradient(330deg, #330000 50%, #330066 50%);
	background: -moz-linear-gradient(330deg, #330000 50%, #330066 50%);
	background: linear-gradient(340deg, #330000 50%, #330066 50%);
	position: relative;
}
.panelCSSstarted {
	width: 100%;
	/*background-color: #003300;*/
	background: linear-gradient(to bottom, rgba(0,51,0,0) 60%, rgba(0,51,0,1));
	position: relative;
}
.panelCSSstarted_solid {
	background-color: #003300;
	position: relative;
}
.panelCSSBssSellingOnly {
	width: 100%;
	background: linear-gradient(to bottom, rgba(30,144,255,0) 60%, rgba(30,144,255,1)); /*dodgerblue;*/
	position: relative;
}
.panelCSSBssSellingOnly_solid {
	background-color: rgba(30,144,255,1); /*dodgerblue;*/
	position: relative;
}
.panelCSSResidential {
	background: linear-gradient(to bottom, rgba(204,102,0,0) 60%, rgba(204,102,0,1));
	position: relative;
}
.panelCSSResidential_solid {
	background-color: rgba(204,102,0,1);
	position: relative;
}



.panelForeman {
	width: 100%;
}
.panelForeman legend
{
	color: #FF9900;
	font-size:1.3em;
}
.panelJob
{
	width: 100%;
	position:relative;
}
.panelJob legend
{
	color: #66FF33;
}
.panelLoad
{
	width: 100%;
}
.panelLoad legend
{
	color: #FF9900;
	font-size:1.3em;
}
.panelMapSquare
{
	height: 600px;
	width: 600px;
}
.panelMapTall
{
	height: 800px;
	width: 400px;
}
.panelMapWide
{
	height: 400px;
	width: 800px;
}
.panelShipment
{
	width: 100%;
}
.panelShipment legend
{
	color: #66FF33;
}
/* ----- */

/* Divs */
.eLogo
{
	border: 0px none;
	text-align: left;
	text-decoration: none;
	float: left;
}
.eData 
{ text-align: left;
  font-size: .8em;
  float: left;
}
/*	Corners	*/
.radBL {
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
}
.radBR {
	-moz-border-radius-bottomright: 1em;
	border-bottom-right-radius: 1em;
}
.radTL {
	-moz-border-radius-topleft: 1em;
	border-top-left-radius: 1em;
}
.radTR {
	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
}

.roundedDiv
{
	-moz-border-radius: 1em;
	border-radius: 1em;
}
/* ----- */
.toggle-box 
{
    display: none;
}
.toggle-box + label 
{
    cursor: pointer;
    display: block;
    line-height: 12px;
    font-size: 0.8em;
    margin-bottom: 3px;
    margin-top: 3px;
}
.toggle-box + label + div 
{
    display: none;
    margin-bottom: 5px;
}
.toggle-box:checked + label + div 
{
    display: block;
}
.toggle-box + label:before 
{
    background-color: #4F5150;
    border-radius: 10px;
    color: #FFFFFF;
    content: "+";
    display: block;
    float: left;
    font-weight: bold;
    height: 15px;
    line-height: 12px;
    margin-right: 5px;
    text-align: center;
    width: 15px;
}
.toggle-box:checked + label:before 
{
    content: "\2212";
}
.TimeMachine
{
    position: fixed;
	bottom: 10px;
	right: 10px;
	width: 45px;
	height: 50px;
	background-color: Yellow;
	border: 2px solid black;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
    transition: height 350ms linear, width 350ms linear;
}
.TimeMachine div{
    opacity:0;
    transition: display 400ms linear, opacity 500ms ease-out;
}
.TimeMachine:hover
{
	width: 200px;
	height: 135px;
    transition: height 350ms linear, width 350ms linear;
}
.TimeMachine:hover div{
    opacity:1;
    transition: display 400ms linear, opacity 500ms ease-in;
}
.TimeMachine span
{
	font-size: medium;
	font-weight: bold;
}
.TimeMachine p
{
	font-size: x-small;
}
.SVGTooltip {
    pointer-events:none; /*let mouse events pass through*/
    opacity:0;
    text-shadow:1px 1px 0px gray;
}
g.SVGTooltip rect {
    fill: white;
    stroke: lightgray;
	stroke-width: 1px;
}
g.SVGTooltip text {
	fill:gray;
    stroke: gray;
	stroke-width:0px;
	font-size:0.8em;
}
.SSRect:hover + g.SVGTooltip.css {
  opacity:1;
}
.dv10Week svg {
	overflow:visible; 
}
.fabralBackgroundColor {
	background-color:#213867;
}
.centralStatesManufacturingBackColor {
	background-color:#862633;
}