html, form {
	margin: 0;
	padding: 0;
	height: 100%;
    font-family: Arial, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
    font-family: Arial, sans-serif;
}

table {
	margin-left: auto;
	margin-right: auto;
}

div#container {
	position: relative;
	margin: 0 auto;
	background: #FFF;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

div#header,
table#header_inner {
	padding: 10px 0;
	text-align: left;
	width: 100%;
}

div#container > br,
div#container > * > br {display: none;}

div#header table#header_inner {
	padding: 0;
}

div#container > div#header,
div#container div#ctl00_ProductionMasterControl1_header > table#header_inner {
	background: rgb(72,150,54);
	background: -moz-linear-gradient(top,  rgba(72,150,54,1) 0%, rgba(19,128,66,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,150,54,1)), color-stop(100%,rgba(19,128,66,1)));
	background: -webkit-linear-gradient(top,  rgba(72,150,54,1) 0%,rgba(19,128,66,1) 100%);
	background: -o-linear-gradient(top,  rgba(72,150,54,1) 0%,rgba(19,128,66,1) 100%);
	background: -ms-linear-gradient(top,  rgba(72,150,54,1) 0%,rgba(19,128,66,1) 100%);
	background: linear-gradient(to bottom,  rgba(72,150,54,1) 0%,rgba(19,128,66,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#489636', endColorstr='#138042',GradientType=0 );
}


td#left {
	padding-left: 20px;
	width: 230px;
	vertical-align: top;
	text-align: left;
}

table#header_inner td#left,
table#header_inner td#right {
	vertical-align: middle;
}

td#right {text-align: left;}

td#login {
	text-align: left;
	padding-right: 20px;
	color: #fff;
}

td#login a {
	color: #fff;
}

div#login_bg {
	width: auto;
	float: right;
}

div#login_bg span {
	color: #fff !important;
}

div#login_left {
	padding: 4px 5px 7px 5px;
	text-align: center;
}

td#tabs {
	text-align: left;
	padding-top: 5px;
}

table#header_inner td#tabs img,
table#header_inner td#tabsOld {
	display: none;
}

#ctl00_ProductionMasterControl1_quickLinks {
	border-bottom: none !important;
	padding: 6px 0 7px 20px !important;
	background: rgb(238, 238, 238);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
}

#ctl00_ProductionMasterControl1_quickLinks a {
	color: rgb(0, 162, 6);
}

#ctl00_ProductionMasterControl1_quickLinks a:hover {
	color: rgb(0, 71, 3);
}

#ctl00_ProductionMasterControl1_quickLinks * {
	padding-right: 8px;
	font-size: 14px;
}

div#content {
	padding: 1em 1em 5em;
	text-align: left;
}

table#content_inner {width: 100%;}

div#content p {
	text-align: justify;
	padding: 0 1em;
}

div.bar, div#bar {
	background: url( /Content/Images/tab_bg.gif ) repeat-x top left;
	height: 22px;
	text-align: left;
}

table.bar_inner, table#bar-inner {
	text-align: left;
	width: 100%;
	padding-top: 3px;
}

div.bar, div#bar {display: none;}

a, a.link, a.visited {
	color: #0000FF;
	text-decoration: underline;
}

.StandardHeaderTD {
	border-bottom: dashed 1px #A9A9A9;
	padding: 10px 0 10px 0;
	margin: 0;
	text-align: left;
}

.StandardHeaderText, a.StandardHeaderText, a.StandardHeaderText:visited {
	font-weight: bold;
	font-size: 20px;
	color: #EEA400;
	text-decoration: none;
}

a.StandardHeaderText:hover {
	text-decoration: underline;
}

.StandardTD {padding-right: 15px;}

.error, .red {color: red;}

.break {display: block}

a.shipLink {
	font-size: xx-large;
	font-weight: bold;
}

div.canvasShippingProdDealine {float: right;}

span.canvasShippingProdDealine {
	font-size: xx-large;
	font-weight: bold;
}

div.packing-slip-notes {
	font-size: 20px;
	color: green;
}

div.external-order-id {font-size: 20px;}

div.ScreenPrinting-Employees-LeftBox {
	float: left;
	width: 400px;
}

div.ScreenPrinting-Employees-RightBox {
	float: right;
	width: 400px;
	position: relative;
	top: -70px;
}

.ScreenPrinting-Employees-Box {width: 400px;}

.ScreenPrinting-Employees-Center {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 100px;
}

.store419 {color: #ED2798;}

.store601 {color: #F06628;}


/* ========================= */




tr span b {
	display: block;
	margin-top: -3px;
	font-size: 13px;
}

h2, .hold-for-jig {
	font-size: 15px;
	margin: 5px 0;
}

.review-page .TableCell textarea {
	max-width: 200px;
	min-height: 75px;
}

div#footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
	background: #DBDBDB;
	border-top: solid 1px #898989;
}

table#footer_inner {width: 100%;}

div#footer p {
	padding: 3px;
	margin: 0;
}

.menuItemActive {
	height: 25px;
	background: url( <%= Model.MenuActive %> ) repeat-x top left;
	padding: 0;
	margin: 0;
}

.menuItemActive_right {
	height: 25px;
	background: url( <%= Model.MenuActiveRight %> ) no-repeat top right;
	padding: 0;
	margin: 0;
}

.menuItemActive_left {
	height: 25px;
	background: url( <%= Model.MenuActiveLeft%> ) no-repeat top left;
	padding: 0;
	margin: 0;
}

.menuItemActive_text, 
a.menuItemActive_text, 
a.menuItemActive_text:link, 
a.menuItemActive_text:hover, 
a.menuItemActive_text:visited {
	color: #D6E7FF;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 5px 0 5px;
}

.menuItemPassive {
	height: 25px;
	background: url( <%= Model.MenuPassive%> ) repeat-x bottom left;
	padding: 0;
	margin: 0;
}

.menuItemPassive_right {
	height: 25px;
	background: url( <%= Model.MenuPassiveRight%> ) no-repeat bottom right;
	padding: 0;
	margin: 0;
}

.menuItemPassive_left {
	height: 25px;
	background: url( <%= Model.MenuPassiveLeft%> ) no-repeat bottom left;
	padding: 0;
	margin: 0;
}

.menuItemPassive_text, 
a.menuItemPassive_text, 
a.menuItemPassive_text:link, 
a.menuItemPassive_text:hover, 
a.menuItemPassive_text:visited {
	color: #606060;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 5px 0 5px;
	text-align: center;
}
/* Faux Table
   ========================================================================== */
.faux-table__row {
    display: table;
    width: 100%;
}
.faux-table__col.sortable {
    cursor: move;
}
.faux-table__col {
    display: table-cell;
    min-width: 300px;
}

/* Production Queued Jobs columns
   ========================================================================== */
.queued-jobs {

}
.queued-jobs label,
.queued-jobs b,
.queued-jobs a{
    display: inline-block;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px;
}