@charset "utf-8";
/* CSS Document */

#mainContent #leftColumn{
	float:left;
	width:640px;
	margin:0px 20px 0px 0px;}

#mainContent #hpLeftColumn{
	float:left;
	width:525px;
	margin:0px 20px 0px 0px;}

#mainContent #rightColumn{
	float:left;}

#mainContent #locations #findByProvince.firstOne,
#mainContent #locations_affiliates #findByProvince.firstOne,
#mainContent #locations_affiliates #findByCity.firstOne{margin:120px 0px 0px 0px;}
#mainContent #locations #findByProvince,
#mainContent #locations_affiliates #findByProvince,
#mainContent #locations_affiliates #findByCity,
#mainContent #events #findByCity{
	width:206px;
	height:330px;
	margin:10px 0px 0px 0px;
	background-image:url(/en/images/findByProvince.png);
	background-repeat:no-repeat;}
#mainContent #events #findByCity{margin:120px 0px 0px 0px;}

#mainContent #locations_affiliates #findByCity,
#mainContent #events #findByCity{
	background-image:url(/en/images/findByCity.png);}
	
#mainContent #locations #findByProvince ul,
#mainContent #events #findByProvince ul{
	margin:0px 0px 0px 35px;
	padding:48px 0px 0px 0px;}

#mainContent #locations #findByProvince li,
#mainContent #events #findByProvince li{
	line-height:1.6;}

#mainContent #locations_affiliates #findByCity select,
#mainContent #events #findByCity select{
	margin:48px 0px 0px 15px;
	width:175px;
	border:none;
	border-style:solid;
	border-width:1px;
	background-color:#e9f1f8;}

#mainContent #rightColumn #promoTile{
	margin:10px 0px 0px 0px;}

#mainContent #rightColumn #promoTile.firstOne{
	margin:80px 0px 0px 0px;}

#mainContent #rightColumn #promoTile.special{
	margin:-28px 0px 0px 0px;}

#mainContent #rightColumn #examEvents{
	width:307px;
	height:180px;
	color:#FFFFFF;
	margin:10px 0px 0px 0px;
	padding:70px 0px 0px 25px;
	background-image:url(/en/images/promotiles/examAtTheseEvents.png);
	background-repeat:no-repeat;}

#mainContent #rightColumn #examEvents span.blue{ color:#5289b5;}

#mainContent #locations_affiliates #affliateDealer{
	width:635px;
	height:140px;
	background-image:url(/en/images/locationsBg.png);
	background-repeat:no-repeat;}

#mainContent #events #location,
#mainContent #locations_affiliates #location{
	width:635px;
	height:140px;
	background-image:url(/en/images/eventBg.png);
	background-repeat:no-repeat;}
	
#mainContent #locations_affiliates #affliateDealer #logo,
#mainContent #events #location #logo,
#mainContent #locations_affiliates #location #logo{
	float:left;
	width:127px;
	height:84px;
	padding:25px 0px 0px 20px;}

#mainContent #locations_affiliates #affliateDealer #logo img,
#mainContent #events #location #affliateDealer #logo img,
#mainContent #locations_affiliates #location #affliateDealer #logo img,
#mainContent #events #location #logo img,
#mainContent #locations_affiliates #location #logo img{
	behavior:url(/en/css/iepngfix.htc);}

#mainContent #locations_affiliates #affliateDealer #detail,
#mainContent #events #location #detail,
#mainContent #locations_affiliates #location #detail{
	float:left;
	width:240px;
	line-height:1.4;
	margin:15px 10px 0px 30px;}

#mainContent #locations_affiliates #affliateDealer #detail .title,
#mainContent #events #location #detail .title,
#mainContent #locations_affiliates #location #detail .title,
#mainContent #events #location #detail2 .title,
#mainContent #locations_affiliates #location #detail2 .title{
	display:block;
	height:25px;
	font-weight:bold;
	font-size:16px;
	line-height:1.2;
	letter-spacing:-0.05em;}

#mainContent #events #location #detail2,
#mainContent #locations_affiliates #location #detail2{
	float:left;
	width:200px;
	line-height:1.4;
	margin:15px 0px 0px 0px;}

