﻿/* red - #7BC142 */
/* 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; }
h1 { color:#333; }
h2 { color:#fff; }
h3 { color:#666; }
h4 { color:#666; }
a:link, a:active, a:visited {
    color: #7ecad2;
}
a:hover {
    color: #009ACD;
}

#header { background:#fff; }
#header-top, body.centre #header-top {
    background-color: #7ecad2;
    background-image: -moz-linear-gradient(100% 100% 90deg, #7ecad2, #7ecad2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7ecad2), to(#7ecad2));
}

#header-logo {
    background: transparent url(images/The_Hub_Logo.png) no-repeat 20% 0px;
    float: left;
    height: 70px;
    width: 130px;
    background-size: contain;
    top: 32px;
    left:18px;
}
               
body.centre #header-logo {
background-color: #FFFFFF;
    background-position: center center;
    border: 1px solid #D5D5D5;
    border-radius: 5px 5px 5px 5px;
    left: inherit;
    margin: 0;    
    padding: 5px 50px;
    position: absolute;
    right: 20px;
    top: 35px;
    box-shadow:none;
    background-image:url(images/The_Hub_Logo.png);
    background-repeat:no-repeat;
    min-height: 52px;
    width: 30px;
    }

div#nav  {
    left: 150px;
}

#primary-nav li.selected, .secondary-nav { background-color:#f2f2f2; }
#primary-nav li a { color: #7ecad2; }
    #primary-nav li a:hover {
        color: #009ACD;
    }

a.paginate_active {
    background: #7ecad2;
    color: #f2f2f2;
}

a.paginate_button {
    color: #7ecad2;
}

a.paginate_button:hover, a.paginate_active:hover  {
    color: #009ACD;
}

.vtabset .tab-menu li.selected, .tab-menu li.selected a {
    background: #7ecad2;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: #7ecad2;
}

.box {
    background-color: #fff;
    border: 1px solid #d6d6d6;
}
.box-header, .ui-dialog-titlebar {
    color: #fff;
    border-color: #28989E;
    background-color: #7ecad2;
    background-image: -moz-linear-gradient(100% 100% 90deg, #7ecad2, #7ecad2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7ecad2), to(#7ecad2));
}
body.centre #header-top .header-links.right { margin-right:190px; }
.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 { 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:#FFCC00; }
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 #CEDFEF; }
.page-numbers { border:1px solid #CCCCCC; color:#7ecad2; }
.page-numbers.current { background:#7ecad2; 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:#7ecad2; }

.buttons { border-top:1px dotted #d6d6d6; }

div.question td.input, .splitform-main { background-color: #f2f2f2; }

#footer {
    background-color: #7ecad2;
    color: #fff;
}
#footer a:link, #footer a:active, #footer a:visited { color:#fff; }
#footer ul li { border-left: #fff 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; }

div.dataTables_filter { background-color: #F4F6F8; }

/*
backgrounds...
#FFDFDF	#FFDFF8	#FFDFEF	#FFDBFB	#F9D9FF	#F4DCFE	#E6DBFF
darker borders...
#FFBBBB	#FFACEC	#FFBBDD	#FFBBF7	#F2BCFE	#EDBEFE	#D0BCFE
*/

