﻿/******** page styles ********/

body 
{
	margin: 10px 0px 10px 0px;
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 13px;
	color: #333333;
	line-height:20px;
}

img
{
	border-width:0px;
	padding:0px;
}


/******** shell styles ********/

div.mainDiv
{
	margin:0px auto;
	width:994px;
}

div.headDiv
{
	width:994px;
	height:114px;
	background-image:url(../images/earth_top_white.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

div#loader 
{
	text-align: center;
	margin-top: 5em;
}

img.headBackTo
{
	position:relative;
	top:89px;
	left:17px;
}

div.mainBgDiv
{
	width:994px;
	height:726px;
	background-position:top left;
	background-repeat:no-repeat;
}

div.bgPicEmmy
{
	background-image:url(../images/bgEmmy.jpg);
}

div.bgPic11thHour
{
	background-image:url(../images/bg11thHour.jpg);
}

div.bgPicVespa
{
	background-image:url(../images/bgVespa.gif);
}

div.bgPicOfficeMax
{
	background-image:url(../images/bgOfficeMax.jpg);
}

div.bgPicEDC
{
	background-image:url(../images/bgEDC.jpg);
}

div.bgPicKirkland01
{
	background-image:url(../images/bgKirkland01.jpg);
}

div.bgPicKirkland02
{
	background-image:url(../images/bg02.jpg);
}

div.bgPicKirkland03
{
	background-image:url(../images/bg03.jpg);
}

div.bgPicKirkland04
{
	background-image:url(../images/bg04.jpg);
}

div.bgPicKirkland05
{
	background-image:url(../images/bg05.jpg);
}

div.bgPicKirkland06
{
	background-image:url(../images/bg06.jpg);
}

div.bgPicKirkland07
{
	background-image:url(../images/bg07.jpg);
}

div.bgPicKirkland08
{
	background-image:url(../images/bg08.jpg);
}

div.bgPic01
{
	background-image:url(../images/bg01.jpg);
}

div.bgPic02
{
	background-image:url(../images/bg02.jpg);
}

div.bgPic03
{
	background-image:url(../images/bg03.jpg);
}

div.bgPic04
{
	background-image:url(../images/bg04.jpg);
}

div.bgPic05
{
	background-image:url(../images/bg05.jpg);
}

div.bgPic06
{
	background-image:url(../images/bg06.jpg);
}

div.bgPic07
{
	background-image:url(../images/bg07.jpg);
}


div.bgPic08
{
	background-image:url(../images/bg08.jpg);
}
/**/

div.subHeadDiv
{
	width:994px;
	height:44px;
}

img.subHeadTitle
{
	/*position:relative;
	bottom:3px;
	left:34px;*/
}

img.subHeadRight
{
	/*position:relative;
	left:177px;*/
}

div.contentDiv
{
	width:994px;
	height:399px;
}

div.testDiv
{
	width:629px;
	height:399px;
	background-image:url(../images/shadow.png);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	float:left;
}

div.navDiv
{
	width:599px;
	height:39px;
	margin:15px 0px 0px 15px;
	background-color:#ffffff;
}

div.step
{
	display: none;
	padding-top:20px;
}

div.pagesDiv
{
	width:599px;
	height:265px;
	background-image:url(../images/testbg.png);
	/*background-position:top left;
	background-repeat:no-repeat;*/
	/*position:absolute;*/
	margin:0px 0px 0px 15px;
}

div.flashDiv
{
	width:365px;
	height:399px;
	position:relative;
	float:right;
}

div.bottomBorderHolder
{
	width:559px;
	height:6px;
	background-image:url(../images/backbg.png);
	padding:0px 20px 0px 20px;
}

div.bottomBorder
{
	border-top:dashed 1px #8eb8dc;
	line-height:1px;
	font-size:1px;
}

div.bottomNav
{
	width:599px;
	margin:0px 0px 0px 15px;
	position:relative;
	z-index:50;
}

div.nextDiv
{
	/*margin-right:15px;*/
	position:relative;
	float:right;
	height:43px;
	width:158px;
	
}

div.legal
{
	font-size:10px;
	text-align:center;
}

div.backDiv
{
	/*margin-left:15px;*/
	position:relative;
	float:left;
	height:43px;
	width:441px;
	background-image:url(../images/backbg.png);
	
}

img.backArrow
{/*
	position:relative;
	top:7px;
	left:19px;*/
}

div.footDiv
{
	/*
		use if needed
	*/
}

/******** Generic for styles ********/

table.form
{
	color:#75797c;
	font-weight:bold;
	width:559px;
	margin:0px auto;
	line-height:normal;
	font-size:15px;
	/*position:relative;
	z-index:500;*/
}

div.testTitle
{
	font-size:18px;
	color:#90b9dd;
	position:relative;
	float:left;
}

span.titleSub
{
	color:#75797c;
	font-weight:bold;
	font-size:15px;
}

div.secTitle
{
	font-size:21px;
	color:#0066cc;
}

td.mainQuestion
{
	padding-top:8px;
	vertical-align:top;
}

td.controlQuestion
{
	padding-top:6px;
	vertical-align:top;
}

td.mainQuestionXtraPad
{
	padding-top:13px;
	vertical-align:top;
}

td.controlQuestionXtraPad
{
	padding-top:11px;
	vertical-align:top;
}

td.mainQuestionMoreXtraPad
{
	padding-top:20px;
	vertical-align:top;
}

td.controlQuestionMoreXtraPad
{
	padding-top:18px;
	vertical-align:top;
}

td.subQuestion
{
	padding-left:20px;
}

input.errorMessage, select.errorMessage {
	border: 2px solid red;
	color: red;
}

.smallText
{
	font-size:9px;
	color:#666666;
	white-space:nowrap;
}

td.inlineMainQuestion
{
	padding-top:10px;
}

td.subQuestion
{
	padding-top:10px;
	padding-left:20px;
	white-space:nowrap;
}

td.subQuestionNoPad
{
	padding-left:20px;
	white-space:nowrap;
}

td.inlineSubQuestion
{
	padding-top:10px;
	white-space:nowrap;
}

td.inlineControlQuestion
{
	padding-top:8px;
	
}

select.controlWidthMedium
{
	width:200px;
}


input.controlWidthMedium
{
	width:194px;
}


select.distanceDriven
{
	width:180px;
}

select.controlWidthMedSmall
{
	width:150px;
}

input.controlWidthMedSmall
{
	width:144px;
}

div.error
{
	background-color:Red;
	color:#ffffff;
	width:194px;
	height:18px;
	font-size:12px;
	visibility:hidden;/**/
	position:relative;
	float:right;
	padding:3px;
	right:234px; 
	bottom:37px;
	z-index:300;
}

div.retakeLink
{
	font-weight:bold;
	font-size:12px;
	position:relative;
	float:left;
	left:165px;
	bottom:37px;
	z-index:400;
}

td.borderRow
{
	border-bottom:dashed 1px #c1d6d9;
	height:1px;
	line-height:1px;
	font-size:1px;
	padding-top:8px;
}

td.outdent
{
	text-indent:-24px;
	padding-left:24px;	
}

span.indent
{
	padding-left:54px;
}

table.centered
{
	margin:0px auto;
}

table.leftMargin
{
	margin-left:50px;
}

table.zipLeftMargin
{
	margin-left:20px;
}

td.zipCopy
{
	border-right:dashed 1px #8eb8dc;
	height:172px;
	width:190px;
	padding-top:17px	
}

td.redText
{
	font-size:14px;
	color:#a8000c;
	position:relative;
	float:left;
	padding-top:3px;
}

td.blackText
{
	font-size:13px;
	color:#000000;
	padding-top:20px;
}

span.ecpTitle
{
	font-size:16px;
	color:#085598;
}

td.score
{
	font-size:36px;
	width:85px;
	font-weight:normal;
}

td.noPadd
{
	padding:0px;	
}

td.paddingTop8
{
	padding-top:8px;	
}

td.paddingTop3
{
	padding-top:3px;	
}
/******** form specific styles ********/

td.homeColWidth
{
	width:200px;
}

td.mainQuestionHomePadd
{
	padding-top:10px;
	vertical-align:top;
}

td.commuteCarNumAdj
{
	padding-bottom:2px;	
}

td.commuteBoxBorder
{
	border-width:1px 1px 1px 0px;
	border-color:#c1d6d9;
	border-style:dashed;
	height:55px;
	text-align:center;
	width:103px;
}

td.commuteBoxBorderRight
{
	border-width:1px 0px 1px 0px;
	border-color:#c1d6d9;
	border-style:dashed;
	height:55px;
	width:210px;
	text-align:center;
}

td.width25
{
	width:25px;
}

td.width89
{
	width:89px;
}

td.width103
{
	width:103px;
}

td.width163
{
	width:163px;
}

td.width220
{
	width:220px;
}

td.width231
{
	width:231px;
}

td.width239
{
	width:239px;
}

td.paddingBottom7
{
	padding-bottom:7px;
}

td.paddingTop5
{
	padding-top:5px;
}

td.paddingTop6
{
	padding-top:6px;
}

td.paddingTop18
{
	padding-top:18px;
}

td.paddingTop16
{
	padding-top:16px;
}

td.commuteWidth1
{
	width:100px;
}

td.commuteWidth2
{
	width:250px;
}

td.commuteWidth3
{
	width:184px;
}

td.commuteWidth4
{
	width:90px;
}

td.commuteWidth5
{
	width:429px;
}

td.scoreText
{
	width:160px;
}

td.carbonText
{
	width:201px;
}

div.sendToMain
{
	width:609px;
	margin:0px auto;
}

div.sendToContent
{
	height:255px;
	background-image:url(../images/email/penguins.jpg);
	background-repeat:no-repeat;
}

div.titleImage
{
	padding-bottom:10px;
}

div.sendToText
{
	position:relative;
	right:20px;
	width:305px;
	float:right;
	padding-left:13px;
	font-weight:bold;
	font-size:12px;
	text-align:left;
}


div.sendToImage
{
	width:289px;
	position:relative;
	float:left;
}

div.sendToError
{
	height:30px;
	position:relative;
	top:20px;
	left:20px;
	width:230px;
	float:left;
}

div.sendToMsg
{
	position:relative;
	font-size:15px;
	top:105px;
	margin-right:10px;
	padding:5px;
	width:359px;
	float:right;
}

.sendToButton
{
	position:relative;
	left:187px;
	top:10px;
}

img.car
{
	margin-top:104px;
}

div.sendToFoot
{
	
}