html 
{
	position: relative;
    min-height: 100%;
}

body
{
	margin: 0 0 100px;
	padding-bottom: 80px;
}

.FixedFooter
{
	position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow:hidden;
}

a
{
    outline: 0;
    font-family:Arial;
}

a img {
    border: 0;
}

div#entirePage
{
    margin-left: auto;
	margin-right: auto;
	width: 1010px;
	text-align: left;

}

div#content
{
    width: 1010px;
    background-image: url('/images/ContentArea.png');
    background-repeat:repeat-y;
    padding:0px 14px 14px 14px;
}

div#footer
{
    width: 1010px;
    background-repeat:repeat-x;
    padding:0px 0px 0px 3px;
    margin-left: auto;
    margin-right: auto;
}

div#footer table
{
    width: 1008px;
    border-spacing:0px;
    border-collapse:collapse;
    
}

.STATable
{
    border:none 0px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border-spacing:0px;
}

.STATable tr {margin: 0px; padding: 0px;}

.STATable td {margin: 0; padding: 0px 0px 0px 0px;}

.STATableWithBorder
{
    
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border-spacing:0px;
}

.STATableWithBorder tr {margin: 0px; padding: 0px;}

.STATableWithBorder td 
{ 
    padding: 3px; 
    border-top: none 0px; 
    border-right: solid 1px; 
    border-bottom: solid 1px; 
    border-left: none 0px;
}

/****************START OF HICONTENT********************/
div#hiContentEntirePage
{
    margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	text-align: left;
	/*min-width:960px;*/

}

.SeperatorLeft
{
    min-width:3px;
    height:3px;
    background-image:url('/images/SeperatorLeft.png');
    background-repeat:no-repeat;
}

.SeperatorMiddle
{
    width:100%;
    height:3px;
    background-image:url('/images/SeperatorMiddle.png');
    background-repeat:repeat-x;
}

.SeperatorRight
{
    min-width:21px;
    height:3px;
    background-image:url('/images/SeperatorRight.png');
    background-repeat:no-repeat;
}

.hiContentLeft
{
    min-width:21px;
    background-image:url('/images/ContentAreaLeft.png');
    background-repeat:repeat-y;
}

.hiContent
{
    width: 100%;
    background-color:White;
}

div#hiDivContent {
    padding: 10px 14px 0 14px;
}

.hiContentRight
{
    min-width:21px;
    background-image:url('/images/ContentAreaRight.png');
    background-repeat:repeat-y;
}

.FooterBottomLeft
{
    min-width:35px;
    height:35px;
    background-image:url('/images/footerBottomLeft.png');
    background-repeat:no-repeat;
}

.FooterBottomMiddle
{
    width: 100%;
    height:35px;
    background-image:url('/images/footerBottom.png');
}

.FooterBottomRight
{
    min-width:35px;
    height:35px;
    background-image:url('/images/footerBottomRight.png');
    background-repeat:no-repeat;
}

div#hiContentFooter
{
    width:100%;
    background-repeat:repeat-x;
    padding:0px 0px 0px 3px;
    margin-left: 0px;
    margin-right:0px;
}

div#hiContentFooter table
{
    width: 100%;
    border-spacing:0px;
    border-collapse:collapse;
}

.loginHeader{
background-image:url('/images/loginHeader.png');
background-repeat:no-repeat;
height:80px;
width:500px;
}

.HSEloginHeader{
background-image:url('/images/HSEloginHeader.png');
background-repeat:no-repeat;
height:60px;
width:500px;
}

.header{
/*width:98%;*/
/*height:55px;*/
padding-left: 10px;
background-color: #fff;
padding-top: 10px;
}

.headerImage
{
	height:100%;
	float:left;
	width:230px;
}

.headerImage img {
    max-width: 230px;
}

.headerLeftDistribution{
background-image:url('/images/bannerLeftDistribution.png');
background-repeat:no-repeat;
height:80px;
width:487px;
}

.distributionLogo
{
    background-repeat:no-repeat;
    margin-left:20px;
    margin-top:10px;
}

.headerMiddle{
background-image:url('/images/bannerRepeat.png');
background-repeat:repeat-x;
height:80px;
}

.headerRight{
background-image:url('/images/bannerRight.png');
background-repeat:no-repeat;
height:80px;
width:112px;
}

