#Content 
{
    margin-left: 270px; 
    margin-right: auto;
	padding-top:10px;
	float: left;
    width: auto;
}

.input {
    display: inline;
    margin-bottom: 15px;
}

.inputWide {
    display: inline;
    margin-bottom: 15px;
    width: 400px !important;
}
.requiredMarker {
	color: #FF0000;
	padding-right: 5px;
}

.labelInspector {
	padding: 0 3px 0 3px;
	text-align:right;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	clear:both;
	width: 175px;
}

.errorText, .errorText a, .errorText a:active, .errorText a:visited, .errorText a:link, .errorText p {
    font-weight: bolder;
    background-color: transparent;
    color: #CC0000; /* dark red*/
    FONT-SIZE: 18px;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    display: block;
}

#contentTable {
    width: 600px;
    text-align: center;
    padding: 10px;
}

body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
    background-color: #FAFAFA;
}

h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:20px;
	line-height:28px;
	font-weight:900;
	text-align: center;
	color:#003399;
}

p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
}

.MyDiv
{
	overflow: auto;
	display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}	

.MyDiv input[type=text], div.MyDiv RadComboDropDown
{
    float: left; 
	clear: right;   
	width: 350px;
}

.shipmentReportButtonWrapper
{
	margin: 8px auto 16px auto;
	text-align:center;
}

.CheckboxWrapper table
{
    border: 1px solid #B8B8B8;
    margin-top: 10px;
    margin-bottom: 10px;
	font-size: 12px;
}

.labeldivCheckboxWrapper
{
    margin-top: 10px;
    margin-bottom: 10px;
	padding: 0px 3px 0px 3px;
	text-align:right;
	vertical-align: top;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	clear:both;
	width: 175px;
    float: left; 
    clear: left;
	display: block;
}

.labeldivRadComboBox
{
    margin-top: 3px;
    margin-bottom: 5px;
	padding: 0px 3px 0px 3px;
	text-align:right;
	vertical-align: top;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	clear:both;
	width: 175px;
    float: left; 
    clear: left;
	display: block;
}

.ui-wrapperLeft {
    margin-left:-14px !important; 
    padding:0px;
}	
.ui-wrapper {
    margin-left:0px !important; 
    padding:0px;
}
.ui-wrapperRight {
    margin-left:17px !important; 
    padding:0px;
}
	
#buttonContent { 
  overflow:auto; 
  width: 550px; 
} 

#left, #right { 
  width: 40%; 
  margin:5px; 
  padding: 1em; 
} 

#left  { float:left;  }
#right { float:right; } 	
	
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

#overlay      
{
   top: 70px; left: 250px; width: 100%; height: 100%; background: #EEEEEE; z-index: 2; position: absolute; display: none;
}


.headerUserName
{
	color:#003399;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
}

