/* Accountability Report Styles */

/* Reset browser defaults and set base styles */
html { 
font-size:100%; 
}

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-size:1em; 
font-weight:inherit; 
line-height:inherit; 
margin:0; 
padding:0; 
}

/* Page structure */
body { 
background-color:#eef; 
color:#333; 
font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; 
line-height:1.4; 
}

#container { 
background-color:#fff;
border-bottom:1px solid #ccc; 
border-left:1px solid #ccc; 
border-right:1px solid #ccc; 
margin:0 auto; 
width:960px;
}

.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; 
}

#header_seal { 
background:url(http://www.universityofcalifornia.edu/accountability/images/seal.png) no-repeat right top;
left: 0px;
position: absolute;
top: 0px;
height: 100px;
width: 960px;
}

#navigation { 
background:#fd2 url(http://www.universityofcalifornia.edu/accountability/images/seal.png) no-repeat right -100px; 
border-bottom:1px solid #ccc; 
height:1.8em; 
line-height:1.875em; 
}

#navigation li { 
float:left; 
}

#navigation li a { 
display:block; 
padding:0 24px; 
text-align:center; 
}

#navigation li a:hover { 
background-color:#ccc; 
color:#000;
}
	
#breadcrumb { 
background:#eee url(http://www.universityofcalifornia.edu/accountability/images/seal.png) no-repeat right -130px; 
border-bottom:1px solid #ccc; 
color:#999; 
font-size:0.8125em; 
line-height:2.308em; 
padding:0 35px; 
}
	
#breadcrumb a { 
color:#333; 
margin-right:5px; 
}
	
#breadcrumb a+a { 
margin-left:5px; 
}
	
#breadcrumb a:hover { 
text-decoration:underline; 
}
	
#breadcrumb a.current { 
color:#555; 
cursor:default; 
font-weight:normal; 
}

#content { 
padding:40px 25px; 
}

h1 { 
background:#125 url(http://www.universityofcalifornia.edu/accountability/images/headerstripe.gif) repeat-y; 
height:40px; 
padding:30px 25px; 
position:relative; 
}

h1 a { 
color:#fff; 
font-family:Georgia,serif; 
font-size:2em; 
font-weight:normal; 
position:relative; 
text-decoration:none; 
}

h2 { 
border-bottom:1px solid #ddd; 
font-size:1.3125em; 
margin-bottom:30px; 
padding-bottom:20px; 
}

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

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

h3 { 
font-size:1.1em; 
font-weight: bold;
padding-bottom:20px; 
}	

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:#136; 
font-weight:bold; 
text-decoration:none; 
}

p { 
margin-bottom:10px; 
}

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

ul { 
list-style-type:none; 
}



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

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

#main p.teaser, #main h2.teaser {
border-bottom: none; 
color:#136; 
font-size:1.6875em; 
line-height:1.2em; 
margin: 0px;
padding: 0px 0px 10px 0px; 
}

#main p { 
color: #000000;
font-size: 1.25em; 
line-height: 1.4em; 
}

#main ol, #main li {
margin: 0 1.5em;
}

#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: #113366;
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 { 
border-bottom:1px solid #eee; 
clear:both; 
font-size:1.1em; 
padding-bottom:30px; 
padding-top:40px;
}

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

.tabs_nav li { 
border:solid #fff; 
border-width:1px 1px 0; 
float:left; 
margin-right:5px; 
}

.tabs_nav li a { 
color:#777; 
display:block; 
padding:0.2em 20px 0.4em; 
}

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

.tabs_nav li.ui-state-active a { 
color:#125; 
cursor:pointer; 
outline:none; 
}

.tabs_content { 
background-color:#eee; 
border:1px solid #ddd; 
clear:left; 
padding:20px 20px 10px; 
position:relative; 
top:-1px; 
}

.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:1.09375em; 
margin:0 25px; 
padding:25px 0; 
}

#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 25px; 
padding:10px 0; 
}

#footernav { 
background:url(http://www.universityofcalifornia.edu/accountability/images/headerstripe.gif) no-repeat top left;
border-top:2px solid #fd2; 
clear: both;
float:left; 
font-size:0.929em; 
padding: 20px 0px 0px 0px;
width:890px;
}

#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: #666666;
}