.footerDistribution
{
    background-image:url('/images/footerbg.jpg');
    background-repeat:repeat-x;
    min-height:3px;
}

/****************END OF HICONTENT********************/



.footerText
{
    /*background-color:#ffffff; */
}

    .footerText ul {
        margin: 0;
        padding-left: 10px;
        height: 20px;
        text-align: left;
        font: normal 11px arial;
        font-weight: normal;
        color: rgb(13, 133, 128);
    }

    .footerText li {
        text-align: left;
        font: normal 11px arial;
        font-weight: normal;
        color: rgb(13, 133, 128);
        display: inline;
    }

    .footerText ul li a, .footerText ul li a:link {
        text-align: left;
        font: normal 12px arial;
        font-weight: normal;
        color: rgb(13, 133, 128);
    }

.ErrorText
{
    text-align:center;
	font:normal 18px arial;
	font-weight:normal;
	color:#ff2222;
	text-decoration:none;   
}

.ErrorTextSmall
{
    text-align:center;
	font:normal 12px arial;
	font-weight:normal;
	color:#ff2222;
	text-decoration:none;   
}


.footerText ul li a:hover {
    text-align: left;
    font: normal 12px arial;
    font-weight: normal;
    color: #f15f28;
    text-decoration: none;
}

.footerText ul li a:active
{
    color:#33c3c1;
}

#mainTable 
{
	border-width:0;
	height:100%;
	width:100%;
}

.black
{
	background-color:#000000;
}

.maxHeight 
{
	background-color:#ffffff;
	height:100%;
}

.top 
{	
	vertical-align:top;
}

.Login
{
	font-family:Arial;
	font-size:small;
	color:#222222;
	padding-right:30px;
}

.LoginControl
{
	font-family:Arial;
	font-size:small;
	color:Gray;
	background-color:#fff3e8;
}

.General
{
	font-family:"Arial";
	color:#111111;
	background-color:White;
}

.STAEditor td
{
    text-align:left;
}

.STAPageTitle
{
	font-family:Arial;
	color:white;
	font-size:2em;
	font-weight: bold;
    padding-top:5px;
    padding-bottom:5px;
    width:100%;
    background-color: rgba(13, 133, 128, 0.89);
}
.STAPageTitle span 
{
	padding-left:10px;
}

.STAEditorSummary
{
	font-family:Arial;
	color:white;
	font-size:2em;
	font-weight: bold;
    padding-left:6px;
    width:100%;
    background-color: rgba(13, 133, 128, 0.89);
    height: 30px;
}

.STASectionHeader
{
	font-family:Arial;
	color:#666666;
	font-size:1.7em;
	font-weight: bold;
    border-bottom: 3px solid rgba(13, 133, 128, 0.89);
}

.STAModalHeaderSummary
{
	background-color:#fbc663;
	font-family:Arial;
	color:#000000;
	font-size:16px;
	font-weight:900;
	border:none 0px;
    margin:0px 0px 1px 0px;
    padding:1px 2px 2px 2px;
    border-spacing:0px;
}

.STATextBox
{
	font-family:Arial;
	color:#666666;
	font-size:11px;
}

.STATextBoxRequired
{
	font-family:Arial;
	color:#666666;
	font-size:11px;
	/*background-color:LemonChiffon;*/
}


.STAFormValidation
{
	color:red;
	font-size:14px;
	padding-left:3px;
	/*background-color:LemonChiffon;*/
}

.STACheckBox
{
	font-family:Arial;
	color:#666666;
	font-size:11px;
}

.STARadioButton
{
	font-family:Arial;
	color:#666666;
	font-size:11px;
}

.STARegExValidator
{
	font-family:Arial;
}

.STADropDownList
{
	font-family:Arial;
	color:#666666;
	font-size:11px;
}

.STAListPicker
{
	font-family:Arial;
	color:#666666;
}

.STAListPickerDIV
{
    display:inline-block;
    border:solid 2px #595959;
    position:absolute; top:0px; left:0px; 
    min-height:100px;
	padding:15px 3px 3px 3px;
	background-color:rgb(186, 202, 222)/*;#fbce7a;*/
	
}

