/* DEFAULTS
----------------------------------------------------------*/
html {
    height: 100%;
}

body {
    background-color: #cccccc;
    font-size: 0.9em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #3F3F3F;
}

h1, h2, h3, h4, h5 {
    font-family: Trebuchet MS,Arial,Verdana,sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h2 {
    border-bottom: 1px solid #F3F3F3;
    font-size: 1.5em;
    margin: 0 0 10px;
    color: #252B78;
}

h3 {
    text-shadow: 1px 1px 1px #CCCCCC;
    color: #009C8A;
    font-size: 1.2em;
    margin: 0 0 10px;
}

#outerContainer {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

#container {
    background-color: transparent;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 960px;
}

a:link, a:visited {
    color: red;
    text-decoration: none;
}

a:hover {
    color: red;
    text-decoration: underline;
}

a:active {
    color: red;
}

p {
    margin-bottom: 10px;
    margin-top: 0px;
    line-height: 1.4em;
}

ul.errorList {
    clear: both;
    float: left;
    display: block;
    min-width: 100%;
    text-align: center;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    list-style: none;
    padding: 0px;
}

ul.errorList {
    border-top: 3px solid red;
}

ul.warningList {
    clear: both;
    float: left;
    display: block;
    min-width: 100%;
    margin: 0px 0px 10px 0px;
    list-style: none;
    padding: 0px;
}

ul.errorList li {
    float: left;
    min-width: 100%;
    display: block;
    background-color: #eee;
}

ul.errorList {
    border-bottom: 3px solid red;
}

ul.feedback {
    border-top: 3px solid #009C8A;
    text-align: center;
    min-width: 100%;
    list-style: none;
    padding: 0px;
    float: left;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

    ul.feedback li {
        float: left;
        min-width: 100%;
        border-bottom: 3px solid #009C8A;
        background-color: #eee;
    }

div.buttons {
    float: left;
    clear: left;
    width: 100%;
}

    div.buttons input {
        float: left;
    }

div.confirmControls {
    float: left;
}

    div.confirmControls span {
        padding-right: 5px;
    }

div.buttons input, div.buttons span {
    /*float: left;*/
    margin-right: 5px;
}

div.formField {
    float: left;
    margin-bottom: 10px;
    width: 940px;
}

    div.formField label {
        float: left;
        width: 190px;
        padding-right: 10px;
    }

input[type=file], select, input[type=text], input[type=password], textarea {
    border: 1px solid #999;
    padding: 2px;
}

    select.largeDropDown {
        max-width: 400px;
        width: 400px;
        min-width: 400px;
    }

    select.smallDropDown {
        width: 100px;
    }

    select.NarrowDropDownList {
        width: 100px;
    }

div.formField select, div.formField input[type=text], div.formField input[type=password], div.formField ul {
    float: left;
    width: 300px;
    margin-left: 0px;
}

div.formField input[type=file] {
    float: left;
    width: 400px;
    margin-left: 0px;
}

div.formField span span {
    width: auto !important;
}

div.formField .mandatoryMarker {
    color: red;
    float: left;
    padding-right: 2px !important;
    text-align: right;
    width: 8px !important;
    margin-left: -10px !important;
}

div.filters {
    float: left;
    clear: left;
    width: 100%;
}

    div.filters input {
        float: left;
        clear: none;
        margin-right: 5px;
        vertical-align: middle;
    }

    div.filters label {
        width: auto !important;
        float: left;
        margin-right: 10px;
        vertical-align: middle;
        clear: none;
    }

input.narrow {
    width: 20px;
}

ul.radioButtonList, ul.checkBoxList, ul.softSkillsList {
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: left;
}

    ul.radioButtonList li, ul.checkBoxList li {
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }

    ul.radioButtonList.twoColumns li, ul.checkBoxList.twoColumns li {
        width: 50%;
    }

    ul.radioButtonList.threeColumns li, ul.checkBoxList.threeColumns li {
        width: 33%;
    }

    ul.radioButtonList label, ul.checkBoxList label {
        float: left;
        padding-left: 5px;
        margin: 0px;
        vertical-align: middle;
    }

    ul.radioButtonList input, ul.checkBoxList input {
        float: left;
        margin: 2px 0px 0px 0px;
        vertical-align: middle;
    }

    ul.softSkillsList input {
        margin-bottom: 10px;
        float: left;
    }

    ul.softSkillsList label {
        float: left;
        padding-left: 5px;
    }

    ul.softSkillsList li {
        min-width: 100%;
        float: left;
        margin-bottom: 10px;
    }


    ul.radioButtonList input[type=text], ul.checkBoxList input[type=text] {
        width: 98%;
    }

textarea {
    width: 98%;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 1em;
}

    textarea[readonly="readonly"] {
        background-color: #F0F0F0;
        color: #6D6D6D;
    }

input[type="submit"] {
    border: 1px solid;
    border-radius: 5px 5px 5px 5px;
    padding: 2px 5px;
    cursor: pointer;
    text-shadow: 1px 1px 1px #CCCCCC;
    text-align: center;
    width: auto;
}

    input[type="submit"]:hover {
        background-color: White;
    }

input[disabled="disabled"][type="submit"]:hover {
    background-color: buttonface !important;
    cursor: auto;
}

div.innerContent {
    float: left;
    width: 100%;
    min-width: 100%;
}

/*ReportViewer styles*/

iframe {
    border: 1px solid #666666;
    height: 600px;
    margin: 10px 0;
    padding: 0;
}

/* HEADER    
----------------------------------------------------------*/

#header {
    background-color: #252B78;
    float: left;
    height: 50px;
    padding: 0;
    text-align: center;
    width: 100%;
}

