* {font-family: Arial, Helvetica, sans-serif}
strong {font-weight: bold;}
a span {vertical-align: baseline}
.small {font-size: 0.9em}
p strong {vertical-align: baseline}
.center {text-align: center}
.right {float: right; margin: 0em 0em 1em 1em; clear: right;}
.applyonlineButton {padding-right: 20px;}

.shortlisting img {float: none; margin: 0em;}

#search label, #content h1, #side-bar h2, #content h2, dt {color: #7d065a;}
dt {font-weight: bold;}
dd {margin-left: 1em; margin-bottom: 0.5em;}

#menu a, #main-nav a, #search input.button, #quick-links a, #ft a, #menu h2 {color: #ffffff;} 

#search input { border-color:#d1d1d1;}
#search input.button {border: none;}

#quick-links {background-color: #666464;}
#content p, #content h3, #side-bar p, #side-bar h3, #content h3, #content blockquote, #content li, #content table, #logout {color: #232323;}
#loginError p {color: red;}
#loginError, #logout {font-size: 0.9em}

#menu {border-bottom: 2px solid #4e0638;}
#quick-links h2  {color: #4e0638;}

#side-bar a, #content a, #logout a {color: #325510;}
#side-bar a:hover, #content a:hover, #logout a:hover {text-decoration: none;}
#side-bar h2 a {color: #7d065a;}
.login label {padding-right: 1em;}
#content .login p {margin: 0.5em 0em}

#ft {background-color: #900266;}

#menu {background-color: #ffffff; background-image: url(images/main-nav-bg.gif); background-repeat: repeat-x; background-position: bottom;}
body {background-image:url(images/body-bg.png); background-repeat: repeat-x; background-position: top;}
#quick-links {background-image:url(images/quick-links-bg.gif); background-repeat: repeat-x; background-position: top;}
#ft {background-image:url(images/footer-bg.gif); background-repeat: repeat-x; background-position: top;}

#quick-links h2.show {font-weight: bold; font-size: 1.4em;}
#quick-links h2.hide {font-weight: bold; font-size: 1.1em;}

#main-nav a, #menu ul ul a, #search label, #quick-links a, #menu h2 {font-size: 0.9em; text-decoration: none; font-weight: bold;}
#ft {font-size: 0.9em; color: #ffffff;}
#ft a {text-decoration: none; font-weight: bold;}
#quick-links a:hover, #main-nav a:hover, #ft a:hover, #menu a:hover {text-decoration:underline; }

#bd {background-image:url(images/border.gif); background-repeat: repeat-y; background-position: left;}
#horrid-border-fix1 {background-image:url(images/border.gif); background-repeat: repeat-y; background-position: 16.75em;}
#horrid-border-fix2 {background-image:url(images/border.gif); background-repeat: repeat-y; background-position: right;}

