﻿
html
{
background:gray;
text-align:center;
}
img
{
    border:none;
}
body 
{
	background-color:gray;
	text-align:center;
}

.Container
{
    height: 760px;
	width: 960px;
    margin:auto;

}
.StatusContainer
{
   
	width: 960px;
    margin: auto;
}
.header 
{
	background: url(../IMG/BG_FOOTER.jpg) no-repeat bottom center;
	height: 37px;
	width: 960px;
	text-align:right;
	padding: 0 0 0 0;
	margin:0px;
	float:left;
	
}

.RadRotator1
{
    float:left; 
}
.RadRotator1 a
{
    clear:both;
    
}
.RadRotator1 img
{   
    Height:50px;
    padding:5px;
    border:none;   
    /*Setting this margin fixes a bug in IE7 that was showing more than 1 image at a time*/
    margin-right:282px;
}
#BBBAcredited_Logo
{
    float:right;
    margin-right:25px;
        
}
/*.IndustryLogos
{
	height: 60px;
	padding: 0 0 0 0;
	margin: 15px 0px 15px 18px;
	float:left;
	filter:alpha(opacity=50);
}

.IndustryLogos:hover
{	
	filter:alpha(opacity=100);
}

#USGBCLogo
{
	background: url(../IMG/Industry_Logos/usgbc-logo.jpg) no-repeat top center;
	width: 60px;
}

#ABCLogo
{
	background: url(../IMG/Industry_Logos/ABC-logo.jpg) no-repeat top center;
	width: 81px;
}

#BASFLogo
{
    background: url(../IMG/Industry_Logos/basf-logo.jpg) no-repeat top center;
	width: 81px;
}

#CASFLogo
{
    background: url(../IMG/Industry_Logos/casf-logo.jpg) no-repeat top center;
	width: 270px;
}

#LBALogo
{
    background: url(../IMG/Industry_Logos/lba-logo.jpg) no-repeat top center;
	width: 115px;
}

#EnergyStarLogo
{
    background: url(../IMG/Industry_Logos/energystar-logo.jpg) no-repeat top center;
	width: 60px;
}
 */
#FooterWrapper 
{
	background: url(../IMG/BG_FOOTER.jpg) no-repeat top left;
	height: 130px;
	width: 960px;
	float:left;
	Margin:-5px 0 0 0;
	padding:0;
	clear:left;
} 
#Footer 
{
	background: url(../IMG/BG_FOOTER_repeater.jpg) repeat-y top left;
	height: 90px;
	width: 960px;
    vertical-align:top;
	padding:0px 0px;
	margin:0px 0 0 0;
	padding:0px 0 10px 0;
	float:left;
	overflow: hidden;
	
}
#PostFooter 
{
	background: url(../IMG/BG_FOOTER.jpg) no-repeat bottom left;
	height: 10px;
	width: 960px;
    vertical-align:middle;
	float:left;
	padding:0px;
	margin:0px;
}

#StatusFooter,.GridFooter_Black 
{
	background: url(../IMG/BG_FOOTER.jpg) no-repeat bottom center!important;
	height: 37px;
	width: 960px;
	text-align:center;
	padding:0px;
	margin:0px;
	border:0px!important;
} 
#StatusFooter,.GridFooter_Black td, .RadGrid_Black
{
border-style:none!important;
border-width:0px!important;
} 

.BottomLinks 
{
	margin-top: 4px;
	margin-right: 15px;
	float: right;
}

.BottomLinks img 
{
	border: 0px;
}

#Copyright 
{
	color: #cccccc;
	font-size: 7pt;
	text-align: right;
	font-family: MS Reference Sans Serif, Arial;
	float: right;	
	padding-top: 8px;
}

#Copyright:hover
{
	color: #cccccc;
}

/* -------- Items below used for Order Tracking Application -------- */


#OrderStatusGrid,
#CustomerGrid
{
    margin-top:161px;
}

.GridHeader_Black a, .GridHeader_Black
{
color:#e0922f!important;
}
.MultiLineTxtBox
{

font-size:12px!important;
width:60%;
background-color:#9f9f9f!important;
color:Black !important;
overflow:auto;
padding-left:5px;
}

.OrderTrackingDetails_Table
{
font-size:12px!important;
width:100%;
Margin-bottom:50px;
}
.OrderTrackingDetails_Table input
{
height:20px;
font-size:12px!important;
width:60%;
background-color:#9f9f9f!important;
color:Black !important;
overflow:auto;
padding-left:5px;

}