#headerContent {
    color: #FFFFFF;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 960px;
}

#header h1 {
    display: none;
    float: left;
    margin: 0;
    min-height: 30px;
    padding: 0;
    width: 260px;
}

    #header h1 a {
        display: none;
    }

#Header_status {
    float: left;
    height: 50px;
    position: relative;
    width: 100%;
}

#statusBox {
    bottom: 0;
    position: absolute;
    right: 0;
    padding: 13px 0px;
}

    #statusBox div {
        float: left;
        line-height: 150%;
        padding: 0 0 0 10px;
    }

    #statusBox a {
        padding: 8px 5px;
        color: #fff;
    }

span.onHold {
    color: red;
}

/* NAV MENU
----------------------------------------------------------------------*/

#navMenu {
    background: none repeat scroll 0 0 #6E8BC5;
    box-shadow: 0 7px 15px -6px #7F7F7F;
    float: left;
    min-height: 70px;
    text-align: center;
    width: 100%;
}

    #navMenu.testSite {
        background: none repeat scroll 0 0 #009C8A;
    }

.navMenu ul {
    border-left: 1px solid white;
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 794px;
    margin: 5px 0 0;
}

    .navMenu ul li {
        border-right: 1px solid #fff;
        color: #fff;
        display: block;
        float: left;
        height: 70px;
        line-height: 70px;
        margin: 0;
        padding: 0;
        text-align: center;
    }

.navMenu a:hover, .navMenu a:visited, .navMenu a:link {
    color: #fff;
    display: table-cell;
    height: 70px;
    max-width: 90px;
    padding: 0 10px;
    text-decoration: none;
    vertical-align: middle;
}

.navMenu a:hover {
    background-color: #E20041;
    color: White;
}

.navMenu a span {
    display: block;
    font-size: 1.2em;
    max-width: 90px;
}

:first-child + html .navMenu a span {
    padding-top: 27px;
}

:first-child + html .navMenu a {
    display: block;
}

#navMenu .centeredMenu {
    background: url("../images/logo.png") no-repeat scroll right bottom;
    display: block;
    height: 70px;
    margin: -15px auto;
    padding: 10px 0;
    text-align: left;
    width: 960px;
    font-size: 1.1em;
}

.navMenu li.selected {
    background-color: #E20041;
}
/*MAIN
------------------------------------------------------------------*/

#main {
    float: left;
    margin: 20px 0 0;
    padding: 0;
    width: 960px;
}

    #main .content {
        background-color: #FFFFFF;
        border: 1px solid #666666;
        color: #3F3F3F;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 6px 4px 15px 0 #7F7F7F;
        float: left;
        min-height: 400px;
        padding: 10px;
        width: 940px;
    }

    #main table {
        float: left;
        border-collapse: collapse;
        font-size: 0.9em;
        width: 100%;
        max-width: 940px;
        margin-bottom: 10px;
    }

        #main table.workflow {
            line-height: 2em;
        }

a.document:link, a.document:visited {
    color: #000;
}

#main table.listTable {
    font-size: 1em;
    width: auto;
}

