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

body
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:small;
	margin:70px 0px 50px 0px;
	background-color:#333;
	background-image:url(images/bg-repeat.gif);
	background-repeat:repeat;
	color:#000;
}

p
{
	margin:0px 0px 1em 0px;
}

#Wrapper
{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#ContentBox
{
	overflow:auto;
	overflow:hidden;
	width:100%;
	background-color:#FFF;
	border:1px solid #0CF;
}

#ContentPadding
{
	padding:0px 20px 20px 20px;
}

#SearchBar
{
	/*background-color:#930;*/
	height:40px;
	text-align:right;
	padding-top:20px;
	background-image:url(images/search-text.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.SearchBox
{
	background-image:url(images/magnifying-glass.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding-left:20px;
	width:140px;
}



#NavigationBar
{
	background-color:#0CF;
	height:33px;
	padding-left:140px;
}

#FixedLogo
{
	position:absolute;
	left:50%;
	top:30px;
}

#Logo
{
	position:absolute;
	left:-520px;
	width:330px;
	height:110px;
	/*background-color:#9C0;*/
	/*
	background-image:url(images/top-left-logo.gif);
	background-repeat:no-repeat;
	background-position:top left;
	*/
}

.Heading
{
	font-size:large;
	font-weight:bold;
	margin-bottom:0px;
}

.ParagraphNoMargin
{
	margin:0px;
}

a{color:#000;}
a:hover{color:#0CF;}

a.NavTab
{
	padding:10px;
	background-color:#0CF;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

a.NavTab:hover
{
	padding:10px;
	background-color:#09F;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

a.WhiteLinks{color:#FFF; text-decoration:none;}
a.WhiteLinks:hover{color:#0CF; text-decoration:none;}

a.FormProgressLink{color:#FFF; text-decoration:none;}
a.FormProgressLink:hover{color:#000; text-decoration:none;}

a.LinkArrow{color:#000; background-image:url(images/link-arrow.gif); background-repeat:no-repeat; padding-left:12px; background-position:0px 4px;}
a.LinkArrow:hover{color:#0CF; background-image:url(images/link-arrow-hover.gif); background-repeat:no-repeat; padding-left:12px; background-position:0px 4px;}

a.BackToTopLink{text-decoration:none;color:#FFF; background-image:url(images/link-arrow-up.gif); background-repeat:no-repeat; padding-left:12px; background-position:0px 3px;}
a.BackToTopLink:hover{color:#0CF; background-image:url(images/link-arrow-up-hover.gif); background-repeat:no-repeat; padding-left:12px; background-position:0px 3px;}

.OneToOneTraining-tick
{
	width:300px;
	height:100px;
	background-image:url(images/one-to-one-training-done.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}
a.OneToOneTraining
{
	width:300px;
	height:100px;
	background-image:url(images/one-to-one-training.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

a.OneToOneTraining:hover
{
	width:300px;
	height:100px;
	background-image:url(images/one-to-one-training-hover.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

.OneToOnePlaceHolder
{
	width:300px;
	height:100px;
	border:none;
}

.GoKarting-tick
{
	width:300px;
	height:90px;
	background-image:url(images/go-karting-done.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}
a.GoKarting
{
	width:300px;
	height:90px;
	background-image:url(images/go-karting.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

a.GoKarting:hover
{
	width:300px;
	height:90px;
	background-image:url(images/go-karting-hover.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

.GoKartingPlaceHolder
{
	width:300px;
	height:90px;
	border:none;
}
.CleanLicence-tick
{
	width:300px;
	height:210px;
	background-image:url(images/clean-licence-done.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}
a.CleanLicence
{
	width:300px;
	height:210px;
	background-image:url(images/clean-licence.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

a.CleanLicence:hover
{
	width:300px;
	height:210px;
	background-image:url(images/clean-licence-hover.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

.CleanLicencePlaceHolder
{
	width:300px;
	height:210px;
	border:none;
}

.MotOrService-tick
{
	width:300px;
	height:120px;
	background-image:url(images/mot-or-service-done.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}
a.MotOrService
{
	width:300px;
	height:120px;
	background-image:url(images/mot-or-service.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

a.MotOrService:hover
{
	width:300px;
	height:120px;
	background-image:url(images/mot-or-service-hover.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

.MotOrServicePlaceHolder
{
	width:300px;
	height:120px;
	border:none;
}



.QuizzesComplete-tick
{
	width:300px;
	height:120px;
	background-image:url(images/quizzes-done.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}
a.QuizzesComplete
{
	width:300px;
	height:120px;
	background-image:url(images/quizzes.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

a.QuizzesComplete:hover
{
	width:300px;
	height:120px;
	background-image:url(images/quizzes-hover.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

.QuizzesHolder
{
	width:300px;
	height:120px;
	border:none;
}

.DocumentsComplete-Tick

{
	width:300px;
	height:90px;
	background-image:url(images/documents-done.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}
a.DocumentsComplete
{
	width:300px;
	height:90px;
	background-image:url(images/documents.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

a.DocumentsComplete:hover
{
	width:300px;
	height:90px;
	background-image:url(images/documents-hover.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

.DocumentsHolder
{
	width:300px;
	height:90px;
	border:none;
}

#GreyBox
{
	background-color:#E5E5E5;
	margin-bottom:10px;
	padding:10px 9px 10px 9px;
}

#Breadcrumbs
{
	clear:both;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #000;
	margin-bottom:10px;
}
#Breadcrumbs ul
{
	padding:0px;
	margin:0px;
}
#Breadcrumbs ul li
{
	list-style: none;
}


.TopRightLinks
{
	text-align:right;
	color:#FFF;
	margin-bottom:5px;
}

ol li.FormProgress_Complete
{
	list-style:none;
	float:left;
	width:65px;
	height:35px;
	background-image:url(images/FormProgress_Complete.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:15px 0px 0px 10px;
}

ol li.FormProgress_Active
{
	list-style:none;
	float:left;
	width:65px;
	height:35px;
	background-image:url(images/FormProgress_Active.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:15px 0px 0px 10px;
}

ol li.FormProgress_Dormant
{
	list-style:none;
	float:left;
	width:65px;
	height:35px;
	background-image:url(images/FormProgress_Dormant.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:15px 0px 0px 10px;
}

ol.QuizProgressList
{
	float:left;
	margin:0 0 10px;
	padding:0;
}

#QuizProgressBar
{
	background-color:#E5E5E5;
	padding:5px 10px 5px 10px;
	height:50px;
	margin-bottom:1em;
}

#RightColumn
{
	width:300px;
	float:right;
}

#ContentColumn
{
	margin-right:320px;
}

ol.FooterLinks
{
	color:#FFF; margin:5px 0px 0px 0px; padding:0px;
}

ol li.FooterLinkFirst
{
	list-style:none; float:left;
}

ol li.FooterLinkOther
{
	list-style:none; float:left; padding-left:4px;
}

.PictureBorderNone{border:none;}


/* Horizon and Center DIVs for the Moped Game*/

#HorizonDIV
{
	width:100%;
	position:absolute;
	top:50%;
	height:1px;
}

#CenterDIV
{
	width:950px;
	position:absolute;
	left:50%;
	margin-left:-475px;
	margin-top:-275px;
	height:550px;
}

#MopedGameContainer
{
	width:950px;
	height:550px;
	margin-right:auto;
	margin-left:auto;
	background-color:#333;
	border:1px solid #FFF;
}
.error,
.correct,
.form-errors {
	background-color:#CCCCCC;
	float:left;
	margin:5px 0px;
	padding:10px;
	width:100%;
}
.error {
	color: #de3320;
}
.correct {
	background-color: #0cf;
	color: #fff;
}

.response,
.form-errors {
	margin:0px 0px 10px 0px;
	float: left;
	width: 100%;
}
.form-errors strong{
	color: #fb4b4b;
	font-weight: bold;
}
.form-errors br{
	margin-bottom: 10px;
}
.entry form {
	float: left;
	margin: 10px 0px;
	width: 100%;
}
.entry form .label {
	float:left;
	font-weight:bold;
	width:250px;
	margin-right: 10px;
}
.entry form .row {
	clear:both;
	float:left;
	margin-bottom:15px;
	width:100%;
}

.entry form .formw {
	float: right;
	width: 330px;
}

.alignleft
{
	float:left;
	margin: 0 10px 10px 0;	
}

.alignright
{
	float:right;
	margin: 0 0px 10px 10px;	
}

.register-now
{
	text-align:center;
}
	
.quiz-progress-100
{
	display:inline;	
}

.registration-progress
{
	width:100%;
	display:block;
	padding-bottom:10px;
}