@charset "UTF-8";

/* style sheet for Simplot Label Printing */

/*------------ color guide ---------------
#6570A6 : dark purple text|button background|page title
#D3D3D3 : button hover background
#808080 : button border
#566194 :
#A8ADCD : menu bar background
#B8AF87 : odd detail rows
#8790B8 : even detail rows */

/* to jump to a specific section, search for the unique character pair
	at the front of each TOC section
	<<< tip, highlight the special character and
		use the shortcut for Find Section Cntr + Shift + G >>> */
	
/* ----- Style sheet Table of Contents -----
	^1 Global constants
	^2 CSS reset
	^3 Global classes
	^4 Home page
	^5 Top-level layout
	^6 Region detail styles
		^6a Header
			^6b Top bar
			^6c Nav bar
			^6d pageTitle bar
		^6e Footer
	^7 SelectBillTo page
	^8 Manage Lead Times page
	^9 jQuery datepicker
	^10 Order List/Template List pages
	^11 Order Entry/Update/Detail pages
 ----- END OF Table of Contents ----- */
 
/* ^1 ---------- global constants ----------- */
html, body {
	background-color: #fff;
	clear:both;
	color: #333;
	height:100%; 
	padding-bottom: 27px; /* Allow for fixed footer (height of 27px) */
	vertical-align: middle;
	width: 100%;
}

body, p, ol, ul  {
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
}
#outerWrapper {
	border: none;
	margin: 0 auto;
	overflow: auto;
	padding: 0 0 .5em 0;
	z-index: 1;
}
ul#nav+div#outerWrapper {
	border-right: 1px solid #336666;
	border-bottom: 1px solid #336666;
	border-left: 1px solid #336666;
	clear: both;
	padding-top: .5em;
}

/* ^2 ---------- limited-scale reset ----------- */

h1,h2,h3 {
	clear: both;
}

/* ^3 ------ global classes ------ */

#wrapper {
	background: #fff;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	width: 100%;
}

.errorMsg {
	background:#f0f0f0;
	color:red;
	font-weight:bold;
	text-align:center;
	padding: 5px 65px 5px 65px;
}

.small {
	font-size:.75em;
}

/* --------------------- link_to who looks like button --------------*/
a.button,a.buttonDisabled {
	border: 2px solid gray;	
	display: inline-block;
	font-size: 11px;
	font-style: normal;
	font-weight:normal;
	padding: 3px 5px;
	text-decoration: none;
	vertical-align:middle;
	white-space: nowrap; 
}
a.button {
	background-color: #6570A6;  /* dark purple */
	color: #fff;
}
a.button:hover {
	background-color: #d3d3d3;    /* Light Gray */ 
	color: black;  /* dark purple */
}

a.buttonDisabled {
	background-color: #d3d3d3;
	border: 1px solid #ddd;
	color: #888;
	cursor: default;
}

input.button {
  color: white;
  background-color: #6570A6;  /* dark purple */
	border: 2px solid gray;	
}
input[readonly="readonly"], select[disabled="disabled"], textarea[disabled="disabled"], input.hasDatepicker {
	background-color:#ddd;
	color: #000;
}

.underline {
	color:#3D4678;
	text-decoration:none;
	border : none;
}

a.underline {
	line-height: 12pt;
}

a.underline:hover {
	color:#FFF;
	background-color:#3D4678;
}

table {
	border-collapse:separate;
/*	border-spacing:2px; */
	text-indent:0;
}

/*
th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	vertical-align: top;
}

th {
	font-weight: bold;
}

td {
	font-weight: normal;
}
*/

table#errorMsg {
	clear:both;
}
form table.edit {
	margin: 0 auto;
}
table.edit td:first-child {
	font-size: .9em;
	font-weight:bold;
	padding-right: .75em;
	text-align:right;
}
table.edit tr.required label, table.edit tr.required span {
	color: #F00;
}
table.edit tr.required input, table.edit tr.required select {
	border-color: #F00;
	background-color: #FFE6E6;
}
table.edit tr.requiredok label {
	color:#00A400;
}
table.edit #btnSubmit:hover {
	cursor:pointer;
}
table.edit #btnSubmit[disabled]:hover {
	cursor:default;
}
/* Login */
table.login {
	background-color:#A8ADCD;
	border:1px solid #2F3D8B;
	border-collapse:collapse;
	clear:both;
	margin:0 auto;
 	margin-top:1.5em;
	width:450px;
}
table.login td {
 padding:5px;
}
table.login td hr {
	height:1px;
	width:100%;
}
table.login>tbody>tr:first-child>td:first-child+td {
	width: 100px;
}
table.login table {
	background-color: #A8ADCD;
	border: 1px solid #2F3D8B;
	margin: 1.5em auto 0 auto;
	width: 450px;
}
table.login table td {
	padding: 5px;
}
/* END OF Login */

