@charset "UTF-8";
@font-face {
    font-family: "KievitProBook";
    src: url("KievitWebPro-Book.eot?#iefix") format("embedded-opentype"), url("KievitWebPro-Book.woff") format("woff"), url("KievitOffcPro-Book.ttf") format("truetype");
}
@font-face {
    font-family: "KievitProBld";
    src: url("KievitWebPro-Bold.eot?#iefix") format("embedded-opentype"), url("KievitWebPro-Bold.woff") format("woff"), url("KievitOffcPro-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "KievitProItal";
    src: url("KievitWebPro-BookIta.eot?#iefix") format("embedded-opentype"), url("KievitWebPro-BookIta.woff") format("woff"), url("KievitOffcPro-Ita.ttf") format("truetype");
}

/* Reset browser defaults and set base styles */
html { 
font-size: 100%;
margin: 0 auto;
text-align: center;
width: 1046px;
overflow-y: scroll;
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, dl, dt, dd, table, th, td, pre, img, form, fieldset, legend, label, iframe { 
border:none; 
font-weight:inherit; 
line-height:inherit; 
margin:0; 
padding:0;
}

/* Page structure */
body {
background: url(/_internal/_files/images/accountability_background_upper-right.png) no-repeat right -412px;
color: #444751;
font-family: KievitProBook,Arial,Helvetica,sans-serif; 
line-height:1.4;
}

#container {
background: url(/_internal/_files/images/accountability_backgrounds_lower-left.png) no-repeat 6px -260px;
box-shadow: 0 0 1em rgba(124,126,127,.2);
margin: 0 auto;
text-align: left;
width: 960px;
}

#container h1 {
    background: url(/_internal/_files/images/uc_wordmark_block_fill_UCblue.png) no-repeat 30px 60px;
    height: 150px;    
    padding-top: 40px;
}

#container h1 a {
    display: inline-block;
    font-size: 24px;
    line-height: 23.5px;
    margin-left: 200px;
    margin-top: 18px;
    text-decoration: none;
    width: 250px;   
}
/*
#container h1 a img {
    display: none;
    height: 80px;
}
*/
#header_seal { 
    background:url(/_internal/_files/images/uc_wordmark_block_fill_UCblue.png) no-repeat top left;
    height: 100px;
    margin-left: 30px;
    margin-top: 60px;
    position: absolute;
    top: 0px;
    width: 150px;
}

#container h1 #header_seal a {
    display: block;
    font-size: 24px;
    height: 100px;
    line-height: 23.5px;
    margin-left: 0px;
    margin-top: 0px;
    text-decoration: none;
    width: 150px;   
}

.skiplink { 
    background-color:#ff9; 
    border:1px solid #993; 
    color:#00f; 
    left:-9999px; 
    padding:5px; 
    position:absolute; 
    text-align:center; 
    top:0; 
    width:9em; 
    z-index:9999; 
}

.skiplink:focus { 
    left:0; 
}

#navigation {
    border-bottom:1px solid #beb6af;
    font-size: 17.6px;
    margin: 0 30px;
    text-align: left;
}

#navigation li {
    display: inline-block;
    font-size: 0.74em;
    line-height: 1.6;
    margin: 0 26px 0 0;
    text-transform: uppercase;
    zoom: 1;    
}

#navigation li a { 
    border-bottom: 6px solid rgba(255,255,255,0);
    color: #4C4C4C;
    display: inline-block;
    padding: 0 0 7px 0;
}



.about #container ul li#nav_about a {
    border-bottom: 6px solid #1295d8; 
    color:#005581;
    text-decoration: none;
}

.home #container ul li#nav_home a {
    border-bottom: 6px solid #1295d8; 
    color:#005581;
    text-decoration: none;
}

.contents #container ul li#nav_contents a {
    border-bottom: 6px solid #1295d8; 
    color:#005581;
    text-decoration: none;
}

