/******************************************************************************************************************
Fair Train Global Stylesheet

Developed by Robin Hodges for Electric Putty - June 2010
******************************************************************************************************************/


/******************************************************************************************************************
AUTO EXPANDING FLOATS FOR COMPLIANT BROWSERS
******************************************************************************************************************/

#wrapper:after,
#header:after,
#navSite:after,
#mainNav:after,
#footer:after,
#homeLeftCol:after,
#homeMainCol:after,
#homeMainBox:after,
.items .panel cite:after,
.quoteBox cite:after,
.quoteBox li:after,
#trainingListAZ:after,
#trainingListRegList:after, 
#trainingListRegList ul:after,
#faqEntries:after
	{
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/

body { font: normal 75%/1.4em Helvetica,Arial,"Helvetica Neue",sans-serif; background: #FFF; color: #666666; margin: 15px 0 0 0; }

a:link { text-decoration: underline; color: #000; }
a:visited { text-decoration: underline; color: #000; }
a:hover { color: #F05033; text-decoration: underline; }
a:active { }

a img {	border: 0; }

h1 { font-weight: bold; font-size: 240%; line-height: 1.3em; color: #000; margin: 0 0 0.5em 0;}
h2 { font-weight: normal; font-size: 180%; line-height: 1.2em; color: #000; }
h3 { font-weight: bold; font-size: 170%; line-height: 1.5em; }
h4 { font-weight: bold; font-size: 130%; line-height: 1.5em; }
h5 { font-weight: normal; font-size: 120%; line-height: 1.5em; font-style: italic; color: #999999; padding-bottom: 15px; }

p { margin: 0 0 12px 0; font-size: 1.1em; }

strong { font-weight: bold; }

em { font-style: italic; }

#skipto { position: absolute; left: -999em; }

/******************************************************************************************************************
OVERALL LAYOUT RULES 
******************************************************************************************************************/

#wrapper, #footer { width: 960px; margin: 0 auto; }

#leftCol, #mainCol, #rightCol { float: left; display: inline; }

#leftCol { width: 182px; margin-top: 60px; }
#mainCol { width: 532px; background: #FFF; margin-top: 12px; padding: 25px 48px; position: relative; }
#rightCol { width: 150px; margin-top: 90px; }

/******************************************************************************************************************
TOP LEVEL NAVIGATION 
******************************************************************************************************************/

#navSite { position: absolute; top: 0; right: 0; }

#navSite li { list-style: none; margin-left: 2px; float: left; }

#navSite a { display: block; background: #fffcfa; border: 1px solid #fdeae6; padding: 8px 10px; }
#navSite a:link, #navSite a:visited { color: #666666; text-decoration: none; }
#navSite a:hover { color: #FFF; background: #f05033; border: 1px solid #e5907d;; }

/******************************************************************************************************************
HEADER
******************************************************************************************************************/

#header { position: relative; height: 98px; }

#header_tagline, #header_phone { text-indent: -9999px; }

#header_tagline { background: transparent url('../site_images/fairtrain_header_line.png'); width: 411px; height: 30px; position: absolute; left: 182px; bottom: 3px; }
#header_phone { background: transparent url('../site_images/fairtrain_header_phone.png'); width: 300px; height: 23px; position: absolute; right: 0; bottom: 10px; }

/******************************************************************************************************************
MAIN NAVIGATION
******************************************************************************************************************/
#mainNav { margin: 0 0 0 180px; }

#primaryNav li { list-style: none; float: left; }

#primaryNav li a {
	background: #000;
	color: #FFF;
	float: left;
	margin: 4px 0 0 2px;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	font-size: 1.2em;
	border-bottom: 2px solid #FFF;
	text-decoration: none;
	background-image: -moz-linear-gradient(top, #6e6e6e, #000000); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6e6e6e),color-stop(1, #000000)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#6e6e6e', EndColorStr='#000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6e6e6e', EndColorStr='#000000')"; /* IE8 */
}

#primaryNav li a:hover { 
	background: #f05234;
	background-image: -moz-linear-gradient(top, #f37552, #f05033); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f37552),color-stop(1, #f05033)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f37552', EndColorStr='#f05033'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f37552', EndColorStr='#f05033')"; /* IE8 */
	}

#primaryNav li a.here, #primaryNav li a.here:hover {
	background: #f37653;
	-ms-filter: none;
	filter: none; 
	height: 38px;
	line-height: 38px;
	margin-top: 0px;
	border-bottom: 0;
}

/******************************************************************************************************************
SECONDARY NAVIGATION
******************************************************************************************************************/
#leftCol ul { border: 12px solid #FFF; background: #FFF; }

#leftCol li { list-style: none; }

#leftCol li a {
	display: block;
	text-decoration: none;
	padding: 10px 13px;
	margin: 0 auto;
	color: #333333;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}

#leftCol li a.here, #leftCol li a.parent_here { color: #000000; border-width: 0px 0px 0px 0px; }

#leftCol li a.here { font-weight: bold; }

#leftCol li a:hover { background: #f05134 !important; color: #FFF; }

	/* Third level */
	#leftCol li ul { padding: 0px 8px 13px 8px; }
	
	#leftCol li ul li a { padding: 8px; }
	
	#leftCol li ul li a.here { background: #FFF; border-width: 0px 0px 1px 0px; }

/******************************************************************************************************************
FOOTER
******************************************************************************************************************/
#footerwrap { background: #3a3a3a; clear: both; margin-top: 50px; }

#footer { color: #FFF; padding: 20px 0 70px; clear: both; }

#footer p { float: left; display: inline; }
#footer p span { padding-left: 25px; }

#footer ul { float: right; display: inline; }

#footer li { list-style: none; float: left; }

#footer li a { color: #FFF; text-decoration: none; }
#footer li a:hover { text-decoration: underline; }

#footer li span { padding: 0px 10px; }

/******************************************************************************************************************
INTERNAL PAGE FORMATTING
******************************************************************************************************************/
/* Breadcrumbs */
#breadcrumbs { border-bottom: 1px solid #fcdcd6; padding: 0 0 15px 0; }

#breadcrumbs li { display: inline; }

#breadcrumbs li a, #breadcrumbs li { color: #f05336; text-decoration: none; }

#breadcrumbs li a:hover { text-decoration: underline; }

/* Main content window */
#mainContent { padding-top: 25px; margin-bottom: 20px; min-height: 250px; }

#mainContent h2 { padding: 5px 0 13px 0; }

#mainContent p { line-height: 1.4em; }

#mainContent p.leader { font-size: 1.4em; }

.bodyText ol { 
	margin: 6px 0 12px 20px; 
	list-style-position: outside; 
	list-style: decimal;
	}

.bodyText ol li { 
	padding: 0 0 2px 5px; 
	font-size: 1.1em;
	margin: 0 0 6px 0;
	}

.bodyText ul { 
	list-style: none;
	margin: 6px 0 12px 0; 
	}
	
.bodyText ul li { 
	padding: 0 0 2px 20px; 
	font-size: 1.1em;
	margin: 0 0 6px 0;
	background: url("../site_images/bg-bullet.gif") no-repeat 4px 7px;
	}

.bodyText a {
	color: #f37350;
	}

.bodyText a:hover,
.bodyText a:focus,
.bodyText a:active {
	background: #f37350;
	color: #fff;
	text-decoration: none;
	}
	
	.bodyText p {
		color: #494949;
		font-size: 1.12em;
	}

.findText {
	margin-bottom: 30px;
	}

	/* Main content window buttons */
	#mainContent button {
		vertical-align: middle;
		border: 4px solid #d34126;
		cursor: pointer;
		color: #000;
		overflow: visible;
		background: #f05436;
		font-weight: bold;
		padding: 5px 5px;
		-moz-border-radius: 8px; /* FF1+ */
		-webkit-border-radius: 8px; /* Saf3+, Chrome */
		border-radius: 8px; /* Opera 10.5, IE 9 */
		background-image: -moz-linear-gradient(top, #f3714f, #f05436); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f3714f),color-stop(1, #f05436)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3714f', EndColorStr='#f05436'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3714f', EndColorStr='#f05436')"; /* IE8 */
	}
	
	#mainContent button:hover {
		background: #000;
		background-image: -moz-linear-gradient(top, #353535, #070707); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #353535),color-stop(1, #070707)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#353535', EndColorStr='#070707'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#353535', EndColorStr='#070707')"; /* IE8 */
		border-color: #000;
		color: #FFF;
	}
	
	/* Main content embed area */
	.videoEmbed { 
		margin-top: 25px;
		padding: 9px;
		background: #F4FAFC;
		border: 1px solid #BBE4EC;
		}
	
	.videoEmbed h4 { 
		margin: 0 0 9px 4px; 
		color: #333;
		}

/* Quotation Box */
.quoteBox { width: 589px; margin: 0 -30px 20px -30px; }

.quoteBox a { text-decoration: none; }

.quoteBox a:hover { text-decoration: underline; color: #000; }

.quoteBox li { padding: 30px; margin-bottom: 7px; color: #000; height: 1%; }

.quoteBox img { border-style: solid; border-width: 4px; margin-left: 30px; float: right; }

.quoteBox h2 { padding-bottom: 0px !important; font-size: 150%; }

.quoteBox blockquote { font-style: italic; line-height: 1.5em; margin: 10px 0 10px 0; }

.quoteBox cite { font-size: 120%; font-style: normal; width: 300px; }

/*
.quoteBox cite span { width: 140px; display: inline-block; }
.quoteBox cite .quoteBox_name { padding-right: 5px; }
.quoteBox cite .quoteBox_source { text-align: right; padding-left: 5px; text-align: right; }
*/

.quoteBox cite { display: block; }
.quoteBox cite span { display: block; }
.quoteBox cite .quoteBox_name { }
.quoteBox cite .quoteBox_source { font-weight: bold; }



	/* hover states */
	.boxListing li:hover  { background: #fef0e9;}
	
	.boxListing li:hover img { border-color: #f7a78d; }
	
	.boxListing li:hover a:hover img { border-color: #fa6c3e; }
	
	.boxListing li:hover cite { color: #f37653; }

/* Download and Contact Us link formatting */
.downloadLink, .trainingContactLink {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	height: 58px;
	border-style: solid;
	border-width: 1px;
	line-height: 58px;
	padding: 0 0 0 80px;
	font-size: 1.1em;
	width: 179px;
	margin: 25px 0 10px 0;
}

	/* Hover */
	.downloadLink:hover, .trainingContactLink:hover { background-color: #414141; border: 1px solid #000; color: #FFF; }
	
	/* File types */
	.downloadLinkPDF { background-image: url('../site_images/fairtrain_download_pdf.png'); }
	
	/* Contact Us */
	.trainingContactLink { background-image: url('../site_images/fairtrain_training_contact.png'); margin-right: 10px; }
	
	/* Link and Contact description */
	.downloadDescription, .contactDescription {
		width: 220px;
		margin: 0 20px;
		display: block;
		font-style: italic;
		font-size: 0.9em;
	}
	
/* Page actions (Print, Back to Top, Back to training area) */
.pageActions { padding-top: 35px; text-align: right; font-size: 1em; clear: both; margin-bottom: 0; }
.pageActions a { height: 16px; padding-left: 20px; display: inline-block; margin-left: 10px; }

#backToTop { background: transparent url('../site_images/sign-up.png') no-repeat; }
#printPage { background: transparent url('../site_images/print.png') no-repeat; }
#backToTraining { background: transparent url('../site_images/sign-in.png') no-repeat; }
#backToNews { background: transparent url('../site_images/sign-in.png') no-repeat; }
	
/* Email updates box */
#email_updates_box {
	font-size: 1.1em;
	cursor: pointer;
	position: relative;
	border: 1px solid #c0442c;
	background-color: #cd4f37;
	background-image: -moz-linear-gradient(top, #ce573f, #cd4f37); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ce573f),color-stop(1, #cd4f37)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ce573f', EndColorStr='#cd4f37'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ce573f', EndColorStr='#cd4f37')"; /* IE8 */
	margin: 0 0 8px 8px;
}
	
#email_updates_box a {
	display: block;
	color: #FFF;
	padding: 9px;
	background: transparent url('../site_images/fairtrain_link_arrow.png') no-repeat 110px 28px;		
}
	/* Hover state */
	#email_updates_box:hover {
		background: #414141;
		border: 1px solid #000;
		background-image: none;
		filter: none;
		-ms-filter: none;
	}
	
	#email_updates_box a:hover { background: transparent url('../site_images/fairtrain_link_arrow_down.png') no-repeat 110px 28px; }

	/* Expanded panel */
	#email_updates_box_form {
		width: 333px;
		position: absolute;
		top: -1px;
		right: -1px;
		display: none;
		border: 1px solid #000;
		background: #414141;
		color: #FFF;
		padding: 20px 15px;
	}
	
	#email_updates_box_form label {
		font-weight: bold;
		margin-bottom: 15px;
		text-decoration: underline;
		padding: 0px;
		display: block;
	}
	
	#email_updates_box_form input {
		border: 1px solid #000;
		padding: 8px;
		margin-right: 10px;
		width: 227px;
		vertical-align: middle;
	}
	
	#email_updates_box_form button {
		vertical-align: middle;
		border: 4px solid #d34126;
		cursor: pointer;
		color: #000;
		overflow: visible;
		background: #f05436;
		font-weight: bold;
		padding: 5px 5px;
		-moz-border-radius: 8px; /* FF1+ */
		-webkit-border-radius: 8px; /* Saf3+, Chrome */
		border-radius: 8px; /* Opera 10.5, IE 9 */
		background-image: -moz-linear-gradient(top, #f3714f, #f05436); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f3714f),color-stop(1, #f05436)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3714f', EndColorStr='#f05436'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3714f', EndColorStr='#f05436')"; /* IE8 */
	}
	
	#email_updates_box_form button:hover {
		background: #000;
		background-image: -moz-linear-gradient(top, #353535, #070707); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #353535),color-stop(1, #070707)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#353535', EndColorStr='#070707'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#353535', EndColorStr='#070707')"; /* IE8 */
		border-color: #000;
		color: #FFF;
	}
	
	/* close icon */
	#closeEmailBoxPopup { position: absolute; top: 0; right: 0; cursor: pointer; }
	
	/* email confirm box */
	#email_updates_submitted {
		display: none;
		position: absolute;
		width: 300px;
		margin: 0 auto;
		top: 30px;
		left: 140px;
		background: #a6e293;
		border: 2px solid #5db043;
		padding: 20px 20px 8px 20px;
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		color: #418A2B;
		z-index: 9999;
		-moz-border-radius: 8px; /* FF1+ */
		-webkit-border-radius: 8px; /* Saf3+, Chrome */
		border-radius: 8px; /* Opera 10.5, IE 9 */
		-moz-box-shadow: 2px 2px 4px #868686; /* FF3.5+ */
		-webkit-box-shadow: 2px 2px 4px #868686; /* Saf3.0+, Chrome */
		box-shadow: 2px 2px 4px #868686; /* Opera 10.5, IE 9.0 */
	}

/* Right column coloured copy box */
#right_col_copy_box { color: #000; padding: 36px 15px; font-style: italic; }

/* Right column Fair Train promise box */
#rightCol .sidePromiseBox {
	display: block;
	text-indent: -9999px;
	width: 142px;
	height: 80px;
	background: transparent url('../site_images/fairtrain_promise_small.png') no-repeat top;
	margin: 0 0 0 8px;
}

#rightCol .sidePromiseBox:hover { background-position: 0px -80px; }

/* Right column link list */
.right_col_link_list { padding: 25px 6px 25px 15px; color: #000; }

.right_col_link_list strong { font-size: 1.2em; padding: 0 0 5px 0; display: block; }

.right_col_link_list li { padding: 0 0 5px 0; }

.right_col_link_list a { color: #333333; }
.right_col_link_list a:hover { color: #F05033; }

/******************************************************************************************************************
FAQ Pages
******************************************************************************************************************/

#faqEntries dt, #faqEntries dd { float: left; }

#faqEntries dt { font-weight: bold; padding-top: 20px; border-top: 1px solid #A9A9A9; }

#faqEntries dt p { text-decoration: underline; }
#faqEntries dt p:hover { color: #F05033; cursor: pointer; }

#faqEntries dd { padding-bottom: 10px; font-style: italic; display: none; }

.faqQA { font-size: 1.6em; font-weight: bold; width: 35px; clear: left; line-height: 1em; font-style: normal; overflow: hidden; float: left; }

#faqEntries div { width: 497px; float: left;  }