/* flash notification messages */
div.notice-notice, div.notice-error, div.notice-info {
  border-color: black;
	clear: both;
  color: #000;
	display: none;
	font-size: 12px;
	font-weight: bold;
  margin: 0;
  padding: 5px 10px;
  text-align: center;
}
div.notice-notice {
  background-color: #90ee90;
}
div.notice-error {
  background-color: #f16e6e;
}
div.notice-info {
  background-color: #7f99ef;
}
.hidden {
	display: none;
}
.full {
	width: 100%;
}
.half {
	width: 50%;
}

/* ^4 --------------------- home page styles ------------------- */


/* ^5 --------------------- top-level region layout styles ------------------- */
/* top-level regions are header, mainNav, mainContent, sidebar, & footer */
#body, #topbar, #menuBar, #adminMenuBar, #bottombar {
	width: 100%;
}
div.pageMainDiv {
	clear: both;
	margin-bottom: 27px;
	margin-left: 0;
	margin-right: auto;
	margin-top: auto;
	min-height: 100%;
	position: relative;
	width: 100%;
}
div.pageMainDiv>table {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
div.pageMainDiv>table td {
 margin-left:auto;
 margin-right:auto;
 vertical-align:top;
}
div.pageContent {
	clear: both;
	margin: 0 auto;
	padding-bottom: 30px;
	padding-top: 7px;
	width: 98%;
}
div.pageContent p {
	margin-top: .7em;
	margin-bottom: .7em;
}
div.pageContent p.msg {
	color: #F00;
}

/* top bar */
#topBar {
	background: url(../images/top_bar_bgd.gif) left repeat-x;
	height:70px;
	position: relative;
	text-align:center;
	width: 100%;
}

#topBarTitle {
	position:relative;
	width:20em;
	margin: 0 auto;
	bottom: -25px;
	font-family:"Times New Roman", Times, serif;
	font-size: 2em;
	font-style:italic;
	font-weight:bold;
	color: #CCC;
	z-index:9;
}

#topBarLeft {
	background: url(../images/top_bar_left.gif) top left no-repeat;
	width: 360px;
	height:100%;
	border-width:0;
	position:absolute;
	left: 0;
	top: 0;
}

#topBarRight {
	background: url(../images/top_bar_right.jpg) bottom right no-repeat;
	height:51px;
}

#topBarDateRight {
	position:absolute;
	right:0;
	top:0;
	z-index:0;
}

#topBarDate, #topBarRight {
	width: 420px;
}

#topBarDate {
	background: url(../images/top_bar_date.jpg) top right no-repeat;
	height:19px;
	text-align: center;
	font-size : 0.8em;
	line-height : 1.6em;
	color: #FFF;
	position: relative;
}

#dateTime {
	position:absolute;
	right: 0px;
	width: 285px;
	text-align:center;
	color:#555;
}

	#topBarRight {
		background: url(../images/top_bar_right.jpg) bottom right no-repeat;
		height:51px;
	}
	#topBarRight a {
		position: absolute;
		right: 3px;
		bottom: 3px;
		color : #fff;
		font-size : .9em;
		line-height : 1.2em;
		text-decoration: none;
		cursor: pointer;
		text-align : right;
		vertical-align : bottom;
	}
	#topBarRight a:hover {
		cursor: pointer;
		font-size : 1.2em;
		line-height : 1.3em;
	}

li.navWeAreOnYourSide {
	background-image: url(../images/nav_weAreOnYourSide.gif);
	background-repeat: no-repeat;
	display:block;
	height: 21px;
	width: 142px;
}

/* menu */
#menuBar {
}
#menuList {
	margin:0;
	padding:0;
}

#menuList li {
	float:left;
	list-style: none;
}
table.pageTitleBar {
	border:none;
	border-collapse: collapse;
	border-spacing:0;
	clear:both;
	color: #6570A6;
	font-weight: bold;
	white-space: nowrap;
	width:100%;
}
table.pageTitleBar td.titleSimplotFoodGroup {
	background-image: url(../images/title_simplotFoodGroup.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 138px;
}
table.pageTitleBar td.pageTitle {
	font-size: 1.2em;
	font-style: italic;
	padding-left: 20px;
	text-align: left;
	white-space: nowrap;
}
table.pageTitleBar a.print,table.pageTitleBar a.csv  {
	border:none;
	margin-left:1em;
}
table.pageTitleBar td.osTitle {
	color: black;
	font-size: 12px;
	font-style: italic;
	padding-right: 7px;
	text-align: right;
}
table.pageTitleBar td.osTitle label {
	color: #6570A6;
	font-size: 10px;
	font-style: italic;
	padding-right: 7px;
}
table.key, table.data {
	color: #6570A6;
}
table.lineItem {
	border-collapse: collapse;
	color: black;
	empty-cells: show;
	text-align: left;
	text-decoration: none;
}
table.lineItem tbody tr.even {    
	background: #B8AF87;	/* kind of yellow-brown */	
}

table.lineItem tbody tr.odd {    
	background: #8790B8;   /* light purple */
}

table.lineItem tbody td {
	font-weight: normal;
	padding: 5px 4px;
	vertical-align: middle;
	white-space: normal; 
}
table.lineItem tbody td.oeLine_skuDesc_td {
	text-align:left;
}

li>a.underlinebig  {
	padding-left:2em;
}
.underlinebig {
	text-decoration:none;
	border : none;
	line-height: 18pt;
	font-size:17px;
	color: #2F3D8B;
}

a.underlinebig:hover {
	text-decoration:underline;
	border-width: 2px;
	font-weight: bold;
}

.whitelink {
	color:#ffffff;
	text-decoration:none;
	border : none;
	vertical-align: middle;
}

a.whiteLink:link, a.whiteLink:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
}

