/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.5;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#SkipLinks {display:none;}   

/*++++++++++++++
GENERAL LAYOUT
++++++++++++++++*/
body {font-family: Arial, Helvetica, sans-serif;}
body#home {background: #f1f1f1;}
.span12 {width: 940px; padding: 0 10px; margin: 0 auto;}
.span8 {width: 620px;}
.span6 {width: 460px;}
.span4 {width: 280px; margin-right: 20px; padding: 10px;}
.span3 {width: 220px;}
.row {margin-bottom: 20px;}
.pageWrap {padding-top: 40px;}
#home .pageWrap {background: none; padding-top: 0; width: 100%;}
#home .pageWrap.row {margin-bottom: 0px;}
#home #partner-logos {margin-bottom: 20px;}

#main-content {min-height:350px;}

/*++++++++++++++++++++++++
TYPOGRAPHY / LISTS / LINKS 
++++++++++++++++++++++++++*/
h1 {margin-top: 0;}
h2,h3,h4 {margin: 0;}
h2,h3 {color: #167ca7;}
h1 {font-size: 2em; color: #24a5db;} /*32px / 16px*/
h2 {font-size: 1.375em;} /*22px / 16px*/
h3 {font-size: 1.125em;}
h4 {font-size: 1em;}
#home h1 {font-size: 4em; color: #000;}
#home h2 {font-size: 2em; margin-bottom: 0.5em;}
.section h3 {text-transform: uppercase; background: #e0e0e0; padding: 5px; color: #000; margin-bottom: 1em;}
.widget h3 {text-transform: uppercase; margin-bottom: 0.8em;}
.widget h2 {font-size: 1.125em; text-transform: uppercase; margin-bottom: 0.8em;}

p {margin:  0 0 1.2em 0;}
a {color: #24a5db;}
a:hover {color: #167ca7;}

.secondTier a, .members-btn, #mainNav a, input, .blueButton, #groupNav a {
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
}

.custom_bullets {padding: 0; list-style: none;}
.custom_bullets li {background: url(/img/custom-bullet.png) no-repeat left 4px; padding-left: 30px; margin-bottom: 15px;}

/*++++++++++++++++++++++++
MAIN NAVIGATION & HEADER
++++++++++++++++++++++++++*/

header {background: #fff url(/img/strip.gif) repeat-x top center; width: 100%; padding-top: 16px;}
#logo {float: left; display: block; position: relative;
	top: 12px;}
#wrap {float: right;}
.accesibility {margin: 0; padding: 0; float: right;}
.accesibility ul {list-style: none; margin: 0; padding: 0; display: table; float:left;}
.accesibility li {float: left; padding-right: 5px; display: table-cell; }
.accesibility a {display: block; text-align: center; text-decoration: none; padding: 2px 8px; height: 27px; }
.text-resize a, .text-resize a:hover {background:#000; color: #fff; line-height: 27px; }
.text-resize a:hover, .contrast input:hover {text-decoration:underline;}
#small, .accesibility.small {font-size: 0.625em;}
#medium, .accesibility.medium {font-size: 0.875em;}
#large, .accesibility.large {font-size: 1.125em;}
.contrast a {background:#f6ff00; color: #000; padding-right: 0;}
.contrast input[type="submit"] {background:#f6ff00; color: #000; padding-right: 0; border: none !important; padding:2px 8px 2px 8px; line-height: 27px;}
a.members-btn {background: #24a5db url(/img/lock-icon.png) no-repeat 95% center; display: block; padding:10px; color: #fff; text-decoration: none;width: 220px;text-transform: uppercase; float: right; clear: right; margin: 5px 0; border-radius: 2px; font-weight:bold;}
a.members-btn:hover {background-color: #167ca7; color: #fff;}
#searchBar, .searchBar {width: 240px; float: right; clear: right;}
#mainNav {background-color: #167ca7; width: 100%; float: left; margin: 10px 0 0 0;}
#mainNav li {float: left;}
#mainNav a {display: block; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 0.8em; border-left: 1px dashed #24a5db; border-collapse:collapse; padding: 15px 34px; font-weight:bold;}
#mainNav a.last, #mainNav li:last-child a {border-right: 1px dashed #24a5db;}
/*.ie #mainNav a.last, .ie  #mainNav li:last-child a {margin-right: -1px;padding-right:13px;}*/
#mainNav a:hover {background: #24a5db;}
#mainNav a.active {background: #24a5db;}
ul.breadCrumb {float: left; width: 935px; list-style: none; font-size: 0.75em; margin:0; position: relative; top: -10px; background: #f1f1f1; padding: 5px 0px 5px 5px;}
ul.breadCrumb li {float: left; padding: 0 3px;}
ul.breadCrumb li a {text-decoration: none; color: #000;}
ul.breadCrumb li a:hover, ul.breadCrumb li a.active {text-decoration: underline;}

#groupNav {background: #167ca7; width: 100%; float: left; margin: 0px;font-size: 0.85em; border-top: 1px solid #f1f1f1;}
#groupNav ul {margin-top: 0px;}
#groupNav li {float: left;}
#groupNav a {display: block; color: #fff; text-decoration: none; text-transform: capitalize;font-size: 0.875em; border-left: 1px dashed #24a5db; padding: 8px 12px; font-weight:bold;}
#groupNav a.last, #groupNav li:last-child a {border-right: 1px dashed #24a5db;}
#groupNav a:hover {background: #24a5db;}
#groupNav a.active {background: #24a5db;}


/*++++++++++++++++++++++++
FORM FIELDS / INPUTS
++++++++++++++++++++++++++*/

input, textarea, select {border: 1px solid #bdbdbd; padding:10px;}
select {background: white;}
input:focus, textarea:focus {background-color: #fffce1;}
textarea {width: 100%;}
input#search_field, input.search_field {float:left; border-right:none; font-size: 0.85em; width: 175px;}
.search_submit { float:left; border:none; color:#ffffff; background:#656565 url(/img/search-icon.png) no-repeat center center; width:44px; height:38px; text-indent:-999px; }
.search_submit:hover {background-color: #333;}
.s-h-o {left: -9999em; position: absolute; top: -9999em;}

/*++++++++++++++++++++++++
HOME PAGE STYLES
++++++++++++++++++++++++++*/

#home .section {float: left; background: #fff; min-height: 395px;}
.block {width: 290px; height: 215px; float: left; background: green; border: 5px solid #fff; margin-right: 20px; /*NEW*/ position: relative;}
.block a {display: block; height: 100%; text-decoration: none; z-index: 1;}
.lt-ie9 .block .mask {display: none;}
.block .mask {
    width: 290px;
    height: 215px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	z-index: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out; 
    transition: all 0.4s ease-in-out;
}

#blockOne .mask {background-color: rgba(9,178,173, 0.7);}
#blockTwo .mask {background-color: rgba(248,170,5, 0.7);}
#blockThree .mask {background-color: rgba(36,178,0, 0.7);}

.block p {
    font-size: 1em;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
	top: 60px;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
    opacity: 0;
	-webkit-transition: all 0.2s linear;
	 transition: all 0.2s linear;
}

.cmsedit .block .mask,
.block:hover .mask {opacity: 1;}

.cmsedit .block p,
.block:hover p{
    opacity: 1;
	-webkit-transform: translateY(0px);
    transform: translateY(0px);
	-webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.mask a {display: block; height: 100%; position: absolute; top: 0; width: 100%;}

.block a span {padding: 10px; box-shadow: 1px 3px 6px #000; text-transform: uppercase; color: #fff; position: relative; left: -10px; top: 20px; z-index: 1;}
#blockOne {background: url(/img/for_public.jpg) no-repeat 0 0;}
#blockTwo {background: url(/img/for_professionals.jpg) no-repeat 0 0;}
#blockThree {background: url(/img/the_board.jpg) no-repeat 0 0;}
#blockOne span {background: #09b2ad;}
#blockTwo span {background: #f8aa05;}

#blockThree span{background: #24b200;}
#blockThree {margin-right: 0;}

#welcomeText {width: 580px; margin-right: 20px; padding: 20px;}

#home .section#worriedCTA,
#worriedCTA {background: #0f455b; margin-right: 0; color: #fff;}
#worriedCTA span {color: #f7cc61;}

.LN_Item {margin-top: 10px;}
.LN_Thumb {float: left; margin-right: 20px; width: 73px; height: 56px; background: url(/img/news_placeholder_thumb.jpg) no-repeat 0 0;}
.LN_Item h4 {font-weight: normal; margin: 0;}
.LN_Item .LN_FullSummary {display: block;float: left;width: 75%;}
.LN_Item .readmore {font-size: 0.875em;float: right;text-decoration:none;}


.board_members .LN_Item {margin: 0px;}
.board_members .LN_Thumb {display:none;}
.board_members .LN_Item h2::before {content: url(/img/custom-bullet.png);}
.board_members .LN_Item h2 a {text-decoration:none;}
.board_members .LN_Item p {font-weight: normal; margin: 0;}
.board_members .LN_Item .LN_FullSummary {font-size: 0.8em;width: 98%;}
.board_members .LN_Item .readmore {font-size: 0.8em;float: right;text-decoration:none;}


/*#coursesWidget {margin-right: 0; position: relative;}
#coursesWidget h3 {background: #7e1468; text-align: center; color: #f7d174;}*/

#eventsWidget {
    margin-right: 0;
    position: relative;
}

#eventsWidget p {
	font-size: 0.875em;
	color: #24a5db;
	margin: 0;
}

#eventsWidget .LN_Item {
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px solid #eee;
}

#eventsWidget .LN_Item:first-of-type {
	border-top: 1px solid #eee;
}

.redButton {background-color: #be2525; padding: 5px 10px; color: #fff; text-decoration: none; border-radius: 2px; display: block; float: left; }
.redButton:hover {background: #e03131; color: #fff;}

.blueButton {
	background-color: #167ca7;
    padding: 5px 10px; color: #fff; text-decoration: none; border-radius: 2px; 
}


.blueButton:hover {
	background: #24a5db; color:#fff;
}

#eventsWidget .blueButton {	
	position: absolute;
	bottom: 10px;
	right: 10px;
	float: none;    
}

.popularLinks a {
	color: #000;
}

.widget li a, .LN_Item a {
	color: #000;
}

#home div.emailUpdates {background: #e3e3e3 url(/img/email-updates-icon.png) no-repeat right bottom; padding: 20px; min-height: 125px;}
#home div.emailUpdates h2 {margin: 0;}
#home div.emailUpdates p {padding: 0px 310px 0 0; margin-top:0;}
#home input.email {width: 340px;}
.email_submit {background-color: #167ca7; color: #fff; border-radius: 2px; padding: 10px;}
.email_submit:focus,.email_submit:active,
.email_submit:hover {background-color: #24a5db;}

#partner-logos {background: #d5d5d5; margin-bottom: 0; padding: 20px 0;}
#partner-logos ul {list-style: none; padding: 0; margin: 0; display: table; min-height: 97px;}
#partner-logos ul li {float: left; Padding: 10px 35px; max-height: 97px;line-height: 130px;}
#partner-logos ul li a {display: block; height:100%;}
#partner-logos ul li img {max-height:97px;}

footer {background: #000; padding-top: 20px; width:100%;}
footer h4 {color: #fff; }
footer a, footer p {color: #9d8a47;}
footer ul {list-style: none; padding: 0;}
footer ul li {line-height: 2em;}
.footerCol {float: left; margin-right: 20px;}
#footerColLast {margin-right: 0;}
p.footerContact {margin: 0;}
footer a:hover {color: #fffbb3;}

/*++++++++++++++++++++++++
CONTENT PAGE TEMPLATE STYLES
++++++++++++++++++++++++++*/

#leftCol {padding-top: 10px;}
#leftCol, #mainContentArea {margin-right: 20px;}
#leftCol, #mainContentArea, #rightCol {float: left;}
#mainContentInner {padding-right: 20px;}

/*Left hand nav styles*/
nav.secondTier {padding-right: 30px;}
nav.secondTier .section_Title {text-transform: uppercase; color: #fff; font-size: 1em;margin-bottom: 2px; background: #24a5db;}
nav.secondTier .section_Title:hover {background: #167ca7;}
form.professionals .secondTier .section_Title {background: #09b2ad;}
form.professionals .secondTier .section_Title:hover {background: #09a19d;}
form.public .secondTier .section_Title {background: #f8aa05; text-shadow: 1px 1px 1px #9e6d00;}
form.public .secondTier .section_Title:hover {background: #9e6d00;}
form.young_people .secondTier .section_Title  {background: #24b200;}
form.young_people .secondTier .section_Title:hover {background: #24b200;}

nav.secondTier ul {padding: 0; margin: 0;}
nav.secondTier li {margin-bottom: 2px;}
nav.secondTier a {display: block; background: #eaeaea; padding: 10px; text-decoration: none; font-size: 0.875em; color: #000;}
nav.secondTier a:hover {background: #d2d2d2;}
nav.secondTier a.active {background: #d2d2d2;margin-bottom: 2px;}

nav.secondTier ul.thirdTier {margin-top: 2px;}

nav.secondTier ul ul a {background: #EEE1EC;}
nav.secondTier ul ul a:hover {background: #dbb7d5;}

form.professionals nav.secondTier ul ul a {background: #b8f0ee;}
form.professionals nav.secondTier ul ul a:hover {background: #86cbc9;}
form.public nav.secondTier ul ul a {background: #fbd482;}
form.public nav.secondTier ul ul a:hover {background: #fac350;}
form.young_people nav.secondTier ul ul a {background: #91d87f;}
form.young_people nav.secondTier ul ul a:hover {background: #65c94c;}


.hasThirdTier a {position: relative;}
.hasThirdTier > a span:before {content: ''; background: url(/img/third-tier-arrow2.png) no-repeat; height: 16px; width: 20px;  position: absolute; left: 5px; bottom: -14px; z-index: 1;}

#mainContentArea {background: white; padding-bottom: 60px;}

.widget {padding: 20px; margin-bottom: 20px; float: left;}
.widget p, .widget li a {font-size: 0.875em;}
.widget input.email {font-size: 0.8em; width: 155px; }
.grayWidget {background: #f4f4f4;}

.emailWidget {background: #f4f4f4;}
.emailWidget input.email {margin-bottom: 10px;}

.divContentContainer table {}
.divContentContainer table th,
.divContentContainer table td {padding: 5px; text-align:left; vertical-align:top;}

table.data thead th, table.data td.header {background: #763769; padding: 5px; color:#fff;}
form.professionals table.data thead th, form.professionals table.data td.header {background: #09b2ad; padding: 5px;}
form.public table.data thead th, form.public table.data td.header {background: #f8aa05; padding: 5px;}
form.young_people table.data thead th, form.young_people table.data td.header {background: #24b200; padding: 5px;}

table.data {background: #f3f3f3;}
table.data td {padding: 5px;}
table.data tr:nth-child(odd) {background: #e0e0e0; }

/*++++++++++++++++++++++++
ENQUIRY FORM
++++++++++++++++++++++++++*/
.enquiryForm { background: #F5F5F5; float: left; padding: 15px;}
.form-row {margin-bottom: 20px; float: left; width:410px; position:relative;}
.enquiryForm label, .enquiryForm input {float: left; width: 390px;}
.enquiryForm span {color: red;}
.enquiryForm textarea {min-height: 150px; width: 390px;}
.enquiryForm textarea.small {min-height: 50px; width: 390px;}
.enquiryForm .email_submit {width: 205px;}

span.requiredmarker {color:red; font-weight:bold; vertical-align:super; font-size:1.75em; padding-left:5px; }
span.zwsval {position:absolute; right:25px; top:2px;}

.validation-item {min-height: 40px; padding: 20px 10px 10px 60px; border: 1px solid orange; border-radius: 3px; display:none; font-size: 0.85em;}
#errors {background: #fafcc2 url(/img/error-icon.png) no-repeat 10px 10px;}
#success {background: #fafcc2 url(/img/success-icon.png) no-repeat 10px 10px;}
#errors.visible, #success.visible {display: block;}
#errors li {list-style: none;}
#errors li:before {content:' - ';}
#errors li#info {padding-bottom: 10px; color: #e71717;}
#errors li#info:before {content: '';}

.RadCaptcha p {clear: both; font-size:0.925em;}
.RadCaptcha p label {float: left; width:35%;}
.RadCaptcha p input {float: right; width:55%;}
.RadCaptcha img {margin-left: 20%;}
.rcRefreshImage {display: block;font-size: 0.7em;float: right;}
/*++++++++++++++++++++++++
 OTHER FORMs
++++++++++++++++++++++++++*/
.form { background: #F5F5F5; padding: 15px; clear:both;}
.form .form-row {margin-bottom: 20px; float: left; width:100%; clear:both;}
.form label, .form input, .form select {float: left; width: 90%;}
.form input[type="radio"]  {float: left; width: 20%;} 
.form span {color: red;}
.form textarea {min-height: 100%; width: 90%;}
.form .email_submit {width: 90%;}
.alreadyregistered {float:right;}
.form a.action {border: 1px solid #bdbdbd; padding:10px;color: #222;text-decoration:none; margin: 0 10px;}
.form input[type=submit]:hover,
.form a.action:hover {background-color: #fffce1;}
/*.changepassword.form {width: 400px;}*/
.login.form {width: 400px;}
.register.form label  {float: left; width: 20%;} 
.register.form input, .register.form select {float: left; width: 70%;}
.register.form input[type=submit] {float: left; width: 90%;}
.register.form input[type=checkbox] {width: 25px;}
.register.form ul.checkboxlist label  {width: 75%;} 
.register.form ul.checkboxlist {list-style:none; float:left;width: 70%; padding:0px; margin:0px;}
.register.form ul.checkboxlist li {list-style:none; float: left; display: block; width: 100%;}
.application .form {float: left; margin-bottom:20px;width:100%; }
.application .form label {width:20%; }
.application .form input, .application .form select {width: 70%;}
.application .form span.notes {display:block; clear: left; color:#222; font-style:italic; font-size: 0.8em;}
.questionnaire .form {float: left; margin-bottom:20px;width:100%;  font-size: 0.8em;}
.questionnaire .form label {width:30%; }
.questionnaire .form input, .questionnaire .form select {width: 60%;}
.questionnaire .form span.notes {display:block; clear: left; color:#222; font-style:italic; font-size: 0.8em;}
.questionnaire .form.multichoice .form-row {border-bottom: 1px solid #e0e0e0; padding-bottom: 5px; }
.questionnaire .form.multichoice label {width:75%; }
.questionnaire .form.multichoice .radiogroup  {float:left; width:20%; font-size:0.975em;}
.questionnaire .form.multichoice input[type="radio"]  {width: 14px;} 

.form-row input[type="submit"], .form-row a.action {background-color: #24a5db; color: #fff; border-radius: 2px; padding: 10px;}
.form-row input[type="submit"]:focus, .form-row a.action:focus,
.form-row input[type="submit"]:active, .form-row a.action:active,
.form-row input[type="submit"]:hover, .form-row a.action:hover {background-color: #167ca7;} 

/*++++++++++++++++++++++++
TRAINING COURSE PAGE
++++++++++++++++++++++++++*/
.courseItem {margin: 10px 0 0 0; padding: 10px; background: #F9F9F9; border: 1px solid #e0e0e0; border-radius: 3px;}
.courseItem:hover {background: #f3f3f3;}
.courseItem h2 a {color:#09B2AD;}
.courseItem p {margin: 0; font-size: 0.85em;}
.courseItem p.status {float:right;color:#763769;font-weight:bold;}
.courseItem table {font-size: 0.85em;}
#courseSearch {width: 190px; border-radius: 3px; border: 1px solid orange; margin-bottom: 20px; padding: 10px; background: #F5F5F5;}
#courseSearch .form-row {width: 190px;}
#courseSearch p {float: left;}
#findCourse {border-bottom: 1px solid; float: left; padding-bottom: 20px}
#findCourse input {width: 168px;}
#courseSearch h2 {margin: 0 0 10px 0; color: #09B2AD; font-weight: normal; text-shadow: 1px 1px 1px #fff;}
.label {float: left; color: #7e1468; margin: 0; width: 100%;}
#refineSearch {width: 180px; padding: 5px; color: #000; float: left;}
#refineSearch form {margin: 10px;}
#refineSearch .form-row, #findCourse .form-row {float: left; width: 180px; margin:0;}
#results p {background: #e0e0e0; color: #000; padding: 2px 5px;}
table.courseInfo {background: #fff; width: 440px;  margin: 20px 0; border-radius: 3px; font-size: 0.85em;}
table.courseInfo thead th {background: #7e1468; color: #f7d174;}
table.courseInfo th {padding: 5px; background: #cccccc; color: #000; border: 1px solid #777; text-align: left;}
table.courseInfo tr {border: 1px solid #999;}
table.courseInfo td {padding: 5px; border: 1px solid #999;}
table.courseInfo tr td:first-child {font-weight: bold;}
.HeadlineList br {display:none;}
.newsItem {border-bottom: 1px solid #CCC; padding: 10px 0 20px 0;}
.board_members .newsItem {padding: 0px;}

/*++++++++++++++
Accessibility
++++++++++++++++*/
form.highContrast {background: black;}

form.highContrast nav#mainNav, form.highContrast nav#groupNav {background: black; border-bottom:1px solid yellow; border-top:1px solid yellow;}
form.highContrast nav#mainNav a,form.highContrast nav#groupNav a  {border-left:1px dashed yellow;}

form.highContrast .RadToolBar_Default .rtbWrap, form.highContrast .RadToolBar_Default .rtbTemplate, form.highContrast .rtbUL,
form.highContrast h1, form.highContrast h2, 
form.highContrast h3, form.highContrast h4, 
form.highContrast p, form.highContrast table td,
form.highContrast li, form.highContrast nav li a, 
form.highContrast nav#mainNav a, form.highContrast nav#groupNav a, 
form.highContrast .section_Title, 
form.highContrast #blockOne span, 
form.highContrast #blockTwo span, 
form.highContrast #blockThree span, 
form.highContrast #worriedCTA, form.highContrast a, 
form.highContrast #welcomeText, form.highContrast .breadCrumb a, 
form.highContrast #partner-logos, form.highContrast #datepicker  { background: black; color: yellow;}

form.highContrast .RadToolBar_Default .rtbWrap:hover span {background-image:none;}
form.highContrast .RadToolBar_Default .rtbWrap:hover, 
form.highContrast nav li a.active, form.highContrast nav li a:hover, form.highContrast h1, form.highContrast .secondTier ul ul a.active { background: yellow !important; color: black !important;}
form.highContrast #mainContentArea, form.highContrast a#logo {background: none;}

form.highContrast .widget, form.highContrast .breadCrumb, form.highContrast .section,
form.highContrast .form, form.highContrast .enquiryForm  { background: black; border: 1px solid #ccc;}
form.highContrast .widget .section {border:none;}

form.highContrast .search label, form.highContrast .form label, form.highContrast .form a.action, form.highContrast .enquiryForm label { background: black; color: yellow;}

form.highContrast .block .mask {opacity: 1; background: black !important;}
form.highContrast .block p {color: yellow;z-index: 2;opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}

form.highContrast #worriedCTA, form.highContrast .section { background: black !important; border: 1px solid #ccc; margin: -2px;}

form.highContrast .hasThirdTier > a:before {content: ''; background: none;}

form.highContrast .secondTier .section_Title {background: yellow !important; color: black !important;}
form.highContrast .secondTier .section_Title:hover {text-decoration: underline; background: yellow;}
form.highContrast .secondTier ul ul a {background: black !important;}
form.highContrast .secondTier ul ul a:hover {background: yellow !important; color: black !important;}
form.highContrast .secondTier ul ul a:before {content: "> "; padding-left: 5px;}

form.highContrast .notes {color: yellow !important; background: black !important;}

/*++++++++++++++++++++++++
  Tooltip (for grid)
++++++++++++++++++++++++++*/
.tooltip{
   	display: inline;
    position: relative;
}
.tooltip:hover:after{
    background: #167ca7;
    border-radius: 10px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    min-width: 225px;
	-webkit-box-shadow: 0 2px 9px #24a5db;
	box-shadow: 0 2px 9px #24a5db;
    white-space: pre-wrap;
}	
.tooltip:hover:before{
    border: solid;
    border-color: #167ca7 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
form.professionals .tooltip:hover:after{background: #09a19d;-webkit-box-shadow: 0 2px 9px #09b2ad;box-shadow: 0 2px 9px #09b2ad;}
form.professionals .tooltip:hover:before{border-color: #09a19d transparent;}
form.public .tooltip:hover:after{background: #9e6d00;-webkit-box-shadow: 0 2px 9px #f8aa05;box-shadow: 0 2px 9px #f8aa05;}
form.public .tooltip:hover:before{border-color: #9e6d00 transparent;}
form.young_people .tooltip:hover:after{background: #24b200;-webkit-box-shadow: 0 2px 9px #24b200;box-shadow: 0 2px 9px #24b200;}
form.young_people .tooltip:hover:before{border-color: #24b200 transparent;}

/*++++++++++++++
  Notification Area
++++++++++++++++*/

#zwsnotify 
{
	background-color: #167ca7;
	border: 4px solid #ccc;
	color: #fff;

	display: block;
	position: fixed;
	top: 100px;
	left: 150px;
	width: 500px;

	font-size: 1.2em;
	padding: 12px 15px;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 9px #aaa;
	box-shadow: 0 2px 9px #aaa;

    z-index:5;
}
#zwsnotify img 
{
	left: 12px;
	position: absolute;
	top: 12px;
}
#zwsnotify p 
{
	margin-left: 20px;
}

/*
 * Browser Support
 */

#browserSupport 
{
	color: #fff;
	background-color: #167ca7;
	border: 4px solid #ccc;
	position: absolute;
	padding: 5px 10px;
	bottom: 20px;
	left: 20px;
	width: 350px;
	border-radius: 10px;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }
    /*
    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


::-webkit-validation-bubble-message { /* Chrome No longer supports styling of the bubble, firefox still doesn't */}


.blocks-wrap {
margin-bottom: 20px;
position: relative;
}

.blocks-wrap:after {
content: '';
height: 330px;
width: 100%;
position: absolute;
top: 0;
z-index: -1;
background: #d0d2cd;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZDJjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQyY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #d0d2cd 0%, #f2f2f2 50%, #d0d2cd 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d0d2cd), color-stop(50%,#f2f2f2), color-stop(100%,#d0d2cd));
background: -webkit-linear-gradient(left, #d0d2cd 0%,#f2f2f2 50%,#d0d2cd 100%);
background: -o-linear-gradient(left, #d0d2cd 0%,#f2f2f2 50%,#d0d2cd 100%);
background: -ms-linear-gradient(left, #d0d2cd 0%,#f2f2f2 50%,#d0d2cd 100%);
background: linear-gradient(to right, #d0d2cd 0%,#f2f2f2 50%,#d0d2cd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d2cd', endColorstr='#d0d2cd',GradientType=1 );
}

.navyWidget {
	background: #0f455b;
	color: #fff;
	padding: 10px;
}

.navyWidget h3 {
	background-color: #e0e0e0;
	padding: 3px;
}

.navyWidget span {
	color: #f7cc61;
}

.navyWidget .redButton {
	float: none;
	width: 50%;
	text-align: center;
	margin-bottom: 1.2em;
}



.switchTabWrap {
	position: fixed;
	top: 56%;
	left: 0;
	overflow: hidden;
	z-index: 1000;
	font-size: 12px;
	box-shadow: 0px 3px 6px -1px #666;
	border-radius: 0 4px 4px 0;
}

.siteSwitch {
	width: 80px;
	color: #fff;
	padding: 8px;
	text-decoration: none;
}

.siteSwitch:hover {
	color: #fff;
}

.siteSwitch,
.toSlide {
	float: left;
	display: block;
	text-decoration: none;
}

.toSlide {
	position: relative;
	width: 220px;
	z-index: -1;
	-o-transition: margin 0.25s linear, background 0.25s linear;
	-moz-transition: margin 0.25s linear, background 0.25s linear;
	-webkit-transition: margin 0.25s linear, background 0.25s linear;
	transition: margin 0.25s linear, background 0.25s linear
	background-color: #7e2369;
	overflow: hidden;
	margin-left: -250px;
	padding: 8px 8px 8px 16px;
}

.toSlide,
.slideOut span {
	display: block;
}

.slideOut {
	margin-left: 0;
}

/*RBSAB Site styles*/
.rbsabSwitch .siteSwitch {
	background-color: #1a0715;
}

.rbsabSwitch .toSlide  {
	background-color: #7e2369;
	color: #fff;
	text-shadow: 1px 1px 1px #1a0715;
}

.rbsabSwitch .toSlide:hover {
	background: #b03192;
}

form.highContrast .switchTabWrap {
box-shadow:none;
}

form.highContrast  .rbsabSwitch .siteSwitch {
	background-color:yellow;
    color:black;
}

form.highContrast .rbsabSwitch .toSlide  {
	background-color: black;
	color: yellow;
	text-shadow: none;
}
form.highContrast .rbsabSwitch .toSlide:hover {
	
    background-color: yellow;
	color: black;
}