﻿/* red - #233d87 */
/* grey text - #666 */
/* light grey - #F2F2F2 */
/* gold - #FFCC00 */
/* blue - #009ACD */
/* green - #2AB12A */
/* grey box border - #d6d6d6 */
/* grey box gradient #fff to #f0f0f0 */
body { background-color:#fff; }

#doc3 { margin: auto 0; min-height: 100%; position: relative; }

h1 { color:#233d87; }
h2 { color:#fff; }
h3 { color:#666; }
h4 { color:#666; }
a:link, a:active, a:visited { color:#233d87; }
a:hover { color:#009ACD; }

#header { background:#fff; }
#header-top, body.centre #header-top { background-color:#170030;
    background-image: -moz-linear-gradient(100% 100% 90deg, #170030, #170030);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#170030), to(#170030));

              
               }


@media screen and (max-width: 1170px) {
   #header-logo {
        display: none;
    }
}
#inbox-tabs .ui-state-active {
    background-color: #22C69D !important;
}
    #inbox-tabs .ui-state-active  .ui-tabs-anchor {
        color: white !important;
    }
#header-logo {
    background: transparent url(images/logo.png) no-repeat 50% 0px;
    background-position: left;
    float: right;
    height: 60px;
    width: 100%;
    min-height: 60px;
    left: 10px;
    background-size: contain;
}
div#nav{
    left:350px;
}
body.centre #header-logo {
    background-color: #ffffff;
    background-image: url("images/logo.png");
    background-size: 300px;
    background-repeat: no-repeat;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    box-shadow: none;
    right: 5px;
    margin: 0;
    position: absolute;
    top: 40px;
    height: 52px;
    width: 300px;

}

body.centre #primary-nav li.selected a {
    color: #000;
}

body.centre #header-top .header-links.right {
    margin-right: 200px;
}

.btn-success{
    background-color:#22C69D !important
}
.dataTables_filter {
    background-color: #efeded !important;
}

#primary-nav li.selected, .secondary-nav {
    background-color: #efeded !important
}
#primary-nav li a { color: #233d87; }
#primary-nav li a:hover { color: #000; }

#primary-nav li.selected, .secondary-nav {
    background-color: #efeded !important
}

