/* common.template start */
    html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption, hgroup, menu, nav, output, ruby {
        border:0;
        font-size:100%;
        font:inherit;
        margin:0;
        padding:0;
    }

    figcaption, figure, hgroup, menu,nav {
        display:block;
    }

    body {
        line-height:1;
    }

    ol,ul {
        list-style:none;
    }

    blockquote, q {
        quotes:none;
    }

    blockquote:before, blockquote:after, q:before, q:after {
        content:none;
    }

    table {
        border-collapse:collapse;
        border-spacing:0;
    }

    * {
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:1.35em;
    }

    .pointer {
        cursor:pointer;
    }

    span.underline {
        text-decoration: underline;;
    }

    body {
        background-color:#FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        line-height:1.35em;
        font-size:12px;
    }

    .viewMode .rteOutput {
        display: block;
        font-weight: normal;
        border:1px solid #999;
        border-radius: 5px;
        padding:10px;
    }

    .rteOutput ul {
        list-style: disc;
        margin: 12px 0px 12px 40px;
    }

    .rteOutput ol li {
        margin-bottom:0;
    }

    .rteOutput ol {
        list-style: decimal;
        margin: 12px 0px 12px 40px;
    }

    .rteOutput h1 {
        color:#990066;
        font-weight:bold;
        font-size:17px;
        margin-bottom:5px;
    }

    .rteOutput h2 {
        color:#990066;
        font-size:14px;
        font-weight:bold;
        margin-bottom:5px !important;
    }

    .rteOutput .awardList {
        margin: 0;
    }

    .rteOutput .underline {
        text-decoration: underline;
    }

    .container {
        width:940px;
        margin: 0 auto;
    }

    .container .content {
        position:relative;

    }

    .header .container {
        margin:0 auto;
        position:relative;
    }

    strong {
        font-weight:bold;
    }

    hr {
        color: #ccc;
        background-color:#ccc;
        border: 0.5px solid;
        height:1px;
        clear:both;
        margin:10px 0;
    }

    hr.dashed {
        border-top: 1px dashed #ccc;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
        background-color:#fff;
    }

    div.divider {
        border: none;
        border-bottom:1px solid #999999;
        clear:both;
        height:0;
        width: 100%;
        margin-bottom:10px;
    }

    em {
        font-style:italic;
    }

    p {
        margin-bottom:0.5em;
        line-height:1.35em;
    }

    p.block {
        margin-bottom:15px;
    }

    p.secondary, .supportInfo {
        color:#666;
    }

    p.notPara {
        margin-bottom: 0;
    }

    p.pageInfo {
        font-size:13px;
        font-weight:bold;
        margin-bottom:10px;
        color:#333;
    }

    a {
        color: #0066cc;
    }

    a.normalHeight {
        line-height:20px;
    }

    a.noLink {
        cursor:default;
        color:#333;
        text-decoration:none;
    }


    h1, .h1 {
        font-weight:bold;
        font-size:18px;
        color:#990066;
        line-height:1.35em;
    }

    h1 em {
        color:#000;
        font-weight:normal;
        font-size:16px;
    }

    h1 a {
        font-weight:normal;
        font-size:14px;
    }

    h1 a.normal {
        font-weight:bold;
        font-size:18px;
    }

    h1 span.applicationRef, .h1 span.applicationRef {
        color:#000;
    }

    h2, .h2 {
        color:#990066;
        font-weight:bold;
        font-size:17px;
        margin-bottom:5px;
    }

    h2.multiLine {
        line-height:23px;
    }

    .panel h2.title {
        margin-bottom:5px;
    }

    h3, .h3 {
        color:#990066;
        font-size:14px;
        font-weight:bold;
    }

    h3.title, .h3.title, label.title {
        margin-bottom:10px;
    }

    .panel h3.missing {
        font-style: italic;
        color:#999;
    }

    .panel h3, .panel .h3 {
        color:#000;
        text-align:left;
        display:block;
    }

    .panel h3.extraPadding {
        padding-top: 20px
    }

    .panel h3:first-child.extraPadding {
        padding-top: 0px
    }

    .panel ol li .h3 {
        width:100%;
    }

    .panel .applicationSummary .row {
        padding-top: 2px;
    }

    .panel .applicationSummary .row:first-child {
        padding-top: 0;
    }

    .panel .applicationSummary .row .label {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 150px;
        color: #990066;
        font-weight: bold;
        padding-right:10px;
        font-size: 12.5px;
        vertical-align: top;
    }

    .panel .applicationSummary .row .data {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 338px;
    }

    h3.buttonHigh {
        line-height:30px;
    }

    h4, .h4 {
        color:#990066;
        font-size:13px;
        font-weight:bold;
        margin-bottom:0.5em;
    }

    h4.pair {
        display:inline;
    }

    .topMargin {
        margin-top:10px;
        display:inline-block;
    }

    .panel a.right {
        float:right;
    }

    .normalText {color:#000; font-weight:normal;}

    p.postal_address {
        margin-top:    0px;
        margin-left:  30px;
        margin-bottom: 0px;
    }

    .wrap-layout-1,
    .wrap-layout-2,
    .wrap-layout-3 {
      background-image: url("/images/ui/background.png");
      background-color:#E7E7E7;
    }

    .wrap-layout-1 .main .content {
        width:940px;
        margin: 25px 0 20px 0;
    }

    .wrap-layout-2 .main .content {
        width: 744px;
        margin: 25px 0px 20px 20px;
        float: left;
    }
   .wrap-layout-2 .main .content .panel{
      max-width:   704px;
   }

    .wrap-layout-3 .main .content {
        width: 544px;
        margin: 25px 0px 20px 20px;
        float: left;
    }

   .wrap-layout-3 .main .content .panel {
      max-width:504px;
   }

    .wrap-layout-3 .main .contentWide {
        width:740px;
        margin:25px 0px 20px 0px;
        float:left;
    }

    .contentWide .infoList .title {
        width:80%;
    }

    .contentWide .infoList .status-vacancy {
        width:17%;
    }

    .main .column-primary {
        float:left;
        width:176px;
    }

    .main .column-secondary {
        float:right;
        margin:25px 0 20px 20px;
        width:180px;
    }

    .main .columnContainer .column-1,
    .main .columnContainer .column-2,
    .main .columnContainer .column-3,
    .main .columnContainer .column-4 {
        float:left;
        margin-right:20px;
    }

    .main .columnContainer .column-4 {
        width:220px;
    }
    .main .columnContainer .column-3 {
        width:300px;
    }
    .main .columnContainer .column-2 {
        width:460px;
    }
    .main .columnContainer .column-1 {
        width:700px
    }

    .main .columnContainer .last {
        margin-right:0;
    }

    .main .columnContainer {
        clear:both;
        height:1%;
    }

    .main .equal-1 {
        min-height:300px;
        
    }

    .main .equal-2 {
        min-height:125px;
    }

    .layout-2 {
        width:50%;
        float:left;
    }

    .layout-2 .primary {
        margin-right:10px;
    }

    .layout-2 .secondary {
        margin-left:10px;
    }

    #mainLogo {
        position:absolute;
        top:15px;
        right:0;
    }

    #mainLogo a {
        display:block;
        width:191px;
        height:0 !important;
        padding-top:64px;
        overflow:hidden;
        background:url("/images/header/nhsLogos.gif") no-repeat;
        background-position:0 -74px;
    }

    #mainLogo a.cy {
        width:199px;
        padding-top:59px;
        background-position:0 -148px;
    }

    #navigation-primary {
        position:absolute;
        bottom:0;
        width:100%;
    }

    #navigation-primary .primary {
        float:left;
    }

    #navigation-primary .secondary {
        float:right;
    }

    #navigation-primary .secondary .subMenu ul li {
        float:left;
        margin-left: 10px;
    }

    #navigation-primary .primary .subMenu ul li {
        float:left;
        margin-right:10px;
    }

    .header a.tab {
        display:block;
        border-width:1px;
        border-style:solid;
        border-radius:4px 4px 0 0;
        font-weight:bold;
        float:left;
        color:#FFFFFF;
        padding:0 20px;
        height:35px;
        line-height:35px;
        vertical-align: middle;
    }

    .header a.tab {
        background-image: url('/images/ui/tab-background-a.png');
        background-repeat:repeat-x;
        background-position:top;
        background-color:#0056c5;
        border-color:#0056c5;
    }

    .header a.tab:hover {
        background-position:center 10px;
        background-color:#007cd7;
    }

    .header a.tab.selected:hover,
    .header a.tab.selected {
        background-image: url('/images/ui/tab-background-a-selected.png');
        background-repeat:repeat-x;
        background-position:top;
        background-color:#0089ff;
        cursor:default;
    }

    #homeBtn {
        padding:0;
    }

    #homeBtn span {
        background-image: url("/images/ui/icons.png");
        text-indent: -3000px;
        background-repeat:no-repeat;
        background-position:-228px -29px;
        white-space: nowrap;
        display:block;
        overflow: hidden;
        margin:10px;
        width:21px;
        height:16px;
    }

    #navigation-primary .primary a.tab {
        display:block;
    }

    #navigation-primary .primary ul.sub {
        display:none;
    }

    #navigation-primary .primary .subMenu ul li:hover .sub,
    #navigation-primary .primary .subMenu ul li a:hover .sub {
        display:block;
        border-top:7px solid #FFFFFF;
        background-color: #006db6;
        background-image:url('/images/ui/dropdown-background.png');
        background-position:top;
        background-repeat:repeat-x;
        position: absolute;
        top: 37px;
        left:0;
        width:100px;
        text-align:left;
    }

    #navigation-primary .primary .subMenu ul.sub li a,
    #navigation-primary .primary .subMenu ul.sub li {
        float:none;
        margin:0;
    }

    #navigation-primary .primary .subMenu ul.sub li a {
        display:block;
        padding: 10px 20px;
        zoom:1;
        height:1%;
    }

    #navigation-primary .primary .subMenu ul.sub li a:hover {
        background-color:red;
    }

    #navigation-primary .primary li.subMenuContainer,
    #navigation-primary .primary .subMenu {
        position:relative;
    }

    #navigation-secondary .menu li.open ul ul,
    #navigation-secondary .menu ul ul {
        display:none;
    }
    #navigation-secondary .menu ul li.open ul {
        display:block;
        margin-left:2px;
        margin-right:2px;
    }
    #navigation-secondary .menu ul li.open ul li.open a,
    #navigation-secondary .menu ul li.open a {
        border-radius: 0 0 5px 5px;
    }
    #navigation-secondary .menu ul li.open ul li.open ul li a,
    #navigation-secondary .menu ul li.open ul li a {
        border-radius:0;
    }
    #navigation-secondary .menu ul li.open ul li.selected ul li a {
        margin-left:    5px;
        padding-top:    2px;
        padding-bottom: 4px;
    }
    #navigation-secondary .menu ul li.open ul li.selected ul li a,
    #navigation-secondary .menu ul li.open ul li a {
        background-color:#fff;
        background-image:none;
        color:#000;
        border-color:#999999;
    }
    #navigation-secondary .menu ul li.open ul li.selected ul li a:hover,
    #navigation-secondary .menu ul li.open ul li a:hover {
        background-position:top;
        background-repeat: repeat-x;
        background-color:#cccccc;
        background-image:none;
        color:#000;
    }
    #navigation-secondary .menu ul li.selected a,
    #navigation-secondary .menu ul li.selected a:hover {
        background-image: url('/images/ui/selected.gif');
        background-position:top;
        background-repeat: repeat-x;
        background-color:#003cb7;
        color:#fff;
    }

    #navigation-secondary .menu ul li.open ul li.selected a,
    #navigation-secondary .menu ul li.open ul li.selected a:hover,
    #navigation-secondary .menu ul li.open ul li.open ul li.selected a,
    #navigation-secondary .menu ul li.open ul li.open ul li.selected a:hover {
        background-image: url('/images/ui/hover_arrow.gif');
        background-repeat:no-repeat;
        background-position:5px center;
        background-color:#fff;
        color:#000;
    }

    #navigation-secondary .menu .title,
    #navigation-secondary .menu a {
        padding: 7px 5px 7px 17px;
        line-height:20px;
        background-color:#990066;
        display:block;
        border: 1px solid #660033;
        margin-bottom: -1px;
    }

    #navigation-secondary .menu ul li a:hover  {
        background-color:#0066cc;
    }

    #navigation-secondary .menu {
        margin-bottom: 20px;
    }

    #navigation-secondary .menu * {
        font-size:13px;
        font-weight:bold;
        color:#fff;
        text-decoration: none;
    }

    #navigation-secondary .menu ul li.last a {
        border-radius: 0 0 5px 5px;
    }

    #navigation-secondary .menu ul li.title {
        border-radius: 5px 5px 0 0;
        background-color:#333333;
        border:none;
    }

    .header {
        width:100%;
        height: 140px;
        border-bottom: 7px solid #FFFFFF;
        background-image:url('/images/ui/background-top.gif');
        color:#fff;
        position:relative;
    }

    .header .container {
        height: 140px;
    }

    .header .headerText{
        padding-top:20px;
    }

    .headerText p {
        font-size:12px;
        color:#999;
    }

    .headerText strong{
        color: #990066;
        font-weight:bold;
    }

    .footer {
        width:100%;
        height:160px;
        background-image:url('/images/ui/background-top.gif');
        border-top: 7px solid #fff;
        color:#fff;
        padding-top:35px;
        clear:both;
    }
    .footer .container { position:static; }

    .footer .subMenu {
        float:left;
    }

    .footer .subMenu ul li {
        float:left;
        margin-right:20px;
        margin-left:0;
    }

    .footer a {
        color: #fff;
    }

    .copyright {
        float:right;
        margin-bottom:10px;
    }

    .header a {
        color:#fff;
    }

    #accessMenu {
        float:left;
    }

    #accessMenu ul li {
        margin-top:15px;
        float:left;
        margin-right:20px;
    }

    #userDetails {
        position:relative;
        top:30px;
    }

    #userDetails .mainUser {
        font-size:16px;
        font-weight:bold;
        margin-right:20px;
        float: left;
    }

    #userDetails .notifications {
        float: left;
        margin-right:20px;
    }

    .panel {
        border-radius: 5px;
        background-color:#fff;
        padding:15px 20px;
        clear:both;
        margin-bottom:20px;
        word-wrap: break-word;
        color:#333;
        -moz-box-shadow: 0 0 3px #ccc;
        -webkit-box-shadow: 0 0 3px #ccc;
        box-shadow: 0 0 3px #ccc;
    }

    .panelLeft, .panelRight {
        width: 360px;
        display: inline-block;
        vertical-align: top;
    }

    .panelLeftIE7, .panelRightIE7 {
        display: inline;
        zoom: 1;
    }

    .panelLeft {
        margin-right: 10px;
    }

    .panelRight {
        margin-left: 10px;
    }

    .panelClose {
        margin-bottom:10px;
    }

    .panel h2 {
        margin-bottom:15px;
    }

    .panel h2 span.normal {
        font-size:13px;
        color:#000;
        font-weight: normal;
    }

    .panel h2.last {
        margin-bottom:0;
    }

    .panel .h4, .panel h4 {
        margin-bottom:15px;
        color:#990066;
    }

    .h4.last, h4.last, .panel .h4.last, .panel h4.last {
        margin-bottom:0;
    }

    .panel table {
        width:100%;
    }

    .horizontalMenu {
        line-height:30px;
    }
    .panel a.select {
        font-size:14px;
        background-image:url('/images/ui/arrow_grey.gif');
    }
    .satisfaction_content {float:left;width:85%;}
    .satisfaction_content a.select {float:left;}

    .panel .satisfaction_figure {
        font-size:24px;
        font-weight:bold;
        color:#0066CC;
        float:right;
    }

    .panel .satisfaction_image {
        width:40px;
        margin-top:-10px;
        height:52px;
        background-image:url('/images/home/satisfaction_1.gif');
        position:absolute;
        top:0;
        right:20px;
    }

    .panel .satisfaction_container {
        width:40px;
        float:right;
        position:relative;
        top:-15px;
        right:-20px;
    }

    .panel a.select,
    .panel .satisfaction_figure {
        vertical-align: middle;
    }

    .panel ul.listData li {
        margin-bottom:10px;
    }

    .panel ul.slideArticles li {
        display:none;
    }

    .panel ul.slideArticles li.current {
        display:block;
        font-style:italic;
        color:#999;
    }

    .panel .panel-split-2 {
        width:50%;
        float:left;
    }

    .panel .panel-split-3 {
        width:33%;
        float:left;
    }

    .panel div.instructions {
        border-radius:5px;
        border:1px solid #999;
        background-color: #eee;
        padding:10px;
        min-height:100px;
        margin-right:-21px;
        margin-left:-1px;
        width:100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .panel textarea.instructions {
        resize:vertical;
        border:1px solid #CCCCCC;
        width:100%;
        height:100px;
    }

    form fieldset ol.right li label {
        width:90%;
    }

    form fieldset ol.right li input {
        width:auto;
    }

    .transparent-panel{margin: 15px 0;}
    .transparent-panel .state .icons { float:right;}
    .transparent-panel .transparent-panel-title h4 {font-size:14px; font-weight:bold; color:#000; margin-bottom:15px;}
    .transparent-panel .transparent-panel-title h3 {font-size:16px; color:#000;}

    .referCheck .transparent-panel .transparent-panel-title h4 {margin-bottom:5px;}
    .referCheck .transparent-panel .transparent-panel-title em {font-size:13px; font-weight:bold; color:#990066; padding-left: 13px;  font-style:normal;}
    .linkRight {float:right; margin-right:5px; margin-top:1px;}

    .twistyTitleWithState{float:left;}

    .twistyTitle h2 {
        display: inline;
    }

    .twistyTitle .jsTip .icon-help {
        margin-top: -2px;
        *margin-top: 0px;
        margin-right: 0;
    }

    .inner-panel {margin: 10px 0; border:1px solid #d9d9d9; box-shadow: none; padding:10px 15px;}
    .inner-panel .twistyTitle h3{color:#0066cc; font-size:14px;}
    .inner-panel .documentDisplay ul li {width:320px;}

    .documentDisplay.documentAlignCenter ul li {margin-left:80px;}

    .standAlone {
        float:right;
        margin-bottom:10px;
    }

   .standAloneLeft {
      float:left;
      margin-bottom:10px;
   }

   .standAloneLinkRight {
        display: inline-block;
        margin-top: -15px;
        position: relative;
        text-align: right;
        top: 20px;
        width: 400px;
   }

   .standAloneLinkRight + a + .errorm {
        display:block; margin-top:30px;
    }

    .singleLine * {
        vertical-align: middle;
    }

    a.select {
        background-image: url('/images/ui/switch_arrow.gif');
        background-position:left center;
        background-repeat: no-repeat;
        padding-left:11px;
        font-weight: bold;
    }

    span.example {
        font-style: italic;
        
    }

    .additional_information {
        font-style: italic;
        color: #999;
    }

    label + .additional_information {
        margin-top: 15px;
    }

    .accreditationLogoRow {
        display: block;
        width: 100%;
        border-bottom: 1px dashed #ccc;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .accreditationLogoRow:hover {
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        font-weight: bold;
        font-size: 16px;
        font-style: italic;
    }

    .accreditationLogoColumn {
        display: inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: top;
    }

    .accreditationLogoColumn--left {
        width: 5%;
    }

    .accreditationLogoColumn--centre {
        width: 55%;
    }

    .accreditationLogoColumn--right {
        width: 40%;
        text-align: right
    }

    .accreditationLogoCheckbox {
        margin-top: 1px;
        *margin-top: -2px;
    }

    .textCenter {
        text-align:center;
    }

    .textLeft {
        text-align: left;
    }

    .leftLabel {
        font-weight:    bold;
        padding-right:  10px;
        width:          1%;
        white-space:    nowrap;
        vertical-align: top;
    }

    .agencyLogo {float:right;}

    ul.bullet {
        margin-left:40px;
        margin-bottom:10px;
    }

    ul.bullet li {
        list-style:disc;
    }

    .defaultList,
    .sitemapList {
        margin-bottom: 15px;
        padding-left: 30px;
    }

    .sitemapList {
        padding-left:15px;
    }

    .defaultList li,
    .sitemapList li {
        list-style: disc outside none;
        margin-bottom: 5px;
    }

    .sitemapList ul,
    .defaultList ul {
        padding-left: 30px;
    }

    .sitemapList ul {
        margin-top:5px;
        padding-left:15px;
    }

    ul.multiLinks li {
         display:inline;
         padding-right:5px;
         padding-left:5px;
         border-right:1px solid black;
      }

      ul.multiLinks {
         margin-bottom:10px;
      }

      ul.multiLinks li.first {
         padding-left:0px;
      }

      ul.multiLinks li.last {
         border-right:none;
      }

    ol.numbers li {
        list-style-type:decimal;
        margin-left:20px;
        margin-bottom:0;
        padding-bottom:0;
        line-height:1.5em;
        min-height:1.5em;
    }

    ol.numbers {
        margin-bottom:10px;
    }

    .contentNavigation {
        margin-bottom:13px;
        margin-top:-5px;
        overflow: hidden;
        width: 100% ;
        table-layout: fixed;
    }

    .contentNavigation .navigationPrev {
        float:left;
    }

    .contentNavigation .navigationCounts {
    text-align:center;
    }

    .contentNavigation .navigationNext {
        float:right;
    }

    .agency_list
    {
        margin-top:4px;
    }

    .application .actions {
        float:right;
    }

    .application .title a {
        font-size:14px;
        font-weight:bold;
    }

    .application .title,
    .application .details {
        margin-bottom:20px;
        display:block;
    }

    .application dl {
        height:1%;
    }

    .application dl dt {
        font-weight:bold;
        color:#990066;
        margin-right:2px;
    }

    .application dl dd,
    .application dl dt {
        float:left;
    }


    .application  dd {
        margin-right:10px;
    }

    .application .status {
        float:right;
    }

    .pageHeading .subSection {
        color:#000;
    }

    .pageHeading .pagination {
        color:#666;
        font-size:16px;
        font-style:italic;
    }

    .pageHeading .displayRefLink {
        font-size:18px;
        font-weight:bold;
    }

    .column-secondary .pagination {
        color:#999;
    }

    dl.articles {
        min-height:218px;
    }

    dl.articles dd {
        margin-bottom:7px;
    }

    .main .panel table .data-block {
        display:inline-block;
        height:1.35em;
        text-indent:-3000px;
    }

    .main .panel table.vacancies .data-block {
        background-color:#990066;;
    }

    .main .panel table.applications .data-block {
        background-color:#009933;
    }

    .main .panel table.vacancies tr td.first,
    .main .panel table.applications tr td.first {
        width:35%; 
        padding-right:5px;
        vertical-align:middle;
    }

    .main .panel table.vacancies tr:hover,
    .main .panel table.applications tr:hover {
        background-color:#eee;
    }

    .main .panel table.vacancies tr td,
    .main .panel table.applications tr td {
        width:100%; /* IE6 Support */
        vertical-align: middle;
        height:1.7em;
    }

    .main .panel ul.tasks {
        margin-bottom:15px;
        margin-top:-5px;
    }

    .main .panel ul.tasks li.fourItems {
        margin-left:22px;
    }

    .main .panel ul.tasks li.threeItems {
        margin-left:42px;
    }

    .main .panel ul.tasks li.status-safe,
    .main .panel ul.tasks li.status-immediate,
    .main .panel ul.tasks li.status-overdue,
    .main .panel ul.tasks li.status-message {
        background-image:url("/images/ui/icons.png");
        overflow: hidden;
        display:block;
        text-align: center;
        float:left;
        margin-right:12px;
        width:43px;
        background-repeat: no-repeat;
        font-size:14px;
        font-weight:bold;
        height:58px;
        padding-top:27px;
        margin-bottom:-27px;
        zoom:1;
    }

    .main .panel ul.tasks li.status-safe {
        background-position: -6px -203px;
    }
    .main .panel ul.tasks li.status-immediate {
        background-position: -55px -203px;
    }
    .main .panel ul.tasks li.status-overdue {
        background-position: -105px -203px;
    }
    .main .panel ul.tasks li.status-message {
        background-position: -153px -203px;
        padding-top:13px;
        color:#fff;
    }
    .main .panel ul.tasks li a {
        color:#000;
        padding:0;
        width:43px;
        display:block;
        text-align:center;
    }

    .main .panel ul.tasks li.status-message a {
        color:#fff;
    }

    .main .panel .task-container .task-message {
        display:none;
    }

    .main .panel .task-container .selected {
        display:block;
    }

    .myTasks .taskItem {
        position: relative;
    }

    .myTasks .taskItem .taskTitle .taskState {
        display:inline;
        float:left;
        padding-right:5px;
    }

    .myTasks .taskItem .taskTitle {
        width:70%;
    }

    .myTasks .taskItem .taskTitle h3 {
        display:inline;
    }

    .myTasks .taskItem .taskVacancyState a {
        float:right;
        width:25%;
        text-align: right;
        font-weight: bold;
    }

    .myTasks .taskReference a {
        font-size: 14px;
        font-weight: bold;
    }

    .myTasks .taskReference div.name {
        display:inline;
        font-size:14px;
        font-style: italic;
        padding-left:5px;
    }

    .myTasks .taskItem .taskDetails dl dt {
        font-weight:bold;
        display:inline;
    }

    .myTasks .taskItem .taskDetails dl dd {
        display:inline;
        margin-right:20px;
    }
    .myTasks .taskReference {padding-left:25px;}

    .myTasks .taskItem .taskDetails {
        margin-top:25px;
    }

    .myTasks .taskItem .taskDetails dl dd .example {
        color:#999;
    }

    .myTasks .taskItem .taskActions {
        position:absolute;
        bottom:0;
        right:0;
    }

    .main .panel dl.list-status dt {
        font-size:12px;
        color:#333333;
        font-weight:normal;
        width:80%;
        float:left;
        height:28px;
        line-height:28px;
    }

    .main .panel dl.list-status dd {
        float:right;
    }

    .main .panel dl.list-status dd a,
    .main .panel dl.list-status dd span.anchor {
        font-weight:normal;
        width:25px;
        height:20px;
        line-height:20px;
        vertical-align:middle;
        font-size:12px;
        text-align:center;
        padding:3px;
        background-color:#F0F0F0;
        display:block;
    }

    .main .panel dl.list-status dd span.anchor {

        color:#999;
    }

    .task-message dl.task-table {
        border-style:solid;
        border-width:5px 0 0 0;
        padding:0 10px 10px;
        margin:10px 0;
    }

    .task-message .safe dl.task-table {
        background-color:#e7fae5;
        border-color:#33cc00;
    }
    .task-message .immediate dl.task-table {
        background-color:#f7fae5;
        border-color:#ffcc33;
    }
    .task-message .overdue dl.task-table {
        background-color:#fae5e5;
        border-color:#ff0033;
    }

    .task-message .messages  dl.task-table {
        background-color:#F0F0F0;
        border-color:#000000;
    }

    .task-message dl.task-table dt  {
        font-weight:bold;
        color:#990066;
        padding:10px 0 10px;
    }
    .task-message dl.task-table dt a {
        margin-right:10px;
    }
    .task-message dl.task-table dd  {
        border-bottom:1px solid #999999;
        padding:0px 0 10px;
    }

    .task-message dl.task-table dd.last  {
        border-bottom:none;
        padding-bottom:0;
    }

    .task-message {
        margin:10px 0;
    }

    .js_off .hasJS {
        display:none;
    }
    .js_off .nonJS {
        display:"";
    }

    .js_on .hasJS {
        display:""
    }
    .js_on .nonJS {
        display:none !important;
    }

    .clear {
        clear:both;
    }

    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }


    .hidden {
        display:none !important;
    }

    .quickLink {
        text-align:right;
        width:100%;
        font-size:14px;
        display:block;
    }


    .pageHeading {
        margin: 0 0 15px 0;
    }


    div.hrContainer {
        padding:10px 0;
    }

    div.hrContainer hr {
        margin:0;
    }

    .note {
        padding-bottom:5px;
        display:block;
    }

    .note .note-row {
        padding-bottom:6px;
        text-align: left;
        clear:left;
    }

    .note .note-prefix {
        float: left;
        width: 100px;
        font-weight:bold;
        display:inline-block;
    }

    .note .note-content {
        display:block;
        margin-left:100px;
    }

    .note .note-content strong {
        color:#990066;
        font-weight:bold;
    }

    .headFloatLeft {float:left;}

    .js_on .twisty.levelWithTitle .twistyTitle {
        float:left;
        margin-left:10px;
        margin-top: -2px;
    }

    .documentDisplay ul li {
        padding:0 0 10px 0;
        margin-left:150px;
        height:30px;
        width:350px;
        vertical-align: middle;
    }

    .documentDisplay ul li .documentControl {
       float:right;
    }

    .documentDisplay .doc-description {margin:0 0 0 26px;}

    .strongdata {color:#000;}
    .user-email-wrap {word-wrap:break-word !important;}

    .panel .twisty .stateIcon {
        float:right;
    }

    .panel .twisty .twistyTitle {
        padding-top:2px;
      min-height:18px;
    }

    .documentDisplay.documentListingBlock ul li {height:auto !important;}
    .documentDisplay.documentListingBlock .document-details {
        float:left;
        width:240px;
        margin: 5px 0;
    }

    .documentDisplay.documentListingBlock .document-details strong.doc-title {
        line-height: 20px;
    }

    .documentDisplay ul li .documentControl {
       float:right;
    }

    h3 a.headerLink {
        font-size:12px;
        margin-left:20px;
    }

    a.doc_file, a.docx_file, a.rtf_file, a.xls_file, a.xlsx_file, a.txt_file, a.ppt_file, a.pptx_file {
        background: transparent url(/images/icons/doc.gif) center left no-repeat;
        display: inline-block;
        padding-left: 24px;
    }

    a.pdf_file {
        background: transparent url(/images/icons/doc.gif) center left no-repeat;
        display: inline-block;
        padding-left: 24px;
    }

    .file_download_link {
        line-height: 20px;
        margin-top: -4px;
    }
   .jobdesc-docslist .file_download_link {width:320px; display:block;word-wrap: break-word;}
   .jobdesc-docslist .errorm .file_download_link {width:260px;}
   .jobdesc-docslist .file_download_link a {display:inline; padding-top:2px; padding-bottom:2px;}
   .jobdesc-docslist li.docChooser input.fileField {width:300px; overflow:visible;}
   .jobdesc-docslist .errorm li.docChooser input.fileField {width:240px;}
   @-moz-document url-prefix() {
      .jobdesc-docslist li.docChooser input.fileField {width:230px;}
      .jobdesc-docslist .errorm li.docChooser input.fileField {width:175px;}
   }
   .internal-docs ol li.docChooser {border:none;padding:0;}
   .internal-docs .documentDisplay.documentListingBlock .document-details {width:340px;}
   .internal-docs .documentDisplay.documentListingBlock .document-details a {display:inline;padding-top:2px; padding-bottom:2px;}

    .pageCopy p {
        line-height: 1.6em;
        margin-bottom:15px;
    }
    .pageCopy h2 {
        margin-top:25px;
    }

    .pageCopy h2.first {
        margin-top:0px;
    }

    .pageCopy h3 {
        margin-bottom:10px;
    }

    .pageCopy ul {
        padding-bottom:5px;
    }
    .pageCopy li {
        line-height: 1.6em;
    }

    .pageCopy .section {
        margin-left:15px;
    }

    .pageCopy .section h1, .pageCopy .section h2, .pageCopy .section h3 {
        margin-left: -15px;
    }

    .articlesList {}
    .articlesList li {padding:10px 0; border-bottom:1px solid #ccc;}
    .articlesList li.last, .articleItem.last {border:none;padding-bottom:0;}


    .articleItem h2 a {text-decoration:none;}
    .articleItem h2 a:hover {text-decoration:underline;}

    .articleItem{padding:15px 0; border-bottom:1px solid #ccc;}
    .articleItem h2{margin:0; padding:0 0 10px 0;}
    .articleItem p{margin:0;}
    .articleItem.first {padding-top:0;}

    .articleDetails p{margin:0 0 15px 0;}
    .articleDetails .articleContent {margin:0 0 15px 0;}
    .articleDetails .posted {margin-bottom:0;}

    .articleContent ul li {
        list-style: disc;
        margin: 0 0 0 40px;
    }
    .articleContent ol, .articleContent ul {
        padding:0;
        margin-bottom:10px;
    }
    .articleContent ol li {
        list-style: decimal;
        margin: 0 0 0 40px;
    }

    .floatLeftPanel {width:580px; float:left; clear:none;}
    .floatRightPanel {width:220px; float:right; clear:none;}

    .staticResults .buttons a {margin-bottom:20px;}
    .staticResults .panel {padding:0 25px; margin-bottom:0;}
    .staticResults p.empty {text-align:center; font-weight:bold; padding:50px 0; margin-bottom:0;}
    .staticResults .item {border-bottom: 1px solid #CCCCCC; font-size: 13px; padding: 20px 0;}
    .staticResults .item.last {border-bottom:none;}
    .staticResults .item h2 {font-size:14px; margin-bottom:10px;}
    .staticResults .item p {margin-bottom:0;}
    .staticResults .item .match {background-color: #FFFFCC; font-weight: bold;}

    .otp-display {
        margin:         25px 0;
        font-size:      20px;
        font-weight:    bold;
    }

    .mandatoryStar {
        font-weight:    bold;
        color:          #ff0000;
    }

    img.page-illustration {
        max-width:  90%;
        display:    block;
        margin:     4px auto;
        border:     2px solid #E7E7E7;
        padding:    2px;
        background-color: white;
    }

/* common.template end *//* buttons.template start */



	.buttons a,
	.buttons span.button,
	.buttons input.button,
	.buttons button{
	    display:block;
	    float:left;
	    font-size:13px;
	    line-height:130%;
	    text-decoration:none;
	    font-weight:bold;
	    color:#565656;
	    cursor:pointer;
		padding:5px 17px 5px 14px; /* Links */


	   	margin:0;
	   	background-image:url('/images/ui/button_primary.gif');
	   	background-repeat:repeat-x;
	   	background-color:#0B9E33;
	   	background-position:center bottom;
	   	color:#fff;
	   	border-radius:5px;
	   	border:1px solid #339933;
	}

	.buttons a {
		line-height:17px; /* Fix height issue between buttons */
	}

	
	.buttons a span.icons,
	.buttons input.button span.icons,
	.buttons span.button span.icons,
	.buttons button span.icons{
	    margin:-3px 4px -4px -4px;
	    padding:0;
	    border:none;
	}

	
	.buttons button.disabled,
	.buttons a.disabled {
        color:#5B805B;
        cursor:default;
    }

    .buttons button.disabled:hover,
    .buttons a.disabled:hover {
        background-color:#0B9E33;
        background-position:center bottom;
    }

	
	#form_vac fieldset ol li span.buttons {
		position:absolute;
	}

   
   div.buttons span.noFloat {float:none;}








	/* Used for the buttons container to float the button(s) to the right */
	.buttons.btnMarginBottom {margin-bottom:20px;}
	.endOfForm {
		float:right;
	}

	.afterTable {
		float:right;
		margin-top:10px;
	}

	.buttonsMultiple .secondary, .buttonsMultiple .button, .buttonsMultiple a{margin-right:5px;}


	form.buttons a,
	form.buttons span.button,
	form.buttons button {
		float:right;
	}

	.buttons button.inline,
	
	.buttons input.button.inline,
	
	.buttons a.inline {
		display: inline-block;
		float: none;
	    margin-left: 10px;
	}

	form ol li .buttons input.inline {
		min-width:auto;
	}

	.column-secondary .buttons ul li button, .column-secondary .buttons ul li .button {
		margin-bottom:5px;
		clear:both;
	}

	.buttonBelowPanel {
		margin-top:-5px;
		margin-bottom:15px;
	}

	.middleOfPanel {
		margin-top:-5px !important;
	}

	.buttonPanelTopMargin {
		margin:15px 0 0 0;
	}

   .buttons button#fulllistsmlAction {padding:3px 13px 4px 13px;}








	.buttons button[type],
	.buttons input.button {
	    padding:3px 16px 4px 13px; /* Firefox */
	    line-height:17px; /* Safari */
	    height:29px;
	}

	.buttons input.button {
		/*padding-bottom:5px;*/
	}

	/** Get around the "oddness" with the lopsided **/
	.buttons a.noimage,
	.buttons button.noimage {
		padding-left: 17px;
	}

	.buttons button[type].noimage{
		padding-left:14px; /* Firefox */
		padding-right:14px; /* Firefox */
	}

	
	








	/* STANDARD */
	.buttons button:hover,
	.buttons a:hover,
	.buttons input.button:hover,
	.buttons a:active{
		background-image:url('/images/ui/button_primary.gif');
	   	background-repeat:repeat-x;
	   	background-color:#5DC733;
	   	background-position:center top;
	}


	/* SECONDARY */
	button.secondary,
	.buttons span.secondary,
	
		.buttons input.button.secondary,
	
	.buttons a.secondary{
	    color:#333333;
	    background-image:url('/images/ui/button_secondary.gif');
		background-repeat:repeat-x;
	   	background-color:#e6e6e6;
	   	background-position:center top;
	   	border-color:#bdbdbd;
	}

	.buttons span.disabled {
		color:#bbb;
		cursor:default;
	}

	
		/* APPLICANT IS ENABLED */
		.buttons input.disabledBtn {cursor:default;}
		.buttons input.disabledBtn:hover {background-color:#0B9E33;background-position:center bottom;}
	

	.buttons a.secondary:hover,
	
		.buttons input.button.secondary:hover,
	
	button.secondary:hover,
	.buttons a.secondary:active{
		background-image:url('/images/ui/button_secondary.gif');
		background-repeat:repeat-x;
	   	background-color:#f5f5f5;
	   	background-position:center bottom;
	   	border-color:#bdbdbd;
	}

	/*Link Buttons*/
	.buttons .linkButton {
		background: none repeat scroll 0% 0% transparent;
		border: medium none;
      padding: 0px;
		text-decoration: underline;
		color: #0066cc;
		cursor: pointer;
      width:auto;
      overflow:visible;
	}

	.plainBtns button {background:none; padding:0; margin:0; border:none; cursor:pointer;}


	
	div.anchorButton {
		float:right;
		line-height:30px;
		margin: 0 18px;
	}

	div.anchorButtonR {
		float:right;
		line-height:30px;
		margin: 0 20px 0 0;
	}

	div.anchorButtonL {
		float:left;
		line-height:30px;
		margin: 0 20px 0 0;
	}

	
	#floatingSaveButtonAnchor { padding:0px; border:none; visibility:hidden; }
	#floatingSaveButton { position: relative; margin-top: 20px; padding: 10px 0px; border-width: 1px 0px; border-style: solid; border-color: rgb(221, 221, 221); }
	#floatingSaveButton .button { float:none; margin:0 auto; }



.closeWinContainer {float:right;}
.closeWinContainer p {line-height:30px; margin-bottom:0;}
#leavepage {line-height:19px;margin-right:10px;}

.buttonGroup .buttons {
    margin-bottom: 20px;
    display: inline-block;
}

.buttonGroup .buttons .standAlone {
    margin-bottom: 0;
}

.buttonGroup .rightColumn button {
    margin-left: 10px;
}

/* buttons.template end */
/* icons.template start */

    .icons {
        width:20px;
        height:20px;
        background-image:url('/images/ui/icons.png');
        display:inline-block;

        

        line-height:20px;
        vertical-align: top;
        background-repeat: no-repeat;
    }

    .icons span {
        font-size:0;
        text-indent:-3000px;
    }
   .icon-notavail {
      background-position:-1000px -1000px;
   }
    .icon-true {
        background-position:-2px -3px;
    }
    .icon-false {
        background-position:-28px -4px;
    }
    .icon-accept {
        background-position:-79px -4px;
    }
    .icon-decline {
        background-position:-103px -4px;
    }
    .icon-progress {
        background-position:-129px -5px;
    }
    .icon-overdue {
        background-position:-153px -5px;
    }
    .icon-due {
        background-position:-178px -4px;
    }
    .icon-flag {
        background-position:-205px -4px;
        margin-right:-2px;
    }
    .icon-padlogo {
        background-position:-277px -5px;
        margin-top:-2px;
    }

    .icon-internal-app {
        background-position:-203px -53px;
    }

    .icon-restricted-app {
        background-position:-229px -53px;
    }

    .icon-covid-19 {
        fill: #DA291C;
    }

    .vacancyContainer .title h1 span.icon-covid-19, .directApplyVacancyContainer .title h1 span.icon-covid-19 {
        vertical-align: middle;
    }

    .directApplyVacancyContainer .title h1 span.icon-covid-19 {
        margin-left: 5px;
    }

    .icon-newly-app {
        background-position:-253px -53px;
    }

    .icon-internal {
        background-position:-2px -26px;
        margin-top:-2px;
    }
    .icon-restricted {
        background-position:-27px -26px;
        margin-top:-2px;
    }
    .icon-affected-by-change {
        background-position:-52px -26px;
        margin-top:-2px;
    }

    .icon-armed-forces {
        background-position:-257px -234px;
        margin-top:-2px;
    }

    .icon-na {
        background-position:-229px -3.5px;
    }

    .icon-adjustment {
        background-position:-144px -108px;
        margin-top:-2px;
    }

    .icon-tbc {
        background-position: -254px -5px;
        width:21px;
        margin-top:-2px;
    }

    .icon-twisty-open {
        background-position:-232px -119px;
        height:10px;
        width:10px;
    }

    .icon-twisty-closed {
        background-position:-232px -129px;
        height:10px;
        width:10px;
    }

    h2 .icon-twisty-open, h4 .icon-twisty-open {
        background-position:-257px -119px;
        height:10px;
        width:10px;
    }

    h2 .icon-twisty-closed, h4 .icon-twisty-closed {
        background-position: -258px -129px;
        height: 10px;
        width: 10px;
    }

    button.Zebra_DatePicker_Icon {
        width: 18px;
        height: 21px;
        background-image:url('/images/ui/icons.png');
        background-position: -104px -27px;
        background-color:transparent;
        text-indent: -9000px;
        border: none;
        cursor: pointer;
        margin: 0 0 0 5px;
        padding: 0;
        line-height: 0;
        vertical-align: top;
    }

    .icon-date {
        background-position: -104px -27px;
    }

    .icon-external {
        margin-left:4px;
        background-position:-178px -28px;
    }

    .icon-external-white {
        margin-left:4px;
        background-position:-202px -29px;
    }

    .menu .icon-external-white {
        margin-top:0;
    }

    .icon-previous {
        background-position:-231px -138px;
        width:14px;
        margin-top: 1px;
        height:14px;
    }

    .icon-next {
        background-position: -229px -127px;
        height: 14px;
        margin-top: 1px;
        width: 15px;
    }


    .icon-help {
        background-position:-78px -27px;
        margin-left:3px;
      text-indent: -5000px;
      text-align:left;
    }

    .icon-hover {
        background-position:-276px -27px;
        margin-left:3px;
        margin-top:-3px;
    }

    .icon-offline {
        background-position:-276px -52px;
        margin-top:-2px;
        margin-left:3px;
    }

    .icon-welsh-app {
        background-position: -206px -234px;
        margin-top:-2px;
        margin-left:3px;
        margin-right:3px;
    }

    .icon-copied-app {
        background-position: -231px -234px;
        margin-top:-2px;
        margin-left:3px;
        margin-right:3px;
    }

    h1 .icon-offline {
        margin-top:2px;
    }
    h1 .icon-welsh-app {
        margin-top:2px;
    }
    h1 .icon-copied-app {
        margin-top:2px;
    }
    h1 .icon-armed-forces {
        margin-top:2px;
    }

    span.mid-icon {
        line-height:20px;
    }

    
        form ol li .icon-help {
            margin-top:2px;
        }

        form ol li label .icon-help {
            margin-top:-3px;
        }
    

    .icon-print {
        background-position: -128px -27px;
    }

    .icon-mail,
    .icon-mail-unread {
        background-position: -153px -27px;
        margin-top:-2px;
    }

    .icon-mail-read {
        background-position: -254px -29px;
        margin-top:-2px;
    }

    .icon-info {
        background-position: -2px -53px;
        padding-right:4px;
    }

    .icon-document {
        background-position: -28px -54px;
        margin-right:3px;
    }

    .icon-sort-asc {
        background-position:-280px -107px;
        width:10px; height:10px;
    }

    .icon-button.icon-sort-asc,
    .icon-button.icon-sort-des {
        margin: 7px;
    }

    .icon-sort-des {
        background-position:-280px -118px;
        width:10px; height:10px;
    }

    .icon-close {
        background-position:-53px -53px;
        width:19px; height:19px;
    }
    .icon-rss {
        background-position:-78px -53px;
    }

    .icon-button.icon-bin,
    .icon-bin {
        background-position:-52px -3px;
    }

    .icon-button.icon-bin:hover,
    button:hover .icon-bin {background-position:-28px -3px;}

    .icon-move-up {
        background-position:-103px -53px;
    }

    .icon-move-down {
        background-position:-127px -53px;
    }

    .icon-button.icon-move-up:hover,
    button:hover .icon-move-up {
        background-position:-153px -53px;
    }

    .icon-button.icon-move-down:hover,
    button:hover .icon-move-down {
        background-position:-178px -53px;
    }

    input.icon-button {
        width:20px;
        height:20px;
        background-image:url('/images/ui/icons.png');
        display:inline-block;

        

        line-height:20px;
        vertical-align: top;
        background-repeat: no-repeat;
        font-size:0;
        text-indent:-3000px;
        border:none;
        background-color:transparent;
        cursor:pointer;
    }

    .column-secondary form ol li label .icons {
        margin-top:-3px;
        margin-bottom:3px;
        
    }
   .jsTip{outline:0;margin-right:1px;}
   .jsTip span {}

/* icons.template end */    /* form.template start */
    input[type="text"],
    input[type="password"],
    input.text,
    input.password,
    textarea,
    select {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
        border-radius:3px;
        line-height:14px;
        text-align:left;
        padding: 3px;
        margin:0;
    }

    textarea {
        resize:vertical;
    }
    .hiddenWithIndent {position:fixed; left: -9999px; width:50px;}

    .panel select {
        padding-top:2px;
        padding-bottom:2px;
        padding-left:2px;
        padding-right:2px;
    }

    input[type="text"],
    input[type="password"],
    textarea {
        -ms-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
    }

    form ol li input[type="radio"],
    form ol li input[type="checkbox"],
    form ol li input.radio,
    form ol li input.checkbox {
        width:auto;
        min-width:1%;
        zoom:1;
    }


    form ol li ol li * {
        vertical-align:    top;
    }

    form ol.heightFix li {
        min-height:22px;
    }

    form ol li {
        margin-bottom:5px;
    }

    form fieldset legend {
        display:none;
    }

    form fieldset.marginBottom {
        margin-bottom: 20px;
    }

    form ol li ol {
        vertical-align: top;
        margin-bottom:10px;
        width:33%;
        display:inline-block;
    }

    #job_details_classification ol li ol {
        margin-bottom: 0;
    }

    form ol li ol.wide {
        width:60%;
    }

    form ol li ol li {
        min-height:1px;
        line-height:15px;
        margin-bottom:0;
    }

    input[type="text"], select, label, textarea {
        margin:0;
    }

    form#user_form ol li span {
        vertical-align: bottom;
        font-weight: bold;
    }

    form ol li label, form ol li span.label {
        line-height:15px;
        vertical-align: top;
        text-align:right;
        margin-right:5px;
        margin-top:4px;
    }

    .vacancyTemplateJS label {
        text-align: left;
        margin-bottom: 5px;
    }

    .vacancyTemplateJS input {
        width: 429px;
    }

    .errorm .vacancyTemplateJS input {
        width: 333px;
    }

    .vacancyTemplateJS span.buttons {
        float: right;
    }

   form ol.alignCheckRadio li{position:relative;}

   form ol.alignCheckRadio li input[type="radio"],
   form ol.alignCheckRadio li input[type="checkbox"],
   form ol.alignCheckRadio li input.radio,
   form ol.alignCheckRadio li input.checkbox {position:absolute; left:34%;}

   form ol.centered.alignCheckRadio li input[type="radio"],
   form ol.centered.alignCheckRadio li input[type="checkbox"],
   form ol.centered.alignCheckRadio li input.radio,
   form ol.centered.alignCheckRadio li input.checkbox {position:absolute;left:46%;}


    form ol li label, form ol li span.label, form ol li select, ul.options {
        width:33%;
        display:inline-block;
        vertical-align: top;
    }

    form fieldset.reference_question_options ol li label, form fieldset.options ol li label {
        width: 20%;
    }

    form#offer_checklist ul.options {
        width: 65%;
    }

    form#offer_checklist ul.options li {
        width: 100%;
    }

    form#offer_checklist ul.options li label {
        width: 90%;
        margin-right: 0;
    }

    form ol li input.wider,
    form ol li select.wider {
        width:50%;
    }

    form ol li input.widest,
    form ol li select.widest,
    form#offer_checklist ol li textarea.wide {
        width:65%;
    }

    form ol.centered li input.widest,
    form ol.centered li select.widest {
        width:50%;
    }

    form ol.checkboxMessage li label {
        width:100%;
        text-align: left;
    }

   form ol.alignCheckboxLeft li label {width:95%;margin:0 0 0 5px;}
   form ol.alignCheckboxLeft li input {float:left !important;}

    form ol.checkboxMessage li input {
        float:right;
    }

    form ol li select.stored-message-dropdown {min-width:30% !important; width:30% !important;}
   .actionWidthFixed {width:80px;}
   .msgFixedWidth {width:80%;}

    form ol li textarea, form ol li input {
        min-width:33%;
        vertical-align: top;
    }

    form fieldset.reference_question_options ol li input, form fieldset.options ol li input {
        min-width:62%;
    }

    input[type="radio"] + label {
        margin-top:3px;
    }

    input[type="checkbox"] + label {
        margin-top:3px;
    }

    form fieldset {
        margin-bottom:10px;
        padding-bottom:10px;
    }

    form.roleDocumentLibrary fieldset {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    form fieldset.filtering_group {
        margin-bottom:0;
        padding-bottom:20px;
    }

    form fieldset.last {
        margin-bottom:0;
        padding-bottom:0;
    }

    form fieldset fieldset {
        margin-bottom:0;
        padding-bottom:0;
    }

    form ol li p.message {
        text-align:center;
        line-height:30px;
    }

    form ol li div.editByDate {
        padding-left:5px;
        line-height:15px;
        display:inline-block;
    }

    form fieldset ol li span.formHyphen {
        line-height: 30px;
        vertical-align: top;
        display: inline-block;
        margin-top:-5px;
    }


    span.action-note {
        display:block;
        color:#999999;
        font-style:italic;
        padding-bottom:5px;
    }

    form fieldset ol li input.small {
        min-width:0;
        width:24%;
    }

    form fieldset ol li input.smaller {
        min-width:0;
        width:14%;
    }

    form fieldset ol li input.vsmall {
        min-width:0;
        width:7%;
    }

    form fieldset ol li textarea.wide {
        width:100%;
        height:100px;
        resize:vertical;
    }

    form fieldset ol li label.wide,
    form fieldset ol li * label.wide {
        width:98%;
        text-align:left;
    }

    form fieldset ol li label.checkboxLabel {width:95%; text-align:left; margin-right:0;}

    form fieldset ol li textarea.tall {
        height:180px;
    }

    form ol li select.fullText,
    form ol li textarea.fullText,
    form ol li input.fullText {
        min-width:60%;
        margin-right:-6px;
    }

    form table.list tbody tr td.top ol li * {
        vertical-align: top;
    }

    form ol li textarea.twoline {
        height:37px;
    }

    .ew-options-panel ol {width:600px;}

    .ew-options-panel ol li .fullText {
        min-width:60%;
    }

    .interview-options-panel {border: 1px solid #D9D9D9; box-shadow: none; margin: 0 0 15px 0; padding: 10px 0; border-radius:5px;}

    ol.indent.action-note-hold {margin-top:0;}
    ol.indent.action-note-hold .action-note {padding:0;}
    div.groupSpacer {padding:20px 0 0 0;}
    h3.groupHeader {padding:10px 0 5px 200px; text-align:left;}
    h3.groupHeader.first {padding-top:0;}
    ol.indentActions {padding:0 0 0 252px; margin-top:5px;}
    ol.indentActions label {width:auto; text-align:left;}

    ol.indentActions label{display:block;padding:0 0 2px 0;}
    ol.indentActions textarea{width:68%;}
    /* Used in Insert vacancy page */
    form ol.centered ol.radioCheckSubOptions {width:100%; padding:5px 0 0 10px;}

    .groupHeader.groupHeaderLeftAlign {text-align:left;padding-left:0;}
    .optionsHeader {padding:0;}
    form fieldset .radioSelection.wideList li label {max-width:60%;}

    form fieldset ol.centered.radioCheckList li {padding-left:45%;}
    form fieldset ol.radioCheckList li label {text-align:left; width:auto;}
    form fieldset ol.centered li label, form fieldset ol.centered li span.label {
        width:45%;
    }

    form ol.centered li ol {
        width:45%;
    }

    form ol.centered li ol li label, form ol.centered li ol li span.label {
        width:80%;
    }

    form ol li ol li label {
        text-align:left;
        margin-right:0;
        margin-top:0;
        height:auto;
        min-width:0;
        width:80%;
    }

    form ol li ol li input {
        min-width:1%;
        width:auto;
    }

    form ol li ol li select {
        width:100%;
    }

    .content form ol li ol.radio li label {
        width:20%;
    }

    .content form ol li ol li p {
        margin: 5px 0;
    }

    form fieldset div.charCount,
    form fieldset div.charCount *,
    form#offer_checklist div.charCount  {
        text-align: right;
        vertical-align: bottom;
        line-height:20px;
    }

    form fieldset .charCount .counter {
        font-weight: bold;
    }

    form fieldset .charCount .counter.jsWarning {
        color:#ff0000;
    }

    form#offer_checklist div.guidanceText {
        width:        65%;
        padding-left: 35%;
        font-style:   italic;
    }

    form fieldset ol.radioSelection li {
        min-height:20px;
        line-height: 20px;
        margin-bottom:0;
    }

    form fieldset ol.radioSelection li label {
        max-width:50%;
        width:auto;
        text-align: left;
        line-height: 16px;
    }
    form fieldset ol.radioSelection li input {
        margin-left:33%;
        vertical-align: top;
    }

    .appointment-actions-panel ol.radioSelection li label {width:60%;}

.debug {background:#eee; padding:20px; border:1px solid #ccc; margin:20px 0; clear:both;}

.appFormContent h2 span, .copyAppFormContent h2 span {font-size:12px; color:#333; font-weight:normal; margin-left:20px;}
.appFormContent h2 a.jsTip span {margin-left:0;}
.appFormContent h3 {display:block;}
.appFormContent p {font-size:12px;}
.appFormContent p.description, .appFormContent div.description {color:#666;}

.appFormContent hr  {
    margin: 15px 0;
}

.appFormContent hr.dashed {
    border-top: 1px dashed #CCC;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    background-color: #FFF;
    height: 0;
}

.appFormContent hr.noMarginT {margin-top:0;}
.appFormContent hr.noMarginB {margin-bottom:0;}

.appFormContent .appField .viewMode {max-width:650px;}
.windowMode .appField .viewMode {max-width: 100%;}

fieldset.questionGroup {padding-bottom:15px; clear:both;}

.appField {position:relative; margin-bottom:15px;}

.appField .label {
    font-size: 12px;
    color: #333;
    display: block;
    margin-bottom: 5px;
}

.enhancedQuestions .appField .label div.label, .enhancedQuestions .appField label div.label {
    font-weight: bold;
}

.appField .intro, .appField .guidance, .appField .guidance_prompt {
    font-size: 12px;
    color: #666;
    display: block;
    margin-bottom: 5px;
}

.appField input[type="text"], .appField input[type="password"], .appField input.text, .appField input.password, .appField textarea, .appField select {font-size:12px; /*color:#333;*/}

.appField .checkbox, .appField .radio {
    margin-left: 0;
    margin-right: 5px;
}

.appField textarea.jsRTE, .appField textarea.jsRTECount {width:98%;}
.appField .inline li {display:inline; margin-right:15px;}
.appField .inline .last {display:block;}
.appField li label {display:inline; font-size:12px;}
.appField .levelGuide label {font-weight:bold;}
.appField .levelGuide ul {list-style: disc; padding:0 0 5px 40px;}

.ansSizeXS input[type="text"], .ansSizeXS input[type="password"], .ansSizeXS input.text, .ansSizeXS input.password, .ansSizeXS textarea, .ansSizeXS select {width:75px;}
.ansSizeS input[type="text"], .ansSizeS input[type="password"], .ansSizeS input.text, .ansSizeS input.password, .ansSizeS textarea, .ansSizeS select {width:125px;}
.ansSizeM input[type="text"], .ansSizeM input[type="password"], .ansSizeM input.text, .ansSizeM input.password, .ansSizeM textarea, .ansSizeM select {width:200px;}
.ansSizeL input[type="text"], .ansSizeL input[type="password"], .ansSizeL input.text, .ansSizeL input.password, .ansSizeL textarea, .ansSizeL select {width:285px;}
.ansSizeXL input[type="text"], .ansSizeXL input[type="password"], .ansSizeXL input.text, .ansSizeXL input.password, .ansSizeXL textarea, .ansSizeXL select {width:410px;}
.ansSizeXS textarea, .ansSizeS textarea, .ansSizeM textarea, .ansSizeL textarea, .ansSizeXL textarea {width:410px;}

.queNextTo {float:left; margin-right:10px; /* Reduced margin 10px to align boxes when error messages shown */}
.queNextTo .errorm {margin-bottom:0; width:216px;}
.queUnder {clear:both;}
.queUnderC {clear:both; margin-top:-12px;}
.queUnderC .halfWidth input {float:left;}
.queUnderC .halfWidth label {float:left; width:355px;}
.ansAlignS label {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
    textarea.heightS {height:50px;}
    textarea.heightM {height:100px;}
    textarea.heightL {height:150px;}
    textarea.heightXL {height:200px;}
    textarea.heightS.jsRTE, textarea.heightS.jsRTECount {height:100px;}
    textarea.heightM.jsRTE, textarea.heightM.jsRTECount {height:150px;}
    textarea.heightL.jsRTE, textarea.heightL.jsRTECount {height:200px;}
    textarea.heightXL.jsRTE, textarea.heightXL.jsRTECount {height:250px;}

    .appFormContent .endOfForm {margin-top:-46px;}
    .appFormContent .reOrderBtn {float:right; position:relative; z-index:10;}
    .appFormContent .reOrderBtn button {padding:5px 4px 5px 5px;}
    .appFormContent .reOrderBtn button span {margin:0;}
    .appFormContent .submitOptions {padding-top:20px;}
    .appFormContent .submitOptions .saveLater {margin-bottom:20px;}
    .appFormContent .submitOptions .saveLater .button {margin-left:5px;}
    .appFormContent .max {padding-left:10px;}
    .appFormContent .max.rte {padding:5px 0 0 0; display:block;}

    .appField .viewMode .answers {
        font-weight: bold;
        color: #000;
        padding-left: 15px;
        display: block;
    }

    .enhancedQuestions .appField .viewMode .answers {
        font-weight: normal;
    }

    .appField .viewMode span.rteOutput { font-weight: normal; };
    .appField .viewMode .answers.missing, .appField .viewMode .answers .missing {font-style:italic; color:#999; font-weight:normal;}
    
    .appField .viewMode ul.bullet {
        margin-left: 0px;
    }

    .appField .viewMode li {
        margin-left: 30px;
        font-weight: bold;
    }

    .appField .viewMode ul li {
        list-style: disc;
    }

    .appField .viewMode ol li {
        list-style: decimal;
    }

    .appField .viewMode .rteOutput ul, .appField .viewMode .rteOutput ol {
        margin: 12px 0px 12px 12px;
    }

    .appField .viewMode .rteOutput ul li, .appField .viewMode .rteOutput ol li {
        font-weight: normal;
    }

    .appField .viewMode li {
        font-weight: normal;
    }

    .appField .viewMode li .answers {padding-left:0;}
    .appField .viewMode li.single {list-style:none; margin-left:0;}
    .appField .viewMode li.single .answers {padding-left:15px;}

    .ansAlignS .viewMode .label, .ansAlignS .viewMode .answers {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    .ansAlignS .viewMode .answers {
        padding-left: 5px;
    }


.appFormContent table.list td.controls {width:60px; padding-right:0;}
.appFormContent .plainBtns {float:right;}
.appFormContent .plainBtns ul {float:left;}
.appFormContent .plainBtns li {float:left;}

.appFormContent table.list .ansSizeS {width:85px;}
.appFormContent table.list .ansSizeM {width:165px;}
.appFormContent table.list .ansSizeL {width:300px;}

.appFormContent table.list td.overSpill {padding-top:0;}
.appFormContent table.list td.overSpill strong {display:block; padding-bottom:5px;}

.appFormContent table.list .errorRow td {color:#990000; border-bottom:none; padding-bottom:0;}
.appFormContent table.list .errorDetected input, .appFormContent table.list .errorDetected select {color:#990000; border-color:#990000; background-color:#FFE1E1;}


    form fieldset ol.checkboxSelection li {
        line-height:20px;
        min-height:20px;
    }

    form fieldset ol.checkboxSelection li label {
        margin-top:3px;
        text-align:left;
        width:50%;
    }

    form fieldset ol.checkboxSelection li input {
        margin-left:33%;
        vertical-align: top;
    }

    form fieldset ol.indent {
        padding-left:20px;
        margin-top:5px;
    }

    form fieldset ol li ol.last {
        margin-bottom:0;
    }

    .subOptionsList {width:65%;}
    .subOptionsList li label {width:auto;}
    .subOptionsList li input[type="radio"], .subOptionsList li input[type="checkbox"], .subOptionsList li input.radio, .subOptionsList li input.checkbox{margin-left: 0;}

    ol.radioSelection li ol.indentActions li input {
        float:left;
        margin-left: 0;
        margin-right:4px;
    }

    ol.radioSelection li ol.indentActions li label {
        width:auto;
        line-height: 25px;
        vertical-align: middle;
        margin-bottom:-2px;
    }

    ol.radioSelection li ol.widerActions {
        width:66%;
    }

    ol.radioSelection li ol.widerActions li {
        clear:both;
        margin-bottom:5px;
    }
    ol.radioSelection li ol.widerActions li.last {
        margin-bottom:0px;
    }

    form ol li ol.widerActions {
        margin-bottom:5px;
    }
   ol.radioSelection li#restrictedPathContent ol.indentActions li label {display:inline;}

ol.codeChooser {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 56%;
}

ol.codeChooser li {
    margin-bottom: 5px;
}

span.codeChooser .icon-help {
    margin-left: -1px;
}

#job_details_classification select + a.jsTip .icon-help {
    margin-left: 7px;
}

ol li.docChooser {
    padding:10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width:100%;
}

ol li.docChooser select {
    margin-top:5px;
}

.content form ol li ol li.docChooser p {
    margin-top:0;
}

.content form ol li ol li.spaced {
    margin-bottom:10px;
}

form.kpi_management ol li {
    width: 90%;
    text-align: center;
}

form.kpi_management ol li label {
    vertical-align: baseline;
    display: inline;
}

form.kpi_management ol li select {
    width: 10%;
}

form .disabled {
    color: #6d6d6d;
}


#review_reference_request label {
    margin-bottom: 5px;
}

/* form.template end *//* table.template start */



table.list {
    margin-bottom:10px;
}

table.fixed {
    table-layout:fixed;
}

table.list thead tr th,
table.list tfoot tr th {
    
        color:#333;
    
    font-weight:bold;
    text-align:left;
    padding-top:10px;
    padding-bottom:10px;
    vertical-align:middle;
    border-bottom:1px solid #999;
}

table.list tfoot tr th {
    border-bottom:none;
    border-top:1px solid #999;
}

table.list thead tr th select,
table.list tfoot tr th select {
    width:90%;
}

table.list tbody tr td {
    color:#000;
    border-bottom:1px solid #ccc;
    padding-top:10px;
    padding-bottom:10px;
    vertical-align:middle;
    word-wrap:break-word;
    overflow:hidden;
}

table.list tbody tr:last-child td {
    border-bottom:1px solid #999;
}

table.list tbody tr.noLine td {
    border-bottom: none;
}

table.list tbody tr.noborder td{
    border-bottom:none;
}

table.list tbody tr.nopadding td {
    padding-bottom:0;
}

table.list tbody tr.last td {
    border-bottom:none;
}

table.list tbody tr td a{
    word-wrap:normal;
}

table.list.fixed tbody tr td a{
    word-wrap:break-word;
}

table.list tbody tr td * {
    vertical-align:middle;
}

table.nm tbody tr td * {
    vertical-align: bottom;
}

table.list tr td {
    word-break:break-word;
    padding-right:5px;
}

table.list tr td.inactive {
    color:#999;
}

table.list tr td.actions {
    word-break: normal;
}

table.list td.left, table.list th.left {
    text-align:left;
}
table.list td.right, table.list th.right, table.documentList td.right, table.documentList th.right {
    text-align:right;
}
.interview-panel table strong.left {float:left;}

table span.right {
    float:right;
    padding-right:10px;
}

table span.tright {
    text-align:right;
}

table.list td.middle, table.list td.center, table.list th.middle, table.list th.center{
    text-align:center;
}

table.list td.top {
    vertical-align: top;
}


table.list thead tr.group th {
    border-bottom: none;
    padding-bottom:0px;
    font-size:14px;
}

table.list tbody tr td.actions {
    text-align:right;
    padding-right:10px;
}


table.list tbody tr.additional td {
    padding-top:5px;
    padding-left:15px;
}

table.list tbody tr.has_additional td {
    border-bottom: none;
    padding-bottom:0px;
}
table.list tbody tr.has_additional td .h3 {margin-bottom:0;}

table.list tbody tr td .icon-help {
    
        margin-top:-6px;
    
}

table.list tr td input[type="text"] {
    width:50px;
}



table.list tbody tr.top td {
    vertical-align: top;
}

table.list tbody tr td.actions a {
    padding-left:10px;
}

table.list tbody tr td.actions a.first {
    padding-left:0;
}

table.list thead tr.gap, table.list tbody td.gap {
    padding-right:10px;
}

/* This will keep the table headings in single line */

table.inlineTableHead tr th {white-space:nowrap;}

/* Specific styles for Timeslot table in create interview page */
.timeslot-panel table.list tr td input[type="text"],
.timeslot-panel table.list tr td input[type="number"]{
    width:120px;
}
.timeslot-panel table.list tr td.td-slotdate div.errorm {width:145px;}
.timeslot-panel table.list tr td div.errorm {
    padding:10px;
    background-image:none;
    min-height:100px;
    margin:0;
    width:125px;
}
.timeslot-panel table.list tr td div.errorm p {
    min-height:50px;
    text-align:left;
}

.timeslot-panel table.list tr td div.errorm {
    padding:10px;
    background-image:none;
    min-height:100px;
    margin:0;
    width:125px;
}

.tableErrorFix div.errorm {padding:10px; background-image:none; margin:0;}
.tableErrorFix div.errorm p {text-align:left;}
table.tableS td.center {vertical-align:top; width:100px;} /* If widths may vary for other pages then we can use class names as tableM, tableL, tableXL */


table.list input[type="radio"] {
    margin-top:0;
}

.interview-panel .alternate .buttons button, .interview-panel .alternate .buttons a,
.interview-panel .interviewSlots .buttons button, .interview-panel .interviewSlots .buttons a{}
.interview-panel .selectAllLink {font-weight:normal; float:right;}
.interview-panel .buttons.endOfForm {margin:10px 0 0 0;}
.interview-panel table tr td.last {text-align:right; padding-right:10px;}

 table.alternate tr td{
    vertical-align: middle;
   /* line-height: 45px; */
    padding-top:10px; padding-bottom:10px;
}

 table.alternate.compactTable tr td{line-height: 18px;}
 table.compactTable {margin-bottom:10px;}

table.alternate a.h3 {
    color:#0066CC;
    margin-right:5px;
}

table.alternate tr.even {
    background-color:#eee;
}


table.alternate tr td{
    padding-left:5px;
}

table .buttons a,
table .buttons button {
    float:none;
    display:inline;
}

table.alternate tr td.first {
    padding-left:10px;
}

table.alternate tr td.last {
    padding-right:10px;
}

table td.left {
    text-align: left;
}

table td.right {
    text-align: right;
}


  table.interviewSlots thead tr th, .interview-panel table.alternate tr th {
    border-bottom:1px solid #666;
   padding-top:10px; padding-bottom:10px;
    text-align: left;
    font-weight: bold;
}

table.interviewSlots tbody tr td {
    vertical-align: middle;
    padding-top:10px; padding-bottom:10px;
}

table.interviewSlots tbody tr td.hr {padding:0;}

table.interviewSlots tbody tr td.hr hr {
    margin:0;
    line-height:1px;
}

.elFloatLeft {float:left;max-width:100%;}

table.interviewSlots tbody tr.invite td {
    vertical-align: middle;
}

/* Added styles for Disability Assistance in Manage Schedule Page */
div.disability-note {line-height:19px; font-size: 13px; padding:10px 10px 10px 15px;background: none repeat scroll 0 0 #FFFFCC;border: 1px solid #CCCC99; border-radius:5px;margin:5px 0 10px 0;}

table.interviewSlots tbody tr.disability-note-row td {
    padding:0 10px;
}



table.reviewer-list {
    border-spacing: 2px;
    border-collapse: separate;
}

table.reviewer-list .category {
    text-align:center;
    cursor: default;
}

table.reviewer-list .category-data {
    text-align:center;
}

table.reviewer-list tr th,
table.reviewer-list tr td {
    padding:5px;
    background-color:#eee;
   
}

table.reviewer-list tr th{
    font-weight:bold;
    text-align: left;
}

table.reference_request_questions td.question-number, table.reference_request_questions th.question-number {
    width: 35px;
    text-align: center !important;
}

table.reference_request_questions td.question-type, table.reference_request_questions th.question-type {
    width: 180px;
}

table.reference_request_questions td.question-type p {
    margin-bottom: 0;
}


    

    a.tpCopyRequested {
        font-weight: bold;
        color: #000;
    }

/* table.template end */
/* panelListItems.template start */



    .infoList .details {
        margin-bottom:3px;
    }

    .applicationList,
    .infoList {
        position:relative;
    }

    .applicationList .actions, .infoList .actions {
        
            position:absolute;
            right:0;
            bottom:0;
        
    }

    .infoList .status {
        position:absolute;
        right:0;
        top:0;
    }

    
    .greyedOut .applicationList .actions {
            position:absolute;
            bottom:10px;
            right:20px;
    }
    


    .infoList .actions-table {
        float:right;
    }

    .infoList .primary-action-buttons {
        float:right;
    }


    .infoList .title-link a {
        font-weight:bold;
        font-size:14px;
    }

    .infoList .title-link div {
        font-weight: bold;
        font-size: 14px;
        color: #0066cc;
    }


    .infoList .details,
    .infoList .quickView,
    .infoList .title {
        clear:both;
        width:100%;
        line-height:20px;
        vertical-align: baseline;
    }

    .infoList .title {
        width:60%;
    }


    .infoList .details {
        padding-top:10px;
    }

    .infoList .details dl {
        clear:both;
        display:inline-block;
    }

    .infoList .details ul {
        display:block;
    }

    .details ul li {
        
        display:inline-block;
        
        margin-right:5px;
        line-height:25px;
        vertical-align: baseline;
        float:left;
    }

    .infoList .details ul li {
        margin-bottom:5px;
        line-height:20px;
    }

    .infoList dl dt, .infoList dl dd {
        float: left;
        display: inline;
        vertical-align: top;
    }

    .infoList dl dt {
        font-weight: bold;
        display: inline;
        margin-right: 3px;
        vertical-align: top;
    }

    .infoList dl dt.close, .applicationList dl dt.close {
        margin-right: 0;
    }

    .infoList dl dd {
        margin-right: 10px;
    }

    .infoList dl dd.salary {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 450px;
    }

    /* Styles for basic interview details macro - used in interviews listing and manage schedule page */
    .detailsList dl {line-height:22px; display:block; clear:left; }
    .detailsList dl dt{line-height:22px; margin-right:5px; float:left; display:inline; font-weight:bold;}
    .detailsList dl dd{line-height:22px; margin-right:15px; float:left;display:inline;max-width:100%;}
    .detailsList dl dd.last {margin-right:0;}
    .detailsList dl dt .pair {margin:0; line-height:22px;}
    .detailsList dl dd.locationWidth {width:432px; margin-right:0;}
    .detailsList dl dd.locationWidth span {display:block; line-height:16px;padding-top:3px;}


    .infoList .title h3, .infoList .title .h3 {
        display:inline;
        margin-right:5px;
        margin-bottom:0;
    }

    .infoList .title .title-link {
        clear:left;
    }

    .infoList .status .status-link {
        clear:both;
        float:right;
    }

    .infoList .status .status-due {
        font-weight:bold;
        float:right;
        line-height:20px;
    }


    .infoList {
        position:relative;
    }

    .infoList .status-vacancy .a {
        display:inline;
    }

    .infoList .status .icons {
        float:right;
        margin-left:5px;

    }

    .infoList .status-vacancy {
        width:35%;
        float:right;
        vertical-align:middle;
        position:absolute;
        top:0;
        right:0;
        text-align: right;
    }

    .infoList .editted {
        display:inline;
    }

    .infoList .status-vacancy .icons {
        margin-top:-2px;
        float:none;
        margin-left:0;
    }

    .infoList .status-vacancy.alignIcons {display:inline-block; width:52%;}
    .infoList .status-vacancy.alignIcons span.icons {margin-top:0;position:relative;bottom:-2px;}



    .infoList .status-vacancy a {
        font-weight:bold;
    }

    form .panel .infoList .twisty .shrunkContent {
        margin-top:5px;
    }

    form .panel .infoList .twisty {
        padding-bottom:5px;
    }

    



    
    
    

        .pageHeadWithPagination {width:540px;}
      .pageHeadWithPagination h1, .pageHeadWithPagination h2.pagination{display:inline;}
        .twisty.referencesTwisty {float:left; width:290px;margin-top:3px;}
        .twisty .referencesTitle {
            float:left;
            font-weight: bold;
            margin-top:-2px;
        }

        .twisty .referencesContent {
            width:100%;
            margin:0 auto;
            margin-bottom:20px;
            clear:both;
        }

        .twisty .referencesContent .refereeHolder {
            border-bottom:1px solid #ddd;
            vertical-align: middle;
            float:left;
            width:100%;
        }

        .twisty .referencesContent .refereeHolder .referee {
            text-align: left;
            float:left;
            line-height: 30px;
         max-width:100%;
        }

        .twisty .referencesContent .refereeHolder .status {
            float:right;
            width:20px;
            height:20px;
        }

        .twisty .referencesContent .refereeHolder .status .icons {
            margin-top:5px;
        }

      .panel .applicationList .referenceDetails {width:auto;float:left;}

        .panel .statusRow {
            display: block;
            
            padding-top:5px;
            padding-bottom:40px;
            float:left;
            width:100%;
        }

        .panel .pecStatusRow {
            width: 418px;
            padding-bottom:0;
        }


        .panel .statusRow .statusID {
            display:inline;
            font-weight: bold;
            float:left;
            margin-right:2px;
            white-space:nowrap;
            line-height:20px;
        }

        .panel .statusRow .statusIcon {
            display:inline;
            float:left;
            margin-right:2px;
        }

        .panel .statusRow .statusIcon a{text-decoration:none;}

        .pecTwisty {padding:0; width:418px;}
        .pecTwisty .statusRow {padding-bottom:0;}
        .pecTitle {float:left;}
        .pecSummary {float:left;}
        .pecCount {margin:0 0 0 5px;float:left;}
        .pecNum {display:inline-block;padding:2px 1px;}
        .finalPrepLabel {margin-top:5px;}

    
    













.taskList .actionsInfo {
            float:right;
            margin-top:10px;
        }

        .taskList {
            position:relative;
        }
        .taskList .statusInfo {
            float:right;
            font-weight:bold;
        }

        


        .taskList .mainInfo .title {
            
                display:inline-block;
            
            line-height: 20px;
            vertical-align: middle;
            padding-left:10px;
        }

        .taskList .mainInfo .link {
            float:left;
            font-weight:bold;
            font-size:14px;
            
                padding-left:32px;
            
        }











        .greyedOut .applicationList, .greyedOutItem{
            background-color:#f7f7f7;
            margin: -10px -20px;
            padding: 10px 20px;
        }


        .applicationList .title a, .applicationList .title .app-ref {
            font-size: 14px;
            font-weight: bold;
            padding-right:5px;
        }

        
        .applicationList .title h3, .applicationList .title a, .applicationList .title .iconContainer, .applicationList .title .app-ref {
            
                display:inline;
            
        }
        
        .applicationList .title {
            
                padding-bottom:10px;
            
        }

        .applicationList .status {
            font-weight:bold;
        }

        .applicationList .status a {
            float: right;
            text-align: right
        }

        .applicationList .status .status-due {
            font-weight:bold;
            float:right;
            line-height:20px;
            margin-top:-2px;
            padding-right:4px;
        }

        .applicationList .status input {
            
            margin-top:0;
            float:right;
        }

        .applicationList .status .icons {
            float:right;
            margin-right:3px;
        }

        .applicationList .actions {
            clear:both;
            float:right;
        }

        .applicationList .details {
            clear:both;
            width:424px;
            line-height:20px;
            vertical-align: baseline;
            margin-bottom:5px;
        }

        .applicationList .pecApplicationDetails {
            margin-top: 6px;
        }

        .pecJobTitle {
            margin-left: 10px;
        }

        .applicationList .details.last {
            margin-bottom:0;
        }

        .applicationList .details dl {
            display:inline-block;
        }

        .applicationList .details dt {
            font-weight:bold;
            display: inline;
            float:left;
            margin-right: 5px;
            line-height:20px;
        }
        .applicationList .details dd {
            display: inline;
            margin-right:13px;
            float:left;
            line-height:20px;
        }

        
        .applicantSearchResults .applicationList .title h3, .applicantSearchResults .applicationList .title .h3 {padding:0 0 10px 0; margin-bottom:0;display:inline;}
        .applicantSearchResults .applicationList .details {clear:left;}
        .applicantSearchResults .applicationList .details dl {display:inline-block;max-width:100%;}
      .applicantSearchResults .applicationList .details dl dd {max-width:100%;}
        .applicantSearchResults .applicationList .status {float:right; margin-bottom:5px;}
        .applicantSearchResults .applicationList .buttons.standAlone {clear:right; margin-top:8px; margin-bottom:0;}
        .searchInfo {clear:both; margin-bottom:10px;}
        .searchPaging {float:left; margin-top:10px;}
        .appResultsPanel .standAlone {margin-bottom:0;}
        .appResultsPanel .standAlone a {display:block;}

      .applicantSearchResults .applicationList .details dd .iconContainer {display:inline;}


        .interview-panel .applicationList .details {clear: left;}

        .interview-slot {margin:0 0 30px 0;}
        .interview-slot h3 span {font-size:12px; color:#666; font-weight:normal;}

        .preview-block {border: 1px solid #ccc; padding: 20px; color:#777;}
        .interview-applicants-list {list-style: circle outside none; margin: 10px 0 10px 36%;}












    dl.pairedData {
        float:left;
        font-size:13px;
    }

    dl.pairedData dt {
        
        color:#990066;
        
        font-weight:bold;
        float:left;
        clear:left;
        margin-right:5px;
    }

    dl.pairedData dd {
        color:#333;
        
        float:left;
        
    }

    .column-secondary dl.pairedData {
        float:none;
    }

    .column-secondary dl.pairedData dt {
        float:none;
        display:block;
    }

    .esr-messages-summary dt {
        width: 100px;
    }

    .column-secondary dl.pairedData dd{
        float:none;
        display: block;
        margin-bottom:5px;
    }

    dl.pairedData .jobRef {
        font-size:16px;
        margin-bottom:20px;
    }
    dl.pairedData dt.jobRef {
        color:#990066;
    }
    dl.pairedData dd.jobRef {
        font-weight:bold;
    }

    dl.pairedData .location, dl.pairedData .salary {
        margin-bottom:15px;
    }








    table.data-list tr td,
    table.data-list tr th {
        padding: 3px 0;
    }

    table.data-list tr .center-image {
        position:relative;
    }

    table.data-list tr td a {
        font-weight:bold;
    }

    table.data-list tr .center-image .icons {
        position:absolute;
        top:50%;
        left:50%;
        margin-top:-10px;
        margin-left:-10px;
    }

    table.data-list {
        margin-bottom:10px;
    }

    table.data-list tr td {
        vertical-align: middle;
    }

    table.data-list tr th {
        font-weight:bold;
        text-align: left;
        border-bottom:1px solid #000;
        padding-bottom:10px;
        padding-top:10px;
    }

    table.data-list tr td.buttons .button,
    table.data-list tr td.buttons a {
        float:right;
    }


    .panel dl.documentList dt,
    .panel dl.documentList dd {
        padding-top:10px;
        padding-bottom:10px;
        display:inline-block;
        width:40%;
        vertical-align: top;
        border-bottom:1px solid #999;
    }
    .panel dl.documentList dt {
        float:left;
        display:block;
    }

    .panel dl.documentList dd {
        padding-left:10px;
        width:58%;
        background-color:#eee;
    }

    table {
        border-collapse:separate;
    }

    .panel table.documentList tr th {
        padding:10px 10px 10px 0;
        font-weight:normal;
        text-align:left;
        border-bottom:1px solid #999;
        width:35%;
        vertical-align: middle;
    }

    .panel table.documentList tr th.wide {
        width:50%;
    }

    .panel table.documentList tr th.top {
        vertical-align: top;
    }

    .panel table.documentList tr td {
        padding:10px;
        background-color:#eee;
        border-bottom:1px solid #999;
        overflow: hidden;
        vertical-align: middle;
    }


    dl.applicationDetails dt {
        color:#990066;
        font-weight:bold;
        width:100px;
        text-align: right;
        padding-right:10px;
        
            display:inline-block;
        
      }
      dl.applicationDetails dd {
         color:#000;
         display: inline-block;
         width:400px;
      }
      dl.applicationDetails {
         margin-bottom:10px;
      }

      div.mainDocs ul li a {line-height:20px;}








    h2 span.currentPage {
        color:#666;
        font-size:12px;
        margin-left:20px;
        margin-top:5px;
        font-style:italic;
    }
    .tasksContainer {
        padding-top:10px;
    }
    ul.pagination {
        margin-top:20px;
        overflow: hidden;
        text-align: center;
        position:relative;
    }

    .paginationAfterButton ul.pagination {
        margin-top:0;
    }

    ul.pagination li {
        
        display:inline-block;
        
    }

    ul.pagination li a,
    ul.pagination li span.pageon {
        padding:5px;
        border-radius:2px;
        margin:2px;
        float:left;
        font-weight:bold;
    }

    ul.pagination li a:hover {
        background-color:#ccc;
    }

    .interview_status_withdrawn {
        color : #999;
    }
    .interview_status_cancelled {
        color : red;
    }
    .interview_status_declined {
        color : orange;
    }
    .interview_status_confirmed {
        color : green;
    }
    .interview_status_invited {
        padding-left: 26px;
    }

    .paginationAfterButton ul.pagination.resultsPerPage {float: left; text-align: left; width: 120px;}
    .paginationAfterButton .pagination.pageNumbers {margin: 0 auto; text-align: center; padding-right:120px;}










    
    .awardList {padding:15px 0 30px 0;}
    
    .awardList li {display:inline; margin:0 5px;}


/* panelListItems.template end */
/** javascriptPlugins start **/
    .twisty {

    }
    .twistyTitle {

    }
    .twistyTitle span.icons { margin-top:3px; margin-right:3px; }
    .jsTwistyTitle {
        cursor:pointer; background-repeat:no-repeat; background-position:center right;
    }
    .twistyContent {
    }
    .js_on .twistyContent { display:none; }
    .js_on .collapseContent { display:none; }



    .panel .twisty .twistyTitle .h3,
    .panel .twistyHead .twistyTitle .h3,
    .panel .twisty .twistyTitle h3,
    .panel .twistyHead .twistyTitle h3 {
        margin-bottom: 0;
    }
    .panel .twisty .twistyTitle .h2,
    .panel .twistyHead .twistyTitle .h2,
    .panel .twisty .twistyTitle h2,
    .panel .twistyHead .twistyTitle h2 {
        margin-bottom: 0;
    }

    .panel .twisty .twistyExpand {
        float:right;
        line-height:20px;
    }

    .panel .twisty .twistyContent,
    .panel .twistyHead .twistyContent {
        margin-top:10px;
        
    }





    .passwordStrengthIndicator { display:none; }
    .js_on .passwordStrengthIndicator { display:block; }


    .passwordStrengthIndicator .passwordStrengthBar {
        width:0px;
        height:20px;
        background-color:red;

    }


    .passwordStrengthIndicator .lengthMessage { clear:both; color:#666666; }


    /* Candidate side - in formField */


    div.passwordStrengthIndicator label { float:left; }
    div.passwordStrengthIndicator .passwordStrength { float:left; width:290px; margin-left:3px; }
    div.passwordStrengthIndicator .passwordStrengthContainer {
        width:200px;
        height:20px;
        float:left;
        border:1px solid #dddddd;

    }

    div.passwordStrengthIndicator .passwordText {
        float:right;
    }

    /* Recruiter */
    

    li.passwordStrengthIndicator .passwordStrength {
        width:33%;
        
            display:inline-block;
        
    }

    li.passwordStrengthIndicator .passwordStrengthContainer {
        float:left;
        width:170px;
        border:1px solid #CCCCCC;
    }

    li.passwordStrengthIndicator .passwordText {
        line-height:20px;
        padding-left:10px;
        
    }









    /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
    div.rating-cancel,
    div.star-rating {
        float:left;
        width:26px;
        height:24px;
        text-indent:-999em;
        cursor:pointer;
        display:block;
        background:transparent;
        overflow:hidden;
        text-align:left;
    }
    


    div.star-rating,
    div.star-rating a {
        background-image:url('/images/ui/icons.png');
    };

    div.star-rating,
    div.star-rating a {
        background-repeat: no-repeat;
        background-position: 0 66px;

    }


    div.star-rating a {
        display:block;
        width:25px;
        height:100%;
        background-position:-2px -78px;
        border:0;

    }

    div.star-rating-on         a.star-rating-value-0     {background-position:-29px -78px !important;}
    div.star-rating-hover     a.star-rating-value-0     {background-position:-56px -78px !important;}


    div.star-rating-on         a.star-rating-value-1     {background-position:-29px -102px !important;}
    div.star-rating-hover     a.star-rating-value-1     {background-position:-56px -102px !important;}

    div.star-rating         a.star-rating-value-1    {background-position: -2px -102px;}

    div.star-rating-on         a.star-rating-value-2     {background-position:-29px -126px !important;}
    div.star-rating-hover     a.star-rating-value-2     {background-position:-56px -126px !important;}

    div.star-rating         a.star-rating-value-2     {background-position: -2px -126px;}

    div.star-rating-on         a.star-rating-value-3     {background-position:-29px -150px !important;}
    div.star-rating-hover     a.star-rating-value-3     {background-position:-56px -150px !important;}

    div.star-rating         a.star-rating-value-3     {background-position: -2px -150px;}

    div.star-rating-on         a.star-rating-value-4     {background-position:-29px -174px !important;}
    div.star-rating-hover     a.star-rating-value-4     {background-position:-56px -174px !important;}

    div.star-rating         a.star-rating-value-4    {background-position: -2px -174px;}

    /* Disabled */
    div.star-rating     a.star-rating-readonly-value-0{background-position:-83px -78px !important;}
    div.star-rating-on     a.star-rating-readonly-value-0{background-position:-110px -78px !important;}

    div.star-rating     a.star-rating-readonly-value-1{background-position:-83px -102px !important;}
    div.star-rating-on     a.star-rating-readonly-value-1{background-position:-110px -102px !important;}

    div.star-rating     a.star-rating-readonly-value-2{background-position:-83px -126px !important;}
    div.star-rating-on     a.star-rating-readonly-value-2{background-position:-110px -126px !important;}

    div.star-rating     a.star-rating-readonly-value-3{background-position:-83px -150px !important;}
    div.star-rating-on     a.star-rating-readonly-value-3{background-position:-110px -150px !important;}

    div.star-rating     a.star-rating-readonly-value-4{background-position:-83px -174px !important;}
    div.star-rating-on     a.star-rating-readonly-value-4{background-position:-110px -174px !important;}

    /* Read Only CSS */
    div.star-rating-readonly a{cursor:default !important}
    div.star-rating{background:transparent!important;overflow:hidden!important}










        .inputContainer {
            position: absolute;
            
                max-width:300px;
            
        }

        ul.ui-autocomplete {
            background-color:white;
            padding:0;
            
                border:1px solid #ccc;
            
            max-height:200px;
            overflow-y:    auto;
            overflow-x: hidden;
            zoom:1;
            padding-bottom:3px;
        }

        ul.ui-autocomplete li {
            list-style: none;
            width:100%;
            display:inline-block;
            overflow: hidden;
            line-height:1.5em;
            
                margin-bottom:-4px;
            
        }

        ul.ui-autocomplete li a {
            width:100%;
            display:inline-block;
            cursor: default;
            margin-right:-5px;
            padding-left:5px;
            padding-top:3px;
            padding-bottom:3px;
            margin-bottom:3px;
        }

        ul.ui-autocomplete li a {
            
                color:#333;
                text-decoration:none;
            
        }

        ul.ui-autocomplete li a.ui-corner-all:hover,
        ul.ui-autocomplete li a.ui-state-hover {
            background-color:#3399ff;
            color:#fff;
        }

        ul.ui-autocomplete li a.copyJobTitle {
            font-weight: bold;
            margin: 0;
            padding-bottom: 0;
        }

        ul.ui-autocomplete li a.copyDetails {
            margin: 0;
            padding-left: 25px;
            padding-top: 0;
            font-style: italic;
        }





    .js_on .jsReadMore {
        display:none;
    }

    /*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    default stylesheet
    copyright (c) 2011 - 2012 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/
.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #000 }
.Zebra_DatePicker                            { position: absolute; border-radius: 4px; display: none; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; box-shadow:3px 3px 3px #dddddd; border-radius:5px; }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }
.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding:0px }
.Zebra_DatePicker td                         { cursor: pointer; line-height:29px; }

.Zebra_DatePicker .dp_daypicker td div       { cursor: pointer; line-height:29px; }

.Zebra_DatePicker .dp_yearpicker td div, 
.Zebra_DatePicker .dp_monthpicker td div { cursor: pointer; line-height:49px; background-color:#f00 !important; }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 0px; border:1px solid #d1d1d1; }
.Zebra_DatePicker td div { width:100%; height:100%; }
/* Header */
.Zebra_DatePicker .dp_header { border:1px solid black; background:-moz-linear-gradient(top,#b50d86 0%,#810050 100%); }
.Zebra_DatePicker .dp_header td             { color: #FFF }
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }
.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* Weeks */
.Zebra_DatePicker td.dp_week_number         { background: #FFCC33; color: #555; cursor: text; font-style: italic }

/* Days */
.Zebra_DatePicker .dp_daypicker th { width: 30px; border:none; font-size:10px; }
.Zebra_DatePicker .dp_daypicker th div {width: 30px; height:16px; background:-moz-linear-gradient(top,#f7f7f7 0%,#f1f1f1 100%); }

/* Dates */
.Zebra_DatePicker .dp_yearpicker td, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_daypicker td { border-width:1px 0 0 1px; border-style:solid; border-color:#bbbbbb; }
.Zebra_DatePicker .dp_daypicker td.firstDayOfWeek { border-left:none; }
.Zebra_DatePicker .dp_yearpicker td div, .Zebra_DatePicker .dp_monthpicker td div, .Zebra_DatePicker .dp_daypicker td div { background:-moz-linear-gradient(top,#ededed 0%,#dedede 100%); }
.Zebra_DatePicker td.dp_weekend { }

/* Not in Month */
.Zebra_DatePicker td.dp_not_in_month        { color: #b8b7b7; cursor: default; }
.Zebra_DatePicker td.dp_not_in_month div { background: #F3F3F3; color: #CDCDCD; cursor: default; }

/* Current */
.Zebra_DatePicker td.dp_current div { color:#990066; }

/* Hover / Selected */
.Zebra_DatePicker td.dp_hover div              { background:-moz-linear-gradient(top,#004fc0 0%,#0066cc 100%); color: #FFF; }
.Zebra_DatePicker td.dp_selected div           { background:-moz-linear-gradient(top,#004fc0 0%,#0066cc 100%); color: #FFF; }

/* Disabled */
.Zebra_DatePicker td.dp_disabled div           { background: #F3F3F3; color: #CDCDCD; cursor: default; }
.Zebra_DatePicker td.dp_weekend_disabled div    { color: #CCC; cursor: default }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer                { margin-top: 3px }
.Zebra_DatePicker .dp_footer td             { color: #FFF; padding: 2px; font-weight: bold }
.Zebra_DatePicker .dp_footer .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
/*button.Zebra_DatePicker_Icon                { width: 18px; height: 21px; background: url('/images/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; margin: 0 0 0 5px; padding: 0; line-height: 0; vertical-align: top; }*/

button.Zebra_DatePicker_Icon_Inside         { position: relative; margin: 1px 3px 0 0; margin-top: 0px\9; *margin-top: -7px }

/* Fix icon position in Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button.Zebra_DatePicker_Icon_Inside     { margin: 0 5px 0 0 }
}

/* Fix icon position in Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    button.Zebra_DatePicker_Icon_Inside { margin-top: -5px }
}
 
    .tip-twitter {
    opacity:0.8;
    z-index:1000;
    text-align:left;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:8px 8px;
    max-width:400px;
    word-wrap:break-word;
    color:#fff;
    background-color:#000;
    /**
     * - If you set a background-image, border/padding/background-color will be ingnored.
     *   You can set any padding to .tip-inner instead if you need.
     * - If you want a tiled background-image and border/padding for the tip,
     *   set the background-image to .tip-inner instead.
     */
}
.tip-twitter .tip-inner {
    font-size: 11px;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-twitter .tip-arrow-top {
    margin-top:-5px;
    margin-left:-5px; /* approx. half the width to center it */
    top:0;
    left:50%;
    width:9px;
    height:5px;
    background:url(/images/js/tip-twitter_arrows.gif) no-repeat;
}
.tip-twitter .tip-arrow-right {
    margin-top:-4px; /* approx. half the height to center it */
    margin-left:0;
    top:50%;
    left:100%;
    width:5px;
    height:9px;
    background:url(/images/js/tip-twitter_arrows.gif) no-repeat -9px 0;
}
.tip-twitter .tip-arrow-bottom {
    margin-top:0;
    margin-left:-5px; /* approx. half the width to center it */
    top:100%;
    left:50%;
    width:9px;
    height:5px;
    background:url(/images/js/tip-twitter_arrows.gif) no-repeat -18px 0;
}
.tip-twitter .tip-arrow-left {
    margin-top:-4px; /* approx. half the height to center it */
    margin-left:-5px;
    top:50%;
    left:0;
    width:5px;
    height:9px;
    background:url(/images/js/tip-twitter_arrows.gif) no-repeat -27px 0;
}

.tip-twitter p {
    margin-bottom: 0;
}

.tip-twitter ul {
    list-style-type: disc;
    margin-left: 10px;
}

.tip-twitter li {
    padding-top: 5px;
}

    
    
/************* MANIFEST STYLES **************/

/* Manifest container that wraps the elements and now acts as, and should be styled as, the input. */
div.mf_container {
  border: 1px solid #ccc;
  border-radius: 3px 3px 3px 3px;
  background: #fff;
  cursor: text;
  display: inline-block;
  padding: 2px;
  line-height: 16px;
  font-size: 13px;
}
div.mf_container.noRadius {border-radius: 3px 3px 0 0;}

/* Ordered list for displaying selected items. */
div.mf_container ol.mf_list {
  display: inline;
  padding:0; 
}

/* Selected item, regardless of state (highlighted, selected). */
div.mf_container ol.mf_list li.mf_item {
  border: 1px solid #ccc;
  border-radius: 3px 3px 3px 3px;
  cursor: pointer;
  display: inline-block;
  margin: 1px 2px; 
  padding: 2px 2px 2px 4px;
}

/* Selected item that's highlighted by mouseover. */
div.mf_container ol.mf_list li.mf_item.mf_highlighted {
  background-color: #E0E0E0;
}

/* Selected item that's selected by click or keyboard. */
div.mf_container ol.mf_list li.mf_item.mf_selected {
  background-color: #C0C0C0;
}

/* Remove link. */
div.mf_container ol.mf_list li.mf_item a.mf_remove {
  color: #999999;
  margin-left: 4px;
  text-decoration: none;
  padding:2px;
  font-weight:bold; 
}

/* Remove link that's highlighted. */
div.mf_container ol.mf_list li.mf_item.mf_highlighted a.mf_remove {
  color: #999999;
}

/* Remove link that's selected. */
div.mf_container ol.mf_list li.mf_item.mf_selected a.mf_remove {
  color: #666666;
}

/* Remove link :hover */
div.mf_container ol.mf_list li.mf_item a.mf_remove:hover {color: #e53b3c;}

/* Actual input, styled to be invisible within the container. */
div.mf_container input.mf_input {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 2px;
  outline: none;
  padding: 2px;
  float:none;
  border-radius:0; 
}
/* Remove IE10+ clear field X button on typeahead input to fix the overflow issue */ 
div.mf_container input.mf_input::-ms-clear {width:0;height:0;} 

/************* MARCOPOLO STYLES **************/

/* The input. */
input.mp_input {
  border: 1px solid #ccc;
  font: inherit;
  font-size: 100%;
  margin: 0;
  outline: none;
  padding: 3px;
  width: 250px;
}
input.mp_input.noRadius {border-radius: 3px 3px 0 0;}

/* Ordered list for display results. */
ol.mp_list {
  background-color: #FFFFFF;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  overflow: hidden;
  position: absolute;
  width: 404px;
  z-index: 99999;
}

/* Each list item, regardless of success, error, etc. */
ol.mp_list li {
  border-bottom: 1px solid #C0C0C0;
  padding: 5px 7px;
  margin: 0;
}

/* Each list item that's selectable. */
ol.mp_list li.mp_selectable {
  cursor: pointer;
}

/* Currently highlighted list item. */
ol.mp_list li.mp_highlighted {
  background-color: #E0E0E0;
}

/************* GENERAL STYLES **************/

.formField {position:relative;}
.mp_label {color: #777777; font-size: 13px; line-height:30px; position: absolute;}

/* Homepage */
.candHome div.mf_container { width:303px; }
.candHome .mp_label {top:10px; left:148px;}
.candHome ol.mp_list { width:307px; left:140px; }

/* Advanced Search */
.advancedSearch div.mf_container {width:274px;}
.advancedSearch .mp_label {top:22px; left:8px;}
.advancedSearch ol.mp_list {width:278px;}

/* Registration */
.registration div.mf_container {width:284px;}
.registration ol.mp_list {width:288px; left:308px;}
.registration div.errorm ol.mp_list {width:288px; left:383px;}

/* Executive and doctor microsite pages */
.microsite div.mf_container {width:270px;}
.microsite .mp_label {top:0; left:206px;}
.microsite ol.mp_list {width:274px; left:195px;}


    
        label.placeholderLabel { display:none; }
    
    .jsModalCover { width:100%; height:100%; background:black; opacity:0.6; position:absolute; top:0px; left:0px; z-index:1000; display:none; }
    .jsModalContainer { display:none; }
    
    .jsModalContent {
        /*width:580px;
        height:380px;*/
        
            width:auto;
        
        height:auto;
        min-width:100px;
        /* min-height:100px; */
        padding:15px;
        background-color:white;
        position:absolute;
        left:0px;
        top:0px;
        
            border:5px solid #0066CC;
        
        border-radius:10px;
        display:none;
        z-index:1001;
        box-shadow: none;
    }

    .jsModalContent .jsConfirmButtons {
        height:30px;
        
    }

    .jsModalContentholder {position:relative;}
    .jsModalContent h4 {margin-right:40px;}
    .jsModalContent .holdCloseButton{z-index:100;position:relative;}
    .jsModalContent .jsConfirmButtons div.buttons{position:absolute;}
    .jsModalContent .jsConfirmButtons div.jsConfirmButtonsLeft{left:0;}
    .jsModalContent .jsConfirmButtons div.jsConfirmButtonsRight{right:0;}

    .jsModalAuto {
        height:auto;
        
            width:auto;
        
        min-width:100px;
        /* min-height:100px; */
    }

    .jsModalClose {position:absolute; right:-10px; top:-10px; cursor:pointer;}

    
        .jsConfirm_display h4 {color:#333;}
    

    .jsModalCloseText {position:absolute;right:0;cursor:pointer; /* float:right; */ width:40px; height:15px; background:url("/images/button_cross.gif") no-repeat center right; font:10px tahoma; cursor:pointer; }
    
    .column-secondary button.Zebra_DatePicker_Icon { float:none; display:inline; margin-top:2px; padding:4px 0; }
    
        .column-secondary input[type='text'].jsDate { width:113px; }
    
    

    
/** javascriptPlugins end **/
/* thirdColumn.template start */



	
	.js_on .column-secondary .staticMenu {
		position:fixed;
		width:180px;
	}

	
		.column-secondary.columnFixed {
			position:absolute;
			width:180px;
			top:0;
			right:-200px;
			margin-top:0;
		}
	


	
	.column-secondary .panel .resetForm {
		
		line-height: 30px; 
	}


	.column-secondary .panel h2, .column-secondary .panel .h2 {
		font-size:13px;
		font-weight:bold;
		margin-bottom:8px;
		display:inline-block;
	}

	.column-secondary .panel h3, .column-secondary .panel .h3 {
		font-size:12px;
		font-weight:bold;
		margin-top:8px;
		color:#000;
	}

	.column-secondary .panel h3.first, .column-secondary .panel .h3.first {
		margin-top:0;
	}


	.column-secondary .topOption a, .column-secondary .topOption button, .column-secondary .topOption span.button {
		float:right;
		text-align: center;
	}

    .column-secondary .topOptionLeft a, .column-secondary .topOptionLeft button, .column-secondary .topOptionLeft span.button {
		float:left;
	}

	.column-secondary .buttons span.button,
	.column-secondary .buttons button.hasGap,
	.column-secondary .buttons a,
	.column-secondary .buttons input {
		margin-bottom:10px;
	}

	.column-secondary .buttons a.noGap {
		margin-bottom:0px;
	}








	.column-secondary ol li label {
		max-width:80%;
		text-align: left;
		margin-top: 3px;
	}

	.column-secondary ol li label.wide {
		max-width:98%;
	}

	.column-secondary ol li label.wide.labInlineHelp {max-width: none;display:block;width:140px;position:relative;}
   .column-secondary ol li label.wide.labInlineHelp .jsTip {position:absolute;top:-3px;right: -5px;}
   .column-secondary ol li label.wide.labInlineHelp .jsTip .icon-help {margin-top:0;}

	.column-secondary ol li ol {
		width:100%;
	}

	.column-secondary ol li {
		min-height:1px;
		line-height:1.35em;
		margin-bottom: 0;
	}

	.column-secondary ol li label {
		width:auto;
		height:auto;
		margin-right:0;
	}

	.column-secondary fieldset legend {
		font-size:13px;
		font-weight:bold;
		padding: 0 0 5px;
		
	}

	.column-secondary fieldset {
		margin: 0 0 20px;
		padding: 0;
		border:none;
	}

	.column-secondary fieldset.last {
		margin: 0 0 10px;
	}


	
	
	
		.column-secondary ol li input[type="radio"] + label {
			margin-top:4px;
		}

		.column-secondary input[type="radio"] {
			vertical-align:top;
		}

		.column-secondary fieldset ol li select {
			width:140px; /* USE TT to calculate this */
			margin-top:3px;
			margin-bottom:10px;
		}

		.column-secondary form.sortby-form fieldset ol li select {margin-bottom: 0;}

		.column-secondary form fieldset ol li select.jsSubmitSort {
			margin-bottom: 0;
		}
		
			.column-secondary fieldset ol li input[type="text"],
		
		.column-secondary fieldset ol li input.text {
			
				width:140px;	/* Has 2px either side of padding and seems to calculate border - where as select doesn't */
			
			margin-top:2px;
			margin-bottom:10px;
		}

		.column-secondary .sortPanelTopAligned {margin-top:38px;}
	
	

	.column-secondary fieldset .joinText {
		margin-bottom:10px;
		text-align: center;
		display:block;
	}

	.column-secondary fieldset ol.radio {
		margin-bottom:10px;
	}

	.column-secondary fieldset ol li.marginTop {
		margin-top:5px;
	}

	.column-secondary fieldset ol li.last,
	.column-secondary fieldset.join,
	.column-secondary fieldset ol li.last * {
		margin-bottom:0px;
	}

	
	.column-secondary fieldset.form h3 {
		margin-bottom:5px;
	}

	.column-secondary fieldset.form {
		margin-bottom:10px;
	}













	.column-secondary table.condensed input[type="radio"] {
		margin-left:-6px;
	}

	.column-secondary p.silentMessage {
		color:#999;
		font-style:italic;
	}

	.column-secondary ul.rating-numbers {
		float:right;
	}

	.column-secondary ul.rating li {
		display: inline;
		text-align: right;
	}

	.column-secondary ul.rating li.rating-heading span.rating-weighting {
		display:none;
		text-align: left;
	}


	.column-secondary ul.rating li.box {
		margin-right:-3px;
		padding-top:5px;

		
			display:inline-block;
		
	}

	.column-secondary ul.rating li.box input[type="radio"] {

		
			margin-top:0px;
		
	}
	.column-secondary ul.rating li.rating-heading span.icon-help {
		margin-top:-3px;
	}

	.column-secondary ul.rating {
		clear:both;
	}

	.column-secondary div.rating {
		margin-bottom:10px;
	}


	.js_on .column-secondary ul.rating li ul.rating-data {
		display:none;
	}

	.column-secondary ul.rating li ul.rating-data {
		display:block;
		margin-left:10px;
	}

	.column-secondary ul.rating li ul.rating-data li {
		display:block;
		text-align:left;
	}

	.column-secondary ul.rating li ul.twistyContent {
		margin-top:3px;
	}

	.column-secondary h2.twistyTitle {
		margin-bottom:0;
	}

	.column-secondary h2.twistyTitle .icons {
		margin-top:2px;
	}









	
	

	


/* thirdColumn.template end */
/* modals.template start */

table.reference_request_questions ul {
    list-style: disc inside;
}

/* modals.template end */
/* messages.template start */
div.nextError { line-height:18px; text-align:right; padding-top:5px; }

#msgcontainer, div.errorm, div.msgcontainer, div.errormSmall {
    padding:20px;
    border:2px solid #000;
    background-color:#ddd;
    margin-bottom:20px;
    border-radius: 5px;
    position:relative;
}

.warningMessageContainer {
    padding: 20px;
    border: 2px solid #fae100;
    background-color:#fffde6;
    margin-bottom: 20px;
    border-radius: 5px;
    font-weight: bold;
}

div.noErrorBottomMagin div.errorm {
    margin-bottom: 0px;
}

.errorPanel {
    color:#990000 !important;
    border:2px solid #990000;
    background-color:#FFE1E1;
}

#msgcontainer.error, .error, div.errorm, div.errormSmall {
    color:#990000 !important;
    border-color:#990000;
    background-color:#FFE1E1;
}

#msgcontainer h3, div.errorm h3, div.errormSmall h3 {
    margin-bottom:0.5em;
}

#msgcontainer ol, div.errorm ul, div.errormSmall ul {
    margin-left:40px;
}

#msgcontainer ol li, div.errorm ul li, div.errormSmall ul li {
    line-height:normal;
    min-height:1px;
    list-style:none;
}

div.errormSmall {
    
        min-width:150px;
    
}

div.errormSmall p {
    text-align: left;
}

div.errorm, #msgcontainer.error {
    
    background-image:url("/images/ui/warning_triangle_red.png");
    
    background-repeat: no-repeat;
    background-position: 20px 15px;
    padding-left:75px;
}

div.errormRte {
    padding-left: 10px;
    padding-right: 10px;
}

div.errormRte p strong {
    margin-left: 75px;
}

#serviceMsg {position:relative; margin-bottom:25px; border:1px solid #cccc99; background:#ffffcc; padding:20px; border-radius:5px;}
#serviceMsg p {font-size:13px; font-weight:bold; color:333; text-align:center; margin-bottom:0; padding:0 20px;}
#serviceMsg .remove {position:absolute; top:20px; right:20px; text-decoration:none;}

#fileWarningMsg {
    padding:20px 20px 20px 75px;
    border:2px solid #cccc99;
    border-radius:5px;
    background-color:#ffffcc;
    margin-bottom:20px;
    position:relative;
    background-image:url("/images/ui/warning_triangle_red.png");
    background-repeat:no-repeat;
    background-position:20px 15px;
}
#fileWarningMsg p {font-weight:bold; color:333; margin-bottom:0;}

/* Styles for messages when there is no data available */
.nodata-messages {margin: 0.5em 0 0.5em 0;color:#990066;font-weight:bold;}
.success-messages {margin: 0.5em 0 0.5em 0;color:#990066;font-weight:bold;}

.upload-doc-msg {font-style:italic; padding-left:33%; margin-left:5px; margin-top:5px; display:block;}

.main .panel ul.tasks div.errorm { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; float: left; font-weight: normal; padding: 0; width: 220px;}
.main .panel ul.tasks div.errorm strong{font-weight:normal;}

/* messages.template end *//*** GENERIC ***/

body {background:url("/images/ui/background-top.gif"); color:#000;}

h1, h2, h3, strong {font-weight:bold;}

a {text-decoration:underline;}
a:hover {text-decoration:none;}
a.backLink {margin-bottom:20px; display:inline-block;}
a.topLink {float:right;}

h1 {color:#000; font-size:16px; line-height:30px; margin-bottom:20px;}

h2 {color:#990066; font-size:16px; margin-bottom:15px;}

h3 {color:#333; font-size:14px;}

p {margin-bottom:15px; line-height:1.5em;}
p.intro, .intro {font-size:14px; margin-bottom:30px;}
p.empty {text-align:center; font-weight:bold; padding:25px 0; margin-bottom:0;}
p.message {text-align:center; font-weight:bold; margin-bottom:0;}
p.langwarning {
    text-align:center;
    font-weight:bold;
    color:#CC0000;
    border-radius:5px;
    border-width:1px;
    border-style:solid;
    border-color:#CC0000;
    padding:10px;
}

ol {list-style: decimal; padding-left:30px;}
ol li {margin-bottom:15px;}
form ol {list-style:none; padding-left:0;}

.formIndent {margin-left:307px;}
.center {text-align:center;}

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

.mandatory {font-style:normal; font-weight:bold; vertical-align:bottom; font-size:18px; line-height:14px; color:#ff0000;}

.buttons {margin-bottom:0;}
.buttonContainer {height:30px; clear:both;}
.buttonContainer .buttons, .buttonContainer a {float:right;}
.buttonContainer a {margin:0 20px; line-height:29px;}
.buttonContainer .buttons a {margin:0; line-height:130%;}
.buttonContainer .cancel {margin-right:20px;}
.buttonLeft {float:left;}
.buttonRight {float:right;}

.content {min-height:400px; padding-bottom:1px; line-height:1.5em; position:relative;}
.contentWrapper {position:relative;}

.banner {
    background-color: #ffeb3b;
    padding: 10px;
}

.banner .banner-content {
    width: 940px; margin: 0 auto;
    font-size: 15px;
}

.banner .banner-content h1 {
    margin-bottom: 5px;
}

.banner .banner-content p.top-row {
    margin-bottom: 10px;
}

.banner .banner-content p.left-column, .banner .banner-content p.right-column {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.banner .banner-content p.left-column {
    width: 240px;
}

.banner .banner-content p.right-column {
    width: 695px;
    text-align: right;
}

.banner .banner-content p.right-column span {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.panel {margin-bottom:30px; padding:25px 30px;}
.jsFloatingMenu .panel {margin-bottom:0;}
.panel .title {border-bottom:1px solid #e8e8e8; margin:-5px -30px 25px -30px; padding:0 30px 5px 30px;}
.panel .title h1 {color:#990066; line-height:18px; margin-bottom:15px;}
.panel .title h2 {font-size:16px;}
.panel .title h3 {font-size:16px; margin-bottom:15px;}
.panel .foot {border-top:1px solid #e8e8e8; margin:25px -30px -5px -30px; padding:25px 30px 5px 30px;}
.panel h3 {color:#333; margin-bottom:10px;}
.panel h4, .panel .h4 {margin-bottom:5px;}
.panel.reducedPad {padding:15px 20px; margin-bottom:20px;}

.panel.noPadTB {padding-top:0; padding-bottom:0;}
.panel.noPadB {padding-bottom:0;}
.panel.noPadB .title {margin-bottom:0;}

.noPad {padding:0;}

.activateAccount .panel {min-height:160px; position:relative;}
.activateAccount .panel #resendActCode {position:absolute; right:30px; bottom:27px;}

.loginPanels .buttons {margin-top:0;}
.loginPanels #loginForm {padding-top:11px;}

.stillToDo {font-weight:bold; text-transform:uppercase; color:#ff0000;}

.defaultList {padding-left:30px; margin-bottom:15px;}
.defaultList.bottom {margin-bottom:0;}
.defaultList li {list-style:disc; margin-bottom:5px;}
.defaultList ul {padding:5px 0 0 30px;}

.basicList {margin-bottom:15px;}
.basicList li {margin-bottom:5px;}

.introList {float:right; line-height:30px; position:relative; z-index:10;}
.introList li {display:inline; margin-left:20px;}

.directoryList {height:30px; margin-bottom:30px; list-style:none; padding-left:0;}
.directoryList.results {margin:25px 0 0 0;}
.directoryList li {float:left; margin-right:5px; border:1px solid #e8e8e8;}
.directoryList li a {display:block; text-align:center; width:21px; height:21px; line-height:21px; color:#fff; text-decoration:none; background:#49bd33;}
.directoryList li a:hover, .directoryList li a.active {background:#0099cc;}

.preAppAnswers li {padding:5px 0 10px 0;}
.preAppAnswers label, .preAppAnswers .label {display:block; margin-bottom:5px;padding-left:0; font-weight:normal;}
.preAppAnswers span {font-weight:bold; padding-left:15px; color:#000;}

.defListIntro {float:left; font-size:14px; margin-bottom:30px;}
.defListIntro dt {color:#990066; font-weight:bold; float:left; clear:left; margin-right:5px;}
.defListIntro dd {color:#000;  float:left; }

.formField, .termsField {margin-bottom:20px;}
.formFieldLast { margin-bottom: 0px; }
.formField label, .formField .label {margin-right:5px; display:inline-block; line-height:22px; text-align:right; width:300px; vertical-align:top; cursor:pointer;}
.formField .labelLeft {float:left;}
.termsField input {float:left;}
.formField.termsField label, .formField.default label {text-align:left; width:auto; display:inline;}
.formField.stacked label {text-align:left; width:auto; display:block; margin-bottom:3px;}
.formField label.inline-label {float:left;}
.errormsg {margin-left:305px; display:block;}



.formField input[type="text"],
.formField input[type="password"],
.formField input.text,
.formField input.password,
.formField textarea,
.formField select {width:290px;}

.formField  textarea.wide {
    width: 80%;
}

.formField ul {display:inline-block;}
.formField .inline li {display:inline; margin-right:10px;}
.formField li label, .formField.stacked li label {display:inline; width:auto; text-align:left;}
.formField li select {width:auto;}
.formField .note {padding:5px 0 0 310px; display:block; color:#999; font-style:italic;}
.formField.stacked .note {padding-left:0;}

.formField .errorm {margin-bottom:0;}
.formField ul.locations, .formField ul.removeLocations {margin-left:0;}
.formField ul.locations li {padding:5px 0;}
.formField ul.locations li label {display:inline-block; width:300px; text-align:right;}
.registration .formField ul.locations li label {line-height:20px;}
.formField ul.locations li select {width:290px;}
.formField ul.locations li strong {line-height:22px; padding-left:7px;}

.sortBy {float:right; font-size:14px;}
.sortBy label {float:left; margin:0 10px; line-height:23px;}
.sortBy select {float:left; width:150px;}
.sortBy .buttons {float:left; margin:-2px 0 0 15px;}

.typeahead {position: relative;}
#jbePanel .typeahead {display: inline;}

p.quotedText {
    border:     2px solid #eee;
    padding:    8px;
    font-style: italic;
}

/*** HEADER ***/

.header {z-index:100;}

.accessMenu {padding-top:20px;}
.accessMenu li {display:inline; margin-right:20px;}

.welcomeStatus {float:left; padding-top:28px;}
.welcomeStatus li {display:inline-block; float:left; margin-left:20px; padding-top:2px;}
.welcomeStatus .user {font-size:16px; padding-top:0; margin-left:0; max-width:540px;}

.welcomeStatus .notes {position:relative; z-index:150; margin-top: -4px; padding-top:0;}
.welcomeStatus .notes a {text-decoration:none; display:inline-block; background:url("/images/header/tabBgs.gif") no-repeat 0 -442px;}
.welcomeStatus .notes span {display:inline-block; padding:6px 10px;}
.welcomeStatus .notes a strong {display:inline-block; height:16px; line-height:16px; padding:6px 35px 4px 10px; background:url("/images/header/tabBgs.gif") no-repeat right -468px; cursor:pointer;}
.welcomeStatus .notes a:hover {background-position:0 -494px;}
.welcomeStatus .notes a:hover strong {background-position:right -520px;}
.welcomeStatus .subNotes {display:none; position:absolute; left:0; top:24px; width:100%;}
.welcomeStatus .subNotes ul {padding-top:3px; background:#0099cc; border-radius:0 0 5px 5px; opacity: 0.95; filter:alpha(opacity=95);}
.welcomeStatus .subNotes li {float:none; display:block; margin:0; color:#fff;}
.welcomeStatus .subNotes a {display:block; padding:5px 10px; color:#fff; text-decoration:none; font-size:11px; background:none;}
.welcomeStatus .subNotes .last a {border-radius:0 0 5px 5px;}
.welcomeStatus .subNotes a:hover {background:#0066cc;}
.welcomeStatus .notes:hover .subNotes {display:block;}

#mainNav {position:absolute; left:0; bottom:0; width:100%;}
#mainNav .primary {float:left;}
#mainNav .secondary {float:right;}
#mainNav li {float:left; display:inline-block; font-size:13px;}
#mainNav a {text-decoration:none; display:inline-block; background:url("/images/header/tabBgs.gif") no-repeat 0 0;}
#mainNav a strong {display:inline-block; height:34px; line-height:34px; padding:0 18px; background:url("/images/header/tabBgs.gif") no-repeat right -34px; cursor:pointer;}
#mainNav a:hover {background-position:0 -102px;}
#mainNav a:hover strong {background-position:right -136px;}
#mainNav a.active {background-position:0 -204px; color:#0099cc;}
#mainNav a.active strong {background-position:right -238px;}
#mainNav .super {background:url("/images/header/tabBgs.gif") no-repeat 0 -306px;}
#mainNav .super strong {display:inline-block; height:34px; line-height:34px; padding:0 20px; background:url("/images/header/tabBgs.gif") no-repeat right -340px;}
#mainNav .primary li {margin-right:6px;}
#mainNav .secondary li {margin-left:6px;}

#mainNav .home a strong {padding:0;}
#mainNav .home span {width:40px; height:100%; display:block; text-indent:-3000px; background:url('/images/header/homeIcon.png') no-repeat 0 0;}
#mainNav .home a:hover span {background-position:0 -34px;}
#mainNav .home a.active span {background-position:0 -68px;}
#mainNav .mynhsjobs {position:relative;}
#mainNav .mynhsjobs a strong {padding-right:30px; background-position:right -68px;}
#mainNav .mynhsjobs a:hover strong {background-position:right -170px;}
#mainNav .mynhsjobs a.active strong {background-position:right -272px;}

#mainNav .subNav {display:none; position:absolute; left:0; top:34px; width:200px; padding-top:7px; background:url("/images/header/transPixel.gif");}
#mainNav .subNav ul {background:#0099cc;  border-radius:0 0 5px 5px; opacity: 0.95; filter:alpha(opacity=95);}
#mainNav .subNav li {float:none; display:block; margin:0;}
#mainNav .subNav a {height:auto; line-height:26px; border:none; background:none; background-image:none; padding:0 20px; font-weight:bold; display:block; position: relative;}
#mainNav .subNav .last a {border-radius:0 0 5px 5px;}
#mainNav .subNav a:hover, #mainNav .subNav a.active {background:#0066cc; color:#fff;}
#mainNav li:hover .subNav {display:block;}

.js_on #mainNav .login:hover .loginBtn, .js_on #mainNav .login.hover .loginBtn, .js_on #mainNav .login.active .loginBtn {background-position:0 -204px; color:#0099cc; -moz-box-shadow: 0 10px 0 #fff, 0 0 3px #ccc; -webkit-box-shadow: 0 10px 0 #fff, 0 0 3px #ccc; box-shadow: 0 10px 0 #fff, 0 0 3px #ccc;}
.js_on #mainNav .login:hover a strong, .js_on #mainNav .login.hover a strong, .js_on #mainNav .login.active a strong {background-position:right -238px;}

#mainNav .login .loginBtn {position:relative; z-index:10;}
#loginFlyout {display:none; position:absolute; right:0; top:34px; width:240px; padding:20px 20px 10px 20px; background:#fff; border-radius:5px; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc;}
#loginFlyout label {display:block; color:#333; margin-bottom:5px;}
#loginFlyout input {color:#333; margin-bottom:10px; width:100%; padding:6px;}
#loginFlyout ul {float:left;}
#mainNav #loginFlyout li {float:none; display:block; font-size:10px; margin:0;}
#mainNav #loginFlyout a {color:#0064ca; text-decoration:underline; display:inline; height:auto; line-height:12px; padding:0; border:none; font-weight:normal; background:none;}
#mainNav #loginFlyout a:hover {text-decoration:none; background:none;}

/************* APPLICANT HOMEPAGE **************/

.searchContainer {position:relative; padding:20px 320px 0 20px; padding-bottom:1px; background-position:top right; background-repeat:no-repeat; margin-top:-15px;}
.searchContainer.image1 {background-image:url("/images/home/imgProfessional.jpg");}
.searchContainer.image2 {background-image:url("/images/home/imgDoctor.jpg");}
.searchContainer.image3 {background-image:url("/images/home/imgNurse.jpg");}
.searchContainer.image4 {background-image:url("/images/home/imgParamedic.jpg");}
.searchContainer p {font-size:15px; margin-bottom:23px; padding-right:25px;}
.searchBox {background:url("/images/home/candSearchLine.gif") no-repeat center bottom; margin-bottom:23px;}
.searchBox .jobCount {float:right; font-size:18px; line-height:20px; text-align:right;margin:0; font-weight:normal; width:125px;}
.searchBox .jobCount strong {font-size:24px; display:block;}
.searchBox .searchField { width:440px; background-color:#990066; border-radius:3px; margin-bottom:10px; padding:10px 10px 10px 15px; position:relative; }
.searchField label {float:left; width:125px; color:#fff; font-size:13px; font-weight:bold; line-height:16px; margin-top:-1px;}
.searchField label span {font-weight:normal; font-size:11px;}
.searchField input {float:left; width:309px; *width:295px; border-radius:3px; font-size:13px; line-height:16px; padding:6px; margin-bottom: 0; }
.mainLocationField { height: 32px; }
.searchField .radioList { margin-top: 5px; }
.searchField .radioList label { font-weight: normal; float: none; }
.searchField .radioList input { width: 13px; float: none; }
.searchField .radioList ul { margin-left: 125px; }
.searchField .radioList li { display: inline-block; *display: inline; zoom: 1; margin-right: 10px; }
.searchBox .searchSubmit {float:right; background:#0099cc; border:none; border-radius:3px; margin-top:8px; width:120px; font-size:18px; color:#fff; padding:5px 0; cursor:pointer;}
.searchBox .advSearch { padding: 10px 0; *width:100%; }
.searchBox .locField .advSearch { padding: 0; }
.js_on .searchBox .advSearch {display:none;}
.searchBox .advSearch select {width:175px; font-size:12px; margin-right:5px; padding:5px; border-radius:3px;}
.searchBox select.distance:disabled { background-color: #d3d3d3; }


.searchOptions {height:18px; padding:10px 0 20px 0;}
.searchOptions li {float:right; display:inline; margin-left:30px;}
.searchOptions li.first {float:left; margin-left:0;}

.searchOptions #moreOptions {background:url("/images/home/candExpand.gif") no-repeat 0 -1px; padding-left:20px;}
.searchOptions #moreOptions.open {background-position:0 -17px;}

.latestJobs {width:100%; clear:both;}
.latestJobs .panel {background-color:#f4f4f4; padding:15px 0 0 20px; margin-bottom:20px;}
.latestJobs .job {float:left; width:286px; margin:0 20px 15px 0;}
.latestJobs a {text-decoration:none;}
.latestJobs a:hover {text-decoration:underline;}
.latestJobs dl {font-size:13px;}

.latestJobs dt {
    color: #990066;
    font-weight: bold;
    float: left;
    clear: left;
    margin-right: 5px;
    vertical-align: top;
}

.latestJobs dd {
    color: #000;
}

.latestJobs dd.salary {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 232px;
}

.column {width:300px; margin-right:20px; float:left; display:inline;}
.column.last {margin-right:0;}
.column .panel {margin-bottom:20px; padding:15px 20px;}
.column .news, .column .advice { height: 310px; }
.column .survey, .column .stories {min-height:110px;}
.column .aboutNHS { height: 165px; }
.column .nhsCareers { height: 95px; }
.column .advice li { margin-bottom: 8px; }
.column .stories ul { width:220px; margin-left:20px; padding:0; color:#666; font-style:italic;}
.column .stories ul li { width:220px; }
.column .stories span {position:absolute; top:60px; width:37px; height:0 !important; padding-top:37px; overflow:hidden; background:url("/images/home/candStoryNav.gif") no-repeat; cursor:pointer;}
.column .stories .prev {background-position:left top; left:-10px;}
.column .stories .next {background-position:right top; right:-10px;}
.column .stories .photo {position:absolute; top:-5px; right:20px; width:40px; height:52px; background:url("/images/home/satisfaction_1.gif") no-repeat;}

.candHome .subText {padding:8px 20px; font-size: 15px;}
.candHome .subText.loggedIn {float:left; margin-top:-67px;width:580px;}
#browseJobs {width:100%; float:left; position:relative;}
.tabs .tabHeader li {width:313px; float:left; text-align:center; position:relative;}
.tabs .tabHeader li.end {width:314px;}
.tabs .tabHeader li a {background:#f4f4f4; padding-bottom:5px; text-decoration:none; border-radius:5px 5px 0 0; color:#00529b; line-height:40px; font-size:16px; font-weight:bold; display:block; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc;}
.tabs .tabHeader li.active-tab {z-index:10;}
.tabs .tabHeader li.active-tab a {background:#fff; color:#990066; padding-bottom:0; -moz-box-shadow: 0 10px 0 #fff, 0 0 3px #ccc; -webkit-box-shadow: 0 10px 0 #fff, 0 0 3px #ccc; box-shadow: 0 10px 0 #fff, 0 0 3px #ccc;}

.tabs .tabContainer {clear:both; min-height:100px; border-radius:5px; background-color:#fff; position:relative; top:-5px; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc;}
.tabs .tab {padding:20px;}
.tabs .tab ul {padding:0 10px; width:204px; float:left;}
.tabs .tab ul li {padding:5px 0;}

/*************** ADVANCED SEARCH **************/

.advancedSearch .buttons {margin-bottom:20px;}
.advancedSearch .panel .buttons {margin-bottom:0;}
.advancedSearch .panel h3 {display:block; float:left; width:100%;}

.advancedSearch .formField, .advancedSearch .formGroup {clear:both; margin-bottom:20px;}
.advancedSearch .formField label {display:block; text-align:left; width:auto;}
.advancedSearch input[type="text"], .advancedSearch input.text { width:280px; padding: 7px 2px; }
.advancedSearch input[type="radio"] { width: 13px; }
.advancedSearch select { width:175px; padding: 6px 2px; }
.advancedSearch select.distance:disabled { background-color: #d3d3d3; }
.advancedSearch select#excludeArea {width:230px;}
.advancedSearch .advsearch-fieldset {position:relative;}
.advancedSearch .formGroup {float:left; width:100%;}
.advancedSearch .formGroup label {line-height:20px; margin-left:10px;}
.advancedSearch .formGroup ul {float:left; width:300px;}
.advancedSearch .formBlock {padding-bottom:10px;}
.advancedSearch .formBlock .formField {float:left; display:inline; margin-right:20px; clear:none;}
.advancedSearch .formBlock .formField.milesField {width:150px;}
.advancedSearch .formBlock .buttons {margin-top:18px;}
.advancedSearch .formBlock .distanceField {margin-right:0;}
.advancedSearch .formBlock .distanceField select {width:150px;}
.advancedSearch .formGroup h3 strong {float:left;}
.advancedSearch .formField .radioList li, .advancedSearch .formField .checkboxList li {float:left; display:inline; margin-right:10px;}
.advancedSearch .formField .checkboxList li { margin-left: 0; }
.advancedSearch .formField .radioList label, .advancedSearch .formField .checkboxList label {display:inline; margin: 0;}
.advancedSearch .formField .checkboxList label { margin-left: 10px; }

.advancedSearch .formField label.daysBack { display: inline; line-height: 33px; }
.advancedSearch #searchinFields {width:290px; margin-right:0; margin-top:-15px;}
.advancedSearch #searchinFields {width:290px; margin-right:11px; margin-top:-15px;}

/* Typeahead */
.th-container {border:1px solid #ccc; background:#fff; border-radius:0 0 3px 3px; font-size:12px; margin:0; overflow-x: hidden; overflow-y: visible; position: absolute; z-index: 9000;}
.th-container a {color:#333; display: block; font-weight: normal; padding:5px 10px; text-decoration: none;}
.th-container a.th-active, .th-container a:hover {background-color:#e7e7e7;}
.th-container a:focus {outline: medium none;}
.th-widget {border:1px solid #ccc; border-radius:3px; float:left; margin:5px 5px 0 0; padding:2px 4px 1px 5px; background:#fff;}
.th-widget .close {background: url("/images/ui/icons.png") no-repeat -54px -5px;; float:left; width:16px; height:16px; margin-left:5px; cursor:pointer;}
.th-widget .close:hover {background-position:-30px -5px;}
.th-widget-text {color:#333; cursor: default; float:left;}

#multiLocations {margin-top:-15px; width:290px; float:left; display:none; position:relative;}
.candHome #multiLocations {padding-left:125px; margin-top:-5px; width:320px; padding-bottom:10px;}
#jbePanel #multiLocations {margin-top:-20px; padding:0 0 15px 308px;}
#daysback_supercede {width:25px;margin-top:3px;}

/*************** SEARCH RESULTS **************/

.match {font-weight: bold; background-color:#FFFFCC;}
.searchTerms {font-size:14px; line-height:24px; padding-top:5px; margin-bottom:30px; font-weight:normal; color:#000;}

.js_off #saveSearchBtn {display:none;}
.js_on #saveSearchModal {padding-bottom:15px;}
.js_on #saveSearchModal fieldset {width:300px;}

#saveSearchModal .saveSearchField {float:left;}
#saveSearchModal .saveSearchField label {display:block; padding-bottom:5px;}
#saveSearchModal .saveSearchField input {width:200px;}
#saveSearchModal .buttons {float:left; margin:18px 0 0 10px;}
#saveSearchModal .searchEmails {clear:both; padding-top:10px;}
#saveSearchModal .searchEmails input {margin-left:0;}
#saveSearchModal a {display:block; margin-top:10px;}
.js_on #saveSearchModal p.message {padding:40px 0;}

.filtersColumn {float:left; width:220px; margin-right:20px; padding-top:2px;}
.filtersColumn h2 {font-size:14px; margin-bottom:18px;}
.filtersColumn .filter {background:#ccc; padding:3px 5px; margin-bottom:10px;}
.filtersColumn .filter a {float:right; margin-left:5px;}
.filtersColumn .buttons {margin-bottom:25px;}
.filtersColumn .panel {padding:10px 10px 20px 20px; float:left; width:190px; margin-bottom:20px;}
.filtersColumn h3 {font-size:13px; color:#990066; margin:10px 0; display:block; padding-right: 10px;}
.filtersColumn select {width:180px;}
.filtersColumn li {float:left; display: block; width: 100%;}
.filtersColumn li input {float:left;}
.filtersColumn li label {float:left; width:83%; padding-left:5px;}
.filtersColumn li.noResults {color:#999;}
.filtersColumn .twisty .icons { width:10px; height:10px; }
.filtersColumn .twisty .icons.icon-twisty-open { background-position:-232px -118px; }
.filtersColumn .twisty .icons.icon-twisty-closed { background-position:-232px -128px; }

.resultsContainer {float:left; width:700px;}
.resultsContainer .saveSearch {margin-top:38px;}
.resultsContainer .options {margin-bottom:10px; font-size:14px; color:#000; height:28px; line-height:23px; clear:both; width:100%;}
.resultsContainer .options label {margin-left:40px;}
.resultsContainer .options select {width:170px;}
.resultsContainer .options a {float:right;}
.resultsContainer .options .buttons {margin-left:0;}
.resultsContainer .options .jobCount {float:left;}

.resultsContainer .panel.resultsContent {margin-bottom:0; padding:0 25px;}
.resultsContent .vacancy {padding:20px 0; border-bottom:1px solid #ccc; font-size:13px; clear:both; width:648px;}
.resultsContent .vacancy.last {border-bottom:none;}
.resultsContent .vacancy .jobBasket {font-size:14px; float:right;}
.resultsContent .vacancy h2 {width:500px; margin-bottom:0;}
.resultsContent .vacancy h2 a {font-size:16px; font-weight:bold; text-decoration:none;}
.resultsContent .vacancy h2 a:hover {text-decoration:underline;}
.resultsContent .vacancy h2 span {margin-top:-2px;}
.resultsContent .vacancy h3 {color:#666; font-size:13px; margin-bottom:0;}
.resultsContent .vacancy p {color:#333; margin-bottom:0;}
.resultsContent .vacancy p.agency {margin-bottom:0; margin-top:15px;}
.resultsContent .vacancy .vacancy-summary {margin:15px 0 0 0;}
.resultsContent .vacancy .vacancy-summary .left {float: left; display: block; width: 319px; margin-right: 5px;}
.resultsContent .vacancy .vacancy-summary .right {float: right; display: block; width: 319px; margin-left: 5px;}
.resultsContent .vacancy .vacancy-summary dl {clear:both;}

.resultsContent .vacancy .vacancy-summary dt {
    color: #990066;
    font-weight: bold;
    display: inline;
    vertical-align: top;
}

.resultsContent .vacancy .vacancy-summary dd {
    color: #333;
    margin: 0 15px 0 5px;
    display: inline;
}

.resultsContent .vacancy .vacancy-summary dd.salary {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 250px;
}

.resultsContent .vacancy .vacancy-summary .right dl {clear:left;}
.resultsContent .vacancy .vacancy-summary .right dd {margin-right:0;}

.pagContainer {background:url("/images/home/candSearchLine.gif") no-repeat center top; margin:20px 0; font-size:14px; color:#000;}
.pagWrapper {background:url("/images/home/candSearchLine.gif") no-repeat center bottom; padding:10px 0;}
.pagContainer .total {float:left; width:160px;  padding-top:7px;}
.pagContainer .pages {width:360px; text-align:center; margin:0 auto;}
.pagContainer .perPage {float:right; padding-top:7px;width:160px; }
.pagContainer li {display:inline; margin:0 2px;}
.pagContainer li.sep {margin:0;}
.pagContainer .perPage .pagination {float:right; padding:0;}
.pagContainer .perPage li {margin:0 0 0 10px;}
.pagContainer .pages a {padding:5px; background:#ccc; text-decoration:none;}
.pagContainer .pages a:hover {background:#0066CC; color:#fff;}
.pagContainer ul.pagination {margin-top:0;position:static;}

/*************** FAVOURITE JOBS **************/

.favJobs .sortBy {margin:-20px 0 20px 0;}
.favJobs .sortBy select {width:190px;}

.favJobs table {table-layout:fixed; border-collapse:separate;}
.favJobs table tr td {padding-right:0;}
.favJobs table tr th a {text-decoration:none;}
.favJobs table .jobTitle {width:240px;}
.favJobs table .remove {width:85px;}
.favJobs table .buttons a {float:none; display:inline-block;}
.favJobs table .icons {margin-top:3px; margin-left:3px;}

/*************** SAVED SEARCHED **************/

.newSearchBtn {position:relative; z-index:10; float:right; margin-top:-5px;}
.mySearches {padding:0 !important; width:100% !important; float:left; clear:both; background:#fff url("/images/candidate/vacancySep.gif") repeat-y 661px top;}
.mySearches .list {float:left; padding: 0 30px; width:64%; min-height:391px;}
.mySearches .empty {text-align:center; font-weight:bold; padding-top:175px}
.mySearches .emailSettings {float:right; width:25%; padding:20px;}
.mySearches .emailSettings ul {margin-bottom:15px;}
.mySearches .emailSettings .note {color:#999; margin-bottom:25px;}
.mySearches .emailSettings p {clear:both;}
.mySearches .emailSettings .buttons {margin-bottom:25px;}
.mySearches .errorm {margin-top: 20px;}

.savedSearch {padding:25px 0; margin:0; border-bottom:1px solid #ccc; width:100%; float:left; }
.savedSearch.last {border-bottom:none;}
.savedSearch .jbe {float:right;width:240px;text-align:right;}
.savedSearch .jbe .form-item {float:left;width:155px; text-align:right;}
.savedSearch .jbe .buttons {margin: -5px 0 0 10px;}
.savedSearch h2 {width:340px; color:#0066cc; float:left; line-height:22px;}
.savedSearch h2 strong {float:left;}
.js_off .savedSearch h2 {width:340px;}
.js_on .savedSearch h2 {width:340px;}
.savedSearch .rss {margin-left:7px; float:left; text-decoration:none;}
.savedSearch .rss .icon-rss {cursor:pointer;}
.savedSearch dl {font-size:13px; float:left; width:100%; margin-bottom:20px; clear:both;}
.savedSearch dt {color:#990066; font-weight:bold; float:left; clear:left; margin-right:5px;}
.savedSearch dd {color:#000; }
.savedSearch .options {clear:both; float:left; width:100%;}
.savedSearch .options a {margin-right:20px;}
.savedSearch .options #jobFrequency {float:left;}
.savedSearch .options form {float:right;width:415px;text-align:right;}
.savedSearch .options .form-item {display:inline-block;margin-bottom:5px;margin-top:5px;}
.savedSearch .options .form-item label {display:inline;margin-right:5px;}
.savedSearch .options form .buttons {margin-left:10px;}

/*************** VACANCY DETAILS *************/

.vacancyContainer {position:relative; color:#333; background:#fff url("/images/candidate/vacancySep.gif") repeat-y 639px top; border-radius:5px; -moz-box-shadow:0 0 3px #ccc; -webkit-box-shadow:0 0 3px #ccc; box-shadow:0 0 3px #ccc; margin-bottom:30px; float:left; width:100%;}
.vacancyContainer .title {border-bottom:1px solid #e8e8e8; padding:10px 30px; background:#fff; border-radius:5px 5px 0 0;}
.vacancyContainer .title h1 {font-size:18px; color:#990066; margin-bottom:0; width:600px; line-height:60px;}
.h2Strong strong{color:#000;}
.vacancyContainer .title ul {float:right;}
.vacancyContainer .title li {float:left; margin-left:15px;line-height:60px;}

.vacancyContainer .info {float:left; width:580px; padding:25px 30px; color:#333;}
.vacancyContainer .sideBar {float:left; width:260px; padding:15px 20px; background:-moz-linear-gradient(top,#eeeeee 0%,#ffffff 100%);}

.basicVacancyInfo {width:100%;}

.vacancyContainer dl {margin-bottom:25px;}
.vacancyContainer .sideBar dl {clear:both;}
.vacancyContainer .sideBar dl.vacSummary {width:100%;}
.vacancyContainer .sideBar dl.vacSummary dd {float:none;}
.vacancyContainer .contactInfo {width:100%;}
.vacancyContainer .contactInfo dd {clear:left; width:100%; word-wrap:break-word;}
.vacancyContainer h3 {font-size:12px; margin-bottom:5px;}

.vacancyContainer .buttons {clear:both;}
.vacancyContainer .buttons a {float:none; width:160px; text-align:center; margin-bottom:30px;}
.vacancyContainer .sideBar .buttons a {width:auto; margin-bottom:25px;}

.vacancyContainer .panel {padding:15px 20px; margin-bottom:25px;}
.vacancyContainer .panel h2 {font-size:14px;}
.vacancyContainer .panel li {margin-top:5px;}

.vacancyContainer .mainDocs h2 {line-height:22px; margin-bottom:10px;}
.vacancyContainer .mainDocs a {font-size:14px;}

.vacancyContainer .info hr.last {margin-bottom:35px;}

/*************** BROWSE JOBS **************/

.browseJobs {width:100%;}
.browseJobs ul {margin-bottom:15px;}
.browseJobs ul li {margin-bottom:5px;}
.browseJobs .panel ul {float:left; width:220px;}
.browseJobs #employers ul {float:none; width:auto;}

.browseJobs .regionGroup {float:left; width:400px;}
.browseJobs .mapContainer {float:left;}

.agencyAdvert {padding:25px 0; border-bottom:1px solid #ccc;}
.agencyAdvert.last {border-bottom:none;}

/*************** STATIC PAGES **************/

.candHelp {margin-bottom:30px;}
.candHelp ul {float:left; width:440px;}
.candHelp li {line-height:24px;}

.faqList .question {background:#fff; border-radius:5px; margin-bottom:10px; color:#333;}
.faqList .question.active {-moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc;}
.faqList h2 {font-size:16px; margin-bottom:0; padding:20px 25px 20px 30px; cursor:pointer;}
.faqList .answer {padding:25px 30px 10px 30px; border-top:1px solid #e8e8e8;}
.faqList .answer h3 {color:#333; font-size:14px; margin-bottom:10px;}

.siteMap {width:880px; padding:25px 30px;}
.siteMap .title {height:33px;}
.siteMap h2 {float:left; width:284px;}
.siteMap ul {float:left; width:260px; margin:0; padding:0 0 0 20px;list-style:disc;}
.siteMap ul li {clear:both; margin:0; padding:2px 0;}
.siteMap ul ul {padding-top:5px;padding-bottom:10px;}

.columnWrapper {position:relative;}
.articlesWrapper {position:absolute; width:262px; top:0; right:0;}
.articlesColumn {width:262px;}
.articlesColumn ul {margin-bottom:0;}
.articlesColumn .faq {padding:0 20px;}
.articlesColumn .faq li {padding:20px 0; border-bottom:1px solid #ccc; margin-bottom:0;}
.articlesColumn .faq li.last {border-bottom:none;}
.articlesColumn .faq li a {color:#990066; font-size:16px; font-weight:bold; text-decoration:none; display:block;}
.articlesColumn .faq li a:hover {text-decoration:underline;}
.mainColumn {float:left; width:658px;}
.mainColumn .section {padding-bottom:20px;}
.mainColumn .section .basicList {padding-left:20px; margin-bottom:20px;}
.mainColumn .section .panel {padding:15px 20px 1px 20px; margin-bottom:20px;}
.mainColumn .section .panel .title {margin:0 -20px 15px -20px; padding:0 20px;}

#layoutSwitch .articlesWrapper {left:0;}
#layoutSwitch .mainColumn {float:right;}

/*************** APPLICATIONS *************/

.myApps {padding-bottom:0; width:100%;}
.myApps .panel {padding-bottom:0;}

.myApps .title h2 {float:left;}
.myApps .title {margin-bottom:0; padding:0 30px 5px 30px; border-bottom:1px solid #ccc;clear:both;}
.myApps .sortBy {position:relative;}
.myApps .sortBy form fieldset{float:right;}

.myApps .archived {background-color:#f3f3f3;}
.myApps .archived .title h2 {color:#333;}
.myApps .archived .icon-twisty-open {background-position: -281px -119px;}
.myApps .archived .icon-twisty-closed {background-position: -282px -129px;}

.myApps .nav {margin-bottom:15px; float:left; line-height:23px;}
.myApps .nav ul li {float:left; padding:0 10px; border-left:1px solid #ccc; font-size:14px;}
.myApps .nav ul li.selected {font-weight:bold;}
.myApps .nav ul li.first {border:none; padding-left:0;}

.applicationListEntry
{
    font-size: 13px;
    padding: 25px 0;
    border-bottom: 1px solid #CCC;
}

.applicationListEntry.last
{
    border-bottom: none;
}


.applicationListEntry .details .columnOne
{
    float: left;
    width: 440px;
    padding-bottom: 10px;
}

.applicationListEntry .details .columnTwo
{
    float: left;
    width: 230px;
    padding-bottom: 10px;
}

.applicationListEntry .details .columnThree
{
    float: right;
    width: 210px;
    text-align: right;
    padding-bottom: 10px;
}

.applicationListEntry div ul li
{
    padding-bottom: 5px;
}

.applicationListEntry div ul li.status
{
    font-weight: bold;
}

.applicationListEntry div span.noButtonMessage
{
    font-weight: bold;
    color: #990066;
}

.applicationListEntry div.columnThree ul li
{
    float: right;
}

.applicationListEntry .appFeedback
{
    position: relative;
    clear: both;
    background: #ffffcc;
    border: 1px solid #cccc99;
    padding: 10px 15px;
}

.applicationListEntry .appFeedback .oneColumn
{
    float: left;
    width: 100%;
}

.applicationListEntry .appFeedback .columnOne
{
     float: left;
     width: 283px;
}

.applicationListEntry .appFeedback .columnTwo
{
    float: left;
    width: 282px;
    text-align: center;
}

.applicationListEntry .appFeedback .columnThree
{
    float: left;
    width: 283px;
    text-align: right;
}

.applicationListEntry .actionsPadding
{
    padding-top: 10px;
}

.applicationListEntry .actions .left
{
    width: 50%;
    float: left;
}

.applicationListEntry .actions .right
{
    width: 50%;
    float: left;
    text-align: right;
}

.applicationListEntry .actions .right a
{
    float: right;
}

.application {clear:both; width:100%; padding:25px 0; border-bottom:1px solid #999; font-size:13px;}
.application.last {border-bottom:none;}
.application .closingDate {margin-left:15px;}
.application .status {float:right; font-weight:bold; margin-bottom:10px;}
.application ul {clear:both; float:right;}
.application ul li {float:left; display:inline; margin-left:20px;}
.application ul.appLinks li {line-height:28px;}
.application p {width:425px; clear:left;}
.application h3 {float:left; max-width:625px;}
.application h3 a {text-decoration:none;}
.application h3 a:hover {text-decoration:underline;}

.application .subheading {color: #990066; margin-bottom: 10px; text-align: left; display: block; font-size: 14px; font-weight: bold;}
.application .buttons {float: right;}
.application dl.MetadataElements { margin-bottom: 10px; }
.application dl.MetadataElements dt { color:#000000; float:left; font-weight:normal; width:140px; }
.application dl.MetadataElements dd { float: none; }
.application .buttons .secondary {margin-right: 15px;}
textarea#info_to_employer {width:400px; height:75px;}

.sideNav {position:relative; float:left; width:230px;}
.sideNav li {margin-bottom:2px;}
.sideNav li.submit {margin-top:30px;}
.sideNav a {width:210px; position:relative; display:block; margin:0; font-size:14px; font-weight:bold; background:#f4f4f4; color:#0066cc; border-radius:5px 0 0 5px; text-decoration:none; padding:20px 0 20px 20px;}
.sideNav a:hover, .sideNav a.active {background:#fff; color:#990066;}
.sideNav a.active {z-index:10; -moz-box-shadow: 10px 0 0 #fff, 0 0 3px #ccc; -webkit-box-shadow: 10px 0 0 #fff, 0 0 3px #ccc; box-shadow: 10px 0 0 #fff, 0 0 3px #ccc;}
.sideNav .icons {float:right; margin:-2px 10px 0 0;}

.appFormContent {position:relative; float:left; width:710px;}
.copyAppFormContent { width:880px }
.appFormContent .panel {border-radius:0 5px 5px 5px; min-height:486px;}

.appFormContainer .jobTitle {font-weight:normal; margin-bottom:5px;}
.appFormContainer .jobTitle strong {font-size:18px; color:#990066;}
.appFormContainer .mainDocs {padding:10px 20px; margin-bottom:15px; float:right; clear:none; position:relative; margin-left:15px; z-index:10;}
.appFormContainer .mainDocs li {line-height:26px;}
.appFormContainer .mainDocs li span {margin-top:3px;}
.appFormContainer .defListIntro {margin-bottom:20px;}
.appFormContainer .printAndHelpHolder {float:right; margin:0 0 10px 0;clear:right; }
.appFormContainer .adviceLink {display:inline-block; margin:5px 15px 0 0;float:left;}

.appFormContainer .displayOptions {margin-bottom:25px;}
.appFormContainer .displayOptions label {float:left; line-height:26px;}
.appFormContainer .displayOptions select {float:left; width:367px; margin-left:10px;}
.appFormContainer .displayOptions .buttons {float:left; margin: -2px 0 0 10px;}
.appFormContainer .displayOptions .standAlone {float:right;}
.appFormContainer .displayOptions .errorm {margin-bottom:0;}

.appFormContainer .printBtn {float:right; margin-bottom:0px; display:inline-block;}

.appFormContainer.windowMode .appFormContent {width:auto;}
.appFormContainer.windowMode .appFormContent .panel {border-radius:5px; min-height:auto;}
.appFormContainer.windowMode .appFormContent legend {display:none;}
.appFormContainer.windowMode .jsTip {display:none;}

.helpText {float: right; width: 220px; color: #999; padding:10px; font-style:italic;}
.js_on .helpText {display:none; float: none; color: #333; background: #ffffcc; border: 1px solid #cccc99; border-radius: 5px; position: absolute; bottom:5px; right: 5px; z-index:100; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc;}

.errorm .helpText {display:none}

.additionalQuestionsContainer {
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #0B9E33;
    background-color: #EAFAF1;
    padding: 5px 10px 5px 10px;
    font-style: italic;
}

/*************** MY MESSAGES *************/

.messageCentre .nav {margin-bottom:15px; float:left; line-height:23px;}
.messageCentre .nav ul li {float:left; padding:0 10px; border-left:1px solid #ccc; font-size:14px;}
.messageCentre .nav ul li.selected {font-weight:bold;}
.messageCentre .nav ul li.first {border:none; padding-left:0;}
.messageCentre .sortBy select {width:110px;}
.messageCentre .messageBlock {margin-bottom:25px;}
.messageCentre .messageBlock.last, .messageCentre .messageBlock h3, .messageCentre .messageBlock table {margin-bottom:0;}

.messageHistory {padding-bottom:0; }
.messageHistory .title {margin-bottom:0;}
.messageHistory .message {padding:25px 0 10px 0; border-bottom: 1px solid #ccc;  }
.messageHistory .message.last {border-bottom:none;}
.linkAlignRight {float:right;}
.messageHistory .twistyContent {width:100%;}

/*************** REPORT A VACANCY *************/
.reportContent { width:100%; position:relative;}
.reportContent .optionInfo {float:left; width:400px;}
.reportContent .personalInfo {float:right;}
.reportContent .reportField {margin-bottom:20px;}
.reportContent .reportField label {display:block;}
.reportContent .reportField input {width:325px; color:#333;}
.reportContent .reportField li label {display:inline;}
.reportContent .reportField li input {width:auto;}
.reportContent .required {margin-bottom:10px; text-align:right;}
.reportContent .errorMsg {color:#cd2027; line-height:20px; padding-top:10px;}
.reportContent .errorMsg span {margin-right:5px;}
.reportThanks h3 {margin-bottom:10px;}

/*************** MY INTERVIEWS *************/

.myInterviews {width:100%;}
.myInterviews p.empty {clear:both;}
.myInterviews .panel {padding-bottom:0; position:relative; }
.myInterviews .title {margin-bottom:0;}
.interview {padding:25px 0; border-bottom:1px solid #999; font-size:13px;}
.interview h3 {float:left;}
.interview.last {border-bottom:none;}
.interview span {margin-left:15px; float:left; display:inline;}
.interview .slot {clear:right; float:right;}
.interview p.slot {width:365px; text-align:right; margin-bottom:0;}
.interview strong.slot {margin-bottom:10px;}
.interview div.slot {padding-top:10px;}
.interview dl {clear:left; float:left; width:695px;}
.interview dt {color:#990066; font-weight:bold; display:inline;}
.interview dd {display:inline; margin-right:10px;}
.interview .details {float:right; clear:right;}
.interview .buttonContainer {padding-top:15px;}
.interview .buttonContainer .buttons {margin-left:20px;}
.interviewDetails dl {font-size:13px; float:left; clear:both;}
.interviewDetails dt {color:#990066; font-weight:bold; float:left; margin-right:5px; clear:both;}
.interviewDetails dd {color:#000; float:left;}
.interviewDetails .date {width:150px;}
.interviewDetails .time {clear:none;}
.interviewDetails .location {padding:20px 0;}
.interviewDetails .required {padding-top:20px;}
textarea#adjustDetails {width:400px; height:75px;}


/*************** JOB PROFILE QUESTIONNAIRE *************/

.rjp-panel {position:relative;}
.rjp-panel p {font-size:14px;}
.buttons-pre-next .button.secondary {margin-right: 10px;}
.quiz-answerslist {clear:both;}
.quiz-question {display:block; position:relative; }
.quiz-question h2{color:#000; line-height:160%; font-size:14px;}
.quiz-question strong{ display:block;margin-left: 44px; }
.quiz-question span{background:#990066; padding:5px 10px; margin: 4px 0 0 0; font-size:18px; display:inline-block; left:-30px; top:0; position:relative; float:left; color:#fff; border-bottom-right-radius: 6px; border-top-right-radius: 6px;box-shadow: 0 0 3px #CCCCCC; width:24px; text-align:center;}

.quiz-answer {font-size:14px; margin:10px 0 20px 44px;color:#000;}
.quiz-answer h3 {font-size:14px; color:#990066;}
.quiz-answer ul {list-style:none;}
.quiz-answer li {padding:5px 0; clear:both; display:block;}
.quiz-answer li input[type="radio"]{float:left;}
.quiz-answer li label {margin-left: 25px; margin-top:1px; display:block;}

.quiz-feedback {font-size:14px; margin: 0 0 20px 0; line-height:160%;}
.quiz-feedback h2 {font-size:14px; margin:0 0 5px 0;}
.quiz-feedback .answer {margin:0 0 40px 0; font-weight:bold;}

/*************** MY FEEDBACK *************/

.myFeedback dl {font-size:14px; margin-bottom:30px; border: 1px solid #990066; padding:20px 40px;}
.myFeedback dt {color:#990066; font-weight:bold; float:left; clear:left; margin-right:15px; width:100px; text-align:right; padding:5px 0;}
.myFeedback dd {color:#000; float:left; padding:5px 0;}

.myFeedback .feedbackInfo {clear:both; border-top:1px solid #ccc; padding-top:30px;}
.myFeedback .ratings {float:left; width:490px;}
.myFeedback .ratings p.question {float:left; width:285px; margin-right:15px; padding:10px 0 0 0;}
.myFeedback fieldset {clear:both}
.myFeedback .ratings ol {float:left; padding-top:5px;}
.myFeedback .ratings ol li {float:left; margin-bottom:0; text-align:center;}
.js_off .myFeedback .ratings ol li {width:25px; margin:0 4px;}
.myFeedback .ratings label {display:none;}
.myFeedback .ratings ol.guide {margin:0 0 15px 300px; padding-top:0;}
.myFeedback .ratings ol.guide li {color:#990066; font-size:14px; font-weight:bold; width:25px; margin:0 4px;}

.myFeedback .comments {float:left; width:390px;}
.myFeedback .comments label {display:none;}
.myFeedback .comments textarea {width:100%; height:120px;}

.myFeedback div.errorm {float:left; padding-left:20px; margin-left:-10px; padding-right:13px; }
.myFeedback div.errorm p {padding-left:55px;}
.myFeedback div.errorm p.question {width:273px; margin-bottom:0;}
.myFeedback .comments div.errorm {margin-left:0; margin-right:-10px; padding-right:20px;}
.myFeedback .comments div.errorm p.label {padding-left:0;}

.myFeedback div.rating-cancel, .myFeedback div.star-rating {margin:0 4px; width:25px; height:24px;}
.myFeedback div.star-rating a {width:25px; height:100%; background-position:-142px -78px;}
.myFeedback div.star-rating-hover a {background-position:-173px -78px !important;}
.myFeedback div.star-rating-on a {background-position:-205px -78px !important;}

.myFeedback div.star-rating a.star-rating-readonly-value-1,
.myFeedback div.star-rating a.star-rating-readonly-value-2,
.myFeedback div.star-rating a.star-rating-readonly-value-3,
.myFeedback div.star-rating a.star-rating-readonly-value-4,
.myFeedback div.star-rating a.star-rating-readonly-value-5 {background-position:-236px -78px !important;}

.myFeedback div.star-rating-on a.star-rating-readonly-value-1,
.myFeedback div.star-rating-on a.star-rating-readonly-value-2,
.myFeedback div.star-rating-on a.star-rating-readonly-value-3,
.myFeedback div.star-rating-on a.star-rating-readonly-value-4,
.myFeedback div.star-rating-on a.star-rating-readonly-value-5 {background-position:-267px -78px !important;}

/*************** MICROSITE PAGES *************/


.main .microsite .columnContainer .column-2 {width:620px;}
.main .microsite .columnContainer .column-2.last {width:300px; margin-right:0;}
.microsite .formField label {width:190px; float:left;}
.microsite .formField input, .microsite .formField select {width:276px;}
.microsite .left {float:left; width:50%; position:relative;}
.microsite .right {float:right; width:50%; position:relative;}
.microsite label.alignMid, .registration label.alignMid {line-height:30px;}
.registration ul.removeLocations li label.alignMid {line-height:20px;}

/* Application Guidance Flowchart */
.flowchart {padding:10px;border-radius:6px;color:#fff;}
.flowchart ul {margin:0;}
.flowchart ul.defaultList li li {list-style:circle;}
.flowchart h3 {color:#fff; line-height:14px; text-align:center;margin:0 -10px 10px -10px;padding:0 0 10px 0;font-size:16px; border-bottom:1px dashed #fff;}
.flowchart-arrow {height:26px; width:22px; margin:0 auto; overflow:hidden; background: url("/images/flowchart-icon.png") 0 0 no-repeat;}
.flowchart.theme-a {background:#6699FF;}
.flowchart.theme-b {background:#009966;}
.flowchart.theme-c {background:#6699FF;}
.share {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.share a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.share svg {
    height: 32px;
    width: 32px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    fill: #ccc;
}

.share a.jsPrint svg:hover {
    fill: #0051c2;
    cursor: pointer;
}

.share a.email svg:hover {
    fill: #00a9d5;
}

.share a.facebook svg:hover {
    fill: #1778f2;
}

.share a.linkedin svg:hover {
    fill: #0073b0;
}

.share a.twitter svg:hover {
    fill: #1da1f3;
}.application_download_interface table
{
    border: 1px solid black;
}

.application_download_interface th,
.application_download_interface td
{
    padding: 2px 4px 2px 4px;
    text-align: left;
    vertical-align: top;
}

.application_download_interface th
{
    border-left: 1px solid black;
    font-weight: bold;
}

.application_download_interface td
{
    border-top: 1px solid black;
    border-left: 1px solid black;
}

.application_download_interface th:first-child,
.application_download_interface td:first-child
{
    border-left: 0;
}

.application_download_interface .bulletWithTwoColumns
{
    columns: 310px 2;
}
.application_offer_letters_contracts .chooser select
{
    width: 40%;
}

.application_offer_letters_contracts .applicationDetails dd,
.application_offer_letters_contracts .applicationDetails dt
{
    display: block;
}

.application_offer_letters_contracts .applicationDetails dd
{
    width: 100%;
}

.application_offer_letters_contracts .applicationDetails dt
{
    float: left;
}

.application_offer_letters_contracts .unanswered
{
    font-style: italic;
}
.browser .panel {
    font-size: larger;
}

.browser .table {
    width: 880px;
}

.browser .table .row {
    width: 850px;
    border-bottom: 1px solid #CCC;
    padding: 15px;
}

.browser .table .row:first-child {
    border-top: 1px solid #CCC;
}

.browser .table .row .column {
    width: 425px;
    display: table-cell;
    margin-right: 0;
    float: none;
}

.browser .extra {
    color: #777;
    margin-top: 15px;
    padding-left: 15px;
}

.browser .extra .extraDetails {
    margin-top: 5px;
}
.configuration_options form fieldset {
    margin-bottom: 0;
    padding-bottom: 0;
}

.configuration_options form fieldset ol.radioSelection li input {
    margin-left: 0;
}

.configuration_options form fieldset ol.radioSelection li label {
    max-width: 100%;
}

.configuration_options p.primaryOrganisationMessage {
    font-style: italic;
    color: #6d6d6d;
    margin-left: 20px;
    margin-bottom: 0;
}

.configuration_options .panel h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.configuration_options .panel fieldset h3:first-child {
    margin-top: 0;
}.cookie_settings .intro {
    font-size: 14px;
    margin-bottom: 30px;
}

.cookie_settings .intro p {
    margin-bottom: 15px;
}

.cookie_settings .intro div p:last-of-type {
    margin-bottom: 0px;
}

.cookie_settings .intro p.notPara {
    margin-bottom: 0;
}

.cookie_settings ul {
    list-style: disc;
    margin-top: 15px;
    margin-left: 15px;
}

.cookie_settings .radio-group {
    padding-left: 20px;
    padding-top: 20px;
}

.cookie_settings .radio-group span {
    display: block;
}

.cookie_settings .radio-group span:first-child {
    padding-bottom: 5px;
}

.cookie_settings input[type="radio"] {
    margin-top: 0;
    margin-right: 10px;
    vertical-align: middle;
}

.cookie_settings input[type="radio"] + label {
    margin-top: 0;
    vertical-align: middle;
    padding-top: 1px;
}

.cookie_settings .last-intro {
    margin-bottom: 0;
}

.cookie_settings .panel {
    padding: 25px 30px;
}.gsi_failure .notPara
{
    font-size: 14px;
}

.gsi_failure .searchTerms
{
    width: 100%;
}

.gsi_failure .searchTerms .panel
{
    font-size: 12px;
}.iconsLayoutFix .icon-armed-forces {
    margin-top:   2px;
    margin-left:  3px;
    margin-right: 3px;
}

.iconsLayoutFix .icon-offline {
    margin-top:   2px;
    margin-left:  3px;
    margin-right: 3px;
}

.iconsLayoutFix .icon-welsh-app {
    margin-top:   2px;
    margin-left:  3px;
    margin-right: 3px;
}

.iconsLayoutFix .icon-copied-app {
    margin-top:   2px;
    margin-left:  3px;
    margin-right: 3px;
}
.info_popup table.list thead tr th.closingDate
{
    width: 84px;
}

.info_popup table.list thead tr th.status
{
    width: 100px;
}

.info_popup table.list tbody tr td
{
    vertical-align: top;
}
.jobseeker_content h1 {
    margin-bottom: 5px;
    color:         #990066;
    font-size:     18px;
    line-height:   30px;
}

.jobseeker_content .button {
    display: inline-block;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/images/ui/button_primary.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-color: #0B9E33;
    border: 1px solid #339933;
    border-radius: 5px;
    color: #FFF;
    padding: 5px 17px 5px 14px;
    cursor: pointer;
    margin: 0px;
}

.jobseeker_content .button:hover {
    background-image:url('/images/ui/button_primary.gif');
    background-repeat:repeat-x;
    background-color:#5DC733;
    background-position:center top;
}
.login_applicant .reminder {
    float: left;
    position: relative;
    top: -25px;
}

.login_applicant .reminder button {
    text-align: left;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    color: #0066cc;
}

.login_applicant .reminder button:hover {
    text-decoration: none;
}

.login_applicant .panel {
    margin-bottom: 20px;
}.login_consultant .reminder button {
    text-align: left;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    color: #0066cc;
}

.login_consultant .reminder button:hover {
    text-decoration: none;
}

.login_consultant .reminder .notPara {
    margin-top: 5px;
}.manage_afq table.list tr td input[type="text"] {
    width: 38px;
}

.manage_afq table.list tbody tr td {
    vertical-align: top;
}

.manage_afq .jsFloatingMenu .panel {
    margin-top: 10px;
}.mireports .ansSizeXS input[type="text"] {
    min-width: 0;
    width: 75px;
}.offer_checklist table.list {
    table-layout: fixed;
    margin-bottom: 0;
}

.offer_checklist table.list tr td {
    width: 50%;
    word-wrap: break-word;
}

.offer_checklist table.list tr td div {
    margin: 3px 3px 3px 4px;
}

.offer_checklist table.list tbody tr:last-child td {
    border-bottom: 0;
}

.offer_checklist label {
    white-space: pre-wrap;
    display: block;
    width: 100%;
    text-align: left;
}

.offer_checklist select {
    display: block;
    width: auto;
    max-width: 100%;
}

.offer_checklist form#offer_checklist ol li textarea.wide {
    display: block;
    width: 100%;
}

.offer_checklist ul.options {
    display: block;
}

.offer_checklist ul.options label {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.offer_checklist form#offer_checklist div.guidanceText {
    display: block;
    text-align: left;
    width: 100%;
    padding-left: 0;
    color: #999;
}

.offer_checklist form ol li {
    margin-bottom: 10px;
}

.offer_checklist form ul.options li {
    margin-bottom: 0;
}

.offer_checklist form ul.options li label {
    margin-top: 5px;
    *margin-top: 8px;
}

.offer_checklist form ol li input[type="checkbox"] {
    padding: 0;
}

.offer_checklist form#offer_checklist div.charCount {
    color: #999;
}

.offer_checklist .mandatory {
    font-style: normal;
    font-weight: bold;
    vertical-align: bottom;
    font-size: 18px;
    line-height: 14px;
    color: #ff0000;
    padding-left: 2px;
}

.offer_checklist div.manadatoryRight {
    text-align: right;
}

.offer_checklist input[type="text"], .offer_checklist form#offer_checklist ol li textarea.wide, .offer_checklist form#offer_checklist div.guidanceText, .offer_checklist select, .offer_checklist button.Zebra_DatePicker_Icon {
    margin-top: 4px;
}

.offer_letters_contracts .jsRTE {
    width: 100%;
}

.offer_letters_contracts .panel .description {
    margin-top: 15px;
}

.offer_letters_contracts .panel table {
    word-break: break-all;
}

.offer_letters_contracts .twisty {
    padding-left: 3px;
}
.offer_letters_contracts .templateOutput ul {
    list-style: disc;
    margin: 12px 0px 12px 40px;
}

.offer_letters_contracts .templateOutput ol li {
    margin-bottom: 0;
}

.offer_letters_contracts .templateOutput ol {
    list-style: decimal;
    padding-left: 30px;
    margin: 12px 0px;
}

.offer_letters_contracts .templateOutput h1 {
    color: #990066;
    font-weight:bold;
    font-size:17px;
    margin-bottom:5px;
}

.offer_letters_contracts .templateOutput h2 {
    color: #990066;
    font-size: 14px;
    font-weight: bold;
    margin-bottom:5px;
}

.offer_letters_contracts .templateOutput .awardList {
    margin: 0;
}

.offer_letters_contracts .templateOutput .underline {
    text-decoration: underline;
}

.offer_letters_contracts .templateOutput thead th {
    font-weight: bold;
    text-align: left;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 1px;
}

.offer_letters_contracts .templateOutput tbody td {
    border-bottom: 1px solid #F0F0F0;
    padding: 1px;
}

.offer_letters_contracts div.table, .offer_letters_contracts div.table div.head, .offer_letters_contracts div.table div.body {
    display: block;
    width: 704px;
}

.offer_letters_contracts div.table div.head {
    border-bottom: 1px solid #999;
}

.offer_letters_contracts div.table div.head {
    font-weight: bold;
    padding: 10px 0 10px 0;
}

.offer_letters_contracts div.table div.head ul, .offer_letters_contracts div.table div.body div.row ul {
    list-style: none;
    width: 704px;
}

.offer_letters_contracts div.table div.head ul li, .offer_letters_contracts div.table div.body div.row ul li {
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.offer_letters_contracts div.tableIE7 div.head ul li, .offer_letters_contracts div.tableIE7 div.body div.row ul li {
    display: inline;
    zoom: 1;
}

.offer_letters_contracts div.table div.head ul li.name, .offer_letters_contracts div.table div.body ul li.name {
    width: 288px;
}

.offer_letters_contracts div.table div.head ul li.date, .offer_letters_contracts div.table div.body ul li.date {
    width: 100px;
}

.offer_letters_contracts div.table div.head ul li.candidate_accepted, .offer_letters_contracts div.table div.body ul li.candidate_accepted {
    width: 100px;
}

.offer_letters_contracts div.table div.head ul li.view, .offer_letters_contracts div.table div.body ul li.view {
    width: 75px;
}

.offer_letters_contracts div.table div.head ul li.actions, .offer_letters_contracts div.table div.body ul li.actions {
    width: 141px;
}

.offer_letters_contracts div.table div.body div.row {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #CCC;
}

.offer_letters_contracts div.table div.body div.last_row {
    border-bottom: 1px solid #999;
}

.offer_letters_contracts .twistyContent div.table, .offer_letters_contracts .twistyContent div.table div.head, .offer_letters_contracts .twistyContent div.table div.body {
    display: block;
    width: 633px;
}

.offer_letters_contracts .twistyContent div.table {
    padding-left: 35px;
}

.offer_letters_contracts .twistyContent div.table div.head ul, .offer_letters_contracts .twistyContent div.table div.body div.row ul {
    list-style: none;
    width: 633px;
}

.offer_letters_contracts .twistyContent div.table div.head ul li.name, .offer_letters_contracts .twistyContent div.table div.body ul li.name {
    width: 533px;
}

.offer_letters_contracts .twistyContent div.table div.head ul li.date, .offer_letters_contracts .twistyContent div.table div.body ul li.date {
    width: 100px;
}

.offer_letters_contracts dl.applicationDetails dd {
    width: 600px;
}

.permissions div.table {
    display: block;
    width: 704px;
}

.permissions div.table div.head {
    font-weight: bold;
    color: #990066;
}

.permissions div.table div.body {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.permissions div.table div.row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.permissions div.table div.body div.row {
    border-top: 1px solid #ccc;
}

.permissions div.table div.body div.row label {
    display: block;
    width: 100%;
}

.permissions div.table div.body div.row:first-child {
    border-top: 0px;
}

.permissions div.table div.leftColumn {
    display: inline-block;
    width: 584px;
}

.permissions div.table div.leftColumn {
    display: inline-block;
    width: 584px;
}

.permissions div.table div.rightColumn {
    display: inline-block;
    width: 116px;
}

.permissions div.tableIE7 div.leftColumn, .permissions div.tableIE7 div.rightColumn {
    display: inline;
}

.permissions div.table div.errorm {
    margin-bottom: 0px;
}

.permissions div.table div.errorm {
    padding-left: 20px;
    padding-right: 20px;
}

.permissions div.table div.errorm p strong {
    margin-left: 75px;
    display: inline-block;
}

.permissions div.table div.errorm div.leftColumn {
    width: 561px;
}

.permissions div.table div.errorm div.rightColumn {
    width: 95px;
}
.search_vacancy ul.pagination li a, ul.pagination li span.pageon {
    padding: 5px 2px;
    margin: 1px;
}

.search_vacancy .pagContainer .total {
    width: 110px;
}

.search_vacancy .pagContainer .pages {
    width: 480px;
}

.search_vacancy .pagContainer .perPage {
    width: 110px;
}

.search_vacancy .pagContainer .perPage {
    margin: 0;
}.talent_pool_mailform input[type="text"] {
    width: 100%;
}

.talent_pool_mailform form fieldset ol li textarea.wide {
    height: 367px;
}.twisty_table div.table, .twisty_table div.table div.head, .twisty_table div.table div.body {
    display: block;
    width: 704px;
}

.twisty_table div.table div.head {
    border-bottom: 1px solid #999;
    font-weight: bold;
    padding: 10px 0 10px 0;
}


.twisty_table div.table div.head {
    color: #990066;
}

.twisty_table div.table div.head ul, .twisty_table div.table div.body div.row ul {
    list-style: none;
    width: 704px;
}

.twisty_table div.table div.head ul li, .twisty_table div.table div.body div.row ul li {
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.twisty_table div.tableIE7 div.head ul li, .twisty_table div.tableIE7 div.body div.row ul li {
    display: inline;
    zoom: 1;
}

.twisty_table div.table div.head ul li.name, .twisty_table div.table div.body ul li.name {
    width: 288px;
}

.twisty_table div.table div.head ul li.date, .twisty_table div.table div.body ul li.date {
    width: 100px;
}

.twisty_table div.table div.head ul li.candidate_accepted, .twisty_table div.table div.body ul li.candidate_accepted {
    width: 100px;
}

.twisty_table div.table div.head ul li.view, .twisty_table div.table div.body ul li.view {
    width: 75px;
}

.twisty_table div.table div.head ul li.actions, .twisty_table div.table div.body ul li.actions {
    width: 141px;
}

.twisty_table div.table div.body div.row {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #CCC;
}

.twisty_table div.table div.body div.last_row {
    border-bottom: 1px solid #999;
}

.twisty_table div.table div.body div.row div.sub_row:first-child {
    border-top: 1px dashed #CCC;
}

.twisty_table div.table div.body div.row div.sub_row {
    padding: 10px 0 10px 0;
    border-bottom: 1px dashed #CCC;
}


.twisty_table div.table div.body div.sub_row li:first-child {
    box-sizing: border-box;
    padding-left: 20px;
}


.twisty_table div.table div.body div.row div.last_sub_row {
    padding: 10px 0 10px 0;
    border-bottom: none;
}
.twisty_table .twistyContent div.table, .twisty_table .twistyContent div.table div.head, .twisty_table .twistyContent div.table div.body {
    display: block;
    width: 633px;
}

.twisty_table .twistyContent div.table {
    padding-left: 35px;
}

.twisty_table .twistyContent div.table div.head ul, .twisty_table .twistyContent div.table div.body div.row ul {
    list-style: none;
    width: 633px;
}

.twisty_table .twistyContent div.table div.head ul li.name, .twisty_table .twistyContent div.table div.body ul li.name {
    width: 533px;
}

.twisty_table .twistyContent div.table div.head ul li.date, .twisty_table .twistyContent div.table div.body ul li.date {
    width: 100px;
}

.twisty_table dl.applicationDetails dd {
    width: 600px;
}

.vacancy_status_history_display h1 span
{
    color: #0066cc;
}