.report #container ul li#nav_download a {
    border-bottom: 6px solid #1295d8; 
    color:#005581;
    text-decoration: none;
}

.archive #container ul li#nav_archive a {
    border-bottom: 6px solid #1295d8; 
    color:#005581;
    text-decoration: none;
}

#breadcrumb {
    color:#999;
    font-size:10.4px;
    line-height:2.308em;
    margin: 8px 0 0 30px;
    text-transform: uppercase;
}
    
#breadcrumb a { 
    color:#333;
    margin-right:5px; 
}
    
#breadcrumb a+a { 
    margin-left:5px; 
}
    
#breadcrumb a:hover { 
    text-decoration:underline; 
}
    
#breadcrumb .current { 
    color:#555; 
    cursor:default; 
    font-weight:normal;
    margin-left: 5px;
}

h2 {
    font-weight: normal;
    font-size:27px; 
    margin-bottom:30px; 
    padding-bottom:20px; 
}

/*  h2 .index { font-size:0.835em; color:#555; font-weight: normal; }*/

h3, #content h2 { 
    font-size:15.4px;
    padding-bottom:10px; 
    text-transform: uppercase;  
}

#container h4, #chapterPage .chapterSubhead {
    color:#005581;
    display:block; 
    font-size:15px; 
    font-weight:normal; 
    margin-bottom: 4px;
    margin-top:12px; 
    text-transform:uppercase; 
}

#chapterPage p .chapterSubhead {
    margin-bottom: -14px;
}

input,select,textarea,button { 
    color:#222; 
    font-family:inherit; 
    font-size:1em; 
    line-height:inherit; 
    margin:0; 
}

input[type=button],input[type=submit],button { 
    overflow:visible; 
}

input[disabled],select[disabled],textarea[disabled],button[disabled] { 
    opacity:0.75; 
}

/* Base type styles */
a { 
    color:#005581;
    font-weight:normal; 
    text-decoration:none;
}

a:hover, a:active {
    text-decoration: underline;
}

p, ul, ol { 
    margin-bottom: 20px;
    font-size: 15.5px;
    font-style: initial;
}

ul li, ol li {
    margin-top: 2px;
    margin-bottom: 6px;
}

.caption ul, .tabs_content ul, ul.showBullets { 
list-style-type:disc; 
padding-left:1em; 
}

ul { 
list-style-type:none; 
}

strong {
font-family: KievitProBld,Arial,Helvetica,sans-serif;
font-weight: normal;
}

#summary p.source, #summary p.footnote {
    color: #737373;
    font-size: 12px;
}

#chapterIntro p.footnote {
    color: #737373;
    font-size: 14px;
}

/*****  HOMEPAGE LAYOUT *****/

#main {
float: left; 
margin-bottom:40px; 
padding-right: 20px;
width: 570px;
}

#main p.teaser, #main h2.teaser {
color:#005581; 
font-size: 29px;
font-weight: normal;
line-height:1.2;
margin-top: 20px;
padding: 0;
letter-spacing: 0.01em;
}

#sidebar {
border-left:1px dotted #ccc; 
float:left; 
padding-left:20px; 
width:240px; 
z-index:10;
}

#sidebar h3 {
background-color:#136; 
color:#fff; 
font-size:1.25em;
font-weight:bold; 
padding:5px 8px; 
margin-bottom: 12px; 

}

#sidebar p {
font-size:1.1em; 
line-height:1.2em;
}

#sidebar p.credit {
font-style:italic;
}

#sidebar p.directive {
font-size:0.9em; 
line-height:1.2em;
}   
        
.general_error{ 
background-color: #FFDD22;  
color: #005581;
font: bold 125% Arial, Helvetica, san serif;
padding-bottom: .5em;
padding-left: 3em;
padding-top: .5em;
}

/*
.chart {
}

.chart img { 
float: right; 
}
*/

.caption .title { 
font-size:1.2em; 
font-weight:bold; 
line-height:1em; 
}

