/* ----------------------------------------------------------- */

	.cssOverride .ui-footer .ui-listview-filter {
		margin:0px;
	}

	.cssOverride .cssTrafficLight {
		height:                 20px;
		width:                  20px;
		-moz-border-radius:     10px;
		-webkit-border-radius:  10px;
		border-radius:			10px;
		text-align:             center;
		line-height:            20px;
		font-weight:            bold;
		float:                  right;
		margin-left:            5px;
		margin-top:				4px;
		font-family:            "Trebuchet MS", Verdana, Geneva, 'DejaVu Sans', sans-serif, monospace;
		font-size:            	14px;
	}

	.cssOverride .cssTrafficLightFluid {
		height:                 auto;
		width:                  auto;
		padding: 				2px 5px 0px 5px;
	}

	.cssOverride .cssErrorBox {
		padding-left:			40px;
		background-color:       #F09DA0;
		color:                  #FF0000;
	}

	.cssOverride label.cssValidateError {
		padding:				0.4em 15px;
		background-color:       #bf3030;
		color:                  white;
		border-radius:			2em;
		border:					1px solid #4a4a4a;
		display:				block;
		font-family:			Consolas,"Courier New",Courier,monospace;
		font-size:				14px;
	}
	
	.cssOverride label.cssValidateError i {
		padding-right:			15px;
	}

	.cssOverride ul.cssAlertList li  {
		padding-left:			40px;
	}

	.cssOverride .cssErrorBox span.ui-icon-alert,
	.cssOverride ul.cssAlertList li span.ui-icon {
		width:					18px;
		height:					18px;
		margin-top: 			-9px;
		position: 				absolute;
		top: 					50%;
		left: 					10px;
	}

	.cssOverride .cssAlertListInline {
		margin-top:0px;
		margin-bottom:0px;
	}

	.cssOverride .cssAlertListInline li:first-child {
		margin-top:16px;
	}

	.cssOverride .cssAlertListInline li:last-child {
		margin-bottom:16px;
	}

	.cssOverride td {
		display:                table-cell;
		padding:                2px 8px 2px 4px;
	}

	.cssOverride thead tr td {
		border-bottom:			1px solid #cccccc;
		font-weight:			bold;
	}

	.cssOverride .ui-li-heading {
		font-stretch:           condensed;
		margin:                 0.4em 0;
	}

	.cssOverride .cssSubHeading {
		background-color:       Black;
		color:                  White;
		font-size:              10px;
		margin:                 -15px -15px 15px;
		padding:                0px 15px;
		text-align:             center;
		text-shadow:            none;
	}

	.cssOverride .cssHeadingTimestamp {
		background-color:       Black;
		color:                  White;
		font-size:              10px;
		margin:                 -15px -15px 15px;
		padding:                0px 15px;
		text-align:             center;
		text-shadow:            none;
	}

	.cssOverride .cssShortLi .ui-btn-inner a.ui-link-inherit {
		padding-top:            0.1em;
		padding-bottom:         0.1em;
	}

	.cssOverride .cssShortLiDivider {
		font-size:              12px;
		padding-top:			4px;
		padding-bottom:			4px;
	}

	.cssOverride .cssFluidWidthAside {
		width:                  auto;
	}

	.cssOverride .cssFluidWidthAside img {
		margin-top:				4px;
	}

	/*
	.cssOverride.cssWrapHeader .ui-header {
		padding-bottom:         30px;
	}

	.cssOverride.cssWrapHeader .ui-header .ui-btn-left,
	.cssOverride.cssWrapHeader .ui-header .ui-btn-right {
		top:                    35px;
	}

	.cssOverride.cssWrapHeader .ui-header .ui-title {
		margin:                 0.6em 10% 0.8em;
	}
	*/

	.cssOverride.cssWrapHeader .ui-header .ui-title {
		margin:                 0.6em 10% 0.8em;
	}

	.cssOverride.cssWrapHeader .ui-header .ui-btn-left,
	.cssOverride.cssWrapHeader .ui-header .ui-btn-right {
		/*display:                none;*/
	}

	.cssOverride .ui-footer .ui-btn-right {
		right:                  0px;
		margin-right:           50px;
	}

	.cssOverride.ui-btn[data-iconpos="notext"] span.ui-btn-inner {
		padding-right:          0px;
	}

	.cssOverride .ui-simpledialog-controls a.ui-btn {
		margin-left:			10px;
		margin-right:           10px;
	}

	.cssOverride.cssLoadingOverlay {
		background:				white;
		opacity:				0.5;
		height:					100%;
		width:					100%;
		z-index:				99999;
		position:				fixed;
	}

	.cssOverride form label.error {
		/*line-height:			2em;*/
	}

	.cssOverride.ui-popup .ui-header a {
		display:				none;
	}

	.cssOverride .cssTrafficLightMini {
		height:                 15px;
		width:                  15px;
		-moz-border-radius:     5px;
		-webkit-border-radius:  5px;
		border-radius:			5px;
		text-align:             center;
		line-height:            15px;
		color:                  White;
		font-weight:            bold;
		font-family:            "Trebuchet MS", Verdana, Geneva, 'DejaVu Sans', sans-serif, monospace;
		padding:				0 4px;
	}

	.cssOverride li.cssShortLi h3.ui-li-heading span.cssTrafficLightMini   {
		font-size:				10px;
		line-height:			10px;
		position:				relative;
		top:					-2px;
		margin-left:			5px;
	}

	.cssClear {
		height:					0px;
		overflow:				hidden;
		visibility: 			hidden;
		clear:					both;
	}

	.cssClearListview {
		height:					30px;
		overflow:				hidden;
		visibility: 			hidden;
		clear:					both;
	}

	.cssOverride * {
		text-shadow:			none !important;
	}

	.cssOverride .ui-header .ui-btn-left .ui-btn-text,
	.cssOverride .ui-header .ui-btn-home .ui-btn-text {
		display:				none !important;
	}

	.cssOverride .ui-header .ui-btn-home {
		position: absolute; top: 3px;
	}

	.cssOverride .ui-header .ui-btn-home {
		left: 5px;
	}

	.cssOverride .ui-header .ui-title .cssTrafficLight {
		display:inline-block;
		float:none;
		margin-left:0px;
		margin-top:0px;
	}

	.cssOverride .ui-btn-home {
		margin-right: 5px; margin-left: 5px;
	}

	.cssOverride .ui-btn-home {
		display: inline-block; vertical-align: middle;
	}

	.cssOverride .ui-mobile .ui-btn-home {
		margin: 0;
	}

	.cssOverride form#idPagePurchaseOrderRequestTier01Form .ui-field-contain .ui-slider-switch {
		width: 12em;
	}

	.cssOverride .cssDynamicWidth90 {
		width:90% !important;
		max-width:90% !important;
		max-height:none !important;
		margin-left:auto !important;
		margin-right:auto !important;
		position:relative !important;
		float:none !important;
	}

	.cssOverride img.cssDynamicWidth90 {
		border:1px solid #cccccc;
	}

	.cssOverride .ui-block-a,
	.cssOverride .ui-block-b,
	.cssOverride .ui-block-c,
	.cssOverride .ui-block-d,
	.cssOverride .ui-block-e {
		padding:5px;
	}

	.cssOverride .ui-block-a .ui-controlgroup-controls,
	.cssOverride .ui-block-b .ui-controlgroup-controls,
	.cssOverride .ui-block-c .ui-controlgroup-controls,
	.cssOverride .ui-block-d .ui-controlgroup-controls,
	.cssOverride .ui-block-e .ui-controlgroup-controls {
		width:auto;
	}

	.cssOverride .ui-grid-a div:first-child,
	.cssOverride .ui-grid-b div:first-child,
	.cssOverride .ui-grid-c div:first-child,
	.cssOverride .ui-grid-d div:first-child,
	.cssOverride .ui-grid-e div:first-child {
		padding-left:0px;
	}

	.cssOverride .ui-grid-a div:last-child,
	.cssOverride .ui-grid-b div:last-child,
	.cssOverride .ui-grid-c div:last-child,
	.cssOverride .ui-grid-d div:last-child,
	.cssOverride .ui-grid-e div:last-child {
		padding-right:0px;
	}

	.cssOverride .ui-block-a .ui-input-text,
	.cssOverride .ui-block-b .ui-input-text,
	.cssOverride .ui-block-c .ui-input-text,
	.cssOverride .ui-block-d .ui-input-text,
	.cssOverride .ui-block-e .ui-input-text {
		width:98%;
	}

	.cssOverride .cssUiGridBorder div:first-child {
		padding-left:5px;
	}

	.cssOverride .cssUiGridBorder div:last-child {
		padding-right:5px;
	}

	.cssOverride .cssUiGridBorder .ui-block-a,
	.cssOverride .cssUiGridBorder .ui-block-b,
	.cssOverride .cssUiGridBorder .ui-block-c,
	.cssOverride .cssUiGridBorder .ui-block-d,
	.cssOverride .cssUiGridBorder .ui-block-e {
		border:1px dashed #cccccc;
	}

	@media screen and (max-width: 470px) {

		.cssOverride .ui-block-a,
		.cssOverride .ui-block-b,
		.cssOverride .ui-block-c,
		.cssOverride .ui-block-d,
		.cssOverride .ui-block-e {
			width: 100%;
			float:none;
			padding-left:0px;
			padding-right:0px;
		}

		.cssOverride .cssUiGridBorder .ui-block-a,
		.cssOverride .cssUiGridBorder .ui-block-b,
		.cssOverride .cssUiGridBorder .ui-block-c,
		.cssOverride .cssUiGridBorder .ui-block-d,
		.cssOverride .cssUiGridBorder .ui-block-e {
			padding-left:5px;
			padding-right:5px;
		}

		.cssOverride .ui-field-contain {
			margin:0.5em 0;
		}

	}

	.cssOverride dl {
		clear:both;
	}

	.cssOverride dt {
		float:left;
		width:49%;
		font-weight:bold;
		text-align:right;
	}

	.cssOverride dd {
		margin-left:51%;
	}

	.cssOverride .ui-content {
		overflow-y:hidden;
	}

	.cssOverride .ui-content div.ui-btn-icon-left .ui-btn-inner {
		padding-right:40px;
	}

	.cssOverride .ui-content div.ui-btn-icon-right .ui-btn-inner {
		padding-left:40px;
	}

	.cssOverride .cssOpacity50 {
		zoom: 1;
		filter: alpha(opacity=50);
		opacity: 0.5;
	}

	.cssOverride p.cssImageThumbLeft {
		float:left;
		width:33%;
		margin-right:15px;
		margin-top:8px;
	}

	.cssOverride p.cssImageThumbLeft > img {
		/*
		width:100%;
		height:auto;
		*/
		max-width:100%;
		max-height:50px;
	}

	.cssOverride .cssScheduleSideLightRed {
		position:absolute;
		top:-1px;
		width:5px;
		height:100%;
		padding-bottom:2px;
		background-color:red;
	}

	.fancybox-inner {
		/*overflow:				hidden !important;*/
	}

	.cssOverride .cssInputWidthSet > div.ui-input-text {
		margin-left:5px;
		margin-right:5px;
		padding-left:0px;
		padding-right:0px;
		display:inline-block;
	}

	.cssOverride .cssInputWidthSetAuto > div.ui-input-text,
	.cssOverride .cssInputWidthSetAuto > div.ui-input-text input.ui-input-text {
		width:auto;
		max-width:100%;
	}

	.cssOverride .cssInputWidthSet75px > div.ui-input-text,
	.cssOverride .cssInputWidthSet75px > div.ui-input-text input.ui-input-text {
		width:75px;
		max-width:100%;
	}

	.cssOverride .cssInputWidthSet90px > div.ui-input-text,
	.cssOverride .cssInputWidthSet90px > div.ui-input-text input.ui-input-text {
		width:90px;
		max-width:100%;
	}

	.cssOverride .cssInputWidthSet160px > div.ui-input-text,
	.cssOverride .cssInputWidthSet160px > div.ui-input-text input.ui-input-text {
		width:160px;
		max-width:100%;
	}

	.cssOverride .cssInputWidthSet190px > div.ui-input-text,
	.cssOverride .cssInputWidthSet190px > div.ui-input-text input.ui-input-text {
		width:190px;
		max-width:100%;
	}

	.cssOverride fieldset.cssControlsCenter .ui-controlgroup-controls {
		display: inline-block !important;
	}

	.cssOverride li.ui-btn.cssButtonIcon2x div.ui-btn-inner {
		min-height:48px;
	}

	.cssOverride li.ui-btn.cssButtonIcon2x div.ui-btn-inner span.ui-icon {
		height:30px;
		width:30px;
		border-radius: 30px;
		margin-top:-15px;
	}

	.cssOverride li.ui-btn.cssButtonIcon2x div.ui-btn-inner span.ui-icon-plus {
		background-position:5px 5px;
	}

	.cssOverride li.ui-btn.cssButtonIcon2x div.ui-btn-inner span.ui-icon-arrow-r {
		background-position:-103px 5px;
	}

	.cssOverride fieldset.cssCheckBoxGroup div.ui-controlgroup-label {
		width:auto;
	}

	.cssOverride fieldset.cssCheckBoxGroup legend {
		font-size:17px;
		font-weight:bold;
		margin-bottom:10px;
	}

	.cssOverride .cssScheduleShiftNote {
		background-image:url(/_images/post-it-shift-note.png);
		background-repeat: no-repeat;
		background-size: 75px 75px;
		color:transparent;
		height:75px;
		width:75px;
		position:absolute;
		top:5px;
		right:5px;
		z-index: 9999;
		opacity: 0.92;
		transform: rotate(-8deg);

	}