#mainContent #locations_affiliates #affliateDealer #options{
	float:left;
	padding:55px 0px 0px 20px !important;
	padding:70px 0px 0px 20px;}
	
#mainContent #locations_affiliates #affliateDealer #options ul{
	list-style-image:url(/en/images/checkMarks.png);}

#mainContent #locations_affiliates #affliateDealer #options li{
	line-height:1.4;}

#mainContent #examProcess div h2{
	padding:20px 0px 0px 0px;
	*padding:40px 0px 0px 0px;
	text-align:center;
	font-size:20px;}

#mainContent #examProcess div img.fLeft{ float:left;}

#mainContent #examProcess #content{
	height:170px;
	padding:0px 30px 0px 40px;}

#mainContent #examProcess #contentLogin{
	padding:140px 0px 0px 20px;
	*padding:120px 0px 0px 20px;}

#mainContent #examProcess #threeColumn1 img,
#mainContent #examProcess #threeColumn2 img,
#mainContent #examProcess #threeColumn3 img{
	padding:0px 0px 0px 40px;}
	
#mainContent #examProcess div ul{}

#mainContent #examProcess div li,
#mainContent #examProcess div li strong{
	line-height:1.3;
	padding-bottom:5px;
	color:#003366;}
	
#mainContent #examProcess #threeColumn1{
	float:left;
	width:306px;
	height:319px;
	margin:80px 0px 0px 0px;
	background-image:url(/en/images/examStep_1.png);
	background-repeat:no-repeat;}

#mainContent #examProcess #threeColumn2{
	float:left;
	width:306px;
	height:319px;
	margin:80px 0px 0px 20px;
	background-image:url(/en/images/examStep_2.png);
	background-repeat:no-repeat;}

#mainContent #examProcess #threeColumn3{
	float:left;
	width:206px;
	height:256px;
	margin:95px 0px 0px 20px;
	background-image:url(/en/images/promotiles/oneClickLogin.png);
	background-repeat:no-repeat;}

#mainContent #examProcess #threeColumn3Supervisor{
	float:left;
	width:206px;
	height:256px;
	margin:95px 0px 0px 20px;
	background-image:url(/en/images/promotiles/oneClickLoginSupervisor.png);
	background-repeat:no-repeat;}

#mainContent #examProcess #bottomContent{
	float:left;
	width:297px;}

#mainContent #examProcess #bottomContent2{
	float:left;
	width:200px;}

#mainContent #examProcess #bottomContent p{
	width:250px;
	margin:0px;
	padding:0px 0px 0px 40px;}

#mainContent #examProcess #bottomContent2 p{
	width:250px;
	margin:0px;
	padding:0px 0px 0px 25px;}

#mainContent #boaterReg ul{
	list-style:disc;}

#mainContent #boaterReg li{
	margin-left:30px;
	line-height:1.4;}

#mainContent #partners #formHeader,
#mainContent #boaterReg #formHeader,
#mainContent #yourcart #formHeader,
#mainContent #boaterReg #promoCode,
#mainContent #boaterReg #voucherCode,
#mainContent #supervisorInfo #formHeader,
#mainContent #examLocation #formHeader,
#mainContent #examInstructions #formHeader,
#mainContent #affiliate #formHeader{
	padding:20px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	color:#000000;}

#mainContent #examInstructions ul{
	*padding-left:3px;}
#mainContent #examInstructions li{}

#mainContent #boaterReg label,
#mainContent #yourcart label{
	line-height:2;}

#mainContent #supervisorReg ul{
	list-style:disc;}

#mainContent #supervisorReg li{
	margin-left:30px;
	line-height:1.8;}

#mainContent #supervisorProfile #profile{
	width:637px;
	height:236px;
	background-image:url(/en/images/profileYellowBox.png);
	background-repeat:no-repeat;}

#mainContent #supervisorProfile #profile span.name{
	font-size:18px;
	font-weight:bold;}

#mainContent #supervisorProfile #profile span.info{
	font-size:14px;
	font-weight:bold;}

#mainContent #supervisorAgreement #Agreement{
	height:400px;
	border:1px solid #CCCCCC;
	margin:20px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	overflow-y:scroll;}