.caption .subtitle { 
font-size:0.875em; 
margin-bottom:1em; 
}

.caption { 
float:left; 
margin-right:30px; 
width:250px; 
}
    
/* readjust font sizes due to clashing toc styles.

.tabs { padding-top:40px; font-size:0.875em; border-bottom:1px solid #eee; padding-bottom:30px; clear:both; }*/

.tabs { 
clear:both;
padding-bottom:30px; 
padding-top:40px;
width: 620px;
}

.tabs_nav { 
position:relative; 
z-index:100;
}

#page_content ul.tabs_nav {
    padding: 0;
    margin: 0;
    font-size: 14px
}

.tabs_nav li { 
float:left; 
margin-right:5px;
list-style: none;
padding: 0;
margin-bottom: 0;
}

.tabs_nav li a { 
color:#777; 
display:block; 
margin: 0.2em 20px 0 0;
padding-bottom: 5px;
}

.tabs_nav li a:hover{
    text-decoration: none;
    color: #005581;
}

.tabs_nav li.ui-state-active { 
border-color:#ddd; 
}

.tabs_nav li.ui-state-active a { 
color: #005581;
cursor:pointer; 
outline:none;
border-bottom: 4px solid #005581;
}

.tabs_content { 
border-top:1px solid #ddd; 
clear:left;
padding:20px 20px 10px 0;
}

#summary p, #download p, #download ul {
    font-size: 14px;
}

.tabs_content .multiples { 
list-style-type:none; 
padding:0; 
}

/*      commented out due to changes by White Whale ... see below
.multiples li { float:left; font-size:0.929em; line-height:1.2em; margin:0 20px 10px 0; }  */

.multiples li a { 
outline:none; 
}

.detail { 
display:none; 
}

.detail .caption { 
width:205px; 
}

.detail .back { 
font-size:0.929em; 
}

#campus { 
padding-right:0; 
}

.tabs_content.ui-tabs-hide { 
display:none; 
}

#pagenav { 
font-size:14px; 
margin:0; 
padding:10px 0; 
}

#pagenav a:hover, #pagenav a:hover .label {
    color: #005581;
    text-decoration: none;
}

#pagenav .label { 
color:#777; 
font-size:1.0em; 
font-weight:normal; 
text-transform:uppercase; 
}

#previous { 
display:block; 
float:left; 
}

#next { 
display:block; 
float:right; 
text-align:right; 
}

/***** FOOTER *****/

#footer { 
color:#125; 
font-size:0.875em; 
margin:0 30px; 
padding:10px 0; 
}

#footernav { 
border-top:1px solid #beb6af; 
border-bottom:1px solid #beb6af;
clear: both;
float:left; 
padding: 10px 0 10px 0;
margin-bottom: 10px;
width:890px;
line-height: 1.6;
}

.footerline {
    display: none;
}

#footernav .left { 
float:left; 
margin: 0px;
padding: 0px 0px 10px 25px;
width:420px; 
}

#footernav .right { 
float:left; 
margin: 0px;
padding: 0px 0px 10px 30px;
width: 415px;
}

#footernav ol {
color: #555;
}

#footernav ol li {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
}

#address {
float:left; 
margin: 0px;
padding: 0px;
text-align: right;
width: 890px; 
font-size: 0.875em;
/*padding-left:3.3em; */
/*text-indent:-3.3em; */
}

.footerChap {
color: #555;
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0 0 10px;
text-align: left;
text-transform: uppercase;
}

.footerline {
clear: both;
color: #ccc;
height: 1px;
text-align: center;
width: 100%;
}

/* New CSS added by Jon Bertsch 4/2009 */

/* renamed the template div to page_content since they were using the same tag name in this css - Jon Bertsch 4/23/2009*/

.smallLink { 
color:#136; 
font-size: 10pt;
font-weight:normal; 
text-decoration:none; 
}

