body { background-color:#fff; }
h1 { color:#333; }
h2 { color:#fff; }
h3 { color:#666; }
h4 { color:#666; }
a:link, a:active, a:visited { color:#004051; }
a:hover { color:#009ACD; }

#header { background:#fff; }
#header-top, body.centre #header-top { background-color: #004051;
    background-image: -moz-linear-gradient(100% 100% 90deg, #004051, #004051);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004051), to(#004051));

              
               }
#header-logo {
    background: transparent url(images/IMI_logo.png) no-repeat;
    background-size: 75%;
    height: 60px;
    width: 250px;
    min-height: 49px;
    left: 5px;
    top: 45px;
}


body.centre #header-top .header-links.right {
    margin-right: 170px;
}
body.centre #header-logo {
    background-color: #fffffe;
    background-image: url(images/IMI_logo.png);
    background-size: 98%;
    height: 60px;
    width: 190px;
    min-height: 60px;
    background-position: 2px 2px;
    border: 1px solid #D5D5D5;
    border-radius: 5px 5px 5px 5px;
    left: auto;
    margin: 0;
    padding: 0 0 0 0;
    position: absolute;
    right: 10px;
    top: 33px;
    box-shadow: none;
}



body.centre #header-top .header-links.right {
    margin-right: 210px;
}


#primary-nav li.selected, .secondary-nav { background-color:#f2f2f2; }
#primary-nav li a { color: #009ACD; }
#primary-nav li a:hover { color: #2AB12A; }

div#nav { left:194px;}

.box { background-color:#fff; border:1px solid #d6d6d6; }
.box-header, .ui-dialog-titlebar  
{
	color:#fff; 
	background-color: #004051; 
    background-image: -moz-linear-gradient(100% 100% 90deg, #004051, #004051);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004051), to(#004051));
}
.box-header a:link, div.box-header a:active, div.box-header a:visited { color:#333; 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:#004051;
                      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: #004051;
    color: #fff;
}
th.sorting_desc {
    background-color: #004051;
    color: #fff;
}

.no-data { background:#ffffe1; border: 1px #fffcb3 solid; }

.pager { border-top:2px solid #CEDFEF; }
.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; }

#footer { background-color:#004051; 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; }

/*
green #34b27d
yellow #dbdb57
orange #e09952
red #cb4d4d
purple #9933cc
blue #4d77cb
*/

.calc-metric-level.exceeds-expectations { background-color:#34b27d; color:#fff; }
.calc-metric-level.no-view-at-present { background-color:#e09952; color:#fff; }
.calc-metric-level.meets-expectations { background-color:#34b27d; color:#fff; }
.calc-metric-level.under-performing { background-color:#cb4d4d; color:#fff; }

.calc-metric-level.low { background-color:#34b27d; color:#333; }
.calc-metric-level.medium { background-color:#e09952; color:#333; }
.calc-metric-level.high { background-color:#00A3CC; color:#fff; }
.calc-metric-level.urgent { background-color:#cb4d4d; color:#fff; }

.calc-metric-level.green { background-color:#34b27d; color:#333; }
.calc-metric-level.amber { background-color:#dbdb57; color:#333; }
.calc-metric-level.amber-red { background-color:#e09952; color:#fff; }
.calc-metric-level.red { background-color:#cb4d4d; color:#fff; }

.calc-metric-level.work-underway { background-color:#34b27d; color:#fff; }
.calc-metric-level.decision-required-(internal) { background-color:#e09952; color:#fff; }
.calc-metric-level.decision-required-(external) { background-color:#cb4d4d; color:#fff; }

.calc-metric-level.compliant { background-color:#34b27d; color:#fff; }
.calc-metric-level.under-review { background-color:#e09952; color:#fff; }
.calc-metric-level.non-compliant { background-color:#cb4d4d; color:#fff; }

.calc-metric-level.unassigned { background-color:#34b27d; color:#fff; }
.calc-metric-level.awaiting-decision/info { background-color:#e09952; color:#fff; }
.calc-metric-level.work-underway---behind-schedule { background-color:#cb4d4d; color:#fff; }

.calc-metric-level.on-target { background-color:#34b27d; color:#fff; }
.calc-metric-level.on-hold { background-color:#e09952; color:#fff; }
.calc-metric-level.running-late { background-color:#cb4d4d; color:#fff; }

.calc-metric-level.converted { background-color:#34b27d; color:#fff; }
.calc-metric-level.gone-cold { background-color:#e09952; color:#fff; }
.calc-metric-level.still-progressing { background-color:#60c060; color:#fff; }
.calc-metric-level.complaint { background-color:#cb4d4d; color:#fff; }