/*[fmt]AA40-1A0A*/
/*BODY*/
BODY
{
	margin-top: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
A
{
	color: #2178AF;
	font-weight: bold;
	text-decoration: none;
}
A:hover
{
	color: #278CCD;
}
A:active
{
	color: #18567D;
}
INPUT[type=submit], .button, INPUT[type=button]
{
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	background-color: #0266A2;
	border: none;
	cursor: pointer;
	padding: 5px 13px;
	/*+box-shadow: 3px 3px 3px #EAEAEA;*/
	-moz-box-shadow: 3px 3px 3px #EAEAEA;
	-webkit-box-shadow: 3px 3px 3px #EAEAEA;
	box-shadow: 3px 3px 3px #EAEAEA;
}
INPUT[type=submit].disabledButton, INPUT[type=submit][disabled], .button.disabledButton, INPUT[type=button][disabled]
{
	background-color: #CCC !important;
	margin-top: 0;
	margin-left: 0 !important;
	/*+box-shadow:3px 3px 3px #EAEAEA;*/
	-moz-box-shadow: 3px 3px 3px #EAEAEA !important;
	-webkit-box-shadow: 3px 3px 3px #EAEAEA !important;
	-o-box-shadow: 3px 3px 3px #EAEAEA !important;
	box-shadow: 3px 3px 3px #EAEAEA !important;
}
INPUT[type=submit]:hover, .button:hover, INPUT[type=button]:hover
{
	background-color: #419638;
}
INPUT[type=submit]:active, .button:active, INPUT[type=button]:active
{
	background-color: #317F27;
	margin-top: 3px;
	margin-left: 1px;
	/*+box-shadow: 1px 1px 3px #EAEAEA;*/
	-moz-box-shadow: 1px 1px 3px #EAEAEA;
	-webkit-box-shadow: 1px 1px 3px #EAEAEA;
	box-shadow: 1px 1px 3px #EAEAEA;
	/*[disabled]margin-bottom:-4px;*/
}
#wrapper
{
	margin: auto;
	width: 1000px;
	padding-top: 0;
}
.hideInDesktop
{
	display: none !important;
}
/*START HEADER*/
#header, .lightboxHeader
{
	margin: 0;
}
#logo
{
	padding: 15px 10px 10px;
	border: 1px solid #CCC;
	margin-bottom: -5px;
	/*+box-shadow: 2px 2px 6px 0 #E5E5E5;*/
	-moz-box-shadow: 2px 2px 6px 0 #E5E5E5;
	-webkit-box-shadow: 2px 2px 6px 0 #E5E5E5;
	box-shadow: 2px 2px 6px 0 #E5E5E5;
	margin-top: 10px;
	/*+border-radius: 3px 3px 0 0;*/
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-khtml-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
NAV#links UL
{
	float: right;
	margin-top: -23px;
	margin-right: 10px;
}
NAV#links UL LI
{
	float: right;
	margin-left: 15px;
}
NAV#links UL LI:not(:first-child):after
{
	content: "|";
	margin-right: 0px;
	margin-left: 10px;
}
#links LI A
{
	font-size: 13px;
}
#titleBar, .lightboxTitleBar, FOOTER #footerBar
{
	background-color: #F58C35;
	/*background-image: linear-gradient(bottom, #F9A455 0%, #F37C20 54%);*/
	/*background-image: -o-linear-gradient(bottom, #F9A455 0%, #F37C20 54%);*/
	/*background-image: -moz-linear-gradient(bottom, #F9A455 0%, #F37C20 54%);*/
	/*background-image: -webkit-linear-gradient(bottom, #F9A455 0%, #F37C20 54%);*/
	/*background-image: -ms-linear-gradient(bottom, #F9A455 0%, #F37C20 54%);*/
	/*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F9A455), color-stop(0.54, #F37C20));*/
}
#titleBar, .lightboxTitleBar
{
	padding: 7px 10px;
	border: 1px solid #CCC;
	border-bottom: none;
	position: relative;
	width: 1040px;
	margin-left: -20px;
	margin-bottom: 0;
	/*[disabled]+box-shadow:0 9px 5px -3px #EAEAEA;*/
	/*+box-shadow: 0px 15px 5px -12px #EAEAEA;*/
	-moz-box-shadow: 0px 15px 5px -12px #EAEAEA;
	-webkit-box-shadow: 0px 15px 5px -12px #EAEAEA;
	box-shadow: 0px 15px 5px -12px #EAEAEA;
	-moz-box-shadow: 0 15px 5px -12px #EAEAEA;
	-webkit-box-shadow: 0 15px 5px -12px #EAEAEA;
	-o-box-shadow: 0 15px 5px -12px #EAEAEA;
	box-shadow: 0 15px 5px -12px #EAEAEA;
}
#titleBar:before, #titleBar:after, .lightboxTitleBar:before, .lightboxTitleBar:after
{
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #AE5109 transparent transparent;
	bottom: -1em;
}
#titleBar:before, .lightboxTitleBar:before
{
	left: 0;
	border-width: 1em 0 0 1.8em;
}
#titleBar:after, .lightboxTitleBar:after
{
	right: 0;
	border-width: 1em 1.8em 0 0;
}
#titleBar H1, .lightboxTitleBar H1
{
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	line-height: 1;
	margin: 0;
}
/*END HEADER*/
#container
{
	border: 1px solid #CCC;
	min-height: 400px;
	margin-bottom: 20px;
	/*+box-shadow: 2px 2px 6px 0 #E5E5E5;*/
	-moz-box-shadow: 2px 2px 6px 0 #E5E5E5;
	-webkit-box-shadow: 2px 2px 6px 0 #E5E5E5;
	box-shadow: 2px 2px 6px 0 #E5E5E5;
	/*+border-radius: 0 0 3px 3px;*/
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-khtml-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
/*START STORE LINE*/
#storeLine
{
	padding: 8px 10px 5px;
	height: 35px;
	border-bottom: 1px solid #CCC;
}
#storeLine #storeChanger
{
	float: left;
	margin-right: 15px;
}
#storeChanger LABEL
{
	font-weight: bold;
}
#storeChanger INPUT
{
	height: 20px;
	width: 120px;
	font-size: 13px;
	font-weight: bold;
	margin-left: 5px;
}
#storeChanger INPUT:focus::placeholder {
	color:transparent;
}
#storeChanger INPUT::-webkit-calendar-picker-indicator {
	opacity: 100;
}
#storeLine #storeAddress
{
	float: left;
	margin-top: 3px;
	/*[disabled]text-decoration:underline;*/
	font-style: normal;
}
/*END STORE LINE
START TABS*/
NAV#tabs
{
	display: block;
	padding-top: 17px;
	overflow: hidden;
}
#tabs .tab
{
	padding: 8px 10px;
	float: left;
	border: 1px solid #CCC;
	background-color: #808080;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	border-bottom: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	margin-right: 15px;
	/*+border-radius: 3px 3px 0 0;*/
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-khtml-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#tabs .tab.selected
{
	background-color: #FEFEFE;
	color: #000;
}
#tabs .tab:hover
{
	background-color: #B5B5B5;
	color: #FFF;
}
#tabs .tab:active
{
	background-color: #6B6B6B;
	border-bottom: none;
	color: #FFF;
}
#tabs .tab.selected
{
	background-color: #FEFEFE;
	color: #000;
	cursor: default;
}
/*END TABS*/
#articleWrapper
{
	min-height: 250px;
	border: 1px solid #CCC;
	margin: -1px 15px 15px;
	=margin-top: -11px;
	/*[e]- 11 px*/
	background-color: #FEFEFE;
	padding: 10px;
	/*+border-radius: 3px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#articleWrapper #loader
{
	position: absolute;
	top: 285px;
	left: 50%;
	width: 130px;
	margin-left: -65px;
	font-size: 25px;
}
ARTICLE#mainFile
{
	display: none;
}
/*START FOOTER*/
FOOTER #footerBar
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 12px;
	z-index: -5;
	margin-top: 6px;
	=width: 200 %;
}
FOOTER IMG
{
	margin: auto;
	display: block;
	z-index: 5;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF;
	height: 25px;
}
FOOTER #copyright
{
	text-align: center;
	color: #808080;
}
/*END FOOTER
START CALENDAR*/
INPUT[disabled] + BUTTON.Zebra_DatePicker_Icon
{
	background: url('../images/icons/disabledcalendar.png') no-repeat left top !important;
	cursor: default !important;
}
BUTTON.Zebra_DatePicker_Icon
{
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background: url('../images/icons/calendar.png') no-repeat left top;
	text-indent: -9000px;
	border: none;
	cursor: pointer;
	padding: 0;
	line-height: 0;
	vertical-align: top;
	margin-top: 0;
	margin-left: -3px;
}
.Zebra_DatePicker
{
	position: absolute;
	background: #808080;
	display: none;
	z-index: 100;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1;
	padding: 4px;
}
.Zebra_DatePicker *
{
	margin: 0;
	padding: 0;
	color: #000;
	background: transparent;
	border: none;
}
.Zebra_DatePicker TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
.Zebra_DatePicker TD, .Zebra_DatePicker TH
{
	text-align: center;
	padding: 5px 0;
}
.Zebra_DatePicker TD
{
	cursor: pointer;
}
.Zebra_DatePicker TH
{
	cursor: default;
}
.Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker
{
	margin-top: 3px;
}
.Zebra_DatePicker .dp_daypicker TD, .Zebra_DatePicker .dp_daypickerTH, .Zebra_DatePicker .dp_monthpicker TD, .Zebra_DatePicker .dp_yearpicker TD
{
	background: #DEDEDE;
	width: 25px;
	border: 1px solid #CCC;
}
.Zebra_DatePicker .dp_header TD
{
	color: #FFF;
	padding-top: 0;
	padding-bottom: 1px;
}
.Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next
{
	width: 15px;
}
.Zebra_DatePicker .dp_header.dp_caption
{
	font-weight: bold;
}
.Zebra_DatePicker .dp_header .dp_hover
{
	background: #808080;
	color: #DDD;
}
.Zebra_DatePicker .dp_header .dp_blocked
{
	color: #888;
	cursor: default;
}
.Zebra_DatePicker .dp_daypicker TH
{
	background: #F68025;
	color: #FFF;
}
.Zebra_DatePicker TD.dp_not_in_month
{
	background: #FFF;
	color: #CDCDCD;
	cursor: default;
}
.Zebra_DatePicker TD.dp_not_in_month_selectable
{
	background: #F6F6F6;
	cursor: pointer;
}
.Zebra_DatePickerTD.dp_weekend_disabled
{
	color: #CCC;
	cursor: default;
	background-color: #FFF;
}
.Zebra_DatePicker TD.dp_selected
{
	background: #808080;
	color: #FFF !important;
}
.Zebra_DatePicker .dp_monthpicker TD
{
	width: 33%;
}
.Zebra_DatePicker .dp_yearpicker TD
{
	width: 33%;
}
.dp_clear, .dp_today
{
	display: none !important;
}
.Zebra_DatePicker TD.dp_current
{
	color: #F68025;
	font-weight: bold;
}
.Zebra_DatePicker TD.dp_disabled_current
{
	color: #F9A353;
}
.Zebra_DatePicker TD.dp_disabled
{
	background: #FFF !important;
	color: #CDCDCD;
	cursor: default;
}
.Zebra_DatePicker TD.dp_hover
{
	background: #482424;
	color: #FFF;
}
.dateChooser
{
	display: inline-block;
	=display: inline;
	zoom: 1;
	margin-right: 60px;
	margin-top: -10px;
}
.dateChooser INPUT[type=text]
{
	font-size: 13px;
}
.dateChooser LABEL
{
	display: block;
	margin-bottom: 3px;
}
/*END CALENDAR
START DELIVERY LISTING SUMMARY
Start Date Picker*/
#datePicker
{
	overflow: hidden;
	padding: 20px;
	margin-left: 40px;
    position: relative;
}
#datePicker.hidden
{
	display: none;
}
#datePicker > P
{
	float: left;
	margin-right: 60px;
	font-size: 13px;
	margin-top: 7px;
}
#datePicker > P:after
{
	content: ":";
}
#datePicker INPUT#search[disabled]
{
	margin-top: 0px;
}
/*End Date Picker*/
#deliveries TD:nth-child(n+2), #deliveries TD.reportButtonContainer, #deliveries TH:nth-child(n+2), #deliveries TH.reportButtonContainer, #delivers TD.csvButtonContainer, #deliveries TH.csvButtonContainer, #categories TD.reportButtonContainer, #categories TH.reportButtonContainer
{
	border-left: none !important;
	border-right: none !important;
}

#deliveries TD:first-child, #deliveries TH:first-child
{
	border-right: none !important;
}
#deliveries .reportButtonContainer .button, #categories .reportButtonContainer .button
{
	display: block;
	float: left;
	padding: 5px;
	margin: 0 4px 0 0;
	width: 30px;
	/*+box-shadow:none;*/
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	height: 30px;
}

#categories .reportButtonContainer .button
{
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

#deliveries .csvButtonContainer .button
{
	display: block;
	float: left;
	padding: 5px;
	margin: 0 4px 0 0;
	width: 30px;
	/*+box-shadow:none;*/
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	height: 30px;
}
#deliveries .report + SPAN, #categories .report + SPAN
{
	margin-top: 8px;
	display: block;
}
#deliveries .csv + SPAN
{
	margin-top: 8px;
	display: block;
}
#dmcsv
{
    padding: 2px;
    position: absolute;
    right: 18px;
    top: 22px;
    width: 30px;
    height: 30px;
}
/*END DELIVERY LISTING SUMMARY
START PCS TABLE*/
.pcstable
{
	width: 100% !important;
	/*[disabled]=width:200%;*/
	margin-top: 15px;
	border-collapse: collapse;
	margin-top: 15px;
	border: 1px solid #BBB;
	background-color: #FFF;
	zoom: 1;
}
.pcstable TH.hidden, .pcstable TD.hidden
{
	display: none;
}
.pcstable TH, .pcstable TD
{
	border: 1px solid #BBB;
	padding: 4px 10px;
}
.pcstable TH
{
	color: #808080;
	background-color: #CCC;
	cursor: default;
}
.pcstable TR
{
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}
.pcstable TR:nth-child(odd)
{
	background-color: #F6F6F6;
}
.pcstable TR:not(.disabled):hover
{
	background-color: #BBCDF8;
	cursor: pointer;
}
.pcstable TR.IEhover
{
	background-color: #BBCDF8;
	cursor: pointer;
}
.pcstable TR.inserted
{
	background-color: #FFF;
}
.pcstable IMG
{
	float: left;
	width: 25px;
	height: 25px;
	/*[disabled]background-color:#6D6D6D;*/
	margin-left: 6px;
}
.pcstable TABLE.inserted
{
	width: 95% !important;
	float: right;
	margin: 5px 0;
}
/*END PCS TABLE
START EXPANDER BUTTON*/
.expanderButton
{
	display: block;
	float: left;
	/*+box-shadow: none !important;*/
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0px !important;
	position: relative;
	width: 20px;
	height: 20px;
	background-color: #0266A2;
	color: #FFF;
	font-weight: normal;
	line-height: 1;
	font-size: 22px;
	border: none;
}
.expanderButton.minus
{
	background-color: #419638;
}
.expanderButton + SPAN
{
	margin-top: 4px;
	display: block;
}
/*END EXPANDER BUTTON
START LOOKUP SEARCH*/
FORM#search
{
	border: 1px solid #CCC;
	padding: 10px;
	margin: 5px auto;
	width: 800px;
	background-color: #FFF;
	overflow: hidden;
	height: 112px;
}
INPUT#search
{
    margin-left: -35px;
}
FORM#search LABEL
{
	display: block;
}
FORM#search > DIV
{
	float: left;
	margin-left: 75px;
}
#search #type
{
	margin-bottom: 5px;
}
#search #type P
{
	margin: 0 0 10px;
	font-weight: bold;
}
#search #type > LABEL
{
	margin-left: 10px;
	margin-bottom: 5px;
}
#search #type > LABEL > INPUT
{
	margin-right: 8px;
}
#search #name
{
	margin-left: 100px;
	margin-top: 22px;
}
#search #name LABEL
{
	font-weight: bold;
	margin-bottom: 8px;
}
#search #name INPUT[type=text]
{
	width: 200px;
	border: 1px solid grey;
}
#search #submit
{
	margin-top: 21px;
}
#output
{
	width: 915px;
	border: 1px solid #CCC;
	margin: 25px auto 0;
	padding: 15px;
	background-color: #FFF;
}
#output > P
{
	margin: 0;
}
#output > P > SPAN
{
	font-weight: bold;
}

#output .cartonDetailsContainer {
	color: red;
  margin: -20px 0px 20px 0px;
}
/*END LOOKUP SEARCH
START TRANSFERS HEADER*/
#transHeader
{
	margin-top: 17px;
	position: relative;
	margin-bottom: 62px;
}
#transHeader > P
{
	float: left;
	margin-right: 45px;
	margin-left: 32px;
	font-weight: bold;
}
#transHeader LABEL
{
	display: block;
	font-weight: bold;
}
#transHeader FORM > DIV
{
	/*[disabled]display:inline-block;*/
	float: left;
	margin-right: 45px;
}
#transHeader #transSelect
{
	margin-top: -10px;
}
#transHeader #typeFilter
{
	width: 132px;
	font-size: 13px;
	height: 22px;
	margin-top: 3px;
}
#transHeader #search
{
	margin-top: 5px;
}
#transHeader #create
{
	position: absolute;
	right: 0;
	bottom: -48px;
	/*[disabled]background-color:#1EC10D;*/
}
/*END TRANSFERS HEADER
START LIGHTBOX*/
#lightboxBackdrop
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: #000;
	/*+opacity: 50%;*/
	-filter: alpha(opacity=50);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-ms-filter: progid :DXImageTransform.Microsoft. Alpha ( Opacity = 50 );
}
.lightboxFrame
{
	position: fixed;
	left: 50%;
	top: 50%;
	width: 500px;
	margin-top: -200px;
	margin-bottom: 5px;
	margin-left: -250px;
	z-index: 25;
	background-color: #FFF;
	border: 1px solid #CCC;
	/*+border-radius: 10px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.lightboxFrame .lightboxHeader
{
	padding-top: 15px;
}
.lightboxFrame .lightboxTitleBar
{
	width: 538px;
	border: none;
}
.lightboxContent
{
	padding: 0 15px 15px;
}
/*END LIGHTBOX*/
/*START TRANSFERS WINDOW*/
.lightboxContent #transBody
{
	border: 1px solid #CCC;
	margin: 17px 20px 20px;
	padding-bottom: 25px;
	padding-top: 10px;
}
.lightboxContent #transBody > DIV:not(.buttons)
{
	float: right;
	margin-right: 85px;
	margin-bottom: 15px;
}
#transBody > DIV:nth-last-child(n+2)
{
	padding-bottom: 25px;
}
#transBody > DIV > LABEL
{
	font-weight: bold;
	margin-right: 25px;
}
#transBody INPUT[type=text], #transBody SELECT
{
	width: 150px;
}
#transBody DIV.buttons
{
	text-align: center;
}
#transBody DIV.buttons INPUT
{
	width: 125px;
}
#transBody DIV.buttons #cancel
{
	margin-left: 75px;
}
/*END TRANSFERS WINDOW*/
/*START STORE SCANNING*/
#storeScan .preamble #startStoreScanning
{
	float: none;
	margin-top: 16px;
}
#storeScan .scanning, #storeScan .finalize
{
	display: none;
}
#scanBlock INPUT[type=text]
{
	font-size: 18px;
}
#storeScan #scanBlock
{
	/*[disabled]border:1px solid #CCCCCC;*/
	/*[disabled]+border-radius:5px;*/
	/*[disabled]background-color:#FFFFFF;*/
	display: none;
}
#storeScan .counterBlock
{
	float: right;
	text-align: right;
	margin-right: 125px;
	font-size: 14px;
	font-weight: bold;
}
#scanBlock INPUT.counter
{
	width: 50px;
}
#scanBlock LABEL[for="cartonNumber"]
{
	float: left;
	margin-top: 17px;
	font-size: 18px;
	font-weight: bold;
	margin-left: 160px;
}
#scanBlock #cartonNumber
{
	width: 290px;
	font-size: 20px;
	margin-left: 11px;
	margin-top: 15px;
}
#scanBlock H3
{
	/*[disabled]float:right;*/
	text-align: right;
	margin-right: 285px;
	margin-top: -25px;
	font-size: 18px;
	margin-bottom: 7px;
}
#scanBlock #scanStatus
{
	list-style: none;
	float: right;
	font-size: 14px;
	margin-top: 0;
	width: 300px;
	margin-right: 60px;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
	/*+border-radius: 5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFFFFF;
	min-height: 100px;
}
/*END STORE SCANNING*/