@import "reset.css";

body{
	font-family:arial,helvetica,sans-serif;
	background:#fff url(i/bgPage.png) repeat-x 0 0;
	}
body#home{
	background:#fff url(i/bgPageCataract.png) repeat-x 50% 0;
	}
body#clens{
	background:#fff url(i/bgPage.png) repeat-x 50% 0;
	}	
body#candidatestart{
	background:#fff url(i/bgPageCandidateStart.png) repeat-x 50% 105px;
	}
body#candidateuseragreement{
	background:#fff url(i/bgPageUserAgreement.png) repeat-x 50% 105px;
	}
body#candidatesteps1{
	background:#fff url(i/bgPageSteps1.png) repeat-x 50% 105px;
	}
body#candidatesteps2{
	background:#fff url(i/bgPageSteps2.png) repeat-x 50% 105px;
	}
body#goodcandidate{
	background:#fff url(i/bgPageUserAgreement.png) repeat-x 50% 105px;
	}
	
	
body#about{
	background:#fff url(i/bgPageAbout.png) repeat-x 50% 0;
	}
body#press{
	background:#fff url(i/bgPagePress.png) repeat-x 50% 0;
	}

#header{
	width:780px;
	margin:0 auto;
	height:75px;
	position:relative;
	}
	#header h1{
		width:434px;
		height:66px;
		margin-left:5px 0 0;
		float:left;
		}
		#header h1 a{
			display:block;
			width:434px;
			height:66px;
			text-indent: -9999px;
			background:transparent url(i/logo.png) no-repeat 0 0;
			}

	#header span.email{
		position:absolute;
		top:5px;
		right:0;
		display:block;
		width:157px;
		height:14px;
		background:transparent url(i/emailBg.png);
		}
		#header span.email a{
			display:block;
			width:157px;
			height:14px;
			font-size:1px; /* keep ie6 happy */
			text-indent: -9999px;
			}
	#header span.phone{
		position:absolute;
		top:25px;
		right:0;
		display:block;
		width:209px;
		height:18px;
		text-indent: -9999px;
		font-size:8px;
		background:transparent url(i/phoneBg.png);
		}


#nav-main{
	width:780px;
	height:31px;
	margin:0 auto;
	position:relative;
	}
	
	#nav-main a{
		display:block;
		height:31px;
		width:auto;
		text-indent: -9999px;
		position:absolute;
		z-index:1;
		}
			
		#nav-main a.home{width:80px; background-image:url(i/navHome.png);}
		#nav-main a.candidate{width:240px; background-image:url(i/navClensCandidate.png); left:80px; }
		#nav-main a.clens{width:143px; background-image:url(i/navClens.png); left:320px;}
		#nav-main a.success{width:142px; background-image:url(i/navSuccess.png); left:463px;}
		#nav-main a.appointment{width:175px; background-image:url(i/navAppointment.png); left:605px;}
		
		#nav-main a:hover{background-position:0 bottom;}

		body#home #nav-main a.home{width:89px; left:-4px; background:transparent url(i/navHomeOn.gif) no-repeat 0 0; z-index:2;}
		body#candidatestart #nav-main a.candidate{width:251px; left:74px; background:transparent url(i/navClensCandidateOn.gif) no-repeat 0 0; z-index:2;}
			body#candidateuseragreement #nav-main a.candidate{width:251px; left:74px; background:transparent url(i/navClensCandidateOn.gif) no-repeat 0 0; z-index:2;}
			body#privacy #nav-main a.candidate{width:251px; left:74px; background:transparent url(i/navClensCandidateOn.gif) no-repeat 0 0; z-index:2;}		
		body#clens #nav-main a.clens{width:154px; left:314px; background:transparent url(i/navClensOn.gif) no-repeat 0 0; z-index:2;}
		body#success #nav-main a.success{width:153px; left:457px; background:transparent url(i/navSuccessOn.gif) no-repeat 0 0; z-index:2;}
		body#appointment #nav-main a.appointment{width:186px; left:599px; background:transparent url(i/navAppointmentOn.gif) no-repeat 0 0; z-index:2;}

#banner-wrap{
	height:195px;
	}
#banner{
	width:800px;
	height:193px;
	margin:0 auto 1px;
	position:relative;
	font-size:62.5%;
	}
	#banner .dark{
		text-indent:-9999px;
		}
body#home #banner-wrap,	
body#home #banner{
	height:233px;
	background:transparent url(i/bgBannerCataract.png) no-repeat 50% 0;
	}
