body {	
	background: #232628 url("../images/backgrounds/body.jpg") no-repeat top center; 	
	margin: 0 auto;
}

img, img, fieldset {
	border: 0;
}

p, h1, h2, h3, h4, h5, ul, li, dl, dd, dt, img, form, fieldset, label, legend, select, radio, input {
	margin: 0;
	padding: 0;
}

legend { 
	_margin: 0 0 0 -8px; 
}


/* ----- Structural DIVs ----- */

#wrap {
	width: 884px;
	text-align: center;
	margin: 0 auto;
}

#innerWrap {
	width: 884px;
	float: left;
	text-align: left;
	border-top: 0;
	position: relative;
}


#footer {
	margin-top: 15px;
	float: left;
	width: 189px /*884px*/;
	padding: 7px 0 0 695px;
	height: 68px /*75px*/;
	background: url("../images/backgrounds/agaLogo.png") no-repeat 633px 0;
}

/* ----- Other DIVs ----- */

#header {
	height: 156px;
	width: 874px;
	overflow: hidden;
	margin-bottom: 27px;
}

#sectionHeader {
	height: 55px;
	border-bottom: 1px solid #7c8d99;
	padding: 18px 0 0 15px;
	margin-bottom: 12px;
	width: 861px /*876px*/;
}

#progress {
	width: 884px;
	height: 35px;
}

.sectionContainer {
	float: left;
	width: 876px;
}
.sectionContainer-new {
	background:none !important;
}

.bottomButtons {
	height: 20px;
	background: #617079;
	float: left;
	margin-top: 20px;
	width: 856px /*876px*/;
	padding: 5px 10px 5px 10px;
}

.continueButton {
	float: right;
}

.secondSet {
	margin-top: 30px;
}

.warning {
	width: 859px /*876px*/;
	padding: 8px;
	background: #dddddd;
	border: 1px solid #7c8d99;
	border-top: 0;
	font: normal 11px/16px tahoma, verdana, arial, helvetica, sans-serif;
	margin: -12px 0 9px 0;
	color: #202121;
}

.warning:first-line {
	color: #5c6d2e;
}

#progress ul {
	list-style: none;
}

#progress li {
	list-style: none;
	float: left;
	height: 50px;
	overflow: hidden;
}

#progress li.coatings {
	width: 77px;
}

#progress li.prefs {
	width: 109px;
}

#progress li.duplex-coatings {
	width: 77px;
}

#progress li.duplex-prefs {
	width: 109px;
}

#progress li.projectSpecs {
	width: 117px;
}

#progress li.report {
	width: 99px;
}

#progress li.coatings a,
#progress li.prefs a,
#progress li.duplex-coatings a,
#progress li.duplex-prefs a,
#progress li.projectSpecs a,
#progress li.report a {
	padding-top: 80px;
	display: block;
}

.helpIcon {
	float: right;
	margin: 26px 10px 0 0;
}

/* ----- Typography ----- */

.hiddenText {
	display: none;
	height: 0;
	overflow: hidden;
}

#header h1 {
	height: 75px;
	width: 325px;
	background: url("../images/backgrounds/logo.png") no-repeat;
	margin-top: 68px;
}

#header ul {
	display: inline;
	list-style: none;
	float: right;
	width: 400px;
	height: 23px;
	overflow: hidden;
	margin-top: 133px;
	text-align: right;
}

#header li {
	display: inline;
	background: #30363a;
	padding: 8px;
}

#header li a {
	text-transform: uppercase;
	color: #fff;
	font: normal 11px/14px tahoma, verdana, arial, sans-serif;		
	text-decoration: none;
}

#sectionHeader h1 {
	color: #fff;
	font: bold 24px/20px tahoma, verdana, arial, sans-serif;		
}

#sectionHeader h4.headingTagline {
	color: #fff;
	font: bold 12px/16px tahoma, verdana, arial, sans-serif;		
	margin-top: 5px ; 
}

legend {
	color: #becdd5;
	font: bold 14px/18px tahoma, verdana, arial, sans-serif;		
}

.instructions,
.inlineLabel {
	color: #fff;
	font: normal 12px/17px tahoma, verdana, arial, sans-serif;		
	margin-bottom: 15px;
}

label {
	color: #fff;
	font: bold 12px/16px tahoma, verdana, arial, sans-serif;		
	display: block;
}