#main table.searchTable {
    table-layout: fixed;
}

#main table td {
    background-color: #fff;
}

#main th, #main td {
    border: 1px solid #708090;
}

#main table.listTable, #main table.listTable th, #main table.listTable td {
    border: none;
    background-color: #E0EFED;
}

#main table tr.odd td, #main table tr.odd th {
    background-color: #eee;
}

    #main table tr.odd td.late, #main table tr.odd th.late {
        background-color: #eee;
    }

#main table tr.late td {
    color: red;
}

    #main table tr.late td.uploadDateColumn {
        padding-left: 35px;
        font-weight: bold;
        background: url("../images/warning.png") no-repeat scroll 5px;
    }

    #main table tr.late td.submittedDateColumn {
        padding-left: 35px;
        font-weight: bold;
        background: url("../images/warning.png") no-repeat scroll 5px;
    }

#main table.claimsSummary td.late {
    color: red;
    padding-left: 35px;
    font-weight: bold;
    background: url("../images/warning.png") no-repeat scroll 5px;
}

#main #keyPerformanceIndicatorTable td.late {
    color: red;
    padding-left: 35px;
    font-weight: bold;
    background: url("../images/warning.png") no-repeat scroll 5px;
}


#main table tr td span.verified {
    color: #009C8A;
    padding-left: 35px;
    line-height: 24px;
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
    background: url("../images/page_accept.png") no-repeat scroll 5px;
    cursor: default;
}

#main th.emptyCell, #main td.emptyCell, #main tr.odd td.emptyCell {
    background-color: #fff;
}

#main table input[type="text"] {
    max-width: 95%;
    width: 95%;
}

#main table tr.costHeadingRow td {
    font-weight: bold;
}

#main div.halfColumnBox th.emptyCell, #main div.halfColumnBox td.emptyCell {
    background-color: #E0EFED;
}

#main div.fullWidthBox th.emptyCell, #main div.fullWidthBox td.emptyCell {
    background-color: #E0EFED;
}


#main th.emptyTopLeftCell, #main td.emptyTopLeftCell {
    border-top: 1px solid #E0EFED;
    border-left: 1px solid #E0EFED;
}

#main th.emptyRightColumnCell, #main td.emptyRightColumnCell {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

#main th.emptyLeftColumnCell, #main td.emptyLeftColumnCell {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

#main table th, #main table td {
    padding: 2px 5px;
}

#main table th {
    background-color: #708090;
    text-align: left;
    font-weight: normal;
    color: #fff;
}

#main th a {
    color: #fff;
}

#main table th .sortArrow {
    padding-left: 2px;
    position: absolute;
}

#main table td.emptyRow {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

#main table tr.searchRow th {
    padding-bottom: 5px;
}

    #main table tr.searchRow th input.searchBox {
        width: 96%;
    }

#main table tr.totalRow td {
    text-decoration: overline;
    padding-top: 10px;
}

div.topControls {
    margin-bottom: 10px;
    font-weight: bold;
    padding: 5px;
    float: left;
    clear: both;
    width: 940px;
}

div.tabContent div.topControls {
    width: 930px;
}

div.topControls div.formField {
    width: 800px;
}

div.topControls div.buttons {
    float: right;
    width: auto;
}

    div.topControls div.buttons input {
        float: right;
    }

.expanderTrigger {
    cursor: pointer;
    color: Red;
}

    .expanderTrigger.claimSectionWithTotal {
        padding-bottom: 5px;
        border-bottom: solid 1px #708090;
    }

        .expanderTrigger.claimSectionWithTotal span.claimSectionTotal {
            float: right;
        }

.expanderTarget {
    width: 100%;
    float: left;
}

h3.claimTotal {
    padding-bottom: 5px;
    border-bottom: solid 1px #708090;
    color: #3F3F3F;
}

    h3.claimTotal span.claimSectionTotal {
        float: right;
    }

.triggerImage {
    vertical-align: bottom;
}

/*Full width*/

div.fullWidthBox {
    background-color: #E0EFED;
    float: left;
    padding: 5px;
    width: 930px;
    border: 1px solid #999;
    border-radius: 5px;
    margin-bottom: 10px;
}

div.noBorder {
    border: none !important;
    background-color: inherit !important;
}