body#clens #banner-wrap,	
body#clens #banner{
	height:195px;
	background:transparent url(i/bgBannerClens.png) no-repeat 50% 0;
	}
body#success #banner-wrap,
body#success #banner{
	background:transparent url(i/bgBannerSuccess.png) no-repeat 50% 0;
	}
body#success #banner a{
		display:block;
		position:absolute;
		bottom:2px;
		height:35px;
		text-indent:-9999px;
		}
body#success #banner a.success{
	left:0px;
	width:800px;
	}
body#pricing #banner-wrap,
body#pricing #banner{
	background:transparent url(i/bgBannerPricing2.png) no-repeat 50% 0;
	}
	
	
/* Candidate Start Page */
	
body#candidatestart #banner-wrap,
body#candidatestart #banner{
	height:363px;
	background:transparent url(i/bgBannerClensCandidateStart.png) no-repeat 50% 0;
	}
body#candidatestart #banner a.email{
		width:119px;
		height:17px;
		display:block;
		position:absolute;
		top:240px;
		left:157px;
		text-indent:-9999px;
		}
body#candidatestart #banner a.start{
		width:256px;
		height:37px;
		display:block;
		position:absolute;
		top:298px;
		left:10px;
		text-indent:-9999px;
		}
		
/* Candidate User Agreement */

body#candidateuseragreement #banner-wrap,
body#candidateuseragreement #banner{
	height:281px;
	background:transparent url(i/bgBannerDisclaimer.png) no-repeat 50% 0;
	}
body#candidateuseragreement #banner a{
		height:37px;
		display:block;
		position:absolute;
		top:225px;
		left:10px;
		text-indent:-9999px;
		}
body#candidateuseragreement #banner a.accept{
	left:10;
	width:113px;
	}
body#candidateuseragreement #banner a.donotaccept{
	left:145px;
	width:113px;
	}
	
/* Candidate Steps - Type 1 */

body#candidatesteps1 #banner-wrap,
body#candidatesteps1 #step1{
	height:259px;
	background:transparent url(i/bgBannerStep1.png) no-repeat 50% 0;
	}
body#candidatesteps1 #step3{
	height:259px;
	background:transparent url(i/bgBannerStep3.png) no-repeat 50% 0;
	}
body#candidatesteps1 #step4{
	height:259px;
	background:transparent url(i/bgBannerStep4.png) no-repeat 50% 0;
	}
body#candidatesteps1 #step5{
	height:259px;
	background:transparent url(i/bgBannerStep5.png) no-repeat 50% 0;
	}
body#candidatesteps1 #step7{
	height:259px;
	background:transparent url(i/bgBannerStep7.png) no-repeat 50% 0;
	}
body#candidatesteps1 #final{
	height:259px;
	background:transparent url(i/bgBannerFinal.png) no-repeat 50% 0;
	}
body#candidatesteps1 #banner a{
		width:256px;
		height:37px;
		display:block;
		position:absolute;
		top:298px;
		left:10px;
		text-indent:-9999px;
		}
		

/* Candidate Steps - Type 2 */

body#candidatesteps2 #banner-wrap,
body#candidatesteps2 #step2{
	height:301px;
	background:transparent url(i/bgBannerStep2.png) no-repeat 50% 0;
	}
body#candidatesteps2 #step6{
	height:301px;
	background:transparent url(i/bgBannerStep6.png) no-repeat 50% 0;
	}
body#candidatesteps2 #step6h{
	height:301px;
	background:transparent url(i/bgBannerStep6-2.png) no-repeat 50% 0;
	}
body#candidatesteps2 #banner a{
		width:256px;
		height:37px;
		display:block;
		position:absolute;
		top:298px;
		left:10px;
		text-indent:-9999px;
		}
		
/* Good Candidate */

body#goodcandidate #banner-wrap,
body#goodcandidate #banner{
	height:281px;
	background:transparent url(i/bgBannerGoodCandidate.png) no-repeat 50% 0;
	}
body#goodcandidate #banner a{
		width:223px;
		height:37px;
		display:block;
		position:absolute;
		top:225px;
		left:10px;
		text-indent:-9999px;
		}
	
body#home #banner a{
		display:block;
		position:absolute;
		bottom:2px;
		height:35px;
		text-indent:-9999px;
		}
body#home #banner a.candidate{
	left:0;
	width:168px;
	}
body#home #banner a.appointment{
	left:168px;
	width:165px;
	}
