body { font:1em Arial, Helvetica, sans-serif; margin:0; padding:0; background-color:#fff; }
form { margin: 0.4em; }
.Heading1,h1 { font-size: 1.4em; margin-top:0em; }

.Heading2,h2 { font-size:1.2em;  }

.Heading3,h3 { font-size: 1.15em; }

.Heading4,h4 { font-size:1.1em; }

.Heading5,h5	{ font-size:1em; }

.Heading6,h6 { font-size:1em; font-style:italic; }

.Normal,p {font-size:1em;}

.ImmTextAlign_Left{text-align: left;}

a img { border:none; }

.keyline { background:transparent url(../images/keyline/left-top-border.gif) no-repeat scroll left top; 
border-right:1px solid #000000; padding:0.25em 0.3em 1em; }
.CheckoutPage .keyline { border-bottom: 1px solid #000; padding-bottom:0.5em; }
#Logo { padding:10px; }

a:link { color:#063; }
a:visited { color:#00331a; }
a:hover { color:#f00; }

.OuterContainer { margin-left: -12em; width:100%; float:right; margin-top:3em;  }
.InnerContainer { margin-right:-14em; width:100%; float:left; }
.Main { margin:2em 14em 0 12.5em; }
.LeftNav {width:11.5em; }
.RightNav { width:13em; }
.LeftNav { /* margin-top:5em;*/ margin: 1.3em 0.2em 0 0; padding:0; }
.RightNav { margin-top:2em; float:right; }
/*.keyline img { padding:12px; }*/

.RightNav fieldset ul { list-style: none; padding:0; margin:0;}
.RightNav fieldset select { width:90%; }
/* Navigation styles */

#SiteNavigation { position:absolute; top:105px; left:0em; padding:0; width:100%; margin-left:-0.4em; float:left; min-width:760px;}

 

#MainNav { background: #016131 url(/sja/images/BannerBar.jpg) no-repeat left top; height:2.05em; margin-left:0.75em;	}
* html #MainNav { height:2em; }
*+html #MainNav { height:2em; }
:root #MainNav { height:2em; }

#MainNav h3 { color:#fff; }
#MainNav ul { list-style:none; padding:0; margin:0; font-size:0.8em; width: 60em;	}
#MainNav li { /*background:#000;*/ float:left; display:inline; line-height:2.5em; font-weight:bold;}

#MainNav A { display:block; float:left;	height: 2.5em; line-height:2.5em; padding:0 0.5em; white-space:nowrap; font-weight: bold; text-decoration:none; }
#MainNav A:link { color:#fff; }
#MainNav A:visited { color:#e1e1e1; }
#MainNav A:hover { background:#000; color:#fff; }

/* set the active section */
#MainNav A.ActiveMenu, #SectionHome #MainNav .Home {	background:#000; color:#fff;	}	

/* Breadcrumb styles */
#bread { /*width:100%;*/ text-align:left; color:#000; clear:both; margin-top:1em; margin-left:-0.4em; }
#bread div { margin-left:14em;	padding-bottom:0.25em; }
#bread h3 {	display:none; }
#bread ul { display:inline; list-style:none; margin:0; padding:0; font-size:0.8em; }
#bread li {	display:inline;	font-weight:bold; }
#bread a { font-weight:normal; font-size:1em; }	

/* hide elements from visual display */
.NoShow { position:absolute; left:-9000px; }

/* spacer line for ie */
.clear {clear:both; font-size:1px; height:1px;}

/* LeftNav override styles */
.LeftNav h3 { margin:0;	padding: 0.2em; background:#000; color:#fff; }
#LeftNavLinks ul { list-style: none; margin:0; padding:0; font-size:0.9em; }
#LeftNavLinks h2 { font-size:1.1em; }

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

/* LeftNavLinks Level 1 Selected Link */
#LeftNavLinks li.CurrentPage a:link { background: #b0c721; color:#000; font-weight:bold; }
#LeftNavLinks li.CurrentPage a:visited { background: #b0c721; color:#000; font-weight:bold; }

/* LeftNavLinks Level 2 */
#LeftNavLinks ul ul { background:#fff; margin-bottom:0; }
#LeftNavLinks li li a { padding: 0.2em 0.2em 0.3em 20px; }
#LeftNavLinks li li a:link { background: url(http://www.sja.org.uk/sja/images/bullets/white-bullet-dkGreen.gif) 10px 0.6em no-repeat #0f6734; }
#LeftNavLinks li li a:visited { background: url(http://www.sja.org.uk/sja/images/bullets/white-bullet-dkGreen.gif) 10px 0.6em no-repeat #0f6734; }
#LeftNavLinks li li a:hover { background: url(http://www.sja.org.uk/sja/images/bullets/white-bullet-mdGreen.gif) 10px 0.6em no-repeat #65b722; color:#fff; }

/* Override styles for selected parent page */
#LeftNavLinks li.CurrentPage li a:link { background: url(http://www.sja.org.uk/sja/images/bullets/white-bullet-dkGreen.gif) 10px 0.6em no-repeat #0f6734; color:#fff; font-weight:normal; }
#LeftNavLinks li.CurrentPage li a:visited { background: url(http://www.sja.org.uk/sja/images/bullets/white-bullet-dkGreen.gif) 10px 0.6em no-repeat #0f6734; color:#fff; font-weight:normal; }
#LeftNavLinks li.CurrentPage li a:hover { background: url(http://www.sja.org.uk/sja/images/bullets/white-bullet-mdGreen.gif) 10px 0.6em no-repeat #65b722; color:#fff; font-weight:normal; }

/* Level 2 page selected */
#LeftNavLinks li li.CurrentPage a:link { background: url(http://www.sja.org.uk/sja/images/bullets/white-bullet.gif) 10px 0.6em no-repeat #b0c721; color:#000; }
#LeftNavLinks li li.CurrentPage a:visited {background: url(http://www.sja.org.uk/sja/images/bullets/white-bullet.gif) 10px 0.6em no-repeat #b0c721; color:#000;}
#LeftNavLinks li li.CurrentPage a:hover { cursor:default;}

/* LeftNavLinks Level 3 */
#LeftNavLinks ul ul ul { background:#fff; margin-bottom:0; font-size:0.8em; }
#LeftNavLinks li li li a { padding: 0.2em 0.2em 0.3em 35px; }
#LeftNavLinks li li li a:link { background: url(http://www.sja.org.uk/sja/images/bullets/white-line.gif) 25px 0.8em no-repeat #0f6734; }
#LeftNavLinks li li li a:visited { background: url(http://www.sja.org.uk/sja/images/bullets/white-line.gif) 25px 0.8em no-repeat #0f6734; }
#LeftNavLinks li li li a:hover { background: url(http://www.sja.org.uk/sja/images/bullets/white-line.gif) 25px 0.8em no-repeat #65b722; color:#fff; }

/* Override styles for selected grandparent page */
#LeftNavLinks li.CurrentPage li li a:link { background: url(http://www.sja.org.uk/sja/images/bullets/white-line.gif) 25px 0.8em no-repeat #0f6734; color:#fff; font-weight:normal; }
#LeftNavLinks li.CurrentPage li li a:visited { background: url(http://www.sja.org.uk/sja/images/bullets/white-line.gif) 25px 0.8em no-repeat #0f6734; color:#fff; font-weight:normal; }
#LeftNavLinks li.CurrentPage li li a:hover { background: url(http://www.sja.org.uk/sja/images/bullets/white-line.gif) 25px 0.8em no-repeat #65b722; color:#fff; font-weight:normal; }
/* Override styles for selected parent page */
#LeftNavLinks li li.CurrentPage li a:link { background: url(http://www.sja.org.uk/sja/images/bullets/white-line.gif) 25px 0.8em no-repeat #0f6734; color:#fff; font-weight:normal; }
#LeftNavLinks li li.CurrentPage li a:visited { background: url(http://www.sja.org.uk/sja/images/bullets/white-line.gif) 25px 0.8em no-repeat #0f6734; color:#fff; font-weight:normal; }
#LeftNavLinks li li.CurrentPage li a:hover { background: url(http://www.sja.org.uk/sja/images/bullets/white-line.gif) 25px 0.8em no-repeat #65b722; color:#fff; font-weight:normal; }

/* Level 3 page selected */
#LeftNavLinks li li li.CurrentPage a:link { background: url(http://www.sja.org.uk/sja/images/bullets/black-line.gif) 25px 0.8em no-repeat #b0c721; color:#000; }
#LeftNavLinks li li li.CurrentPage a:visited {background: url(http://www.sja.org.uk/sja/images/bullets/black-line.gif) 25px 0.8em no-repeat #b0c721; color:#000;}
#LeftNavLinks li li li.CurrentPage a:hover { cursor:default;}

.Lyris {  background: url(http://www.sja.org.uk/sja/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; }
.Lyris fieldset legend { position: absolute; left:-9000px }
.Lyris label { text-align:left; width: auto; float: none; }
.Lyris input { width: 95%; }
.Lyris a { color:#ff0; }

.contentImage { float:right; padding:0.5em; border: 2px solid #bfbfbf; margin:0 0.5em 0.5em 1em; }
.SplitColumn { width:100%; clear:both; }
.HalfColumn { float:left; width: 45%; margin:0 2%  }

.CustSegment { width:97%; clear:both; font-size:0.8em; border:1px solid #063; padding:0.2em; }
.CustSegment h2 { font-size:1em; margin:0.5em 0 0; display:inline;/**/ }
.CustSegment h2:after { content: ":" }
.CustSegment dl { display:inline; }
.CustSegment dt { position:absolute; left:-9000px; }
.CustSegment dd { border-right: 1px solid #000; display:inline; padding:0 0.3em; margin:0; }
.CustSegment dd.FirstLink { padding-left:0; }
.CustSegment div { display:inline; }
.CustSegment a { padding-left:0.3em; }

#TopRightLinks { padding:0.4em;  }
#TopRightLinks h2 { margin: 0.5em 0 0.3em; }
#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;}

.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;}
#courseFinder { width:100%; }
/*#courseFinder dt { font-weight:bold; display:none }
#courseFinder dd { display:inline; margin:0; padding:0 0.3em 0 0; }*/
#courseFinder h2 { clear:both; margin:0.3em 0; }

.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; }
/*.SearchLocation h2, .SearchLocation p { display:inline; }*/

.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 { width:100%; margin:1em 0; text-align:center; }
.ButtonLink a { margin:0 auto; color:#000; text-decoration:none; }
.ButtonLink a.ShowButton { background: url(../images/buttons/button-greybg_background.gif) top left repeat-x; display:block;float:left;  }
.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; }

#courseFinder h2 { font-weight:normal; }

.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; border-collapse:collapse; border-spacing:0; }
.CourseSearchResults .OddRow { background-color:#ededed; }
.CourseSearchResults .CourseDates { width:12em;}
.CourseSearchResults .CourseTimes { width:8em; }
.CourseSearchResults .CoursePlaces { width:3em; text-align:right; }
.CourseSearchResults td.CoursePlaces { padding-right:0.5em; }
.CourseSearchResults .CourseCost { width:9em;/*4.5em*/ text-align:right; }
.CourseSearchResults td.CourseCost { padding-right:0.5em; }
.AltCost { font-size:0.8em; color:#063; }
.CourseSearchResults th {  text-align:left; }
.CourseSearchResults .MoreLinkUl ul { list-style:none; margin:0 0 1em 1.2em; padding:0; }
.CourseSearchResults td { vertical-align:top; }

fieldset ul { list-style:none; margin:0; padding:0; }
fieldset li { margin-top:0.3em; }
.CheckoutPage fieldset li { clear:both; margin-top:0.6em; }
fieldset label, fieldset .FieldLabel { width:10em; float:left; clear:both; text-align:right; margin-right:0.5em; }
.CheckoutPage fieldset label { width:12em; }
.CheckoutPage fieldset span.Address {float:left;display:block;}
fieldset.LoginFrm label { width:6em; }
fieldset .Checkbox label, fieldset .OtherBox label { width:auto; float:none; clear:none; text-align:left; margin-left:0.5em; margin-right:0; }
fieldset .Checkbox input { margin-left:10.5em; clear:both; float:left; }
fieldset.LoginFrm .Checkbox input { margin-left:6em; }
/*fieldset .Checkbox label { display:block; margin-left:10.5em; }*/
fieldset .OtherBox { clear:both; }
fieldset .OtherBox label { margin-left:10.5em; }
fieldset .Checkbox .Password label { margin:0; }
fieldset .Checkbox .Password input { margin:0; clear:none; float:none; }
fieldset table.Checkbox input { margin-left:1em; }
.RequiredItem { font-size:1.25em; color:#f00; }
.btnSubmit { margin-left:10.5em; }
html>/**/body .btnSubmit { margin-left:12.5em }
fieldset label a { font-size:0.8em; }
fieldset.SupplementaryTCs .Checkbox input { margin-left:1em; }

.WorkplaceWizard fieldset .Checkbox input { margin-left:1.5em; }
/*.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; }

.LoginFrm h2 { margin-bottom:0; }
/*lee added for login page
.LoginFrm {width:40em; }
.LoginFrm dl dd label{font-size:1em; border:0px solid #000; width:14em; text-align:left; margin:0; left:0; float:left;}
.LoginFrm dl dt a:link{width:14em; color:blue; font-size:1em; float:left; margin-top:0em; margin-bottom:0em; width:24em;} 
.LoginFrm dl dt{font-size:1em; border:0px solid #000; width:54em; text-align:left; margin:0; left:0; }
.LoginFrm dd ul li label{font-size:1em; width:12em; margin-bottom:0em; border:0px solid #000; }
.LoginFrm ul li a:link{width:1em; clear:both; color:blue; font-size:1em; float:left; margin-top:0em; margin-bottom:0em; width:24em;} 
*/
 

.QL { background:#00b465; color:#fff; }
.QL h2 { background: url(../images/rhsgreen-corner.gif) top left no-repeat; font-weight:normal; padding:0.3em 0 0.3em 25px; margin:0; border-bottom:#009352 1px solid; }
.QL ul { list-style:none; margin:0; padding:0; font-size:0.8em; border-top:#37c486 1px solid; }
.QL li { margin:0; padding:0; border-bottom:#15BA72 1px solid; }
.QL a { display:block; padding:0.3em 0 0.3em 55px; 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/icons_rhs/newsletter_icon.gif) }
.QL .Newsletter:hover { background-image:url(../images/icons_rhs/hover/newsletter_icon.gif) }
.QL .CourseSearch { background-image:url(../images/icons_rhs/course_icon.gif) }
.QL .InCompany { background-image:url(../images/icons_rhs/training_prem_icon.gif) }
.QL .Download { background-image:url(../images/icons_rhs/download_icon.gif) }
.QL .Venues { background-image:url(../images/icons_rhs/training_icon.gif) }
.QL .Supplies { background-image:url(../images/icons_rhs/1staid_icon.gif) }

/*.SharePage { border:#6fbc9a 1px solid; background:#cbf4e2; margin-top:0.5em; }*/
.SharePage ul { list-style:none; margin:0; padding:0; /*font-size:0.8em;*/ }
.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/icons_rhs/small_bookmark.gif);}
.SharePage .Email { background-image:url(../images/icons_rhs/small_email.gif);}
.SharePage .Print { background-image:url(../images/icons_rhs/small_print.gif);}

.EmailContainer { position:absolute; padding-top:100px; background:url(../images/transparent.gif) repeat; top:0; left:0; width:100%;}
.EmailPage { width:26.5em; height:350px; background:#063; padding:0.5em; margin:0 auto; }
.EmailPage iframe { background:#fff; border:none; }
.EmailPageHeader h1 { font-size:1em; color:#fff; float:left;  }
.EmailPageHeader span { font-size:0.8em; float:right; }
.EmailPageHeader a { color:#fff; }

.Smaller { font-size:0.8em; }
 
#TopRightLinks { padding:0.4em;  }
#TopRightLinks h2 { margin: 0.5em 0 0.3em; }
#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;}

.contentImage { float:right; padding:0.5em; border: 2px solid #bfbfbf; margin:0 0.5em 0.5em 1em; }

.CourseInfoPanel { background:#e1e1e1; font-size:0.9em; margin:0.3em 0; padding:0.3em; border:1px solid #063; }
.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; }

.PrivacyInformation { font-size:0.9em; }

.ProgressMenu ul { list-style:none; margin:0; padding:0; border:1px solid #000; float:left; }
.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; }

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

.NewStudent fieldset ul { float:left; }
.NewStudent fieldset li { float:left; width:10em; margin-right:0.5em; }
.NewStudent fieldset label { text-align:left; width:100%; }
.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; }

.ImmTextAlign_Right{text-align: right;}
.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; }

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

.ShoppingBasket table { border-spacing:none; 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; }

.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; }
.CardSymbols { margin-top:2em; }

/* Checkout */
.PasswordBox { margin-top:-1.2em; display:block; margin-left:25em; }
.CheckoutPage #SubNav { margin-top:3.5em; }
.CheckoutPage .OuterContainer { margin-top:1em; }

.ProgressBar { border-collapse:collapse; border-spacing:none; 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; }

/* ----------------------- Search and utility links --------------------- */
#Search { position:absolute; top:1.5em; right:1.5em; text-align:right; clear:both; z-index:20; 	font-size:0.7em; }
	
#SubNav { float:right; width:31em; clear:right; margin-top:1.5em;  }
html>/**/body #SubNav div { float:left; width: 8em; }
:root #SubNav, :root #SubNav div { width:auto }
* html #SubNav { width:auto }
*+html #SubNav { width:auto }

#Search ul { list-style:none; float:left; margin:0;	padding:0; }
#Search ul.NavList {float:left; width:23em;  }
:root #Search ul.NavList { width:auto; }
* html #Search ul.NavList { width:auto; }
*+html #Search ul.NavList { width:auto; }

#Search li { margin:0; padding:0; }

#Search ul.NavList li {	display:block; float:left; padding: 0 0.8em; margin-top:3px; /*border-right: solid 0.2em;*/	}

/*#Search h3 { float:left; clear:none; margin: 5px 0 0; padding:0 5px 0 0.75em; border:0;	font-weight:normal;	font-size:1em; }*/

/*\*//*/
#Search h3 { display:none; }
#Search ul.NavList li {display: inline; }
/**/

#Search #SubNav h3 { margin: 3px 0 0 0.2em; line-height:130%; }
html>body #Search #SubNav h3 { margin-right:3px; }

#Search ul#fonts { width: 8em; }
:root #Search ul#fonts { width: auto; }
* html #Search ul#fonts { width: auto; }
*+html #Search ul#fonts { width: auto; }

#Search ul#fonts li { margin-left:5px; float:left; }

ul#fonts li a:link, ul#fonts li a:visited { color:#fff; text-decoration:none; font:bold 0.9em Arial, Helvetica, sans-serif; background:#000; border:#666 solid 1px; height: 18px; line-height:18px; width:20px; text-align:center; border-color:#ccc #999 #999 #ccc; display:block; float:left; vertical-align:bottom; }
html>body ul#fonts li a {min-width:20px; width:auto; }

ul#fonts li a:hover, ul#fonts li a:active, ul#fonts li a:focus { border-color:#999 #ccc #ccc #999; background:#666; }
ul#fonts li.sma a:link, ul#fonts li.sma a:visited { border-color:#000 #999 #999 #000; background:#063; cursor/**/:/**/text }

ul#fonts li.med a:link, ul#fonts li.med a:visited { font-size:1.2em; }
ul#fonts li.lar a:link, ul#fonts li.lar a:visited { font-size:1.4em; }

#Search #SubNav p { clear: left; margin:0; padding-top:0.1em; font-size:0.9em; text-align:right;}

#Search .clear { width:1px; }

#Search div#SearchFrm { clear:both; margin:0 0 5px; float:right; }
#Search div#SearchFrm input#Qu, #Search div#SearchFrm input.Qu { width:20em; }
#Search div#SearchFrm { margin:0; }

#SubNav a:link { color:#063; text-decoration:none; font-weight:bold; }
#SubNav a:visited { color:#004C26; }
#SubNav a:hover, #SubNav a:focus { color:#f00; text-decoration:underline; }


	/* These styles used in the supplied templates */
	#SubNav A { font-weight:bold; }
	#SubNav A:link	{ color:#063; text-decoration:none;}
	#SubNav A:visited { color:#063; text-decoration:none; }
	#SubNav A:hover	{color:#999999;}
	
/* Footer formatting info */
#Footer { width: 98%; float:left; }
html>/**/body #Footer { width:100%; }
#Footer img { float:right; }
#Footer .AddressDetails { background-color:#000; color:#fff; line-height:2.5em; font-size:0.8em; margin-top:30px; padding-left:0.5em; font-weight:bold; }
#Footer .CompanyDetails { font-size:0.7em; margin-top:1em; }
#Footer #Copyright { font-size:0.65em; margin-top:1em; }


.BodyOverlay { opacity:0.6; background-color:#000; position:fixed; top:0; left:0; width:100%; height:100%; }
.DisplayWindow { position:fixed; top:20%; left:398px; width:450px; border:3px solid #000; background:#063; color:#fff; padding-left:10px; }