/*float: right breaks in firefox...pushed the text out of the li element
position: inherit breaks in IE, pushed the text under the campus name

.downloads .downloadsText {position:inherit; text-align: right; border: 1px solid green;}*/
/*
.downloads a {
clear: both;
font-weight: normal;
height: 18px;
width: 40em;
}

.downloads .downloadsText {
float: left; 
text-align: right;
}

.downloads .downloadsLabel {
display: block;
float: left;
width: 10em;
}
*/

.downloads {width: 40em; 
            height: 18px;
            clear: both;
            }

/*float: right breaks in firefox...pushed the text out of the li element*/  
.downloads .downloadsText {position:inherit; text-align: right; }
.downloads .downloadsLabel {
   display: block;
   float: left;
   width: 10em;}

/* hack in some space above the graphs on the tabs so the text
has some space below it */
.campusText li {
list-style-type: none; 
padding: 0px;
}

.campusTextDiv {
height: 25px;
padding-bottom: 10px;
width: 650px;
}

/***** DATA TABLE STYLE *****/
#dataTable {
border: solid 1px #CCCCCC;
float: left;
font: normal 10pt arial;
width: 90%;
}
            
#dataTable td {
border: solid 1px #CCCCCC;
margin: 0px;
padding: 2px;
text-align: right;
vertical-align: bottom;
}
            
#dataTable th {
font: bold 10pt arial;
text-align: center;
vertical-align: bottom;
}

#dataTable .col1 {
text-align: left;
vertical-align: bottom;
}
            
.chaptertitle { 
clear: both;
font: bold 100% Arial, Helvetica, san serif;
padding-top:1em;
width: 95%;
}
        
.chaptertitle .chapterlink  {
float: left;
width:40em;
}
            
.section { 
clear: both;
width: 87%;
/*width: 95%;*/
}           
            
.section .sectionnumber {
float: left;
padding-left: 2em;
width: 3em;
z-index: 10;
}
        
.section .sectionlink   {
float: left;
width:38em;
}               
            
/*.chapLink {font: bold 100% Arial, Helvetica, san serif;
            color: black;
            text-decoration: none;}
            text-decoration: none; 
.chapLink a:link  {font: bold 100% Arial, Helvetica, san serif;
            color: black;
            text-decoration: none;}
            
.chapLink a:visited {font: bold 100% Arial, Helvetica, san serif;
            color: black;
            text-decoration: none;}
            
.chapLink a:hover {font: bold 100% Arial, Helvetica, san serif;
            color: black;
            text-decoration: none;}*/


/* added from White Whale 5/5/09 */

.tabs_content {
min-height:270px;
}

ul.multiples li img {
height:73px;
width:152px; 
}

ul.multiples li {
float:left; 
font-size:0.929em; 
line-height:1.4em;  
margin:0 0 20px 0; 
padding:5px; 
}

ul.multiples li:hover {
background-color:#fd2;
}

p.multiples {
clear:left;
}

li.downloads {
list-style-type:none;
}

#page_content {
padding: 25px 30px 25px 30px;
height: auto;
}

/*#page_content {font-size:.1.0em; padding:25px 10px 25px 25px;}*/

.column {
float:left; 
margin-right:25px; 
width:280px;
}

.chapter .chapterlink, .section .sectionlink { 
display:inline;
float:none; 
width:auto;  
}       

h2.pagetitle {
color: #005581;
}

.chapter .chapternumber { 
color:#666666; 
display:block; 
float: none; 
font-size:1em; 
font-weight: normal;
margin:0; 
padding:0; 
text-align:left; 
width:auto;
}

.chapter .chapterlink a {
font-size:1.3em; 
line-height:1.2em;
}

.section .sectionnumber { 
display:block; 
float: left; 
margin:0 5px 0 -35px; 
padding:0; 
text-align:left; 
width:30px;  
}

.chapterWrapper {
margin-top:40px;
}

.section {
line-height:1.2em; 
margin-bottom:10px; 
margin-left:35px;
}