#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: #000000;
font-size: 0.875em;
font-weight: bold;
margin: 0px;
padding: 0px;
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*/

#page_content { 
padding: 5px 10px 0; 
}

.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 2px #CCCCCC;
float: left;
font: normal 10pt arial;
width: 90%;
}
			
#dataTable td {
border: solid 1px #CCCCCC;
margin: 0px;
padding: 0px;
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 .chapternumber	{
float: left;
font: bold 1.3125em Arial, Helvetica, san serif;
padding-right: .5em;
text-align: right;
width: 2em;
}
		
.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 */

div.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 {
font-size:.8em; 
padding:25px 10px 25px 25px;
}

/*#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 { 
font-size:1.645em; 
margin-bottom:15px; 
padding-bottom:10px; 
}

h2.toctitle { 
color: #113366;
font-size:1.3125em; 
margin-bottom:15px;
padding-bottom:10px; 
}

h2.toctitle a { 
color: #0F7FC5;
}

h2.pagetitle { 
color: #113366; 
font-size:1.70625em; 
font-weight:  bold;
margin-bottom:15px;
padding-bottom:10px; 
}

.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 input {
font-size:1.35em; 
width:400px;
}

ul#qa_results_list {
font-size:1.2em; 
padding:10px 0; 
}

ul#qa_results_list li {
border-left:1px dotted #00CCFF; 
padding-left:10px;
}

/* 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: #113366;  
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: #113366;
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-right:25px; 
margin-top:40px;  
width:280px;
}

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

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

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

.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;  
}

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

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

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

#chapterPage {
/*font-size:.8em;*/ 
}

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

#chapterPage .chapterSubhead {
/*color:#666; This color is SO 2009! */
color:#0F7FC5;
display:block;
font-size:12px; 
font-weight:bold;
text-transform:uppercase; 
}

#chapterPage #chapterIntro {
margin-bottom:20px; 
font-size:1.35em; 
line-height:1.2em; 
color:#136; 
font-weight: normal;
}

#chapterPage #chapterIntro p.footnote {
font-size:0.8em; 
line-height:1.2em; 
color:#666; 
font-weight: normal;
}

#chapterPage #sections { 
border: 1px solid #ccc;
float:right; 
margin:10px; 
padding:10px; 
position:relative; 
width:300px; 
}

#chapterPage #sections h3 { 
font-size:1.0em; 
font-weight: bold;
padding-bottom:20px; 
}	

/***** ABOUT page styles *****/

.about #container #page_content .about_navigation {
float:right; 
border:1px solid #ccc; 
padding:15px; 
margin:10px;
width:180px;
}

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

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

.about #container #page_content li {
margin-right:2em; 
padding-bottom:.5em;
}

.about #container #page_content .about_navigation li {
margin-right:0;
padding-bottom:5px;
}

.about #container #page_content .about_navigation ul {
margin:0; 
max-width:600px;
padding:0.5em 1em 1em 2em; 
}

.about #container #page_content .about_navigation ol {
margin:0 0 0 0;
padding:0.5em 1em 1em 2em; 
}

.about #container #page_content .about_navigation ol li ul {
margin: 0;
padding: 0 0 0 0.5em;
}

.about #container #page_content, .profiles #container #page_content, .report #container #page_content, .feedback #container #page_content {
padding:35px; 
padding-top:25px;
}

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

.about #container #page_content h3 {
padding-bottom:0;
}

.about #container #page_content h4 {
color:#477BB1;
display:block; 
float:none; 
font-size:0.9375em; 
font-weight:bold; 
margin-bottom:0;
margin-top:25px; 
text-transform:uppercase; 
}

.about #page_content #container .about_navigation h3 {
line-height:1.2em; 
margin-bottom:12px;
}

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

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

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

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

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

#page_content ul li div ul {
list-style-type: none;
}

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

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

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

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

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

body.profiles p.quoteAuthor {
color:#000000; 
font-family:"Helvetica Neue",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-weight: bold;
margin: 0;
padding: 5px 0 5px 15px;
text-align: right;
}

body.profiles table.data th.secondLayer {
border-bottom: none;
color: #000000;
font-weight: bold;
margin: 0;
padding: 5px 0;
text-align: center;
}

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

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

body.profiles td.dataCell {
text-align: right;
}