a.whiteLink:hover, a.whiteLink:active {
	color:#333300;
	background-color: #ffffff;
	text-decoration:none;
}

a.blacklink {
	color:black;
	text-decoration:none;
}

.blacklink {
	color:black;
	text-decoration:none;
	line-height: 12pt;
}

a.blacklink:hover {
	color:#FFF;
	background-color:#000;
	text-decoration:none;
}

.yellowlink, a.yellowlink {
	color:#FFC;
	text-decoration:none;
	border : none;
	line-height: 1.4em;
	font-size: .9em;
	white-space:nowrap;
}

a.yellowlink {
	border : none;
}

a.yellowlink:hover {
	background-color: #FFC;
	color: #6666CC;
	padding: 1px;
	font-size: 1em;
}

th.link {
	background-color: #A8ADCD;
	color: #000;
	font-weight: bold;
}

th.link {
	font-size: .8em;
}

span.link {
	font-weight: bold;
}

th.linkover, span.linkover {
	background-color: d0d0d0;
	cursor:pointer;
}

a.medPurple {
	color:#6570A6;
	text-decoration:none;
	border : none;
}

.medPurple {
	color:#6570A6;
	text-decoration:none;
	border : none;
	line-height: 12pt;
}

a.medPurple:hover {
	color:#6570A6;
	text-decoration:none;
	border : 1px solid black;
	padding: 1px;
}

a.lightPurple {
	color:#A8ADCD;
	text-decoration:none;
	border : none;
}

.lightPurple {
	color:#A8ADCD;
	text-decoration:none;
	border : none;
	line-height: 12pt;
}

a.lightPurple:hover {
	color:#A8ADCD;
	text-decoration:none;
	border : 1px solid black;
	padding: 1px;
}

.float {
	z-index: 0;
	position:static;
	top: 150px;
	left: 720px;
}

.borderTopBottomPurpleText {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	font-size: 12pt;
	font-weight: bold;
	color: #D8DAEF;
	vertical-align: middle;
}

table.errorMsg {
	width:100%;
}

form {
	margin: 0px;
	padding: 0px;
}

table.header, table.menu {
	border-collapse: collapse;
	border:none;
	margin: 0;
	padding: 0;
}

table.header th, table.header td, table.menu th, table.menu td, #heading {
	padding: 0;
	margin: 0;
}


tbody#invcFrght td {
	color: #000000;
	font-size: .6em;
	vertical-align: top;
}

.totals {
	background-color: #e0e0e0;
	text-align:right;
	vertical-align:bottom !important;
}

.boldbackground9 {
	color: #000000;
	background-color:#FFFF99;
	background-position:center;
	width: 230px;
	text-align:center;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
}

.boldblack6 {
	color: #000000;
	font-size: 6pt;
	font-weight: bolder;
}

.boldblack7 {
	color: #000000;
	font-size: 7pt;
	font-weight: bold;
	vertical-align: bottom;
}

.boldblack8 {
	color: #000000;
	font-size: 8pt;
	font-weight: bolder;
}

.boldblack9 {
	color: #000000;
	font-size: 9pt;
	font-weight: bolder;
}

.boldblack10 {
	color: #000000;
	font-size: 10pt;
	font-weight: bolder;
}

.boldblack12 {
	color: #000000;
	font-size: 12pt;
	font-weight: bolder;
}

.boldgreen14 {
	color: #009900;
	font-size: 14pt;
	font-weight: bolder;
	font-style:italic;
}

.smallboldfont9 {
	border-right: 1px solid Black;
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
}

.boldfont9 {
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
}

.smallfont {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}

.boxPad {
	margin-top: 10px;
	margin-bottom: 10px;
}

.border1 {
	border: 1px solid Black;
}

.blackSmall6 {
	font: normal 6pt Verdana, Arial, sans-serif;
}

.blackSmall7 {
	color: #000000;
	font-size: 7pt;
	font-weight: normal;
	vertical-align: bottom;
}

.blackSmall7Strike {
	color:#333333;
	font-size: 7pt;
	font-weight: normal;
	vertical-align: bottom;
	text-decoration: line-through;
}

