/* Sticky Footer - adapted from http://www.cssstickyfooter.com */
html, body, form { height: 100%; }
#Wrap { min-height: 100%; width: 100%; }
#Main { overflow:auto; padding-bottom: 33px; display: table; min-width: 960px; width: 100%; }  /* padding-bottom must be same height as the footer */
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ } /*Opera Fix*/

/* Page Header */
.Header { border-bottom: 1px solid #2662b9; background: #0046ad !important; margin-bottom: 20px; }
.Header table { width: 100%; margin-bottom: 0; }
.Header table td { white-space: nowrap; }
#SiteBanner td { vertical-align: middle; padding: 0 1.5em 0 0; white-space: nowrap; }
#SiteLogo { white-space: nowrap; background: #0046ad !important; }
#SiteLogo a:hover { background: #0046ad !important; }

/* Admin and User Menus */
#Menus .Menu a.level1 { font-size: 1.25em; }
#Menus .Menu a.level2, #Menus .Menu a.level3 { font-size: 1.15em !important; padding: 0.25em; }
#Menus .Menu .level1>.static>.highlighted { border: 1px solid #2662b9; background-color: #71aaff; }
#Menus .Menu .level2 .highlighted, #Menus .Menu .level3 .highlighted { background-color: #1354b3; color: #ffffff; }

/* Navigation Menu Bar*/
#MenuBar { padding-top: 2px; padding-bottom: 0; vertical-align: top; min-width: 600px; height: 31px; font-size: 12px; font-weight: bold; background: #71aaff; border-top: 1px solid #0046ad; }
#MenuBar .Menu a.level1 { color: #00183E; padding: 6px 8px 7px 8px; border: 0; }
#MenuBar .Menu .level1>.static>.highlighted { border-color: #1354B3; background-color: #1354b3; color: #ffffff; text-shadow: none; margin-bottom: 3px; }
#MenuBar .Menu a.level2, #MenuBar .Menu a.level3, #MenuBar .Menu a.level4, #MenuBar .Menu a.level5 { color: #ffffff !important; padding: 0.25em 0.35em; padding-right: 1.5em; font-size: 1em; color: #000000; margin: 0.1em; }
#MenuBar .Menu ul.level2 { background-color: #2662B9; border: 1px solid #2662B9; border-top: 0; box-shadow: 0.5em 0.5em 1em #383838; border-collapse: separate; }
#MenuBar .Menu ul.level3, #MenuBar .Menu ul.level4, #MenuBar .Menu ul.level5 { background-color: #0046ad; border: 1px solid #0046ad; box-shadow: 0.25em 0.25em 2em #6d6e71; border-collapse: separate; }
#MenuBar .Menu .level2 .highlighted, #MenuBar .Menu .level3 .highlighted, #MenuBar .Menu .level4 .highlighted, #MenuBar .Menu .level5 .highlighted { background-color: #1354b3; color: #aaccff !important; }

/* Site Search Bar */
td.SearchBar { text-align: right; color: #ffffff; padding-right: 1em; white-space: nowrap; vertical-align: top; padding-bottom: 0.5em; background: #71aaff; }
td.SearchBar>div { padding-left: 0.5em; }
td.SearchBar .SearchBoxContainer { display: inline-block; background-color: #ffffff; border: 1px solid #2662b9; border-radius: 0; margin-right: 1em; }
td.SearchBar, td.SearchBar input[type=text] { font-size: 1.05em; font-weight: bold; font-style: normal; }
td.SearchBar input[type=text] { color: #383838; background-color: transparent; width: 230px; border: 1px solid transparent; border-radius: 0; vertical-align: baseline; *vertical-align: middle; }
td.SearchBar input.SearchBoxEmpty { color: #c9c9c9; font-weight: normal; font-style: italic; *border-bottom-width: 2px; }
td.SearchBar .SearchButton { margin-left: 0; margin-right: 0.25em; vertical-align: text-bottom; }

body
{
    padding: 0;
    margin: 0;            
    background-color: #AACCFF;
}
body, input, select, textarea
{
    font-family: Arial, Helvetica, Sans-Serif !important;
    color: #0046AD;
}

td 
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #0046AD;
	font-size: 12px;
}
A
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10px;
}
A:hover
{
	background-color: #71AAFF;
}
.DetailText
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #0046AD;
	font-size: 10px;
}
.DetailText8px
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #0046AD;
	font-size: 8px;
}
.DetailText12px
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #0046AD;
	font-size: 12px;
}
.DetailText14px
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #0046AD;
	font-size: 14px;
}