#mainContent #supervisorAgreement #Agreement li.boldem{ font-weight:bold;}
#mainContent #supervisorAgreement #Agreement li.letters{ list-style-type:lower-alpha;}

#mainContent #supervisorSignature div h2{
	padding:20px 0px 0px 0px;
	*padding:40px 0px 0px 0px;
	text-align:center;
	font-size:20px;}

#mainContent #supervisorSignature #content{
	height:170px;
	padding:0px 30px 0px 40px;}

#mainContent #supervisorSignature #threeColumn1 img,
#mainContent #supervisorSignature #threeColumn2 img,
#mainContent #supervisorSignature #threeColumn3 img{
	padding:0px 0px 0px 40px;}
	
#mainContent #supervisorSignature div ul{}

#mainContent #supervisorSignature div li,
#mainContent #supervisorSignature div li strong{
	line-height:1.3;
	padding-bottom:5px;
	color:#003366;}
	
#mainContent #supervisorSignature #threeColumn1{
	float:left;
	width:274px;
	height:306px;
	margin:40px 0px 0px 0px;
	background-image:url(/en/images/signatureOption1.png);
	background-repeat:no-repeat;}

#mainContent #supervisorSignature #threeColumn2{
	float:left;
	width:274px;
	height:306px;
	margin:40px 0px 0px 20px;
	background-image:url(/en/images/signatureOption2.png);
	background-repeat:no-repeat;}

#mainContent #supervisorSignature #threeColumn3{
	float:left;
	width:274px;
	height:306px;
	margin:40px 0px 0px 20px;
	background-image:url(/en/images/signatureOption3.png);
	background-repeat:no-repeat;}

#mainContent #supervisorSignature #threeColumn3 #content p.reducespace{*margin-top:-10px;}

#mainContent #supervisorProfile2 #profile2{
	width:637px;
	height:448px;
	background-image:url(/en/images/accountInfoYellowBox.png);
	background-repeat:no-repeat;}

#mainContent #supervisorProfile2 #profile2 span.name{
	font-size:18px;
	font-weight:bold;}

#mainContent #supervisorProfile2 #profile2 span.name2{
	font-size:20px;}
	
#mainContent #supervisorProfile2 #profile2 span.info{
	font-size:14px;
	font-weight:bold;}

#mainContent #examLogin #login,
#mainContent #examLogin #login2{
	width:636px;
	height:143px;
	background-image:url(/en/images/examLoginYellowBox1.png);
	background-repeat:no-repeat;}
#mainContent #examLogin #login2{
	background-image:url(/en/images/examLoginYellowBox2.png);}

#mainContent #examLogin #login span.title,
#mainContent #examLogin #login2 span.title{
	font-size:20px;
	font-weight:bold;}

#mainContent #examLogin #login span.label,
#mainContent #examLogin #login2 span.label{
	font-size:18px;}

#mainContent #examLogin #login input,
#mainContent #examLogin #login2 input{
	height:20px;
	width:200px;
	border-style:inset;}

#mainContent #rightColumn #ptBoaterProfile{
	width:206px;
	height:234px;
	overflow:hidden;
	margin:10px 0px 0px 0px;
	background-image:url(/en/images/promotiles/boaterProfile.png);
	background-repeat:no-repeat;}

#mainContent #rightColumn #ptLoggedInAs{
	width:206px;
	height:115px;
	overflow:hidden;
	margin:10px 0px 0px 0px;
	background-image:url(/en/images/promotiles/loggedInAs.png);
	background-repeat:no-repeat;}

#mainContent #rightColumn #ptBoaterProfile.firstOne,
#mainContent #rightColumn #ptSupervisorProfile.firstOne,
#mainContent #rightColumn #ptLoggedInAs.firstOne{
	margin:80px 0px 0px 0px;}

#mainContent #rightColumn #ptBoaterProfile #details,
#mainContent #rightColumn #ptSupervisorProfile #details,
#mainContent #rightColumn #ptLoggedInAs #details{
	margin:70px 0px 0px 20px;
	width:180px;
	overflow:hidden;
	line-height:1.6;
	font-size:10px;}

#mainContent #rightColumn #ptLoggedInAs #details{margin:50px 0px 0px 20px;}