div.tabContent div.fullWidthBox {
    width: 918px;
}

    div.tabContent div.fullWidthBox div.formField {
        float: left;
        margin-bottom: 10px;
        width: 918px;
    }

        div.tabContent div.fullWidthBox div.formField label {
            float: left;
            width: 188px;
            padding-right: 10px;
        }

        div.tabContent div.fullWidthBox div.formField select, div.tabContent div.fullWidthBox div.formField input[type=text], div.tabContent div.fullWidthBox div.formField input[type=password] {
            float: left;
            width: 300px;
            margin-left: 0px;
        }

div.tabContent div.fullWidthBoxFormFieldThirds div.formField {
    float: left;
    margin-bottom: 10px;
    width: 305px;
    height: 45px;
}

    div.tabContent div.fullWidthBoxFormFieldThirds div.formField label {
        float: left;
        width: 100px;
        padding-right: 10px;
    }

    div.tabContent div.fullWidthBoxFormFieldThirds div.formField select, div.tabContent div.fullWidthBoxFormFieldThirds div.formField input[type=text], div.tabContent div.fullWidthBoxFormFieldThirds div.formField input[type=password], div.tabContent div.fullWidthBoxFormFieldThirds div.formField span {
        float: left;
        width: 175px !important;
        margin-left: 0px;
    }

        div.tabContent div.fullWidthBoxFormFieldThirds div.formField span.mandatoryMarker {
            width: 8px !important;
        }

div.fullWidthBox div.halfColumn, div.fullWidthBox div.halfColumn div.formField {
    width: 459px;
    float: left;
}

    div.fullWidthBox div.halfColumn div.formField label {
        width: 130px;
    }

    div.fullWidthBox div.halfColumn div.formField textarea {
        width: 300px;
    }


/*Half columns*/

div.leftHalfColumn {
    float: left;
    clear: left;
    width: 465px;
    margin-right: 5px;
    margin-bottom: 10px;
}

div.tabContent div.leftHalfColumn {
    width: 460px;
}

div.rightHalfColumn {
    float: left;
    width: 465px;
    margin-left: 5px;
    margin-bottom: 10px;
}

div.tabContent div.rightHalfColumn {
    width: 460px;
}

div.halfColumnBox {
    background-color: #E0EFED;
    float: left;
    padding: 5px;
    width: 453px;
    border: 1px solid #999;
    border-radius: 5px;
    margin-bottom: 10px;
}

div.tabContent div.halfColumnBox {
    width: 448px;
}

div.halfColumnBox div.formField {
    width: 454px;
}

div.tabContent div.halfColumnBox div.formField {
    width: 449px;
}


div.halfColumnBox div.formField label {
    float: left;
    width: 145px;
}

div.halfColumnBox div.formField input[type=text], div.halfColumnBox div.formField input[type=password], div.halfColumnBox div.formField select, div.halfColumnBox div.formField span {
    float: left;
    width: 293px;
}

div.tabContent div.halfColumnBox div.formField input[type=text], div.tabContent div.halfColumnBox div.formField input[type=password], div.tabContent div.halfColumnBox div.formField select, div.tabContent div.halfColumnBox div.formField span {
    float: left;
    width: 288px;
}

div.halfColumnBox div.buttons input {
    float: right;
}

div.softSkillsGroup {
    min-height: 400px;
}

    div.softSkillsGroup ul {
        width: 450px !important;
        list-style: none;
        padding: 0;
    }

        div.softSkillsGroup ul label {
            float: left;
            padding-left: 5px;
            margin: 0px;
            margin-bottom: 5px;
        }

        div.softSkillsGroup ul input {
            float: left;
        }

        div.softSkillsGroup ul.aspNetDisabled span {
            width: 450px !important;
        }
/*Third width box*/

div.tabContent div.thirdColumn {
    float: left;
    width: 310px;
}

div.thirdWidthBox {
    background-color: #E0EFED;
    float: left;
    padding: 5px;
    width: 298px;
    border: 1px solid #999;
    border-radius: 5px;
    margin-bottom: 10px;
}

div.tabContent div.thirdWidthBox {
    width: 293px;
    padding-left: 5px;
}

div.thirdWidthBox div.formField {
    width: 298px;
}

div.tabContent div.thirdWidthBox div.formField {
    width: 298px;
}

div.thirdWidthBox div.formField label {
    float: left;
    width: 140px;
}

div.thirdWidthBox.financesBox div.formField label, div.thirdWidthBox.bankDetailsBox div.formField label {
    float: left;
    width: 170px;
}