.section a { 
color:#666; 
font-weight:normal;
}

.section a:hover { 
color:#000; 
}

p.intro {
color:#136; 
font-size:1.35em; 
font-weight: normal;
line-height:1.2em; 
}

#quickquery{
width:400px;
}

#page_content ul#qa_results_list {
font-size:14px;
padding: 0 0 0 0;
margin-top: 6px;
}

ul#qa_results_list li {
border-left:1px dotted #beb6af; 
padding: 4px 10px;
list-style: none;
line-height: 1.3;
margin: 0;
}

/* make campus images float to the right */

.image { 
float: right;
margin-right: 20px;
}

/* feedback page styles */

form#feedback fieldset {
/*border:1px solid #113366;*/
margin:16px;
padding: 16px;
width: 80%;
}

form#feedback fieldset legend {
/*color:#113366; 
padding: 0 2px;
text-transform:uppercase;*/
display: none;
}

form#feedback fieldset blockquote {
color: #005581;  
display: inline-block;
line-height: 1.8em;
vertical-align: top;
width: 600px;
}

form#feedback fieldset blockquote textarea {
width: 600px;
}

form#feedback fieldset label, #feedback fieldset blockquote p {
color: #005581;
font-size:12px;
margin:4px 0;
width: 300px;  /* width of labels */
}

#submit, #submit2 {
margin-top:16px;
padding: 2px;
}

ol.indentedNum {
margin: 0 0 10px 0;
padding: 0 0 0 35px;
}

ul.showBullets {
list-style-type: disc;
margin: 0 0 10px 0;
padding: 0 0 0 35px;
}

/* LABEL FOR SEARCH BOX - ACCESSIBILITY */

.noDisplay {
display: none;
}

/* FOR CHAPTER PAGE  */

.chapter { 
float: left;
margin: 10px 43px 16px 0;
width: 250px;
}

.c3, .c6, .c9, .c12 {
    margin-right: 0;
}


.chapter .chapterlink, .section .sectionlink { 
display:inline;
float:none; 
width:auto;
}

.chapter .chapternumber { 
font-family: KievitProBook,Arial,Helvetica,sans-serif;
display:block; 
font-size:12px;
text-transform: uppercase;
color: #555;
margin-bottom: 4px;
}

.chapterlink h2.toctitle, h2.toctitle a {
    font-size: 14px;
    color: #555;
    font-family: KievitProBld,Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin-bottom: 0;
}

.chapter.c4, .chapter.c7, .chapter.c10, .chapter.c13 {
clear:left;
float:left;
}

.section .sectionnumber { 
display:block; 
float: left; 
margin:0 5px 0 -45px; 
padding:0; 
text-align:left; 
width:30px;  
font-style: initial;
}

.section {
line-height:1.2em; 
margin-bottom:10px; 
margin-left:45px; 
font-size: 13px;
line-height: 1.2;
color: #555;
}

.section a:hover {
    color: #005581;
}

#chapterPage .chapter {
float:left; 
margin-top:0;
margin-right:0;
position:relative;
width:590px;
}

#chapterPage .chapternumber {
    text-transform: none;
    font-family: KievitProBld,Arial,Helvetica,sans-serif;
    font-size:14px;
}

#chapterPage h2.toctitle, #chapterPage h2.toctitle a, .main_point {
    font-family: KievitProBook,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 26px;
    color: #005581;
}

#chapterPage #sections h3 { 
font-size:1.0em; 
font-family: KievitProBld,Arial,Helvetica,sans-serif;
font-weight: normal;
padding-bottom:20px; 
}

#chapterIntro .chapterTeaserImg {
    margin: 2px 15px 8px 0 !important;
}

/***** ABOUT and HOME page styles (right side nav especially) *****/

.about_navigation, .chapter_navigation, #chapterPage #sections {
float:right;
border-top:1px solid #ccc; 
padding: 12px 0 15px 0; 
margin-left:60px;
width:250px;
}