.ASPxLabelReqItem
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #CC3300;
		}
ASPxLabelNotReqItem
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #0046AD;
		}
		
		
.ASPxTextBox
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #0046AD;
	font-size: 12px;
	width: 200px;
	background-color:#FFFF99;
	
}
.ASPxComboBoxStyle
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #0046AD;
	font-size: 12px;
	background-color: #FFFFFF;
}

.dxgvInlineEditRow,
.dxgvDataRow
{
     height:10px;
}

.dxgvHeader {
     
     height:10px;
}


.EntryText
{
	font-family: Arial, Helvetica, Sans-Serif;
	color:Black;
	font-size: 10px;
}



.ErrorText
{
	color: #993333;
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20pt;
}
.ErrorTextSmall
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color:#AACCFF;
}
.WarningText
{
    color:Black ;    
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 20pt
}

.PageTitle
{
	font-family: Arial, Helvetica, Sans-Serif;
	color:#0046AD;
	font-size:14px;
	font-weight:bold;
}


.SubTitle
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #2662B9;
	font-size:12px;
	font-weight:bold;
}
.MenuText
{
	font-weight: bold !important;
	font-size: 12px !important;
}

.buttonStyle {
    background-color: #0046AD;
    border: 1px solid #71AAFF;
    padding: 5px 10px !important;
    font-size: 12px;
    color: #FFFFFF;
    cursor: pointer;
}

/* Apply to the class if disabled*/
.buttonStyle:disabled {
        opacity: 0.6;
        pointer-events: none !important;
}

