/*
	#FFCC66 -- OrderLinx Yellow
	#FFEBBF -- OrderLinx Line Edit ( Found in JavaScript )
	#B38F47 -- Background / contrast
	#8FC2CC -- Highlight
	#FFFFFF -- Forground
	#000000 -- Text
	
	#2B4381 -- OrderLinx Blue
	#446BCF 
	#797C82 
	#C0C4CF 
	#7D7D7D 
	#828282 	
*/

body { margin: 0; font-family: Arial, Tahoma, Helvetica, sans-serif; background: #FFFFFF url(../images/login-topleft.jpg) no-repeat left top; font-size: 80%; padding: 0 0 15px 0; text-align: center; }
hr { color: #CECECE; height: 1px; }
	h1, h2, h3, h4, h5 { 
		padding: 0; margin: 0; 
	}
	h2 {
		font-size: 25px;
		font-family: Arial;
		padding: 5px 10px;
	}

#Logo {	background: transparent url(../Images/OrderLinx.gif ) center center no-repeat;	height: 60px; }
.Page { text-align: left; background: #FFFFFF; margin: 0 auto; }

.SubPageContent { padding: 2px; border: 1px solid #999999; background: #FFFFFF; }
.AddressContainer {	padding: 2px; }
.CustBillTo, .CustShipTo, .Vendor, .OrderStatus { border: solid 1px #D3DAE0; vertical-align: top; }
.CustBillTo { background: #FFFFFF url(../images/CustBillTo.gif ) no-repeat center center; }
.CustShipTo { background: #FFFFFF url(../images/CustShipTo.gif ) no-repeat center center; width: 500px; }
.Vendor		{ background: #FFFFFF url(../images/vendor.gif ) no-repeat center center; }
.OrderStatus { background: #FFFFFF; }
.PageContent { border: 1px solid #999999; background: #F0F0F0; padding: 5px; }
	
#Login { position: absolute; left: 50%; top: 50%; width: 210px; height: 390px; margin: -190px 0 0 -105px; font-size: 12px; text-align: center; color: #2B4381; }
#Login hr { height: 0px; border: 1px dotted #2B4381; margin: 7px; }
#Login #Logo { background: #FFFFFF url(../Images/OrderLinx.gif) center center no-repeat; width: 210px; height: 70px; }
#Login table { font-size: 12px; width: 100%; color: #2B4381; }
#Login table td input { width: 130px; border: 1px solid #2B4381; height: 22px; padding: 2px; }

.ScrollingGrid { height: 237px; overflow-x: hidden; overflow-y: auto; }
.ScrollingGrid table { width: 788px; height: inherit; }
.ScrollingGrid th { position: relative; top: expression( this.offsetParent.scrollTop ); z-index: 2; border-style: none; background: #F7F7F7; border-right: 1px solid #D3DAE0; border-bottom: 1px solid #D3DAE0; padding: 3px 5px 3px 5px; cursor: hand; font-weight: normal; text-align: left; }	
.ScrollingGrid td { border-style: none; padding: 2px 3px 2px 5px; border-right: 1px solid #E1EFFF; border-bottom: 1px solid #E1EFFF; }

.Grid table { width: 788px; height: inherit; }
.Grid th { border-style: none; background: #F7F7F7; border-right: 1px solid #D3DAE0; border-bottom: 1px solid #D3DAE0; padding: 3px 5px 3px 5px; cursor: hand; font-weight: normal; }	
.Grid td { border-style: none; padding: 2px 3px 2px 5px; border-right: 1px solid #E1EFFF; border-bottom: 1px solid #E1EFFF; }