body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	background-color: White;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

table {
	font-size: 9pt;
	width: 100%;
	border: 0 solid;
}

.signonbody {
	background-color: White;
	color: #000000;
}

.signontable {
	background-color: White;
}

FORM {
	display: inline;
}

HR {
	color: #CCCCCC;
	width: 100%;
	height: 1px;
}

TH {
	background-color: #000000;
	color: #ffffcc;
	font-weight: normal;
	border: 1px solid;
	border-color: black black black white;
	white-space: nowrap;
	padding-left: 2px;
	padding-right: 2px;
}
TH.end {
	border-color: black black black black;
}

TH.sortHeader, TH.sortHeaderAscending, TH.sortHeaderDescending {
    background-image: url(prodimage/sortNone.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
    padding-left: 2px;
    padding-right: 9px;  /*Allow for sort ICON */
}

TH.sortHeaderAscending {
    background-image: url(prodimage/sortaz.gif);
}

TH.sortHeaderDescending {
    background-image: url(prodimage/sortza.gif);
}

TH.sortHeaderEnd {
    background-image: url(prodimage/sortNone.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
    padding-left: 2px;
    padding-right: 9px;  /*Allow for sort ICON */
    border-color: black black black black;
}

TH.endpt {
	border-color: black black black black;
	cursor: pointer;
}

TH.pt {
	cursor: pointer;
}

td {
	background-color: inherit;
	color: inherit;
	margin: 0;
	border-width: 0;
}

td.dAltItem,
td.dBrand,
td.dChkNum,
td.dCustName,
td.dCustNum,
td.dDate,
td.dDateErr,
td.dDesc,
td.dEach,
td.dHeader,
td.dInput,
td.dInvPrint,
td.dIvc,
td.dIvcRpt,
td.dItem,
td.dIteml,
td.dItemRpt,
td.dItemRel,
td.dMvmnt,
td.dOE,
td.dOGline,
td.dOption,
td.dOrdQty,
td.dPack,
td.dPar,
td.dParEa,
td.dPONum,
td.dPrice,
td.dProfit,
td.dPromo,
td.dPMsg,
td.dQty,
td.dReserve,
td.dReturn,
td.dRound,
td.dSize,
td.dSort,
td.dType,
td.dSummary,
td.dUM,
td.dUPC,
td.dValue,
td.dWeight {
	background-color: inherit;
	color: inherit;
	margin: 0;
	border-width: 0;
	white-space: nowrap;
}

td.dAltItem,
td.dChkNum,
td.dCustNum,
td.dDate,
td.dDateErr,
td.dEach,
td.dInput,
td.dInvPrint,
td.dIvc,
td.dItem,
td.dMvmnt,
td.dOE,
td.dPack,
td.dPack,
td.dPriceChk,
td.dQty,
td.dOrdQty,
td.dReserve,
td.dReturn,
td.dRound,
td.dSize,
td.dSort,
td.dType,
td.dValue {
	text-align: center;
}

td.dIvcRpt,
td.dItemRpt,
td.dItemRel,
td.dOGline,
td.dPar,
td.dPrice,
td.dProfit,
td.dPromo,
td.dQty,
td.dReason,
td.dSummary,
td.dUPC,
td.dWeight {
	text-align: right;
}

td.dIteml,
td.dPMsg {
	text-align: left;
}
.error,
td.dDateErr {
	color: red;
}

td.dInvPrint {
	padding: 0 3px 0 3px;
}

table.MessageBoardList {
	width: 100%;
	font-size: 9pt;
	padding: 0;
}

table.MessageBoardRead {
	width: 100%;
	font-size: 9pt;
	padding: 0;
}

td.Read,
td.Unread,
td.Priority,
td.PriorityUnread,
td.MBtxt {
	font-weight: normal;
	vertical-align: baseline;
	white-space: nowrap;
}
td.MBtxt {
	white-space: normal;
}

td.Unread,
td.PriorityUnread {
	font-weight: bold;
}

td.Priority,
td.PriorityUnread {
	color: red;
}

pre.messageboard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	display: inline;
}

.bRead,
.bUnread,
.bPriority,
.bPriorityUnread,
.bReason {
	background: inherit;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
	height: 20px;
	text-align: left;
/*	vertical-align: baseline; */
	text-decoration: underline;
	white-space: nowrap;
	cursor: pointer;
}

.bPriority,
.bPriorityUnread,
.bReason {
	color: red;
}

.bUnread,
.bPriorityUnread {
	font-weight: bold;
}

.mbpageHeader {
	background-color: #EEEEEE;
	font-size: 10pt;
	font-weight:normal;
	height:24px;
	width: 100%;
	border: 0px;
}

.i {
	text-align: right;
}

.il {
	text-align: left;
}

.irol {
	text-align: left;
	background: inherit;
	border-width: 0;
}

.iror {
	text-align: right;
	background: inherit;
	border-width: 0;
}

.r {
	background-color: inherit;
	color: inherit;
	height: 24px;
}

.re,
.ro,
.roAlt,
.rhl {
	background: White;
	color: Black;
	height: 24px;
	padding: 0 2px 0 2px;
}

.ro {
	background: #EEEEEE;
}

.roAlt {
	background: #CCCCFF;
}

.rhl {
	background: lightblue;
}

.rsum1 {
	font-weight: bold;
	background: #DAD3C5;
	color: Black;
	height: 24px;
	padding: 0 2px 0 2px;
}

.rsum2 {
	font-weight: bold;
	background: #CAC0AC;
	color: Black;
	height: 24px;
	padding: 0 2px 0 2px;
}

.rgrand {
	font-weight: bold;
	background: GRAY;
	color: White;
	height: 24px;
	padding: 0 2px 0 2px;
}

.b,
.bbrand,
.brel,
.bsub,
.bparent,
.bchild,
.bprm,
.bdel,
.bins,
.binsb,
.binsl,
.binst,
.binsr,
.bmsg,
.boemsg,
.bns,
.bnsoemsg,
.bloemsg,
.blns,
.blnsoemsg,
.boos,
.bloos,
.bwhm,
.beitm,
.bcal,
.clock {
	font-size: 9pt;
	background: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	height: 20px;
	cursor: pointer;
}

.b,
.brel,
.bsub,
.bparent,
.bchild,
.bins,
.binsb,
.binsl,
.binst,
.binsr,
.bmsg,
.bprm,
.bwhm,
.beitm,
.bcal,
.clock {
	color: #0000ff;
	text-align: Center;
	text-decoration: underline;
}

.bcal {
	background-image: url(prodimage/cal.gif);
	text-align: center;
	text-decoration: none;
	width: 16px;
	height: 16px;
}

.bcol {
	color: #ffffcc;
	text-decoration: none;
	width: 20px;
}

.bbrand {
	color: #0000ff;
	text-align: Left;
	text-decoration: underline;
}

.brel {
	background-image: url(prodimage/inforel.gif);
	width: 20px;
}

.bsub {
	background-image: url(prodimage/infosub.gif);
	width: 20px;
}

.bparent {
	background-image: url(prodimage/infoparent.gif);
	width: 20px;
}

.bchild {
	background-image: url(prodimage/infochild.gif);
	width: 20px;
}

.bins {
	background-image: url(prodimage/rightarrow.gif);
	height: 20px;
	position: relative;
	top: -12px;
	left: 0px;
	width: 20px;
	padding-right: 1px;
}

.binsl {
	background-image: url(prodimage/leftarrow.gif);
	height: 20px;
	position: relative;
	top: -12px;
	left: 0px;
	width: 20px;
	padding-right: 1px;
}

.binst {
	background-image: url(prodimage/toparrow.gif);
	width: 36px;
	background-repeat: no-repeat;
	background-position: center center;
}

.binsb {
	background-image: url(prodimage/bottomarrow.gif);
	width: 36px;
	background-repeat: no-repeat;
	background-position: center center;
}

.binsr {
	background-image: url(prodimage/uparrowred.gif);
	width: 20px;
}

.bmsg {
	background-image: url(prodimage/note.gif);
	width: 20px;
}

.bprm {
	background-image : url(prodimage/infoprm.gif); 
	width : 20px;
}


.bdel {
	background-image : url(prodimage/infodeal.gif); 
	width : 20px;
}

.beitm {
	background-image: url(prodimage/infoe.gif);
	width: 20px;
}

.clock {
	background-image: url(prodimage/clock.gif);
	width: 20px;
}

.boemsg,
.bns,
.bnsoemsg,
.bloemsg,
.blns,
.blnsoemsg,
.boos,
.bloos{
	text-align: Left;
	width: 100%;
}

.boemsg,
.bloemsg {
	background-color: #FFFFCC;		
}

.bns,
.blns {
	color: GRAY;	
}

.bnsoemsg,
.blnsoemsg {
	color: gray;	
	background-color: #FFFFCC;	
}

.boos,
.bloos {
	color:  black;
	background-color: #FAF8CC;
	text-decoration: none;
}

.bloos,
.bloemsg,
.blns,
.blnsoemsg {
	text-decoration: underline;		
}

.msg {
	color: #000000;
}

.boff,
.bon {
	font-size: 8pt;
	font-weight: bold;
	background-color: #CCCCCC;
	color: black;
	text-align: Center;
	margin: 0;
	padding: 0;
	height: 20px;
	border-style: solid;
	border-width: 2px;
	border-color: #FAFAFA #ACACAC #ACACAC #FAFAFA;
}

.bon {
	border-color: #ACACAC #FAFAFA #FAFAFA #ACACAC;
}

.screenBorder {
	border: 6px solid;
	border-color: #BF222D #BF222D #BF222D #BF222D;
}

.logobody {
	background-color: white;
	color: black;
}

.logoprint {
	background-color: white;
	color: black;
}

.mainMenuBar {
	background-color: #BF222D;
	border: 1px solid;
	border-color: #BF222D #BF222D #BF222D #BF222D;
	width: 100%;
	height: 27px;
}

.mainFooterBar {
	background-color: #BF222D;
	border: 1px solid;
	border-color: #BF222D #BF222D #BF222D #BF222D;
	width: 100%;
	height: 27px;
	color: white;
}

.mainHeader {
	background-color: #E5313C;
	border-width: 0px;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	padding: 3px;
}

.mainFooter {
	background-color: #E5313C;
	border-width: 0px;
	color: white;
}

.pageBorder {
	border: 1px solid;
	border-color: #869ABF #869ABF #869ABF #869ABF;
	border-color: black black black black;
}

.pageMenuBar {
	background-color: #CCCCCC;
	font-size: 10pt;
	font-weight:bold;
	border: 0px;
	width: 100%;
	height: 27px;
	border: 0;
}
.pageInfo {
	background-color: white;
	border: 0px solid; 
	border-width: 3 0 3 0;
	border-color: white;
	width: 100%;
}

.pageHeader {
	background-color: #CCCCCC;
	font-size: 10pt;
	font-weight:normal;
	height:24px;
	width: 100%;
	border: 0px;
}

.pageFooter {
	background-color: #CCCCCC;
	font-size: 10pt;
	font-weight:normal;
	height:24px;
	border: 0px;
	width: 100%;
}

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
.clBar{
	position:absolute;
	visibility:hidden;
}

.mainMenuLevel0,
.mainMenuLevel0over{
	position:absolute;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align: Center;
	background-color:#BF222D;
	layer-background-color:#BF222D;
	border: 2px solid;
	border-color: #CC0000 DARKRED DARKRED #CC0000;
	color:#EEEEEE;
}

.mainMenuLevel0over{
	background-color:#FF7F00;
	layer-background-color:#FF7F00;
	cursor:pointer;
	border-color: #FF9248 #DF5900 #DF5900 #FF9248;
	color:white;
}

.mainMenuLevel0border{
	position:absolute;
	visibility:hidden;
}

.mainMenuLevel1,
.mainMenuLevel1over{
	position:absolute;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align: Left;
	background-color:white;
	layer-background-color:white;
	color:black;
}
.mainMenuLevel1over{
	background-color:#DDDDDD;
	layer-background-color:white;
	color:#BF222D;
	cursor:pointer;
}
.mainMenuLevel1border{
	position:absolute;
	visibility:hidden;
	background-color:black;
	layer-background-color:black;
}

.pageMenuLevel0,
.pageMenuLevel0over {
	position:absolute;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align: Center;
	background-color: #CCCCCC;
	layer-background-color: #CCCCCC;
	color:black;
	border: 2px solid;
	border-color: #FAFAFA #ACACAC #ACACAC #FAFAFA;
}

.pageMenuLevel0over{
	cursor:pointer;
	border-color: #ACACAC #FAFAFA #FAFAFA #ACACAC;
}
.pageMenuLevel1,
.pageMenuLevel1over{
	position:absolute;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align: left;
	color:black;
	background-color: #EEEEEE;
	layer-background-color: #EEEEEE;
}
.pageMenuLevel1over{
	background-color:white;
	layer-background-color:white;
	cursor:pointer;
}

.pageMenuLevel1border{
	position:absolute;
	visibility:hidden;
	background-color:black;
	layer-background-color:black;
}

.twotableseparator {
	background-color: black;
}

#waitbox{
font-size:14px;
font-weight: normal;
position: absolute;
top: 40%;
left: 42%;
width: 200px;
height: 65px;
padding: 20px;
border:  2px solid;
border-color:  #EEEEEE #555555 #555555 #EEEEEE;
background-color: #d4d0c8;
color: black;
visibility: visible;
z-index: 9;
}

