/* Main CSS styles for default theme */


/* Site structure styles */
#innerContainer { float: left; width: 100%; margin-right: -14em; }
#outerContainer { float: right; width: 100%; margin-left: -13.5em; margin-top: 3em; }
/* Hide from IE/Mac \*/
* html #outerContainer { height:1% }
/* End hack */

html>/**/body #outerContainer { margin-top:3em; }

#content { margin: 0.5em 14em 0 13.5em;	background:#fff; }

#LeftNav { float: left; width: 11em; padding: 0; margin:1.3em 0.2em 0 0em; }
html>body #LeftNav { width:13em; }

#RightNav, .RightNav { float: right; width: 13.5em; padding: 0; margin-top: 0.5em; }
html>/**/body #RightNav { width:13.5em;	}
html>/**/body .RightNav { width:13.5em;	}
#RightNav h2, .RightNav h2 { color:#4b1966; }

/* Breadcrumbs aren't shown on home page */
#SectionHome #bread { display:none;	}

#SectionHome #content, #SectionHome #RightNav { margin-top:0em;	}
#SectionHome #content  { margin-left:0em; margin-right:15em; }
.SectionPage #content { margin-right:15em; }
#SectionHome #outerContainer { float:none; margin-left:0; }
#SectionHome #innerContainer, .SectionPage #innerContainer { margin-right:-15em; }
#SectionHome #RightNav, .SectionPage #RightNav { width:14.8em; }

#SectionHome #MainNav li.Home {	cursor:default;	padding: 0 0.5em; }
/* colour1: #0f6734 */
/* colour2: #65b722 */
/* Left content navigation styles */
#LeftNavLinks h2 { color:#063; font-size:1.1em; margin:0 0 0.5em 0; font-weight:normal;}
#LeftNavLinks ul { list-style:none; margin:0; padding:0; font-size:0.9em; }

/* Level 1 */
#LeftNavLinks li { margin:0.1em 0 0; padding:0;}
#LeftNavLinks li a {display:block; height:1%; text-decoration:none; font-size:1em; /*margin:0; padding:0;*/}
html>body #LeftNavLinks li a { height:auto; }
#LeftNavLinks li a span { display:block; padding:0.5em 1em 0.5em 0.3em; }
#LeftNavLinks li a:link, #LeftNavLinks li a:visited {background:#063 url(../../../../images/LargeButton.jpg) no-repeat top left; color:#fff; }
#LeftNavLinks li a:hover {background:#000; color:#fff;}

/* Level 1 selected */
#LeftNavLinks li.CurrentPage a:link, #LeftNavLinks li.CurrentPage a:visited {background:#000;color:#fff;}

/* Level 2 */
#LeftNavLinks li li a span { background-image:url(../../../../images/bullets/LeftMenuBullet.gif); background-repeat: no-repeat; background-position: 15px 0.9em; padding-left:25px; }

/* Level 1 selected / Level 2 not */
#LeftNavLinks li.CurrentPage li a:link, #LeftNavLinks li.CurrentPage li a:visited {background:#063 url(../../../../images/LargeButton.jpg) no-repeat top left; color:#fff; }
#LeftNavLinks li.CurrentPage li a:hover {background:#000; color:#fff;}

/* Level 2 selected */
#LeftNavLinks li li.CurrentPage a:link, #LeftNavLinks li li.CurrentPage a:visited { background:#000;color:#fff; }

/* Level 2 selected / Level 3 not */
#LeftNavLinks li li.CurrentPage li a:link, #LeftNavLinks li li.CurrentPage li a:visited {background:#063 url(../../../../images/LargeButton.jpg) no-repeat top left; color:#fff; }
#LeftNavLinks li li.CurrentPage li a:hover {background:#000; color:#fff;}

/* Level 3 */
#LeftNavLinks li li li a span { padding-left:40px; background-image:url(../../../../images/bullets/LeftMenuDash.gif); background-repeat: no-repeat; background-position: 30px 1em; }

/* Level 4 */
#LeftNavLinks li li li li a span { padding-left:50px; background-position:40px 1em; }

/* Level 5 */
#LeftNavLinks li li li li li a span { padding-left:55px; background-image:none; }


/* Right Nav styles */
#ContextLinks ul, #NewsBox ul { padding:0; margin:0; list-style:none; }
#ContextLinks li, #NewsBox li { padding: 0.1em 0 0 0.1em; clear:both; }
#ContextLinks a { display:block; height:1.8em; line-height:1.8em;  background:url(../../../../images/bullets/right-arrow.gif) 5px 0.5em no-repeat; padding-left:15px; font-size:0.8em; font-weight:bold;  }
html>/**/body #ContextLinks a { height:auto; min-height:1.8em;}
#ContextLinks li.Link1 { padding-top:0; }
#ContextLinks a:link, #ContextLinks a:visited { color:#000; text-decoration:none; background-color:#80b39a; }
#ContextLinks a:hover, #ContextLinks a:active, #ContextLinks a:focus { text-decoration:underline; background-color:#063; color:#fff;  }

.SectionPage #ContextLinks a { height:2.84em; line-height:2.84em; background-position:5px 1em;}
html>/**/body .SectionPage #ContextLinks a { height:auto; min-height:2.84em;}


#NewsBox { margin-top: 1em; }
#NewsBox h2 { font-size:1em; }
#NewsBox ul { font-size:0.75em; }
#NewsBox li { padding-top:0.2em; }
.SectionPage #NewsBox { margin-left:0.4em; border-top:1px solid; padding-top:0.5em; }
.SectionPage #NewsBox h2 { font-size:1.2em; }
.SectionPage #NewsBox p { font-size:0.9em; }


/* { color:#333; text-decoration:none;  }
#ContextLinks li.Link1 a:link { background-color:#b0c721; }
#ContextLinks li.Link2 a:link { background-color:#78C13E; }
#ContextLinks li.Link3 a:link { background-color:#00ab4f; }
#ContextLinks li.Link4 a:link { background-color:#02704b;  }

#ContextLinks li.Link1 a:visited { background-color:#b0c721; }
#ContextLinks li.Link2 a:visited { background-color:#78C13E; }
#ContextLinks li.Link3 a:visited { background-color:#00ab4f; }
#ContextLinks li.Link4 a:visited { background-color:#02704b; }

#ContextLinks li.Link1 a:hover { background-color:#ededed; }
#ContextLinks li.Link2 a:hover { background-color:#ededed; }
#ContextLinks li.Link3 a:hover { background-color:#ededed; }
#ContextLinks li.Link4 a:hover { background-color:#ededed; }
*/
#LocalSja { margin:0.2em 0 0.1em 0.1em; padding:0.1em 0.2em; background:#D2D6B5; }


#LeftNav #LocalSja { padding:0; }
#LocalSja h3 { margin:0.1em 0; font-size:0.9em; }
html>/**/body #LocalSja h3 {margin:0.5em 0; }
#LocalSja ul {list-style:none; margin:0.1em 0; padding:0; font-size:0.8em; }
html>/**/#LocalSja ul { margin:0.5em 0; }
#LeftNav #LocalSja ul { padding:0.2em; }
#LocalSja li { padding:0.3em 0 0; }
#LocalSja input, #LocalSja select { width:95%; margin: 0 auto; }
html>/**/body #LocalSja input { width:98%; }
#LeftNav #LocalSja input { width:95%; }
#LocalSja input.submitButton { width:auto; font-size:0.8em; padding:0 1em; float:right; }
#LeftNav #LocalSja input.submitButton { width:auto; font-size:0.8em; padding:0 1em; float:right; }

/*
#LocalSja { display:none; }
*/

/* News section title styles */