a {
	color:#003399;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#003399;}
a:visited {color:#003399;}
a:hover {text-decoration: underline;}

#Header {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; /* 14px + 17px + 2px = 33px */
	line-height:11px;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:66px; /* the correct height */
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
	margin:0px 10px 50px 200px;

a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;}

#Menu 
{
	position:absolute;
	top:70px;
	left:0px;
	width:250px;
	padding:0px;
	line-height:17px;
    /* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:250px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

H2, .Description
{
	color:#000000;
}
HR
{
	color:#000000;
	border: thin solid #000000;
}

.usermenuExtraLabel {
	font-size: 12px;
	color : #FF0000;
	text-align: left;
	float: inherit;
	vertical-align:bottom;
	margin-top:5px;
}

.usermenu {
	font-size: 12px;
	padding-bottom : 3px;
	padding-right : 15px;
	padding-left : 5px;
	color : #003399;
	text-align: right;
	float: right;
	vertical-align:bottom;
	margin-top:40px;
}

.banner
{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
    color: #003399;
    background-color: #003399;
    background-image: url('header_background.png');
    background-repeat: repeat-x;
}
.bannerDevelopmnet
{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
    color: #003399;
    background-color: #003399;
    background-image: url('header_backgroundDevelopment.png');
    background-repeat: repeat-x;
}
.bannerTest
{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
    color: #003399;
    background-color: #003399;
    background-image: url('header_backgroundTest.png');
    background-repeat: repeat-x;
}
.bannerLocal
{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
    color: #003399;
    background-color: #003399;
    background-image: url('header_backgroundLocal.png');
    background-repeat: repeat-x;
}

.compliment
{
	height:880px;
	min-height:880px;
	max-height:880px;
}

.leftMenuDimensions
{
	float:left;
	width:20%;
	min-width:20%;
	max-width:20%;
}

.RadMenu
{
	float:left;
	width:100%;
	min-width:100%;
	max-width:100%;
}

.contentDimensions
{
	float:left;
	width:80%;
	min-width:80%;
}

.leftMenu
{
	background-color:#c66300;
	background-image:url('/Resources/left.png');
	background-repeat:repeat-y;
}

.labeldiv
{
	padding: 0px 3px 0px 3px;
	text-align:right;
	vertical-align: top;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	clear:both;
	width: 175px;
    float: left; 
    clear: left;
	display: block;
}

.labeldivrequired
{
	padding: 0px 3px 0px 3px;
	text-align:right;
	vertical-align: top;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	clear:both;
	width: 175px;
    float: left; 
    clear: left;
	display: block;
}

.label
{
	padding: 0px 3px 0px 3px;
	text-align:right;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	clear:both;
	width: 175px;
}

.labelVerticalTop
{
	padding: 10px 3px 0px 3px;
	text-align:right;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	clear:both;
	width: 175px;
	vertical-align: top;
}

.labelPartsList
{
	padding: 0px 3px 0px 3px;
	text-align:right;
	font-size: 14px;
	font-weight:normal;
	color:#000000;
	clear:both;
	width: 175px;
}

.labelNoWidth
{
	padding: 0px 3px 0px 3px;
	text-align:left;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	clear:both;
}

.labelCenter
{
	padding: 0px 3px 0px 3px;
	text-align:center;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	clear:none;
}
.labelLeft
{
	padding: 0px 3px 0px 3px;
	text-align:left;
	font-size: 12px;
	font-weight:normal;
	color:#000000;
	clear:none;
}

.labelBigLeft
{
	padding: 0px 3px 0px 3px;
	text-align:left;
	font-size: 14px;
	font-weight:normal;
	color:#000000;
	clear:none;
}

.labelError
{
	padding: 0px;
	margin-top: 20px;
    font-weight: bolder;
    background-color: transparent;
    color: #CC0000; /* dark red*/
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    display: block;
}

.keyValuePair, .formCommit, .twoColumn
{
	width:100%;
	padding: 30px 0px 0px 0px;
	clear:both;
}
.keyValuePair label,.keyValuePair .key, .Next
{
	padding: 0px 3px 0px 3px;
	width:30%;
	text-align:right;
	font-weight:bold;
	color:#c66300;	
	float:left;
	clear:none;
}

.keyValuePair input, .keyValuePair .combobox
{
	padding: 0px 0px 0px 3px;
	min-width:150px;
	max-width:150px;
	text-align:left;
	float:left;
	clear:none;
	border: thin solid #c66300;
}

.keyValuePair input[type="checkbox"]
{
	padding: 0px 3px 0px 3px;
	width:8px;
	min-width:8px;
	max-width:8px;
	text-align:left;
	float:left;
	clear:none;
	/*
	color:Orange;
	border-color:Orange;
	*/
	border: thin solid #c66300;
}

.keyValuePair input[type="file"]
{
	padding: 0px 3px 0px 3px;
	width:250px;
	min-width:250px;
	max-width:250px;
	text-align:left;
	float:left;
	clear:none;
	border: thin solid #c66300;

}

.readOnlyHeader
{
	padding: 0px 0px 0px 3px;
	width:150px;
	min-width:150px;
	text-align:left;
	float:left;
	clear:none;
	color:#c66300;
	font-weight:normal;
}

.readOnly
{
	float:left;
	clear:none;
	color:#c66300;
	font-weight:normal;
}

.labelTableHeader
{
    font-size: medium;
    font-weight: bold;
    color:  #FFFFFF;
    background-color: #1A48A3;
}

.control
{
	width:100%;
	clear:both;
	border-collapse:collapse;
}

.control table
{
	border-collapse:collapse;
}

.control thead
{
	font: normal 600 14px Verdana;
	background-color:#1A48A3;
	color:Black;
}

.control tbody
{
	font: normal 400 14px Verdana;
	background-color:#BFCCE5;
	color:Black;
}

.control tbody a:visited
{
	font: normal 400 14px Verdana;
	background-color:#BFCCE5;
	color:White;
}

.control tbody a:hover
{
	font: normal 400 14px Verdana;
	background-color:#BFCCE5;
	color:White;
}


.control tbody .alternate
{
	font: normal 400 14px Verdana;
	background-color:White;
	color:#1A48A3;
}

.control tbody .alternate a:visited
{
	font: normal 400 14px Verdana;
	background-color:White;
	color:#1A48A3;
}

.data tbody .alternate a:hover
{
	font: normal 400 14px Verdana;
	background-color:White;
	color:#1A48A3;
}

.data
{
	width:100%;
	clear:both;
	border-collapse:collapse;
}

.data table
{
	border-collapse:collapse;
}

.data thead
{
	font: normal 600 14px Verdana;
	background-color:#1A48A3;
	color:White;
}

.data tbody
{
	font: normal 400 14px Verdana;
	background-color:#BFCCE5;
	color:White;
}

.data tbody a:visited
{
	font: normal 400 14px Verdana;
	background-color:#BFCCE5;
	color:White;
}

.data tbody a:hover
{
	font: normal 400 14px Verdana;
	background-color:#BFCCE5;
	color:White;
}


.data tbody .alternate
{
	font: normal 400 14px Verdana;
	background-color:White;
	color:#1A48A3;
}

.data tbody .alternate a:visited
{
	font: normal 400 14px Verdana;
	background-color:White;
	color:#1A48A3;
}

.data tbody .alternate a:hover
{
	font: normal 400 14px Verdana;
	background-color:White;
	color:#1A48A3;
}

.buttonRight {
    position:absolute;
    right:20px;
}

.buttonSaveHover     
{
    background-position: 0 -100px;
}
.buttonSavePressed {
     background-position: 0 -200px;
}
.buttonSaveRad 
{
    background: url('Button.png');
    background-position: 0 0;
    width: 150px;
    height: 40px;
}

.buttonSave {
    display:inline; 
	width: 150px; 
	height: 40px; 
	color:#1A48A3; 
	background: url('Button.png'); 
	padding: 0px; 
	text-align: center; 
	overflow:visible; 
	border:1px solid #707070;
	cursor: pointer;
	font: normal 400 14px Verdana;
	font-weight:bold; 
}
.buttonSave:hover {
    background: url("ButtonDown.jpg"); 
}
.buttonSave[disabled] {
    display:inline; 
	width: 150px; 
	height: 40px;
	color: #A0A0A0;
	background: url('ButtonDisabled.jpg'); 
	padding: 0px; 
	text-align: center; 
	overflow:visible; 
	border:1px solid #707070;
	cursor: default;
	font: normal 400 14px Verdana;
	font-weight:bold; 
}

.buttonSaveSmall {
    display:inline; 
	width: 75px; 
	height: 30px; 
	color:#003399; 
	background: url('Button.png'); 
	padding: 0px; 
	text-align: center; 
	overflow:visible; 
	border:1px solid #003399;
	cursor: pointer;
	font: normal 400 14px Verdana;
}
.buttonSaveSmall:hover {
    background: url("ButtonDown.jpg"); 
}
.buttonSaveSmall[disabled] {
    display:inline; 
	width: 75px; 
	height: 30px;
	color: #A0A0A0; 
	background: url('ButtonDisabled.jpg'); 
	padding: 0px; 
	text-align: center; 
	overflow:visible; 
	border:1px solid #003399;
	cursor: default;
	font: normal 400 14px Verdana;
}

.footer
{
    margin-left: auto; 
    margin-right: auto;
	padding-top:30px;
	float: none;
	vertical-align: bottom; 
    width: auto;
    height: 50px;
    clear: both;
	
    text-align:center;
    font-size: 9px;
    font-style:normal;
}

.searchGridPallet 
{
	white-space: nowrap;
	padding: 3px;
}

.styleMe
    {
        border: 2px solid #3af9eb;
        border-radius: 4px;
        box-shadow: 2px 3px 4px #555;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
        background: -moz-linear-gradient(top, #d1f9f6 0%, #07e3d1 100%); /* FF3.6+ */
        background: -webkit-linear-gradient(top, #d1f9f6 0%,#07e3d1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #d1f9f6 0%,#07e3d1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #d1f9f6 0%,#07e3d1 100%); /* IE10+ */
        background: linear-gradient(top, #d1f9f6 0%,#07e3d1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f9f6', endColorstr='#07e3d1',GradientType=0 ); /* IE6-8 */
    }
 
    .styleMe:hover
    {
        border: 2px solid #04897e;
        cursor: pointer;
        background: -moz-linear-gradient(top, #07e3d1 0%, #d1f9f6 100%); /* FF3.6+ */
        background: -webkit-linear-gradient(top, #07e3d1 0%,#d1f9f6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #07e3d1 0%,#d1f9f6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #07e3d1 0%,#d1f9f6 100%); /* IE10+ */
        background: linear-gradient(top, #07e3d1 0%,#d1f9f6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07e3d1', endColorstr='#d1f9f6',GradientType=0 ); /* IE6-8 */
    }