/* CUSTOMISE YAHOO GRIDS to make narrow block = left, equivalent of 230px */
.yui-t2 .yui-b {float: left;width: 17.6923em;*width: 17.25em;}
.yui-t2 .yui-main .yui-b {margin-left: 17.6923em;*margin-left: 17.6923em;}
.yui-main .yui-b {float: none;width: auto;}

.content {width: 704px}
.sidebar {width: 210px}
/* CLEARFIX  - always useful to have around */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */

.group:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .group{/* IE6 */height:1%;}
*:first-child+html .group{/* IE7 */min-height:1px;}

/* SOME CENTRAL DEFAULT STYLES */
* {font-family: Arial, Helvetica, sans-serif; color: #2a2728}
.test {border: 1px solid red}
h2, .content h1 {text-transform: uppercase; font-size: 1.5em; margin-left: 0em;}
h3 {text-transform: uppercase; font-size: 1.3em}
h4 {font-size: 1.1em; margin-bottom: 0.6em; margin-top: 1em}
ul {margin-bottom: 2em}
ul ul {margin-bottom: 1em}
.move {cursor: move}
.content ul.inline {padding: 0em; margin: 1em 0em}
.content ul.inline li {display: inline; list-style: none; background: none; padding: 0px 20px 0px 0px}
td p, th p {margin: 0em;}
form p {margin: 0.2em 0em}
form input.button, form p select, form p input {vertical-align: middle}
img, .image {vertical-align: middle;}
.onDark {color: #ffffff}
.lead {font-weight: bold;}
.hide {display: none}
.center {text-align: center;}
.clear {clear: both}
span.phone {padding-left: 20px; background: url(images/phone.png) no-repeat 0% 50%}
.small {font-size: 0.8em}
.right {float: right; clear: right; margin: 0em 0em 1em 1em;}
.left {float: left; clear: left; margin: 0em 1em 1em 0em;}
.right p {margin-top: 0.5em; text-align: center;}
table th, table td {vertical-align: top; border: 1px solid #2a2728}
table th {text-align: left; vertical-align: middle; white-space: nowrap}
#hd, #bd, #ft {position: relative;}
.halfcol {margin: 0 1%; width: 47%; float: left;}
.halfcol .lead {margin-bottom: 0.3em}

/* MAKE THE NAVIGATIONS PRETTY */
.featureNav, .subFeatureNav, .mainNav {margin: 0em; width: auto; }
.featureNav li, .subFeatureNav li, .mainNav li {list-style: none; display: block;}
.featureNav li, .subFeatureNav li {float: left; padding: 0em 1.5em 0em 0em}
.featureNav li a, .subFeatureNav li a {text-transform: uppercase; font-weight: bold; text-decoration: none}

.featureNav {height: 39px; float: right; clear: both; padding-left: 87px}
.featureNav li {height: 39px;}
.featureNav li a {padding-top: 13px; display: block; font-size:1.1em; text-shadow: #000000 1px 1px 2px;}

.subFeatureNav {line-height: 24px; position: absolute; top: 8px; right: 0px; padding-left: 1.5em; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff}
.subFeatureNav li {height: 24px; padding-bottom: 0.2em}
.subFeatureNav li a {font-size: 0.85em; line-height: 24px; text-shadow: #ffffff 1px 1px 2px;}

.logout, .subFeatureNav {
     -moz-border-radius-bottomleft: 6px; /* FF1+ */
  -webkit-border-bottom-left-radius: 6px; /* Saf3+, Chrome */
          border-bottom-left-radius: 6px; /* Opera 10.5, IE 9 */
     -moz-border-radius-bottomright: 6px; /* FF1+ */
  -webkit-border-bottom-right-radius: 6px; /* Saf3+, Chrome */
          border-bottom-right-radius: 6px; /* Opera 10.5, IE 9 */
}

.search input.text {
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.mainNav {width: 230px; padding: 1em 0em; float: left;}
.mainNav li {padding: 0.3em 1em}
.mainNav li a {font-weight: bold; text-decoration: none;}

/* MAKE THE HEADER PRETTY */
h1 {margin: 2em 0em 0.5em 0.5em}
/* Search form */
.search {float: right; clear: both; margin: 1em 0em}
.search input {vertical-align: middle;}
.search input.text {border: 2px solid #c7c7c7; padding: 0.2em 0.5em; width: 200px; margin-right: 0.5em; }
.search label {font-size: 0.9em; text-shadow: #ffffff 1px 1px 2px; font-weight: bold;}

.header {position: relative; width: 100%;}
.headerStrip {width: 100%; position: absolute; top: 0px; left: 0px; height:8px; overflow: hidden }
.headerWrapper {background: url(images/headerImage1.png) no-repeat 230px 50%}
.image1 .headerWrapper {background-image: url(images/headerImage1.png)}

.headerContent {padding: 40px 5px 0px 530px; border: 1px solid transparent}
.headerContent h2 {margin:0.3em 0em; text-transform: none; font-size: 1.7em}
.headerContent h3 {font-family: Arial, Helvetica, sans-serif; margin:0.3em 0em;  font-weight: bold; font-size: 1.9em}

/* MAKE SIDE BAR PRETTY */
.sidebar {padding: 20px 10px;}
.testimonials { margin: 0em 0.3em 1em 0.3em;}
blockquote.testimonial span {background: url(images/bottomQuote.png) no-repeat right bottom; padding: 0px 25px;}
blockquote.testimonial {margin: 0em 0em 0.5em 0em; line-height: 140%; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.1em; font-style: italic; background: url(images/topQuote.png) no-repeat 0 0;}

.testimonials a {font-weight: bold; font-size: 0.9em}
.livingRoomAdvert {margin: 1.5em 0em;}
.vacancySummary {margin-bottom: 1em;}
.vacancySummary p {margin: 0.3em 0em}
.vacancySummary p.date {font-weight: bold; font-size: 0.9em}

.sidebar h3 {margin: 0em 0em 0em 0.4em;}
.sidebar ul.menu {margin: 1.2em 0em 2em 0em; padding: 0em}
.sidebar ul.menu ul {margin: 0.5em 0em 0em 1.5em}
.sidebar ul.menu li {border: 1px solid transparent; margin: 0.3em 0em; padding: 0em; list-style: none; }
.sidebar ul.menu ul li {margin: 0.3em 0em;  list-style: none; }
.sidebar ul.menu a {display: block; margin: 0em; text-decoration: none;padding: 0.3em 0.6em;background: #feffff url(images/buttonBg.png) bottom repeat-x; border: 1px solid #777777; font-weight: bold; font-size: 0.9em; text-transform: uppercase;  text-shadow: #ffffff 0px 1px 1px;}
div.contact, .content ul.adminTools li, .button, .button2, .sidebar ul.menu a {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div.error p, div.success p {color: #333333; margin: 0em; padding: 0.4em 0em;}
div.error, div.success {font-weight: bold; text-align: left; margin: 0em 0em 1em 0em;  background-position: 15px 50%; background-repeat: no-repeat; padding: 0.5em 0.5em 0.5em 50px;  border-left: none; border-right: none;}
p.error, p.success, span.error, span.success {font-weight: bold; padding-left: 25px; background-position: 0% 50%; background-repeat: no-repeat;}
div.error {background-image: url(../projects/centralIcons/error.png); background-color: #fbd8ab; border: 2px solid #e88d1b;}
p.error, span.error {background-image: url(../projects/centralIcons/error-small.png); color: #2a2728}
p.success, span.success {background-image: url(../projects/centralIcons/success-small.png); color: #42600f}
div.success {background-image: url(../projects/centralIcons/success.png); background-color: #f2f7eb; border: 2px solid #64922a;}
.content ul.adminTools li, .button, .button2 {text-decoration: none; cursor: pointer; background: url(images/buttonBg.png); border: 1px solid #777777; color: #333333; font-weight: bold; font-size: 0.9em; text-transform: uppercase;  padding: 0.3em 0.6em; text-shadow: #ffffff 0px 1px 1px; margin: 0.5em 0em}
.button2 {color: #444444; font-weight: normal; text-transform: none }
input.button {padding: 0.2em 0.4em;}

.inlineForm label {display: inline-block; width: 150px;}

.logout {white-space: nowrap;position: absolute; top: 0px; width: auto; left: 300px; background: #982d3d url(images/logoutBg.gif) repeat-x bottom; font-size: 0.85em; padding: 0em 1.5em}
.logout .button {margin-left: 0.5em; vertical-align: middle}
.logout p {color: #ffffff; font-weight: bold;}

.content {padding: 20px;}
.content form {margin: 1em 0em}
.content h2 {}
.content h3 {text-transform: none}
.content label {font-weight: bold; color: #982d3d}
.content .fhField label {font-weight: normal; color: #2a2728}
.content p {line-height: 140%}
.content ul li {list-style: none; padding-left: 20px; margin: 0.4em 0em}

.content p.adminTools a {margin-right: 0.4em}
.content div.adminTools {float: right; margin: 0.7em 0em 1em 1em}
.content div.adminTools img {margin-left: 0.5em}
.content ul.adminTools {margin-left: 0em;}
.content ul.adminTools li {list-style: none; width: auto; display: inline; margin-right: 0.7em}
.content ul.adminTools li a {text-decoration: none}
.content span.adminTools {padding-left: 1em}
.content span.adminTools img {margin-left: 0.2em;}

.newsSummary {position: relative; min-height: 82px; padding-bottom: 1em; margin-top: 1em; border-bottom: 2px solid #cecccc}
.newsSummary .date {width: 59px; height: 82px; background: url(images/dateBg.png) no-repeat; position: absolute; left: 0px; right: 0px;}
.newsSummary h3 {margin: 0.3em 0em; font-size: 1.1em;}
.newsSummary h3, .newsSummary p {padding-left: 70px}
.newsSummary .month, .newsSummary .day {margin: 0; padding: 0}
.newsSummary .month {text-shadow: #000000 0px 1px 1px; text-transform: uppercase; text-align: center; font-size: 1.0em; padding-top: 10px;font-weight: bold; color: #ffffff; }
.newsSummary .day {width: 59px; padding-top: 8px; padding-left: 13px;}

.news {width: 100%; border-bottom: 2px solid #cecccc; padding: 0.8em 0em 0.3em 0em}
.news h3 {margin: 0.2em 0em; font-size: 1.1em}
.news .lead {margin-top: 0.2em}

div.testimonial {width: 100%; border-bottom: 2px solid #cecccc; padding: 0.8em 0em 0.3em 0em}
div.testimonial h3 {margin: 0.2em 0em 0.6em 0em; font-size: 1.1em}

.content .newsCol {padding: 0em 0em 1.5em 0em; float: left; width: 345px; margin: 0 6px 0 0}
.content .newsCol ul, .content .newsCol li {background: none; list-style: none; padding: 0em; margin: 0em;}
.content .newsImageCol {float: none; width: 100%; clear: both; margin: 0em; padding: 0em; clear: both;}
.content .newsImageCol ul li {height: 100px; width: 100px; float: left; margin: 1em 1em 0em 0em;}
.content .backlink {clear: both; padding-top: 2em; margin: 0em;}

.award {position: absolute; right: 12px; top: 12px;}
#ft {position: relative; padding: 12px 200px 12px 12px; font-size: 0.85em; margin-bottom: 2em}
#ft p {margin-bottom: 0.7em}
.footerNav {margin: 0em 0em 0.7em 0em; padding: 0em}
.footerNav li {list-style: none; display: inline; padding: 0em 0.5em; margin: 0em; border-right: 1px solid #f2ebc5;}
.footerNav li.first {padding-left: 0em;}
.footerNav li.last {border-right: none}
.footerNav li a {text-decoration: none;}

.admin table td, .admin table th {border: 0px;}
.admin fieldset {border: 1px solid #cecccc }
.admin .fh4Buttons .button {margin-right: 0.5em;}
.admin legend {margin-left: 0.7em; color: #333333; font-size: 0.9em; background: #ffffff; padding: 0.2em;}
.admin textarea, .admin input[type="text"], .admin input[type="file"], .admin input[type="password"], .admin select {width: 250px;}
.admin #cke_newsarticle {width: 500px; overflow: hidden}

.content .onlineApply .fhLabel {width: 250px; text-align: right}
.onlineApply .fullwidth .fhLabel {width: 100%; text-align: left}
.onlineApply .fhPara .fhLabel label {color: #2a2728; text-align: left;}
.onlineApply .fhPara .fhLabel  {text-align: left;}
.onlineApply .mediumtextarea .LV_validation_message, onlineApply .fullwidth .LV_validation_message {display: block; padding-left: 0}
.onlineApply .mediumtextarea textarea, .onlineApply .fullwidth textarea {width: 95%; height: 300px; padding: 10px;}
.onlineApply .mediumtextarea .fhRequired, .onlineApply .fullwidth .fhRequired {display: none}

.onlineApply .applyOnlineEmployment label {display: none;}
.onlineApply .applyOnlineEmployment td {vertical-align: top;}
.onlineApply .applyOnlineEmployment input, .onlineApply .applyOnlineEmployment textarea {width: 100%}
.onlineApply .applyOnlineEmploymentHeader td {font-weight: bold; color: #982d3d }
.onlineApply .applyOnlineEmployment .LV_validation_message {display: none}

.onlineApply .dateFrom, .onlineApply .dateTo {width: 10%}
.onlineApply .employerfield {width: 17%}
.onlineApply .jobtitlefield {width: 17%}
.onlineApply .dutiesfield {width: 28%}
.onlineApply .leavingfield {width: 18%}


#result_report {margin: 1em 0em 1.5em 0em; font-weight: bold;}
#results p {margin: 0.4em 0em}

.dsSubcat h3 {margin: 0em;}
.dsSubcat p {margin-top: 0.4em}
.dsSubcat {border-bottom: 2px solid #cecccc; margin: 1em 0em 0.5em 0em}
.dsSubcat div.success, .dsSubcat div.error {margin-top: 1em}

.sortableActive li {cursor: move}

div.contact {position: relative; margin-bottom: 0.5em; min-height: 55px; border: 2px solid #cecccc; padding: 0.5em 0.7em 0.5em 0.7em; background:#fdfdfd; }
div.contact .contactImage {position: absolute; left: 10px; top: 10px;}
div.contact .contactDetails {margin: 0px 0px 0px 70px; padding: 0;}
div.contact p.name {font-weight: bold; }
.content div.contact .email, .content div.contact .telephone {padding-right:20px;}
div.contact span.name { color: #982d3d; font-weight: bold; font-size: 1.2em}
div.contact .jobtitle { padding-left: 1.4em}
div.contact .maplink {padding-left: 20px;}

div.contact p {margin: 0.2em 0em}
div.contact p.description {margin: 0.7em 0em}
#pageContacts {padding-top: 2em;}
#lookupAdmin li form {margin: 0em}
#lookupAdmin ul li {background: none; padding: 0.3em 0em;}
#lookupAdmin ul {margin-left: 0em;}
#lookupAdmin span.error, #lookupAdmin span.success {padding-left: 3em; background-position: 1em 50%}

.onlineApplyStatus {font-size: 0.85em; padding-left: 1em; font-weight: bold;}
.notcomplete {color: red}
.complete {color: green}

.status {font-weight: bold; margin: 0.3em 0em}
#vacancy .date {margin: 0.3em 0em}
.status1 {color: green}
.status0 {color: black}
.status2 {color: #b98500}
.status-1 {color: red}

.content a[href^="mailto:"] { padding-right: 17px; background: transparent url(../projects/centralIcons/linkIcons/icon_mailto.gif) no-repeat right 50%; }
.content a[href^="http://"] { padding-right: 17px; background: transparent url(../projects/centralIcons/linkIcons/icon_external.gif) no-repeat right 50%; }
.content a[href^="https://"] { padding-right: 17px; background: transparent url(../projects/centralIcons/linkIcons/icon_external.gif) no-repeat right 50%; }
.content a[href$=".pdf"] { padding-right: 17px; background: transparent url(../projects/centralIcons/linkIcons/icon_pdf.gif) no-repeat right 50%; }
.content a[href$=".zip"] { padding-right: 17px; background: transparent url(../projects/centralIcons/linkIcons/icon_archive.gif) no-repeat right 50%; }
.content a[href$=".doc"] { padding-right: 17px; background: transparent url(../projects/centralIcons/linkIcons/icon_doc.gif) no-repeat right 50%; }
.content a[href$=".docx"] { padding-right: 17px; background: transparent url(../projects/centralIcons/linkIcons/icon_doc.gif) no-repeat right 50%; }
.content a[href$=".pps"] { padding-right: 17px; background: transparent url(../projects/centralIcons/linkIcons/icon_pps.gif) no-repeat right 50%; }
.content a[href$=".xls"] { padding-right: 17px; background: transparent url(../projects/centralIcons/linkIcons/icon_xls.gif) no-repeat right 50%; }
.content a[href$=".xlsx"] { padding-right: 17px; background: transparent url(../projects/centralIcons/linkIcons/icon_xls.gif) no-repeat right 50%; }
.content a.noicon, .content .adminTools a[href^="http://"] {padding-right: 0px; background: none;}