#NewsSection { background:#D2D6B5; color:#000; }
#NewsSection h1 { float:left; margin-right:-205px; margin-top:0.3em; width:100%;  }
#NewsSection h1 span { display:block; margin-right:205px; padding:0 0.3em;  }
.NewsSectionImg { float:right; width:203px; }
#NewsSection p { clear:left; padding:0 0.3em; font-size:0.9em; margin-bottom:0.5em; }
#NewsSection ul { margin: 0.5em 0 0.2em 0; list-style-type:square; font-size:0.8em; }
#NewsSection a:link { color:#063; }
#NewsSection a:visited { color:#093;	}
#NewsSection a:hover, #NewsSection a:focus { color:#f00; }


#courseFinder, .CourseFinder { margin:0; }
#courseFinder fieldset, .CourseFinder fieldset {padding:0; font-size:0.8em;  }
#courseFinder fieldset legend, .CourseFinder fieldset legend { /*font-size:0.8em;*/ font-weight:bold; color:#063; }
#courseFinder fieldset li, .CourseFinder fieldset li { background:none; padding: 0.2em 0.5em; }
#courseFinder .CourseCode, .CourseFinder .CourseCode { width:20em; }
#courseFinder li.CourseCode, .CourseFinder li.CourseCode { width:auto; }
.CourseCode select, select.CourseCode { width:20em; }
#courseFinder label, .CourseFinder label { clear:both; /*display:block;*/ float:left; width:10em; text-align:right; padding-right:0.5em; }
#TrainingBox #courseFinder fieldset li, #TrainingBox .CourseFinder fieldset li { padding:0.2em 0; margin:0; }
#courseFinder .goTC, .CourseFinder .btnSubmit { margin-left:15em; }
.DashboardContent .CourseFinder .btnSubmit { margin-left:auto; }
#NewsSection #courseFinder, #NewsSection .CourseFinder { background:#fff; clear:both; width:100%; }


#TrainingBox .TrainingText { margin-top:0.5em; }

#TrainingBox { background: #E7F0B1; margin-top: 0.9em; border: 2px solid #d2d6b5; float:left; padding:0.5em 1em 0.25em; width:99%; }
html>body #TrainingBox { width:auto; }
#TrainingBox h2 { margin:0; font-size:1.1em; }
/* IE doesn't display the fieldset background properly, so hide the border and put it on the form */
#TrainingBox fieldset { background: #D2D6B5; padding:0 1em 0.5em; border:none; }
html>/**/body #TrainingBox fieldset { border: #063 solid 1px; }
#TrainingBox #courseFinder, #TrainingBox .CourseFinder { float: right; width: 48%; border: #063 solid 1px; }
html>/**/body #TrainingBox #courseFinder, html>/**/body #TrainingBox .CourseFinder { border:none; }
/* end IE hacks */

#TrainingBox input, #TrainingBox select { width:20em; font-size:0.8em; }
#TrainingBox .TrainingText { float: left; width: 48%; margin-top:1em; font-size:0.9em; }
#TrainingBox input.goTC { width:auto; float:right; font-size:0.8em;	}
/*#TrainingBox label { position:absolute; left:-9000px; }*/
.TrainingText ul { margin:0.5em 0; padding:0; list-style:none; font-size:0.8em; }
.TrainingText li { padding-top:0.3em; }


.FullWidthBox {	width:100%;	}
.Box p, .FullWidthBox p { font-size:0.9em; margin:0; }
.FullWidthBox ul, #courseFinder ul, .CourseFinder ul, #NewsSection .CourseFinder ul { list-style:none; margin: 0 0 0; padding: 0.5em 0; }	
#NewsSection .CourseFinder ul { font-size:1em; }
	
.Box { margin-top:1em; }
html>/**/body .Box { margin-top:auto; }
.Box a:link, .FullWidthBox a:link, #NewsBox a:link { color:#063; }
.Box a:visited, .FullWidthBox a:visited, #NewsBox a:visited { color:#408C66; }
.Box a:hover, .FullWidthBox a:hover, #NewsBox a:hover { color:#f00; }
.Box h2 { margin-bottom:0.5em; clear:both;}
#SectionHome .BoxImage { background:url(../../../../images/home/defaultSpace.gif) top left no-repeat; }
#SectionHome .BoxText { margin-left:130px; }
.BoxText ul { margin:0.5em 0 0; padding:0; list-style:none; font-size:0.8em; }
.BoxText li { margin-top:0.3em; }


/* Training Search Results Page */
#TrainingSERP {	margin:0; padding:0; list-style:none;font-size:0.9em;  }
#TrainingSERP h2 { margin:1em 0 0; }
#TrainingSERP h3 { margin:0.5em 0 0; }
#TrainingSERP ul { margin: 0 0 0 1em; padding:0; list-style:none; }
#TrainingSERP ol { margin: 0 0 0 0.5em; padding:0; list-style:none;}
#TrainingSERP UL LI { padding-top:0.3em; clear:both; }
#TrainingSERP .CourseDetails { width:100%; float:left;  }
#TrainingSERP .CourseDetails li { width:12em; float:left; clear:none; }
.MoreCourses, .VenueDetails { margin-top:0.5em; background:url(../../../../images/bullets/right-arrow.gif) 0 0.5em no-repeat; padding-left:1em; margin-left:0; }
.NavButtons { width:35em; float:left; margin-top:1.5em; }
.PreviousButton { float:left; }
.NextButton { float:right; }

/******* styles for main content pages **************/
.content { padding-left:0.5em; }

.FirstParagraph:after { clear:both; }
/*.content h2 { clear:both; }*/
/* deal with IE peakaboo bug */
/* \*/
* html .content { height:1%;}
/* */

