html {}

body {margin:0; padding:0; 
      line-height: 1.3; color:#666; font-family: Myriad Pro, Arial, Sans-Serif; font-size:12px; background-color:#fff;}

/* ------------------ Baseline Styles  -------------------------- */

/* Headers *****************************/
h1 {font-size:18px; color:#fff; margin:0; font-weight:normal;}
h2 {font-size:13px; margin:0; }
h3 {}
h4 {}
h5 {}

/* Text *****************************/
p {margin:0;}

/* Links *****************************/
a {color:#336699; text-decoration:none; font-weight:normal;}
a:hover {}
a:active {}
a:visited {}

/* Images *****************************/
img { border: 0px; }

/* Misc Sitewide ********************/	
.brclear {clear: both;
	line-height: 0;}



/* ------------------ Content  -------------------------- */


#Main {float:left; width:588px; margin:0; padding:0;  }

#imgheader {float:left; margin:0;}
#imgheader img.steps {float:left; margin-top:6px; }

#imgheader div.steps {width:588px; height:37px; float:left; }
	#imgheader div.steps2 {background:transparent url('../Images/steps_2.gif') no-repeat 0 0; }
	#imgheader div.steps3 {background:transparent url('../Images/steps_3.gif') no-repeat 0 0; }
	#imgheader div.steps4 {background:transparent url('../Images/steps_4.gif') no-repeat 0 0; }

	#imgheader div.steps img		  {float:left; width:142px; height:37px;}
	
	#imgheader div.steps2 .arrowSubmit  {float:left; width:400px; height:37px;}
	#imgheader div.steps3 .arrowSubmit  {}
	#imgheader div.steps4 .arrowSubmit  {}



#containerBox {float:left; width:556px; /*586-p*/  padding:10px 15px 15px 15px; margin:0; border:1px #b6b6b6 solid; border-top-width:0; background-color:#f5f5f5;}
#containerBox h1 {float:left; width:533px; height:25px; /*556x34-p*/ padding:9px 0 0 23px; display:block;
                  text-indent:600px; overflow:hidden; white-space: nowrap; 
                  background:#fff url('../Images/bg_contentBox_hdr.gif') no-repeat 0 0;}

.contentBox  {float:left; width:516px; /*556-p*/ padding:21px 20px 7px 20px; background:#fff url('../Images/bg_contentBox.gif') repeat-y 0 0;}
	.roleBox {float:left; width:516px; height:102px; /*516x119-p*/ padding-top:17px; margin:21px 0 27px 0 ;
	           background:#fff url('../Images/bg_chooseRole.jpg') no-repeat 0 0; }
	           
.contactBox	 {width:528px; height:29px; padding:26px 4px 0 24px; 
           	  background:#f5f5f5 url('../Images/bg_linkBox.gif') no-repeat 4px 11px;}
.contactBox a {clear:left;  float:left; padding:0 0 8px 8px;
			background:transparent url(../Images/arrow_blue.gif) no-repeat scroll 0 5px;}           

.sourceBox {font-size:9px; color:#999; margin:0; padding:10px 15px 0px 5px; }	
.source {font-size:9px; color:#999; margin:0 3px; padding:10px  15px 15px 15px; }	

/*** Default Page ***/
p.quote			{font-size:12px; display:block; float:left; margin:0; font-style:italic; }	           
.bigquotes		{font-size:22px; color:#999; margin:0 3px;  }	
.quoteCredit	{font-size:13px; float:right; font-style:italic; padding-top:10px;}   


/**** Info Pages ***/
.money {float:left; padding:0 0; margin:5px 3px 0 0;} 
.infoBox {float:left;  width:516px; padding:12px 0; border-bottom:1px #b6b6b6 dotted; 
          overflow:visible; }

.popupBox {width:238px ; padding: 13px 0 0 0; color:#666; font-size:11px; 
           float:left; position:absolute; left:270px; z-index:10; 
           background:transparent url('../Images/bg_popup.gif') no-repeat 0 0;}
.popupBox h3 {color:#666; font-size:12px; float:left;} 
.popupSub  {padding:0 20px 13px 20px;}
.popupFoot {height:1px; border-bottom:1px #afafaf solid; width:232px; margin-left:0px;}


	.formLabel	{float:left; width:174px; padding:5px 17px 0 40px; margin:0; display:block;}
	.formText	{float:left; width:206px; height:22px; border:1px #ccc solid; border-right-color:#e4e4e4; border-bottom-color:#e4e4e4; background-color:#f5f5f5;}
	.formDDL	{float:left; width:208px; height:22px; border:1px #ccc solid; border-right-color:#e4e4e4; border-bottom-color:#e4e4e4; background-color:#f5f5f5;}
	.formTextArea {float:left; width:404px; height:74px; border:1px #ccc solid; border-right-color:#e4e4e4; border-bottom-color:#e4e4e4; background-color:#f5f5f5; overflow:scroll; overflow-x:hidden; margin-bottom:16px;}
	
	.infoLink {float:right; display:block; margin:2px 9px 0 40px; position:relative; z-index:0;}

	div.employees	{background:#fff url('../Images/icon_orng_people.gif') no-repeat 1px 7px; margin-top:20px;}
	div.miles		{background:#fff url('../Images/icon_orng_circle.gif') no-repeat 1px 20px;}
	div.time		{background:#fff url('../Images/icon_orng_car.gif') no-repeat 1px 16px;}
	div.daysTW		{background:#fff url('../Images/icon_orng_calendar.gif') no-repeat 1px 23px; border:0; }
	
	div.EmpDays		{background:#fff url('../Images/icon_green_calendar.gif') no-repeat 1px 20px;}
	div.EmpMiles	{background:#fff url('../Images/icon_green_circle.gif') no-repeat 1px 18px;}
	div.EmpVehicle	{background:#fff url('../Images/icon_green_car.gif') no-repeat 1px 8px;}
	div.EmpTime		{background:#fff url('../Images/icon_green_clock.gif') no-repeat 1px 20px;}
	div.EmpTolls	{background:#fff url('../Images/icon_green_cash.gif') no-repeat 1px 7px; border:0; }
		

.formButtonBox {float:right; width:164px; /*516-p*/ padding:16px 11px 0 341px; margin-top:25px; border-top:1px #c7c7c7 solid; }
.formButtonBox a {float:left; padding-left:16px;}
.formButtonBox input {float:left; padding-left:16px;}

/**** Results Pages ****/

    .resultBox {float:left; width:516px; padding:5px 0 5px 0; border-bottom:1px #b6b6b6 dotted;}
	.resultBox p {float:left; line-height:2}  /* expanded line to fit superscript height */

	
	.EmpResult		{font-size:16px; color:#739fa7; padding:0 12px 0 0; width:90px; float:left; text-align:right; margin:0; font-weight:bold;}
	.ManResult		{font-size:16px; color:#ffa541; padding:0 12px 0 0; width:120px; float:left; text-align:right; margin:0; font-weight:bold;}
	
	div.EmpResultDays		{float:left; margin:0 0; padding:0 0;}
	div.EmpResultDollars	{float:left; margin:0 0; padding:0 0;}
	div.EmpResultLbs		{float:left; margin:0 0; padding:0 0;}
	
	div.ManResultProductivity	{float:left; margin:0 0; padding:0 0;}
	div.ManResultRealEstate		{float:left; margin:0 0; padding:0 0;}
	div.ManResultRetention		{float:left; margin:0 0; padding:0 0;}
	div.ManResultEmployees		{float:left; margin:0 0; padding:0 0;}
	
	div.icoContainer	{float:left; width:37px; margin:0 0; padding:0 0;}
	
	p.quoteManResult {font-size:13px; display:block; float:left; margin:0; font-style:italic; font-weight:bold; }
	
	/* this line (below) corrects vertical alignment for result entries with  footnote superscript */
	.EmpResultDollars p, .EmpResultLbs p, .ManResultProductivity p, .ManResultRealEstate p {margin-top:-2px;}
	
	
.contentBox    {background-image:url('../Images/bg_contentBox.gif'); padding-top:10px; background-color:#fff;}         	  
.contentBox h2 {float:left; color:#404040; margin:5px 0 5px 0;}
.contentBox .leftCol  {float:left; width:265px; padding-right:25px; border-right:1px #b6b6b6 dotted;}
.contentBox .rightCol {float:left; width:190px; /*220-p*/ padding:27px 10px 0 20px;}      
.contentBox .rightCol p.quote { font-size:14px; line-height:1.5;}
.contentBox .rightCol p.quoteCredit  {}
.contentBox .leftCol p {float:left; padding:0 0 8px 8px;
                         background:#fff url('../Images/arrow_blue.gif') no-repeat 0 3px;}

.resultsMenuEmployee {width:530px; height:35px; /*556x50-p*/ padding:15px 0 0 26px;
	                  background:#fff url('../Images/bg_iconBox_green2.jpg') no-repeat 0 0;}
.resultsMenuManager {width:530px; height:35px; /*556x50-p*/ padding:15px 0 0 26px;
	                  background:#fff url('../Images/bg_iconBox_orange2.jpg') no-repeat 0 0;}
	                  
.resultsMenuEmployee a, .resultsMenuManager a
 {float:left; padding-left:27px; color:#fff; font-size:13px; margin-right:60px; height:18px;}	


.resultsMenuEmployee a.emailLink	{background:#739fa7 url('../Images/icon_green_envelope.gif') no-repeat 0 4px;}
.resultsMenuEmployee a.pdfLink		{background:#739fa7 url('../Images/icon_green_pdf.gif') no-repeat 0 1px;}
.resultsMenuEmployee a.contactLink	{background:#739fa7 url('../Images/icon_green_wordbubble.gif') no-repeat 0 4px; margin-right:0;}                       

.resultsMenuManager a.emailLink		{background:#ffa541 url('../Images/icon_orange_envelope.gif') no-repeat 0 4px;}
.resultsMenuManager a.pdfLink		{background:#ffa541 url('../Images/icon_orange_pdf.gif') no-repeat 0 1px;}
.resultsMenuManager a.contactLink	{background:#ffa541 url('../Images/icon_orange_wordbubble.gif') no-repeat 0 4px; margin-right:0;}                       

.linksBox {float:left; width:518px; /*548-p-b*/ padding:10px 4px 0 24px;  margin-left:4px;
          background-color:#e8e8e8; border:1px #ccc solid; border-width:0 1px; }
.linksBox h2 {color:#336699;}          
.linksBox a {clear:left;  float:left; padding:0 0 8px 8px;
			background:transparent url(../Images/arrow_blue.gif) no-repeat scroll 0 3px; width:100%;}  
			
h2.manBenefits {margin-top:0; color:#ffa541; font-size:16px;} 
h2.empBenefits {margin-top:0; color:#739fa7; font-size:16px;} 
h2.outsideLinks {float:left; color:#336699; margin:0 0; padding:0 0;}
h3.notAffiliated {color:#000000; font-size:9px; margin:0 0 10px 0; padding:0 0; font-weight:normal; float:left;}
			
/**** Share Page ****/
.orangeStar {margin:0 0 2px 0;}			

a.pdfShareLink {float:left; display:block; margin-left:102px; padding: 5px 0 0 24px;
                background:transparent url('../Images/icon_pdf.gif') no-repeat 0 1px;}
                
               
/* ------------------New Printable Version of Results----------------- */
.printManagerDiv, .printEmployeeDiv    {width:677px; float:left; margin:0 0 0 19px;}

.printManagerLogo, .printEmployeeLogo   {width:678px; float:left; margin:0 0 0 19px;}
.printManagerHeader, .printEmployeeHeader {width:677px; float:left; margin:5px 19px; height:121px;}
.contentManagerBox 	{width:676px; float:left; margin:0 0 0 19px; border:1px #fab162 solid;}
.contentEmployeeBox	{width:676px; float:left; margin:0 0 0 19px; border:1px #739fa7 solid;}

.printManagerDiv .resultBox, .printEmployeeDiv .resultBox {border-bottom:1px #b6b6b6 solid;}

.printManagerSavings, .printEmployeeSavings {float:left; margin-bottom:4px; width:676px;}
.printManagerSavings h1 {display:block; height:24px; background-color:#fab162; padding:0 0 0 20px;}
.printEmployeeSavings h1 {display:block; height:24px; background-color:#739fa7; padding:0 0 0 20px;}
.printManagerSavings h2, .printEmployeeSavings h2 {float:left; color:#404040; margin:5px 0 5px 0;}
.printManagerSavings .ManResult, .printEmployeeSavings .EmpResult {font-size:16px; width:100px;}

.contentManagerBox, .contentEmployeeBox    {background-image:url('../Images/bg_contentBox.gif'); padding:0 0; background-color:#fff;}         	 
.printManagerSavings .leftCol, .printEmployeeSavings .leftCol  {float:left; width:676px; margin: 0 0 0 20px;}
.printManagerSavings .leftCol p, .printEmployeeSavings .leftCol p {float:left; width:600px; height:100%}

.superscript {font-size:9px; position:relative; bottom:3px;} 

.urlFooter {float:right;}
.urlPrintManFooter {float:left; color:#ffa541; font-weight:bold; font-size:larger;}
.urlPrintEmpFooter {float:left; color:#739fa7; font-weight:bold; font-size:larger;} 

.SuperScript {font-size:10px; line-height:1.3;}

.footnotes {font-size:10px; padding:5px 0}
.TWCBC {float:left; width:676px; margin: 0 0 0 20px; padding:10px 0 0 0;}
.contentManagerBox h2.manBenefits {color:#ffa541; font-size:16px; padding:0 0; margin:0 0;} 
.contentEmployeeBox h2.empBenefits {color:#739fa7; font-size:16px; padding:0 0; margin:0 0;}
.contentManagerBox .sourceBox, .contentEmployeeBox .sourceBox {float:left; width:600px; margin: 0 0 0 15px; padding:0 0 20px 0;}

.printBorder {float:left; width:516px; margin:0 0 0 20px; padding:0 0; border-top:1px #b6b6b6 solid; height:2px;}

/* ------------------Thank You Pages----------------- */
.thankH2 {margin-bottom:25px; font-size:14px; color:#404040; font-weight:bold;}