/* 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; 
font-size: .825em;
}

#navigation li a { 
display:block; 
padding:0 30px; 
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.75em; 
line-height:2.308em; 
padding:0 32px; 
}
	
#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; 
}

#page_content #rightColumn h2 { 
/*border-bottom:1px solid #ddd; */
font-size:1.71em; 
margin: 0 0 20px 0; 
padding: 0 0 10px 0;
}

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 { 
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; 
clear: both;
}

#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 5px;
width:890px;
}

#footernav #footerleft { 
float:left; 
margin: 0px;
padding: 0px;
width:440px; 
}

#footernav #footerright { 
float:left; 
margin: 0px;
padding: 0px 0px 10px 0px;
width: 445px;
text-align: right;
}



#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.pagetitle { 
color: #113366; 
font-size:1.70625em; 
font-weight:  bold;
margin: 0 0 15px 0;
padding: 0 0 10px 0; 
}

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

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: 500px;
}

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

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



/* 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 -35px; 
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; 
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 *****/

#container #page_content .side_navigation {
float:left; 
padding:4px 5px 15px 5px; 
margin: 0px 20px 20px 0px;
width:180px;
}

#container #page_content .side_navigation ul {
/*margin:0; 
margin-right:1em; 
padding:0 0 1em 4em;*/ 
list-style-type: none;
margin:0; 
max-width:200px;
margin-bottom:0em;
padding: 0px;
}

#container #page_content .side_navigation ul li {
margin-right:2em; 
padding-bottom:1.5em;
font-size: 1.03em;
font-weight: bold;
}

#container #page_content .side_navigation ul li ul {
list-style-type: none;
margin:0; 
max-width:125px;
margin: 0 0 0 9px;
padding:0px;
font-weight: normal;
}

#container #page_content .side_navigation ul li ul li {
margin-right:0; 
margin-bottom: 0;
padding-bottom:0;
font-size: 1em;
font-weight: bold;
}

#container #page_content .side_navigation ul li a:link, #container #page_content .side_navigation ul li a:visited, #page_content a:link, #page_content a:visited, #relatedLinks a:link, #relatedLinks a:visited {
text-decoration: none;
}

#container #page_content .side_navigation ul li a:hover, #container #page_content .side_navigation ul li a:active, #page_content a:hover, #page_content a:link:active, #relatedLinks a:hover, #relatedLinks a:active{
text-decoration: underline;
}

#container #page_content .side_navigation ul li ul li a:link, #container #page_content .side_navigation ul li ul li a:visited {
font-weight: normal;
text-decoration: none;
}

#container #page_content .side_navigation ul li ul li a:hover, #container #page_content .side_navigation ul li ul li a:active {
font-weight: normal;
text-decoration: underline;
}

#container #page_content ul {
padding: 0 0 25px 0;
}

#container #page_content h3 {
padding-bottom:10px;
}

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

#container #page_content h3.meetingHeader {
color:#477BB1;
display:block; 
float:none; 
font-size:0.9375em; 
font-weight:bold; 
margin-bottom:0;
margin-top:10px; 
text-transform:uppercase; 
clear: left;
}

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

/***** Bullets *****/

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

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

ul.showBulletsLeft {
/*float: left; */
list-style-type: disc;
margin: 0 0 0 15px;
padding: 0 0 0 35px;
}

ul.showBulletsThreeCols {
float: left;
list-style-type: disc;
margin: 10px 0 0 15px;
padding: 0 0 0 35px;
width: 430px;
}

.cotf_secondary #page_content #rightColumn ul.showBulletsThreeCols2, .cotf_secondary #page_content #rightColumn2 ul.showBulletsThreeCols2 {
float: left;
list-style-type: disc;
margin: 0px 0 15px 15px;
padding: 0px;
width: 350px;
}

ul.showBulletsThreeCols li {
margin:0 0 0 20px;
padding: 0 0 12px 0;
}

ul.showBulletsLeft li {
margin:0 0 0 20px;
padding: 0;

}

.cotf_secondary #page_content #rightColumn ul.showBulletsThreeCols2 li, .cotf_secondary #page_content #rightColumn2 ul.showBulletsThreeCols2 li {
padding:0;
margin:0 0 0 20px;
}

ul.showBulletsThreeCols li.noPadding, ul.showBulletsThreeCols2 li.noPadding ul.noSpace li {
padding: 0;
}