.blackSmall8 {
	font: normal 8pt Verdana, Arial, sans-serif;
}

.blackTitle8 {
	font: normal bold 8pt Verdana, Arial, sans-serif;
}

.blackTitle10 {
	font: normal bold 10pt Verdana, Arial, sans-serif;
}

.blackTitle12 {
	font: normal bold 12pt Verdana, Arial, sans-serif;
}

.blackTitle14 {
	font: normal bold 14pt Verdana, Arial, sans-serif;
}

.blackTitle16 {
	font: normal bold 16pt Verdana, Arial, sans-serif;
}

.blackTitle10_smcaps {
	font: normal small-caps bolder 10pt Verdana, Arial, sans-serif;
}

.blackTitle12_smcaps {
	font: normal small-caps bold 12pt Verdana, Arial, sans-serif;
}

.blackTitle14_smcaps {
	font: normal small-caps bolder 14pt Verdana, Arial, sans-serif;
}

.blackTitle16_smcaps {
	font: normal small-caps bolder 16pt Verdana, Arial, sans-serif;
}

.sitedate {
	background-image : url(/fglabelprinting/images/top_bar_date.jpg);
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	text-align : center;
	vertical-align : middle;
	color : #FFFFFF;
	font-size : 14px;
	line-height : 16px;
}

.smallfont9Italic {
	color: #000000;
	font-size: 9pt;
	font-weight: normal;
	font-style: italic;
}

.invBgClr0 {
	background-color: #ffffff;
}

.invBgClr1 {
	background-color: #f0f0f0;
}

table.usersEdit th, table.usersEdit td, #tblUsersEditSelect th, #tblUsersEditSelect td {
	font-size:12px;
	padding: 1px;
}
#tblUsersEditSelect tr:hover td {
	background-color: #B8B887;
}
#tblUsersEditSelect tr:hover td a {
	color: #000;
}
#tblUsersEditSelect th {
	background:navy;
	color:white;
}


a.Head {
	color:white
}

a.Head:visited {
	color:white
}

a.Header {
	background:inherit;
	color:white;
	font-size:inherit
}

a.Header:visited {
	background:inherit;
	color:white;
	font-size:inherit
}

a.Header:hover {
	background:inherit;
	color:white;
	font-size:inherit
}

a.Header:link {
	background:inherit;
	color:white;
	font-size:inherit
}

.onhold {
	color:#F00;
}
	#menu {
		padding: 0;
		margin: 0;
	}

	#nav {
		float: left;
		width: 98%;
		margin: 0;
		padding: 0 1% 0 1%;
		list-style: none;
		background: #ffffff url(../images/btn_navBg.gif) repeat-x bottom;
	}
	
	#nav li {
		float: left;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .75em;
		font-weight:bold;
	}
	
	#nav a {
		margin-right: .3em;
		text-decoration: none;
	}
	
	#nav a.off {
		display: block;
		padding: .35em .3em;
		line-height: 1.35em;
		color: #606060;
		border: 1px solid #808080;
		border-bottom: none;
		background: #ffffff url(../images/btn_navOff.gif) repeat-x top left;
	}
	
	#nav a.off:hover {
		color: #ffffff;
		border: 1px solid #606060;
		background: #ffffff url(../images/btn_navOff1.gif) repeat-x top left;
	}
	#nav li.on {
		display: block;
		margin-right: .3em;
		padding: .45em .3em;
		border: 1px solid #404040;
		border-bottom: none;
		background: #ffffff url(../images/btn_navOn.gif) repeat-x top left;
	}
 @media screen {

#bottombar {
	background:url("../images/bottombar.jpg") no-repeat scroll 0 0 transparent;
	bottom: 0;
	height: 27px;
	margin-top: 0;
	opacity: 0.8;
	padding-top: 0;
	position: fixed;
	width: 100%;
	z-index: 500000;
}

#bottombar ul, #adminMenuBar ul {
	font-size: .8em;
	line-height: 27px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#bottombar li, #adminMenuBar li {
	text-align: center;
}

#bottombar li {
	width: 16%;
}

#bottombar a, #adminMenuBar a {
	text-decoration:none;
	padding: 0 0.4em;
}

#bottombar a {
	color:#ffffff;
}

#bottombar a:hover, #adminMenuBar a:hover {
	font-weight: bold;
}

#bottombar a:hover {
	color: #666666;
	background-color: #FFFFFF;
}

#adminMenuBar {
	background-color: #A4AAC9;
	height: 21px;
	width: 100%;
	margin-top: 0;
	padding-top: 0;
}

#adminMenuBar a {
	color: #036;
}

#adminMenuBar a:hover {
	color: #6666CC;
	background-color: #FFC;
}

#adminWelcome {
	width: 100%;
	margin: 1em auto 3em auto;
}

#adminWelcome td {
	text-align: center;
}

#termsLinks li, #adminLinks li {
	float: left;
}