.metric-level.mini.pass { background-color:#60c060; color:#fff; }
.metric-level.mini.not-assessed { background-color:#FFBF00; color:#333; }
.metric-level.mini.fail { background-color:#da4f49; color:#fff; }

.calc-metric-level.fully-compliant { background-color:#60c060; color:#fff; }
.calc-metric-level.under-review { background-color:#FFBF00; color:#333; }
.calc-metric-level.non-compliant { background-color:#da4f49; color:#fff; }

.calc-metric-level.green { background-color:#60c060; color:#fff; }
.calc-metric-level.amber { background-color:#FFBF00; color:#333; }
.calc-metric-level.amber-red { background-color:#FF4D00; color:#fff; }
.calc-metric-level.red { background-color:#da4f49; color:#fff; }
.calc-metric-level.dark-red { background-color:#A30000; color:#fff; }

.calc-metric-level.low { background-color:#60c060; color:#fff; }
.calc-metric-level.medium { background-color:#FFBF00; color:#333; }
.calc-metric-level.high { background-color:#FF4D00; color:#fff; }
.calc-metric-level.very-high { background-color:#da4f49; color:#fff; }
.calc-metric-level.critical { background-color:#A30000; color:#fff; }

.calc-metric-level.on-target { background-color:#60c060; color:#fff; }
.calc-metric-level.on-hold { background-color:#FFBF00; color:#fff; }
.calc-metric-level.running-late { background-color:#da4f49; color:#fff; }

.metric-level.mini.complaint.email  { background-color:#60c060; color:#fff; }
.metric-level.mini.complaint.telephone  { background-color:#ffff00; color:#333; }
.metric-level.mini.complaint.during-engagement { background-color:#ffc000; color:#333; }
.metric-level.mini.complaint.letter { background-color:#ff0000; color:#fff; }
.metric-level.mini.complaint.fax { background-color:#c00000; color:#fff; }
.metric-level.mini.complaint.during-event { background-color:#7030a0; color:#fff; }
.metric-level.mini.complaint.other  { background-color:#00b0f0; color:#fff; }

.metric-level.mini.appeal.informal { background-color:#60c060; color:#fff; }
.metric-level.mini.appeal.formal  { background-color:#ffff00; color:#333; }

.metric-level.mini.investigation.unfounded { background-color:#60c060; color:#fff; }
.metric-level.mini.investigation.substantiated-malpractice { background-color:#FFBF00; color:#fff; }
.metric-level.mini.investigation.substantiated { background-color:#FF4D00; color:#fff; }
.metric-level.mini.investigation.maladministration { background-color:#da4f49; color:#fff; }
.metric-level.mini.investigation.all-substantiated { background-color:#A30000; color:#fff; }

.metric-level.mini.training.pass { background-color:#60c060; color:#fff; }
.metric-level.mini.training.not-assessed { background-color:#FFBF00; color:#fff; }
.metric-level.mini.training.fail { background-color:#da4f49; color:#fff; }

#change-risk-rating .priority-none { font-weight:normal; color:#ccc; }
#change-risk-rating .priority-1 { padding:0 3px; }
#change-risk-rating .priority-2 { padding:0 3px; }
#change-risk-rating .priority-3 { padding:0 3px; }
#change-risk-rating .priority-4 { padding:0 3px; }
#change-risk-rating .priority-5 { padding:0 3px; }
#change-risk-rating .priority-6 { padding:0 3px; }
#change-risk-rating .priority-7 { padding:0 3px; }
#change-risk-rating .priority-8 { padding:0 3px; }


.risk .chart-legend-color-block.priority-1,#change-risk-rating .priority-1,.risk-rating .ui-state-active .priority-1  { background-color:#ff0000; color:#fff; }
.risk .chart-legend-color-block.priority-2,#change-risk-rating .priority-2,.risk-rating .ui-state-active .priority-2  { background-color:#FFBF00; color:#333; }
.risk .chart-legend-color-block.priority-3,#change-risk-rating .priority-3,.risk-rating .ui-state-active .priority-3  { background-color:#E7FF47; color:#333; }
.risk .chart-legend-color-block.priority-4,#change-risk-rating .priority-4,.risk-rating .ui-state-active .priority-4  { background-color:#7AC142; color:#333; }
.risk .chart-legend-color-block.priority-5,#change-risk-rating .priority-5,.risk-rating .ui-state-active .priority-5  { background-color:#fffff8; color:#333; }
.risk .chart-legend-color-block.priority-6, #change-risk-rating .priority-6, .risk-rating .ui-state-active .priority-6 {
    background-color: #FFFF00;
    color: #333;
}
.risk .chart-legend-color-block.priority-7,#change-risk-rating .priority-7,.risk-rating .ui-state-active .priority-7  { background-color:#FFBF00; color:#333; }
.risk .chart-legend-color-block.priority-8,#change-risk-rating .priority-8,.risk-rating .ui-state-active .priority-8  {background-color:#ff0000; color:#fff; }

.flash-message.ui-state-success {
    background-color: #FCF8E3;
    color: #000000;
}