.cotf_secondary #page_content #rightColumn ul.showBulletsThreeCols, .cotf_secondary #page_content #rightColumn2 ul.showBulletsThreeCols {
padding-bottom: 15px;
}

.cotf_secondary #page_content #rightColumn ul.showBulletsThreeCols li ul, .cotf_secondary #page_content #rightColumn2 ul.showBulletsThreeCols li ul {
padding-bottom: 0px;
}

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

.cotf_secondary #container #page_content ul.noSpaceList {
margin: 0 0 5px 5px;
padding:0;
list-style-type: disc;
}

.cotf_secondary #container #page_content ul.noSpace {
margin: 0 0 10px 35px;
padding:0;
list-style-type: disc;
}

.cotf_secondary #container #page_content ul.noSpace li ul {
margin: 0 0 10px 35px;
padding:0;
list-style-type: circle;
}

.cotf_secondary #container #page_content ul.noSpace li.noPadding ul {
margin: 0;
padding: 0;
list-style-type: circle;
}

.cotf_secondary #container #page_content ul.showBulletsThreeCols li.noPadding ul li, .cotf_secondary #container #page_content ul.showBulletsThreeCols li ul li {
margin: 0 0 0 25px;
padding:0;
list-style-type: circle;
}

#leftColumn {
float: left;
padding: 0 0 10px 0;
width: 190px;
}

#rightColumn {
float: left;
padding: 0 0 10px 0;
margin: 0;
width: 690px;
}

#rightColumn2 {
float: left;
padding: 0 0 10px 0;
margin: 0;
width: 480px;
}

#linksColumn {
float: left;
width: 180px;
height: auto;
border: 1px solid #ccc;
background-color: #eee;
margin: 7px 5px 5px 15px;
padding: 5px 10px 5px 10px;
}

#linksColumn h3 {
color: #136;
font-size: 1.18em;
font-weight: bold;
margin: 0;
padding: 3px 0 20px 0;
}

#linksColumn p.indentLeft {
margin-left: 1.5em;

}
	
#linksColumn p.indentLeft a {
font-weight:normal;
}

#linksColumn p em {
font-size: .88em;
}

#linksColumn p a {
color: #1D538B;
font-size: .88em;
}

#linksColumn li {
font-size: .88em;
}

#linksColumn li a {
color: #1D538B;
}

#linksColumn p.fauxHeader {
color: #1D538B;
font-size: .88em;
font-weight: bold;
}

#linksColumn p.wgDocs {
font-size: .88em;
padding-bottom:0px;
margin-bottom: 3px;
}

#linksColumn p.wgDocs a {
color: #1D538B;
font-size: 1.0em;
}

#linksColumn p.cochairlink, #linksColumn p.cochair {
color: #000000;
font-size: 0.88em;
}

#linksColumn p.cochairlink a, #linksColumn p.cochair a {
color: #1D538B;
font-size: 1.0em;
}


.cotf_secondary #container #page_content table {
margin-bottom: 20px;
}

/*.cotf_secondary #container #page_content table tr td {
border-bottom: 1px solid #ccc;
padding: 5px;
}*/

#relatedLinks {
border: 1px solid #ccc;
background-color: #eee;
float: right;
margin: 0px 5px 5px 15px;
padding: 5px 5px 5px 15px;
width: 150px;
}

#relatedLinks2 {
border: 1px solid #ccc;
background-color: #eee;
float: right;
margin: 0px 5px 5px 15px;
padding: 5px 5px 5px 15px;
width: 180px;
}

#relatedLinks h3, #relatedLinks2 h3 {
font-size:1.1em; 
font-weight: bold;
margin: 0;
padding: 5px 0 20px 0;
}

.clearfix {
clear: both;
}

/* bio expandy code */

.cotf_secondary #container #page_content #rightColumn ul li div.bioLink {
margin: 0px;
padding: 0px;
}

.cotf_secondary #container #page_content #rightColumn ul li div ul {
padding: 0 0 0 20px;
margin: 0 0 10px 0;
}

/* custom 404 search box code */

#rightColumn .search {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;		
color: #FF9900;
font-weight: bold;
margin-left: 0px;
padding-top: 15px;
}

#rightColumn form#seek2 {
padding-top: 15px;
}

/* bulleted lists in third column */

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

ul.wgDocs li {
margin:0 0 0 10px;
padding: 0;
}