/* ----------------------------------------------------------- */
/* Pallet Coverage page */

	#idPagePalletCoverageTier01 .cssInputWidthAuto > div.ui-input-text input.ui-input-text {
		width:90px;
	}

/* ----------------------------------------------------------- */
/* Default colours */

	.cssOverride .cssColourRed {
		color:Red;
	}

	.cssOverride .cssColourAmber {
		color:#FF6600;
	}

	.cssOverride .cssColourGreen {
		color:Green;
	}

/* ----------------------------------------------------------- */
/* Multi View CSS */

	#idLayoutContainer {
		width:100%;
		height:100%;
		overflow:hidden;
	}

	.classViewTwoPanel .cssLayoutInnerLeft {
		top:					0%;
		left:					0%;
		width:					33%;
		height:					100%;
		float:					left;
	}

	.classViewTwoPanel .cssLayoutInnerRight {
		top:					0%;
		left:					33%;
		width:					67%;
		height:					100%;
		float:					left;
	}

	.classViewTwoPanel .cssLayoutInnerRight {
		-webkit-box-shadow: 	inset 5px 0px 5px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 			inset 5px 0px 5px 0px rgba(0, 0, 0, 0.5);
	}

/* ----------------------------------------------------------- */
/* SmartLabel CSS */

	.cssOverride .cssSmartLabel {
		display:				inline-block;
		height:					19px;
		width:					18px;
		margin-right:			4px;
		font-size:				15px;
		line-height:			19px;
		background-repeat: 		no-repeat;
		background-position: 	center top;
		text-align: 			center;
		color:					white;
		background-size:		100% 100%;
		/*
		image-rendering: 		optimizeSpeed;
		image-rendering: 		crisp-edges;
		image-rendering: 		-moz-crisp-edges;
		*/
	}

	.cssOverride .cssSmartLabel0 {
		background-image: 		url(/_images/smartlabel-0.png);
	}

	.cssOverride .cssSmartLabel1 {
		background-image: 		url(/_images/smartlabel-1.png);
	}

	.cssOverride .cssSmartLabel2 {
		background-image: 		url(/_images/smartlabel-2.png);
	}

	.cssOverride .cssSmartLabel3 {
		background-image: 		url(/_images/smartlabel-3.png);
	}

	.cssOverride .cssSmartLabel4 {
		background-image: 		url(/_images/smartlabel-4.png);
	}

	.cssOverride .cssSmartLabel5 {
		background-image: 		url(/_images/smartlabel-5.png);
	}

	.cssOverride .cssSmartLabel6 {
		background-image: 		url(/_images/smartlabel-6.png);
	}

	.cssOverride .cssSmartLabel7 {
		background-image: 		url(/_images/smartlabel-7.png);
	}

	.cssOverride .cssSmartLabel8 {
		background-image: 		url(/_images/smartlabel-8.png);
	}

	.cssOverride .cssSmartLabel9 {
		background-image: 		url(/_images/smartlabel-9.png);
	}

	.cssOverride .cssSmartLabelMedium {
		font-size:				21px;
		line-height:			24px;
		width:					24px;
		height:					24px;
	}

	.cssOverride .cssSmartLabelLarge {
		font-size:				28px;
		line-height:			28px;
		width:					28px;
		height:					28px;
	}

	.cssOverride .cssTrafficLightsLeft  {
		margin-top:				2px;
		margin-bottom:			3px;
	}

	.cssOverride .cssTrafficLightsLeft .cssTrafficLight {
		float:					left;
		/*
		letter-spacing:			-1px;
		font-size:				13px;
		*/
		width:					30px;
		height:					18px;
		line-height:			18px;
		margin-left:			0px;
		margin-right:			5px;
		margin-top:				0px;
		padding-left: 			0px;
		padding-right: 			0px;
	}

	.cssOverride li.cssDateBarLights {
		line-height:8px;
	}

	.cssOverride li.cssDateBarLights div {
		line-height:20px;
	}

	.cssOverride li.cssDateBarLights span.cssDateBarLights {
		background-repeat: no-repeat;
		background-position: left top;
		background-size:100% 100%;
		width:60px;
		height:16px;
		position:relative;
		display:inline-block;
	}

	.cssOverride li.cssDateBarLights span.cssDateBarLights span {
		position:absolute;
		top:-5px;
	}

	.cssOverride li.cssDateBarLights span.cssDateBarLights .cssDateBarLights1 {
		left:-11px;
		text-align:center;
		font-size:14px;
	}

	.cssOverride li.cssDateBarLights span.cssDateBarLights .cssDateBarLights2 {
		left:4px;
		text-align:center;
		font-size:10px;
		font-size:14px;
	}

	.cssOverride li.cssDateBarLights span.cssDateBarLights .cssDateBarLights3 {
		top:5px;
		left:32px;
		color:black;
		text-align:left;
		font-size:10px;
	}

	.cssOverride li.cssDateBarLights div.cssDateBarLightsRight {
		float:right;
		height:16px;
		margin-right:5px;
	}

	.cssOverride li.cssDateBarLights div.cssDateBarLightsRight span {
		position:relative;
		top:-5px;
		text-align:center;
		font-size:10px;
		font-size:14px;
	}

	.cssOverride table.cssInlineTable {
		width:auto;
	}

		.cssOverride table.cssInlineTable th,
		.cssOverride table.cssInlineTable td {
			text-align:left;
			font-size:14px;
			padding-right:15px;
			font-weight:normal;
		}

		.cssOverride table.cssInlineTable th {
			font-weight:bold;
		}

	/* Hide error loading message */
	body .ui-loader.ui-body-e {
		left:-9999px;
	}