#mainContent #rightColumn #ptBoaterProfile #details span.name,
#mainContent #rightColumn #ptSupervisorProfile #details span.name,
#mainContent #rightColumn #ptLoggedInAs #details span.name{
	font-size:14px;
	font-weight:bold;}

#mainContent #rightColumn #ptSupervisorProfile{
	width:206px;
	height:116px;
	overflow:hidden;
	margin:10px 0px 0px 0px;
	background-image:url(/en/images/promotiles/supervisor.png);
	background-repeat:no-repeat;}

#mainContent #boaterIdentification #Identification{
	width:637px;
	height:236px;
	background-image:url(/en/images/profileYellowBox.png);
	background-repeat:no-repeat;}

#mainContent #boaterIdentification #Identification span.name{
	font-size:18px;
	font-weight:bold;}

#mainContent #boaterIdentification #Identification span.info{
	font-size:14px;
	font-weight:bold;}

#mainContent #examProtocol #Agreement{
	height:400px;
	border:1px solid #CCCCCC;
	margin:20px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	overflow-y:scroll;}

#mainContent #leftColumn form input{outline:none;}

#mainContent #examQuestions span.cdTimer{
	display:inline-block;
	padding:6px 10px 0px 10px;
	font-size:22px;
	font-weight:bold;
	vertical-align:top;}

#mainContent #examQuestions #questions input{float:left;}

#mainContent #examQuestions #questions,
#mainContent #examResult #questions{
	width:600px;}

#mainContent #examQuestions #questions span.question,
#mainContent #examResult #questions span.question{
	font-size:14px;}
	
#mainContent #examQuestions #questions span.question b,
#mainContent #examResult #questions span.question b{
	font-size:14px;
	font-weight:bold;}

	
#mainContent #examQuestions #questions #ansimg,
#mainContent #examResult #questions #ansimg{
	display:inline-block;
	float:left;
	width:28px;
	height:23px;}

#mainContent #examQuestions #questions #anstxt,
#mainContent #examResult #questions #anstxt{
	display:inline-block;
	width:500px;
	height:33px;
	vertical-align:top;
	padding-bottom:10px;}

#mainContent #examResult #questions #anstxt.correct{color:#92b948;}
#mainContent #examResult #questions #anstxt.incorrect{color:#fb273d;}

#mainContent #examResult #resultContainerPass{
	width:640px;
	height:465px;
	padding:10px 0px 0px 20px;
	background-image:url(/en/images/passBox.png);
	background-repeat:no-repeat;}

#mainContent #examResult #resultContainerFail{
	width:638px;
	height:329px;
	padding:10px 0px 0px 20px;
	background-image:url(/en/images/failBox.png);
	background-repeat:no-repeat;}
	
#mainContent #examResult #resultContainerPass td.update a{font-size:11px; font-weight:normal; text-decoration:underline;}
#mainContent #examResult #resultContainerFail td.update a{font-size:11px; font-weight:normal; text-decoration:underline;}

#mainContent #examResult #resultContainerPass #boaterDetailsPass{ height:260px;}
#mainContent #examResult #resultContainerFail #boaterDetailsFail{ height:187px;}
#mainContent #examResult #resultContainerPass span.title,
#mainContent #examResult #resultContainerFail span.title{font-size:10px;}
#mainContent #examResult #resultContainerPass span.name,
#mainContent #examResult #resultContainerFail span.name{font-size:18px; font-weight:bold;}
#mainContent #examResult #resultContainerPass span.detail,
#mainContent #examResult #resultContainerFail span.detail{font-size:12px; font-weight:bold;}
#mainContent #examResult #resultContainerPass #cont2,
#mainContent #examResult #resultContainerFail #cont2{float:left; height:65px; _margin-top:-15px;}
#mainContent #examResult #resultContainerPass #cont3,
#mainContent #examResult #resultContainerFail #cont3{ overflow:hidden; height:130px; width:600px;}
#mainContent #examResult #resultContainerPass #cont3 span.important,
#mainContent #examResult #resultContainerFail #cont3 span.important{
	display:inline-block;
	font-size:18px;
	color:#003366;
	letter-spacing:-0.07em;
	vertical-align:top;
	padding:7px 0px 0px 7px;}