.OrderTrackingDetails_Table  tr  td
{
 text-align:left!important;
}
.GridButton
{

width:auto!important;
}
.GridButton:hover
{
cursor:pointer;
}


#OrderStatusGrid_ctl00_ctl02_ctl04_RadDateTimePicker1_dateInput_wrapper,
#OrderStatusGrid_ctl00_ctl02_ctl04_RadDateTimePicker2_dateInput_wrapper,
#OrderStatusGrid_ctl00_ctl05_RadDateTimePicker1_dateInput_wrapper,
#OrderStatusGrid_ctl00_ctl05_RadDateTimePicker2_dateInput_wrapper,
#CustomerGrid_ctl00_ctl02_ctl04_RadDateTimePicker1_dateInput_wrapper,
#CustomerGrid_ctl00_ctl02_ctl04_RadDateTimePicker2_dateInput_wrapper,
#CustomerGrid_ctl00_ctl05_RadDateTimePicker1_dateInput_wrapper,
#CustomerGrid_ctl00_ctl05_RadDateTimePicker2_dateInput_wrapper
{
width:100%!important;
}

#OrderStatusGrid_ctl00_ctl02_ctl04_RadDateTimePicker1_dateInput_text,
#OrderStatusGrid_ctl00_ctl02_ctl04_RadDateTimePicker2_dateInput_text,
#OrderStatusGrid_ctl00_ctl05_RadDateTimePicker1_dateInput_text,
#OrderStatusGrid_ctl00_ctl05_RadDateTimePicker2_dateInput_text,
#CustomerGrid_ctl00_ctl02_ctl04_RadDateTimePicker1_dateInput_text,
#CustomerGrid_ctl00_ctl02_ctl04_RadDateTimePicker2_dateInput_text,
#CustomerGrid_ctl00_ctl05_RadDateTimePicker1_dateInput_text,
#CustomerGrid_ctl00_ctl05_RadDateTimePicker2_dateInput_text

{
height:16px!important;
}

.chkbx input
{
width:auto!important;
}

.OrderTrackingHeader
{
    margin:6px 14px 6px 6px;
}

.brochurecontent
{
    background-color:#A7BE7E;
    float:left;
    width:100%;
    text-align:center;
}

.navbtns
{
	float:left;
	width:100%;	
	padding:20px 0 20px 0;
}
.navbtnswrapper
{	
	width:80px;
	height:30px;	
	margin:auto;
}
.fwdbtn,.bckbtn
{	 
	background:transparent url(../RC_Showcase/IMG/btn/greenbtn_0.png) no-repeat left top!important; 
	height:30px;
	width:30px;
	display:block;	
	float:left;
	color:White;
	text-decoration:none;
	line-height:30px;
	margin:0 5px 0 5px;
}
	
.fwdbtn:hover,.bckbtn:hover
{
	background:transparent url(../RC_Showcase/IMG/btn/greenbtn_1.png) no-repeat left top!important;	
}
/* -------- Items below for IE7 and below -------- */
*:first-child+html body
{
    margin-top:8px;
}
*:first-child+html #facebookdiv
{
    width:400px;
}
*:first-child+html #Footer
{
   height:auto;
}

/* -------- Items below for FireFox & Safari -------- */

html:not([dummy]) .header 
{
	margin:auto;
} 

html:not([dummy]) .OrderTrackingHeader
{
    margin:16px 14px 6px 6px;
    padding-top: 6px;
}

html:not([dummy]) .IndustryLogos
{
	height: 60px;
	padding: 0 0 0 0;
	margin: 15px 0px 15px 18px;
	float:left;
	filter:alpha(opacity=50);
}

html:not([dummy]) #FooterWrapper 
{
	background: url(../IMG/BG_FOOTER.jpg) repeat-y bottom center;
	height: 72px;
	width: 960px;
	text-align:center;	
	float:left;
	margin-top:0;
}

html:not([dummy]) #Footer 
{
	background: url(../IMG/BG_FOOTER_repeater.jpg) repeat-y top center;
	height: 100%;
	width: 960px;
	text-align:center;
    vertical-align:middle;
	padding:0px 0px;
	margin:20px 0 0 0;
	padding:0px 0 10px 0;
	float:left;
	height:auto;
}

html:not([dummy]) #PostFooter 
{
	background: url(../IMG/BG_FOOTER.jpg) repeat-y bottom center;
	height: 10px;
	width: 960px;
	text-align:center;
    vertical-align:middle;
	float:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
.StatusContainer
{
    margin-top: -6px;
}
}