.buttonStyle12
{ 
   background-color:#0066CC;
   border-color:Black;
   border-style:Inset ;
   font-family:Verdana;
    color:White; 
    font-size:12px;
   

}
.buttonStyle2
{
  background: #0046AD;
  border: 1px solid #71AAFF;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.optionStyle
{ 
   background-color:Gray;
   border-color:#0066CC;
   border-style:outset;
   font-family:Verdana;
   color:Black;

}

.TOP PADDING
{
	border: medium solid #000080;
}

div.footer
{
    position: relative; height: 32px; clear:both; margin-top: -33px; /* negative value of footer height */
    width: 100%;
    background-color: #2662B9;
    color: #F0F0F0;
	padding: 0px;
    line-height: 32px;
    vertical-align: middle;
	font-style: normal;
	font-size: 10px;
	border-top: 1px solid #0046AD;
	text-align: center;
}
div.footer a
{
    color: #F0F0F0;
    font-style: normal;
    text-decoration: none;
}

.header .Menu
{
    padding: 6px 6px !important;
    border-top: 3px solid #71AAFF !important;
    margin-bottom: 3px;
    margin-left: 3px;
}

.header .MenuText
{
    text-align: left;          
}        
.header .level1 a
{
    color: #0046AD;
}
.header .level2 a
{
    color: #FFFFFF;
}
.header .level1>.static>a
{
    background-color: #71AAFF;
    color: #00183E;
}
.header .level2
{
    padding: 5px;
}
.header .SubMenu
{
    padding: 3px 6px;
}        
.header .highlighted
{
    background-color: #1354B3 !important;
    color: #AACCFF !important;
}
.header .level1>.static>.highlighted
{       
    background-color: #2662B9 !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid #71AAFF !important;
}
.header ul.level2, .header ul.level3
{
    background-color: #2662B9;
}
.header ul.level2
{
    margin-left: 3px !important;
}
.SiteBanner
{
    min-width: 780px;
    height: 85px;
    display: block;
    background-color: #0046AD;
    border-bottom: 1px solid #2662B9;
}
div.header
{
    text-align: center;
    background-color: #71AAFF; 
    border-bottom: 1px solid #2662B9;  
    margin-bottom: 20px;
}
.header .UserName
{
    color: #0046AD;
    font-weight: normal;
    font-size: 12px;
    line-height: 33px;
    vertical-align: middle;
    margin-right: 10px;
    display: block;
    float: right;
}

.GridRows
{
	border: thin solid #800000;
	color: #003366;
	background-color: #99CCFF;
}
.Content
{
	background-position: auto auto;
	background-color: #AACCFF;
	width: 100%;
	height: auto;
	margin: 0px auto;
	margin-bottom: 30px;
}


/* Jed 7/26/2012 - Get rid of flicker when site menu in master page loads initially */
#ctl00_Menu1 ul li ul
{
    display: none;  
}
#ctl00_Menu1>ul>li 
{
    position: relative; 
    float: left;
    list-style: none;
}


/* Jed 6/19/2012 - Added styles for DC 3.0 changes */

/* Content Container (used for styling new pages and to prevent the new styles below from affecting previous styles) */
.ContentArea
{
    margin: 30px auto;
    margin-bottom: 40px;
    padding: 40px 50px;
    overflow: visible;
    font-size: 12px;
    width: 640px;
    background-color: #AACCFF; /*#F0F0F0;*/
    color: #0046AD;
    border: 0;
    margin-top: 10px;
    padding-top: 0;
}

/* Content Area Header Styles */
.ContentArea .Title { display: block; text-align: center; margin: 0 0 40px 0; font-size: 18px; font-weight: bold; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #71AAFF; }
.ContentArea .SubTitle { display: block; margin-bottom: 24px; font-size: 14px; font-weight: bold; color: #0046AD; }

/* Form Element Styles */
.ContentArea input, .ContentArea select, .ContentArea textarea { font-size: 12px; color: #0046AD; }
.ContentArea .buttonStyle { color: #FFFFFF; }
.ContentArea p { margin: 0 0 16px 0; }
.ContentArea a { font-size: 12px; }
.ContentArea label, .ContentArea .Label { font-size: 12px; font-weight: bold; display: inline-block; padding-bottom: 6px; }
.ContentArea .ButtonRow { text-align: center; margin: 20px 0 10px 0; padding-top: 30px; border-top: 1px solid #71AAFF; }
.ContentArea .ButtonRow input { padding: 5px 10px; margin: 0 20px; }
.ContentArea .ButtonRow .clicked { background-color: #E7E7E7; }
.ContentArea .FileInput { border: 1px solid #2662B9; background-color: #FFFFFF; color: #0046AD; width: 95%; padding: 2px 5px; }

/* Table Styles */
.ContentArea .Table { background-color: #FFFFFF; border: 1px solid #0046AD !important; }
.ContentArea .Table th { padding: 3px; font-size: 11px; border-right: 1px solid #2662B9; border-bottom: 1px solid #2662B9; text-align: left; background: #2662B9; color: #FFFFFF; }
.ContentArea .Table td { padding: 3px; font-size: 11px; border-right: 0; }
.ContentArea .Table tr.AltRow { background-color: #E7E7E7; }
.ContentArea .Table .buttonStyle { padding: 2px 10px !important; }
.ContentArea .TableBorder { border: 1px solid #2662B9; }
.ContentArea .Indented { margin-left: 20px; }

/* Jed 7/27/2012 - This warning icon will display initially until the CSS for custom controls is loaded where it will be overruled. */
.ResourceWarning
{
    position: fixed;
    bottom: 0;
    right: 0;
    height: 20px;
    width: 16px;
    text-align: center;
    color: #FF0000;
    font-weight: bold;   
    font-size: 12px;
    cursor: progress;
}

/* Custom Controls - PageMessage */
div.CompleteMessage, span.CompleteMessage { border: 1px solid #d5eeb9; background-color: #f0ffe0; border-radius: 0; }
div.WarningMessage, span.WarningMessage { border: 1px solid #f6f600; background-color: #ffffbb; border-radius: 0; }
div.ErrorMessage, span.ErrorMessage { border: 1px solid #ffb6b6; background-color: #ffcccc; border-radius: 0; }
div.InfoMessage, span.InfoMessage { border: 1px solid #afc9ef; background-color: #c8daf4; border-radius: 0; }
div.CompleteMessage, div.InfoMessage, div.ErrorMessage, div.WarningMessage, span.CompleteMessage, span.InfoMessage, span.ErrorMessage, span.WarningMessage { margin-bottom: 1.25em; }


/* Jed 9/12/2012 - Overrides for common control styles to match DC 3.0 formatting */
.ErrorMessage, .WarningMessage, .InfoMessage, .CompleteMessage
{
    border: 1px solid #0066CC;
}
.Dialog  
{
    border: 1px solid #0046AD !important;
}
.DialogTitle  
{
    background-color: #2662B9 !important;
    border-bottom: 1px solid #0046AD !important;
}
.DialogTitle h2
{
    color: #FFFFFF !important;
}
.Dialog .buttonStyle 
{ 
    background-color: #0046AD !important;
    border: 1px solid #71AAFF !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    color: #FFFFFF !important;
    font-weight: bold !important; 
}
.Dialog td { padding: 0.25em; }

/* Custom Controls - Dialog */
div.Dialog {
    background-color: #ffffff;
    border: 1px solid #c8daf4;
    border-radius: 0;
    color: #0046ad;
}

div.DialogTitle {
    background: #c8daf4;
    border-bottom: 0;
    padding: 0.5em 0.75em;
    border-radius: 0;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0.5em;
}

    div.DialogTitle h2 {
        font-size: 110%;
        padding: 0;
        color: #2662b9;
    }

div.Dialog h3 {
    font-size: 14px;
    color: #0046ad;
}

div.Dialog label {
    font-size: 0.95em;
}

div.Dialog input[type=text], div.Dialog input[type=password], div.Dialog input[type=file], div.Dialog textarea, div.Dialog select {
    border: 1px solid #c8daf4;
    background: #ffffff;
}

    div.Dialog input[type=text].disabled, div.Dialog input[type=password].disabled, div.Dialog input[type=file].disabled, div.Dialog textarea.disabled, div.Dialog select.disabled {
        border: 1px solid #ffffff;
    }

div.Dialog input[type=checkbox], div.Dialog input[type=radio] {
    border: 0;
}

div.Dialog .DialogContents h3 {
    margin-top: 1em;
}

.Dialog table table {
    margin-bottom: 0.5em;
}

    .Dialog table table td {
        padding: 0.4em;
    }

.Dialog .CheckBoxList {
    height: 300px;
    overflow: auto;
    border: 1px solid #8B8B8B;
    background-color: #FFFFFF;
    margin-bottom: 1.5em;
}

    .Dialog .CheckBoxList input {
        border: 0 !important;
        vertical-align: middle;
    }

.Dialog .DialogContents div.ConfirmOrderChoice {
    clear: both;
}

    .Dialog .DialogContents div.ConfirmOrderChoice p {
        width: 270px;
        float: left;
        margin-right: 1.5em;
    }

.Dialog .ButtonRow {
    clear: both;
    padding: 0;
    margin-top: 1.75em;
}


/* Jed 9/2/2014 - Override new DevExpress styles that break planogram lookups */
.DisplayInline input[type=text] {
    display: inline-block;
}

.required:after {
    content: '*';
    font-size: 14px;
    color: #f00;
    margin-left: 4px;
    text-shadow: 1px 2px 2px #b2b2b2;
}