#termsLinks li {
	border-right: thin solid #fff;
}

#adminLinks li {
	border-right: thin solid #FFC;
	line-height: 21px;
}
#adminLinks li.navWeAreOnYourSide {
	border-right: none;
	margin: 0;
	padding: 0;
}
#adminLinks li#navFoodGroupHome {
	width: 9em;
}
#adminLinks li#navFosCsr {
	width: 6em;
}
#adminLinks li#navLeadTime {
	width: 8em;
}
#adminLinks li#navModeList {
	width: 8em;
}
#adminLinks li#navWebZone {
	width: 7em;
}
#adminLinks li#navWebZoneCustomer {
	width: 13em;
}

#simplotWebLinks li {
	float: right;
	border-left: thin solid #ffffff;
	white-space:nowrap;
}

div.actionBar {
	clear: both;
	width: 100%;
}
ul.action {
	background-color: #A8ADCD;
	border-top: .5em solid #fff;
	list-style: none;
	margin: 0 auto .5em 0;
	padding: .5em 0;
	text-align: center;
}
ul.action li {
	display: inline;
	margin: 0 1em;
}

.scrollable {
	overflow: auto;
	margin-top: 5px;
}

.scrollable, .scrollableNone {
	margin: 0 auto 0 auto;
	padding: 0px;
}

.scrollableNone {
	height: auto;
	overflow: visible;
}

.scrollBox {
	border: #e0e0e0 outset 5px;
	height: 20em;
	width: 95%;
	margin: 0 auto;
	padding: 5px;
	background-color: #eeeeee;
	overflow: auto;
}

#tblContent #scrollable {
	scrollbar-arrow-color: #4e658a;
	scrollbar-3dlight-color: #777799;
	scrollbar-darkshadow-color: #666677;
	scrollbar-face-color: #a1b1c3;
	scrollbar-highlight-color: #e9e9e9;
	scrollbar-shadow-color: #a1b1c3;
	scrollbar-track-color: #e2e4ef;
}
}

.DTcpYearNavigation, .DTcpMonthNavigation {
	background-color:#6677DD;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

.DTcpDayColumnHeader, .DTcpYearNavigation, .DTcpMonthNavigation, .DTcpCurrentMonthDate, .DTcpCurrentMonthDateDisabled, .DTcpOtherMonthDate, .DTcpOtherMonthDateDisabled, .DTcpCurrentDate, .DTcpCurrentDateDisabled, .DTcpTodayText, .DTcpTodayTextDisabled, .DTcpText {
	font-family:arial;
	font-size:8pt;
}

td.DTcpDayColumnHeader {
	text-align:center;
	border:solid thin #6677DD;
	border-width:0 0 1px 0;
}

.DTcpCurrentMonthDate, .DTcpOtherMonthDate, .DTcpCurrentDate {
	text-align:center;
	text-decoration:none;
}

.DTcpCurrentMonthDateDisabled, .DTcpOtherMonthDateDisabled, .DTcpCurrentDateDisabled {
	color:#D0D0D0;
	text-align:center;
	text-decoration:line-through;
}

.DTcpCurrentMonthDate {
	color:#6677DD;
	font-weight:bold;
}

.DTcpCurrentDate {
	color: #FFFFFF;
	font-weight:bold;
}

.DTcpOtherMonthDate {
	color:#808080;
}

td.DTcpCurrentDate {
	color:#FFFFFF;
	background-color: #6677DD;
	border-width:1;
	border: thin solid #000000;
}

td.DTcpCurrentDateDisabled {
	border-width:1;
	border: thin solid #FFAAAA;
}

td.DTcpTodayText, td.DTcpTodayTextDisabled {
	border: thin solid #6677DD;
	border-width:1 0 0 0;
}

a.DTcpTodayText, span.DTcpTodayTextDisabled {
	height:20px;
}

a.DTcpTodayText {
	color:#6677DD;
	font-weight:bold;
}

span.DTcpTodayTextDisabled {
	color:#D0D0D0;
}

.DTcpBorder {
	border: #6677DD thin solid;
}

#adminMenuBar+#body {
	margin-bottom: 27px; 
}
#adminTitle {
	text-align: center;
}
#adminTitle div {
	margin: .5em auto;
	text-align: center;
}
#adminTitle #caption {
	font: normal small-caps bolder 1.1em Verdana, Arial, sans-serif;
}
#adminTitle div:first-child+div {
	font-size: .9em;
}
#tblAdmin {
	border: 4px outset #BBC2CE;
	margin: 1em auto 3px auto;
	font-size: .75em;
}
#tblAdmin caption {
	text-align: left;
}

#tblAdmin th {
	border: 2px solid #979FC6;
	vertical-align:bottom;
	background-color: #5B68A5;
}

#tblAdmin th, #tblAdmin td {
	padding: 2px 5px 2px 5px;
	white-space:nowrap;
}