div.tabContent div.thirdWidthBox div.formField input[type=text], div.tabContent div.thirdWidthBox div.formField input[type=password], div.tabContent div.thirdWidthBox div.formField select, div.tabContent div.thirdWidthBox div.formField span {
    float: left;
    max-width: 298px;
    width: 138px;
}

div.tabContent div.thirdWidthBox.financesBox div.formField input[type=text], div.tabContent div.thirdWidthBox.financesBox div.formField input[type=password], div.tabContent div.thirdWidthBox.financesBox div.formField select, div.tabContent div.thirdWidthBox.financesBox div.formField span,
div.tabContent div.thirdWidthBox.bankDetailsBox div.formField input[type=text], div.tabContent div.thirdWidthBox.bankDetailsBox div.formField input[type=password], div.tabContent div.thirdWidthBox.bankDetailsBox div.formField select, div.tabContent div.thirdWidthBox.bankDetailsBox div.formField span {
    float: left;
    max-width: 298px;
    width: 100px;
}

div.tabContent div.thirdWidthBox.financesBox div.formField input[type=text], div.tabContent div.thirdWidthBox.financesBox div.formField input[type=password], div.tabContent div.thirdWidthBox.financesBox div.formField select, div.tabContent div.thirdWidthBox.financesBox div.formField span {
    text-align: right;
}

div.thirdWidthBox div.buttons {
    text-align: right;
    width: 100%;
}

div.outputThirdWidthBox {
    min-height: 280px;
}

/* Quarter width box */

div.tabContent div.quarterColumn {
    float: left;
    width: 230px;
}

div.quarterWidthBox {
    background-color: #E0EFED;
    float: left;
    padding: 5px;
    width: 218px;
    border: 1px solid #999;
    border-radius: 5px;
    margin-bottom: 10px;
}

div.tabContent div.quarterWidthBox {
    width: 213px;
    margin-left: 5px;
}

div.quarterWidthBox div.formField {
    width: 219px;
}

div.tabContent div.quarterWidthBox div.formField {
    width: 214px;
}

div.quarterWidthBox div.formField label {
    float: left;
    max-width: 214px;
    width: auto;
}

div.quarterWidthBox div.formField input[type=text], div.quarterWidthBox div.formField input[type=password], div.quarterWidthBox div.formField select, div.quarterWidthBox div.formField span {
    float: left;
    max-width: 214px;
    width: auto;
}

div.tabContent div.quarterWidthBox div.formField input[type=text], div.tabContent div.quarterWidthBox div.formField input[type=password], div.tabContent div.quarterWidthBox div.formField select, div.tabContent div.quarterWidthBox div.formField span {
    float: left;
    max-width: 214px;
    width: auto;
}

    div.tabContent div.quarterWidthBox div.formField select.ethnicityDropDown {
        float: left;
        max-width: 214px;
        width: 214px;
    }

div.quarterWidthBox div.buttons {
    text-align: right;
    width: 100%;
}

/* SPECIFICS
------------------------------------------------------------------*/

div.topControls label {
    width: 80px;
}

div.topControls select {
    width: 370px;
}

.newsItem {
    border-bottom: 1px solid #ccc;
}

    .newsItem .newsDate {
        font-size: 0.7em;
    }

    .newsItem p {
        text-align: justify;
        word-wrap: break-word;
    }

select.yesNo {
    width: 100px !important;
}

select.skillLevel {
    width: 120px !important;
}

table.kpiTable .kpi, table.kpiTable textarea {
    width: 448px;
}

    table.kpiTable .kpi input[type=text] {
        width: 100px;
        float: left;
    }

    table.kpiTable .kpi label {
        width: 338px;
        float: left;
    }

div.tabContent .fullWidthBox .formField .formFieldLabel {
    float: left;
    width: 245px;
}

div.tabContent .fullWidthBox .formField textarea {
    width: 500px;
    height: 80px;
}

div.tabContent .fullWidthBox span.outputsLabel {
    float: left;
    width: 120px;
}

div.tabContent .fullWidthBox .outputSection {
    float: left;
    width: 300px;
}

    div.tabContent .fullWidthBox .outputSection span {
        float: left;
        width: 120px;
    }

    div.tabContent .fullWidthBox .outputSection p {
        padding: 0;
        margin: 0;
    }

div.tabContent .fullWidthBox .formField input[type=text] {
    width: 125px !important;
}