/* these control the Quote style */
.pullQuote { background:#d2d6b5; padding: 0.2em; }
.content .pullQuote { background:#d2d6b5 url(../../../../images/keyline/grey-solid-keyline.gif) top left no-repeat; padding: 0.2em; width:200px; float:right; margin:0.5em; }
.left-speech-mark {	background:url(../../../../images/SingleQuote.gif) 5px 15px no-repeat; }
.pullQuote blockquote {	font-size:0.8em; font-weight:bold; text-align:left;	padding: 0.8em 20px 0.5em; margin:0; }

.right-speech-mark { background:url(../../../../images/SingleUnquote.gif) 100% 100% no-repeat; position:relative;	}
.quoted-person { font-size:0.8em; font-weight:bold; padding: 0.5em 20px 0; }
.quoted-position { font-size: 0.75em; padding: 0 20px 0.5em; }
.quoted-link { 	font-size:0.7em; margin-top:0.5em; padding-bottom:0.5em; border-bottom:1px solid #000; }
#TopRightLinks { padding:0.4em;  border-bottom:3px solid #a68cb3;  }
#TopRightLinks h2 { margin: 0.5em 0 0.3em; border-top:3px solid #a68cb3; padding-top:0.5em; }
#TopRightLinks .QL h2 { border-top:none; color:#fff; }
#TopRightLinks h3 { margin-bottom:0.5em; }
#TopRightLinks ul { margin:0; padding:0; list-style:none; font-size:0.8em; }
#TopRightLinks li { padding: 0.2em 0; clear:left; }
#TopRightLinks li.pdf, #TopRightLinks li.word, #TopRightLinks li.excel, #TopRightLinks li.zip, #TopRightLinks li.rss {padding-left: 20px;}


/* Vacancy styles */
#VacancyDetails dl { display: block; background: #D2D6B5; width: 75%; border-bottom: 1px solid #000; }
#VacancyDetails dt { display: block; clear: left; float: left; padding: 1px 1px 1px 3px; font-weight:bold;} 
#VacancyDetails dd { display: block; clear: right; margin-left: 0; border: 1px solid #000; border-bottom: 0px; padding: 1px 1px 1px 120px;}
.vacancyDownload ul { list-style-type:none; margin:0; padding: 0;}
/*.vacancyDownload li { padding-left: 20px; background: url(../../../../images/pdficon_16x16.gif) no-repeat 0; margin: 2px 0px; }*/

/**************** Search Results page CSS *************/

#searchResults p, #searchResults td, #searchResults li { font-size: 1.1em; }
#searchResults input, #searchResults select { font-size: 0.8em;	}

		
.searchSmallerText { font-size: smaller; }
.searchSmallGrey { font-size:smaller; color:#999; }
.searchSepBar {	background-color:#80b39a; color:#000; }
.searchSepBarTextColor { color:#FF9; }
.z { display:none }
.searchSortBy { color:#000000; }
.searchFileType { font-size:x-small; }
.searchDocTitle { font-size: 1em; }
.searchSummaryText { font-size: 0.9em; color:#000000; }
/********##################*********/
.searchUrl { font-size:0.8em; color:#2e9467; /*display:block; width:100%; overflow: hidden; float:left;*/ }
/********##################*********/
.searchFeintUrl { font-size:0.8em; } 
.searchKeyMatch { font-size: 0.9em; background-color:#e7f0b1;  }
.searchKeyMatch dl { margin-left:8em; }
.searchKeyMatch h2 { font-size:smaller; color:#063; float:left; width:10em;}
.searchNavigation { font-size:1em; color:#000000; padding-left:25%; padding-right:25%; }
.searchNavigation .searchCurrentPage { font-weight:bold; }
.searchCurrentPage { color:#CC0000; }
div.searchNavigation a { text-decoration:none; }
.searchNavTerm, .searchNavTerm a { font-size: 1.0em; font-weight:bold; text-align:right; }
.searchSpellingWord, .searchSynonymsWord { font-size: 1.0em; color:#cc0000; }
.searchAdvancedRow { background-color: #e1f1e4;	}
#searchResults a:link {	color:#0000cc; }
#searchResults  a.searchFeintUrl:link { color:#6f6f6f; }
#searchResults a:visited { color: #551a8b; }
#searchResults a:hover, #searchResults a.searchFeintUrl:hover {	color: #ff0000;	}

/**************************/

/************** Multimap Style pages ***********/
#MultimapImage { border: 2px solid #bfbfbf; padding:1em 1em 1em; float:right; margin-right: 1em; margin-bottom: 1em;}
#MultimapImage ul { margin:5px 0 0;padding:0; list-style:none; width:100%;}
#MultimapImage li { float:left; }
#MultimapImage a span { position:absolute; left:-9000px; }
#MultimapImage a { width:22px; display:block; float:left; height:22px; margin-left:6px; padding:1px;}
.CurrentZoom { clear:left; font-weight:bold; text-align:center; }
#MultimapImage a.ZoomIn { margin-left:1px; background:url(../../../../images/mapicons/ZoomIn.gif) top left no-repeat #063; padding:0; }
#MultimapImage a.ZoomOut { margin-left:1px; background:url(../../../../images/mapicons/ZoomOut.gif) top left no-repeat #063; padding:0; }
#MultimapImage a.Zoom1 { background:url(../../../../images/mapicons/Zoom1.gif) top left no-repeat; }
#MultimapImage a.Zoom2 { background:url(../../../../images/mapicons/Zoom2.gif) top left no-repeat; }
#MultimapImage a.Zoom3 { background:url(../../../../images/mapicons/Zoom3.gif) top left no-repeat; }
#MultimapImage a.Zoom4 { background:url(../../../../images/mapicons/Zoom4.gif) top left no-repeat; }
#MultimapImage a.Zoom5 { background:url(../../../../images/mapicons/Zoom5.gif) top left no-repeat; }
#MultimapImage a.Zoom6 { background:url(../../../../images/mapicons/Zoom6.gif) top left no-repeat; }
#MultimapImage a.Zoom7 { background:url(../../../../images/mapicons/Zoom7.gif) top left no-repeat; }
.VenueInformation { clear:left; background:none; border:none; padding:0; /*float:left; width:100%;*/ margin-top:0; }
.VenueInformation dt { float:none; clear:left; border:none; margin:0.5em 0 0; padding:0; width:100%; font-weight:bold; }
.VenueInformation dd { float:none; clear:left; border:none; margin:0; padding:0; width: 100%; }
.VenueAddress { padding-right:1em; }
.PdfList { margin:0; padding:0; list-style:none; }
.PdfList li { padding-left:1.5em; padding-top:0.3em; background:url(../../../../images/icons/pdf_16.gif) 0 0.2em no-repeat; }

/*** Styles for iFIRSTAID ***/
.ifaLinkTable { font-size:0.9em; width:200px; float:right; }
.ifaLinkTable ul { margin:0; padding:0; list-style:none; }
.ifaLinkTable li { background:url(../../../../images/bullets/greenShaded-bullet.gif) 0 0.4em no-repeat; padding-left:1em; }
.ifaLinkTable h2 span { position:absolute; left:-9000px;}
.ifaLinkTable h2 a { background:url(../../../../images/logos/iFIRSTAID_150.jpg) top left no-repeat; display:block; width:150px; height:44px; }

.ifaLinkTable h2 { margin:1em 0 0.5em; }
.ifaLinkTable dl { display: block; background: none; width: 100%; border-bottom:none; margin-top:0.5em; }
.ifaLinkTable dt { display: block; clear: left; float:none; padding:0.5em 0 0 1em; font-weight:normal; background:url(../../../../images/bullets/greenShaded-bullet.gif) 0 0.8em no-repeat;} 
.ifaLinkTable dd { clear:none; margin-left: 0; border:none; padding:0 1em 0 1.5em; float:none;}
.ifaLinkTable p { font-size:0.8em; margin-top:0.5em; }

/*** Styles for County & Unit details ***/
#CountyDetails { width: 100%; margin: 0%; padding:0% 0% 1% 0%; border-bottom: 1px solid #000; float:left;}
#CountyAddress { width:48%; float: left; margin: 0% 1% 0% 0%;}
#CountyTels {width:48%; float: left; margin: 0% 0% 0% 1%;border-top: 2px solid #000; padding: 0;}
#CountyTels dl { display: block; margin: 0px 0px 5px 0px; border-bottom: 2px solid #000;}
#CountyTels dt, #UnitTels dt { display: block; clear: left; float: left;margin: 0; padding: 1px 1px 1px 3px; font-weight:bold;} 
#CountyTels dd, #UnitTels dd { display: block; clear: right; float: right; margin: 0; padding: 1px 1px 1px 1px; width:8em;}
#UnitHeader {width:100%; margin: 0; padding: 0px 2px 10px 2px; float:left;}
#UnitHeader dl { display: block; width:100%; float:left; margin: 0 0 10px 0;}
#UnitHeader dt { display: block; float: left; margin: 0; padding: 1px 1px 1px 3px;  }
#UnitHeader dd { display: block; float: left; margin: 0; font-weight:bold;}
#Units { width: 100%; float: left; border-bottom: 1px solid #000; padding-bottom: 10px;}
.UnitDetails {width:48%; float:left; font-size: 0.8em; border-top: 1px solid #000; margin: 0 0.5%;}
#UnitAddress {width:58%; float:left; margin: 0 0.5%;}
#UnitExtraDetails {width:38%; float:left; margin: 0 0.5%;}
#UnitTels {width: 100%; margin: 1% 0.05% 0%; padding: 0; float: left; font-size:0.9em;}
#UnitTels dl { display: block; width: 100%; margin: 0;}
#RegionsAndCounties { width: 100%;}
.Regions {width: 30%; margin: 0% 1%; padding: 0 0 10px 0; float: left; height:175px; }
html>/**/body .Regions {height:auto; min-height:175px;}
.Regions ul {margin:0; padding:0; list-style:none;}
.Regions ul ul {margin-left:20px; list-style-type:square;font-size:0.9em;}

/*** Quiz styles ***/
        .QuizComment {padding: 2px; width:90%; margin: 10px;}
        .QuizComment h3 {margin: 0 0 0.5em;}
        .QuizComment h4 {margin:0 0.5em 0 0; display: inline;}
        .QuizButtons { margin: 5px 0;}
        .QuizTotal, .QuizTime {width: 50%; float:left; margin:5px 0;}
        .QuizCorrect { color: #093; font-weight:bold;}
        .QuizIncorrect { color: #f00; font-weight:bold;}
        .QuizBreakdown ol li {margin: 0 0 15px 0;}
        .QuizBreakdown ol li ul {margin:5px 0 5px 20px;}
        .QuizBreakdown ol li ul li {margin:0;}
	#QuizQuestion {height:1%;}
	html>/**/body #QuizQuestion {height:auto;}

/*** Terms and conditions styles ***/
.TermsConditions ol { margin: 20px; padding: 0px; }
.TermsConditions li { margin-top: 1em; }
.TermsConditions ul { list-style: disc; }
.TermsConditions ol ul { margin-left: 1em; padding-left: 0px; }
.TermsConditions .typea { list-style: lower-alpha; }

/*** Unordered lists with images/text as links ***/
.VerticalImageLinkList ul { margin:1em; padding:0; list-style:none;}
.VerticalImageLinkList ul li {
	display:block;
	margin: 0px 0px 40px;
}
.VerticalImageLinkList ul li a img {text-decoration:none;}
.VerticalImageLinkList ul li img {border:0;}
.HorizontalImageLinkList {width:100%}
.HorizontalImageLinkList ul { margin:1em; padding:0; list-style:none;}
.HorizontalImageLinkList ul li {
	display:inline;
	float:left;
	margin:10px ;
}
.HorizontalImageLinkList ul li a im {text-decoration:none;}
.HorizontalImageLinkList ul li img {border:0;}
.imageListRightAligned li{clear:right;}

/*** Unit view styles ***/
.UnitViewOther h2 {clear: none;}
.UnitViewOther li {margin-left: 20px;}
.UnitViewTelephones dl { display: block; float:left; margin: 0;}
.UnitViewTelephones dt { display: block; clear: left; float: left;margin: 0; padding: 2px;}
.UnitViewTelephones dd { display: block; clear: right; margin: 0px 0px 0px 200px; padding: 2px;}
#UnitContactForm legend, #NationalContactForm legend { display:none;}
#UnitContactForm ul.nobullet, #NationalContactForm ul.nobullet  {list-style:none;margin:0;padding:0;}
#UnitContactForm li.nobullet, #NationalContactForm li.nobullet {margin: 0.5em 0;}
#UnitContactForm label, #NationalContactForm label {width:9.5em; text-align:right; margin-right:0.25em; float:left; display:block; clear:right;}
#UnitContactForm li.submit input, #NationalContactForm li.submit input {margin-left: 9.75em;}
.mandatory {color: #f00; font-weight:bold;}
.ErrorMsg {display:block;color:#f00;margin-left:10em;margin-right:2em;}
#NAContactForm .ErrorMsg {display:block;color:#f00;margin-left:13.5em; margin-right:0;}
.ErrorHighlight {background-color: LightPink;}
.UnitContactFormDisclaimer, .NAContactFormDisclaimer {font-size:0.8em;clear:both;}

/*** National contact form styles ***/
#NationalContactForm select {width:50%;}
.NationalContactFormFaqs {background-color:#d2d6b5; padding:0.5em 0.5em 0.1em; margin:0 auto; width:95%;}
.NationalContactFormFaqs h4 {margin:0;}
#NationalContactForm dt {font-weight:bold;}
#NationalContactForm dd {margin:1em 0 0 0;padding:0 1em;}

#TrainingSERP h2 { background:url(../../../../images/keyline/smdkgreen-corner.gif) top left no-repeat #063; color:#fff; padding-left: 20px; }
#TrainingSERP h3 { color: #063; margin-left:20px; }
#TrainingSERP table { border-collapse:collapse; margin-left:20px; }
#TrainingSERP th { /*background: #ccc; border:1px solid #000;*/ text-align:left; }
#TrainingSERP td { /*border:1px solid #000;*/ }
.CourseDates { width:12em; }
.CourseTimes { width:9em;}
#TrainingSERP .CoursePlaces{ text-align: right; width:3em; }
#TrainingSERP .CourseCost { text-align: right; width:4.5em; }
#TrainingSERP .CourseCost abbr { font-size:0.8em; display:none; }
#TrainingSERP td a { margin-left: 1em; }

/*.Lyris {  background: url(../../../../images/keyline/dkgreen-corner.gif) top left no-repeat #063; font-size:0.8em; padding: 15px 0.5em 0.5em 15px; color:#fff; margin-top:1em; }
.Lyris h2 { color: #fff; font-size:1.3em; margin:0; }
.Lyris p { margin:0.5em 0; }*/
.Lyris fieldset { border:none; margin:0; padding:0; }
.Lyris fieldset legend { position: absolute; left:-9000px }
.Lyris label { text-align:left; width: auto; float: none; }
.Lyris input { width: 95%; }

.AdvertKeyline { background:url(../../../../images/keyline/black-keyline.gif) top left no-repeat #fff; font-size:0.8em; padding:2px; border-bottom:2px solid #000; border-right:2px solid #000; margin-top:3em; }
.AdvertText { margin: 15px 15px 0; }
.AdvertImage { text-align:center; }

/*** Volunteer feedback styles ***/
#VolunteerFeedbackError li {color: red;}
#VolunteerFeedback p {font-weight: bold;}
#VolunteerFeedback p label {font-weight: normal;}
#VolunteerFeedback ul {list-style:none; margin:0; padding:0;}
#VolunteerFeedback li {margin:0.5em 0;}
/*
#vf-options1 input, #vf-options1 label, #vf-options4 input, #vf-options4 label, #vf-options5 input, #vf-options5 label, #vf-options6 input, #vf-options6 label {display:block;float:left;margin:0.25em;}
#vf-options1 br, #vf-options4 br, #vf-options5 br, #vf-options6 br {clear:left}
#vf-options2 label, #vf-options3 label {margin-right: 1em;} */
#VolunteerFeedback {margin-top:1em;}
#VolunteerDetails ul {list-style:none; margin:0; padding:0;}
#VolunteerDetails li {margin:0.5em 0;}
#VolunteerDetails label {width: 5.5em; margin-right: 0.5em; display:block;float:left; text-align:right;}

/*** SaveALife styles ***/
#savealife-donation, #savealife-actions {padding:0.4em;}
#savealife-signup h2, #savealife-donation h2, #savealife-actions h2{margin: 0px;font-size: 1.2em;color: #02ab50;}
#savealife-signup a, #savealife-donation a.savealife-donation, #savealife-actions a.savealife-facebook, #savealife-actions a.forward2friend, #savealife-signup-prompt a{display: block;width:12.5em;font-size: 1em;text-transform:uppercase;font-weight:bold;color: #fff;text-decoration:none;background: url(../../../../images/buttons/btn_donation_background.gif) repeat-x top left; height: 65px;
}
#savealife-donation a span, #savealife-actions a span, #savealife-signup a span, #savealife-signup-prompt a span {display:block; background: url(../../../../images/buttons/btn_donation_left.gif) no-repeat top left; height: 65px;}
#savealife-donation a span span, #savealife-actions a span span, #savealife-signup a span span, #savealife-signup-prompt a span span{display:block; background: url(../../../../images/buttons/btn_donation_right.gif) no-repeat top right; height: 65px; line-height:65px;padding-left:20px;}
#savealife-actions a.savealife-facebook span span {padding-left:10px;}
#savealife-signup a span span{padding-left:40px;}
#savealife-signup-prompt a{width:16.5em;}
#savealife-actions ul, #savealife-signup-prompt ul {margin:0px;padding-left:0px;list-style:none;}
#savealife-signup .message{font-size:0.9em;color:#ff0000;}
#savealife-signup fieldset label {width:5em;text-align: right;display: block;float: left;padding-right: 1em;clear: left;}
#savealife-signup fieldset ul { list-style: none; margin:0; padding:0; }
#savealife-signup fieldset li{padding-top: 0.5em;clear: left;line-height: 1.5em;}

#savealife-wrapper{text-align: left;}
/***#savealife-header {position: relative;height: 55px;padding: 0 0 0 0;}***/
/***#savealife-header h1{position: absolute;text-indent: -9999px;left: 40px;width: 511px;height: 39px;background: transparent url(/savealife/images/h1_background.gif) no-repeat;}***/
#savealife-header img.logo, #savealife-header_thanks img.logo{margin: 20px 0 0 20px;}
#savealife-header ul {list-style-type: none;}
#savealife-header ul li{position: absolute;}
#savealife-header ul li a{display: block;height: 39px;text-indent: -9999px;}
#savealife-header ul li.previous{top: 145px;left: 560px;width: 170px;	height: 39px;}

#savealife a, #savealife a:link, #savealife a:visited, #savealife a:hover, #savealife a:active {color: #000;font-weight:bold;}
#savealife ol{ display: block; padding-left:0px;font-size:0.9em; list-style-type:none; margin-left:0;}
#savealife ol li{ position: relative;}
#savealife ol li.panelwide,#savealife ol li.september08,#savealife ol li.august08,#savealife ol li.july08,#savealife ol li.june08{display: block;width: 95%;margin: 0px 10px 10px 0;background-color: #78c13e;border: 8px solid #00ab4f;clear: both;}
#savealife ol li#panel1 {min-height: 146px;}
#savealife ol li#panel2{min-height: 288px;}
#savealife ol li#panel3 {min-height: 146px;}
#savealife ol li#panel4{min-height: 216px;}
/* August08  */
#savealife ol li#panel1.august08{min-height: 146px;}
#savealifeol li#panel2.august08{min-height: 376px;}
#savealife ol li#panel3.august08{min-height: 146px;}
#savealife ol li#panel4.august08{min-height: 455px;}
#savealife ol li ul.august08 li{margin: 5px 15px 5px 35px;line-height: 1.3em;}
#savealife ol li ul.august08{margin-bottom:10px;}
#savealife ol li#panel3.august08 h3{margin: 0 0 0 0;padding: 20px 15px 5px 20px;}
#savealife ol li#panel3.august08 p{margin: 0 0 0 0;padding: 10px 10px 10px 20px;}
#savealife li img {position: absolute;top: -8px;left: -8px;}
#savealife ol li#panel1 p{margin: 0 0 0 0;padding: 10px 10px 10px 20px;}
#savealife ol li#panel1 h3{margin: 0 0 0 0;padding: 20px 15px 5px 20px;}
#savealife li p{margin: 0 0 0 170px;padding: 10px 15px 10px 15px;line-height: 1.5em;}
#savealife li h3{margin: 0 0 0 170px;padding: 20px 15px 5px 15px;font-size: 1em;}
#savealife li ul,#savealife li ol{margin: 0 0 -10px 170px;padding: 0;}
#savealife li ul li{margin: 5px 25px 10px 30px;list-style-type: disc;line-height: 1.5em;}
#savealife li ol li{margin: 5px 15px 5px 35px;list-style-type:decimal;}
/***#savealife h2{display: block;width: 707px;height: 49px;	padding: 0 0 0 0;text-indent: -9999px;background: #fff url(../images/h2_background.gif) no-repeat;}***/
#savealife-signup-prompt a, #savealife-signup-prompt a:link, #savealife-signup-prompt a:visited, #savealife-signup-prompt a:hover, #savealife-signup-prompt a:active {color:#fff;}


/**** Your Story styles ***/
/* Note these styles are a workaround to fix the table layout used by FormBuilder */
.YourStory td {text-align:right;}
.YourStory td+td {text-align:left;}
.YourStory td[colspan="2"]{text-align:left}

.Winnow {}
.Winnow h3 { background: url(http://my.sja.org.uk/resource/images/keyline/smltgreen-corner.gif) #65b722 top left no-repeat; margin:0; color:#fff; padding-left:16px; }
.Winnow h3 span { font-size:0.7em; color:#eee; font-weight:normal;}
.WinnowSelections { border:1px solid #65b722; padding:0; }
.WinnowSelections table { width:100%; }
.WinnowSelections td { vertical-align:top; width:25%; background:#f6f6f6; }
.WinnowSelections th { background:#e1e1e1; text-align:left; font-size:0.9em; }
/*.WinnowChoices { margin: 1em 0; }
.WinnowChoices h3 { float:left; color:#65b722; margin:0; font-size:0.9em; }
.WinnowChoices ul { list-style: none; margin:0; padding:0; font-size:0.8em; }
.WinnowChoices li { background:url(../images/bullet_black.gif) 5px 0.3em no-repeat; padding-left: 15px; padding-right:5px; float:left; }*/
.RemoveLink { font-weight:bold; color:#000; /*padding-right:15px; background:url(../images/remove-icon-green.gif) right 0.2em no-repeat; */}
.WinnowOption { /*border-bottom:1px solid #e1e1e1;*/  }
.WinnowOption h4 { padding:0.2em 0.1em 0.2em; margin:0; font-size:0.8em; width:9.2em; float:left; text-align:right; }
.Winnow .Alternate { background-color:#c6eda0; }
.Winnow ul { list-style:none; margin:0.2em 0 0.3em 0.8em; padding:0; font-size:0.8em; }
.Winnow li { padding-right:0.3em; color:#999; /*display:inline;*/ font-size:0.9em;  }
.Winnow li.RemoveWinnow { margin-top:1em; }
.Winnow a {color:#063; }
.Winnow a:hover { color:#f00; }
.ResultBar { background-color:#c6eda0; border-top:1px solid #999; padding:0.2em; font-size:0.8em; }
.ResultBar ul { list-style:none; margin:0; padding:0; width:48%; float:right; text-align:right; }
.ResultBar li { border-left: 1px solid #000; display:inline; padding:0 0.3em; } 
.ResultBar li.FirstItem { border-left:none; }
.ResultBar p { float:left; width:50%; margin:0; }

.CourseSearchResults { font-size:0.9em; }
.CourseSearchResults h2 { border-bottom:1px solid #e1e1e1; }
.CourseSearchResults h2 a { font-weight:normal; font-size:0.8em; padding-top:0.2em; display:block; text-align:right;}
.CourseSearchResults h2 span { display:block; float:left; } 
.CourseSearchResults h3 { color:#063; margin:0 0 0 1em; }
.CourseSearchResults table { margin-left:1em; }
.CourseSearchResults .CourseDates { width:12em;}
.CourseSearchResults .CourseTimes { width:9em; }
.CourseSearchResults .CoursePlaces { width:3em; text-align:right; }
.CourseSearchResults .CourseCost { width:4.5em; text-align:right; }
.CourseSearchResults th {  text-align:left; }
.CourseSearchResults .MoreLinkUl ul { list-style:none; margin:0 0 1em 1.2em; padding:0; }

.CourseInfoPanel { background:#e1e1e1; font-size:0.9em; margin:0.3em 0; padding:0.3em; border:1px solid #063; height:1%; }
html>/**/body .CourseInfoPanel { height:auto; }
.CourseInfoPanel h2 { margin:0.3em 0 0.3em 100px; }
.CourseInfoPanel p { margin:0.5em 0 0.5em 100px; }
.CourseInfoPanel img { float:left; padding-right:0.5em; }

/*** Styles for Dashboard page ***/
.DashboardItem { background:#ededed; margin-top:1em; margin-right:0.25em;}
.LeftColumn, .RightColumn { width:49.5%; float:left;  }
.RightColumn .DashboardItem { margin-left:0.25em; margin-right:0; }
.DashboardItem .LeftColumn { border-right:1px solid #ccc; }
.DashboardItemTitle { background:#007d51 url(../../../../images/background-section.gif) 0 0 repeat-x; color:#fff; margin:0; }
.DashboardItemTitle img { padding-right:0.25em; vertical-align:middle; }
.DashboardItemTitle h2 { margin:0; font-size:1em; font-weight:bold; float:left; }
.DashboardItemTitle .OpenItem { float:right; }
.DashboardItemTitle .OpenItem a { background: url(../../../../images/arrow-section-expanded.gif) 0 0 no-repeat; width:42px; height:37px; display:block; }
.DashboardItemTitle .OpenItem a span { position:absolute; left:-9000px; }

.DashboardItemTitle .CloseItem { float:right; }
.DashboardItemTitle .CloseItem a { background: url(../../../../images/arrow-section-collapsed.gif) 0 0 no-repeat; width:42px; height:37px; display:block; }
.DashboardItemTitle .CloseItem a span { position:absolute; left:-9000px; }

.DashboardItemTitle, .DashboardTabs { height:1%; }
html>/**/body .DashboardItemTitle, html>/**/body .DashboardTabs { height:auto; }
.DashboardTabs { background:#ededed; margin:0; padding:0; }
.DashboardTabs .clear { background-color:#c3dcbe; }
.DashboardTabItems { background:#c3dcbe;  }
.DashboardItem .DashboardTabs ul { list-style:none; margin:0; padding:0; float:left; width:100%; }
.DashboardItem .DashboardTabs li {  float:left; margin:0; padding:0; background-image:none; }
.DashboardTabs a {line-height:37px; margin:0.5em 0.2em 0;width:84px; float:left; text-decoration:none; text-align:center; font-size:0.9em; font-weight:bold; }
.DashboardTabs li.InactiveTab a:link, .DashboardTabs li.InactiveTab a:visited { background:#ededed url(../../../../images/tab-unselected.gif) left bottom no-repeat; }
.DashboardTabs li.ActiveTab a:link, .DashboardTabs li.ActiveTab a:visited { background:#c3dcbe url(../../../../images/tab-selected.gif) left bottom no-repeat; color:#000; cursor:default; }
.DashboardTabs li.InactiveTab a:hover { background:#c3dcbe url(../../../../images/tab-selected.gif) left bottom no-repeat;  }
.DashboardContent, .DashboardTabContent { padding:0.5em; }
.DashboardItem ul, .DashboardItem ol { list-style:none; margin:0; padding:0 0.5em; }
.DashboardItem li { background: url(../../../../images/arrow-greenbg.gif) 0 0.8em no-repeat; padding:0.5em 0 0.5em 15px; border-top:#9ccba7 solid 1px; }
.DashboardItem li.PDF { background:url(../../../../images/downloads-pdf.gif) 0 0.5em no-repeat; padding:0.5em 0 0.5em 40px; }
.DashboardItem li.PDF li { border-top:none; }
.DashboardItem .DashboardContent li { background-image:url(../../../../images/arrow-greybg.gif); border-top-color:#d9d9d9; }
.DashboardItem li.FirstItem { border-top:none; }
.DashboardItem a { color:#007d51;  }
.DashboardItem ul a { text-decoration:none; }
.DashboardItem a:hover { text-decoration: underline; color:#f00; }
.DashboardItem li.ButtonItem { background-image:none; }

.ButtonLink { margin:1em 0; text-align:center; }
.ButtonLink a { margin:0 auto; color:#000; }
.ButtonLink a.ShowButton { background: url(../../../../images/buttons/button-greybg_background.gif) top left repeat-x; display:block;float:left; text-decoration:none;  }
.ButtonLink a.ShowButton span { background: url(../../../../images/buttons/button-greybg_left.gif) top left no-repeat; display:block; }
.ButtonLink a.ShowButton span span { background: url(../../../../images/buttons/button-greybg_right.gif) top right no-repeat; line-height: 32px; display:block; padding:0 24px 0 30px; }
.ButtonLink a.ShowButton:hover { background-image: url(../../../../images/buttons/button-greybg_background_F2.gif); color:#000; }
.ButtonLink a.ShowButton:hover span { background-image: url(../../../../images/buttons/button-greybg_left_F2.gif); }
.ButtonLink a.ShowButton:hover span span { background-image: url(../../../../images/buttons/button-greybg_right_F2.gif); }
.DashboardTabContent .ButtonLink a.ShowButton { background-image: url(../../../../images/buttons/button-greenbg_background.gif) }
.DashboardTabContent .ButtonLink a.ShowButton span { background-image: url(../../../../images/buttons/button-greenbg_left.gif); }
.DashboardTabContent .ButtonLink a.ShowButton span span { background-image: url(../../../../images/buttons/button-greenbg_right.gif); }
.DashboardTabContent .ButtonLink a.ShowButton:hover { background-image: url(../../../../images/buttons/button-greenbg_background_F2.gif) }
.DashboardTabContent .ButtonLink a.ShowButton:hover span { background-image: url(../../../../images/buttons/button-greenbg_left_F2.gif); }
.DashboardTabContent .ButtonLink a.ShowButton:hover span span { background-image: url(../../../../images/buttons/button-greenbg_right_F2.gif); }

.DashboardContent, .DashboardTabContent { font-size:0.8em; }
.Larger { font-size:1.2em; }
.DashboardItem dl { margin:0; padding:0; }
.DashboardItem dt { font-weight:bold; clear:both; float:left; padding-right:0.5em; }
.DashboardItem dd {  }

.DashboardItem fieldset ul { list-style:none; margin:0; padding:0; }
.DashboardItem fieldset label { display:block; width:auto; }
.DashboardItem fieldset input, .DashboardItem fieldset select { width: 90%; margin:0 auto; }

.SharePage ul { list-style:none; margin:0; padding:0; }
.DashboardItem .DashboardContent .SharePage li { margin:0; padding:0; background:none; }
.SharePage a { display:block; padding:0.3em 0 0.3em 55px; line-height:18px; background-position:10px 0.3em; background-repeat:no-repeat; color:#008d49; }
.SharePage .Bookmark { background-image:url(../../../../images/dashboard/icons_rhs/small_bookmark.gif);}
.SharePage .Email { background-image:url(../../../../images/dashboard/icons_rhs/small_email.gif);}
.SharePage .Print { background-image:url(../../../../images/dashboard/icons_rhs/small_print.gif);}

.QL { background:#00b465; color:#fff; }
#TopRightLinks .QL h2 { background: url(../../../../images/keyline/rhsgreen-corner.gif) top left no-repeat; font-weight:normal; padding:0.3em 0 0.3em 25px; margin:0; border-bottom:#009352 1px solid; }
#TopRightLinks .QL ul { list-style:none; margin:0; padding:0; font-size:0.8em; border-top:#37c486 1px solid; }
#TopRightLinks .QL li { margin:0; padding:0; border-bottom:#15BA72 1px solid; }
.QL a { display:block; padding:0.3em 0 0.3em 52px; line-height:35px; background-position:10px 0.3em; background-repeat:no-repeat; border-bottom:#00a75e 1px solid; }
.QL a:link { color:#fff; }
.QL a:visited { color:#e1e1e1; }
/*.QL a:hover { background-color:#65B722; color:#fff; }*/
.QL .Newsletter { background-image:url(../../../../images/dashboard/icons_rhs/newsletter_icon.gif) }
/*.QL .Newsletter:hover { background-image:url(../../../../images/dashboard/icons_rhs/hover/newsletter_icon.gif) }*/
.QL .CourseSearch { background-image:url(../../../../images/dashboard/icons_rhs/course_icon.gif) }
.QL .InCompany { background-image:url(../../../../images/dashboard/icons_rhs/training_prem_icon.gif) }
.QL .Download { background-image:url(../../../../images/dashboard/icons_rhs/download_icon.gif) }
.QL .Venues { background-image:url(../../../../images/dashboard/icons_rhs/training_icon.gif) }
.QL .Supplies { background-image:url(../../../../images/dashboard/icons_rhs/1staid_icon.gif) }

.FirstAiderRoles { border-collapse:collapse; border:1px solid #000; }
.FirstAiderRoles thead th { border-bottom:2px solid #000; border-right:1px solid #000; }
.FirstAiderRoles tbody td { border-bottom:1px dotted #000; font-size:0.8em; border-right:1px solid #000; text-align:center; }
.FirstAiderRoles tbody td img { margin:0 auto; }
.FirstAiderRoles tbody td.ImmTextAlign_Left{text-align: left;}

/**** Styles for progress menus ****/
.ProgressMenu ul { list-style:none; margin:0; padding:0; border:1px solid #000; float:left; height:1%; }
html>/**/body ul { height:auto; }
.ProgressMenu li { float:left; padding:0.2em;  margin:0; }
.ProgressMenu li span, .ProgressMenu li strong { line-height:1.35em; }
.ProgressMenu .CompletedItem {background: url(../../../../images/progress/Com-Com.gif) left top no-repeat #063; padding-left:25px; color:#fff; }
.ProgressMenu .SelectedItem { background: url(../../../../images/progress/Com-Sel.gif) left top no-repeat #000; padding-left:25px; color:#fff;  }
.ProgressMenu .NextItem { background: url(../../../../images/progress/Sel-Fut.gif) left top no-repeat; padding-left:25px; color:#666; }
.ProgressMenu .FutureItem { background: url(../../../../images/progress/Fut-Fut.gif) left top no-repeat; padding-left:25px; color:#666; }
.ProgressMenu li.FirstItem { background-image:none; padding-left:0.2em; }
.WorkplaceWizard .ProgressMenu li { width:10em; }

/*** override styles for fieldset lists for workplace wizard ***/
.WorkplaceWizard fieldset .Checkbox input { margin-left:1.5em; }
html>/**/body .WorkplaceWizard fieldset .Checkbox label { margin-left:2.5em; }
.WorkplaceWizard .btnSubmit { margin-left:1em; margin-top:1em; }
.WorkplaceWizard fieldset .OtherBox label { margin-left:2.5em; }
.WorkplaceWizard fieldset { margin-top:1em; }
.WorkplaceWizard legend { font-weight:bold; }


.PrivacyInformation { font-size:0.9em; }

/*** styles for sub-section pages ***/
.SubSection { width:50%; float:left; }
.SubSection h2 { color:#063; border-bottom: 1px solid #666; }
.SubSection .RightSection { padding-left:7px; }
.SubSection ul { list-style:none; margin:0; padding:0; font-size:0.9em; }
.SubSection li { background: url(/sja/images/bullet_green.gif) 0 0.3em no-repeat; padding-left:20px; margin-top:0.3em; }
.SubSection .MoreLink { font-size:0.8em; }

.PromoSection div.innerSplit { padding-left:0; }
.PromoSection { background:#EDEDED;  color:#007d51; border: #bdbdbd 1px solid; height:1%; }
html>/**/body .PromoSection { height:auto; }
#NewsSection .PromoSection h1, .PromoSection h2 { float:right; margin-left:-205px; margin-top:0.3em; width:100%; margin-right:auto; }
#NewsSection .PromoSection h1 span, .PromoSection h2 span { display:block; margin-left:205px; padding:0 0.3em; margin-right:auto;  }
.PromoSectionImg { float:left; width:200px; }
.PromoSection p { clear:right; padding:0 0.3em; font-size:0.9em; margin-bottom:0.5em; margin-left:205px; }
.PromoSection ul, #NewsSection .PromoSection ul { margin: 0.5em 0 0.2em 235px; list-style-type:square; font-size:0.9em; clear:right; }
html>/**/body .PromoSection ul, html>/**/body #NewsSection .PromoSection ul { margin-left:205px; }
.PromoSection .ButtonLink a { font-weight:bold; }

.RHSbox { font-size:0.9em; padding:0.2em; margin:0.5em 0; background:url(../../../../images/rhs_green_grad.jpg) repeat-x #007943; color:#fff; }
.RHSbox img { float:left; }
.RHSbox h3 { margin:0 0 0 55px }
.RHSbox p { margin:0 0 0 55px }
.RHSbox fieldset { margin:0 0 0 55px; border:none; padding:0; }
.RHSbox fieldset legend { display:none; }
.RHSbox label { width:auto; text-align:left; }
.RHSbox input { width:95%; }
#NewsBox .RHSbox a:link, #NewsBox .RHSbox a:hover, #NewsBox .RHSbox a:visited { color:#fff; }

/*** Override styles for fieldset lists for ePDQ ***/
.ePDQ fieldset .CheckboxLongDesc label {float:left;}
html>/**/body .ePDQ fieldset .Checkbox label { margin-left:14.5em;}
html>/**/body .ePDQ fieldset .CheckboxLongDesc label { float:none;margin-left:14.5em;}
.ePDQ fieldset .CheckboxTitle {margin-left:0.5em; width:auto; padding:0.5em 0em; text-align:left;}
.ePDQ fieldset label a { font-size:1em; }
.ePDQ ul { margin:0; padding:0; list-style:none; }
.ePDQ li {margin-top:0.25em;clear:both;}
.ePDQ fieldset .OtherBox label { margin-left: 14.5em; }

/*** Override ArticleIndex styles for news stories ***/
.news dl { margin-top:0; padding-top:0 }
.news a img { border:none; }
.news dt { font-size:1.1em; padding-top:0.5em; float:right; clear:both; width:100%; }
.news dt.WithPicture { margin-left:-220px; }
.news dt.WithPicture a { margin-left:220px; display:block; }
.news dd { clear:right; margin-left:0;  }
.news dd.WithPicture { margin-left:220px; }
.news dd.NewsPicture { margin-left:0; float:left; clear:none; padding:4px; width:208px; margin-top:0.5em; }
/*** Override for no news articles, even though template changed to use DL this is immediacy hard-coded
to output LI tag which on firefox and some browsers is too close to the left-hand menu ***/
.news li {margin-left: 1em;}

/*** lowercase variations to handle when immediacy reformats class names ***/
.news dt.withpicture { margin-left:-220px; }
.news dt.withpicture a { margin-left:220px; display:block;}
.news dd.withpicture { margin-left:220px; }
.news dd.newspicture { margin-left:0; float:left; clear:none; padding:4px; width:208px; margin-top:0.5em; }

/*** styles to override some of the Immediacy FormBuilder styles ***/

.ImmediacyFormBuilder .AspNet-CheckBoxList-Item, .ImmediacyFormBuilder .AspNet-RadioButtonList-Item { list-style: none; margin: 0; padding: 0; }

/*** override styles for buttonlink for Donate Now button ***/
.DonateNowButton a { margin:0 auto; color:#000; }
.DonateNowButton a { background: url(http://www.sja.org.uk/images/buttons/DonateButton.jpg);display:block; text-decoration:none; width:200px; height:80px }
.DonateNowButton a:hover { background-image: url(http://www.sja.org.uk/images/buttons/DonateButtonRollover.jpg); color:#000; }

/*social bookmarking icons*/
.social-bookmarks ul{margin:0;padding:0;width:120px;float:left;list-style-type:none;font-size:.9em}
.sb-icon{display: block; padding-left:18px;  background-repeat: no-repeat; }
.sb-icon{width: 120px; height: 16px; background-image: url(../../../../images/socialbookmarks-updated.png); margin:8px}
.sb-facebook {background-position:0 -32px}
.sb-twitter{background-position:0 -16px}
.sb-stumble-upon{background-position:0 -80px}
.sb-digg{background-position:0 -48px}
.sb-reddit{background-position:0 -64px}
.sb-delicious{background-position:0 0}

/*first aid quiz*/

/*.sja-first-aid-quiz .Question img{float:left;margin: 0 15px 15px 0}
.sja-first-aid-quiz .Question ul{list-style-type:none;}
.sja-first-aid-quiz .Answer{width:66%;float:left;padding-right:10px}
.sja-first-aid-quiz .VerticalCallToAction, .sja-first-aid-quiz .HorizontalCallToAction{margin-top:10px;border:solid 1px black; padding:10px}
.sja-first-aid-quiz .HorizontalCallToAction{clear:left}
.sja-first-aid-quiz .VerticalCallToAction{float:left;width:28%;}
.sja-first-aid-quiz .Solution img{float:left; border:solid 1px black; margin:0 15px 5px 0}
.sja-first-aid-quiz div.right,.sja-first-aid-quiz div.wrong{height:50px;overflow:visible}
.sja-first-aid-quiz div.right span, .sja-first-aid-quiz p.wrong span{display:block;width:90px;line-height:50px;float:right;background-repeat:no-repeat;padding-left:50px;vertical-align:middle;font-weight:bold;font-size:1.2em}
.sja-first-aid-quiz div.wrong span{background-image:url("../../../../images/cross.png")}
.sja-first-aid-quiz div.right span{background-image:url("../../../../images/big-tick.gif")}
.sja-first-aid-quiz p.MoreInfo{clear:both;text-align:right}*/

.sja-first-aid-quiz .Question img,.sja-first-aid-quiz .Answer img{float:left;margin: 0 15px 15px 0}
.sja-first-aid-quiz .Question ul{list-style-type:none;}
/*.sja-first-aid-quiz .Answer{width:66%;float:left;padding-right:10px}*/
.sja-first-aid-quiz .VerticalCallToAction, .sja-first-aid-quiz .HorizontalCallToAction{margin-top:10px;border:solid 1px black; padding:10px;}
.sja-first-aid-quiz .HorizontalCallToAction{clear:left}
.sja-first-aid-quiz .VerticalCallToAction{float:left;width:28%;}
.sja-first-aid-quiz .Solution img{float:left; border:solid 1px black; margin:0 15px 5px 0}
.sja-first-aid-quiz div.right,.sja-first-aid-quiz div.wrong{min-height:50px;overflow:visible;}
.sja-first-aid-quiz div.right span, .sja-first-aid-quiz div.wrong span{display:block;width:90px;line-height:50px;float:right;background-repeat:no-repeat;padding-left:50px;vertical-align:middle;font-weight:bold;font-size:1.2em}
.sja-first-aid-quiz div.Results div.right,.sja-first-aid-quiz div.Results div.wrong{background-repeat:no-repeat;background-position:top right}
/*.sja-first-aid-quiz div.Results p.answer{min-height:50px;padding-right:50px}*/
.sja-first-aid-quiz div.wrong span,.sja-first-aid-quiz div.Results div.wrong{background-image:url("../../../../images/cross.png")}
.sja-first-aid-quiz div.right span,.sja-first-aid-quiz div.Results div.right{background-image:url("../../../../images/big-tick.gif")}
.sja-first-aid-quiz p.MoreInfo{clear:both;text-align:right}
.sja-first-aid-quiz p.CorrectAnswer{font-style: italic;margin:0}
.sja-first-aid-quiz div.Results div.wrong,.sja-first-aid-quiz div.Results div.right{padding-right:50px;background-position:100% 70%}
.sja-first-aid-quiz div.Results p.MoreInfo{text-align:left; margin:0}
.sja-first-aid-quiz div.Results p.answer{margin:0}
.sja-first-aid-quiz div.Results{border: solid 1px black;padding:5px}
.sja-first-aid-quiz div.Results .footer{text-align:right}



/******************************************/
/*** Checkout and online booking styles ***/
/*** Added 09/03/10                     ***/
/******************************************/

.CheckoutPage .Keyline { border-bottom: 1px solid #000; padding-bottom:0.5em; }
html > body .CheckoutPage #outerContainer { margin-top: 3em; }
.CheckoutPage #content { margin: 2em 14em 0 12.5em; }

.ProgressBar { border-collapse:collapse; border-spacing:0; border:1px solid #000; margin-top:1em; margin-left:14em; }
.ProgressBar td { width:8em; text-align:center; font-weight:bold; border:1px solid #000;  }
.ProgressCurrent { background:#c3dcbe; }
.ProgressPast { background:#e1e1e1; }

.LoginFrm h2 { margin-bottom:0; }

.CheckoutPage fieldset li { clear:both; margin-top:0.6em; }
.CheckoutPage fieldset label { width:12em; }
.CheckoutPage fieldset .FieldLabel { width:10em; float:left; clear:both; text-align:right; margin-right: 0.5em; }
.CheckoutPage fieldset span.Address {float:left;display:block;}
fieldset.LoginFrm label { width:6em; }
fieldset.LoginFrm .Checkbox label { width:auto; float:none; clear: none; text-align:left; margin-left:0.5em;margin-right:0; display:inline; }
fieldset.LoginFrm .Checkbox input { margin-left:6em; }
fieldset.LoginFrm .Checkbox .Password label { margin: 0; }
fieldset.LoginFrm .Checkbox .Password input { margin:0; clear: none; float: none; }

.Smaller {font-size:0.8em;}

.ForwardBackNav { float:left; width:100%; list-style:none; margin:1em 0; padding:0; }
.ForwardBackNav li { width:50%; float:left; }
.ForwardBackNav li.ForwardNav { float:right; text-align:right; }

.ErrorSummary, .ShoppingBasket .ErrorSummary {border: 2px solid #f00; background-color:#FFE; color:#f00;padding:0.5em;}

.CourseDetails { border:none; border-collapse:collapse; border-spacing:0; }
.CourseDetails th { vertical-align:top; text-align:right; padding-top:0.3em; }
.CourseDetails td { padding-left:1em; padding-top:0.3em;}

.AltCost { font-size:0.8em; color:#063; }

.EnteredStudents { border-collapse:collapse; border-spacing:0; margin-left:0.3em; }
.EnteredStudents th { border-bottom:1px solid #000; width:10em; text-align:left; padding-left:0.5em; }
.EnteredStudents th.ImmTextAlign_Right { text-align:right; width:5em; }
.EnteredStudents td { padding-left:0.5em; }
.EnteredStudents .AlternateRow { background-color:#e1e1e1; }
.EnteredStudents .TotalRow { font-weight:bold; border-top:1px solid #ededed; }
.SubTotalTextCell { font-size:0.8em; text-align:right; }
.SubTotalValueCell, .ShoppingBasket tfoot td.SubTotalValueCell { border-top: solid #000 2px; text-align:right;}
.VatValueCell { border-bottom:double #000 3px; text-align:right; }

.NewStudent fieldset ul { float:left; }
.NewStudent fieldset li { float:left; width:10em; margin-right:0.5em; clear:none; }
.NewStudent fieldset label { text-align:left; width:100%;}
html > body .NewStudent fieldset label { margin-left: 0; }
.NewStudent input { width:90%; }
.NewStudent .Checkbox { margin-top:1.2em; display:block; }
.NewStudent .Checkbox input { width:auto; margin-left:0; }
.NewStudent .btnSubmit { margin-left:0; display:block; margin-top:1.2em; }

.ShoppingBasket table { border-spacing:0; border-collapse:collapse; width:100%; font-size:0.9em; }
.ShoppingBasket th { text-align:left; border-bottom:2px solid #000; }
.ShoppingBasket th.ImmTextAlign_Right { text-align:right; width:5em; }
.ShoppingBasket td { border-top:1px solid #000; }
.ShoppingBasket tfoot td { border-top:none; }
.ShoppingBasket .FirstRow td { border-top:none; }
.ShoppingBasket .Smaller td { border-top:none; }
.ShoppingBasket .TotalRow { font-weight:bold; }
.ShoppingBasket .CourseColumn {}
.ShoppingBasket .RemoveColumn { width:8em;}
.ShoppingBasket .StudentDetailColumn { width:10em;}
.ShoppingBasket .StudentQuantityColumn { text-align:right; width:2em; padding-right:0.5em; }
.ShoppingBasket .EditColumn { width:6.5em;}
.ShoppingBasket .CourseDateColumn { width:6.0em;}
.ShoppingBasket .TrainingVenueColumn { width:10em; }
.ShoppingBasket div { padding:0.2em; border:1px solid #000; margin-top: 1em; background:#ededed; }
.ShoppingBasket .BookCourses { background: #c3dcbe;}
.ShoppingBasket h2 { margin:0.2em 0; }
.ShoppingBasket .ErrorCell { color:#f00; }