.about_navigation {
margin-top: 44px;
}

.chapter_navigation {
margin-top: 50px;
}

#chapterPage #sections {
margin-top: 144px;
}

.about_navigation a, .chapter_navigation a {
color: #444751;
font-weight: normal;
font-style: initial;
}

.about_navigation a:hover, .about_navigation a:active, .chapter_navigation a:hover, .chapter_navigation a:active {
color: #005581;
}

#page_content ul, #page_content ol {
/*margin:0; 
margin-right:1em; 
padding:0 0 1em 4em;*/
font-size: 14px;
margin:0; 
max-width:600px;
padding:0 0 1em 2em; 
}

.about #container #page_content p {
max-width:620px;
}

.about #page_content ul, .about #page_content ol {
font-size: 15.5px;
}

#container #page_content ul {
list-style-type:disc;
}

.about_navigation li, .chapter_navigation li {
margin-right:0;
padding-bottom:5px;
font-size: 13.8px;
}

.about_navigation ul, .chapter_navigation ul, .about_navigation ol, .chapter_navigation ol {
margin: 0 0 0 0; 
max-width:600px;
padding: 0.5em 0 0.5em 1.4em; 
}

.about_navigation ol li ul, .chapter_navigation ol li ul {
margin: 0;
padding: 0.5em 0 0 1.4em;
}

.about_navigation h3, .chapter_navigation h3, #chapterPage #sections h3 {
margin-bottom:8px;
font-size: 14.5px;
color: #444751;
text-transform: none !important;
font-family: KievitProBld,Arial,Helvetica,sans-serif;
font-weight: normal;
padding: 5px;
padding-left: 0px;
font-style: initial;
}

.report #container #page_content h3 { 
font-size:1.1em; 
padding-bottom:10px; 
}

.to_top_navigation {
    float: right;
    margin-top: -4.6em;
    font-size: 14px;
}

.to_top_navigation a {
    color: #737373;
}

/***** PROFILES PAGE *****/

.profiles #container #page_content ul li {
clear: both; 
}

/***** ESSAY PAGE *****/

.essay #container #page_content ul li {
clear: both; 
}

body.essay h2.pagetitle {
color:#0F7FC5; 
font-family: KievitProBook,Arial,Helvetica,sans-serif;
font-size:1.70625em; 
font-weight:  bold;
margin-bottom:15px;
padding-bottom:10px; 
}

body.essay #container #page_content h3 {
color:#8585A3; 
font-family: KievitProBook,Arial,Helvetica,sans-serif; 
font-size: 1.3em; 
font-weight:  bold;
margin-bottom:5px;
margin-top:15px;
padding-bottom:5px; 
}

body.essay h4 {
color:#0F7FC5; 
font-family: KievitProBook,Arial,Helvetica,sans-serif; 
font-size:1.0em; 
font-weight:  bold;
margin-bottom:5px;
padding-bottom:5px; 
}

body.essay #container #page_content h5 {
font-size: 0.94em;
font-family: KievitProBld,Arial,Helvetica,sans-serif;
font-weight: normal;
}

body.essay #container #page_content .essay_navigation {
border:1px solid #cccccc; 
float: none;
padding:15px; 
margin:10px;
width:180px;
}


/***** report expandy code *****/

#page_content ul li div ul {
padding-bottom: 15px;
}

#page_content ul li div ul {
list-style-type: none;
}
/*
#content h2, #content p {
    width: 600px;
}
*/

#content h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 12px;
}

#content .main_point {
    line-height: 1.2;
    margin-bottom: 40px;
}

#content .indicator_title {
    font-size: 14px;
    line-height: 1.7;
}

.chart {
    text-align: left;
}

#summary .indicatorSubhead {
color:#0F7FC5; 
display:block;
font-size:15px; 
font-family: KievitProBld,Arial,Helvetica,sans-serif;
font-weight: normal;
}