/* ----------------------------------------------------------- */

	/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
	@media all and (max-width: 35em) {
		.ui-responsive .ui-block-a,
		.ui-responsive .ui-block-b,
		.ui-responsive .ui-block-c,
		.ui-responsive .ui-block-d,
		.ui-responsive .ui-block-e {
			width: 100%;
			float:none;
		}
	}

/* ----------------------------------------------------------- */
	/*
	Disable touch-hold in safari
	user-select disables highlighting text/areas.
	touch-callout disables context menu popup.
	*/

	a.cssDisableTouchHold {
		-webkit-touch-callout: none !important;
		-webkit-user-select: none !important;
	}

/* ----------------------------------------------------------- */

	/*
	FIX FOR IPAD SAFARI IN LANDSCAPE (DOES NOT APPLY IF LAUNCHED AS WEB APP)
	https://stackoverflow.com/questions/19012135/ios-7-ipad-safari-landscape-innerheight-outerheight-layout-issue
	*/
		@media (orientation:landscape) {
		    body.ipad.ios7.safari {
		        position: fixed;
		        bottom: 0;
		        width:100%;
		        height: 672px !important;
		    }
		}
    /* */

/* ----------------------------------------------------------- */

	/*
	Tickertape header
	*/

	iframe#idFrameTicker {
		height:30px;
		width:100%;
		padding:0px;
		margin:0px;
		border:0px;
		display:block;
	}

	iframe#idFrameTicker > * {
		-webkit-overflow-scrolling: touch;
		overflow:hidden;
	}

	div.cssTicker {
		height:30px;
		color:white;
		padding:0px;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, monospace;
		overflow:hidden;
	}

	div.cssTicker div.progress-bar {
		background-color: #999999;
	}

	#idLayoutContainer.classViewTwoPanel {
		height:calc(100% - 30px);
	}

/* ----------------------------------------------------------- */