/* CSS Document */
@import url(reset.css);
@import url(effects.css);
@import url(flexdropdown.css);
@import url(devOnly.css);
/**********************************
	DISPLAY PAGE NAMES ON DEV ONLY
**********************************/




/*****************************
Global Styling
******************************/



/*h1, h2, h3			{ font-family: 'Economica', sans-serif;}*/

h1		{ font-size:36px; margin-bottom:0.5em;  font-size:48px; }
h2		{ font-size:30px; margin-bottom:0.5em; margin-top:0.75em;  }
h3		{ font-size:24px; margin-bottom:0.5em; }
h4		{ font-size:18px; font-weight:normal; }
h5 		{ background: none repeat scroll 0 0 #333; color: white !important; font-size: 21px; font-style:normal; margin-bottom:0.5em; padding:10px; text-align:left; font-weight:bold;}

h6		{ font-size:10px; margin-bottom:0.5em; }
p,li	{ font-size:100%; line-height:1.8em; }
li		{  }
p  		{ margin-bottom:0.5em;}
ul,ol	{ }
a		{ text-decoration:none; color:#BE0100;}
strong	{ font-weight:bold;}
hr,hr.hr		{ height:1px; color:#eee !important; }


input,
select ,
.button	,
button
										{ padding:5px; border:0; width:auto; margin-bottom:5px;  }
input								{ margin-right:5px !important;}										

input[type="submit"],
input[type="reset"],
input[type="button"],
.button		,
button,
a.button				{ color:white !important; cursor:pointer; }


input[type="text"],
select 				{border:1px solid #bbb;}

#Login input[type="text"],
.sideDiv input[type="text"],
#Login select,
input.charactersRemaining 				{border:none !important;}

table										{ border-collapse:collapse;/*background:#fafafa;*/ width:100%; border:0px solid #f7f7f7; *border:0;}
th, td										{ border:1px solid #fff; padding:8px 10px;  vertical-align:bottom;}
td											{ vertical-align:top;}
table tr:nth-child(even) 					{ background-color:#f7f7f7; } 
th, tr.trackingSubHead td					{ background:#BE0100; color:white; font-weight:bold; text-decoration:none; }

table td img								{ vertical-align:middle;}

table.createlabels							{ width:900px;}
table.createlabels table.leftTopBorder		{ height:100px;}
table.createlabels table.leftTopBorder td	{ padding: 3px 10px;}

table.reportcustomerhour select				{ width:auto !important;}			

td.CODWidth input[type=text]				{ width:70px !important;}

table.tableShippingDetails					{ position:relative;}

table h4									{ margin:5px;}

dl											{ margin:15px 0;}
dt											{ float:left; width:12em;}
dd											{ }
dt,dd										{ display:block; margin:0; padding:3px}

.smtext										{ font-size:12px; font-style:italic;; vertical-align:top;}


		.temp-links							{ position:absolute; right:1em; top:1em;color:#444; }
		.temp-links a						{ color:#444; padding:5px;}
		.temp-links a:hover,
		.temp-links a.selected				{ color:#fff; background:#A90100; }
		.support							{ position:absolute; right:1em; top:6em; text-align:right; }
		.support h4							{ line-height:1.5em; text-align:right; margin:5px 0; font-size:18px; font-weight:normal}
		.poweredBy							{ background:url(../images/atrak-sm-white.png) bottom center no-repeat; width:100px; height:36px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:white; position:absolute; left:130px; top:13px; padding:0px; font-size:10px; text-align:left;}
	

			
			div.logo						{ width:260px; border-right:1px solid #AE0000; float:left; height:4em; }
				div.logo img				{ padding:10px;}
				div.logo .support			{ position:absolute; right:26em; bottom:0.8em; }
				div.logo .support h4		{ line-height:1.5em; text-align:right; color:white; font-size:12px;}
			
			

	
	
	#side								{ background:#fafafa; position:absolute; top:40px; bottom:0; width:260px; *margin-left:-260px;}
		#side div.side-padding				{ padding:20px;background:/*#eaeaea*/ url(../images/map.png) center center no-repeat; border-bottom:1px solid white }
		  	.login							{ display:none; }
			#side ul        				{ margin:0; }
				#side ul li					{ line-height:1.8em; padding:0;    }
				#side ul li:hover			{ }
				#side ul li a				{ display:block; color:#4c4c4c; width:auto; padding-left:4px;  }
				#side ul li a:hover			{ color:#4c4c4c; display:block; cursor:pointer; background-color:#fff;   }
			#side .quick-trak				{ color:white;}
			
	#stage									{ position:relative; z-index:100}
		.innercontent							{ padding:20px;  position:relative; min-height:500px;}		
		.innercontent input[type="text"],
		.innercontent input[type="password"]  		{ background:#f1f1f1; width:15em; }	
		.innercontent select						{ background:#f1f1f1; width:15.7em; }	
		.innercontent table.labelTable				{ width:auto !important; border:none;}	

		.innercontent #Login						{ position:absolute; top:-43px; right:10px; z-index:1000000000000000000; color:white }
		.innercontent #Login input[type="text"],
		.innercontent #Login input[type="password"]		{ width: 8em;}
		.innercontent #Login span.login-prompt		{
		 -webkit-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);
		background:#FCCAC1;
		color:#AA0100;
		padding:5px 10px;
		position:absolute;
		right:0;
		top:2em;
		border-radius:5px;
		-webkit-border-radius: 5px;
		}		
		
		#calimg1 							{ vertical-align:middle;}
		#page								{ background:#fff; }
		.innercontent							{ margin-left:260px; background:#fff ; bottom:0;}
			.innercontent li						{ padding-left:0.75em; background:url(../images/bullet-arrow.png) left 50% no-repeat; }
			.innercontent ul,
			.innercontent ol						{ margin-bottom:1em;}
			.innercontent .index-content-row		{ overflow: hidden;}
			.innercontent .index-content-row>div	{ float:left; width:25%; background:#f7f7f7; margin:0 10px 20px 10px; padding:210px 20px 20px 20px; min-height:260px; border:1px solid #e8e8e8\9 /*IE8 & below*/ }
			.innercontent .index-content-row div.col1	{ background:url(../images/BG-div-index-1.png) top center no-repeat;}
			.innercontent .index-content-row div.col2	{ background:url(../images/BG-div-index-2.png) top center no-repeat;}
			.innercontent .index-content-row div.col3	{ background:url(../images/BG-div-index-3.png) top center no-repeat;}
			.innercontent .index-content-row div.col3 a.installer	{ color:white; font-size:22px; padding:20px; text-align:center; text-decoration:none; display:block;}
	
	#footer									{ background:url(../images/BG-footer.png) top center repeat-x; /*position:absolute; width:-moz-available; bottom:0 */ text-align:center;text-shadow: 1px 1px 0px #ffffff;
         padding-top:20px;}
.footer-support			{ display:none;}

.push			{ clear:both;}	

div.calendar 		{ width:300px;}
span.boloEfficiency		{ font-size:18px; float:right;*float : none; /* IE7 and below */  }
	
/********************************************************************************/
img.atrak-logo								{ vertical-align:text-bottom;}

table.fromtolabel							{ background:white; width:300px}

.dynLabels table tr:nth-child(even) 		{ background:white;}
.dynLabels table td							{ font-family:"Courier New", Courier, monospace !important;}

.dynLabels select							{ width:22em !important;}
table.norows 								{ border:0 !important;}
table.norows table 							{ border:0 !important;}
table.norows tr:nth-child(even)				{ background: transparent;} 
table.tableMinWidth							{ max-width:780px;}
table.tableMinWidth	td						{ border:0px solid red; width:auto;}

span.createLabelslbl						{ width:12em; display:block; float:left}

.DataGridRowLight							{ width:8em;} 

dl.news dt									{ float:none; font-weight:bold; width:auto;}
dl.news dd									{ padding-left:50px; margin-bottom:20px; display:none;}
table.labelTable tr:nth-child(even)		{ background: white !important;} 

/****** CALENDAR *****************************************************************/
div.calendar								{z-index: 100000000000000 !important;}

div.calendar table							{}

/*** thead ***/
div.calendar table thead							{}
div.calendar table thead td.button							{}
div.calendar table thead td.title							{}

div.calendar table thead tr.headrow							{}
div.calendar table thead td.button							{}
div.calendar table thead td.nav							{}

div.calendar table thead tr.daynames							{}
div.calendar table thead td.name							{}
div.calendar table thead td.day							{}
div.calendar table thead td.weekend							{}

/*** tbody ***/
div.calendar table tbody 							{}
div.calendar table tbody tr.daysrow							{}
div.calendar table tbody tr.daysrow	td.emptycell						{}
div.calendar table tbody tr.daysrow	td.day						{}
div.calendar table tbody tr.daysrow	td.weekend						{}
div.calendar table tbody tr.daysrow	td.selected						{}
div.calendar table tbody tr.daysrow	td.today						{}

/*** tfoot ***/
div.calendar table tfoot 							{}
div.calendar table tfoot tr.footrow							{}
div.calendar table tfoot td.ttip							{}


/* =============================================================================
   Notifications
   ========================================================================== */ 

.notification  			{ box-shadow: 0 0 1px #FFFFFF inset;
    cursor: pointer;
    margin: 32px 0 0;-webkit-border-radius: 5px; border-radius: 5px;
    line-height:0}
	
.notification  			{
    /*font-size: 11px;*/
    margin: 0 0 10px 0;
    padding: 10px 25px 10px 54px !important;
    line-height:40px
}

.warning					{ background: url("../images/icon_warning.png") no-repeat scroll 15px center #FFE9AD;
    xborder: 1px solid #EAC572;
    color: #826200; }
.information				{ background: url("../images/icon_information.png") no-repeat scroll 15px center #DEEEFA;
    xborder: 1px solid #AFD3F2;
    color: #235685;}
.success					{ background: url("../images/icon_success.png") no-repeat scroll 15px center #EFFEB9;
    xborder: 1px solid #C1D779;
    color: #3C5A01;}
.error						{ background: url("../images/icon_delete.png") no-repeat scroll 15px center #FCCAC1;
    xborder: 1px solid #E18B7C;
    color: #AC260F; line-height:40px;}
  
  
  
.line-spacing					{ padding-bottom: 15px;}  
.double-line-spacing			{ padding-bottom:30px;}
td.dynLabels table				{ width:400px; height:100px}

#shipFrom select,
#shipTo select,
div.billingcontent select,
div.AddInvStep1Content select,
div.trackingContent select	{ width: auto !important;}

#shipFrom,
#shipTo							{ width: auto;}

table.tablewithnopadding td	{ padding:0 !important ;}

table.subtable								{ margin-left: 40px;  border-bottom:2px solid !important; background:#fafafa}
table.subtable th							{ background: #eee; color:#4c4c4c !important;}
table.subtable								{ border-collapse:collapse;/*background:#fafafa;*/ width:100%; border:1px solid #e8e8e8 !important; *border:0;}
table.subtable th, 
table.subtable td 							{ border:1px solid #e8e8e8; padding:8px 10px;  vertical-align:bottom;}
td.dynLabels table.leftTopBorder td			{ padding:1px 10px !important;}
		
.adminDynPricingContent table.palletPricing						{ }
.adminDynPricingContent table.palletPricing input,
.builddeliverymanifestContent table input,
.builddeliverymanifestContent .notification input				{ width:auto !important;}


span.logoutButton							{ z-index:10000000000000000000000000000000000;}
				

table.news th	{background:#ccc; color:#333}
table.news th:hover	{background:#bbb; color:#333}
/*span.logoutButton input[type="submit"]		
{
background: none !important; 
}*/

body.siteLayoutLogin span.logoutButton input[type="submit"] { display:none;}
/* Small Desktop Layout: 621px to a max of 950px. */

table.shippingPaymentDetails tr td input[type=text]{ width:auto !important;}

table.shippingPaymentDetails tr td  input[type="text"],
table.shippingPaymentDetails tr td  input[type="password"]  		{ background:#e0e0e0; }	
table.shippingPaymentDetails tr td  select							{ background:#e0e0e0; }	
  
div#submitbuttons { margin-top:20px;}

input.charactersRemaining { background:transparent !important;}

dd.autoWidth select 		{ width:auto;}

td.codTDwidth				{ width:90px !important; display:block;}

table.adminsortfacContent { width:auto;}
table.adminsortfacContent td {min-width:350px;}
table.adminsortfacContent td dt{width:8em;}

@media all and (min-width: 320px) {

#side { top:60px !important;}
}

/* Tablet: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media all and (max-width: 320px) {
body { background:#4F5152;}
#side		{float:none; width:100%;  height:33px; top:40px; }
#side div.side-padding		{ background:#333 left top;}
dl.news			{ display:none;}
.innercontent			{ margin-left:0; padding-top:90px;}
.innercontent .index-content-row > div  { float:none !important; min-height:auto; min-width:94%}
.innercontent .index-content-row div.col3 {display:none;}
.innercontent #Login { position:inherit;}
.innercontent h5		{ text-align:center;}
.support		{ top:0; float:inherit; display:none;}
.support h4			{ color:white; }
table.shippingPaymentDetails tr td input[type=text]{ width:auto !important;}  
h1				{ font-size:28px;}
h1 img.atrak-logo		{ width:145px;}
.innercontent #Login						{ position:inherit; color:#4c4c4c; }
		.innercontent #Login span.login-prompt		{
		position:inherit;
		display:block;
		width:13.6em;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0) ;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0)}	

#footer a,
#footer h4,
#footer	{ color:white; text-align:center;}

.footer-support			{ display:block;}	
.innercontent {
    margin-left: 0;
    margin-top: 90px;
    padding-top: 0;
}
#header, .header { height:40px !important;}
}

td a { color:#A90100 !important;text-decoration:underline !important;}