dt {
	font-weight: bold;
}

dd {
	font-style: italic;
}

a:link.footerlink {
	color: #eeeeee;
}

a:visited.footerlink {
	color: #eeeeee;
}

a:active.footerlink {
	color: white;
}

a:hover.footerlink {
	color: white;
}

/* CSS elements for the popup calendar */
table.cal {
	border: 5px solid #a0a0a0;
	font-family: sans-serif;
	font-size: 14px;
}

td.cal, td.caltoday, td.caloutside, td.calevent, td.calselected, td.calroute {
	border: 1px solid #a0a0a0;
	width: 30px;
	height: 30px;
	background-color: #ffcccc;
	color: #000000;
	text-align: center;
}

span.caltoday {
	background-color: #ccccff;
}

td.calevent {
	background-color: #ccffcc;
	cursor: pointer;
}

td.calroute {
	background-color: #9c6;
	cursor: pointer;
}

td.calselected {
	background-color: #ffffcc;
	cursor: pointer;
}

td.caloutside {
	background-color: #c0c0c0;
}

th.cal {
	background-color: #ffffcc;
	color: #000000;
	width: 30px;
}

td.calchange {
	border: 0;
	text-align: center;
	font-weight: bold;
}

span.calchange {
	cursor: pointer;
	background-color: #e0e0e0;
	border: 1px solid #808080;
	padding-left: 2px;
	padding-right: 2px;
}