div.tabContent .fullWidthBox .outputSection input[type=text] {
    float: left;
    width: 165px !important;
}

div.tabContent .fullWidthBox .outputSection select {
    float: left;
    width: 170px!important;
}

div.tabContent .fullWidthBox .verificationSection {
    float: left;
    width: 450px;
}

    div.tabContent .fullWidthBox .verificationSection span {
        float: left;
        width: 120px;
    }

    div.tabContent .fullWidthBox .verificationSection textarea {
        width: 315px;
    }

    div.tabContent .fullWidthBox .verificationSection input[type=text] {
        float: left;
        width: 165px;
    }



div.tabContent .formField .formFieldCheckBox {
    float: left;
    padding-right: 10px;
    width: auto !important;
}

textarea.awardNotesTextArea, textarea.participantNotesTextArea {
    width: 920px;
    max-width: 920px;
    min-height: 290px;
}

.notesNameColumn, .notesDateColumn {
    width: 150px;
}

.notesAddDelColumn {
    width: 25px;
}

#participantGeneralTitleFormField {
    width: 100px !important;
}

    #participantGeneralTitleFormField label {
        width: 30px !important;
    }

    #participantGeneralTitleFormField select {
        width: 55px !important;
    }

#participantGeneralFirstNameFormField {
    width: 206px !important;
}

    #participantGeneralFirstNameFormField label {
        width: 70px !important;
    }

    #participantGeneralFirstNameFormField input {
        width: 104px !important;
    }

div.participantGeneralWelshLanguage div.formField label {
    width: 150px !important;
}

div.participantGeneralPrefferedLanguage div.formField label {
    width: 60px;
}

div.participantGeneralMigrantWorker ul.radioButtonList label {
    width: 186px !important;
}

input.financeElementAmountTextBox {
    max-width: 100px;
}

div.thirdWidthBox ul.checkBoxList.twoColumns li label {
    width: 120px;
}

div.fullWidthBox ul.checkBoxList.threeColumns li label {
    width: 275px;
}

div.thirdWidthBox div.employabilityProgrammesField label, div.thirdWidthBox div.jobsGrowthWalesEligibilityField label {
    width: 233px;
}

div.thirdWidthBox div.employabilityProgrammesField textarea {
    width: 97%;
}

div.jobsGrowthWalesEligibilityField span {
    width: 50px !important;
}

div.participantMonitoringAdditionalInformation label {
    width: 600px !important;
}

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

table.dataItems ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    table.dataItems ul ul {
        padding-left: 20px;
    }

.halfColumnBox.rightHandSideBox {
    margin-left: 5px;
}

div.tabContent div.halfColumnBox.softSkillsGroup div.formField label {
    width: 400px;
}

div.tabContent div.halfColumnBox.softSkillsGroup div.formField select {
    width: 139px;
}

input.newWorkPlacementButton {
    float: right !important;
}

.timingCell {
    min-width: 85px !important;
}

input.workflowTitleBox {
    width: 100px !important;
}

div.commonReports select {
    width: 100% !important;
    margin-bottom: 10px;
}

textarea.reportDescriptionTextArea {
    width: 300px !important;
}

table.participantQualifications input[type=text] {
    width: 100px;
}

#main table td.verificationCell {
    white-space: nowrap;
}

#main .userDetailsOrgFinanceControls {
    margin-bottom: 10px;
}

#main table.budgetSummary, #main table.claimsSummary {
    overflow: hidden;
    overflow-x: scroll;
    display: block;
}

    #main table.budgetSummary td.money, #main table.claimsSummary td.money {
        text-align: right;
        white-space: nowrap;
    }

#main table.budgetRates td input {
    width: 100px;
}

#main table.budgetRates td {
    border: none;
    text-align: center;
    width: 25%;
    white-space: nowrap;
}

#main table.claimDetails {
    font-weight: bold;
}

    #main table.claimDetails td {
        border: none;
        text-align: center;
    }

#main table.claimProcess {
    width: auto;
}

    #main table.claimProcess th.nameColumn {
        min-width: 250px;
    }

    #main table.claimProcess th.dateColumn {
        min-width: 110px;
    }

    #main table.claimProcess td input[type=text] {
        width: 100px;
    }

#main table.upfrontAmountTable {
    width: auto;
}


#main table.KpiTargets {
    overflow: hidden;
    overflow-x: scroll;
    display: block;
}

