﻿.CheckoutSteps { margin:1em 0; }
.CheckoutSteps ul { list-style:none; margin:0; padding:0; }
.CheckoutSteps li { border:1px solid #063; width:14%; margin-right:5%; float:left; padding:0.2em; }
.CheckoutSteps li.ActiveItem { background-color:#063; color:#fff; }
.CheckoutSteps li.CompletedItem { background-color: #e1e1e1; }
.CheckoutSteps dt { color:#063; font-weight:bold; }
.CheckoutSteps .ActiveItem dt { color:#fff; }
.CheckoutSteps dd { margin:0.5em 0; font-size:0.9em }

#ContentArea { float: right; width: 100%; margin-left: -14em;}
.MainContent { float: left; width: 100%; margin-right: -14em;}

.Content { margin:3.5em 0 0 14em;} 
.MainContent .Content { margin-right:14em; }
.ContentBanner {padding:0; height: 200px; color:#fff; overflow:hidden;}

.ContentText { margin-top:1em;}
.ContentText .ButtonLink a { padding:0.3em 1.5em; margin:0.5em 0 0.2em; display:block; float:left; text-decoration:none; font-size:1.1em; font-weight:bold; }
.ContentText .ButtonLink a.ShowButton { padding:0; height:33px; }
html>/**/body .ContentText .ButtonLink a.ShowButton { height:auto; min-height:33px; }
.ContentText .ButtonLink a:link, .ContentText .ButtonLink a:visited { background:#063 url(../../../../images/buttons/MedDkGreenWhiteBtn_Slice.gif) repeat-x top left; color:#fff; }
.ContentText .ButtonLink a:link span, .ContentText .ButtonLink a:visited span { background:url(../../../../images/buttons/MedDkGreenWhiteBtn_Left.gif) no-repeat top left; display:block; }
.ContentText .ButtonLink a:link span span, .ContentText .ButtonLink a:visited span span { background:url(../../../../images/buttons/MedDkGreenWhiteBtn_Right.gif) no-repeat top right; display:block; padding:0.4em 1em;}
.ContentText .ButtonLink a:hover, .ContentText .ButtonLink a:focus { background:#4b1966 url(../../../../images/buttons/MedDkGreenWhiteBtn_Slice_f2.gif) repeat-x top left; color:#fff; }
.ContentText .ButtonLink a:hover span, .ContentText .ButtonLink a:focus span { background:url(../../../../images/buttons/MedDkGreenWhiteBtn_Left_f2.gif) no-repeat top left; display:block; }
.ContentText .ButtonLink a:hover span span, .ContentText .ButtonLink a:focus span span { background:url(../../../../images/buttons/MedDkGreenWhiteBtn_Right_f2.gif) no-repeat top right; display:block; padding:0.4em 1em; }

.ContentText .SmallButtonLink a { padding:0.3em 1.5em; margin:0.5em 0 0.2em; display:block; float:left; text-decoration:none; font-size:0.8em; font-weight:bold; }
.ContentText .SmallButtonLink a.ShowButton { padding:0; height:26px; }
html>/**/body .ContentText .SmallButtonLink a.ShowButton { height:auto; min-height:23px; }
.ContentText .SmallButtonLink a:link, .ContentText .SmallButtonLink a:visited { background:#a68cb3 url(../../../../images/buttons/SmLtPurpleBtn_Slice.gif) repeat-x top left; color:#000; }
.ContentText .SmallButtonLink a:link span, .ContentText .SmallButtonLink a:visited span { background:url(../../../../images/buttons/SmLtPurpleBtn_Left.gif) no-repeat top left; display:block; }
.ContentText .SmallButtonLink a:link span span, .ContentText .SmallButtonLink a:visited span span { background:url(../../../../images/buttons/SmLtPurpleBtn_Right.gif) no-repeat top right; display:block; padding:0.43em 1em;}
.ContentText .SmallButtonLink a:hover, .ContentText .SmallButtonLink a:focus { background:#4b1966 url(../../../../images/buttons/SmLtPurpleBtn_Slice_f2.gif) repeat-x top left; color:#fff; }
.ContentText .SmallButtonLink a:hover span, .ContentText .SmallButtonLink a:focus span { background:url(../../../../images/buttons/SmLtPurpleBtn_Left_f2.gif) no-repeat top left; display:block; }
.ContentText .SmallButtonLink a:hover span span, .ContentText .SmallButtonLink a:focus span span { background:url(../../../../images/buttons/SmLtPurpleBtn_Right_f2.gif) no-repeat top right; display:block; padding:0.43em 1em; }

.Content h2 { clear:left; }
.Content .FurtherLinks { border-bottom:3px solid #8098AA; }
.Content .FurtherLinks h2 { color:#002F55; border-top:3px solid #8098AA; margin-top:1em; padding-top:1em; }

.LeftContent { float: left; width: 13em; padding:0; margin-top:1.5em;}
.RightContent { float: right; width: 12.5em; padding:0; margin-top:3.2em;}

/* Left content navigation styles */
.LeftContent h2 { color:#063; font-size:1.1em; margin:0 0 0.5em 0; font-weight:normal;}
.LeftContent ul { list-style:none; margin:0; padding:0; font-size:0.9em; }

/* Level 1 */
.LeftContent li { margin:0.1em 0 0; padding:0;}
.LeftContent li a {display:block; height:1%; text-decoration:none; font-size:1em; /*margin:0; padding:0;*/}
html>body .LeftContent li a { height:auto; }
.LeftContent li a span { display:block; padding:0.5em 1em 0.5em 0.3em; }
.LeftContent li a:link, .LeftContent li a:visited {background:#063 url(../../../../images/LargeButton.jpg) no-repeat top left; color:#fff; }
.LeftContent li a:hover {background:#000; color:#fff;}

/* Level 1 selected */
.LeftContent li.CurrentPage a:link, .LeftContent li.CurrentPage a:visited {background:#000;color:#fff;}

/* Level 2 */
.LeftContent 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 */
.LeftContent li.CurrentPage li a:link, .LeftContent li.CurrentPage li a:visited {background:#063 url(../../../../images/LargeButton.jpg) no-repeat top left; color:#fff; }
.LeftContent li.CurrentPage li a:hover {background:#000; color:#fff;}

/* Level 2 selected */
.LeftContent li li.CurrentPage a:link, .LeftContent li li.CurrentPage a:visited { background:#000;color:#fff; }

/* Level 2 selected / Level 3 not */
.LeftContent li li.CurrentPage li a:link, .LeftContent li li.CurrentPage li a:visited {background:#063 url(../../../../images/LargeButton.jpg) no-repeat top left; color:#fff; }
.LeftContent li li.CurrentPage li a:hover {background:#000; color:#fff;}

/* Level 3 */
.LeftContent li li li a span { padding-left:40px; background-image:url(../../../../images/bullets/LeftMenuDash.gif); background-repeat: no-repeat; background-position: 30px 1em; }

/*Right content */
.RightContent h2 { font-size:1.1em; color:#4b1966; clear:both; margin-top:1em; }
.RightContent div:first-child h2 {margin-top:0;}
.RightContent ul { list-style:none; margin:0; padding:0; font-size:0.9em; }
.RightContent li { margin:0.2em 0; }

/* Boxes in RHS column */
.RightContent .UtilityBox { border-top:3px solid #a68cb3; padding-top:1em; margin-top:0.5em; }
.RightContent .UtilityBox h2 { margin-top:0; }
.RightContent .UtilityBox fieldset { border:none; margin:0; padding:0; }
.RightContent .UtilityBox fieldset legend span { position:absolute; left:-9000px; }
.RightContent .UtilityBox fieldset label { text-align:left; width:100%; margin-right:0; }
.RightContent .UtilityBox fieldset input { width:100%; }

/* Link buttons in RHS column */
.RightContent .SmallButtonLink a { padding:0.3em 1.5em; margin:0.5em 0 0.2em; display:block; float:left; text-decoration:none; font-size:0.8em; font-weight:bold; }
.RightContent .SmallButtonLink a.ShowButton { padding:0; height:26px; }
html>/**/body .RightContent .SmallButtonLink a.ShowButton { height:auto; min-height:23px; }
.RightContent .SmallButtonLink a:link, .RightContent .SmallButtonLink a:visited { background:#a68cb3 url(../../../../images/buttons/SmLtPurpleBtn_Slice.gif) repeat-x top left; color:#000; }
.RightContent .SmallButtonLink a:link span, .RightContent .SmallButtonLink a:visited span { background:url(../../../../images/buttons/SmLtPurpleBtn_Left.gif) no-repeat top left; display:block; }
.RightContent .SmallButtonLink a:link span span, .RightContent .SmallButtonLink a:visited span span { background:url(../../../../images/buttons/SmLtPurpleBtn_Right.gif) no-repeat top right; display:block; padding:0.43em 1em;}
.RightContent .SmallButtonLink a:hover, .RightContent .SmallButtonLink a:focus { background:#4b1966 url(../../../../images/buttons/SmLtPurpleBtn_Slice_f2.gif) repeat-x top left; color:#fff; }
.RightContent .SmallButtonLink a:hover span, .RightContent .SmallButtonLink a:focus span { background:url(../../../../images/buttons/SmLtPurpleBtn_Left_f2.gif) no-repeat top left; display:block; }
.RightContent .SmallButtonLink a:hover span span, .RightContent .SmallButtonLink a:focus span span { background:url(../../../../images/buttons/SmLtPurpleBtn_Right_f2.gif) no-repeat top right; display:block; padding:0.43em 1em; }

/*
.MoreButton { margin-bottom:1em; margin-left:0.5em;}
.MoreButton a { display:block; float:left; text-decoration:none; padding:0.2em 0.5em; }
.MoreButton a:link, .MoreButton a:visited {background: #00441f url(../../../../images/BannerButtonSlice.jpg) repeat-x top left; color:#fff; }
.MoreButton a:hover { background:#000; color:#fff; }
.MoreButton a span {background: url(../../../../images/BannerButtonLeft.gif) center left no-repeat; }
*/

a.DonateButton { display:block; height:49px; text-transform:uppercase; background:#063 url(../../../../images/DonateNow.jpg) top left no-repeat; text-align:center; line-height:2em; font-weight:bold;  }
a.DonateButton span { position:absolute; left:-9000px; }
a.DonateButton:hover {background:#000 url(../../../../images/DonateNowReverse.jpg) top left no-repeat; text-align:center; line-height:2em; font-weight:bold;}

.TextBanner { padding:1em; background:#000; color:#fff; }
.TextBanner h1 { text-align:right; color:#fff; }

.LeftHalf { float:left; width:48%; clear:left; }
.RightHalf { float:right; width:48%; }
.ClippedFullWidthImage { width: 100%; overflow:hidden; background-color:#121212; }
.BoxedAreaReversed { background-color:#121212; color:#fff; padding-bottom:0.5em; }
.BoxedAreaReversed h2 { font-weight:normal; color:#fff; margin:0.3em 0.2em; }
.BoxedAreaReversed p { margin:0.3em 0.2em; }
.BoxedAreaReversed a:link, .BoxedAreaReversed a:visited { color: #e5f0ec }

.BoxedArea { border:1px solid #063; padding:0.3em; margin-top:1em; }
.BoxedArea ul { list-style:none; margin:0; padding:0; }
.BoxedArea li { clear:both; margin:1em 0; } 
.BoxedArea li em { font-size:0.8em; }

.LinkList { list-style:none; margin:0; padding:0; }

/*social bookmarking icons*/
.SocialBookmarks { width:90%; margin:1em auto; border:1px solid #063; background:#e5f0ec; padding:0.5em; }
.SocialBookmarks h2 { font-size:0.9em; width:10em; float:left; }
.SocialBookmarks ul {list-style:none; margin:0; padding:0;margin-left:10em;}
.SocialBookmarks li { float:left; }
.sb-icon{display: block; padding-left:22px;  background-repeat: no-repeat; height: 16px; background-image: url(../../../../images/socialbookmarks-updated.png); margin:8px }
.sb-icon span {width: 12em; }
.sb-mail-page { background-image: url(../../../../images/dashboard/icons_rhs/small_email.gif) }
.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}

.PictureList { list-style:none; margin:0 0 0 4em; padding:0; }
.PictureList li { clear: both; margin:1em 0 0 210px; }
.PictureList li img { float:left; margin-left:-210px; margin-top:1em; }

.PosterText { padding:0 1em; font-family: Georgia, Times New Roman, Serif; font-size:1.1em; }
.PosterText em { float:right; }
.PosterImage { float:right; /*border:4px outset #e1e1e1;*/ padding:1em; margin:-1em 0.5em 1em 1em; }

/* 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; }

/*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 p.right,.sja-first-aid-quiz p.wrong{height:50px;overflow:visible}
.sja-first-aid-quiz p.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 p.wrong span{background-image:url("../../../../images/cross.png")}
.sja-first-aid-quiz p.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;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}

.DonateForm div, .DonateForm ul { float:left; }
.DonateForm ul { list-style:none; margin:0; padding:0; }
.DonateForm ul li { margin-bottom:0.4em; }
.DonateForm ul input { width:14em; background: #00441f url(../../../../images/BannerButtonSlice.jpg) repeat-x top left; color:#fff; border:none; }
.DonateForm ul input:hover { background:#000; color:#fff; }

.LifeLost h2 {color:#fff; }
.LifeLost p, .LifeSaved p {font-size:0.9em;}
.LifeLost a:link, .LifeLost a:visited { color:#e1e1e1; }
.LifeLost a:hover { color:#f00; }
.ForwardBackNav { clear:both; list-style:none; margin:0; padding:0; float:left; width:100%; }
.ForwardBackNav .BackNav { float:left; }
.ForwardBackNav .ForwardNav { float:right; }
.ForwardBackNav a { display:block; float:left; text-decoration:none; padding:0.2em 0.5em; font-size:0.8em; }
.ForwardBackNav a:link, .ForwardBackNav a:visited {background: #00441f url(../../../../images/BannerButtonSlice.jpg) repeat-x top left; color:#fff; }
.ForwardBackNav a:hover { background:#000; color:#fff; }

.ForwardBackNav .BackNav a span { background:url(../../../../images/bullets/LeftArrow.gif)left 50%  no-repeat; padding-left:20px; }
.ForwardBackNav .ForwardNav a span { background:url(../../../../images/bullets/RightArrow.gif)right 50%  no-repeat; padding-right:20px; }

.DonationList { clear:both; float:right; width:200px; padding:1em; }
.DonationList ul { list-style:none; margin:0; padding:0; }
.DonationList li { margin-top:0.5em; }

.Winnow h3 { background:#063; color:#fff; padding:0.2em 0.5em; font-size:1.15em; font-weight:normal; margin:0; }
.WinnowSelections { border:1px solid #65b722; padding:0; }
.WinnowSelections table { width:100% }
.WinnowSelections td { vertical-align:top; width:33%; background:#f6f6f6; }
.WinnowSelections th { background:#e1e1e1; text-align:left; font-size:0.9em; }
.WinnowSelections .RemoveLink { font-weight:bold; color:#000; }
.Winnow ul { list-style:none; margin:0.2em 0 0.3em 0.8em; padding:0; font-size:0.9em; }
.Winnow li { padding-right:0.3em; color:#999; }
.Winnow li.RemoveWinnow { margin-top:1em; }
.Winnow a {color:#063; }
.Winnow a:hover { color:#f00; }

.ResultBar { background-color:#80b39a; border-top:1px solid #999; padding:0.2em; font-size:0.8em; margin-top:1em; }
.ResultBar ul { list-style:none; margin:0; padding:0; width:38%; 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:60%; 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; 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:#999; }
.CourseSearchResults th {  text-align:left; }
.CourseSearchResults .MoreLinkUl ul { list-style:none; margin:0 0 1em 1.2em; padding:0; }
.CourseSearchResults td { vertical-align:top; }
.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; clear:none; }
.CourseInfoPanel p { margin:0.5em 0 0.5em 100px; }
.CourseInfoPanel img { float:left; padding-right:0.5em; }

/*** Styles for iFIRSTAID ***/
.ifaLinkTable { font-size:0.9em; width:200px; float:right; padding-left:1em; }
.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;}

/*** 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; }