#mainContent #examResult #passBadge{
	position:absolute;
	left:520px;
	margin:10px 0px 0px 0px;
	padding:85px 0px 0px 0px;
	text-align:center;
	width:184px;
	height:183px;
	background-image:url(/en/images/passBadge.png);
	background-repeat:no-repeat;
	behavior:url(/en/css/iepngfix.htc);}

#mainContent #examResult #failBadge{
	position:absolute;
	left:520px;
	margin:30px 0px 0px 0px;
	padding:60px 0px 0px 0px;
	text-align:center;
	width:160px;
	height:157px;
	background-image:url(/en/images/failBadge.png);
	background-repeat:no-repeat;
	behavior:url(/en/css/iepngfix.htc);}

#mainContent #examResult #passBadge span.grade{ color:#003366; font-size:36px; font-weight:bold;}
#mainContent #examResult #passBadge span.gradeAmt{ color:#FFFFFF; font-weight:bold;}
#mainContent #examResult #failBadge span.grade{ color:#FFFFFF; font-size:36px; font-weight:bold;}
#mainContent #examResult #failBadge span.gradeAmt{ color:#FFFFFF; font-weight:bold; letter-spacing:-0.07em;}

#mainContent #accountInfo #Identification{
	width:635px;
	height:439px;
	overflow:hidden;
	background-image:url(/en/images/accountYellowBox.png);
	background-repeat:no-repeat;}

#mainContent #accountInfo #Identification table{float:left;}
#mainContent #accountInfo #Identification td.name{font-size:18px; font-weight:bold;}
#mainContent #accountInfo #Identification td {font-weight:bold; color:#000000;}
#mainContent #accountInfo #Identification td.fieldTitle{font-size:11px; font-weight:normal;}
#mainContent #accountInfo #Identification td.update a{font-size:11px; font-weight:normal;}

#mainContent #accountInfo #Identification #buttonsColumn{
	float:left;
	margin:95px 0px 0px 0px;}
	
#mainContent #accountInfo #Identification #buttonsColumn #timeWarning{
	float:left;
	display:block;
	height:70px;
	width:210px;}

#mainContent #accountInfo #regulations{
	float:left;
	width:500px;
	*margin-top:20px;}

#mainContent #homepage #content #getStarted li a{
	margin-left:3px;
	color:#666666;
	font-size:15px;}

#mainContent #homepage #content #getStarted #hpsmlr li{
	font-size:14px;}

#mainContainer #homepage #content #getStarted ul{
	list-style-image: url(/en/images/doubleChev.png);
	margin-left:70px;
	padding-left:0px;}

#mainContainer #homepage #content #getStarted li{
	margin-left:0px;
	padding-left:0px;
	line-height:1.6;}

#mainContent #homepage #content span.notation{
	margin-left:20px;
	font-size:10px;
	color:#666666;}

#mainContent #homepage #supporters{
	display:block;
	text-align:center;
	width:830px;
	float:left;}

#mainContent #homepage #content #getStarted{
	background-image:url(/en/images/whitePanel.png);
	width:530px;
	height:311px;}
#mainContent #homepage #content #getStarted #button{margin:20px 0 0px 70px;}

#mainContent #homepage #supporters img{	margin:10px 0px 0px 10px;}
#mainContent #homepage #rightColumn #examEvents #events{	height:140px;}
#mainContent #homepage #rightColumn #examEvents #locat a{ color:#FFFFFF;}
#mainContent #homepage #rightColumn #examEvents #date{ float:left; color:#FFFFFF;}
#mainContent #homepage #rightColumn #examEvents #locat{ margin:0px 0px 10px 50px; color:#FFFFFF}

#mainContent #partners #partner #image{ float:left; padding-right:20px; width:140px; text-align:center;}
#mainContent #partners #partner #info{ float:left; display:block; width:400px;}
#mainContent #partners #partner #info h2{ line-height:0.05;}
#mainContent #partners #partner #info p{ color:#003366;}

#mainContent #printmedia #item{ display:block; width:200px; float:left; line-height:1.8;}
#mainContent #printmedia #filesize{ display:block; width:150px; float:left; line-height:1.8;}
#mainContent #printmedia #formaticon{ display:block; width:25px; float:left; line-height:1.8;}
#mainContent #printmedia #format{ display:block; width:100px; float:left; line-height:1.8;}
#mainContent #printmedia .boldem{font-weight:bold;}

