/** Reset **/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,p {margin:0;padding:0;}
/** Elements **/
body
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#990033;
}
h2
{
	background-image: url(../images/underline.png);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
h3
{
	margin-bottom: 10px;
}
p 
{
	padding: 0 0 1.5em 0;
	line-height: 1.25em;
}
fieldset
{
	border: none;
}
legend
{
	display: none;
}
a,
a:active,
a:visited,
a:hover
{
	color: #98002E;
	text-decoration: underline;
}
/** Layout **/
#body
{
	width: 966px;
	margin: 0 auto;
}
/** Header Layout **/
div#header
{
	width: 100%;
	height: 188px;
	background-image: url(../images/headerbg.jpg);
	background-position: left;
	background-repeat: repeat-x;
}
div#header h1
{
	float: left;
	height: 188px;
	background-image: url(../images/headerleft.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
div#header h1 span
{
	display:block;
}
div#header h1 span.line1
{
	color: #B9C7D4;
	font-family: Arial;
	font-size: 24px;
	padding-left: 224px;
	padding-top: 80px;
}
div#header h1 span.line2
{
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	padding-left: 224px;
	padding-top: 10px;
	width: 355px;
}
div#header p#endorsement
{
	margin: 0;
	padding: 0;
	text-indent: -4000px;
	height: 188px;
	width: 385px;
	float: right;
	background-image: url(../images/headerright.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
div#mainNav
{
	clear: both;
}
/** Footer **/
#footer
{
	height: 50px;
	background-image: url(../images/footerleft.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
#footer,
#footer a,
#footer a:active,
#footer a:visited,
#footer a:hover
{
	clear: both;
	text-align: center;
	background-color: #990033;
	color: #CC9999;
	text-decoration: none;
}
#footerContent
{
	height: 45px;
	padding-top: 5px;
	background-image: url(../images/footerright.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#footerContent .address
{
	font-weight: bold;
	color: #fff;
	display: block;
}
/** Menus **/
div#userInfo
{
	float: right;
	margin-right: 10px;
}
div#userInfo .status
{
	display: block;
	float: left;
	margin-top: 3px;
	margin-right: 10px;
}
div#userInfo a,
div#userInfo a:active,
div#userInfo a:visited,
div#userInfo a:hover
{
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bold;
	display: block;
	padding: 3px 10px 3px 5px;
	background-image: url(../images/tabright.jpg);
	background-position:bottom right;
	background-repeat: repeat-x;
}
div#userInfo span.link
{
	float: left;
	display: block;
	padding-left: 5px;
	background-image: url(../images/tableft.jpg);
	background-position:bottom left;
	background-repeat: no-repeat;
	margin-right: 5px;
}
ul.menu
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}
ul#publicMenu li
{
	float: left;
	background-color: #C98896;
	background-image: url(../images/tabright.jpg);
	background-position:bottom right;
	background-repeat: repeat-x;
	margin-right: 5px;
}
ul#publicMenu a,
ul#publicMenu a:active,
ul#publicMenu a:visited,
ul#publicMenu a:hover
{
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bold;
	display: block;
	padding: 3px 10px 3px 10px;
	background-image: url(../images/tableft.jpg);
	background-position:bottom left;
	background-repeat: no-repeat;
}
.Home ul#publicMenu li#Home a,
.Contact ul#publicMenu li#Contact a,
.Demo ul#publicMenu li#Demo a,
.Tariff ul#publicMenu li#Tariff a,
.Signup ul#publicMenu li#Signup a,
.TakeTraining ul#publicMenu li#TakeTraining a,
.TrainingController ul#publicMenu li#TrainingController a,
.SiteAdmin ul#publicMenu li#SiteAdmin a,
.UserLogin div#userInfo span.link
{
	background-image: url(../images/tabselectedleft.jpg);
}
.Home ul#publicMenu li#Home,
.Contact ul#publicMenu li#Contact,
.Demo ul#publicMenu li#Demo,
.Tariff ul#publicMenu li#Tariff,
.Signup ul#publicMenu li#Signup,
.TakeTraining ul#publicMenu li#TakeTraining,
.TrainingController ul#publicMenu li#TrainingController,
.SiteAdmin ul#publicMenu li#SiteAdmin,
.UserLogin div#userInfo a:link,
.UserLogin div#userInfo a:visited,
.UserLogin div#userInfo a:hover,
.UserLogin div#userInfo a:active
{
	background-image: url(../images/tabselectedright.jpg);
}
ul#secureMenu
{
	padding-right: 5px;
}
/** Content Layout **/
div#contentPane
{
	clear: both;
	float:left;
	width: 966px;
	margin-top: 5px;
	margin-bottom: 5px;
	min-height: 350px;
}
div#leftNav
{
	position: relative;
	float: left;
	left: 0;
	width: 210px;
	background-color: #B9C7D4;
	padding: 15px 5px 15px 5px;
}
div#leftNav a,
div#leftNav a:active,
div#leftNav a:visited,
div#leftNav a:hover
{
	text-decoration: none;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
}
div#rightContent
{
	float: right;
	width: 700px;
	background-color: #F1F4F6;
	padding: 30px 20px 10px 20px;
	min-height: 330px;
}
/** Page Contents **/
.leftColumn
{
	float: left;
	width: 350px;
}
.rightColumn 
{
	float: left;
}
.underline
{
	text-decoration: underline;
}
.clear,
.contentNoData
{
	clear: both;
}
.contentPanel,
.trainingPanel
{
	background-color: #F1F4F6;
	padding: 30px 20px 10px 20px;
	background-repeat: no-repeat; 
	background-position: bottom right;
	float: left;
	width: 925px;
	min-height: 330px;
}
div.pageActions
{
	padding-bottom: 15px;
	float: left;
}
.form
{
	float:left;
	margin-right: 30px;
}
.narrowForm
{
	width: 50%;
}
.form label,
.contentfilter label,
.pageActions label
{
	font-weight: bold;
}
.form input.textBox
{
	width: 200px;
}
.form .radioList
{
	display: inline;
}
.form p
{
	margin-bottom: 10px;
	padding: 0;
}
.formMessages .formMessage,
.formMessages .validationSummary
{
	color: #fff !important;
	float: left;
	padding: 10px 15px 10px 50px;
	margin-top: 5px;
	background-position: top left;
	background-repeat: no-repeat;
}
.formMessages .formMessage.success
{
	background-color: #A8D058;
	background-image: url(../images/successicon.jpg);
}
.formMessages .formMessage.fail, 
.formMessages .validationSummary
{
	background-color: #981A36;
	background-image: url(../images/erroricon.jpg);
}
.formMessages ul
{
	padding: 0;
	margin: 0;
}
.formMessages li
{
	margin-left: 35px;
	list-style-type: disc;
}
.gridFormMessage
{
	float:right;
}
ul.list li
{
	list-style-image: url(../images/starSmall.jpg);
}
/** Grids **/
table.grid
{
	border-collapse: collapse;
	border: none;
	width: 100%;
	margin-bottom: 10px;
	clear: both;
}
table.grid th
{
	border-top: solid 1px #98002E;
	border-bottom: solid 1px #98002E;
	font-weight: bold;
	padding: 5px;
	text-align: left;
}
table.grid td
{
	border: solid 1px #CCCCCC;
	padding: 2px 5px;
	border: none;
	border-bottom: solid 1px #98002E;
}
table.grid td.center,
table.grid th.center
{
	text-align: center;
}
table.grid .accessCodeColumn
{
	white-space: nowrap;
}
/** View Tariff **/
table.tariffGrid
{
	border-collapse: collapse;	
	width: 95%;
}
table.tariffGrid td
{
	padding: 5px 5px 10px 5px;
	background-image: url(../images/underline.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
/** Buttons **/
span.redButton
{
	float: left;
	display:block; 
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 10px;
	height: 26px;
	background: url(../images/redbuttonleft.png) no-repeat top left;
}
span.redButton a,
span.redButton a:link,
span.redButton a:active,
span.redButton a:visited
{
	background: url(../images/redbuttonright.png) no-repeat top right;
	padding-right: 35px;
	padding-top: 5px;
	display: block;
	height: 100%;
	color: #fff !important;
	text-decoration: none;
}
span.nextButton
{
	float: left;
	display:block; 
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 10px;
	height: 30px;
	background: url(../images/nextbuttonleft.png) no-repeat top left;
}
span.nextButton a,
span.nextButton a:link,
span.nextButton a:active,
span.nextButton a:visited
{
	background: url(../images/nextbuttonright.png) no-repeat top right;
	padding-right: 35px;
	padding-top: 5px;
	display: block;
	height: 25px;
	color: #fff !important;
	text-decoration: none;
}
span.backButton
{
	float: left;
	display:block; 
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 35px;
	height: 30px;
	background: url(../images/backbuttonleft.png) no-repeat top left;
}
span.backButton a,
span.backButton a:link,
span.backButton a:active,
span.backButton a:visited
{
	background: url(../images/backbuttonright.png) no-repeat top right;
	padding-right: 10px;
	padding-top: 5px;
	display: block;
	height: 25px;
	color: #fff !important;
	text-decoration: none;
}
.inlineButtonPanel
{
	padding: 0; vertical-align: top;
}
.inlineButtonPanel span,
.inlineButtonPanel a
{
	float: none;
	display: inline-block;
}
/** Dialog Boxes**/
.dialog
{
	display: none;
	cursor: default;
	background-color: #F1F4F6;
	padding: 10px;
	float: left;
	width: 100%;
}
.dialog h2
{
	text-align: left;
	background-image: url(../images/underline.png);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 5px 5px 10px 5px;
	font-size: 125%;
}
.dialog p
{
	padding: 5px;
}
.dialog p.text
{
	text-align:left;
}
.dialog p.actions
{
	float: right;
	text-align: right;
}
/** Invoice **/
.invoice
{
	padding: 10px;
	width: 640px;
	color: #000;
}
.invoice h1
{
	color: #98002E;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	clear: both;
	float: right;
	width: 150px;
}
.invoice .topRight
{
	float: right;
	margin: 0 0 10px 0;
	clear: both;
	text-align: left;
}
.invoice .topRight p
{
	margin: 0;
	float: right;
	width: 150px;
}
.invoice .topRight img
{
	margin-bottom: 20px;
	float: right;
}
.invoice p
{
	margin: 10px;
	padding: 0;
	clear: both;
}
.invoice label
{
}
.invoice .invoiceTo
{
	margin-bottom: 25px;
}
.invoice .invoiceTo label
{
	float: left;
}
.invoice .invoiceToValues
{
	display: block;
	float: left;
	margin-left: 0.5em;
}
.invoice label
{
	font-weight: bold;
}
.invoice table
{
	width: 100%;
}
table.invoiceItems
{
	border-collapse: collapse;
	/*border: solid 1px #000;*/
}
table.invoiceItems th
{
	background-color: #98002E;
	border: solid 1px #000;
	color: #fff;
	padding: 5px;
}
table.invoiceItems td
{
	border: solid 1px #000;
	padding: 2px 5px;
}
.invoice td.priceValue
{
	text-align: right;
}
.invoice .quantityCol,
.invoice .descriptionCol,
.invoice .priceCol
{
	text-align: left;
}
.invoice .quantityCol,
.invoice .priceCol
{
	width: 5em;
}
.invoice .totalRow td,
.invoice .taxTotalRow td
{
	text-transform: uppercase;
	text-align: right;
}
.invoice .noBorder
{
	border-left: solid 1px #fff !important;
	border-bottom: solid 1px #fff !important;
}
.invoice .totalRow
{
	font-weight: bold;
}
.invoice .thankYouMessage
{
	margin-top: 5em;
	margin-bottom: 5em;
	text-align:center;
}
.invoice .footer
{
 text-transform: uppercase;
 text-align:center;
 font-size: 10px;
}
.invoice .footer .registeredAddress br
{
	display:none;
}
/** Certificate **/
.certificateBW
{
	padding: 10px;
	width: 640px;
	font-size: 14pt;
	color: #000;
}
.certificateBW .certificateDetails
{
	float: left;
	margin: 0;
	padding: 0;
}
.certificateBW .banner
{
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 78px;
}
.certificateBW .logo
{
	float: right;
	margin: 10px 0 30px 0;
	clear: both;
}
.certificateBW p
{
	margin: 10px 0;
	padding: 0;
	padding-bottom: 16px;
	clear: both;
	text-align:center;
}
.certificateBW .field
{
	width:200px;
	display: inline-block;
	border-bottom: solid 1px #000;
}
.certificateBW .courseTitle
{
	font-weight:bold;
	font-size: 16pt;
	margin: 15px 0;
	width: 475px;
}
.certificateBW .fastTrainLogos,
.certificateBW .rosetteLogos
{
	text-align:center;
	margin: 20px 0;
}
.certificateBW .rosetteLogos
{
	margin-bottom: 50px;
}
.certificateBW .footer
{
 text-align:center;
 font-size: 8pt;
}
.certificateBW .footer .registeredAddress br
{
	display: none;
}
.certificateColour
{
	padding: 10px;
	width: 640px;
	font-size: 14pt;
}
.certificateColour .certificateDetails
{
	margin: 0;
	padding: 0;
}
.certificateColour .banner
{
	text-align: center;
}
.certificateColour .banner img
{
	width: 640px;
	height: 250px;
}
.certificateColour .nameAndCompany p
{
	margin: 0;
	padding: 5px;
}
.certificateColour .nameAndCompany
{
	margin-bottom: 30px;
}
.certificateColour .logo
{
	float: right;
	margin: 0 0 0 0;
	clear: both;
}
.certificateColour p
{
	margin: 10px 0;
	padding: 0;
	padding-bottom: 16px;
	clear: both;
	text-align:center;
}
.certificateColour .field
{
	width:auto;
	padding-right: 20px;
	padding-left: 20px;
	display: inline-block;
	border-bottom: solid 1px #000;
}
.certificateColour .courseTitle
{
	font-weight:bold;
	font-size: 16pt;
	margin: 15px auto;
	width: 475px;
}
.certificateColour .fastTrainLogos
{
	text-align:center;
	margin: 10px 0 20px 0;
}
.certificateColour .footer
{
 text-align:center;
 font-size: 7pt;
}
.certificateColour .footer .registeredAddress br
{
	display: none;
}
/** Date Picker **/
.watermark
{
	color: #808080;
	width: 50px;
}
.dayTextBox,
.monthTextBox,
.yearTextBox
{
	width: 50px;
}
/** Course Content **/
#training #headerBar
{
	margin-top: 5px;
}
#training #headerBar .progress
{
	float: left;
	margin-right: 10px;
}
#training #headerBar #clock
{
	float: left;
}
#training #view
{
	clear: both;
}
#training #view h2
{
}
#training #view .trainingPanel
{
	float: left;
	width: 665px;
	padding: 20px 20px 20px 20px;
	margin-bottom: 5px;
	min-height: 300px;
}
#training #view .browserNaviationDetectedMessagePanal
{
	width: 655px;
	color: #fff !important;
	padding: 10px 0 10px 50px;
	margin-top: 5px;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #981A36;
	background-image: url(../images/erroricon.jpg);
}
#training #view .courseImage
{
	width: 245px;
	height: 300px;
	float: right;
	text-align: center;
}
#training #view .courseImage img
{
	height: 300px;
	margin: 0;
	padding: 0;
}
#training #view #coursePage p
{
	margin: 10px 0 10px 0;
	padding-left: 24px;
	padding-bottom: 0;
	background: url(../images/star.jpg) no-repeat top left;
}
#training #view #coursePage div em
{
	padding-left: 24px;
}
#training #nav
{
	float: right;
	clear: right;
	margin-right: 20px;
	padding-top: 5px;
}
#training #courseQuestions .question
{
	float: left;
	width: 48%;
	clear: left;
}
#training #courseQuestions .questionAlt
{
	float: right;
	width: 48%;
}
#training #courseQuestions ol
{
	margin: 0;
	padding: 0;
	float: left;
}
#training #courseQuestions li
{
	padding: 0;
	list-style-type: none;
	float: left;
}
#training #courseQuestions li label
{
	float: left;
	width: 295px;
}
#training #courseQuestions li input
{
	float: right;
}
/** Progress Bar **/
#progressBar
{
	clear: both;
	background: url(../images/progressright.jpg) no-repeat right;
	padding-right: 87px;
	height: 44px;
}
#progressBar .fullBar
{
	float: left;
	width: 545px;
	height: 16px;
	margin-top: 14px;
}
#progressBar .progressBar
{
	background-color: #98002E;
	height: 16px;
}
#progressBar .leftText 
{
	height: 44px;
	width: 73px;
	display: block;
	background: url(../images/progressleft.jpg) no-repeat left;
}
#progressBar .leftText,
#progressBar .rightText 
{
	float: left;
	text-indent: -4000px;
}
#progressBar .footer
{
	clear: both;
}
/** Countdown clock **/
#clock
{
	height: 45px;
	width: 245px;
	margin-top: 3px;
	background: url(../images/clock.jpg) no-repeat right;
}
#clock #timeTaken
{
	height: 22px;
	background: url(../images/timetaken.jpg) no-repeat 28px;
}
#clock #timeRemaining
{
	height: 22px;
	background: url(../images/timeremaining.jpg) no-repeat 0px;
}
#clock #timeTaken span.altText,
#clock #timeRemaining span.altText
{
	text-indent: -4000px;
	width: 120px;
	display: block;
	float: left;
}
#clock #timeTaken span#taken,
#clock #timeRemaining span#remaining
{
	display: block;
	float: left;
	font-weight: bold;
}
/*** Specific Pages ***/
.colLeft
{
	float: left;
	width: 30%;
	margin-right: 10px;
}
.colMiddle
{
	float: left;
	width: 30%;
}
.colRight
{
	float: right;
}
.Home .emphasis
{
	font-size: 130%;
	font-weight: bold;
	width: 575px;
	clear: both;
	float: left;
}
.Home p.lastParagraph
{
	padding-bottom: 0;
}
.Contact .contentPanel
{
	background-image: url(../images/contactbg.png);
}
.Tariff .contentPanel
{
	background-image: url(../images/tariffbg.png);
}
.TakeTraining .contentPanel,
.UserLogin .contentPanel
{
	background-image: url(../images/padlockbg.png);
}
#trainingSummary .pageButtons
{
	position: absolute;
	bottom: 0;
}
#trainingSummary p
{
	width: 60%;
}
#trainingSummary .passed
{
	background-image: url(../images/passbg.png);
}
#trainingSummary .retake
{
	background-image: url(../images/retakebg.png);
}
#trainingSummary .timeout
{
	background-image: url(../images/timeoutbg.png);
}
#trainingSummary .failed
{
	background-image: url(../images/failedbg.png);
}
.Signup .colLeft,
.Signup .colMiddle,
.Signup .colRight
{
	width: 300px;
	margin: 0;
}
.Signup .colLeft
{
	margin-right: 10px;
}
.Signup .privacyPrompt
{
	background-image: url(../images/underline.png);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 10px !important;
	line-height: 1.5em;
}
.Signup #entryView input.textBox
{
	width: 95%;
}
.Signup .form
{
	width: 50%;
}
.Signup #entryView .form
{
	width: 100%;
}
.Signup #entryView .form .actions
{
	float: right;
}
#managePromotions .pageActions
{
	padding: 0;
}
#managePromotions .contentfilter
{
	background: url(../images/underline.png) repeat-x bottom left; 
	margin-bottom: 10px;
}
#managePromotions .fields br
{
	display: none;
}
#managePromotions .fields label
{
	font-weight: bold;
	width: 200px;
	display: block;
	float: left;
	clear: left;
}
#managePromotions .fields  p
{
	margin: 5px 0 0 0;
	padding: 0;
}
#managePromotions .promotionalActivity h4
{
	font-size: 110%;
	display: none;
}
#managePromotions .promotionalActivity
{
	/*margin: 10px 0 0 0;*/
	float: left;
}
#managePromotions .actions
{
	margin-top: 10px !important;
	clear: left;
}
#managePromotions a
{
	padding: 0 10px 0 0; 
	margin: 0 5px 0 0;
}
#manageOrganisation br
{
	display: none;
}
#manageOrganisation .pageActions
{
	padding-bottom: 15px;
	background: url(../images/underline.png) repeat-x bottom left;
	margin: 0;
	padding: 0 0 10px 0; 
	float: none;
}
#manageOrganisation .pageActions a
{
	padding: 0 10px 0 0; 
	margin: 0 5px 0 0;
}
#manageOrganisation .contentfilter
{
	background: url(../images/underline.png) repeat-x bottom left; 
	margin-bottom: 10px;
}
#manageOrganisation #orgDetails,
#manageOrganisation #contactDetails
{
	float: left;
	width: 50%;
}
#manageOrganisation #orgDetails label,
#manageOrganisation #contactDetails label
{
	font-weight: bold;
	width: 100px;
	display: block;
	float: left;
	clear: left;
}
#manageOrganisation #orgDetails  p,
#manageOrganisation #contactDetails p
{
	margin: 5px 0 0 0;
	padding: 0;
}
#purchase table.tariffGrid
{
	width: auto;
}
#purchase fieldset
{
	width: 60%;
}
#purchase .field-po
{
	padding-bottom: 15px;
	background: url(../images/underline.png) repeat-x bottom left;
}
#instructions .colLeft
{
	width: 75%;
	clear: both;
}
#instructions.contentPanel
{
	background-image: url(../images/infobg.png);
}
#enterName.contentPanel
{
	background-image: url(../images/padlockOpenbg.png);
}