.featured {padding-bottom: 0.5em; border-top: 2px dotted #a6a6a6; font-size: 1em;}
#side-bar .featured:first-child {border-top: none;}

#content .newRegion { padding-bottom: 0.5em; border-top: 2px dotted #a6a6a6; margin-bottom: 1em;}

#content h1 {font-weight: bold; font-size: 1.5em; margin: 0.6em 0em 0.6em 0em;}
#content h2, #side-bar h2 {font-weight: bold; font-size: 1.1em; } 
#content h2 {margin: 1.5em 0em 0.5em 0em;}
#side-bar h2 {margin: 0.6em 0em 0.6em 0em;}
#content h3 {font-weight: bold; font-size: 1em; margin: 1.3em 0em 0.4em 0em;}
#content p, #side-bar p, #content table, #content ul, #content ol, #content blockquote, #side-bar ol, #side-bar ul {margin: 1em 0em 1em 0em; font-size: 0.9em }
#content ul, #content ol {margin-left: 4em; margin-bottom: 2em}
#content li {margin-bottom: 0.3em;}

#side-bar ul li {margin-bottom: 0.3em;padding-left: 1em; background-image: url(images/green-list-bullet.png); background-repeat:no-repeat; background-position: 0em 0.6em;}
#side-bar ul ul {margin-top: 0.5em;}
#content ol li {list-style-type: decimal; list-style-position:outside; }
#content ul li {list-style-type: square; list-style-position: outside;}
#content ul li, #content ol li {padding-left: 0.5em;}
#content th, #content td {padding: 0.2em 1em 0.2em 0em;}
#content th {font-weight: bold; color: #7d065a;}
#content blockquote {padding: 1em; margin: 1em 2em 1em 2em; background-color: #FFF0FF; border-left: 2px solid #7d065a;}
#content table.type1 {width: 100%;}
#content table.type2 th {white-space: nowrap;}
#content table.type3 td, #content table.type3 th {vertical-align: top;}

#content a[href^="mailto:"] { padding-right: 17px; background: transparent url(images/icon_mailto.gif) no-repeat right 50%; }
#content a[href^="http://"] { padding-right: 17px; background: transparent url(images/icon_external.gif) no-repeat right 50%; }
#content a[href^="https://"] { padding-right: 17px; background: transparent url(images/icon_external.gif) no-repeat right 50%; }
#content a[href$=".pdf"] { padding-right: 17px; background: transparent url(images/icon_pdf.gif) no-repeat right 50%; }
#content a[href$=".zip"] { padding-right: 17px; background: transparent url(images/icon_archive.gif) no-repeat right 50%; }
#content a[href$=".doc"] { padding-right: 17px; background: transparent url(images/icon_doc.gif) no-repeat right 50%; }
#content a[href$=".docx"] { padding-right: 17px; background: transparent url(images/icon_doc.gif) no-repeat right 50%; }
#content a[href$=".pps"] { padding-right: 17px; background: transparent url(images/icon_pps.gif) no-repeat right 50%; }
#content a[href$=".xls"] { padding-right: 17px; background: transparent url(images/icon_xls.gif) no-repeat right 50%; }
#content a[href$=".xlsx"] { padding-right: 17px; background: transparent url(images/icon_xls.gif) no-repeat right 50%; }
#map a, #content .ig_reset ig_tbl_line a, #listen a {padding-right: 0px !important; background: none !important; vertical-align:middle;}
#content a.noicon {padding-right: 0px; background: none;}

#fileformats {margin-top: 1.5em; padding: 0.3em 1em 0.3em 1em; background-color: #dddddd;}

#side-bar .vacancy {margin-bottom: 1em;}
#side-bar .vacancy h3 {font-size: 1.1em; font-weight: bold;}
#side-bar .vacancy h3, #side-bar .vacancy p {margin: 0.2em 0em 0.2em 0em;}

#medium-text-size, .medium-text-size {font-size: 1.6em; padding-left: 0.1em}
#large-text-size, .large-text-size {font-size: 2.0em; padding-left: 0.1em}
.font-size * {vertical-align: text-bottom;}

#content .news h3 {font-size: 1.1em; margin-bottom: 0em; margin-top: 0em}
#content .news p.highlight {margin-top: 0em;}
#content .news {border-bottom: 1px solid #DDDDDD; width: 100%}
#content .news img {margin-top: 0em;}
#content #vacancy .date {font-weight: bold; color:#7d065a; }
#content .unpublished {margin: 0em; font-weight: bold; color: #555555;}
#content .error p {color: red !important;}
#content .success p {color: green !important; font-weight: bold;}
#content .error_msg p {color: red !important;}
#content .stats {margin-top: 3em; color: #555555;}

.admin-form legend {font-size: 0.9em; color: #666666; margin: 0em 0em 0em 0.5em; padding: 0.2em; background-color: #ffffff;}
.admin-form fieldset {border: 1px solid #666666; padding: 0em 1em 0.5em 1em; margin: 1em 0em 1em 0em;}
.admin-form table {margin: 0em !important; width: 100%;}
.admin-form .form_error_image {text-align: right;}
.admin-form .form_error_note * {color: red !important;}
.admin-form .form_label {vertical-align: top; padding-top: 0.4em; font-weight: bold;}
.admin-form .form_field * {vertical-align: top;}
.admin-form textarea {width: 75%;}

.showhide img {vertical-align: middle; margin-right: 0.5em;}

#did_you_mean {margin: 0.5em 0em 0.5em 0em}
#common_report {margin: 0.5em 0em 0.5em 0em}
#result_report {font-weight: bold; margin: 0.5em 0em 1em 0em}
#results p {margin: 0.3em 0em 0.3em 0em;}

.faviconimg {width: 16px; margin-right: 0.4em}
#content .fancyLinks a { padding-right: 0px; background: none }
.housingScheme {border: 2px solid #7d065a; padding: 0.5em; background-color: #FEFAFD}
.housingScheme dl {margin-top: 0.4em}

.smallblock {width: 125px; float: left; margin-right: 0.5em; margin-bottom: 0.5em}
.clear {clear: both;}

.fhTableType1 fieldset {width: auto !important;}
.fhTableType1 label {color: #7d065a !important;}
.fhTableType1 table {width: 100%;}
.fhTableType1 td.fhLabelRegion, .fhTableType1 .fhFieldRegion * {vertical-align: top !important}
.fhErrors {font-size: 1.1em;}

.surveyCard {margin: 1em 0em 1em 0em; padding: 0.5em 1em 0.5em 1em;}
.surveyCard .fhLabelRegion {padding: 0.3em 0.5em 0.3em 0.5em; font-weight: bold;}
.surveyCard .fhFieldRegion {padding: 0.3em 0.5em 0.3em 0.5em;}
.surveyCard .fhHoldingElement {position: relative; padding: 0.3em 0em 0.3em 0em;}
.surveyCard textarea {width: 100%;}
.surveyCard .radio {display: block; width: 19%; float: left;}
.surveyCard span.withnote {display: block; width: 10%; float: left;}
.surveyCard .radio input, .surveyCard span.withnote input {margin-right: 0.3em;}
.surveyCard .radio *, .surveyCard span.withnote * {vertical-align: middle;}
.surveyCard .fhErrors {display: block; clear: both;}
.surveyCard .fhErrors img {margin-right: 0.5em;}
.surveyCard .fhErrors div {display: inline;}
.surveyCard .fhNoteTrigger {padding-left: 0.4em;}
.surveyCard div.halffield {width: 49%; margin-left: 0.6%; margin-right: 0.3%; float: left; padding-top: 0.3em}
.surveyCard .parafield {padding-bottom: 0em;}
.surveyCard .parafield .fhFieldRegion {display: none;}
.surveyCard .fhFieldRegion {border-top: none;}

.cchaForm {background-color: #d3edf1; }
.cchaForm .fhLabelRegion {color: #ffffff; background-color: #00b7c5;}
.cchaForm .fhFieldRegion {background-color: #91d7e8; }
.cchaForm .fhLabelRegion, .cchaForm .fhFieldRegion {border: 2px solid #00b7c5}

.gasForm {background-color: #ccd6ed; }
.gasForm .fhLabelRegion {color: #ffffff; background-color: #086fb8;}
.gasForm .fhFieldRegion  {background-color: #a0b5de; }
.gasForm .fhLabelRegion, .gasForm .fhFieldRegion {border: 2px solid #2e81c2}

.gardeningForm {background-color: #e9d0ba; }
.gardeningForm .fhLabelRegion {color: #ffffff; background-color: #985006;}
.gardeningForm .fhFieldRegion  {background-color: #c5946a; }
.gardeningForm .fhLabelRegion, .gardeningForm .fhFieldRegion {border: 2px solid #c19060}

.cleaningForm {background-color: #fcd2c1; }
.cleaningForm .fhLabelRegion {color: #ffffff; background-color: #ed1c24;}
.cleaningForm .fhFieldRegion  {background-color: #f8aa8f; }
.cleaningForm .fhLabelRegion, .cleaningForm .fhFieldRegion {border: 2px solid #f14a4b}

.recruitmentForm {background-color: #d4d2e9; }
.recruitmentForm .fhLabelRegion {color: #ffffff; background-color: #5b57a6;}
.recruitmentForm .fhFieldRegion  {background-color: #b0abd4; }
.recruitmentForm .fhLabelRegion, .recruitmentForm .fhFieldRegion {border: 2px solid #7976b7}

.decenthomesForm {background-color: #fffbcc; }
.decenthomesForm .fhLabelRegion {color: #000000; background-color: #ffcb08;}
.decenthomesForm .fhFieldRegion  {background-color: #ffec95; }
.decenthomesForm .fhLabelRegion, .decenthomesForm .fhFieldRegion {border: 2px solid #ffe472}

.repairsForm {background-color: #ecd3df; }
.repairsForm .fhLabelRegion {color: #ffffff; background-color: #98005d;}
.repairsForm .fhFieldRegion  {background-color: #dfb8cb; }
.repairsForm .fhLabelRegion, .repairsForm .fhFieldRegion {border: 2px solid #c46ea1}

.resultsField {width: 60px;}
#content h3.resultsTitle {text-align: center; font-size: 1.6em;}

.adminTools img {margin-right: 5px;}
#whatwedid form {margin: 1.5em;}
#content #whatwedid table {margin: 0em;}
.whatwedid .adminTools {float: right; margin: 0em 0em 0.5em 0em; position: relative; top: -10px;}

#content .applyOnline {padding: 0.5em 1em; background: rgb(125, 6, 90); text-align: center; font-weight: bold;}
#content .applyOnline a {color: #ffffff;}
#content span.onlineApplyStatus {font-size: 0.8em; padding-left: 1em}
#content span.complete {color: green}
#content span.notcomplete {color: red}

#content .applyOnlineConvictions label, #content .applyOnlineEducation label, #content .applyOnlineEmployment label, #content .applyOnlineReferee label {display: none;}
#content .applyOnlineEmploymentHeader label {display: inline}
#content .applyOnlineConvictions td, #content .applyOnlineEducation td, #content .applyOnlineEmployment td {vertical-align: top;}
#content .applyOnlineEmployment td {width: 50%}
#content .applyOnlineEducation input, #content .applyOnlineConvictions input {font-size: 1.1em; width: 100%}
#content .applyOnlineConvictions input.fhCalendar {width: 90%}
#content .applyOnlineEmployment input {font-size: 1.1em;}
#content .applyOnlineEducationHeader label, #content .applyOnlineConvictionHeader label {font-weight: bold; font-size: 1.1em}
#content  span.applyOnlineLabel { font-size: 1.1em; padding-right: 0.5em; padding-bottom: 0.4em}
#content td.school {width: 40%}
#content .applyOnlinePosition textarea, #content .applyOnlineReferee textarea {font-size: 1.1em; height: 120px; width: 95%;}
#content .applyOnlineRefereeAddress {width: 70%;}
#content .applyOnlineRefereeCapacity {width: 30%}
#content .applyOnlineReferee span.applyOnlineLabel {font-weight: bold;}
#content .applyOnlineReferee textarea {height: 75px}
#content .applyOnlineReferee .fhRequired {display: none}
#content .applyOnlineNature textarea {font-size: 1.1em; height: 75px; width: 95%;}
#content .applyOnlineSalary {margin-top: 0.3em}
#content .applyOnlineSalary input {width: 150px }
#content .applyOnlineLeaving input {width: 150px}
#content td.qualification {width: 30%}
#content td.grade {width: 30%}
#content td.offence, #content td.offenceDate, #content td.action, #content td.actionDate {width: 25%}
#content .applyOnlineEducation .LV_validation_message, #content .applyOnlineConvictions .LV_validation_message {display: none}
#content .applyOnlinePosition .LV_validation_message, #content .applyOnlineNature .LV_validation_message {display: none}
#content .applyOnlineStatement label, #content .applyOnlineStatement p.fhLabel {width: 100%}
#content .applyOnlineStatement p.fhField {margin-top: 0.6em !important}
#content .applyOnlineStatement .LV_validation_message {display: block; padding-left: 0}
#content .applyOnlineStatement textarea {width: 100%; height: 600px; padding: 10px;}
#content .applyOnlineStatement .fhRequired {display: none}
#content #stage5a .fhLabel, #content #stage5b .fhLabel {width: 300px}
#content #stage3 h3 {margin-top: 0.5em}
#content #stage1 .fhLabel, #content #stage6b .fhLabel {width: 250px}
#content #stage7 .fhLabel {width: 250px}

#content .status {font-weight: bold;}
#content .status1 {color: green}
#content .status0 {color: black}
#content .status2 {color: #b98500}
#content .status-1 {color: red}

#content table.equalOps th, #content table.equalOps td {text-align: center; padding: 0.2em 0.4em; border: 1px solid #555555}
#content table.equalOps .shading {background-color: #dddddd;}
#content table.equalOps th.shading {border: 2px solid #333333}
#content table.equalOps {border: 2px solid #333333}
#content table.equalOps .br {border-right: 2px solid #333333}
#content table.equalOps tr.bb th, #content table.equalOps tr.bb td {border-bottom: 2px solid #333333}
#content table.equalOps .nb, #content table.equalOps tr.bb .nb {border-bottom: 0}
#content table.equalOps tr.subheader td {font-weight: bold;}

div.poll .question {font-weight: bold;}
div.poll span.answer {padding-right: 0.5em;}
div.poll label {padding-right: 0.2em}
div.poll table {width: 100%}
div.poll table th {vertical-align: top; white-space: nowrap;  padding-right: 0.5em; font-size: 0.9em}
div.poll table td img {vertical-align: top; margin-top: 2px;}
div.poll table td {vertical-align: top; width: 100%;}

#content ul.buttons li a {display: block; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border: 0px;
    text-transform: uppercase;
    font-weight: bold;
    width: auto;
    font-size: 12px;
    padding: 4px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: #47484c 0 1px 0;
    color: white;
    background: #777675;
    background: #7d075a; background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#950169), to(#7d075a));
background-image: -moz-linear-gradient(90deg, #950169, #7d075a);
}

#content a.applyButton {display: block; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border: 0px;
    text-transform: uppercase;
    font-weight: bold;
    width: auto;
    text-align: center;
    font-size: 14px;
    padding: 4px;
    margin: 2em 2em;
    text-decoration: none;
    cursor: pointer;
    text-shadow: #47484c 0 1px 0;
    color: white;
    background: #777675;
    background: #7d075a; background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#950169), to(#7d075a));
background-image: -moz-linear-gradient(90deg, #950169, #7d075a);
}

#content ul.buttons li {list-style: none; float: left; width: auto; margin-right: 0.5em}
#content ul.buttons {padding: 0em; margin: 1em 0em}
ul.buttons:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html ul.buttons{/* IE6 */height:1%;}
*:first-child+html .ul.buttons{/* IE7 */min-height:1px;}