#main table.claimsTable {
    line-height: 25px;
}

    #main table.claimsTable td.money {
        text-align: right;
        white-space: nowrap;
    }

#main div.numberOfDependentChildren input {
    width: 50px;
}

 input[type="submit"].forceClaimButton {
    border-color: red;
}

/* FOOTER
------------------------------------------------------------------*/

#footer {
    float: left;
    height: 160px;
    width: 50%;
    padding-left: 500px;
}

    #footer .wcva {
        background-image: url("../images/logoFooter.jpg");
        float: right;
        height: 100px;
        margin: 20px 20px 0 0;
        padding: 0;
        width: 197px;
    }

    #footer .eu_wag {
        /*background-image: url("../images/ERDF_ESF_logo.png");
    background-repeat: no-repeat;*/
        float: right;
        height: 160px;
        margin: 20px 20px 0 0;
        padding: 0;
        width: 450px;
    }

    #footer .wcva span {
        display: none;
    }

    #footer .eu_wag span {
        display: none;
    }

/* Images
------------------------------------------------------------------*/

.zipImage{
    display: block;
    background: url('../images/Archive.png') no-repeat;
    background-position: -0px -0px;
    width: 32px;
    height: 32px;
    border-width: 0px;
    float: left;
    padding-right: 5px;
}

.docImage {
    display: block;
    background: url('../images/page_white_word.png') no-repeat;
    background-position: -0px -0px;
    width: 30px;
    height: 30px;
    border-width: 0px;
    float: left;
    padding-right: 5px;
}


.xlsImage {
    display: block;
    background: url('../images/page_white_excel.png') no-repeat;
    background-position: -0px -0px;
    width: 32px;
    height: 32px;
    border-width: 0px;
    float: left;
    padding-right: 5px;
}

.pdfImage {
    display: block;
    background: url('../images/page_white_acrobat.png') no-repeat;
    background-position: -0px -0px;
    width: 32px;
    height: 32px;
    border-width: 0px;
    float: left;
    padding-right: 5px;
}

.ppsImage {
    display: block;
    background: url('../images/page_white_powerpoint.png') no-repeat;
    background-position: -0px -0px;
    width: 32px;
    height: 32px;
    border-width: 0px;
    float: left;
    padding-right: 5px;
}

.centeredText {
    line-height: 32px;
}

.supportProvidedGroup label {
    display: inline-block;
    width: 435px;
}

.supportProvidedGroup select {
    width: 200px;
}

#reportDescriptionFormat {
    margin-left: 155px;
}

.withdrawalReasonTextArea {
    width: 288px;
    min-width: 288px;
    max-width: 288px;
}

.noMargin, .noMargin input {
    margin-left: 0px;
}

.newsRepeater {
    max-height: 400px;
    overflow-y: scroll;
    padding-right: 10px;
}

#createIcsDiv {
    background-image: url("../images/calendar_date.png");
    background-repeat: no-repeat;
    float: left;
    padding-bottom: 10px;
}

.createIcsLinkButton {
    padding-left: 30px !Important;
}

Div.formField span.leavingDestination input {
    float: left;
}

Div.formField span.leavingDestination label {
    margin-left: 5px;
}

Div.formField .mandatoryTextField {
    width: 95% !Important;
}

Div.formField .mandatoryFieldLabel {
    width: 100% !Important;
}


Div.formField .exitPageMarker {
    padding-left: 5px !important;
}


Div.formField span.leavingDestinationNo input {
    margin-left: 9px !important;
}

.primaryCriteriaDropdown {
    width: 90%;
    margin-bottom: 2px;
}


.mandatoryMarker {
    color: red;
    float: left;
    padding-right: 2px !important;
    text-align: right;
    width: 8px !important;
    margin-left: 5px !important;
}



.clearLeft {
    clear: left;
}

ul.softskillsList label {
    float: left;
    padding-left: 5px;
    margin: 0px;
    margin-bottom: 5px;
}

ul.softskillsList input {
    float: left;
}

ul.softskillsList {
    list-style: none;
    padding: 0;
}

#main td.kpiTitleCell {
    border: none;
    padding-top: 10px;
}

#main th.kpiTargetTitle {
    min-width: 300px;
    font-weight: bold;
}

span.kpiTitle {
    font-weight: bold;
}