#footer p {
	color: #fff;
	font: normal 11px/14px tahoma, verdana, arial, sans-serif;		
}

#footer p.copyright {
	color: #c8c8c8;
	font: normal 11px/14px tahoma, verdana, arial, sans-serif;		
	margin-top: 10px;
}


/* ----- Links ----- */

.bottomButtons a {
	color: #fff;
	font: bold 12px/16px tahoma, verdana, arial, sans-serif;	
	text-decoration: none;
}

.continueButton {
	background: transparent;
	border: 0;
	color: #fff;
	display: inline;
	margin: 0;
	padding: 0;
	cursor: hand;
	cursor: pointer;
	font: bold 12px/16px tahoma, verdana, arial, sans-serif;	
}

*:first-child+html .continueButton {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: underline;
}

* html .continueButton {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}

.definition {
	border-bottom: 1px dashed #DFE3E6;
	text-decoration: none;
	color: #fff;
	cursor: help;
}


/* ----- Coatings Styles ----- */

#coatings #progress,
#duplexCoatings #progress {
	background: url("../images/progress/coatings.png") no-repeat;
}

#coatings .sectionContainer,
#duplexCoatings .sectionContainer {
	background: url("../images/backgrounds/sectionContainer-coatings.gif") repeat-y;
}

#coatings .selectionsContainer,
#duplexCoatings .selectionsContainer {
	float: left;
	display: inline;
	width: 195px /*225px*/;
	margin-right: 26px;
	padding: 15px;
	min-height: 200px;
}

#coatings .optionContainer,
#duplexCoatings .optionContainer {
	width: 295px;
	height: 50px;
}

#coatings .selectionBox,
#duplexCoatings .selectionBox {
	width: 25px;
	float: left;
}

#coatings .descriptionBox,
#duplexCoatings .descriptionBox {
	width: 270px;
	float: left;
}

#coatings .descriptionBox,
#duplexCoatings .descriptionBox {
	color: #becdd5;
	font: italic 11px/16px tahoma, verdana, arial, sans-serif;		
}

#coatings .descriptionBox:first-line,
#duplexCoatings .descriptionBox:first-line {
	color: #fff;
	font: bold 12px/16px tahoma, verdana, arial, sans-serif;		
}

#coatings select#coating_type,
#duplexCoatings select#coating_type {
	width: 190px;
	margin-top: 2px;
}

#coatings #specificCoatings,
#duplexCoatings #specificCoatings {
	width: 300px !important;
}

#coatings #applications,
#duplexCoatings #applications {
	width: 239px !important;
	margin-right: 0 !important;
}

#coatings #applications legend,
#duplexCoatings #applications legend {
	margin-bottom: 12px;
}

#coatings select#coating_type,
#duplexCoatings select#coating_type {
	width: 190px;
	margin-top: 2px;
}

#coatings select.selectLarge,
#duplexCoatings select.selectLarge {
	width: 235px;
	margin-top: 2px;
	margin-bottom: 15px;
}

#coatings select.selectSmall,
#duplexCoatings select.selectSmall {
	margin-top: 2px;
	margin-bottom: 15px;
}

#coatings .smallNote,
#duplexCoatings .smallNote {
	color: #fff;
	font: normal 10px/16px tahoma, verdana, arial, sans-serif;		
	margin-left: 25px;
}


/* ----- Preferences Styles ----- */

#preferences #progress {
	background: url("../images/progress/prefs.png") no-repeat;
}

#preferences .sectionContainer {
	background: url("../images/backgrounds/sectionContainer-prefs.gif") repeat-y;
}

#preferences .selectionsContainer {
	float: left;
	display: inline;
	width: 395px /*425px*/;
	margin-right: 26px;
	padding: 15px;
	color: #fff;
	font: normal 12px/16px tahoma, verdana, arial, sans-serif;		
}

#preferences #rightCol {
	margin-right: 0 !important;
}

#preferences fieldset {
	margin-bottom: 20px;
}

#preferences .interestRateContainer {
	float: left;
	display: inline;
	width: 150px;
}

#preferences .inflationRateContainer {
	float: left;
	display: inline;
	width: 150px;
}

#preferences .interestRateContainer select,
#preferences .inflationRateContainer select {
	margin-top: 3px;
}