.box { background-color:#fff; border:1px solid #d6d6d6; }
.ui-widget-header { background-image:none; border:none; }
.box-header, .ui-dialog-titlebar {
    color: #fff;
    background-color: #170030;
}
.box-header a:link, div.box-header a:active, div.box-header a:visited { color:#fff; text-decoration:none; border-bottom:1px dotted #fff; }
.box-header a:hover { border-bottom:1px solid #fff; }
.box-section { background-color:#fff; }
.box-section-group .box-section.top { border-bottom:1px dashed #d6d6d6; }

table.data { background-color:#fff; }
table.data thead tr, .modal-multiselect th.sorting { background-color:#333;
                      color:#fff;
    background-image: -moz-linear-gradient(100% 100% 90deg, #333, #666);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666));

                       }
    table.data tbody tr.selected {
        background-color: #efeded;
    }
table.data th { border-bottom:1px solid #d6d6d6; border-right:2px solid #fff; }
table.data th a:link, table.data th a:visited, table.data th a:active { color:#000; }
table.data td { padding:6px 4px; border-bottom: 1px dotted #d6d6d6; border-right:2px solid #fff; }

th.sorting_asc { background-color:#000; color:#fff }
th.sorting_desc { background-color:#000; color:#fff }



.no-data { background:#ffffe1; border: 1px #fffcb3 solid; }

.pager { border-top:2px solid #3c3aFF; }
.page-numbers { border:1px solid #CCCCCC; color:#6087ad; }
.page-numbers.current { background:#6087ad; color:#fff; }
.page-numbers.next, .page-numbers.prev { border:1px solid #FFFFFF; }

.stronghighlight, div.box-section.stronghighlight { background-color:#fffcb3; }
.weakhighlight, div.box-section.weakhighlight { background-color: #FFFFE1; }

.tabset { background-color:#fff; }
.ui-tabs-nav { border-bottom:1px solid #d6d6d6; }
div#content .tabset ul li a:link, div#content .tabset ul li a:visited, div#content .tabset ul li a:active { color:#7ac142; }

.buttons { border-top:1px dotted #d6d6d6; }

div.question td.input, .splitform-main { background-color: #f2f2f2; }

#bd { padding-bottom:80px; }

#footer {
 clear: both;
 position: relative;
 z-index: 10;
 height: 65px;
 margin-top: -66px;
	background-image: url(images/EAL_footer.png); background-position: center; background-repeat: no-repeat; background-color:transparent; color:#233d87;
}


body.centre .yui-b { margin-left:0; padding-bottom:100px; }

#footer a:link, #footer a:active, #footer a:visited { color:#233d87; }
#footer ul { margin-top:65px; margin-bottom:15px; }
#footer ul li { border-left: #233d87 1px solid; }

/* AO-specific staff member role styles */
.TutorAssessor { background-color:#FFDFDF; border-bottom:1px solid #FFBBBB; }
.Assessor { background-color:#FFDBFB; border-bottom:1px solid #FFBBF7; }
.InternalVerifier { background-color:#E6DBFF; border-bottom:1px solid #D0BCFE; }


/*
backgrounds...
#FFDFDF	#FFDFF8	#FFDFEF	#FFDBFB	#F9D9FF	#F4DCFE	#E6DBFF
darker borders...
#FFBBBB	#FFACEC	#FFBBDD	#FFBBF7	#F2BCFE	#EDBEFE	#D0BCFE
*/

.col2, .col3, .col4 { background:#85C4FF; }
.col5, .col6, .col7 { background:#FFFFFF; }
.col8, .col9, .col10 { background:#85C4FF; }


#footer span { color: #233D87; }


ul.superselect li.Low, ul.superselect li.low, ul.superselect.disabled li.Low, ul.superselect.disabled li.low {
    border-right: 15px solid #7AC142;
}
ul.superselect li.Medium, ul.superselect li.medium, ul.superselect.disabled li.Medium, ul.superselect.disabled li.medium {
    border-right: 15px solid #FFFF00;
}
ul.superselect li.High, ul.superselect li.high, ul.superselect.disabled li.High, ul.superselect.disabled li.high {
    border-right: 15px solid #FFBF00;
}
ul.superselect li.Very-high, ul.superselect li.very-high, ul.superselect.disabled li.Very-high, ul.superselect.disabled li.very-high {
    border-right: 15px solid #FF0000;
}



.compliance-rating .ui-state-active .priority-1 { padding:0 3px; }
.compliance-rating .ui-state-active .priority-2 { padding:0 3px; }
.compliance-rating .ui-state-active .priority-3 { padding:0 3px; }
.compliance-rating .ui-state-active .priority-4 { padding:0 3px; }


#change-compliance-rating .priority-none { font-weight:normal; color:#ccc; }
.compliance .chart-legend-color-block.priority-1,#change-compliance-rating .priority-1,.compliance-rating.ui-state-active .priority-1  { background-color:#FF0000; color:#fff;  }
.compliance .chart-legend-color-block.priority-2,#change-compliance-rating .priority-2,.compliance-rating .ui-state-active .priority-2  { background-color:#FFBF00; color:#333; }
.compliance .chart-legend-color-block.priority-3,#change-compliance-rating .priority-3,.compliance-rating .ui-state-active .priority-3 { background-color:#FFFF00; color:#333; }
.compliance .chart-legend-color-block.priority-4,#change-compliance-rating.priority-4,.compliance-rating.ui-state-active .priority-4  { background-color:#7AC142; color:#333; }



a.role-status, a.role-status:visited, a.role-status:active {
    background-image: none;
    color: #333;
}

    a.role-status.satisfactorymonitoringandrecordscheckcompleted {
        background-color: #7AC142;
    }

    a.role-status.occcompetencecheck-cpd-monitoringimprovementsidentified {
        background-color: #FFBF00;
    }

    a.role-status.notsampled {
        background-color: red;
    }

.role-status.satisfactorymonitoringandrecordscheck {
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -ms-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(top, #62c462, #51a351);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.role-status.additionalchecksbyeal {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -ms-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(top, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.role-status.flaggedforcentresattention {
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(top, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

a.role-status.btn {
    text-shadow: none;
}

a.role-status.satisfactorymonitoringandrecordscheck, a.role-status.flaggedforcentresattention {
    color: #fff;
}