#mainContent #mediaresources img{ padding-right:50px;}

#mainContent #medialogin #login{
	width:636px;
	height:188px;
	overflow:hidden;
	padding-left:20px;
	background-image:url(/en/images/mediaLoginBack.png);
	background-repeat:no-repeat;}

#mainContent #medialogin #login label{ color:#003366; display:inline-block; width:80px;}
#mainContent #medialogin #login .logintitle{ font-size:19px; font-weight:bold; color:#003366;}
#mainContent #medialogin #login #submit{ position:absolute; margin:40px 0px 0px 360px;}

#mainContent #medialogin #newsitem #date{ display:block; font-weight:bold; float:left; width:150px;}
#mainContent #medialogin #newsitem #content{ display:block; float:left; width:480px; line-height:1.3; padding-bottom:20px;}
#mainContent #medialogin #newsitem #content a{ text-decoration:underline; font-weight:bold;}

#mainContent #careers #photo{ float:left;}
#mainContent #careers #topcontent{ display:block; float:left; width:370px; padding-left:15px;}
#mainContent #careers #position{ display:block; width:290px; float:left; line-height:2.6;}
#mainContent #careers #position img{ padding-right:10px;}
#mainContent #careers #hours{ display:block; width:130px; float:left; line-height:1.8;}
#mainContent #careers #startdate{ display:block; width:120px; float:left; line-height:1.8;}
#mainContent #careers #language{ display:block; width:100px; float:left; line-height:1.8;}
#mainContent #careers .boldem{ font-weight:bold;}

#mainContent #newsmedia #leftColumn p{
	font-size:12px;
	font-weight:normal;
	color:#999999;}

#mainContent #yourcart #totals{
	display:block;
	line-height:1.3;
	width:80px;
	float:right;}

#mainContent #yourcart #totals.rightAlign{
	text-align:right;
	padding-right:10px;}

#mainContent #yourcart #itemDesc{
	float:left;
	width:370px;}

#mainContent #yourcart #itemQuant{
	float:left;
	width:100px;}

#mainContent #yourcart #itemPrice{
	float:left;
	width:70px;
	text-align:left;}

#mainContent #yourcart #itemTotal{
	float:right;
	width:70px;
	display:block;
	text-align:right;
	padding-right:10px;}

#mainContent #yourcart #updateLink{
	display:inline-block;}

#mainContent #yourcart label{
	float:left;
	display:block;
	text-align:right;
	padding-right:10px;
	width:100px;}

#mainContent #yourcart #logininfo{
	width:636px;
	height:155px;
	overflow:hidden;
	padding-left:30px;
	background-image:url(/en/images/loginInformation.png);
	background-repeat:no-repeat;}

#mainContent #yourcart #logininfo #infoTitle{
	display:block;
	float:left;
	width:150px;
	font-size:20px;}

#mainContent #yourcart #logininfo #infoboater{
	font-size:18px;
	font-weight:bold;}

#mainContent #yourcart #shipto{
	display:block;
	width:210px;
	float:left;}

#mainContent #yourcart #billto{
	display:block;
	width:260px;
	float:left;}

#mainContent #yourcart #remitto{
	display:block;
	width:150px;
	float:right;}

#mainContent #affiliate #columnnote{ float:left; width:309px;}
#mainContent #affiliate h2 { font-size:21px; line-height:.6;}
#mainContent #affiliate #columnnote p{ width:290px;	line-height:1.3;}
#mainContent #affiliate #columnnote label{ display:block; float:left; width:80px;}

#mainContent #voucher #reenterCode{
	width:636px;
	height:133px;
	overflow:hidden;
	padding-left:30px;
	padding-top:5px;
	background-image:url(/en/images/voucherErrorBox.png);
	background-repeat:no-repeat;}

#mainContent #boaterLogin #login{
	width:639px;
	height:220px;
	overflow:hidden;
	padding: 30px 0 0 30px;
	background-image:url(/en/images/boaterLogin.png);
	background-repeat:no-repeat;}