#preferences .dollarAmount {
	width: 30px;
}

#preferences .currency {
	font-weight: bold;
}

#preferences .lastRadio {
	margin-left: 20px;
}



/* ----- Project Specs Styles ----- */

#projectSpecs #progress {
	background: url("../images/progress/projectSpecs.png") no-repeat;
}

#projectSpecs .sectionContainer {
	background: url("../images/backgrounds/sectionContainer-projectSpecs.gif") repeat-y;
}

#projectSpecs .selectionsContainer {
	float: left;
	display: inline;
	width: 195px /*225px*/;
	margin-right: 26px;
	padding: 15px;
	min-height: 200px;
	color: #fff;
	font: normal 12px/16px tahoma, verdana, arial, sans-serif;		
}

#projectSpecs .optionContainer {
	width: 295px;
	height: 50px;
}

#projectSpecs .selectionBox	{
	width: 25px;
	float: left;
}

#projectSpecs .descriptionBox {
	width: 270px;
	float: left;
	color: #becdd5;
	font: italic 11px/16px tahoma, verdana, arial, sans-serif;		
}

#projectSpecs .descriptionBox span {
	color: #fff;
	font: bold 12px/16px tahoma, verdana, arial, sans-serif;		
}

#projectSpecs #leftCol {
	width: 213px;
}

#projectSpecs #middleCol {
	width: 213px !important;
}

#projectSpecs #rightCol {
	margin-right: 0;
	width: 308px;
}

#projectSpecs .projectSize {
	width: 60px;
}

#projectSpecs .years {
	width: 30px;
}


#projectSpecs select#structureType {
	width: 200px;
}
/* ----- Specific Styles // MidCol ----- */
#middleCol fieldset {
	word-break: break-word;
}

#middleCol .optionContainer {
	width: 212px !important;
}

#middleCol .descriptionBox {
	width: 187px !important;
	work-break: break-word;
}

/* ----- Project Specs Styles ----- */

#report #progress {
	background: url("../images/progress/report.png") no-repeat;
}

#report .sectionContainer {
	background: url("../images/backgrounds/sectionContainer-reportPrefsSidebar2.png") no-repeat;
	width: 802px /*837px*/;
	padding: 25px 0 10px 35px;
	position: relative;
}

#report #reportSection {
	width: 644px;
	float: left;
	display: inline;
}

#report #pageTwo {
	padding:0 0 25px;
	 margin-top: 269px;
}

#report .sectionContainer h1 {
	font: bold 18px/20px tahoma, verdana, arial, sans-serif;		
	color: #fff;
	padding-top: 82px;
}

#report .sectionContainer #pageTwo .reportHeader h1 {
	font: bold 14px/16px tahoma, verdana, arial, sans-serif;		
	padding-top: 20px;
}

#report .sectionContainer h3 {
	font: bold 12px/18px tahoma, verdana, arial, sans-serif;		
	color: #fff;
}

#report .sectionContainer h4 {
	font: normal 12px/18px tahoma, verdana, arial, sans-serif;		
	color: #fff;
}

#report .sectionContainer .reportHeader {
	border-bottom: 1px solid #96a4ac;
	padding: 0 0 13px 6px;
	height: 122px /*135px*/;
	width: 609px /*615px*/;
}

#report .sectionContainer #pageTwo .reportHeader {
	height: 60px;
	border: 0;
	padding-left: 0;
}


#report .sectionContainer .contactInfo {
	float: right;
	width: 180px;
}

#report .sectionContainer #pageTwo .contactInfo {
	margin-top: -16px;
}

#report .sectionContainer .contactInfo p {
	font: normal 11px/16px tahoma, verdana, arial, sans-serif;		
	color: #fff;
	margin-top: 12px;
}

#report .sectionContainer .contactInfo .nameTitle {
	font-style: italic;
}

#report .sectionContainer .contactInfo .companyName {
	font-weight: bold;
}

#report .sectionContainer .projectSpecs {
	width: 210px;
	float: right;
	margin-top: 63px;
}

#report #pageTwo .projectSpecs {
	 margin-top: 151px !important;
}

#report .sectionContainer .projectSpecs .specs {
	font: bold 9px/13px tahoma, verdana, arial, sans-serif;		
	text-transform: uppercase;
	color: #cbd2d6;
	margin-top: 9px;
}