.sortable a {
	font-size: 1em;
	color: #FFFFFF;
}

.sortnone {
	background-color: #fff;
	border: none;
}

.sortable0 {
	background-color:#f0f0f0;
}

.sortable1 {
	background-color:#ffffff;
}

.help {
	width: 350;
}

.help h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.help h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#06C;
	margin-bottom:-.5em;
}

.help dt {
	margin-top:1.5em;
	margin-bottom:.5em;
	font-weight:bold;
}

.help dd {
	margin-left:2em;
}

.help ul {
	margin-top:.5em;
	margin-bottom:.5em;
	padding-left:0;
	margin-left:1em;
}

a.btnForgotYourPassword, .btnForgotYourPasswordOff, .btnForgotYourPasswordDisabled {
	background-image: url(../images/btn_forgotYourPassword.gif);
	background-repeat: no-repeat;
	display:block;
	height:30px;
	width: 170px;
}
a.btnForgotYourPassword {
	background-position: 0 0;
}

a:hover.btnForgotYourPassword {
	background-position: -170px 0;
}

.btnForgotYourPasswordOff {
	background-position: -340px 0;
}

.btnForgotYourPasswordDisabled {
	background-position: -510px 0;
}

.btnLogin, .btnLoginOff, .btnLoginDisabled {
	background-image: url(../images/btn_login.gif);
	background-repeat: no-repeat;
	border: 0px solid #FFFFFF;
	display:block;
	height:30px;
	width: 78px;
}
.btnLogin {
	background-position: 0 0;
}

.btnLogin:hover {
	background-position: -78px 0;
}

.btnLoginOff {
	background-position: -156px 0;
}
.btnLoginOff:hover {
	cursor: default;
}

.btnLoginDisabled {
	background-position: -234px 0;
}

a.btnEmailCSR, .btnEmailCSROff, .btnEmailCSRDisabled {
	background-image: url(../images/btn_emailCSR.gif);
	background-repeat: no-repeat;
	display:block;
	height:30px;
	width: 99px;
}
a.btnEmailCSR {
	background-position: 0 0;
}

a:hover.btnEmailCSR {
	background-position: -99px 0;
}

.btnEmailCSROff {
	background-position: -198px 0;
}

.btnEmailCSRDisabled {
	background-position: -297px 0;
}

a.btnEmailforhelp, .btnEmailforhelpOff, .btnEmailforhelpDisabled {
	background-image: url(../images/btn_emailforhelp.gif);
	background-repeat: no-repeat;
	display:block;
	height:30px;
	width: 99px;
}
a.btnEmailforhelp {
	background-position: 0 0;
}

a:hover.btnEmailforhelp {
	background-position: -99px 0;
}

.btnEmailforhelpOff {
	background-position: -198px 0;
}

.btnEmailforhelpDisabled {
	background-position: -297px 0;
}



/* ---------------------------- action -----------------*/
div.action {
	margin: 10px 0px 10px 0px;
	width: 100%;
	background-color: #A8ADCD;  /* ultra light purple */
	clear:both;
}
div.action table {
	width: 100%;
	padding: .2em 0px .2em 0px; 
}
div.action table td {
	padding: .2em .5em; 
}
div.action>div {
	margin: 7px auto;
	padding: .5em 7px;
	text-align:center;
	width: 100%;
}
div.action>div a {
	margin:auto .5em;
}

.clear-calendar img {
	padding-left: 0;
	cursor: pointer;
	vertical-align: middle;
}

/* --------------------- link with image --------------*/
a.print,a.csv  {
	color:black;
	display: inline-block;
	font: bold 14px arial, sans-serif;
	letter-spacing: -1px;
	text-decoration: none;
	vertical-align:middle;
}

/* ^7 ---------- selectBillToPage ----------- */
#tblSelectBillTo {
	clear: both;
	margin: 20px 10%;
	width: 80%;
}
#tblSelectBillTo caption {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}
#tblSelectBillTo caption hr {
	background-color: #A8ADCD;
	border: 1px solid #000;
	height: 15px;
}
#tblSelectBillTo tr:first-child td:first-child {
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}
#tblSelectBillTo select {
	font-size: 1em;
	font-weight: normal;
}
#tblSelectBillTo #btnSubmit {
	margin-top: .75em;
}

/* ^8 ---------- Manage Lead Times page ----------- */
.leadTimeDetail {
	clear: both;
	color: #6570A6;
	font-size: 1em;
	text-align: left;
	width: 100%;
}

.leadTimeDetail>div {
	margin-top: 10px;
}

.leadTimeDetail legend {
	color: #6570A6;
	font-weight: bold;
}

.leadTimeDetail div.notes legend {
	font-weight: normal;
}

.leadTimeDetail div.notes ul {
	font-size: 85%;
	padding: .25em;
}

.leadTimeDetail div.notes li {
	margin-left: 2em;
}

