﻿/* red - #00b2ae */
/* 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:#4b0c62; }
a:hover { color:#f16523; }

#header { background:#fff; }
#header-top, body.centre #header-top { background-color:#00b2ae;

              
               }

#header-logo { background:transparent url(images/gateway_logo.png) no-repeat 50% 8px; float:left; height:60px; width:160px; margin-right:10px; left:14px; margin-top: 0;}
               
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 26px;
    position: absolute;
    right: 10px;
    top: 15px;
    box-shadow:none;
    background-image:url(images/gateway_logo.png);
    background-repeat:no-repeat;
    min-height: 40px;
    }

body.centre #header-top .header-links.right {
    margin-right: 195px;
}

#primary-nav li.selected, .secondary-nav { background-color:#e7f5f5; }
#primary-nav li a { color: #4b0c62; }
#primary-nav li a:hover { color: #f16523; }

div.box { background-color:#fff; border:1px solid #d6d6d6; border-radius:0; }
div.box-header, .ui-dialog-titlebar  
{
    border-top-left-radius:0;
    border-top-right-radius:0;
	color:#fff; 
	background-color: #00b2ae; 
}
div.box-header a:link, div.box-header a:active, div.box-header a:visited { color:#333; text-decoration:none; border-bottom:1px dotted #fff; }
div.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 tbody tr.selected { background-color:#fdcdad; }
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; }
table.data thead tr { background-color:#e7f5f5; color:#333; background-image: none; }
th.sorting_asc { background-color:#4b0c62; color:#fff }
th.sorting_desc { background-color:#4b0c62; 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:#fdeddf; }
.weakhighlight, div.box-section.weakhighlight { background-color: #fdeddf; }

.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: #f6fbfb; }
div.questions.risk div.question td.input.overall { background-color:#fdeddf; }

#footer { background-color:#00b2ae; 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; }


/*
backgrounds...
#FFDFDF	#FFDFF8	#FFDFEF	#FFDBFB	#F9D9FF	#F4DCFE	#E6DBFF
darker borders...
#FFBBBB	#FFACEC	#FFBBDD	#FFBBF7	#F2BCFE	#EDBEFE	#D0BCFE
*/



.calc-metric-level.green { background-color:#60c060; color:#fff; }
.calc-metric-level.amber { background-color:#FFBF00; color:#fff; }
.calc-metric-level.amber-red { background-color:#FF4D00; color:#333; }
.calc-metric-level.red { background-color:#da4f49; color:#fff; }
.calc-metric-level.blue { background-color:#7DCFF2; 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; }


.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:#0c78e3; color:#fff; }

.flash-message.ui-state-success {
    background-color: #FCF8E3;
    color: #000000;
}

.dataTables_paginate { border-top:1px solid #e6e6e6; }
div.dataTables_filter { border-top:none; background-color:#fff; }

.tab-status, .tab-status.alt1, .tab-filter, .topbuttons, .friendly-alert { background-color: #fdeddf; border-bottom:1px solid #fddcc5; }
.vtabset .tab-menu li.selected, .tab-menu li.selected a { background-color:#f16523; }
.edit-centre-contacts .contacts li { background-color: #e7f5f5; }
.edit-centre-contacts .contacts li.specific { background-color: #BCE4E2; }