#report .sectionContainer .projectSpecs .specs:first-line {
	color: #fff;
	text-transform: none;
	font: bold 10px/13px tahoma, verdana, arial, sans-serif;			
}

#report .sectionContainer .projectSpecs h4 {
	font: bold 10px/13px tahoma, verdana, arial, sans-serif;	
	margin-top: 30px;
}

#report .sectionContainer .projectSpecs .specialPara {
	font: normal 9px/13px tahoma, verdana, arial, sans-serif;		
	text-transform: none;
	color: #dfe3e6;
	margin-top: 9px;
	width: 180px;
}

#report .sectionContainer .projectSpecs .reportGenerated {
	font: normal 11px/14px tahoma, verdana, arial, sans-serif;	
	color: #fff;
	background: url("../images/backgrounds/reportLogo-blue.gif") no-repeat 10px 5px;
	padding: 5px 0 0 45px;
	width: 145px /*180px*/;
	height: 38px /*38px*/;
	border-top: 1px solid #96a4ac;
	margin: 135px 0 0 -10px;
}

#report #pageTwo .projectSpecs .reportGenerated {
	margin-top: 46px;
}

.printLogo {
	display: none;
	height: 0;
	overflow: hidden;
}

#report #calculations {
	margin: 30px -2px 0 -2px;
}

#report #calculations #HDG {
	margin-top: 20px;
}

#report #calculations #paint {
	margin-top: 40px;
}

/* #report #calculations .costOfHDG {
	position: absolute;
	top: 1142px;
	left: 48px;
}

#report #calculations .costOfPaint {
	position: absolute;
	top: 1330px;
	left: 38px;
}*/

#report #calculations #tableHeader {
	margin-left: 207px;
}

.tallHeaderImagePrint {
	display: none;
	height: 0;
}

.shortHeaderImagePrint {
	display: none;
	height: 0;
}

#report #calculations table {
	width: 338px;
	border: 0;
	border-collapse: collapse;
}

#report #calculations .desc {
	font: normal 10px/13px tahoma, verdana, arial, sans-serif;			
	text-transform: none !important;
	text-align: right;
	color: #fff;
	width: 150px /*135px*/;
	border-bottom: 1px solid #92a0a7;		
	padding: 6px 5px;
}

#report #calculations .amount {
	font: normal 10px/13px tahoma, verdana, arial, sans-serif !important;	
	text-align: right;
	color: #fff;
	width: 50px /*60px*/;
	border-right: 1px solid #92a0a7;	
	border-bottom: 1px solid #92a0a7;		
	padding: 6px 5px;
}

#report #calculations .today {
	width: 60px /*78px*/;
}

#report #calculations .lastRow td {
	border-bottom: 0;
	font-weight: bold !important;
}

#report #calculations .firstRow td {
	padding-top: 22px;
}

#report #calculations .totalProjectCost td {
	font: normal 11px/13px tahoma, verdana, arial, sans-serif;			
	text-align: right;
	padding-top: 10px !important;
	color: #fff;
	padding-right: 5px;
}

#report #calculations .totalProjectCost td:first-line {
	font-weight: bold;
}



#report #preferencesSidebar {
	width: 155px /*158px*/;
	padding-left: 3px;
	float: left;
	display: inline;
}

#report #preferencesSidebar h1 {
	font: bold 14px/16px tahoma, verdana, arial, sans-serif !important;	
	color: #becdd5;
	margin-top: -35px !important;
}

#report #preferencesSidebar h3 {
	font: bold 12px/16px tahoma, verdana, arial, sans-serif !important;	
	color: #becdd5;
	margin-top: 48px;
}

#report #preferencesSidebar p {
	font: bold 9px/12px tahoma, verdana, arial, sans-serif !important;	
	color: #e9ebed;
	text-transform: uppercase;
	margin: 8px 0 5px 2px;
}

#report #preferencesSidebar .textInput {
	width: 135px;
	background: #e8eaeb;
	border: 1px solid #797c7d;
	margin: 0 0 1px -3px;
}

#report #preferencesSidebar p.secondSet {
	margin-top: 22px;
}

#report #preferencesSidebar a {
	font: bold 10px/14px tahoma, verdana, arial, sans-serif !important;	
	text-decoration:underline;
	color: #fff;
	margin-right: 20px;
}

