/** DISPATCH MANAGEMENT **/

.alignRight { float: right; margin-right: 15px; }
table.spacedTable { width: 600px; }
#notBlackLink {color: #057fac; text-decoration: underline; font: normal 12px Arial, Sans-Serif;}

td.verticalAlign { vertical-align: middle; }
td.centerText { text-align: center; }

.dmsTextCapsule { margin: 15px 0 20px 6px; padding-left: 2px; padding-right: 15px; border: 1px solid #aad; background: #e9e9ff; width: 800px; }
.greenCapsule { margin: 15px 0 20px 6px; padding-left: 2px; padding-right: 15px; background: #cfc; border: 1px solid green; color: green; width: 800px; }
.cancelledOrderLineInfoCapsule { margin: 15px 0 20px 6px; padding-left: 2px; padding-right: 15px; background: #fda; border: 1px solid #b30; color: #b30; width: 600px; }
.cancelledOrderLineInfoCapsule table, .cancelledOrderLineInfoCapsule table td { border: 1px solid #b30; border-collapse: collapse; font-size: 9pt; padding: 4px 4px 4px 4px; } 
.centerCapsule { margin: auto; }
.dmsTextCapsule p { margin-left: 6px; margin-top: 10px; }

div.threeDBoxGrey { margin: 6px; padding-top: 8px; padding-left: 8px; padding-right: 15px; padding-bottom: 25px; border-top: 1px solid grey; border-left: 1px solid grey; border-right: 4px solid grey; border-bottom: 4px solid grey; }

a.dmsButton { }

a.dmsButton, a.dmsButton:visited { margin-left: 2px; border: 2px solid #99c; background: #d9d9ee; color: #36b; padding: 4px 8px 4px 8px; text-decoration: none; }
a.dmsButton:hover { color: #58c; }

/* MENU */
table#dmsMenu { background: black; width: 100%; padding: 4px 4px 4px 4px; border-bottom: 4px solid #aaa; /*border-top: 4px solid #77b;*/border-top: 4px solid #333; }
table#dmsMenu a { color: #ccc; background: transparent; text-decoration: none; padding: 4px 2px 4px 2px;}
table#dmsMenu a:hover { background: #777; color: #fff; }
table#dmsMenu td.bgHover { padding: 8px 6px 8px 6px; width: 180px; }
table#dmsMenu td.alignRight { text-align: right; vertical-align: middle; }
table#dmsMenu a.current, table#dmsMenu a.current:hover {background: #fff url('../images/bgMenu-sections-current.gif') top left repeat-x; color: #222; font-weight: bold;}
table#dmsMenu td.highlight a { text-decoration: underline; padding: 8px 4px 8px 4px; }

table#dmsMenu div.dataMenuHeader { width: 280px; background: #777; border: 1px solid #ccc; color: #ddd; padding-top: 6px; }
table#dmsMenu div.dataMenuHider { display: none; z-index: 100; position: absolute; width: 279px; border: 1px solid #ccc; }
table#dmsMenu div.dataMenuHider a { display: block; background: #555; padding: 6px 6px 6px 6px; color: #ddd; font-size: 8pt; }
table#dmsMenu div.dataMenuHider a:hover { background: #777; color: #fff; }
table#dmsMenu div.dataMenuHider a span { color: #238fcd; text-decoration: underline; margin-left: 6px; margin-right: 2px; }
table#dmsMenu div.dataMenuHider a span:hover { color: #93afff; }
table#dmsMenu div.dataMenuHider a#current { display: block; background: #888; border: 1px solid #777; padding: 6px 6px 6px 6px;}


/* Picking pages */
select#returnAuthCodes { width: 150px; }
.scanInput { text-align: center; margin: auto; padding: 10px 0 15px 0; border: 1px solid #aad; background: #e9e9ff; width: 800px; }
.scanInput div { padding: 0 35px 0 0; display: inline; }
.dmsTextCapsule div#bottom { padding: 10px 0 10px 0; display: block; text-align: center; }
span#loadingSpan  { font-size: 70px; color: red; }
#largePickingNoticeText { color: red; font-size: 150px; padding: 0 0 15px 0;} 
#mediumPickingNoticeText { color: red; font-size: 60px; padding: 0 0 15px 0; text-transform: uppercase; } 
div.pickingNoticeText { width: 650px; margin: 0 auto; background: #fcc; border: 1px solid #b00; color: #b00; padding: 5px 5px 5px 5px; text-align: center; }
div.reOrderAjaxDiv { margin-left: 3px; float: none; }

.updatedPurchaseOrder { margin-left: 6px; margin-top: 2px; background: #fda; border: 1px solid #b30; padding: 8px 8px 8px 8px; width: 400px; }
.purchaseOrderComplete  { background: #cfc; border: 1px solid green; }
.updatedPurchaseOrderLine  { margin-left: 15px; }
.statusFrom { margin-left: 4px; }
.statusTo { color: #b30; }
.statusToComplete { color: green; }

table.damaged { margin: auto; text-align: center; width: 640px; }
table.returns td { font-weight: bold; vertical-align: top; text-align: center; margin: auto; padding-left: 8px; padding-right: 8px;}
table#manualItemReturn { margin: 15px 0 20px 6px; padding-left: 2px; padding-right: 15px; border: 1px solid #aad; background: #e9e9ff; }

div.unexpectedOptionHidden { display: none; }
div.unexpectedOptionDefault { display: inline; }
div.unexpectedOption p { color: #b00; text-align: center; }
div.unexpectedOption table { margin: auto; }
div.unexpectedOption td { font-weight: bold; color: #b00; padding-left: 5px; }

table.dataTable tbody.completedPicking td { border: 0; vertical-align: middle; }

table.dataTable tbody.completedPickingOdd { background: #e0e7ee; }
table.dataTable tbody.completedPickingOdd td { border: 0; vertical-align: middle; }

table.dataTable tbody td.completedPickingDivider { border-bottom: 1px solid #c0c7cc; }

/* Bin management page */
#binNumberAjaxDiv { text-align: center; }
.binTable { margin: 0px 15px 15px 15px; padding: 4px 4px 4px 4px; border: 1px solid #aad; background: #e9e9ff; }
.binTable td.binConfiguration { padding: 3px 3px 3px 3px; font-weight: bold; font-size: 11px; }
.binTable td.text { padding: 3px 0 0 10px; vertical-align: middle; }
.binTable td.greenText { color: green; }
.binTable td.orangeText { color: #b30; }
.binTable td.redText { color: #b00; }
.binTable td.legend { font-weight: bold; font-size: 11px; padding: 3px 0 10px 10px; vertical-align: middle; }
.binBox { margin: 3px 3px 3px 3px; width: 50px; height: 22px; text-align: center; font-size: 13px; padding-top: 8px; }
.binLegend { width: 30px; height: 30px; }
.binBoxGreen { background: #cfc; border: 1px solid green; color: green; }
.binBoxOrange { background: #fda; border: 1px solid #b30; color: #b30; }
.binBoxRed { background: #fcc; border: 1px solid #b00; color: #b00; }
.binBoxWhite { background: #eee; border: 1px solid #999; color: #999; }

.binBoxOrange a { color: #b30; border: none; }
.binBoxGreen a { color: green; border: none; }
.binBoxRed a { color: #b00; border: none; }

.binTable .orderBox { padding: 3px 5px 0px 5px; margin: 2px 2px 2px 2px; text-align: center; vertical-align: middle; }
.binTable .orderBox p { text-align: center; display: block; padding: 15px 4px 4px 4px; }


/* Pack Management Pages */

div.statusChanged { margin: auto; font-weight: bold; text-align: center; width: 230px; padding: 5px 8px 5px 8px; background: #cfc; border: 1px solid green; color: green; }
div.flowButtons { text-align: center; margin-top: 20px; margin-bottom: 20px; }
div.flowButtons input { margin-left: 8px; border: 2px solid #99c; background: #d9d9ee; color: #009; padding: 2px 6px 2px 6px; }


/* Content Management Pages */

h3#dmsShadowboxHeader { font-size: 20pt; margin-left: 15px; margin-top: 15px; margin-bottom: 6px; }
table.returnChoices { width: 500px; margin: 0px 15px 15px 15px; padding: 4px 4px 4px 4px; border: 1px solid #aad; background: #e9e9ff; }
table.strong { font-weight: bold; }
table.returnChoices, table.returnChoices td { border: 1px solid #aad; border-collapse: collapse; font-size: 12pt; padding: 10px 10px 10px 10px; } 
table.dataTable td.buttonsCell select { margin-bottom: 8px; }
table.dataTable td.buttonsCell span { display: block; }
table.dataTable td.buttonsCell a, table.dataTable td.buttonsCell a:visited { margin-left: 2px; border: 2px solid #99c; background: #d9d9ee; color: #36b; padding: 4px 8px 4px 8px; text-decoration: none; }
table.dataTable td.buttonsCell a:hover { color: #58c; }
div#returnItemChoiceUpdateDiv { color: green; padding: 10px 10px 10px 10px; font-size: 9pt; background: #dfd; border: 1px solid green; margin: 10px 10px 10px 10px; }