body#about #banner-wrap,	
body#about #banner{
	height:233px;
	background:transparent url(i/bgBannerAboutDrG.png) no-repeat 50% 0;
	}
body#about #banner a{
		display:block;
		position:absolute;
		bottom:2px;
		height:35px;
		text-indent:-9999px;
		}
body#about #banner a.signup{
	left:0;
	width:281px;
	}
body#about #banner a.contact{
	left:281px;
	width:162px;
	}
body#press #banner-wrap,	
body#press #banner{
	height:233px;
	background:transparent url(i/bgBannerPress.png) no-repeat 50% 0;
	}
#content-wrap{
	background:transparent url(i/bgContent.png) repeat-x 0 bottom;
	margin-bottom:24px;
	}

#content{
	font-size:62.5%;
	width:790px;
	margin:0 auto;
	padding:20px 0 0 10px;
	}
body#home #content {width:800px; padding-left:0;}

#content br{
	clear:both;
	}
	
	#main{
		float:left;
		width:514px;
		margin-bottom:20px;
		}
	body#home #main{
		width:524px;
		}
		
		#main h2{
			font-size:180%;
			color:#2286c3;
			font-weight:bold;
			padding:0.1em 0 ;
			}
		#main h3{
			font-size:120%;
			font-weight:bold;
			padding:0 0 0.3em 0;
			}
		#main h4{
			border-bottom:#ff9900 dotted 1px;
			margin:0 0 16px;
			}
		#main h5{
			font-size:92.5%;
			color:#999999;
			padding:0.1em 0 ;
			}		
		#main p, #main ul, #main ol{
			font-size:120%;
			padding:0 0 1.7em 0;
			line-height:1.5em;
			}
		#main li{
			padding-left:12px;
			background:transparent url(i/bullet.gif) no-repeat 0 0.4em;
			}
	
	#sidebar{
		float:right;
		width:256px;
		margin-bottom:20px;
		}
		
		#sidebar img{
			padding-bottom:27px;
			}
	
	.module{
		position:relative;
		}
		.module a{
			display:block;
			width:256px;
			height:104px;
			position:absolute;
			bottom:0;
			text-indent:-9999px;
			}
		.module p,
		.module h3,
		.module h4,
		.module h5,
		.module ul{
			text-indent:-9999px;
			}
			
		body#home .module p,
		body#home .module h3,
		body#home .module h4,
		body#home .module h5,
		body#home .module ul{
			text-indent:-9999px;
			}
			
		body#home .module h2{
			height:67px;
			text-indent:-9999px;
			}
		body#home .module p{
			padding:0.7em 10px;
			}
		body#home .module a.more{
			position:absolute;
			display:block;
			height:37px;
			text-indent:-9999px;
			}


		#candidate-module{
			height:104px;
			background:transparent url(i/moduleCandidateClens.png) no-repeat 0 0;
			margin-bottom:19px;
			}
			
		#aboutdrg1-module{
			height:364px;
			background:transparent url(i/moduleTopOpthamologist.png) no-repeat 0 0;
			margin-bottom:19px;
			}
			
		#press-module{
			height:208px;
			background:transparent url(i/modulePress.png) no-repeat 0 0;
			margin-bottom:19px;
			}
			
		#resume-module{
			height:37px;
			background:transparent url(i/moduleResume.png) no-repeat 0 0;
			}
			
		#contact-module{
			height:36px;
			background:transparent url(i/moduleContact.png) no-repeat 0 0;
			margin-bottom:19px;
			}
			
		#articlephoto-module{
			height:462px;
			background:transparent url(i/moduleArticlePhoto.png) no-repeat 0 0;
			margin-bottom:19px;
			}
		
		#appointment-badge{
			height:162px;
			background:transparent url(i/moduleAppointment.png) no-repeat 0 0;
			margin-bottom:9px;
			}
			#appointment-badge a{
					bottom:58px;
					}
			#appointment-badge div.page-right{
				width:29px;
				height:55px;
				position:absolute;
				top:74px;
				right:-29px;
				z-index:100;
				}
		
		body#home #appointment-module{
			float:right;
			width:248px;
			min-height:269px;
			background:transparent url(i/module2020Bot.png) no-repeat 0 bottom;
			margin-bottom:20px;
			z-index:99;
			
			padding:0 0 60px;
			}
		* html body#home #appointment-module { height: 269px; } /* ie6 hack */
		
			body#home #appointment-module h2{
				background:transparent url(i/module2020Top.png) no-repeat 0 0;
				}
			
			body#home #appointment-module a.more{
				width:248px;
				bottom:0;
				}
			body#home #appointment-module div.page-bottom{
				width:154px;
				height:68px;
				position:absolute;
				bottom:-68px;
				right:0;
				z-index:100;
				}
				body#home #appointment-module div.page-bottom img{
					z-index:100;
					}

		body#home #doctor-module{
			float:left;
			width:256px;
			min-height:219px;
			background:transparent url(i/moduleDoctorBot.png) no-repeat 0 bottom;
			margin-bottom:20px;
			
			padding:0 0 110px;
			}
		* html body#home #doctor-module { height: 219px; } /* ie6 hack */
		
			body#home #doctor-module h2{
				background:transparent url(i/moduleDoctorTop.png) no-repeat 0 0;
				}
			body#home #doctor-module a.more{
				width:256px;
				}

		#report-module{
			height:251px;
			background:transparent url(i/moduleReport.png) no-repeat 0 0;
			z-index:50;
			}
		body#home #report-module{
			background:transparent;
			clear:both;
			height:180px;
			background:transparent url(i/moduleReportHome.png) no-repeat 0 0;
			}
			body#home #report-module a.more{
				width:524px;
				}
			
		body#home #cataract-module{
			background:transparent url(i/moduleCataractBot.png) no-repeat 0 bottom;
			min-height:299px;
			padding:0 0 230px;
			}
		* html body#home #cataract-module { height: 299px; } /* ie6 hack */
		
			body#home #cataract-module h2{
				background:transparent url(i/moduleCataractTop2.png) no-repeat 0 0;
				}
			body#home #cataract-module p,
			body#home #cataract-module ul{
				font-size:120%;
				line-height:1.5em;				
				padding:0.7em 10px;
				}
	
	#online{
		float:left;
		width:236px;
		padding:0 0 16px;
		}
		#online h2{
			text-indent:-9999px;
			height:62px;
			background:transparent url(i/headingOnline.png) no-repeat 0 0;
			border-bottom:#b71c98 dotted 1px;
			padding:0 0 8px;
			margin:0 0 8px;
			}

		#online form p{
			margin:0 0 1em;
			}
		#online form fieldset{
			margin:0 0 1.8em;
			}
		#online form label{
			display:block;
			font-size:120%;
			}
		#online form input.text{
			width:100%;
			border:#8e94c8 solid 1px;
			}
		
		#online form fieldset.days p{
			font-weight:bold;
			font-size:120%;
			line-height:1.4em;
			border-top:#b71c98 dotted 1px;
			padding:1em 0 0;
			}
		#online form fieldset.days fieldset{
			width:16%;
			float:left;
			margin:0;
			}
			
		#online form fieldset.time select{
			width:100%;
			border:#8e94c8 solid 1px;
			}
			
		#online form fieldset.report label{
			display:inline;
			}
			
		#online form button{
			clear:both;
			display:block;
			width:236px;
			height:37px;
			text-indent:-9999px;
			background:transparent url(i/buttonSubmit.png) no-repeat 0 0;
			border:none;
			}
			
	#clenstest{
		float:left;
		width:524px;
		padding:0 0 16px;
		}
		/* #clenstest h2{
			text-indent:-9999px;
			height:62px;
			background:transparent url(i/headingclenstest.png) no-repeat 0 0;
			border-bottom:#b71c98 dotted 1px;
			padding:0 0 8px;
			margin:0 0 8px;
			} */

		#clenstest form p{
			margin:0 0 1em;
			}
		#clenstest form fieldset{
			margin:0 0 1.8em;
			}
		#clenstest form label{
			display:block;
			font-size:120%;
			}
		#clenstest form input.text{
			width:75%;
			border:#8e94c8 solid 1px;
			}
		
		#clenstest form fieldset.days p{
			font-weight:bold;
			font-size:120%;
			line-height:1.4em;
			border-top:#b71c98 dotted 1px;
			padding:1em 0 0;
			}
		#clenstest form fieldset.days fieldset{
			width:16%;
			float:left;
			margin:0;
			}
			
		#clenstest form fieldset.time select{
			width:75%;
			border:#8e94c8 solid 1px;
			}
			
		#clenstest form fieldset.report label{
			display:inline;
			}
			
		#clenstest form button{
			clear:both;
			display:block;
			width:236px;
			height:37px;
			text-indent:-9999px;
			background:transparent url(i/buttonSubmit.png) no-repeat 0 0;
			border:none;
			}
			
			