.leadTimeDetail table.lineItem {
	 border: 0pt none;
	 margin: 0 auto 10px auto;
	 width: 95%;
}

.leadTimeDetail table.lineItem thead th {
	background-color:white;
	color:#6570A6;
	font-size:0.8em;
	font-weight:bold;
	padding:10px 4px;
	white-space:normal;
}


/* ^9 ---------- jQuery datepicker ----------- */
#ui-datepicker-div {
	font-size: 65%;
}


/* ^10 ---------- Order List/Template List pages ----------- */
div.filters {
    clear: both;
    color: white;
    font-size: 0.8em;
    font-style: italic;
    text-align: left;
}
div.filters table.main {
    background-color: #8790B8;
    border-collapse: collapse;
    border-top-color: #6570A6;
    border-top-style: solid;
    border-top-width: 3px;
}
div.filters table.main td {
    padding-right: 8px;
}
div.filters select {
	font-family:"Courier New", Courier, monospace;
	font-style:normal;
	font-weight:normal;
}
div.filters td.search {
    background-color: #6570A6;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 0;
    text-align: left;
}
div.filters td.filters {
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
.orderListDiv table.line-item tbody.main tr:hover {
	background-color: #F5F5DC;
}
.orderListDiv table.lineItem tbody.main tr.noview:hover {
	cursor: default;
}
.orderListDiv table.lineItem tbody.main tr td.v:hover {
	cursor: pointer;
}
table.lineItem tr.notviewed td {
	font-weight:bold;
}


/* ----------------------------------------------------------------------- 
   ---------------------------- table lineItem -------------------------- 
   ----------------------------------------------------------------------- */
div.list {    
    margin-top: 10px;
	width: 100%;
	clear: both;
}
   
table.lineItem {
	background-color: #6570A6;  /* dark purple */
	border: 3px solid #6570A6;
	border-collapse: collapse;
	color: black;
	empty-cells: show;
	text-align: center;
	text-decoration: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------- THEAD ------------------------------------ */
table.lineItem thead,
table.lineItem tfoot {
    font-size: 0.8em;  
}
table.lineItem thead tr.title, table.lineItem tfoot tr {
    color: white;
    background-color: #6570A6;  /* dark purple */
    height: 1.9em;
    font-weight: bold;  
}
table.lineItem thead tr.title td table {
	border:0;
	border-collapse:collapse;
	padding:0;
 	width:100%;
}
table.lineItem thead tr.title table td {
	width:33%;
}
table.lineItem thead tr.title table td:first-child {
    text-align: left;
}
table.lineItem thead tr.title table td:first-child+td {
    text-align: center;
}
table.lineItem thead tr.title table td:first-child+td+td {
    text-align: right;
}

table.lineItem thead th {
	background-color: white;
	color: #6570A6;  /* dark purple */
	font-size: 0.9em;
	font-weight: bold;
	padding: .2em .3em;	
	white-space: normal;
}

table.lineItem thead th.product-code-search {
	background-color: #bebebe;
	font-size: smaller;
	padding: 4px 4px 4px 4px;
	text-align: left;
}
table.lineItem td span.key {
	display: none;
}
.productCodeFound {
	background-color: #FF0;
}

span.sortable {
	cursor: pointer;
}

span.not_sortable {
	cursor: not-allowed;
}

span.sort_desc {
	cursor: pointer;
	background: white url(../images/arrow_grey_down.gif) no-repeat center left;
	padding-left: 17px;
}

span.sort_asc {
	cursor: pointer;
	background: white url(../images/arrow_grey_up.gif) no-repeat center left;
	padding-left: 17px;
}

table.lineItem tr.title a, table.lineItem tfoot a {
	color: #d3d3d3;    /* Light Gray */
	letter-spacing: 0;		
}
table.lineItem tr.title a:hover, table.lineItem tfoot a:hover {	
	background-color: #d3d3d3;    /* Light Gray */
	color: #6570A6;  /* dark purple */
}

table.lineItem tbody tr.hover td {    
	background: #f5f5dc;           /* #666600;	*/
	color: black;
}

table.lineItem tbody tr.canceled td {
	text-decoration:line-through; /* Canceled order */
}

table.lineItem tbody tr.canceled td.action {
	text-decoration:none; /* Canceled order */
}

table.lineItem tbody.main {
  font-size: 0.65em;
}
table.lineItem tbody tr a {
    color: blue;
}
table.lineItem tbody tr a:hover {
    background-color: #F5F5DC;
}

table.lineItem tbody tr.total_of_lines a {
    color: white;
}
table.lineItem tbody tr.total_of_lines a:hover {
    background-color: #d3d3d3;    /* Light Gray */
    color: #6570A6;  /* dark purple */
}

table.lineItem tr.total_of_lines {
  background-color: white;
	font-weight: bold;
}

table.lineItem tr.total_of_lines td {
  color:black;
  padding-top: .2em;
	padding-bottom: .2em;
}

table.lineItem tbody tr.total_of_lines_header td {
  background-color:#bebebe;
  padding-top: 5px;
	padding-bottom: 5px;
  color: #6570A6;  /* dark purple */
  border-top:1px solid #6570A6;  /* dark purple */
}
table.lineItem tbody tr.total_of_lines_header td.total-title {
  font-size:140%;
  text-align:right;
  padding-right: 30px;
  border-right:1px solid #6570A6;
}
table.lineItem tbody tr.total_of_lines_header td.column-title {
  text-align:right;
  border-right:1px solid #6570A6;
}
table.lineItem tbody tr.total_of_lines_value td {
  background-color:#e3e3e3;
  border-right:1px solid #6570A6;
	font-weight:bold;
	padding-bottom: .2em;
  padding-top: .2em;
  text-align:right;
}

table.lineItem tbody a.oeLine_skuDesc {
    color: black;
		text-decoration:underline;
}
table.lineItem tbody a.oeLine_skuDesc:hover {
    background-color: #d3d3d3;    /* Light Gray */
    color: black;
}

table.lineItem tbody td  {
    padding: 5px 4px 5px 4px;	
    white-space: normal; 
    vertical-align: middle;
}

table.lineItem tbody td.link  {
    padding: 5px 5px 5px 0px;	
    white-space: nowrap;
}
table.lineItem tbody td.link a {
    text-decoration: underline;
    cursor: pointer;
}

table.lineItem tbody tr.even {    
	background: #B8AF87;	/* kind of yellow-brown */	
}

table.lineItem tbody tr.odd {    
	background: #8790B8;   /* light purple */
}

/* ----------------------------------------------------------------------- 
   ---------------------------- div detail ------------------------------- 
   ----------------------------------------------------------------------- */

/* ^11 ---------- Order Entry/Update/Detail pages ----------- */
div#Container {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
div.detail {
    width: 100%;
    text-align: left;
    font-size: 1em;
    color: #6570A6;  /* dark purple */
    clear: both;
}

div.detail table {
    empty-cells: show;
}
div.detail fieldset {
	clear: both;
	width: 97%;
}
div.detail fieldset ul {
	margin-left: 2em;
}
/*
div.detail select {
	font-family:courier, monospace;
	font-style:normal;
	font-weight:normal;
	overflow:hidden;
}

div.detail select#order_billToNo,
div.detail select#order_shipToNo,
div.detail select#template_billToNo,
div.detail select#template_shipToNo {
  width: 95%;
}
*/

/* ---------------------------- detail - key -----------------*/
div.detail table.key{
    border-collapse: collapse;
		width:100%;
}

div.detail table.key td{
    border-left: 5px solid #6570A6;  /* dark purple */
    padding: 2px 8px 2px 8px;
    width: 50%;
    vertical-align: top;
}

div.detail table.key td.label{
	font-weight: bold;
	font-size: 0.9em;
	text-align: left;
}

div.detail table.key td.data{   
    color: black;   
}
/* ---------------------------- detail - detail -----------------*/
div.detail table.detail {
	width: 100%;
}
div.detail table.detail td {
	vertical-align:top;
	width:50%;
}
div.detail table.detail td:first-child {
	padding-right:25px;
}
/* ---------------------------- detail - data -----------------*/
div.detail table.data {
	 table-layout:fixed;
	 width:100%;
}
div.detail table.data td{
	padding-left: 10px;
}
div.detail table.data td.label{
	text-align:left;
	font-size: 0.9em;
}
div.detail table.data td.label{
	padding-top: 5px;
}

div.detail table.data td.key{
	font-weight: bold;
	font-size: 0.9em;
}

div.detail table.data td.data{
    color: black; 
    font-size: 0.9em;
}
div.detail table.data td.data span{
	display:inline-block;
	overflow:auto;
	width:100%;
}
#order_status {
    display: none;
}
table.detailCustomerInfo td {
	text-align: left;
}
div#orderChange td {
	font-size: 0.8em;
}
/* --- static menu styles ---
note:
	1. not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
style naming convention:
	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>
*/
/* all states all levels */
.miout, .miover, .midown {
	color: #ffffff;
	font: .8em Tahoma, Verdana, sans-serif;
	font-weight: bold;
	padding: 2px 4px;
	text-decoration:none;
}
.midown {
	border: 1px	solid #00503c;
	color: #00503c;
}
/* all level, all states, outer */
.moout, .moover, .modown, a.moout:hover, a.moover:hover, a.modown:hover {
	text-decoration:none;
}
.moout {
	background-color: #6570A6;
	filter: alpha(opacity=65);
	opacity: .65;
}
.moover {
	background-color: #2F3D8B;
}
.modown {
	background-color: #ffffff;
}
/* Menu items not associated with any link */
.mioutX,.mioverX,.midownX,.mooutX,.mooverX,.modownX {
	cursor:default;
	text-decoration: none;
}
/* END OF static menu styles */