.STAPalletPickerSelectorDIV
{
    border:solid 2px #595959;
    position:absolute; top:0px; right:0px; 
	padding:0px 0px 0px 0px;
	background-color:White;
}

.STAListPickerContainerDIV
{
    display:block;
    position:fixed; top:0px; left:0px; bottom:0px; right:0px;
    width:100%;
    height:auto;
    visibility:hidden;
    background-image: url('/images/Transparent.png');
}

.STAEmbeddedEditorContainerDIV
{
    display:none;
    position:absolute; top:0px; left:0px; bottom:0px; right:0px;
    width:100%;
    height:100%;
    visibility:visible;
    background-image: url('/images/Transparent.png');
}

.STAReportPreview {
    position: absolute;
    right: 20px;
    bottom: 70px;
    left: 20px;
    top: 70px;
    border: 2px solid;
    background-color: #F0F0F0;
    overflow: auto;
}

.STAScreenOverlayLoading {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.STAReportWindow {
    position: absolute;
    right: 1px;
    bottom: 1px;
    left: 1px;
    top: 20px;
}

.STAEmbeddedEditorDIV
{
    
}

.STAProcessingContainerDIV
{
    display:block;
    position:absolute; top:0px; left:0px; bottom:0px; right:0px;
    width:100%;
    height:auto;
    visibility:hidden;
    background-image: url('/images/Transparent.png');
    z-index:1;
}

.STAProcessingImageDIV
{
    text-align:center;
    
    width: 240px ;
    height: 120px;
    margin-left: auto ;
    margin-right: auto ;
    margin-top: 200px;
    padding-top:50px;
    background-color:White;
    opacity:0.8; 
    filter:Alpha(Opacity=0.8);
}

.STALabel
{
	font-family:Arial;
	color:#666666;	
	font-size:11px;
}

.STALabelError
{
	color:Red !important;
}

.STAHeaderLabel
{
	font-family:Arial;
	color:Gray;	
	font-size:13px;
	font-weight:bold;
}

.STAGridViewButtonHeader
{
	background-color:#ffffff;
	border:none 0px;
    margin:0px 0px -3px 0px;
    padding:0px 0px 0px 0px;
    border-spacing:0px;	
    vertical-align:bottom;
    width:100%;
}

.STAGridView
{
	font-family:Arial;
	font-size:small;
	color:#black; 
	font-size:12px;
	margin-bottom:10px;
}

.STAGridViewAlternatingRowStyle
{
	/*background-color:#d9e0e9;*/
	border-right-style:solid;
    border-right-width:1px;
    border-right-color:#DDDDDD;
}

.STAGridViewAlternatingRowStyle TD
{
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#C1C1C1;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#DDDDDD;
    padding-left:2px;
    padding-right:8px;
}

.STAGridViewSelectedRowStyle
{
	background-color:#FBCE7A;
	border-right-style:solid;
    border-right-width:1px;
    border-right-color:#C1C1C1;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#DDDDDD;
}

.STAGridViewSelectedRowStyle TD
{
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#ebb653;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#DDDDDD;
	padding-left:2px;
    padding-right:8px;
}

.STAGridViewRowStyle
{
	background-color:#F1F1F1;
	border-right-style:solid;
    border-right-width:1px;
    border-right-color:#DDDDDD;
}

.STAGridViewRowHeight
{
    height:25px;
}

.STAGridViewRowStyle TD
{
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#C1C1C1;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#DDDDDD;
    padding-left:2px;
    padding-right:8px;
}

.STAGridViewRowAltColor1
{
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#DDDDDD;
    background-color:#ff0000;
}

.STAGridViewRowAltColor1 TD
{
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#C1C1C1;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#DDDDDD;
    padding-left:2px;
    padding-right:8px;
}

.STAGridViewRowAltColor2 {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DDDDDD;
    background-color: #99d0ce;
    font-weight: bold;
}

.STAGridViewRowAltColor2 TD
{
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#C1C1C1;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#DDDDDD;
    border-top-style:solid;
    border-top-color:#BBBBBB;
    padding-left:2px;
    padding-right:8px;
}

.STAGridViewRowAltColor3
{
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#DDDDDD;
    background-color:#99d0ce;
    font-weight:bold;
}

.STAGridViewRowAltColor3 TD
{
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#C1C1C1;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#BBBBBB;
    padding-left:2px;
    padding-right:8px;
}

.STAGridViewHeaderStyle {
    text-align: left;
    height: 24px;
    border-bottom-style: solid;
    background-color: #f15f28; /*#FBCE7A*/
    font-size: 12px;
    color: white;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #999999;
}

.GridviewHeaderEmbedded {
    color: #009688 !important;
    background-color: #cdcdcd !important;
}

.GridviewEmbedded {
    margin: 5px 0;
}

.GridviewlargeHeader {
    font-size: 17px !important;
}

.GridviewlargeFont {
    font-size: 15px !important;
}
tr.STAGridViewHeaderStyle TH {
    text-align: left;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #999999;
    padding-left: 4px;
    padding-right: 8px;
}

tr.STAGridViewHeaderStyle a {
    color: white;
    text-decoration: none;
}
    


.STAGridViewPagerStyle
{
	font-family:"Arial";
	text-decoration:"none";
	color:White;
    background-image: url('/images/gvpagerBackground.png');
	background-repeat:repeat-x;
	text-align:right;
	font-size: 1.2em;
	font-weight:bold; 
	border-right:#999999 solid 1px;
	border-top:#999999 solid 1px;
}

tr.STAGridViewPagerStyle a {color:#656565}

.STAButton
{
	font-family:Arial ;
	text-decoration: none;
	font-size:11px;
	font-weight:400;
	color:#666666;
	border-spacing:0;
	height:30px;
	display:block;
}

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

.STABigButton
{
	font-family:"Arial";
	font-size:15px;
	font-weight:600;
	color:#444444;
	border-spacing:0;
	height:100px;
    padding:5px;
}

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

.STAButtonLeft
{
	background-image: url('/images/ButtonSpriteLeft.png');
	background-repeat:no-repeat;
	width:6px;
}

.STAButtonMiddle 
{
	height:26px;
	background-image: url('/images/ButtonSpriteMiddle.png');
	background-repeat:repeat-x;
}

.STAButtonRight
{
	background-image: url('/images/ButtonSpriteRight.png');
	width:7px;
	background-repeat:no-repeat;
}

.Bluebutton {
  font-family: arial;
  color: #FFFFFF !important;
  font-size: 12px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 3px 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 5px;
  border: 2px solid #3866A3;
  background: #63B8EE;
  background: linear-gradient(top,  #63B8EE,  #468CCF);
  background: -ms-linear-gradient(top,  #63B8EE,  #468CCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
  background: -moz-linear-gradient(top,  #63B8EE,  #468CCF);
  margin-bottom: 3px;
}
.Bluebutton:hover {
  color: #D6D6D6 !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}

.Greenbutton 
{
	font-family:Arial ;
	text-decoration: none;
	font-size:24px;
	font-weight:400;
	border-spacing:0;
	height:34px;
	
  color: #EBEDF0 !important;
  font-size: 24px;
  padding: 0 2px 0 2px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 5px;
  border: 2px solid #568248;
  background: rgba(13, 133, 128, 0.89);
  margin:0 0 4px 1px;
}
.Greenbutton:hover {
  border: 2px solid #fb9d00;
}

.STABigButtonLeft
{
	background-image: url('/images/BigButtonSpriteLeft.png');
	background-repeat:no-repeat;
	width:7px;
}

.STABigButtonMiddle
{
	background-image: url('/images/BigButtonSpriteMiddle.png');
	background-repeat:repeat-x;
	min-width:90px;
 
}

.STABigButtonImageContainer
{ 
 
}

.STABigButtonTextContainer
{
    
}

.STABigButtonRight
{
	background-image: url('/images/BigButtonSpriteRight.png');
	width:7px;
	background-repeat:no-repeat;
}

.STAGridViewFilterAll
{
	font-family:Arial;
	font-size:small;
	color:Gray;
	height:18px;
	margin-top:-2px;
}

.STAButtonImage
{
	border:0;
	margin-right:3px;
	width:22px;
}

.STABigButtonImage
{
	border:0;
	margin-right:3px;
}

/* This is the style for the date picker trigger icon. The margin-bottom value causes the icon to shift down to center it. */
.ui-datepicker-trigger 
{
    margin-left:5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: -3px;
}

.ui-datepicker-trigger:hover 
{
    cursor:pointer;
}

.STAGridViewFilterAllButton
{
    font-family:Arial;
    font-size:smaller;
    color:#555555;
}

.STAMenuLogOut{
	float:right;
}
.STAMenuLeft
{
    /*background-image:url('/images/MenuLeft.png');
    background-repeat:no-repeat;
    width:8px;
    background-color:Transparent;*/
    }

.STAMenuMiddle {
    /*background-image:url('/images/MenuMiddle.png');
    background-repeat:repeat-x;*/
    padding-right: 20px;
    font-size: 1.4em;
    text-align: center;
    background-color: Transparent;
    padding-top: 15px;
    color: #f15f28;
    font-weight: bold;
}

.STAMenuRight
{
   /* background-image:url('/images/MenuRight.png');
    background-repeat:no-repeat;
    width:8px;
    background-color:Transparent;*/
	
}





/* root element for tabs  */
ul.STATabs {  
	margin:0 !important; 
	padding:10px 0 0 0;
	height:30px;
	border-bottom:1px solid #888;	 	
}

/* single tab */
ul.STATabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
    ul.STATabs a {
        float: left;
        font-size: 1.3em;
        display: block;
        padding: 5px 15px;
        text-decoration: none;
        border: 1px solid #888;
        border-bottom: 0px;
        height: 18px;
        background-color: #f15f28;
        color: #fff;
        margin-right: 2px;
        position: relative;
        top: 1px;
        outline: 0;
        -moz-border-radius: 4px 4px 0 0;
    }

    ul.STATabs a:hover {
        background-color: #a97447;
        color: #fff;
    }
	
/* selected tab */
    ul.STATabs a.current {
        background-color: #28928e;
        border-bottom: 1px solid #28928e;
        color: #fff;
        cursor: default;
    }

	
/* tab pane */
.STATabPane {
	display:none;
	border:1px solid #888;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#fff;	
    height:220px;
    position:relative;
}

.NotVisible
{
    display:none;
}

.Visible
{
    display:block;
}

.Hidden
{
	visibility: hidden;
}

.Graphic
{
    Float:left;
    min-width:700px;
    min-height:500px;
    margin-left:10px; 
    margin-bottom:12px; 
    background-repeat:no-repeat; 
    position:relative;
    
}

.DistributionCharges
{
    margin-top:10px;
    background-color:#cbe0ff;
}

.DistributionChargesHeader
{
    text-align:left;
    background-color:#ffcc77;
    height:50px;
    padding-left:5px;
    border:none;
}

.DistributionChargesHeaderWeight
{
    text-align:right;
    background-color:#ffcc77;
    height:50px;
    font-size:12px;
    border:none;
}

.DistributionChargesHeaderWeight Input
{
    width:30px;
	font-family:Arial;
	color:#444;
	text-align:right;
	font-size:10px;
}

.DistributionChargesHeader p
{
    font-size:13px;
    padding-left:5px;
}

.DistributionChargeType
{
    background-color:#ffcc77;
    padding-right:10px;
    padding-left:5px;
    height:30px;
}

.DistributionChargeType p
{
    padding-right:10px;
    padding-left:5px;   
}

.DistributionChargeName
{
    border:none;
    margin:0;
    padding:0;
    border-collapse:collapse;
    border-spacing:0;
}

.DistributionChargeNameLabel
{
    border:solid 1px #999;
    vertical-align:top;
    text-align:left;
    background-color:#dddddd;
    color:#444;
	writing-mode:tb-lr;
	padding-top:5px;
	padding-bottom:20px;
	-webkit-transform: rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
    display:block;
	font-family: arial;
	font-size:18px;
	font-weight:normal;
	width:22px;
	margin:0 auto;
}

.DistributionCharge
{
    text-align:center;  
    border:none;
    color:#444;
}

.DistributionCharge input
{
	width:20px;
	font-family:Arial;
	color:#444;
	text-align:center;
	font-size:10px;
}

.NumberOfUp
{
    border:none;
}

.NumberOfUp div
{
    background-image: url('/images/NumberOfUp.png');
    background-position:center;
    background-repeat:no-repeat;
    width:100%;
    height:10px;
    margin:auto;
    cursor:pointer;
}

.NumberOfDown
{
    border:none;
}

.NumberOfDown div
{
    background-image: url('/images/NumberOfDown.png');
    background-position:center;
    background-repeat:no-repeat;
    width:100%;
    height:10px;
    margin:auto;
    cursor:pointer;
}

.STALogout
{
 font-family:Arial;
 font-size:13px;
 font-weight:200;
 color:#678fc2;   
 text-decoration:none;
 background-color:#fbc663;
}

.StockInTotalLabelContainer
{
    position:relative;   
}

.StockInTotalLabel
{
    position:absolute;
    top:8px;
    left:-35px;   
    height:16px;
    padding-top:3px;
}

.StockInTotalContainer
{
    position:relative;  
    width:100%; 
}

.StockInTotal
{
    width:100%; 
    position:absolute;
    top:8px;
    left:-1px;
    background-color:#fdd893;
    text-align:right;
    font-size:11px;
    height:16px;
    padding-top:3px;
}

.StockInLineTotal
{
    font-family:Arial;
	color:#666666;
	font-size:11px;
    text-align:right;
    width:60px;
    background-color:#eeeeee;
}

.DrillDownPalletContainer
{
    position:relative; 
    width:800px; 
    height:150px;
    background-color:#dddddd;
}

.DrillDownPallet
{
    border:solid 2px #fbc663;
    border-bottom:solid 5px #726002;
    background-image:url('/images/PalletTexture.jpg');
    background-repeat:repeat;
    position:absolute;
    top:6px;
    height:140px;
}

.DrillDownPalletInbound
{
    border:solid 2px #fbc6f3;
    border-bottom:solid 5px #726002;
    background-image:url('/images/PalletTextureInbound.jpg');
    background-repeat:repeat;
    position:absolute;
    top:6px;
    height:140px;
}

.Obstruction
{
    border:solid 2px #111111;
    border-bottom:solid 2px #111111;
    background-image:url('/images/BlackObstructionTexture.jpg');
    background-repeat:repeat;
    position:absolute;
    top:0px;
    height:146px;
}

.DrillDownPalletSelected
{
    border:solid 2px #ffffff;
    border-bottom:solid 5px #726002;
    background-image:url('/images/PalletTextureSelectable.jpg');
    background-repeat:repeat;
    position:absolute;
    top:6px;
    height:140px;
}

.MovementsPalletInfo
{
    font-size:9px;
    font-family:Arial;
    color:#555555;
    background-image:url('/images/TransparentPalletInfo.png');
    background-repeat:repeat;
    float:right;
    margin:2px;
    padding:2px;
    text-align:left;
}

.DrillDownPalletBayPosition
{
    position:absolute;
    font-size:14px;
    font-family:Impact;
    color:#222222;
    padding:2px;
    padding-left:3px;
}

.accordion .head
{
    background-image:url('/images/accordionHeaderBackground.png');
}

.MovementsPalletContainer
{
    position:relative; 
    width:800px; 
    height:150px;
    background-color:#dddddd;
}


.MovementsPalletOutbound {
    border:solid 2px #fbc663;
    border-bottom:solid 5px #726002;
    background-image:url('/images/PalletTexture.jpg');
    background-repeat:repeat;
    position:absolute;
    top:6px;
    height:140px;
    cursor:pointer;
}

.MovementsPalletSelected
{
	color:Yellow;
    border:solid 2px #ffffff;
    border-bottom:solid 5px #726002;
    background-image:url('/images/ObstructionTexture.jpg');
    background-repeat:repeat;
    position:absolute;
    top:6px;
    height:140px;

}

.MovementsPalletSelectedEuro
{
	color:Yellow;
    border:solid 2px #ffffff;
    border-bottom:solid 5px #726002;
    background-image:url('/images/PalletTextureSelectable.jpg');
    background-repeat:repeat;
    position:absolute;
    top:6px;
    height:140px;

}
.DrillDownMovementPalletInfo
{
    font-size:9px;
    font-family:Arial;
    color:#555555;
    background-image:url('/images/TransparentPalletInfo.png');
    background-repeat:repeat;
    float:right;
    margin:2px;
    padding:2px;
    text-align:left;
}

.MovementsPalletIsAlreadyMovements
{
	color:Yellow;
    border:solid 2px #fbc6f3;
    border-bottom:solid 5px #726002;
    background-image:url('/images/PalletTextureExisitingMovement.jpg');
    background-repeat:repeat;
    position:absolute;
    top:6px;
    height:140px;
}

.MovementsPalletInbound
{
	color:Yellow;
    border:solid 2px #fbc6f3;
    border-bottom:solid 5px #726002;
    background-image:url('/images/ObstructionTexture.jpg');
    background-repeat:repeat;
    position:absolute;
    top:6px;
    height:140px;
}

#modal-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/Transparent.png');
    z-index: 1000;
}

#modal-content {
    background-color: white;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;
    height:auto;
    display: none;
    left: 50%;
    margin: -120px 0 0 -220px;
    padding: 10px;
    position: fixed;
    top: 50%;
    width: 450px;
    z-index: 1000;
}

#modal-background.active, #modal-content.active {
    display: block;
}​

.ContainerBody 
{
	font-family:Arial,sans-serif;
	font-size:10px;
	color:gray;
}

.LogOut
{
	Width:100%
}

.FlashMessageContainer
{
	margin: 2px auto;
	width:99%;
	text-align:center;
	background-color:rgba(255,195,34,0.65);
	border-radius: 5px;
}

#FlashMessage
{ 
	Font-Size:x-large; 
	Color:white;
}

.DivSplitScreen {
    float: left;
    min-width: 10%;
    margin: 10px 1% 10px 1%;
    border: 1px solid;
}

ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: rgba(13, 133, 128, 0.89);
    font-size: 2em;
    margin: 0;
}

ul.breadcrumb li {
    display: inline;
}

ul.breadcrumb li + li:before {
    padding: 8px;
    color: #e6e6e6;
    content: "/\00a0";
}

ul.breadcrumb li a {
    color: #fff;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #f15f28;
    text-decoration: underline;
}

.clientLogOut {
    padding-right: 15px;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
    float: right;
}

    .clientLogOut a {
        text-decoration: none;
        color: #f15f28;
        font-size: 1.9em;
        font-weight: bold;
    }
.clientLogOut a:hover {
    text-decoration: none;
    font-size: 2em;
}

.button {
    background-color: #f15f28;
    padding: 6px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.6em;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 6px;
    color: white;
    border: 2px solid #fff;
}

    .button:hover {
        background-color: white;
        color: black;
        border: 2px solid rgba(13, 133, 128, 0.89);
        font-size: 1.7em;
    }

.buttonInCorner {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.LoginBackground {
    margin: auto;
    min-width: 500px;
    max-width: 1000px;
    max-height: 96%;
    min-height: 620px;
    position: relative;
    margin-top:10vh;
}

.BackgroundOverlay {
    width: 100%;
    height: 100%;
    background-color: #f15f286b;
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    position: absolute;
}

.LoginPanelRight {
    height: 100%;
    min-width: 500px;
    max-width: 800px;
    position: absolute;
    right: 0;
    background-color: white;
    text-align: center;
    /*min-height: 600px;*/
}

@media only screen and (max-device-width : 1024px) {
    .LoginPanelRight {
        height: 70%;
        position: relative;
        margin: 15% 10%;
        background-color: white;
        text-align: center;
        font-size:1.4em;
    }
}

@media only screen and (max-device-height : 850px) {

    .LoginBackground {
        min-height: 950px;
        margin-top: 0;
    }
}

    .LoginFooter {
        position: absolute;
        left: 5%;
        bottom: 0px;
        height: 80px;
        width: 90%;
        overflow: hidden;
    }

    .LoginPage {
        background-color: #0096881f;
        margin: 0;
        padding-bottom: 0;
    }

    input[type="text"]::placeholder {
        /* Firefox, Chrome, Opera */
        text-align: left;
    }

    input[type="password"]::placeholder {
        /* Firefox, Chrome, Opera */
        text-align: left;
    }

    .backgroundImage {
        background-image: url('/images/conventional.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: -190px;
    }

    .LoginPanel {
        left: 50%;
        top: 20PX;
        bottom: 20px;
        width: 40em;
        margin-left: -20em; /*set to a negative number 1/2 of your width*/
        border: 1px solid #f15f28;
        background-color: #fff;
        position: fixed;
        text-align: center;
        padding: 15px;
        z-index: 1;
        min-height: 600px;
        overflow: auto;
    }

    .textBoxIcon {
        background-repeat: no-repeat;
        padding-left: 35px !important;
    }
    /*.LoginPanel {
    top: 50%;
    left: 50%;
    width: 30em;
    height: 30em;
    margin-top: -15em; /*set to a negative number 1/2 of your height*/
    /*margin-left: -15em;*/ /*set to a negative number 1/2 of your width*/
    /*border: 2px solid #f15f28;
background-color: #fff;
position: fixed;
border-radius: 15px;
text-align: center;
padding: 15px;
z-index:1;
}*/
    .STALabelMedium {
        font-family: Arial;
        color: #666666;
        font-size: 16px;
    }

    .STALabelBig {
        font-family: Arial;
        color: #666666;
        font-size: 24px;
    }

.STATextBoxTouch {
    font-family: Arial;
    color: #666666;
    font-size: 24px;
    padding: 2px;
    border-color: #0096885e;
    border-radius: 6px;
    margin: 3px 0;
}

    .STATextBoxRequiredTouch {
        font-family: Arial;
        color: #666666;
        font-size: 24px;
    }

    .PasswordResetLink {
        text-decoration: none;
        font-size: 0.8em;
        font-weight: bold;
        color: #f15f28;
    }

        .PasswordResetLink:hover {
            color: rgba(13, 133, 128, 0.89);
        }


.TreeviewBasketHeader {
    display: inline-block;
    width: 38%;
}

.TreeviewBasketHeaderLarge {
    display: inline-block;
    width: 50%;
}

.TreeviewBasketRoot {
    font-size: large !important;
    /*border-bottom: 1px solid #0e837e;*/
    color: #0e837e !important;
}

.TreeviewBasketParent {
    border-bottom: 1px solid #0e837e;
    color: #0e837e !important;
}

.TreeviewBasketHover {
    color: #f15f28 !important;
}

.TreeviewBasketNode {
    font-size: small;
    width: 100%;
    color: black;
}

.TreeviewBasketDetail {
    display: inline-block;
    width: 20%;
    text-align: justify;
}

/*PRITESH*/
.WizardAlertMessage {
    Font-Size: large;
    Color: white;
}

.WizardSearchBox {
    background-image: url('/images/searchicon.png');
    background-position: 10px 8px;
    background-repeat: no-repeat;
    /*width: 88%;*/
    font-size: 18px;
    padding: 8px 5%;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    margin-right: 2%;
    float: right;
}

.WizardContentHeight {
    max-height: 300px;
    overflow: auto;
    width: fit-content;
}

@media (min-height: 800px) {
    .WizardContentHeight {
        max-height: 500px;
    }
}


.WizardStockList {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .WizardStockList li a {
        border: 1px solid #ddd;
        margin-top: -1px; /* Prevent double borders */
        background-color: #f6f6f6;
        padding: 2px 5px;
        text-decoration: none;
        font-size: 18px;
        color: black;
        display: block;
        height: 21px;
        overflow: hidden; /*if text is longer than panel, hide the overflow*/
    }

        .WizardStockList li a:hover:not(.header) {
            background-color: #f15f28 !important;
            color: white;
        }

        .WizardStockList li a:active:not(.header) {
            background-color: #f15f28 !important;
            color: white;
        }

.WizardStockListSelected {
    background-color: #f15f28 !important;
    color: white !important;
}
.TreeviewStockItemDetail {
    display: inline-block;
    /*width: 20%;*/
    text-align: justify;
    font-size: small;
}
.STAWizardLinkButton {
    font-size: large;
    color: #0e837e;
    text-decoration: none;
    line-height: 1.2;
}




.STAWizardButton {
    display: inline-block;
    font-size: large;
    text-decoration: none;
    line-height: 1.2;
    border: 1px solid #0e837e;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
}


    .STAWizardButton:not([disabled]) {
        color: #0e837e;
    }

    .STAWizardButton:hover:not([disabled]) {
        border: 1px solid #f15f28;
        color: #f15f28;
    }

    .STAWizardButton:focus:enabled {
        border: 1px solid #f15f28;
        color: #f15f28;
    }


    .WizardStockList li a:active:not(.header) {
        background-color: #f15f28 !important;
        color: white;
    }