#report #preferencesSidebar .bottomLinkRow {
	margin-top: 40px;
}


#report #initialCalculations h3:first-line {
	font: bold 14px/16px tahoma, verdana, arial, sans-serif;	
}

#report #initialCalculations h3 {
	margin: 63px 0 0 8px;
	font: normal 12px/16px tahoma, verdana, arial, sans-serif;	
}

#report #initialCalculations table {
	margin-top: 28px;
}

#report #initialCalculations .secondTable {
	margin-top: 5px;
}


#report #initialCalculations table td{
	text-align: right;
	vertical-align: bottom;
	font: normal 12px/20px tahoma, verdana, arial, sans-serif;	
	color: #fff;
}

#report #initialCalculations .sidebarLabel {
	font: normal 12px/20px tahoma, verdana, arial, sans-serif;	
	color: #fff;
	padding: 10px 0 15px 0;
}

#report #initialCalculations .sidebarLabel .labelText {
	font: bold 12px/14px tahoma, verdana, arial, sans-serif;	
	color: #fff;
}

.sidebarLabel {
	width: 105px;
}

.hdgColHeader,
.paintColHeader {
	width: 110px;
	padding: 15px 15px 12px 0;
	font: bold 14px/18px tahoma, verdana, arial, sans-serif !important;		
}

#report #initialCalculations .hdgCol {
	background: #4d5760;
	padding: 0 15px 15px 0;
	width: 110px;
}

#report #initialCalculations .paintCol {
	background: #697984;
	padding: 10px 15px 15px 0;
	width: 110px;
}

#report #initialCalculations .empty {
	padding: 0;
}

#report #initialCalculations .savings {
	background: #222425;
	width: 250px /*260px*/;
	font: normal 12px/17px tahoma, verdana, arial, sans-serif;	
	color: #fff;
	margin: 5px 0 0 120px;
	padding: 10px 0 10px 10px;
}

.savingsLine {
	font: bold 13px/17px tahoma, verdana, arial, sans-serif;	
}

/* ----- Tooltips ----- */

.qtip-content {
	font: normal 12px/16px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;		
}

label a.tooltip {
	color: #fff;
	font: bold 12px/16px tahoma, verdana, arial, sans-serif;		
	text-decoration: none;
	cursor: help;
}

#coatings .smallNote .tooltip,
#duplexCoatings .smallNote .tooltip {
	color: #fff;
	font: normal 10px/16px tahoma, verdana, arial, sans-serif;		
	text-decoration: none;
	cursor: help;
}


/* ----- Visual Chefs Additions ----- */

#progress-bar {
	height:27px;
	list-style:none;
	border-radius:3px;
	background:url(../images/backgrounds/nav-plain.png) repeat-x;
}
#progress-bar li {
	display:inline;
	float:left;
	list-style:none;
	margin:0 -28px 0 0;
}
#progress-bar li a, #progress-bar li span {
	display:block;
	height:27px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:26px;
	text-decoration:none;
	text-transform:uppercase;
	color:#000;
	padding:0 28px 0 38px;
	background:url(../images/backgrounds/nav-off.png) right top no-repeat;
}
#progress-bar li.first a {
	padding:0 28px 0 10px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
#progress-bar li.active a {
	color:#fff;
	background:url(../images/backgrounds/nav-active.png) right top no-repeat;
}
#progress-bar li span {
	color:#777;
	background:url(../images/backgrounds/nav.png) right top no-repeat;
}
.li000 span, .li000 a {
	position:relative;
	z-index:100;
}
.li001 span, .li001 a {
	position:relative;
	z-index:90;
}
.li002 span, .li002 a {
	position:relative;
	z-index:80;
}
.li003 span, .li003 a {
	position:relative;
	z-index:70;
}
.li004 span, .li004 a {
	position:relative;
	z-index:60;
}
.li005 span, .li005 a {
	position:relative;
	z-index:50;
}
.li006 span, .li006 a {
	position:relative;
	z-index:40;
}
.li007 span, .li007 a {
	position:relative;
	z-index:30;
}
.li008 span, .li008 a {
	position:relative;
	z-index:20;
}
.li009 span, .li009 a {
	position:relative;
	z-index:10;
}