#candidateform{
		float:left;
		width:775px;
		padding:20px 0 16px;
		}
		#candidateform h2{
			text-indent:-9999px;
			height:62px;
			border-bottom:#b71c98 dotted 1px;
			padding:0 0 8px;
			margin:0 0 8px;
			}

		#candidateform form p{
			margin:0 0 1em;
			}
		#candidateform form fieldset{
			margin:0 0 1.8em;
			}
		#candidateform form label{
			display:block;
			font-size:120%;
			}
		#candidateform form input.text{
			width:100%;
			border:#8e94c8 solid 1px;
			}
		
		#candidateform form fieldset.days p{
			font-weight:bold;
			font-size:120%;
			line-height:1.4em;
			border-top:#b71c98 dotted 1px;
			padding:1em 0 0;
			}
		#candidateform form fieldset.days fieldset{
			width:16%;
			float:left;
			margin:0;
			}
			
		#candidateform form fieldset.time select{
			width:100%;
			border:#8e94c8 solid 1px;
			}
			
		#candidateform form fieldset.report label{
			display:inline;
			}
			
		#candidateform form button{
			clear:both;
			display:block;
			width:256px;
			height:37px;
			text-indent:-9999px;
			background:transparent url(i/buttonContinue.png) no-repeat 0 0;
			border:none;
			}
		

	#phone{
		float:left;
		width:114px;
		margin-left:30px;
		}
	* html #phone { margin-left: 15px; } /* ie6 hack */
		
		#phone h2{
			text-indent:-9999px;
			height:62px;
			background:transparent url(i/headingPhone.png) no-repeat 0 0;
			border-bottom:#b71c98 dotted 1px;
			padding:0 0 8px;
			margin:0 0 8px;
			}
		#phone dl{
			font-size:120%;
			line-height:1.5em;
			}
		#phone dl dd{
			margin:0 0 1em;
			}
			#phone dl dd strong{
				font-size:120%;
				}

	
	#map{
		float:right;
		width:380px;
		}
		#map h2{
			text-indent:-9999px;
			height:62px;
			background:transparent url(i/headingGettingHere.png) no-repeat 0 0;
			border-bottom:#b71c98 dotted 1px;
			padding:0 0 8px;
			margin:0 0 8px;
			}
		#map dl{
			font-size:120%;
			line-height:1.5em;
			margin:0 0 1em;
			}
		#map dt{
			font-weight:bold;
			}
		
		#map ul{
			font-size:120%;
			line-height:3em;
			}
			#map ul li{
				display:inline;
				}
				#map a{
					color:#06c;
					}
				#map a.print{
					padding:3px 16px 3px 20px;
					background:transparent url(i/iconPrinter.gif) no-repeat 0 50%;
					}
				#map a.zoom{
					padding:3px 16px 3px 20px;
					background:transparent url(i/iconZoom.gif) no-repeat 0 50%;
					}
				#map a.gmaps{
					padding:3px 0 3px 20px;
					background:transparent url(i/iconMap.gif) no-repeat 0 50%;
					}
		#map img{
			border:#b71c98 solid 1px;
			}
			
	#thankyou{
		float:left;
		width:236px;
		padding:0 0 16px;
		}
		#thankyou h2{
			text-indent:-9999px;
			height:62px;
			background:transparent url(i/headingThankYou.png) no-repeat 0 0;
			border-bottom:#ff9900 dotted 1px;
			padding:0 0 8px;
			margin:0 0 8px;
			}
		#thankyou dl{
			font-size:120%;
			line-height:1.5em;
			margin:0 0 1em;
			}
		#thankyou dt{
			font-weight:bold;
			}

		
	

	#footer{
		clear:both;
		width:780px;
		font-size:62.5%;
		margin:0 auto;
		border-top:solid 1px #ccc;
		padding:15px 10px;
		color:#ccc;
		}
		#footer ul{
			float:left;
			width:570px;
			padding-top:4px;
			}
			#footer ul li{
				display:inline;
				}
			#footer ul li a{
				color:#f90;
				text-decoration:none;
				padding:0 3px;
				border-left:solid 1px #999;
				}
			#footer ul li a:hover{
				text-decoration:underline;
				}
			#footer ul li.first a{
				padding-left:0;
				border:none;
				}
		#footer span.phone{
			float:right;
			display:block;
			width:209px;
			height:18px;
			text-indent: -9999px;
			background:transparent url(i/phoneBg.png);
			}
		#footer p{
			clear:both;
			padding:18px 0 0;
			}