body.profiles h2.pagetitle {
color:#0F7FC5; 
font-family: KievitProBook,Arial,Helvetica,sans-serif; 
font-size:1.70625em; 
font-weight:  bold;
margin-bottom:15px;
padding-bottom:10px; 
}

body.profiles h3 {
color:#8585A3; 
font-family: KievitProBook,Arial,Helvetica,sans-serif; 
font-size:1.1em; 
font-weight:  bold;
margin-bottom:5px;
padding-bottom:5px; 
}

body.profiles h4 {
color:#0F7FC5; 
font-family: KievitProBook,Arial,Helvetica,sans-serif; 
font-size:1.0em; 
font-weight:  bold;
margin-bottom:5px;
padding-bottom:5px; 
}

body.profiles p.essayQuote {
color:#0F7FC5; 
font-size:15px; 
font-style: italic;
font-family: KievitProBld,Arial,Helvetica,sans-serif;
font-weight: normal;
margin: 5px 25px 10px 0px;
padding:0;
}

body.profiles p.quoteAuthor {
color:#000000; 
font-family: KievitProBook,Arial,Helvetica,sans-serif; 
font-size:13px; 
font-weight:bold;
margin-left: 200px;
padding: 0 0 10px 0;
}

body.profiles table.data  {
margin-bottom: 15px;
}

body.profiles table.data td.dataDivider {
border-bottom: 1px solid #cccccc;
}

body.profiles table.data th {
border-bottom: 1px solid #cccccc;
color: #000000;
font-family: KievitProBld,Arial,Helvetica,sans-serif;
font-weight: normal;
margin: 0;
padding: 5px 0 5px 15px;
text-align: right;
}

body.profiles table.data th.secondLayer {
border-bottom: none;
color: #000000;
font-family: KievitProBld,Arial,Helvetica,sans-serif;
font-weight: normal;
margin: 0;
padding: 5px 0;
text-align: center;
}

body.profiles p.tableLabel {
color: #000000;
font-family: KievitProBld,Arial,Helvetica,sans-serif;
font-weight: normal;
}

body.profiles p.tableLabel span {
color:#0F7FC5; 
}

body.profiles td.dataCell {
text-align: right;
}
/*let it be light*/
.lower_bg_left {
position: absolute;
top: -260px;
}
.lower_bg_right {
position: absolute;
top: -412px;
right: 430px;
}
.active {
border-bottom: 6px solid #1295d8;
color: #005581;
text-decoration: none;
}
#navigation .active a {
border-bottom: none;
color: #005581;
display: inline-block;
padding: 0 0 7px 0;
}
#navigation li a:hover{
    border-bottom: 6px solid #1295d8; 
    color:#005581;
    text-decoration: none;
}
#navigation .active:hover{ 
    border-bottom: 0px solid #1295d8; 
     color:#005581;
    text-decoration: none;
}

#right-nav{
float: right;
border-top: 1px solid #ccc;
padding: 12px 0 15px 0;
margin-left: 60px;
width: 250px;
background: #FFF;
}
.Rightnav-Fixed {
/*position: fixed !important;*/
top: 0 !important;
left: 58%;
}
#main-table-of-content {
float: left;
margin-bottom: 40px;
padding-right: 20px;
}
#page_content_report {
padding: 25px 30px 25px 0px;
}
.source{
color: #737373;
font-size: 12px;
}

.search-box #search-btn {
background-position: 45% 45%;
background-repeat: no-repeat;
background-image: url(../images/search_arrow.png );
background-color: #1295d8;
float: right;
display: block;
padding: 24px 0 0 0;
/* margin-top: -32px; */
height: 0;
width: 24px;
overflow: hidden;
border-radius: 0;
}
.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.page-header {
text-transform: uppercase;
}

#page_content .gsc-control-cse {
font-family: Verdana, sans-serif;
border-color: #FFFFFF;
background-color: rgba(218, 224, 229, 0);
}

