html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} html {overflow-y:scroll;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;} ins {background-color:#ff9; color:#000; text-decoration:none;} mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; clear:both;}.clearfix:before, .clearfix:after {content:"\0020"; display:block; height:0; visibility:hidden;} .clearfix:after {clear:both;} .clearfix {zoom:1;} .clear {clear:both;}.inlinecontrol {display:block; vertical-align:top; padding:2px 0px 2px 2px;}.inlineMsgError {width:97%; background:#fccac3; padding:8px; border:#ea523a 2px solid;}.inlineMsgWarning {width:97%; background:#ffeaa9; padding:8px; border:#fab418 2px solid;}.inlineMsgSave {width:97%; background:#effeb9; padding:8px; border:#9ac601 2px solid;}.inlineMsgTip {width:97%; background:#eaf0fe; padding:4px; border:#81a8bf 2px solid;}.systemMessage {width:290px; background:#fccac3; padding:8px; border:#ea523a 2px solid; position:absolute;top:130px;left:560px;}*::-moz-selection {color:#fff; background:#f3ae28;} *::selection {color:#fff; background:#f3ae28;} .required {color:Red;} 

/* DO NOT CHANGE ANY OF THE ABOVE RESET CSS */

/* --- [ Default Styles ] --- */

.riDisabled, .disabled, :disabled, html body .RadInput_Default .riTextBox:disabled {
    color: #333 !important;
    background-color: rgb(227,227,227);
}

.RadComboBox_Default .rcbDisabled .rcbInput, .RadComboBoxDropDown_Default .rcbDisabled, .RadComboBox_Default .rcbDisabled .rcbInputCell .rcbInput, .RadComboBoxDropDown_Default .rcbDisabled {
    color: #333 !important;
    background-color: rgb(227,227,227);
}

body {
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

a {
    color: #1faced;
    text-decoration: none;
}

    a:visited {
        color: #1faced;
        text-decoration: none;
    }

    a:hover {
        color: #0073a8;
        text-decoration: underline;
        cursor: pointer;
    }

    a:active {
        color: #1faced;
        text-decoration: underline;
    }

select, input {
    border: 1px solid #bbb;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

select, input[type='text'] {height: 24px; line-height: 24px; font-size: 12px;}

textarea {
    border: 1px solid #bbb;
    font-family: Arial, Helvetica, sans-serif;
}

    select:focus, input:focus, textarea:focus {
        outline: none;
    }

select:disabled, input:disabled, textarea:disabled {
    background-color: rgb(227,227,227);
}

ul.radio-btn-list {
    width: 100%;
    border-top: 10px solid rgb(255, 255, 255);
    border-bottom: 10px solid rgb(255, 255, 255);
}

    ul.radio-btn-list li {
        display: inline-block;
        width: 300px;
        vertical-align: top;
        line-height: 32px;
    }

        ul.radio-btn-list li label {
            margin-left: 8px;
        }

/* Specific  */
html body .riSingle .riTextBox[type="text"] {
    /*width: 200px !important;*/
    /*font: 12px Arial, Helvetica, sans-serif !important;*/
}

html body .riSingle .standard-desc[type="text"] {width: 590px !important;}
html body .RadPicker .riSingle .riTextBox[type="text"] {width: 100px !important;}
html body .date-time .RadPicker .riSingle .riTextBox[type="text"] {width: 140px !important;}
html body .date-time-narrow { width: 100px !important;
}

.exampleContainer {
    margin-bottom: 20px;
}

/* --- [ Layout Styles ] --- */

.container {
    /*position: relative;*/
    width: 980px;
    margin: 0 auto;
    padding: 10px 0;
    background: #fff;
}

.container-full-width {
    width: 100%;
    margin: 0;
}

.filters-full-width {
    float: none !important;
    width: 100% !important;
    margin: 0 auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content {
    padding: 0;
    margin: 0;
    /*min-height: 643px;*/
}

div#trainingBar {
    width: 100%;
    padding: 10px 0;
    text-indent: 10px;
    background: #fccac3;
    border-bottom: #ea523a 2px solid;
    color: #000;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

div#header {
    width: 100%;
    height: 101px;
    background: #fff;
    color: #000;
}

.header {
    width: 980px;
    margin: 0 auto;
}

.logo {
    float: left;
    overflow: hidden;
}

.RadPicker {
    width: auto !important;
    display: inline-block !important;
}

.tableHack {
    width: 100px;
}

.subnavColumn {
    width: 100%;
    margin-bottom: 6px;
}
		
    .subnavColumn ul {
        background: #008ed0;
        height: 23px;
    }

        .subnavColumn ul li {
            list-style: none;
            height: 23px;
            margin: 0 3px 3px 0;
            padding: 0;
            float: left;
        }

            .subnavColumn ul li a {
                display: block;
                color: #fff;
                padding: 4px 8px 0 8px;
                font-size: 13px;
                height: 19px;
            }
	
                .subnavColumn ul li a:hover {
                    background: #0073a8;
                    text-decoration: none;
                }

.news {
}

    .news h2 {
        background: #66bbe3;
        padding: 6px 6px 4px 6px;
        display: block;
        font-size: 1.2em;
        color: #fff;
    }

    .news h3 {
        font-size: 1.2em;
        margin-left: 10px;
        font-weight: bold;
    }

    .news p {
        margin-left: 10px;
    }

    .news .newsAll {
        background: #1faced url('../images/arrow.png');
        color: #fff;
        padding: 10px 137px 8px 137px;
        margin: 10px 0 0 0;
        text-align: center;
        text-transform: uppercase;
        border-radius: 6px;
    }

        .news .newsAll:hover {
            background: #0073a8 url('../images/arrow.png');
            color: #fff;
            text-decoration: none;
        }

    .news .hideAll {
        background: #1faced url('../images/arrow.png');
        color: #fff;
        padding: 10px 150px 8px 149px;
        margin: 10px 0 0 0;
        text-align: center;
        text-transform: uppercase;
    }

        .news .hideAll:hover {
            background: #0073a8 url('../images/arrow.png');
            color: #fff;
            text-decoration: none;
        }

    .news .hiddenDisplay {
        margin: 0;
    }

.leftColumn {
    float: left;
    width: 735px;
}

    .leftColumn .homeColumn { /*width:362px;/ float:left; margin-right:10px;*/
        margin-bottom: 20px;
    }

        .leftColumn .homeColumn .homeColumnHeader {
            clear: both;
            margin-bottom: 10px;
        }

    .leftColumn h2 {
        margin: 0;
        width: 350px;
        float: none;
    }

    .leftColumn .newscol {
        margin-right: 0px;
    }

.rightColumn {
    float: right;
    width: 225px;
    margin-top: 5px;
}

.singleColumn {
    width: 225px;
    float: left;
    margin-bottom: 10px;
}

    .singleColumn .title {
        background: #66bbe3;
        display: block;
        width: 213px;
        padding: 6px 6px 4px 6px;
        color: #fff;
        font-size: 1.2em;
    }

    .singleColumn .innercontent {
        display: block;
        width: 223px;
        border: 1px solid #cbcdce;
        color: #5f6062;
    }

        .singleColumn .innercontent .box {
            width: 100%;
            text-align: center;
            font-weight: bold;
            padding: 0;
            margin: 0;
        }

        .singleColumn .innercontent .label {
            color: #000;
            font-size: 12px;
            margin: 5px 0;
        }

        .singleColumn .innercontent p {
            color: #5f6062;
            line-height: normal;
            padding: 5px 0 0 0;
            margin: 0;
        }

            .singleColumn .innercontent p.results {
                font-size: 17px;
            }

            .singleColumn .innercontent p.leads {
                font-size: 17px;
                padding: 5px 0 3px 0;
            }

        .singleColumn .innercontent .green {
            background: #80ff81;
            color: #333;
            width: 86px;
            margin: 0 auto 10px auto;
        }

        .singleColumn .innercontent .yellow {
            background: #feff80;
            color: #333;
            width: 86px;
            margin: 0 auto;
        }

        .singleColumn .innercontent .red {
            background: #ff8080;
            color: #333;
            width: 86px;
            margin: 0 auto;
        }

        .singleColumn .innercontent .link {
            background: #1faced;
            color: #fff;
            text-align: center;
            font-size: 12px;
            padding: 5px 0;
        }

            .singleColumn .innercontent .link a {
                color: #fff;
            }

        .singleColumn .innercontent .border {
            border-bottom: 1px solid #cbcdce;
        }

/* --- [ Grids ] --- */

.grid {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}
    .grid th {
        text-align: left;
        padding: 5px;
        font-weight: normal;
        background-color: #008ed0;
        color: #fff;
    }

    .grid th.ta-center{
        text-align: center;
    }

    .grid th a {
        color: #fff;
    }	
    .grid th a:hover {text-decoration: underline;}
		
    .grid td {
        background-color: white;
        padding: 5px;
        font-size: 95%;
        border-bottom: 1px solid #d9d9d9;
        line-height: 1.4;
    }
		
    .grid td.greenDate {background-color: #80ff81;}
    .grid td.yellowDate {background-color: #feff80;}
    .grid td.redDate {background-color: #ff8080;}

.alternative td {background-color: rgb(238, 238, 238);}
.normal td {background-color: rgb(255, 255, 255);}

    .grid .editable > input {
        background: #ff8080;
        padding: 2px 4px;
        color: #fff;
        border: 1px solid #dc5555;
        width: 40px;
    }

    .grid .editableWide > input {
        background: #ff8080;
        padding: 2px 4px;
        color: #fff;
        border: 1px solid #dc5555;
        width: 85%;
    }

.grid .edit {width: 18px;}
    .grid .edit input {border: 0px solid #eee;}

.grid select, .grid input[type='text'] {
    height: 31px;
    line-height: 31px;
}

.row-select tr:not(:first-child) {cursor: pointer;}

.nonFlexCell {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    overflow: hidden;
}

    .nonFlexCell select {
        width: 90%;
        margin: 0;
    }

    .commandField input {
        border: 0px solid #fff;
        background: none;
        padding: 0;
        vertical-align: top;
    }

/* Used to highlight a row in the grid */
.grid tr.selected {background: #feff80;}

.gridAssessment {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}

    .gridAssessment th {
        text-align: left;
        padding: 5px;
        font-weight: normal;
        background: #008ed0;
        color: #fff;
    }

    .gridAssessment td {
        padding: 5px;
        font-size: 95%;
        background: #fff;
    }

    .gridAssessment td.greenDate, .gridAssessment td.redDate, .gridAssessment td.additional {color: white;}

    .gridAssessment td.greenDate {background-color: rgb(95, 185, 98);} /*#80ff81*/
    .gridAssessment td.yellowDate {background-color: #feff80;}
    .gridAssessment td.redDate {background-color: rgb(245, 73, 61);} /*#ff8080*/
    .gridAssessment td.map {background-color: #99ccff;}
    .gridAssessment td.cut {background-color: #ff8080;}
    .gridAssessment td.sum {background-color: #ff8aff;}
    .gridAssessment td.additional {background-color: rgb(238,175,80);}

    .gridAssessment .column6 {width: 70px;}

.paging {
    border-top: 0px solid #fff;
    height: 30px;
    margin: 0;
    padding: 0;
}

tr.top-pager td:first-of-type {
    padding-bottom: 10px;
    padding-top: 5px;
}

    .paging td {
        padding: 10px 0 0 2px;
        border: 0px solid #3893de;
        background-color: transparent;
    }

        .paging td a {
            background: #63b0ee;
            margin: 0 3px 0 0;
            padding: 4px 4px 2px 4px;
            color: #fff;
            border: 1px solid #257dc6;
        }

        .paging td span {
            margin: 0 3px 0 0;
            padding: 4px 4px 2px 4px;
            color: #257dc6;
            border: 1px solid #257dc6;
        }

.filters {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}

    .filters .left {
        float: left;
        padding: 3px 10px 0 0;
    }

    .filters .left label {font-size: 12px; vertical-align: top;}

    .filters .right {
        float: left;
        margin: 0 0 0 5px;
        padding: 0 10px 0 0;
    }

    .filters > .filter {
        float: left;
        font-size: 85%;
        margin: 0 8px 0 0;
    }

.show-checkbox-red, .show-checkbox-blue, .show-checkbox-green, .show-checkbox-clear, .show-checkbox-yellow {
    line-height: 36px;
    padding: 0 8px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .show-checkbox-red label, .show-checkbox-blue label, .show-checkbox-green label, .show-checkbox-clear label {
        padding-left: 8px;
        color: rgb(255, 255, 255);
    }

    .show-checkbox-yellow label {
        padding-left: 8px;
        color: rgb(0, 0, 0);
    }

    .show-checkbox-clear label {color: rgb(51, 51, 51);}

.show-checkbox-red {background-color: rgb(229, 64, 40);}
.show-checkbox-blue {background-color: rgb(0, 161, 203);}
.show-checkbox-green {background-color: rgb(125, 181, 0);}
.show-checkbox-yellow {background-color: #FFCC00;}

.inlineCheckbox input {
    margin-left: 5px;
    margin-top: -2px;
}

.inlineCheckbox label {margin-left: 8px;}

.filters > .end {margin: 0;}

.filters .buttons {margin-bottom: 0;}

html body .row .riSingle .riTextBox[type="text"] {width: 100% !important;}

.ReportFilters {
    width: 100%;
    margin: -10px 0 10px 0;
}

    .ReportFilters .columnOne {
        float: left;
        width: 290px;
    }

    .ReportFilters .columnTwo {
        float: left;
        width: 330px;
    }

    .ReportFilters .columnThree {
        float: left;
        width: 275px;
    }

    .ReportFilters .columnThreeWithButtons {
        float: left;
        width: 350px;
    }

    .ReportFilters .columnFour {
        float: right;
        width: 85px;
    }

        .ReportFilters .columnFour .buttons {
            float: none !important;
            margin: 0;
        }

    .ReportFilters .columnOne > .filter {
        float: left;
        margin: 10px 8px 0 0;
    }

        .ReportFilters .columnOne > .filter .left {
            float: left;
            margin: 3px 5px 0 0;
            width: 115px;
        }

        .ReportFilters .columnOne > .filter .left-small {
            float: left;
            margin: 3px 5px 0 0;
            width: 100px;
        }

        .ReportFilters .columnOne > .filter .right {float: left;}

    .ReportFilters .columnOne > .to {margin-left: 7px;}

    .ReportFilters .columnTwo > .filter {
        float: left;
        margin: 10px 8px 0 0;
    }

        .ReportFilters .columnTwo > .filter .left {
            float: left;
            margin: 3px 5px 0 0;
            width: 115px;
        }

        .ReportFilters .columnTwo > .filter .left-small {
            float: left;
            margin: 3px 5px 0 0;
            width: 100px;
        }

        .ReportFilters .columnTwo > .filter .right {float: left;}

    .ReportFilters .columnThree > .filter {
        float: left;
        margin: 10px 8px 0 0;
    }

        .ReportFilters .columnThree > .filter .left {
            float: left;
            margin: 3px 5px 0 0;
            width: 115px;
        }

        .ReportFilters .columnThree > .filter .left-small {
            float: left;
            margin: 3px 5px 0 0;
            width: 100px;
        }

        .ReportFilters .columnThree > .filter .right {float: left;}

    .ReportFilters .columnThreeWithButtons > .filter {margin: 10px 8px 0 0;}

        .ReportFilters .columnThreeWithButtons > .filter .left {
            float: left;
            margin: 3px 5px 0 0;
            width: 115px;
        }

        .ReportFilters .columnThreeWithButtons > .filter .left-small {
            float: left;
            margin: 3px 5px 0 0;
            width: 100px;
        }

        .ReportFilters .columnThreeWithButtons > .filter .right {float: left;}

        .ReportFilters .btnList label {margin: 0 12px 0 4px;}
        .ReportFilters .btnList input {border: 0px solid #eee;}

.ReportContainer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.column {
    width: 390px;
    float: left;
    margin-left: 0;
}

.column-narrow {
    width: 60px;
    float: left;
    margin-left: 6px;
}

.user-column-right {
    float: left;
    margin-left: 6px;
    width: 550px;
}

.fullColumnWidth {
    width: 100%;
    margin: 0 0 15px 0;
}

    .fullColumnWidth > .left {
        float: left;
        width: 125px;
        padding: 3px 0 0 0;
    }

    .fullColumnWidth > .right {
        float: left;
        margin: 0 0 5px 5px;
    }

.isdisabled label {margin-left: 8px;}

.columnExtender .column {width: 460px;}
    .columnExtender .column .right {width: 320px;}

.assessment-column {margin-bottom: 10px;}
    .assessment-column .field > .right {padding-top: 4px;}

.client-column {
    float: left;
    margin: 5px 6px 10px 0;
    width: 480px;
}

.article-column {
    float: left;
    margin-left: 6px;
    width: 900px;
}

.dialog {padding: 10px 0 10px 0;}
.dialog .row {box-sizing: border-box;}

.imgUploader {
    float: left;
    padding-top: 3px;
}

.AssessDetail {margin-bottom: 10px;}

    .AssessDetail h2 {
        background: #66bbe3;
        padding: 6px 6px 4px 6px;
        display: block;
        font-size: 1.2em;
        font-weight: 300;
        color: #fff;
        margin-bottom: 0;
    }

    .AssessDetail > .assessmentDetailHeader {
        background-color: #fff;
        border: 1px solid #66bbe3;
        padding: 10px;
    }

    .EventDetail h2, .EventDetailPnl h2 {font-size: 1.1em;}

    .EventDetailPnl .column { margin-left: 0px;}

    .EventDetailPnl .literalText .column {
        width: auto;
        float: none;
    }

    .EventDetailPnl .assessment-column {
        margin-bottom: 5px;
    }

.EventDetailPnl h3, .observations h3, .comments h3, .feedback h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
}

    .EventDetailPnl h3 + p, .observations h3 + p, .comments h3 + p, .feedback h3 + p {
        margin-bottom: 0px;
        font-size: 0.9em;
        color: #0070C0;
    }

.EventDetailPnl .AssessmentDetailBoxes {
    border-bottom: 1px solid grey;
}

.EventDetailPnl .col-span-12 .literalText, .EventDetailPnl .col-span-12 .literalTextWide {
    padding-left: 10px;
}

.EventDetailPnl .col-span-4 .literalText, .EventDetailPnl .col-span-4 .literalTextWide {
    padding-left: 5px;
}

    .EventDetailPnl .area {
        padding: 0 0 0 6px;
        margin: 0 0 18px 0;
    }

    .EventDetailPnl .headline {
        padding: 0;
        margin: 0 0 8px 0;
    }
	
        .EventDetailPnl .headline > input {
            padding: 3px;
            border: 1px solid #d0d0d0;
            width: 741px;
            margin-left: 10px;
        }

    .EventDetailPnl .assessDue {
        padding: 0;
        margin: 0 0 8px 0;
    }

        .EventDetailPnl .assessDue > input {
            padding: 3px;
            border: 1px solid #d0d0d0;
            margin-left: 10px;
            width: 686px;
        }

    .EventDetailPnl .customFields {
        padding: 0 0 0 6px;
        margin: 0 0 8px 0;
    }
    
    .EventDetailPnl .outcome {
        padding: 0 0 0 6px;
        margin: 0 0 8px 0;
    }
    
        .EventDetailPnl .outcome .center {
            text-align: center;
            padding: 6px 0 0 0;
        }
        
.notes {
    width: 100%;
    margin-left: 0px;
}
    
    .notes > .left {
        float: left;
        width: 125px;
        padding: 3px 0 0 0;
    }
    
    .notes > .right {
        float: left;
        margin-left: 10px;
    }

        .notes > .right textarea {
            height: 70px;
        }

.pnlListDetail {
}

    .pnlListDetail .column {
        margin: 5px 0 0 0;
    }

    .pnlListDetail .notes {
        margin: 5px 0;
        float: left;
        width: 88%;
    }
	
        .pnlListDetail .notes > .right input {
            padding: 3px;
            border: 1px solid #d0d0d0;
            vertical-align: top;
        }

    .pnlListDetail .noteSave {
        float: left;
        margin: 1px 0 0 0;
        width: 8%;
    }

.upperMargin {
    margin-top: 8px;
}
.cand-assess {padding: 10px;}
.imgUploader {float:left; padding-top:3px;}

.centre {text-align: center !important;}

/* Candidate Assessment Colours */
.trained {background-color: #ff6600 !important;}
.excellent {background-color: rgb(204, 102, 255) !important;}
.compliant {background-color: rgb(172, 234, 172) !important;}
.competent {background-color: rgb(76, 175, 80) !important;}
.advice {background-color: rgb(255, 152, 0) !important;}
.review {background-color: rgb(244,67, 54) !important;}
.notApplicable {background-color: rgb(0, 174, 255) !important}
.notSpecified {background-color: rgb(227, 227, 227) !important;}

.review, .competent, .notApplicable, .advice, .excellent, .trained {color: white;}

.notes {width:100%; margin-left:0px;}
	.notes > .left {float:left; width:148px; padding:3px 0 0 0; font-size:12px;}
	.notes > .right {float:left; margin-left:10px;}
		.notes > .right textarea {height:70px;}

.trained-notcurrent, .excellent-notcurrent, .compliant-notcurrent, .competent-notcurrent, .advice-notcurrent, .review-notcurrent, .notApplicable-notcurrent, 
.notSpecified-notcurrent {
    background-color:#ececec !important;
    text-align:center;
}

/*.excellent-notcurrent {background-color:#ececec !important;text-align:center; color:#DA70D6}*/
.trained-notcurrent {color: #ff6600}
.excellent-notcurrent {color:#CC66FF}
.compliant-notcurrent {color:#9BD39B} 
.competent-notcurrent {color:#9BD39B} 
.advice-notcurrent {color:#ffcc00}
.review-notcurrent {color:#ff8080}
.notApplicable-notcurrent {color:#aed7ff}
.notSpecified-notcurrent {color:#eeeeee}

.centre {text-align:center !important;}		
.valError {color:Red;}

.floatedTitle {
    float: left;
}

.bottomLnks {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 550px;
    height: 34px;
    padding: 0 10px;
}

    .bottomLnks .buttons {margin-bottom: 0px;}
    .bottomLnks .floatLeft {float: left;}
    .bottomLnks .topmargin {margin-top: 6px;}

.colourBox {
    display: inline-block;
    height: 28px;
    width: 28px;
    background-color: #eee;
    margin: 4px 5px 0 15px;
}
	
.colourText {
    display: inline-block;
    height: 28px;
    margin-top: -10px;
    vertical-align: middle;
}

.colourBox-Red {
    background-color: rgb(255, 128, 128);
}

.colourBox-Yellow {
    background-color: rgb(254, 255, 128);
}

.colourBox-Purple {
    background-color: rgb(153, 153, 255);
}

.colourBox-Green {
    background-color: rgb(128, 255, 129);
}

.checkboxList td {
    width: 58px;
    float: left;
}

    .checkboxList td label {
        padding: 0 0 0 4px;
        vertical-align: middle;
    }

.checkLeft {
    margin-left: 10px !important;
}

.rblHorizontal label {
    margin: 0 25px 0 5px;
    font-size: 12px;
}

/* --- [ Telerik Control Styles ] --- */
.outOfRangeDayStyle {
    background-color: #cccccc;
}

.selectedDayStyle {
    background-color: #555555;
}

td.todayStyle {
    border: solid 1px red !important;
}

.radCombo {
    z-index: 999999;
}

.RadScheduler .rsHeader h2 {
    background-color: rgb(17, 112, 170);
    color: rgb(255, 255, 255);
    text-indent: 10px !important;
}

.RadScheduler .rsAptContent {
    padding: 0 0 0 4px !important;
}

/* --- [ Page Specific ] --- */

.floatLeft {
    float: left;
}
		
.infoblock {width:980px;}
    .infoblock .field {width:100%; margin:0 0 5px 0;}
    .infoblock .nomargin { margin: 0; }
	.infoblock .field > .left {float:left; width:153px; 
padding:3px 0 0 0; font-size:12px;
}
    .infoblock .field > .wider {width:160px;}
    .infoblock .field > .examDate {width:30px; margin-left:10px;}
    .infoblock .field > .xtra-wide {width:170px;}
    .infoblock .floated {float:left; width:40%; margin-right:1%;}
    .infoblock .floated .left, .infoblock .personnel-floated .left {width:100px;}
	.infoblock .client-column .field > .left {float:left; width:260px; padding:3px 0 0 0;}
    .infoblock .client-column .field > .smaller {width:200px;}
	.infoblock .article-column .field > .left {float:left; width:150px; padding:3px 0 0 0;}	
	.infoblock .field > .right {float:left; margin:0 0 5px 5px;}
    .infoblock .field > .inlineBlock label {font-size:12px; padding-left:10px;}
	
	.infoblock .observations {float:left; margin:0 15px 20px 6px;width:300px;}
		.infoblock .observations h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
	.infoblock .comments {float:left; margin:0 15px 20px 0;width:300px;}
		.infoblock .comments h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
	.infoblock .feedback {float:left; margin:0 0 20px 0;width:300px;}
		.infoblock .feedback h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
		
		
	.infoblock .observationsWide {margin:0 15px 20px 6px;width:900px;}
		.infoblock .observationsWide h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
	.infoblock .commentsWide {margin:0 15px 20px 0;width:900px;}
		.infoblock .commentsWide h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
	.infoblock .feedbackWide {margin:0 0 20px 0;width:900px;}
		.infoblock .feedbackWide h3 {border-bottom:0px solid #fff; margin-bottom:5px;}		
		
		
		
	.infoblock > .overview {float:left; margin:0 15px 20px 6px;width:300px;}
		.infoblock > .overview h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
	.infoblock .assessorAdvice {float:left; margin:0 15px 20px 6px;width:300px;}
		.infoblock .assessorAdvice h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
		
	.infoblock .literalText	{width:300px;font-size:10pt;padding:5px 5px 5px 10px;}
	.infoblock .literalTextWide	{width:900px;font-size:10pt;padding:5px 5px 5px 10px;}
	.literalText ol {padding-left:30px}
	.literalText ul {padding-left:30px}

.innerTabs {width:310px;}
    .innerTabs .left {width:95px !important;}

.newAssessmentCycleCandidateDialog {width:380px; overflow:hidden;}
	.newAssessmentCycleCandidateDialog p {padding:8px 0; font-size:95%;}
    .newAssessmentCycleCandidateDialog .field {width:100%; margin:0 0 5px 0;}
	.newAssessmentCycleCandidateDialog .field > .left {float:left; width:140px; padding:3px 0 0 0; font-size:95%;}
	.newAssessmentCycleCandidateDialog .field > .right {float:left; margin:0 0 3px 0px; width:235px; font-size:95%;}
	
.candidateAssessmentEventQAreportDialog {width:100%; overflow:hidden;}
	
.qaReportqaRatingDialog {width:100%; overflow:hidden;}
    .qaReportqaRatingDialog p {padding:8px 0; font-size:95%;}
    .qaReportqaRatingDialog .field {width:100%; margin:0 0 5px 0;}
	.qaReportqaRatingDialog .field > .left {float:left; width:140px; padding:3px 0 0 0; font-size:95%;}
	.qaReportqaRatingDialog .field > .right {float:left; margin:0 0 3px 0px; width:235px; font-size:95%;}

.licenceApplicationTypeDialog {overflow:hidden;padding: 7px;}
    .licenceApplicationTypeDialog p {padding:8px 0; font-size:95%;}
    .licenceApplicationTypeDialog .field {width:100%; margin:0 0 15px 0;}
	.licenceApplicationTypeDialog .field > .left {float:left; width:140px; padding:3px 0 0 0; font-size:95%;}
	.licenceApplicationTypeDialog .field > .right {float:left; margin:0 0 3px 0px; width:235px; font-size:95%;}

.pageView {border:1px solid #898c95; border-top:1px solid #fff; width:100%; margin:-1px 0 0 0; padding:0; min-height:200px;}
	.pageView h3 {padding:5px;}

.padding-overflow {padding:5px;}
	



.eventButtons {
    display: inline-block;
}

.qaReportqaRatingDialog {
    width: 100%;
    overflow: hidden;
}

    .qaReportqaRatingDialog p {
        padding: 8px 0;
        font-size: 95%;
    }

    .qaReportqaRatingDialog .field {
        width: 100%;
        margin: 0 0 5px 0;
    }

        .qaReportqaRatingDialog .field > .left {
            float: left;
            width: 140px;
            padding: 3px 0 0 0;
            font-size: 95%;
        }

        .qaReportqaRatingDialog .field > .right {
            float: left;
            margin: 0 0 3px 0px;
            width: 235px;
            font-size: 95%;
        }

.licenceApplicationTypeDialog {
    overflow: hidden;
    padding: 7px;
}

    .licenceApplicationTypeDialog p {
        padding: 8px 0;
        font-size: 95%;
    }

    .licenceApplicationTypeDialog .field {
        width: 100%;
        margin: 0 0 15px 0;
    }

        .licenceApplicationTypeDialog .field > .left {
            float: left;
            width: 140px;
            padding: 3px 0 0 0;
            font-size: 95%;
        }

        .licenceApplicationTypeDialog .field > .right {
            float: left;
            margin: 0 0 3px 0px;
            width: 235px;
            font-size: 95%;
        }

.pageView {
    border: 1px solid #898c95;
    border-top: 1px solid #fff;
    width: 100%;
    margin: -1px 0 0 0;
    padding: 0;
    min-height: 200px;
}

    .pageView h3 {
        padding: 5px;
    }

.padding-overflow {
    padding: 5px;
}

.reporting {
}

    .reporting h2 {
        background: #66bbe3;
        padding: 6px 6px 4px 6px;
        display: block;
        font-size: 1.2em;
        color: #fff;
        margin: 8px 0 5px 0;
    }
	/*.reporting div {margin:0 10px 3px 10px; line-height:26px; border-bottom:1px solid #eee;}*/
    .reporting a {
        color: #0073a8;
    }

        .reporting a:hover {
            color: #1faced;
        }

.assessments {
}

.labelBold {
    font-weight: bold;
}

.assessmentHeader {
    margin: 0 20px 8px 0;
    float: left;
}

    .assessmentHeader input.btnExclusion {
        border: 0px solid white;
        margin-left: 3px;
    }

    .assessmentHeader input.exclusionText {
        width: 770px;
    }

    .assessmentHeader > textarea {
        padding: 3px;
        color: #333;
    }

.performanceAssessments {
    margin: 5px 0 0 0;
}

    .performanceAssessments .field {
        width: 260px;
        margin: 0 0 5px 0;
        float: left;
        margin-right: 8px;
    }

        .performanceAssessments .field > .left {
            float: left;
            width: 125px;
            padding: 3px 0 0 0;
        }

        .performanceAssessments .field > .right {
            float: left;
            margin: 3px 0 5px 5px;
        }

            .performanceAssessments .field > .right input {
                padding: 2px 5px;
                border: 1px solid #8e8e8e;
            }

            .performanceAssessments .field > .right select {
                border: 1px solid #8e8e8e;
            }

.eventsAssessments {
    margin: 5px 0 15px 0;
    width: 860px;
    float: left;
}

    .eventsAssessments .field {
        width: 100%;
        margin: 0;
    }
	
        .eventsAssessments .field > .left {
            float: left;
            width: 125px;
            padding: 3px 0 0 0;
        }

        .eventsAssessments .field > .right {
            float: left;
            margin: 3px 0 5px 5px;
            width: 690px;
        }

            .eventsAssessments .field > .right input, .eventsAssessments .field > .right textarea {
                padding: 2px 5px;
                border: 1px solid #8e8e8e;
            }

.training-log {
    width: 860px;
    float: left;
}

    .training-log .field {
        width: 100%;
        margin: 0;
    }
	
        .training-log .field > .left {
            float: left;
            width: 125px;
            padding: 3px 0 0 0;
        }

        .training-log .field > .right {
            float: left;
            margin: 3px 0 5px 5px;
            width: 690px;
        }

.errorH {
    padding-top: 4px;
    width: 100%;
}
        
	/*.performanceAssessments .performance {float:left; margin:0 30px 0 0;}
		.performanceAssessments .performance input {padding:2px 5px; border:1px solid #8e8e8e;}*/
		
/*.eventsAssessments {float:left; margin:0 0 15px 0; width:810px;}
	.eventsAssessments .event {margin:0 0 5px 0;}
		.eventsAssessments .event input {padding:2px 5px; border:1px solid #8e8e8e;}
		.eventsAssessments .event textarea {padding:2px 5px; border:1px solid #8e8e8e; margin-top:8px;}*/

.assessments > .personnel-buttons {
    float: right;
    width: 73px;
    margin-left: 0px;
}
    .assessments > .personnel-buttons .btnEdit {
        width: 73px;
        text-align: left;
        margin: 0 0 5px 3px;
    }

    .assessments > .personnel-buttons .btnSave {
        width: 73px;
        text-align: left;
        margin: 0 0 5px 3px;
    }

    .assessments > .personnel-buttons .btnUpload {
        margin: 0 0 5px 3px;
    }

.assessments > .buttons {
    float: right;
    width: 73px;
    margin-left: 10px;
}

    .assessments > .buttons .btnEdit {
        width: 73px;
        text-align: left;
        margin: 0 0 5px 0px;
    }

    .assessments > .buttons .btnSave {
        width: 73px;
        text-align: left;
        margin: 0 0 5px 3px;
    }

.manageLink {
    margin: 2px 0 0 10px;
}

.standardCN {
    margin: 2px 8px 0 0;
}

.noEvents {
    font-size: 13px;
    padding: 5px 0 0 6px;
}

.assessTab {
    padding: 8px 8px 0 8px;
    position: relative;
    min-height: 368px;
    margin-top: -1px;
    margin-bottom: 10px;
    border: 1px solid #828282;
}

    .assessTab select {
        padding: 3px;
    }

    .assessTab > .buttons {
        margin-bottom: 0;
    }

.RADtextbox {
    margin-bottom: 5px;
}

.selectbox select {
    height: 200px !important;
}

.tabbedLine, .tabbedLineSmall {
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    padding: 0;
    margin: 0;
    width: 353px;
    background-color: white;
    height: 1px;
}

.tabbedLineSmall {
    width: 327px;
}

.definableField {
    padding: 3px;
    /*min-width: 350px; --removed to fix ie7 issue*/
    width: 300px;
    background-color: #ececec;
    margin: 0 6px 3px 0;
}

    .definableField .leftCol {
        float: left;
    }

    .definableField .rightCol {
        float: right;
        margin-left: 5px;
    }

.definableFields {
    margin-bottom: 10px;
}

.masterProgress > .column {
    margin: 0 5px 0 0;
}

    .masterProgress > .column .left {
        font-weight: bold;
    }

    .masterProgress > .column .right {
        padding: 3px 0 0 0;
    }

.masterProgress .exclusions {
    width: 100%;
    margin: 10px 0 0 0;
}

    .masterProgress .exclusions > .left {
        float: left;
        width: 125px;
        padding: 3px 0 0 0;
        font-weight: bold;
    }

    .masterProgress .exclusions > .right {
        float: left;
        padding: 3px 0 0 0;
    }

.PrintReport > .column {
    margin: 0 5px 0 0;
}

    .PrintReport > .column .left {
        font-weight: bold;
    }

    .PrintReport > .column .right {
        padding: 3px 0 0 0;
        width: 250px;
    }

.PrintReport .overview > .column .right {
    margin-top: 3px;
}

.PrintReport .assessDue {
    margin: 0 0 12px 6px;
}

.PrintReport .headline {
    margin: 0 0 8px 6px;
}

.PrintReport .exclusions {
    width: 100%;
    margin: 10px 0 0 0;
}

    .PrintReport .exclusions > .left {
        float: left;
        width: 125px;
        padding: 3px 0 0 0;
        font-weight: bold;
    }

    .PrintReport .exclusions > .right {
        float: left;
        padding: 3px 0 0 0;
    }

.completeCycle {
    padding: 15px;
}

    .completeCycle .completeError {
        padding: 10px 0 5px 10px;
    }

        .completeCycle .completeError ul {
            padding-left: 10px;
        }

.checkbox {
    margin: 0 0 7px 0;
}

    .checkbox label {
        margin: 0 0 0 5px;
    }

.dateperiod {
    margin: 10px 0 7px 0;
}

.confirmProcess .labelBold {
    margin-top: 10px;
}

.confirmProcess .buttons {
    float: none;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}

.candidateDetails {
    float: left;
    width: 794px;
}

    .candidateDetails .assessTab .column {
        width: 385px;
    }

    .candidateDetails .doctorSelection {
        width: 160px;
    }

.qaReportDetails {
    float: left;
    margin-bottom: 20px;
}

.btnUploadMargin {
    margin-right: 175px !important;
}

.notesDialog {
    padding: 20px;
    width: auto;
}

    .notesDialog .notes {
        padding-bottom: 15px;
        width: 760px;
    }

    .notesDialog .competencies td {
        width: 240px;
        padding: 5px;
    }

    .notesDialog .competencies label {
        padding-left: 10px;
    }
   
.settings {
    width: 980px;
}

    .settings .field {
        width: 100%;
        margin: 0 0 5px 0;
    }

        .settings .field > .left {
            float: left;
            width: 150px;
            padding: 3px 0 0 0;
        }

        .settings .field > .right {
            float: left;
            margin: 0 0 5px 5px;
            width: 400px;
        }

            .settings .field > .right textarea {
                width: 400px;
            }

.userStandards .column {
    width: 490px;
    margin: 0px;
}

.userLocations .column {
    width: 490px;
    margin: 0px;
}

/* --- [ Default Page ] --- */

.image {
    margin-bottom: 5px;
    position: relative;
    text-align: center;
    width: 100%;
}
    .image img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

.loginContainer {
    position: absolute;
    width: 380px;
    left: 320px;
    top: 40px;
    z-index: 100;
}

.FailureText {
    position: absolute;
    left: 0;
    top: -30px;
    z-index: 101;
    padding: 6px 8px;
    color: #ea523a;
    font-weight: bold;
    width: 390px;
}

/* --- [ Login Box ] --- */

.login {
    background-color: transparent;
    border: 0;
    padding: 20px;
}

    .login > .left {
        width: 100px;
        display: block;
        float: left;
        text-align: right;
        margin: 0 5px 0 0;
        padding: 3px 0 0 0;
    }

    .login > .right {
        width: 220px;
        display: block;
        float: left;
        margin: 0 0 10px 0;
    }

        .login > .right input {
            height: 24px;
            line-height: 24px;
            margin: 0;
            padding: 2px 5px;
            width: 100%;
        }

/* --- [ password ] --- */

.passwordBox {
    background: none;
    border: 0px solid #bbb;
    padding: 20px 10px;
    margin: 0;
}

    .passwordBox > .left {
        width: 160px;
        display: block;
        float: left;
        text-align: right;
        margin: 0 5px 0 0;
        padding: 3px 0 0 0;
    }

    .passwordBox > .right {
        width: 200px;
        display: block;
        float: left;
        margin: 0 0 10px 0;
    }

        .passwordBox > .right input {
            width: 150px;
            padding: 3px;
            margin: 0;
            border: 1px solid #000;
        }

    .passwordBox > .button {
        float: right;
        margin: 10px 42px 0 0;
    }

        .passwordBox > .button input {
            padding: 8px 8px 6px 8px;
            border-radius: 6px;
            color: #fff;
            cursor: pointer;
            margin: 0 0 0 3px;
            background: rgb(125, 181, 0);
            border: 0px solid #fff;
            vertical-align: middle;
        }

            .passwordBox > .button input:hover {
                background: rgb(143, 207, 0);
            }

            .passwordBox > .button input:active {
                background: rgb(118, 163, 18);
            }

/* --- [ Questions ] --- */

.radEditorRPD {
    min-height: 200px;
}

.EditorContentClass {
    padding: 5px;
    font-size: 80%;
}

    .EditorContentClass ul {
        margin: 0 0 6px 16px;
    }

    .EditorContentClass ol {
        margin: 0 0 6px 22px;
    }
	
    .EditorContentClass li {
        margin-bottom: 3px;
    }

    .EditorContentClass p {
    }
	
.qstHeader {
    margin: 15px 0 5px 15px;
    font-weight: bold;
}

.qstSection {
    margin: 15px 0 5px 15px;
    font-weight: bold;
}

.outcomeDialog {
    padding: 10px 5px 5px 5px;
}

    .outcomeDialog html {
        overflow: hidden;
    }

.setall {
    margin: 0 0 5px 6px;
}

    .setall a.blank {
        background: none;
        padding: 2px 4px;
        color: #1faced;
        border: 1px solid #1faced;
    }

    .setall a.c {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #86c886;
    }

    .setall a.a {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #dcdc36;
    }

    .setall a.r {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #dc5555;
    }

    .setall a.n {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #71a9df;
    }

    .setall a.e {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #CC66FF;
    }

    .setall a.t {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #ff6600;
    }

.tblLettersHorizontal {
    display: block;
    margin: 10px 0 5px 6px;
    text-align: center;
}

    .tblLettersHorizontal tr td {
        display: block;
        height: 20px;
        width: 36px;
        padding: 0;
        margin-right: 15px;
        float: left;
        text-align: center;

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;

        margin-bottom: 5px;
    }

.tblNumbersHorizontal {
    display: block;
    margin: 0 0 5px 6px;
    text-align: left;
}

    .tblNumbersHorizontal tr td {
        display: block;
        height: 20px;
        width: 36px;
        padding: 0;
        margin-right: 15px;
        float: left;
        text-align: center;
        vertical-align: top;

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;

        margin-bottom: 5px;
    }

.tblLettersVertical {
    display: block;
    margin: 15px 0 35px 15px;
}

    .tblLettersVertical tr {
        border-bottom: 4px solid #fffafa;
    }

        .tblLettersVertical tr td span {
            line-height: 18px;
        }

    .tblLettersVertical td.column1 {
        width: 30px;
        text-align: center;
    }

    .tblLettersVertical td.column2 {
        width: 40px;
    }

    .tblLettersVertical td.column3 {
        width: 750px;
        height: auto;
        text-align: left;
    }

.tblNumbersVertical {
    display: block;
    margin: 15px 0 0 15px;
    text-align: left;
}

    .tblNumbersVertical tr {
        border-bottom: 4px solid #fffafa;
    }

        .tblNumbersVertical tr td span {
            line-height: 18px;
        }

    .tblNumbersVertical td.column1 {
        width: 30px;
        text-align: center;
    }

    .tblNumbersVertical td.column2 {
        width: 40px;
    }

    .tblNumbersVertical td.column3 {
        width: 750px;
        height: auto;
        text-align: left;
    }

td.eventDetailHeader {
    font-weight: bold;
}

td.eventDetailCount {
    font-size: 6pt;
    color: #cb4335;
}

.window {
    margin: 10px 0 0 15px;
}

.licenceImageSelection {
    padding: 10px;
}

/*.tblLettersVertical td {border:solid 1px red;}*/

	
	/*.tblNumbers tr {height:35px; vertical-align:top;}*/
	/*.candidate li {margin-left:30px;color:Red;}*/

/* --- [ Standards ] --- */

.tabcontrol {
    margin: 20px 0 0 0;
}

.tab-subheading {
    padding: 10px 10px 10px 10px;
}

/* --- [ Validation Summary ] --- */

.valSummary {
    margin-left: 5px;
}

    .valSummary ul {
        background: #fccac3;
        padding: 8px;
        border: #ea523a 2px solid;
    }
		
        .valSummary ul li {
            list-style: disc;
            list-style-position: inside;
            padding-left: 1px;
            color: #ea523a;
            font-weight: bold;
        }

.assessTab .valSummary {
    margin: 5px 0 10px 5px;
}

    .assessTab .valSummary ul {
        margin-top: 5px;
        margin-bottom: 48px;
    }

.changepassSummary {
    margin: 15px 0 8px 0;
}

    .changepassSummary span {
        background: #fccac3;
        padding: 8px;
        border: #ea523a 2px solid;
    }

/* --- [ Additional Row ] --- */

.rowAdd {
}

    .rowAdd > .row {
        background: #eee; /* #dbd7d7 */
        padding: 10px;
    }

        .rowAdd > .row h4 {
            color: #333;
            font-weight: bold;
        }

    .rowAdd .row > .filter {
        float: left;
        margin: 3px 10px 0 0;
    }

    .rowAdd .row > .filter-t-reset {margin-top: 0 !important;}

        .rowAdd .row > .filter input[type=text] {
            border-left: 1px solid #8e8e8e;
            border-top: 1px solid #8e8e8e;
            border-bottom: 1px solid #b8b8b8;
            border-right: 1px solid #b8b8b8;
            padding: 2px 5px;
        }

            .rowAdd .row > .filter input[type=text]:hover {
                border: 1px solid #515151;
            }

        .rowAdd .row > .filter .rcbInputCell input[type=text] {
            border: none;
        }

            .rowAdd .row > .filter .rcbInputCell input[type=text]:hover {
                border: none;
            }

        .rowAdd .row > .filter .Required {
            margin: 0 3px;
            color: Red;
        }

    .rowAdd .row > .extra {
        margin-top: 6px;
    }

    .rowAdd .row > .filter label {
        margin: 4px 5px 0 0;
    }

    .rowAdd .row > .filter .checkbox input {
        margin: 0 10px 0 0;
    }

    .rowAdd .row > .spanComplete {
        float: left;
        width: 700px;
    }

    .rowAdd .row > .button {
        float: right;
    }

.top {margin-top: 10px !important;}
 
.browseFile input {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 4px;
    width: 100%;
}

/* --- [ overview ] --- */

.overview {
    margin-bottom: 8px;
}

.red-date {
    width: 160px;
    margin-right: 10px;
}

    .red-date .field .left {
        width: 70px;
    }

    .red-date .field .right {
        margin-top: 3px;
    }

.date-undertaken {
    width: 290px;
    margin-right: 10px;
}

    .date-undertaken .field .left {
        width: 120px;
    }

.notebook {
    width: 290px;
    margin-right: 10px;
}

    .notebook .field .left {
        width: 110px;
    }

    .notebook .field .right input {
        padding: 3px;
        border: 1px solid #d0d0d0;
    }

.overview > .outcome {
    width: 180px;
}

    .overview > .outcome .left {
        width: 70px;
    }
	
	
.ConfirmCutProcess {
    padding: 0 5px 5px 5px;
}

    .ConfirmCutProcess h3 {
        font-weight: bold;
    }
	
    .ConfirmCutProcess ul {
        padding-left: 28px;
        margin: 0 0 5px 0;
    }
	
        .ConfirmCutProcess ul li {
            list-style-type: disc;
            color: #333;
            line-height: 1.4em;
        }

    .ConfirmCutProcess .buttons {
        margin-top: 2px;
    }
    
.warningMessage {
    color: Red;
    font-weight: bold;
    margin-bottom: 5px;
}
    
.labelRogue {
    vertical-align: top;
}

/* --- [ Assessment Reports ] --- */

.assessmentReportEvent h2.eventHeader {
    background-color: #cccccc;
    padding: 5px;
}

.assessmentReportEvent .outcome .right span {
    padding: 2px 12px 2px 12px;
}

/* --- [ Help ] --- */

ul.helpItemList {
    padding-top: 20px;
}

    ul.helpItemList li {
        float: left;
        margin-right: 10px;
        list-style-type: none;
    }

        ul.helpItemList li a {
            background-color: blue;
            color: #fff;
            padding: 5px 8px;
        }

            ul.helpItemList li a:hover {
                background-color: lightblue;
                text-decoration: none;
            }

.helpItem ol li {
    list-style: none;
    margin-bottom: 5px;
}

.marginHelp {
    margin-top: 30px;
}

.helpItem {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.gridKey {
    float: left;
    padding-top: 4px;
}

    .gridKey .box {
        display: block;
        width: 20px;
        height: 20px;
        float: left;
        border: 1px solid #333;
    }

    .gridKey .textbox {
        display: block;
        float: left;
        margin: 0 15px 0 6px;
        padding: 5px 0 0 0;
        font-size: 12px;
    }

    .gridKey .licensed, .gridKey .applied, .gridKey .requiredComplete, .requiredMissing {
        float: left;
    }

        .gridKey .licensed .box {
            background-color: rgb(128, 255, 129);
        }

        .gridKey .applied .box {
            background-color: rgb(254, 255, 128);
        }

        .gridKey .requiredComplete .box {
            background-color: rgb(153, 153, 255);
        }

    .gridKey .requiredMissing .box {
        background-color: rgb(255, 128, 128);
    }

.support-column {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .support-column .field {
        width: 100%;
    }

        .support-column .field > .left {
            width: 250px;
            margin-right: 30px;
        }

    .support-column .support-column {
        margin: 0;
    }

    .support-column .field > .right {
    }

        .support-column .field > .right span {
            vertical-align: middle;
        }

        .support-column .field > .right input, .support-column .field > .right textarea {
            width: 400px;
            padding: 2px 5px 3px 5px;
            border: 1px solid #b8b8b8;
        }

.heightOveride {
    min-height: 10px;
}

.nomargin {
    margin: 0;
}

#reports iframe {
    z-index: 999;
    position: relative;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.rsWrap.rsLastSpacingWrapper {
    height: 5px !important;
}

.rcbSlide {
    z-index: 99999 !important;
}

.BoldRed {
    color: red;
    font-weight: bold;
}

.DisabledGridLabel {
    text-decoration: line-through;
}

.WideNote {
    width: 95%;
    height: 100px;
}

.telerik-input {
    width: 188px !important;
    padding: 2px 5px !important;
    border: 1px solid #8e8e8e !important;
    border-bottom-color: #b8b8b8 !important;
    border-right-color: #b8b8b8 !important;
}

.telerik-input-wide {
    width: 800px !important;
    padding: 2px 5px !important;
    border: 1px solid #8e8e8e !important;
    border-bottom-color: #b8b8b8 !important;
    border-right-color: #b8b8b8 !important;
}

.telerik-input:hover, .telerik-input:focus, .telerik-input-wide:hover, .telerik-input-wide:focus {
    border-color: #333 !important;
}

.filter .RadComboBox_Default .rcbReadOnly .rcbInput {
    border:none !important;
}

.ExperienceEntry .field {
    margin-bottom: 20px;
}

hr.faded, hr.faded-padded {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(163,163,163,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(163,163,163,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(163,163,163,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(163,163,163,0.75), rgba(0,0,0,0)); 
}

hr.faded-separator, hr.faded-padded-separator {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(163,163,163,0.75), rgba(163,163,163,0.3), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(163,163,163,0.75), rgba(163,163,163,0.3), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(163,163,163,0.75), rgba(163,163,163,0.3), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(163,163,163,0.75), rgba(163,163,163,0.3), rgba(0,0,0,0)); 
}

hr.faded-padded {
    margin: 30px 0px;
}

#body_pDefinableFields .RadInput, .RadInput {
    width: auto !important;
}

.notes-textarea {width: 585px !important;}

.grid-textbox-full {
    width: 90% !important;
}

.input-padding {
    padding: 5px;
}

.listItemTemplate {
    margin-bottom: 10px;
    min-height: 64px;
}

.MarginLeft {
    margin-left: 20px;
}

.treeViewWrapper {
    float:left;
    margin: 10px;
}

.TreeViewGroupTitle {
    font-weight: bold;
}

/* Experience Records */

.space {
    margin-right: 8px;
}

.ExperienceRecordLabel {
    min-width: 100px;
}
    
.experience-record {}
    .experience-record .field {vertical-align: top; margin-bottom: 10px;}
        .experience-record .field .left {display: block; width: 100%; padding-bottom: 5px;}
        .experience-record .field .inlineBlock {display: inline-block; margin-right: 10px;}
            .experience-record .field .inlineBlock span {margin-right: 10px;}
        .experience-record .field input[type='checkbox'] {margin-right: 10px;}


.standard-desc {width: 768px !important;}

#AddResourceData {
    display: none;
}

/* Monitoring Stlyes */
.monitoring-left-column {
    float: left;
    width: 320px;
    margin-left: 10px;
}

.monitoring-right-column {
    float: right;
    width: 300px;
}

.alignRight {text-align: right;}

.checkbox-field label {
    font-size: 12px;
    line-height: 24px;
    vertical-align: middle;
}

.checkbox-field label + input[type="checkbox"] {
    margin-left: 10px;
    line-height: 24px;
    vertical-align: middle;
}

.checkbox-field label + span {margin-left: 10px;}

.block-field label {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
}

.block-field textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.block-field .btn {
    margin-top: 10px;
}

.status-indicator {
    background-color: rgba(51, 51, 51, .2);
    border-radius: 10px;
    box-shadow: 3px 3px 5px rgba(51, 51, 51, .2);
    font-size: 1.3em;
    padding: 10px;
    color: rgb(51, 51, 51);
}

.status-indicator-red {background-color: rgb(229, 64, 40); color: white;}
.status-indicator-blue {background-color: rgb(0, 161, 203); color: white;}
.status-indicator-purple {background-color: purple; color: white;}
.status-indicator-green {background-color: rgb(125, 181, 0); color: white;}
.status-indicator-yellow {background-color: rgb(255, 204, 0);}

.monitoring-updates {margin-bottom: 10px;}

.layout-grid {clear: both; padding: 0px; margin: 0px;}

.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1;}

    .col {
        display: block;
        float: left;
        margin: 0 0 10px 0;
    }
    
    .col-1-3 {width: 32.66%;}
    .col-2-3 {width: 66.33%;}
    .col-3-3 {width: 99.5%;}

    .col-1-2 {width: 49.5%;}

    .col-1-4 {width: 24%;}
    .col-2-4 {width: 48%;}

.warning-icon {
    padding-right: 15px;
    font-size: 6em;
    margin-bottom: 10px;
}

.display-block {display: block; width: 100%;}
.monitoring-notes {width: 100%; height: 100px;}

.infoblock .field > .p-b-lrg {padding: 0 0 12px 0;}

.display-block-important {display: block !important; width: 100%;}

.infoblock .field > .mon-left {
    width: 100px;
}

.infoblock .field > .mon-right {
    width: 370px;
}

#ViewDelegatesData {
    display: none;
    padding-left: 25px;
}

#CompletedEntriesData, #dPFEntries {
    display: none;
}

.report-container {
    overflow-x: scroll;
    width: 100%;
}

.warning-yellow {
    color: #FFCC00;
    /*color: rgb(229, 64, 40);*/
}

.fieldset-disable {
    padding: 15px;
    background-color: #ddd;
    border: 1px solid #bbb;
}

.delegate-experience .field textarea {border: 1px solid #bbb;}
.delegate-experience .field .left {padding-bottom: 5px;}
.delegate-experience .field .left label {font-weight: bold;}


.EventDate .rcSingle {
    width: 100% !important;
}

.inline-block {display: inline-block;}

.fancy-checkbox input[type=checkbox],
.fancy-checkbox input[type=radio] {
    display: none;
    position: relative;
}

    .fancy-checkbox input[type=checkbox] + label:before {
        font-family: FontAwesome;
        display: inline-block;
        width: 25px;
        height: 25px;
        background-color: white;
        /*border: 1px solid #bed4d8;*/
        text-align: center;
        margin-right: 10px;
        /*color: white;*/
        cursor: pointer;
        /*-webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;*/
    }

    .fancy-checkbox input[type=checkbox] + label:before {
        content: "\f01e";
    }

    .fancy-checkbox input[type=checkbox]:checked + label:before {
        content: "\f01e";
        border-color: #4caf50;
        background-color: #4caf50;
        color: white;
        /*-webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;*/
    }

    .fancy-checkbox input[type=radio] + label:before {
        font-family: FontAwesome;
        display: inline-block;
        width: 25px;
        height: 25px;
        background-color: white;
        /*border: 1px solid #bed4d8;*/
        text-align: center;
        margin-right: 10px;
        /*color: white;*/
        cursor: pointer;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .fancy-checkbox input[type=radio] + label:before {
        content: "\f00d";
    }

    .fancy-checkbox input[type=radio]:checked + label:before {
        content: "\f01e";
        border-color: #4caf50;
        background-color: #4caf50;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin-top: 10px;
    }

.UpdateMessage {
    background-color: #F88017;
    color: white;
    font-size: 20px;
    padding-top: 10px;
    margin-bottom: 10px;
}

ul.keys {
    float: right;
    padding: 5px 10px 10px 10px;
}

    ul.keys li {
        display: inline-block;
        list-style: none;
        line-height: 19px;
        margin-right: 10px;
    }

        ul.keys li:last-of-type {margin-right: 0;}

        ul.keys li:before {
            content: " ";
            display: inline-block;
            width: 20px;
            height: 20px;
            background-color: gray;
            margin-right: 5px;
            vertical-align: middle;
        }

            .keys li.key-red:before {background-color: rgb(229, 64, 40);}
            .keys li.key-blue:before {background-color: rgb(0, 161, 203);}
            .keys li.key-green:before {background-color: rgb(125, 181, 0);}
            .keys li.key-yellow:before {background-color: rgb(255, 204, 0);}


            .keys li.key-review:before {background-color: rgb(244,67, 54);}
            .keys li.key-advice:before {background-color: rgb(255, 152, 0);}
            .keys li.key-competent:before {background-color: rgb(76, 175, 80);}
            .keys li.key-excellent:before {background-color: rgb(204, 102, 255);}

            .keys li.key-title {
                font-weight: bold;
                margin-right: 5px;
            }
                .keys li.key-title:before {
                    width: 0;
                    height: 0;
                    margin: 0;
                }

.view-selectors:after, .filters:after, .experience-record:after {clear: both;}

.list-item-template {
    float: left;
    margin: 0 0 10px 0;
    padding: 8px;
    position: relative;
    width: 46%;
}

    .list-item-template:hover {
        background-color: #eee;
        text-decoration: none;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

.list-item-template img {float: left;}

.exp-highlight {
    background-color: gray;
    border-radius: 50%;
    height: 36px;
    left: 24px;
    position: absolute;
    top: 20px;
    width: 36px; 
}

.record-name, .trainer-note, .completed-date {
    display: block;
    padding-left: 74px;
}
.completed-date + .trainer-note {margin-top: 5px;}

.m-all-reset {margin: 0;}
.m-t-mxsmall {margin-top: -5px;}

.experience-record {font-size: 13px;}

    .experience-record .group-title {
        font-weight: bold;
        font-size: 15px;
        border-bottom: 1px solid #000;
        padding-bottom: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .experience-record .field {
        display: inline-block;
        width: 50%;
    }

        .experience-record .field .left, .experience-record .field .inlineBlock {display: inline-block;}
        .experience-record .field .left {width: 190px;}
        .experience-record .field .total {font-weight: bold;}

.text-editable .title {
    padding-bottom: 8px;
    font-weight: bold;
}

.peach-background, .pink-background, .lightblue-background {
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.peach-background {
    background-color: rgb(255, 218, 185);
    background-color: rgba(255, 218, 185, 0.8);
}

.pink-background {
    background-color: rgb(242, 189, 218);
    background-color: rgba(242, 189, 218, 0.7);
}

.lightblue-background {
    background-color: rgb(190, 213, 239);
    background-color: rgba(190, 213, 239, 0.7);
}

.experience-section {
    padding: 20px;
    margin-bottom: 5px;
}

/* Telerik fix for Radcombo Dropdowns */

html .RadInput_Default, .RadInputMgr_Default, html .RadComboBox_Default {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

html .RadComboBox_Default {
    border: 1px solid #bbb;
    background: #fff;
}

html .RadComboBox_Default .rcbReadOnly, html .RadComboBox_Default .rcbHovered {
    background-image: none;
    background-color: transparent;
}

html .diary-entry .RadComboBox_Default .rcbReadOnly {background-color: white;}

html .diary-entry .RadComboBox_Default {border: 0;}

html .diary-entry .RadComboBox_Default .rcbInner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

html .RadComboBox .rcbDisabled {
    background: rgb(227,227,227) url(../Images/dropdown-arrow.png) no-repeat right;
    opacity: 1;
    /*filter: alpha(opacity=100);*/
}

html .RadComboBox_Default .rcbInputCell, html .RadComboBox_Default .rcbArrowCell {background: transparent;}
html body .experience-record .riSingle .riTextBox[type="text"] {width: 50px !important;}

.text-editable {
    margin-bottom: 10px;
}

.fullWidth {
    width: 100%;
}
.grid-disabled {
    color: lightgrey;
}

.key-resource-col {
    min-width: 150px;
    position: relative;
    cursor: default;
    z-index: 10;
}

.freeze-col {
    position: relative;
    cursor: default;
    z-index: 11;
}

    td.freeze-col {
        background-color: white;
        left: -1px;
    }

    tr.alternative td.freeze-col {
        background-color: rgb(238, 238, 238);
        left: -1px;
    }

    th.freeze-col {
        z-index: 12;
    }

.experience-summary-wrapper {
    position: absolute;
    top: 0px;
    right: 5px;
}

.experience-summary {
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid grey;
    border-image: none;
    background-color: rgb(190, 213, 239);
    background-color: rgba(190, 213, 239, 0.7);
}

    .experience-summary .summary-title {
        font-weight: bold;
    }

    .experience-summary .summary-value {
    }

.select-radio input[type='radio'] {
    display: none;
}

.select-radio label {
    background-color: transparent;
    width: 23px;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
}

.select-radio input[type='radio']:checked + label {
    background-color: rgb(125, 181, 0);
    color: white;
}

.table {
    margin: 5px;
}

.table-row {
    display: table-row;
    line-height: 25px;
}

.table-cell {
    display: table-cell;
    padding: 2px;
    vertical-align: top;
}

    .table-cell .RadColorPicker {
        margin: auto;
    }

    .table-cell .label {
        display: block;
        padding-top: 2px;
        font-size: 12px;
    }

.table-colour {
    width: 200px;
    text-align: center;
}

.PFMessage {
    font-size: 12px;
}

    .PFMessage .floatLeft {
        margin-left: 7px;
    }

html body .PFMessage .riSingle [type='text'].riTextBox.PFText {
    width: 527px !important;
}

.infoblock .personnel-floated {float:left; width:48%; margin-right:1%;}

.personnel-training-type label {
    /*padding-right:20px;*/
    font-size: 12px;
}
.personnel-training-type [type='checkbox'] {
    margin-left: 10px;
    margin-right: 5px;
}

.personnel-training-type-validation {
    margin-left: 10px;
}

.column-course-details {
    width: 570px;
}

.grid-course-details {
    width: 430px;
}

html body .email_alert_tigger .riSingle .riTextBox[type="text"] {
    width: 100% !important;
    font: 12px Arial, Helvetica, sans-serif !important;
}

.report_date .rcSingle {
    width: 110px !important;
}

.html-note {
    vertical-align: top;
}

.html-note p {
    padding: 0;
}

.width-60 {
    width: 60%;
}

.mon-flag {
    box-shadow: 3px 3px 3px rgba(51, 51, 51, .1);
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 13px;
}

.mon-flag-dialog {
    padding: 0;
}

.v-top {
    vertical-align: top;
}

.event-notes {
    width: 100%;
    margin-left: 0px;
}
    
    .event-notes > .left {
        float: left;
        width: 40px;
        padding: 3px 0 0 0;
    }
    
    .event-notes > .right {
        float: left;
        margin-left: 10px;
    }

        .event-notes > .right textarea {
            height: 70px;
        }

.infoblock .candidate-assessment .field > .left {
    font-size: 14px;
    width: 135px;
    padding-top: 6px;
}

/* Candidate Information Read Only Textboxes */
.candidate-info input.read-only {
    background: rgb(227,227,227);
    border: 1px solid #bbb;
}

.sampled-chkbox {
    margin-top: 8px;
}
    .sampled-chkbox label {
        padding-left: 5px;
        vertical-align: middle;
    }

html .rieDialogs {
    display: none !important;
}

.signature-dashed {
    border: dashed 1px black;
    display: block;
    padding: 5px;
}

.reset-button {-webkit-appearance: none;}

html .RadComboBox_Default .rcbFocused .rcbReadOnly .rcbInput {color: #333;}

.chkbox input {margin-right: 3px;}

.c-green {color: green;}

.competency-table {width: 100%;}

.competency-table th, .competency-table td {
    text-align: left;
    padding: 5px 0;
    font-weight: normal;
    color: #333;
}

.lsp-inside ul, .lsp-inside ol {
    list-style-position: inside;
}

/* Styles for Classic rendering */
.reToolbar.Default .InsertVideoLink{
    background-image: url('../Images/video16.png') !important;
}
/* Styles for Classic rendering */
.reToolbar.Silk .InsertVideoLink{
    background-image: url('../Images/video16.png') !important;
}

/* Styles for Lightweight rendering */
.reToolBar .reTool.reInsertVideoLink {
    background-image: url('../Images/video16.png') !important;
    background-repeat: no-repeat;
}

    .reToolBar .reTool.reInsertVideoLink:before {
        display:none;
    }

.b-c-lightgrey {
    background-color: #f2f2f2;
}

.control-label {
    font-weight: bold;
}

.checkbox-list label {
    font-size: 12px;
    line-height: 24px;
    vertical-align: middle;
}

.checkbox-list label + input[type=checkbox] {
    margin-left: 15px;
}

.checkbox-list-3col td {
    width: 33.33%;
}

.checkbox-list-3col td label {
    margin-left: 5px;
}

.f-s-18 {
    font-size: 18px;
}

.fs-12 {font-size: 12px;}