#main th.awardOrgKpiTargetMonthTitle {
    min-width: 100px;
    padding-top: 8px;
    padding-bottom: 8px;
}

div.claimPage .expanderTrigger {
    color: #009C8A;
}

div.claimPage table td.money, div.claimPage table td.number {
    text-align: right;
    white-space: nowrap;
}

.outputsOccupationDropDown {
    width: 226px !important;
}

.employeeJobTitle {
    width: 65px !important;
}

.participantOutput label {
    padding-right: 0px !important;
}

.participantGeneralVerified {
    color: #009C8A;
    padding-left: 35px;
    line-height: 24px;
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
    background: url("../images/page_accept.png") no-repeat scroll 5px;
    cursor: default;
    width: 75px !important;
}

.eligibilityVerifiedLabel {
    width: 155px !important;
}

.outputSectorLabel {
    padding: 0px !important;
}

#main div.cctTablesDiv table th.dateAchievedCol {
    max-width: 120px;
    width: 120px;
}

#main div.cctTablesDiv table input[type="text"] {
    max-width: 100px;
    width: 100px;
}

#main div.cctTablesDiv table span.mandatoryMarker {
    margin: 0px !important;
    width: 8px !important;
}

#documentContentTable_paginate a {
    color: red;
    padding: 0px 5px 0px 5px;
    margin-right: 1px;
}

#documentContentTable_paginate a:hover {
    color: #fff;
    text-decoration:none;
    cursor:pointer;
}

#documentContentTable_paginate a.paginate_button.current {
    color: #3F3F3F;
}

#documentContentTable_paginate a.paginate_button.current:hover{
    cursor:default;
}

#documentContentTable_wrapper {
    margin-bottom: 30px;
}

/* Provides a table with frozen first column */
div.scrolltable-container {
    /* Attach fixed-th-table to this container,
      in order to layout fixed-th-table
      in the same way as scolled-td-table" */
    position: relative !important;
    width: 100% !important;
    /* Truncate fixed-th-table */
    overflow: hidden !important;
}

div.fixed-th-table-wrapper td,
div.fixed-th-table-wrapper th,
div.scrolled-td-table-wrapper td,
div.scrolled-td-table-wrapper th {
    /* Set background to non-transparent color
      because two tables are one above another.
    
    background: white !important;*/
}

div.fixed-th-table-wrapper {
    /* Make table out of flow */
    position: absolute !important;
}

    div.fixed-th-table-wrapper th {
        /* Place fixed-th-table th-cells above 
       scrolled-td-table td-cells.
     */
        position: relative !important;
        z-index: 1 !important;
    }

div.scrolled-td-table-wrapper td {
    /* Place scrolled-td-table td-cells
       above fixed-th-table.
     */
    position: relative !important;
}

div.scrolled-td-table-wrapper {
    /* Make horizonal scrollbar if needed */
    overflow-x: auto !important;
}

/* Simulating border-collapse: collapse,
   because fixed-th-table borders
   are below ".scrolling-td-wrapper table" borders
*/
#KpiTargetsTable, 
#KpiTargetsTable2 {
    border-collapse: separate !important;
    border-spacing: 0 !important;

}

#KpiTargetsTable td, 
#KpiTargetsTable th, 
#KpiTargetsTable2 td, 
#KpiTargetsTable2 th {
        border-style: solid !important;
        border-color: black !important;
        border-width: 1px 1px 0 0 !important;
        padding: 5px !important;
    }

#KpiTargetsTable th, 
#KpiTargetsTable2 th {
        min-width: 300px !important;
        color:black !important;
        background-color: whitesmoke !important;
    }

#KpiTargetsTable td,
#KpiTargetsTable2 td {
        min-width: 60px;
    }

#KpiTargetsTable td,
#KpiTargetsTable th {
        border-style: solid !important;
        border-color: black !important;
        border-width: 1px 1px 0 0 !important;
        padding: 5px !important;
    }

#KpiTargetsTable th:first-child,
#KpiTargetsTable2 th:first-child {
        border-left-width: 1px !important;
    }

#KpiTargetsTable tr:last-child td, 
#KpiTargetsTable tr:last-child th {
        border-bottom-width: 1px !important;
    }

#KpiTargetsTable2 tr:last-child td, 
#KpiTargetsTable2 tr:last-child th {
        border-bottom-width: 1px !important;
    }

.kpiMonthHeader {
    background-color: whitesmoke !important;
    font-weight: bold;
}