.gsc-resultsbox-visible .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
border-color: #FFF;
background-color: #FFF;
box-shadow: none;
}

.glossary-item-content h3 {
    color: #005581;  
    padding: 30px 0 20px;
    font-family: KievitProBld,Arial,Helvetica,sans-serif;
}

#container .glossary-item-content h4 {
    font-family: KievitProBld,Arial,Helvetica,sans-serif;
    color: black;
    text-transform: none;
    margin-top:5px;
    font-size: 15.5px;
}

div#right-nav.glossary_index {
    margin-top: 50px;
    padding: 12px 0 15px 0;
    margin-left: 60px;
    position:static;
    display:inline;
    left:auto;
}

div#right-nav.glossary_index .gItems-wrapper {
    overflow-y: auto;
    height: -webkit-fill-available;
}

#page_content div#right-nav.glossary_index ul {
    padding-left: 0px;
}

.glossary_index li.section {
    list-style: none;
    padding-bottom: 0px;
    margin-left:0px;
    font-size: 13px;
}

#page_content .glossary_index ul.level2 {
    padding-bottom: 0px;
}

.glossary-item-content th {
    font-family: KievitProBld,Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-align:left;
}
.glossary-item-content td {
    vertical-align:top;
}

.chapter_navigation  ul.level2 {
    margin-left: 10px !important;
}

.chapter_navigation ul.level2 li.section {
    list-style: disc;
    margin: 5px 5px 0 10px;
    width: 100%;
}

/* Hiding Google CSE logo in search results */

#page_content .gcsc-branding {
    display:none;
}

.fixed-nav{
    position: sticky;
    top: 0;
    background: #FFF;
    box-shadow: 0px 1px 0 0 rgba(255,255,255,.2);
    padding: 10px 0 0 0;
    z-index: 2;
}

/*back to top scroll*/
#scroll {
    position:fixed;
    right: 5%;
    bottom: 5%;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
    border:1px solid transparent;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
@media (prefers-contrast: more) {
  #scroll {
    text-indent: 0 !important;
    width: 100px;
    height: 30px;
    right: 20px;
  }
  #scroll span {
    color: black;
    border: 0;
    width: auto;
    margin: -13px;
    left: 25px;
    top: 16px;
  }
}
#scroll:hover {
    background-color:#0f7fc5;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
@media screen and (max-width: 350px) {
  #scoll {
    display: inline;
    bottom: 250px;
    right: 85px;
  }
}
@media screen and (max-width: 600px) {
    dialog {
        min-height: 50%;
        min-width: 90%;
    }
}



/* image box overlay */

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/*image container */
dialog {
    width: 100%;
    height: 100%;
    text-align: center;
    border: 0;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

dialog img {
  max-width: 100%;
  max-height: 100%;
}

#image-dialog {
    background: rgba(0,0,0,0.9);
}

/* close button */
.close-button {
    position: absolute;
    bottom: calc(100% + 5px);
    right: 0;
    padding: 0;
    width: 40px;
    color: rgb(52, 152, 219);
    font-size: 18px;
    cursor: pointer;
    background: #fff;
    border: 0;
}

.sr_hide, .hidden-text{
    width:1px !important;
    height:1px !important;
    text-indent:-9999px;
    position:absolute
}
dialog .sr_hide{
    display: block;
    background: #fff;
    padding: 15px;
}
.expand-link{
    font-style: italic;
    font-family: 'KievitProBook';
    text-align: left !important;
    padding: 5px 0;
    position: relative;
    top: 15px;
    background: #005581;
    color: #fff;
    padding: 8px;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    outline-offset: 2px;
}
/*adjusting images for small screens when expanded*/
.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #fff;
}

.image-container img {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
}

/* adding spacing for anchor links so they are not behind the top navigation */
#page_content a[id] {
  display: block;
  padding-top: 55px;
}

#page_content a#top {padding-top: 0;}