﻿/* red - #db5014 */
/* 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:#282B2B; }
h2 { color:#282B2B; }
h3 { color:#282B2B; }
h4 { color:#282B2B; }
a:link, a:active, a:visited {
    color: #F26100;
}
a:hover { color:#5b9bd5; }

#header { background:#fff; }
#header-top, body.centre #header-top {
    background-color: #282B2B;
    background-image: -moz-linear-gradient(100% 100% 90deg, #F26100, #e63939);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#282B2B), to(#282B2B));
}
/*#header-logo { background:transparent url(images/acme.png) no-repeat 50% 1px; float:left; height:49px; width:140px; min-height:49px; }*/
#header-logo {
    background: transparent url(images/OAL_logo.png) no-repeat;
    background-size: 80%;
    float: left;
    height: 95px;
    width: 170px;
    min-height: 49px;
    margin-top: -2px;
    left: 20px;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #F26100;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #F26100;
    color: #F26100;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border: 1px solid #F26100;
    color: #F26100;
}
    .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
        color: #F26100;
    }

table.data tbody tr.odd.selected, table.data tbody tr.even.selected {
    background-color: #F4F6F8;
}

div.dataTables_filter { background-color:#F4F6F8;}

.vtabset .tab-menu li.selected, .tab-menu li.selected a { background-color:#F26100;}

.btn-success, .role-status.accepted {
    background-color: #F26100;
    background-image: -moz-linear-gradient(top, #F26100, #F26100);
    background-image: -ms-linear-gradient(top, #F26100, #F26100);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F26100), to(#F26100));
    background-image: -webkit-linear-gradient(top, #F26100, #F26100);
    background-image: -o-linear-gradient(top, #F26100, #F26100);
    background-image: linear-gradient(top, #F26100, #F26100);
    border-color: #F26100 #F26100 #F26100;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #F26100;
}

.btn-success:active,
.btn-success.active {
  background-color: #F26100 \9;
}

div#header-bottom {
    height: 100px;
}

div#nav { margin: 0 0 10px 0
}


div.box-header h2 {
    color: #282B2B;
}

.vtabset .tab-menu li {
    background: #F4F6F8;
}

.vtabset .tab-menu a {
    color:#5b9bd5;
}

body.centre #header-logo {
    background: transparent url(images/OAL_logo.png) no-repeat;
    background-size: 40%;
    float: right;
    height: 77px;
    width: 148px;
    border: 0px none;
    margin-top: 18px;
}
#primary-nav li a { color:#5b9bd5;}


.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    background-color: #5b9bd5;
}

.btn-primary {
    background-color: #5b9bd5;
    background-image: -moz-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: -ms-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5b9bd5), to(#5b9bd5));
    background-image: -webkit-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: -o-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: linear-gradient(top, #5b9bd5, #5b9bd5);
    border-color: #5b9bd5 #4d83b3 #4d83b3;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
        background-color: #5b9bd5;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #5b9bd5 \9;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-color: #5b9bd5;
}

.btn-info:active,
.btn-info.active {
    background-color: #5b9bd5 \9;
}
.btn-info {
    background-color: #5b9bd5;
    background-image: -moz-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: -ms-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5b9bd5), to(#5b9bd5));
    background-image: -webkit-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: -o-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: linear-gradient(top, #5b9bd5, #5b9bd5);
    border-color: #5b9bd5 #4d83b3 #4d83b3;
}

tr.allocation button#allocate, table.session-list button#allocate {
    background-color: #5b9bd5;
}

#primary-nav li.selected, .secondary-nav {
    background-color: #F4F6F8;
}
#primary-nav li a { color: #282B2B; }
#primary-nav li a:hover { color: #F26100; }
.ui-dialog { background-color:#fff; }
div.box {
    background-color: #fff;
    border: 1px solid #282B2B;
}

.ui-widget-content {
    border: 1px solid #282B2B;
}
.box-header, .ui-dialog-titlebar {
    color: #fff;
    background-color: #282B2B;
    background-image: none;
    border-radius: 0;
    border: 1px solid #F4F6F8;
}
.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; }

.progress-info .bar,
.progress .bar-info {
    background-color: #5b9bd5;
    background-image: -moz-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5b9bd5), to(#5b9bd5));
    background-image: -webkit-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: -o-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: linear-gradient(to bottom, #5b9bd5, #5b9bd5);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
    background-color: #5b9bd5;
}

.search-params span {
    background:;
}

.progress .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5b9bd5;
    background-image: -moz-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5b9bd5), to(#5b9bd5));
    background-image: -webkit-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: -o-linear-gradient(top, #5b9bd5, #5b9bd5);
    background-image: linear-gradient(to bottom, #5b9bd5, #5b9bd5);
}
.progress-striped .bar {
    background-color: #5b9bd5;
}

table.data { background-color:#fff; }
table.data thead tr 
{ 
    background-color:#fff;
    color:#282B2B;
    background-image: none;
}
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:#282B2B; }
table.data td { padding:6px 4px; border-bottom: 1px dotted #d6d6d6; border-right:2px solid #fff; }

th.sorting_asc { background-color:#F4F6F8; color:#333; }
th.sorting_desc { background-color:#F4F6F8; color:#333; }

.no-data {
    border: 1px solid rgba(242, 97, 0, 0.00);
    background: rgba(242, 97, 0, 0.10);
}

.filter {
    background-color: #F4F6F8;
}

.assessment .ass-ref {
    color: #333;
}

.top-level-assessment {
    background-color: #F4F6F8;
}

.note-categories li.selected {
    background: #F4F6F8;
}

.note-category-name {
    background-color: rgba(242, 97, 0, 0.10);
}

.friendly-alert {
    border: 1px solid rgba(242, 97, 0, 0.00);
    background: rgba(242, 97, 0, 0.10);
}

.availability-header {
    background: rgba(242, 97, 0, 0.10);
}

.document-options {
    background-color: #F4F6F8;
}

.section-nav .section-nav-item-content hover {
}

.flash-message.ui-state-success {
    background-color: #5b9bd5;
}

.user-type-selector li.hover {
    background-color: #F4F6F8;
}

.pager {
    border-top: 2px solid #5b9bd5;
}
.page-numbers { border:1px solid #5b9bd5; color:#5b9bd5; }
.page-numbers.current { color:#5b9bd5; }
.page-numbers.next, .page-numbers.prev { border:1px solid #5b9bd5; }

.search-params span {
    background: #F4F6F8;
}

button.button {
    color: #5b9bd5;
}

.emails-message {
    border: 1px solid rgba(242, 97, 0, 0);
    background: rgba(242, 97, 0, 0.10);
    padding: 0 10px;
}

.qual-unit-status {
    background-color: #f26100;
}
.qual-unit-status.current {
    background-color: #f26100;
}
.qual-unit-status.review {
    background-color: #f26100;
}
.qual-unit-status.centreview {
    background-color: #f26100;
}
.qual-unit-status.development {
    background-color: #f26100;
}

box-section {
    background: #f26100;
    border: #f26100;
}

.qual-unit-status.centreview {
    background-color: #f26100;
}

.qual-sanctions.applied  {
    background-color: #f26100;
}

.qual-sanctions.approved {
    background-color: #f26100;
}


a.btn-primary:link, a.btn-primary:visited, a.btn-primary:active, a.btn-warning:link, a.btn-warning:visited, a.btn-warning:active, a.btn-danger:link, a.btn-danger:visited, a.btn-danger:active, a.btn-info:link, a.btn-info:visited, a.btn-info:active, a.btn-inverse:link, a.btn-inverse:visited, a.btn-inverse:active {
    background-color: rgba(91, 155, 213, 1.00);
}

a.btn-success:visited, a.btn-success:active, a.btn-success:link {
    background-color: #f26100;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #F4F6F8;
    color: #5b9bd5;
}

a.paginate_button {
    border: 1px solid #5b9bd5;
    color: #5b9bd5;
}

body.centre #primary-nav li.selected {
    background-color: #f26100;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #5b9bd5;
}

ul.superselect li.selected {
    background-color: #f26100;
    border-right: #f26100;
    border-bottom: #f26100;
}

.inline-search .btn {
    font-family: Trebuchet MS, arial, helvetica, clean, sans-serif;
}

a.paginate_active {
    background: #5b9bd5;
}

a.hover, a.paginate_active {
    color: #fff;
}

.tab-status {
    background-color: rgba(242, 97, 0, 0.10);
    border-bottom: 1px solid #f26100;
}

.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: #F4F6F8; }

#footer {
    background-color: #282B2B;
    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; }

.calc-metric-level.low { background-color:#60c060; color:#fff; }
.calc-metric-level.medium { background-color:#FFBF00; color:#fff; }
.calc-metric-level.high { background-color:#FF4D00; color:#333; }
.calc-metric-level.urgent { background-color:#da4f49; color:#fff; }

.metric-level.low { background-color:#CCF5FF; color:#333; }
.metric-level.medium { background-color:#33D6FF; color:#333; }
.metric-level.high { background-color:#00A3CC; color:#fff; }
.metric-level.urgent { background-color:#007A99; color:#fff; }

.metric-level.compliant { background-color:#60c060; color:#fff; }
.metric-level.fully-compliant { background-color:#60c060; color:#fff; }
.metric-level.under-review { background-color:#FFBF00; color:#fff; }
.metric-level.non-compliant { background-color:#FF4D00; color:#333; }
.calc-metric-level.fully-compliant { background-color:#60c060; color:#fff; }
.calc-metric-level.under-review { background-color:#FFBF00; color:#fff; }
.calc-metric-level.non-compliant { background-color:#da4f49; color:#fff; }


/*
backgrounds...
#FFDFDF	#FFDFF8	#FFDFEF	#FFDBFB	#F9D9FF	#F4DCFE	#E6DBFF
darker borders...
#FFBBBB	#FFACEC	#FFBBDD	#FFBBF7	#F2BCFE	#EDBEFE	#D0BCFE
*/


.topbuttons { background-color:#fff; }

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;
}


