/*----------------------------------------
Table of Contents
1. General styles
	1a. Content
	1b. Report Border
	1c. Navigation Tabs
	1d. Save/New/Select Year Options
	1e. Ids to set height of Report Border
    1f. Tooltip style
2. Default page
	2a. Option panes
	2b. School Summary Reports
3. Search page
	3a. Search Menus
	3b. Right Content
	3c. Table style- search results
4. School Report pages
	4a. School Report
	4b. Applies to school_report_c only
	4c. Applies to school_report_e only
	4d. Table style- School Characteristics
	4e. Table style- UC Enrollment
	4f. Table style- School Report
5. Compare Schools pages
	5a. Comparison Report
	5b. Table style- Compare Schools
6. School Summary Report
	6a. Table style- Persistence
7. County Report pages
	7a. County Totals page 
	7b. Table style- Map Totals
8. Financial Aid page
----------------------------------------*/

div#header
{
    height: 75px;
}


/*----------------------------------------
1a. Content
----------------------------------------*/
    #navigation .nav_off {
    	border-right:#ffffff 1px solid;
    	color:#FFFFFF;
    	float:left;
    	font-size:11px;
    	font-weight:bold;
    	line-height:2.4em;
    	padding-left:6px;
    	padding-right:6px;
    }
    #navigation .logout{
    	color:#FFFFFF;
    	float:left;
    	font-size:11px;
    	font-weight:bold;
    	line-height:2.4em;
    	padding-left:6px;
    
}
    
    
    #navigation .nav_on {
    	border-right:#ffffff 1px solid;
    	color: #4b7699;
    	background-color: #ffffff;
    	float:left;
    	font-size:11px;
    	font-weight:bold;
    	line-height:2.4em;
    	padding-left:6px;
    	padding-right:6px;
}

#navigation
{
    height:24px;
    border-bottom: 4px solid #4b7699;
    //border-bottom: 2px solid #4b7699;
}

*:first-child+html #navigation
{
    border-bottom: 4px solid #4b7699;
}

#navigation .nav_last
{
    border-right: #fff 0px solid;
}

#navigation .nav_on a{
	color:#4b7699;
	text-decoration:none;
}

#navigation .nav_on a:hover{
	text-decoration:none;
}

#navigation a
{
    text-decoration: none;
}

.content{
	margin-top:50px;
	//margin-top:0px;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:25px;
	line-height:1.5em;
	color:#555555;
	font-family: Arial, Helvetica, sans-serif; 
	height:100%;
}

.content h2
{
    //margin-top: 20px;
}

.imageTop
{
    //margin-top: 20px;
}

.content a{
	color:#555555;
}

.content h3{
	font-size:15px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #ffffff;
	text-transform:uppercase;	
}

h4{
	font-size:15px; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif; 
	font-weight:bold;
	color: #555555;
}

h5{
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color: #555555;
	margin:0;
	padding:7px;
    /*width: 171px;  this is causing headaches for me! */
}

.pnlPDFDefinitions{
    display:none;
}

/*----------------------------------------
1b. Report Border
----------------------------------------*/

.report_border{
	border:#c6792b 2px solid;
	height:100%;
	margin-bottom: 25px;
	//margin-bottom: 0px;
	//width: 746px;
    height: 612px;
}

.border_head{
	width:100%;
	//width: 101%;
	height:30px;
	text-align:center;
	background-image:url(../images/orange_gradient_30.jpg);
	_background:#d46a22;
}

*:first-child+html .border_head
{
    width: 102%;
}

.border_head_summary{
	width:100%;
	//width: 100%;
	height:30px;
	text-align:center;
	background-image:url(../images/orange_gradient_30.jpg);
	_background:#d46a22;
}

*:first-child+html .border_head_summary
{
    width: 100%;
}

.choose_option
{  
    width:100%;
	height:30px;
	text-align:center;
	background-image:url(../images/orange_gradient_30.jpg);
	_background:#d46a22;
}

.choose_option h3{
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0;
	padding-top:6px;
	letter-spacing:.7px;
	text-transform:uppercase;
	_margin-bottom:0;
}	

.comparison_head{
	width:102%;
	//width: 286px;
}

.border_head h3, .border_head_summary h3{
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0;
	padding-top:6px;
	letter-spacing:.7px;
	text-transform:uppercase;
	_margin-bottom:0;
}	

.border_head a, .border_head_summary a{
	padding:10px;
	color:#FFFFFF;
}

.border_head a.active, .border_head_summary a.active{
	font-size:14px;
}	


/*----------------------------------------
1c. Navigation Tabs
----------------------------------------*/	
.title_wrapper{
	width:750px; 
	margin-bottom:0;
	height:30px;
	//height:33px;
	//margin-top:20px;
	padding-bottom:5px;
}

.title_wrapper{
                height:30px;
                //height:33px;
                //margin-top:20px;
margin-bottom:0;
                margin-right:350px;
                padding-bottom:15px;
width:300px;
}


.tab_wrapper{
	float:right; 
	margin-top:-43px;
	//margin-top:-30px;
}

.tabs{
	padding:0;
	background-color:#e9b590;
	list-style-type:none;
	width:auto;
}

.tabs li{
	background-color:#e9b590;
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	padding-right:10px;
}

.tabs a{
	color:#f2f2f2;
	float:left;
	font-weight:bold;
	text-decoration:none;
	line-height:2.5;
	font-size:12px;
	text-align:center;
	border-left:#ffffff 1px solid;
	width:auto;
	padding-left:10px;
}

.tabs li.active{
	background-image:url(../images/orange_gradient_30.jpg);
	_background:#d46a22;

}	

/* hide definitions tab- only display for pdf */
.tabs li#ctl00_cphMainContent_school_reports_nav1_li_3 {display:none;}

/*----------------------------------------
1d. Save/New/Select Year Options
----------------------------------------*/
.compareOption{
	padding-left:10px;
	height:10px;
	//padding-top: 15px;
	//margin-bottom: 0px;
	float:right;
}

*:first-child+html .compareOption
{
    margin-bottom: 3px;
}

.compareOption a{
	padding-left:2px;
	padding-right:2px;
}

.saveOptions{
	float:right;
	margin-bottom:-10px;
	margin-top: -13px;
	font-size:11px;
	padding:0px 10px 0px 0px;
}

.saveOptions a, .saveOptions img{
	position: relative;
	top: -2px;
}

.report_a_school_name{
	float:left;
	margin-top:-10px;
	padding-right:10px;
	padding-left:10px;
	
	font-size: 14px;
}
.compare_report_a_school_name{
	float:left;
	margin-top:-10px;
	padding-right:10px;
	padding-left:10px;
	
	font-size: 14px;
}

.saveOptions a{
	padding-left:2px;
	padding-right:2px;
}


.selectYear{
	margin-top:8px;
	padding-left:10px;
}

.selectYear label
{
    display: inline-block;
    position: relative;
    top: 5px;
    //top:3px;
}

.defHead
{
    padding-left: 0px;
}

#map_year{
	float:right;
	margin:none;
}
	
/*----------------------------------------
1e. Ids to set height of Report Border
----------------------------------------*/
#default{
	height:375px;
}

#report_a{
	/*height:560px;
	//height:539px;*/
	float:left;/* needed to force div to stretch to contain nested floated divs */
	min-height: 612px;
	height: auto;
}

.extra_definitions
{
    //min-height: 612px;
}

#report_a-college{
	height:545px;
	//height:539px;
	float:left;/* needed to force div to stretch to contain nested floated divs */
}

#report_b{
	height:545px;
	//height:539px;
	float:left;/* needed to force div to stretch to contain nested floated divs */
}

#report_c{
	/* min-height hack for ie6 */
    min-height: 700px;
    height: auto !important;
    height: 700px;
    float:left;/* needed to force div to stretch to contain nested floated divs */

}

#report_d{
	height:500px;
	float:left;/* needed to force div to stretch to contain nested floated divs */
}

#report_d_live{
	height:750px;
	float:left;/* needed to force div to stretch to contain nested floated divs */
}

#report_e
{
	/* min-height hack for ie6 */
    min-height: 500px;
    height: auto !important;
    height: 500px;
    float:left;/* needed to force div to stretch to contain nested floated divs */
}

#compare_a
{
    /* min-height hack for ie6 */
    min-height: 700px;
    height: auto !important;
    height: 700px;
    
}
#compare_a-cg{
	height:521px;
	//height:518px;
}

#compare_b-hs{
	/*height:528px; 
	//height:531px;*/
}

#compare_b_persistence
{
	/* min-height hack for ie6 */
    min-height: 700px;
    height: auto !important;
    height: 700px;
}

#compare_b_both
{	
    /* min-height hack for ie6 */
    min-height: 528px;
    height: auto !important;
    height: 531px;
}

#compare_b-cg{
	height:498px; 
	//height:499px;
}

#compare_c-hs{
	height:488px; 
	//height:503px;
}

#compare_c-cg{
	height:488px; 
	//height:503px;
}

#persistence_table{
	height:563px; 
	//height:571px;
}

#countymap{
	height:628px;
	/height: 630px;
}

.textual
{
    text-align: center;
}

/*----------------------------------------
1f. Tooltip Styles
----------------------------------------*/
.dropShadow{
    background:url(../images/shadowAlpha.png) no-repeat bottom right !important;
    background: none;
    padding: 0 7px 7px 0;	
	z-index:10;
}

#tooltip
{
    /* 
	left:150px;
	top:165px;
    */	
    position:absolute;
	width:250px;
	display: none;
}

#tooltip1
{
    /* 
	left:150px;
	top:165px;
    */	
    position:absolute;
	width:250px;
	display: none;
}

#tooltipPdf
{
    /* 
	left:150px;
	top:165px;
    */	
    margin-top:10px;
    margin-left:-175px;
    position:absolute;
	width:250px;
	display: none;
}
.tooltip_note {
	background-color:#666666; 
	color:#FFFFFF; 
	font-size:13px;
	padding:10px;
}

.tooltip_note a, .tooltip_note a:visited, .tooltip_note a:active{
	background-color:#666666; 
	color:#FFFFFF; 
	font-size:13px;
}

.tooltip_note2 {
	background-color:#666666; 
	color:#FFFFFF; 
	font-size:13px;
	padding:10px;
}

.tooltip_note2 a, .tooltip_note2 a:visited, .tooltip_note2 a:active{
	background-color:#666666; 
	color:#FFFFFF; 
	font-size:13px;
}

/*----------------------------------------
2. Option Panes
----------------------------------------*/
.optionDiv{
	background-color:#ECF3F9;
	float:left;
	width:247px;
	height:92%;
	text-align:center;
}

.optionDiv img{
	margin-top:45px;
}

.optionDiv p{
	text-align:left;
	margin-top:-15px;
}

.optionDiv ul{
	text-align:left;
	margin-top:-15px;
}

.optionDiv li{
	list-style-type:square;
}

#middle{
	border-left:#c6792b 2px solid;
	border-right:#c6792b 2px solid;
}

/*----------------------------------------
2b. School Reports Defaults
----------------------------------------*/
.pdfYear {display:none;}

.ssr_header_icon {
	float: left;
	margin-top: 7px;
	//margin-top: 0px;
	margin-right: 10px;
}

*:first-child+html .ssr_header_icon
{
    margin-top: 7px;
}

.ssr_header_text {
	float: left;
	height: 40px;
	//height: 40px;
	//margin-top: 8px;
}

*:first-child+html .ssr_header_text
{
    margin-top: 15px;
}

.ssr_break {
	clear: both;
}

.ssr_border
{
    height: 419px;
}

.sample_school_reports_left{
	background-color:#ECF3F9;
	float:left;
	height: 389px;
	width:373px;
	text-align:left;
}
.sample_school_reports_right{
	background-color:#ECF3F9;
	float:left;
	width:373px;
	height: 389px;
	text-align:left;
}
.ssr_title {
	margin-top: 36px;
	margin-left: 5px;
	height: 10%;
	font-size: 15px;
}

.ssr_title_b {
    float: left;
	margin-top: 44px;
	margin-left: -5px;
	font-size: 15px;
}

.ssr_icon {
	float: left;
	width: 76px;
	//width:75px;
	height: 20%;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 14px;
}

.ssr_icon_b {
	float: left;
	width: 97px;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 14px;
	margin-bottom: -16px;
}

.ssr_list {
	float: left;
	width: 325px;
	height: 250px;
	margin: 15px 10px 0 15px;
	border: #99AF54 2px solid;
	//width: 315px;
	//margin: 12px 5px 0 15px;
	//padding-top: 10px;
	background-color: #fff;
}

.ssr_list a {
	text-decoration: none;
}

.ssr_list a:hover {
	text-decoration: underline;
}

.ssr_list p {
	font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
	padding-right: 0px;
}
.ssr_list ul {
	margin-bottom: 5px;
	padding-right: 5px;
}
li {
	margin-bottom: 5px;
}

ol li
{
    list-style-type: decimal;
}

ul li
{
    list-style-type: disc;
    margin-left: -25px;
    
}

.selectText
{
    font-weight: bold;
    margin-bottom: 20px;
}

.selectText div
{
    margin-bottom: 10px;
}

.subText
{
    font-weight: normal;
}

/*----------------------------------------
3a. Search Menus
----------------------------------------*/
.search_menu{
	float:left;
	margin:0;
	/*border-right:#4b7699 1px solid; MOCKUP DIFF - not needed since redid the way the two panel layout is done*/
	width:281px;
	//width: 279px;
}

.search_wrapper{
	padding-left:16px;
	padding-right:16px;
}

.search_wrapper_comparison{
	padding-left:16px;
	padding-right:16px;
	//padding-left:15px;
	//padding-right:15px;
	width: 100px;
}

.search_wrapper_comparison p{
    padding-right: 0px;
}

.goButton
{
    width: 229px;
}

.search_menu label{
    float: left;	
	clear:left;
	width:65px;
}

.search_menu .schoolType label
{
    float: none;
    width: 100%;
}

.search_wrapper p
{
    font-weight: bold;
}

.search_menu input.text{
	margin-bottom:10px;
	width:70%;
}

#schoolRep{
	background-color:#e9f0f7;
	height:480px;
}

#schoolRep p{
	font-size:12px;
	padding-right: 24px;
}

#compareRep{
}

#compareRep p{
	font-size:12px;
	padding-right: 24px;
}

#compareSchools{
	background-color:#f9f3e7;
	height:480px;
}

*:first-child+html #compareSchools
{
    padding-right: 3px;
}

#selectedSchool{
	background-color:#dfe8c9;
	height:650px;
	//height:670px;
}

.search_category{
	background-color:#FFFFFF;
	border:#999999 1px solid;
	padding:10px;
	width:228px;
}

.search_name{
	background-color:#FFFFFF;
	border:#999999 1px solid;
	padding:10px;
	width:228px;
	margin: 10px 0px 10px 0px;
}

.search_title
{
    font-size:12px;
    font-weight: bold;
    color: #555555;
}
div.search_title
{
    width:215px;
    margin:10px 0px 0px 0px;
}

.subgroup{
	margin-left:20px;
}	

/*----------------------------------------
3b. Right Content
----------------------------------------*/
#rightContent{
	float:right;
}

#rightContent_comparison{
	float:right;
}

.search_info{
	width:445px;
	height:245px;
	border:#4b7699 1px solid;
	margin-top:10px;
}

.search_info p{
	padding-left:20px;
	padding-top:5px;
	//padding-top:20px;
	font-weight:bold;
}

.search_menu label{
    float: left;	
	clear:left;
	width:60px;
}
table.schoolType{
	margin-top:5px;
}


/*----------------------------------------
3c. Table style- search results
----------------------------------------*/
table.searchResults{
	border-collapse:collapse;
	width:445px; 
	border:#c6792b 1px solid;
}

table.searchResults th{
	background-color:#d16922;
	background:url(../images/orange_gradient_30.jpg);
	_background:#d46a22;
	color:#ffffff;
	font-weight:bold;
	padding:7px;
	vertical-align:bottom;
}

table.searchResults th.header{
    font-size: 15px;
}

table.searchResults td{
	padding:7px;
	vertical-align: text-top;
}

table.searchResults tr.even{
	background-color: #dfe8c9;
} /*MOCKUP DIFF - doesn't work in all browsers */

table.searchResults th.ralign{
	text-align:right;
}

table.searchResults td.ralign{
	text-align:right;
}

td.bold,table.searchResults td.bold{
	font-weight:bold;
	text-align:left;
}

table.characteristics td.bold_thin, table.searchResults td.bold_thin{
    font-weight:bold;
	text-align:left;
    width:145px;
}

td.lastRow, table.searchResults td.lastRow{
	background-color:#dfe8c9;
	border-top:#99af54 2px solid;
	font-weight:bold;
}

td.lastRow img{
	margin-left:100px;
	padding-bottom:1em;
}

table.searchResults  td.lastRow img{
	margin-left:10px;
	padding-bottom:1em;
}






table.scrollable{
	border-collapse:collapse;
	width: 400px;
}

table.scrollable th{
	background-color:#d16922;
	background:url(../images/orange_gradient_30.jpg);
	_background:#d46a22;
	color:#ffffff;
	font-weight:bold;
	padding:7px;
	vertical-align:bottom;
}

table.scrollable th.first{
    /*width: 10px;
    overflow: hidden;*/
}

table.scrollable th.schoolName{
    /*width: 150px;*/
}

table.scrollable th.city{
    /*width: 50px;*/
}

table.scrollable th.county{
    /*width: 10px;
    padding-right: 0px;*/
}

table.scrollable td{
	padding:7px;
	vertical-align: text-top;
}

table.scrollable tr.even{
	background-color: #dfe8c9;
} /*MOCKUP DIFF - doesn't work in all browsers */

table.scrollable th.ralign{
	text-align:right;
}

table.scrollable td.ralign{
	text-align:right;
}

td.bold,table.scrollable td.bold{
	font-weight:bold;
	text-align:left;
}

table.characteristics td.bold_thin, table.scrollable td.bold_thin{
    font-weight:bold;
	text-align:left;
    width:145px;
}

td.lastRow, table.scrollable td.lastRow{
	background-color:#dfe8c9;
	border-top:#99af54 2px solid;
	font-weight:bold;
}

td.lastRow img{
	margin-left:100px;
	padding-bottom:1em;
}

table.scrollable  td.lastRow img{
	margin-left:10px;
	padding-bottom:1em;
}

.scrollGrid
{
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 220px;
    max-height: 500px;
    border: 1px solid #c6792b;
    width: 446px;
    //width: 443px;
}

.scrollGrid table
{
    width: 429px;
    //width: 426px;
}

*:first-child+html .scrollGrid
{
    width: 446px;
}

*:first-child+html .scrollGrid table
{
    width: 429px;
}

.nestedScroll
{
    border-left: 1px solid #c6792b;
    border-bottom: 1px solid #c6792b;
    border-top: 1px solid #c6792b;
}
   

/*----------------------------------------
4a. School Report
----------------------------------------*/
div#top_row{  /* container div to provide bg color */
    margin:0px;
    padding:0px;
    border: 0px;
    background-color:#dfe8c9;
    float:right;  /*needed to force nested floated divs to go into div */
}

.top_left{
	border-top:#99af54 20px solid;
	border-right:#99af54 2px solid;
	float:left;
	width:404px;
	//width:401px;
}

.top_right{
	border-top:#99af54 19px solid;
	float:right;
	padding:0px;
	width:340px;
	//width:300px;
	//height: 289px;
}

*:first-child+html .top_right
{
    width: 343px;
}

.top_right img{
	margin-left:2px;/*MOCKUP DIFF - orginally set to 50px*/
}

#ucenroll{
	background-color:#fff;
	margin: 0px;
}

.ucenrollNotSuppressHS
{
    background-color:#fff;
	padding: 10px;
	//padding: 0px;
}

*:first-child+html .ucenrollNotSuppressHS
{
    padding: 10px;
    padding-bottom: 0px;
}

.ucenrollNotSuppressCC
{
    background-color:#fff;
	padding: 10px;
	//padding: 9px;
	//padding-bottom: 6px;
	height: 320px;
	//height: 353px;
}

*:first-child+html .ucenrollNotSuppressCC
{
    height: 380px;
    padding: 10px;
	padding-bottom: 0px;
}

.ucenrollNotSuppressCC { height /*\**/: 349px\9; }

.ucenrollSuppress{
	background-color:#dfe8c9;
	padding: 10px;
	//padding-bottom: 8px;
	//height: 271px;
	//width: 323px;
}

.bot_left{
	/* background-color:#dfe8c9;  Per Janell, leave off so definition section matches other pages */
	border-top:#99af54 2px solid;
	border-right:#99af54 2px solid;
	float:left;
	padding:10px;
	padding-bottom:none;
	width:384px;
	//width:381px;
	height: 259px;
	//height:269px;
	overflow: auto;
	background-color: #dfe8c9;
}

.topBorder
{
    border-top:#99af54 2px solid;
}

.bot_left h5
{
    padding-left: 0px;
}

.bot_left img{
	margin-left:0px;
	margin-top:0px;
	//margin-top:0px;
	//margin-right: -1px;
}

.bot_right{
	background-color:#dfe8c9;
	border-top:#99af54 2px solid;
	float:right;
	height: 259px;
	//height:269px;
	padding:10px;
	padding-bottom:none;
	width:320px;
	//width: 323px;
}

.bot_right img{
	margin-left:0px;/*MOCKUP DIFF - originally set to 15px*/
}

.parentsEducation
{
    /*margin-top: -10px; */
}



.transfer
{
    padding: 0px;
    margin: -10px;
    background-color: #fff;
}

.transfer img
{
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    //padding-bottom: 8px;
}

.insert_definition{
	padding:10px;
	float: left;
	width: 97%;
}

.compareCharacteristicsDefinitions
{
    height: 200px;
    overflow: auto;
    overflow-x: hidden;
    
}

.insert_definition_short{
	padding:10px;
	float:left;
}

.academic_characteristicsE{
	padding:10px;
	padding-bottom: 0px;
	float: left;
}

.academic_characteristics {
    padding:10px;
    float:left;
}

.chartDiv
{
    text-align:left; 
    margin:10px auto 0px auto;  /*this should center the div, if containing div has text-align:center; */ 
    width:500px; 
}

div#persistence_chart_gpa
{
    margin-top:0px;
}

.chartTitle, .chartViewData {
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    color:#555555;
    float:left;
    padding-left:7px;
}

.noDataChartTitle
{
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    color:#555555;
    float:left;
    padding-top: 20px;
    padding-left: 20px;
}

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

.chartViewData a:link, .chartViewData a:hover, .chartViewData a:visited {
    color:#6D812C;       
}

.chartLegendOuter{
    text-align:center;
}

div#systemwide_ethnicity_hs .chartViewData, div#systemwide_ethnicity_cc .chartViewData{
    margin-top: -1px; 
    }
    
div#systemwide_ethnicity_hs .chartTitle, div#systemwide_ethnicity_cc .chartTitle{
    margin-top: -1px; 
    }

.chartLegendInner{
    margin:auto;
    width: 600px;
    padding-bottom:20px; 
    vertical-align:top;
}

.legend_key{
    vertical-align:top;
}
.legend_key div
{
    height:10px;
    width: 15px;
    background-color:#444444;
    border: solid 1px #444444;
}
.legend_key div.legend0{
    background-color:#F5CE72;
}
.legend_key div.legend1{
    background-color:#FF8500;
}
.legend_key div.legend2{
    background-color:#C66322;
}
.legend_key div.legend3{
    background-color:#CEE76B;
}
.legend_key div.legend4{
    background-color:#99AF54;
}
.legend_key div.legend5{
    background-color:#6D812C;
}
.legend_key div.legend6{
    background-color:#666666;
}
.legend_key div.legend7{
    background-color:#CCCCCC;
}
.legend_value
{
    padding: 0px 10px 0px 5px;  
    background-color:Transparent;
    vertical-align:top;
    /*white-space:nowrap; */
}

/* comparison ethnicity charts */
div#ethnicity_chart, div#ethnicity_chart_bar{
   width:360px;
}

div#compare_left_bottom div#ethnicity_chart, div#compare_left_bottom div#ethnicity_chart_bar{
    width:600px;
}

div#ethnicity_chart .chartLegendInner, div#ethnicity_chart_bar .chartLegendInner{
    margin:auto;
    width:300px;
    padding-bottom:20px;  
}

div#ethnicity_chart .chartTitle, div#etchnicity_chart .chartViewData, div#ethnicity_chart_bar .chartTitle, div#etchnicity_chart_bar .chartViewData{
    margin-left:10px;   
}

div#ethnicity_chart .legend_key div.legend0{
    background-color:#F5CE72;
}
div#ethnicity_chart .legend_key div.legend1{
    background-color:#FF8500;
}
div#ethnicity_chart .legend_key div.legend2{
    background-color:#C66322;
}
div#ethnicity_chart .legend_key div.legend3{
    background-color:#CEE76B;
}
div#ethnicity_chart .legend_key div.legend4{
    background-color:#6D812C;
}
div#ethnicity_chart .legend_key div.legend5{
    background-color:#99AF54;
}
div#ethnicity_chart .legend_key div.legend6{
    background-color:#CCCCCC;
}
div#ethnicity_chart .legend_key div.legend7{
    background-color:#666666;
}
div#ethnicity_chart .legend_value, div#ethnicity_chart_bar .legend_value
{
    padding: 0px 5px 0px 0px;  
    background-color:Transparent;
    /*white-space:nowrap;*/
    font-size: 9.5px; 
}

/* comparison parent education charts */
div#parent_education_chart{
   width:365px;
}

div#parent_education_chart .chartLegendInner{
    margin:auto;
    width:300px;
    padding-bottom:20px;  
}

div#parent_education_chart .chartTitle, div#etchnicity_chart .chartViewData, , div#etchnicity_chart_bar .chartViewData{
    margin-left:10px;   
}

div#parent_education_chart .legend_key div.legend0, div#ethnicity_chart_bar .legend_key div.legend0 {
    background-color:#F5CE72;
}
div#parent_education_chart .legend_key div.legend1, div#ethnicity_chart_bar .legend_key div.legend1 {
    background-color:#FF8500;
}
div#parent_education_chart .legend_key div.legend2, div#ethnicity_chart_bar .legend_key div.legend2 {
    background-color:#C66322;
}
div#parent_education_chart .legend_key div.legend3, div#ethnicity_chart_bar .legend_key div.legend3 {
    background-color:#CEE76B;
}
div#parent_education_chart .legend_key div.legend4, div#ethnicity_chart_bar .legend_key div.legend4 {
    background-color:#99AF54;
}
div#parent_education_chart .legend_key div.legend5, div#ethnicity_chart_bar .legend_key div.legend5 {
    background-color:#6D812C;
}
div#parent_education_chart .legend_key div.legend6, div#ethnicity_chart_bar .legend_key div.legend6 {
    background-color:#CCCCCC;
}
div#parent_education_chart .legend_key div.legend7, div#ethnicity_chart_bar .legend_key div.legend7 {
    background-color:#666666;
}
div#parent_education_chart .legend_value
{
    padding: 0px 5px 0px 0px;  
    background-color:Transparent;
    /*white-space:nowrap;*/
    font-size: 9.5px; 
}

/* comparison transfer ethnicity charts */
div#transfer_ethnicity_chart{
   width:365px;
}

div#transfer_ethnicity_chart .chartLegendInner{
    margin:auto;
    width:300px;
    padding-bottom:20px;  
}

div#transfer_ethnicity_chart .chartTitle, div#etchnicity_chart .chartViewData{
    margin-left:10px;   
}

div#transfer_ethnicity_chart .legend_key div.legend0{
    background-color:#F5CE72;
}
div#transfer_ethnicity_chart .legend_key div.legend1{
    background-color:#FF8500;
}
div#transfer_ethnicity_chart .legend_key div.legend2{
    background-color:#C66322;
}
div#transfer_ethnicity_chart .legend_key div.legend3{
    background-color:#CEE76B;
}
div#transfer_ethnicity_chart .legend_key div.legend4{
    background-color:#6D812C;
}
div#transfer_ethnicity_chart .legend_key div.legend5{
    background-color:#99AF54;
}
div#transfer_ethnicity_chart .legend_key div.legend6{
    background-color:#CCCCCC;
}
div#transfer_ethnicity_chart .legend_key div.legend7{
    background-color:#666666;
}
div#transfer_ethnicity_chart .legend_value
{
    padding: 0px 5px 0px 0px;  
    background-color:Transparent;
    /* white-space:nowrap; */
    font-size: 9.5px; 
}

/* school ethnicity charts */
div#school_ethnicity_chart, div#school_ethnicity_chart_bar {
   width:445px;
}

div#transfer_ethnicity_small{
    width:325px;
    margin-top:0px;
    padding-top:12px;
    height: 267px;
    //height: 277px;
}


div#systemwide_ethnicity_cc, div#systemwide_ethnicity_hs{
    width:310px;
}
/* TJM removed to center chart legends
div#systemwide_ethnicity_cc .chartLegendOuter, div#systemwide_ethnicity_hs .chartLegendOuter{
    margin-left:-30px;
}
*/

div#school_ethnicity_chart .chartLegendInner, div#school_ethnicity_chart_bar .chartLegendInner{
    margin:auto;
    width:400px;
    padding-bottom:20px;  
}

div#school_ethnicity_small, div#school_ethnicity_small2, div#school_ethnicity_small3, div#parent_education, div#transfer_ethnicity_small{
   width:345px;
   //width: 343px;
}

div#school_ethnicity_small2
{
    //width: 320px;
}

div#transfer_ethnicity_small
{
    //width: 338px;
}

*:first-child+html div#school_ethnicity_small2, div#transfer_ethnicity_small
{
    width: 343px;
}

div#parent_education
{
    //width: 320px;
}

*:first-child+html div#parent_education
{
    width: 343px;
}

*:first-child+html div#school_ethnicity_small
{
    width: 345px;
}

div#school_ethnicity_small .chartLegendInner, div#school_ethnicity_small2 .chartLegendInner, div#school_ethnicity_small3 .chartLegendInner, div#transfer_ethnicity_small .chartLegendInner{
    margin:auto;
    width:325px;
    padding-bottom:0px;  
}
div#systemwide_ethnicity_cc .chartLegendInner, div#systemwide_ethnicity_hs .chartLegendInner{
    margin:auto;
    width:300px;
    padding-bottom:0px;  
}

div#school_ethnicity_chart .chartTitle, div#etchnicity_chart .chartViewData, div#school_ethnicity_small .chartTitle, div#etchnicity_small .chartViewData, div#school_ethnicity_small2 .chartTitle, div#etchnicity_small2 .chartViewData, div#school_ethnicity_small3 .chartTitle, div#etchnicity_small3 .chartViewData, div#transfer_ethnicity_small .chartTitle, div#transfer_ethnicity_small .chartViewData, div#systemwide_ethnicity_cc .chartTitle, div#systemwide_ethnicity_cc .chartViewData, div#systemwide_ethnicity_hs .chartTitle, div#systemwide_ethnicity_hs .chartViewData{
    margin-left:10px;   
}

div#transfer_ethnicity_small .chartTitle, div#transfer_ethnicity_small .chartViewData
{
    //margin-left: 4px;
}

*:first-child+html div#transfer_ethnicity_small .chartViewData, div#transfer_ethnicity_small .chartTitle
{
    margin-left:10px;
}

div#school_ethnicity_chart .legend_key div.legend0, div#school_ethnicity_small .legend_key div.legend0, div#school_ethnicity_small2 .legend_key div.legend0, div#school_ethnicity_small3 .legend_key div.legend0, div#transfer_ethnicity_small .legend_key div.legend0, div#systemwide_ethnicity_cc .legend_key div.legend0, div#systemwide_ethnicity_hs .legend_key div.legend0, div#ethnicity_chart .legend_key div.legend0{
    background-color:#6D812C;
}
div#school_ethnicity_chart .legend_key div.legend1, div#school_ethnicity_small .legend_key div.legend1, div#school_ethnicity_small2 .legend_key div.legend1, div#school_ethnicity_small3 .legend_key div.legend1, div#transfer_ethnicity_small .legend_key div.legend1, div#systemwide_ethnicity_cc .legend_key div.legend1, div#systemwide_ethnicity_hs .legend_key div.legend1, div#ethnicity_chart .legend_key div.legend1 {
    background-color:#99AF54;
}
div#school_ethnicity_chart .legend_key div.legend2, div#school_ethnicity_small .legend_key div.legend2, div#school_ethnicity_small2 .legend_key div.legend2, div#school_ethnicity_small3 .legend_key div.legend2, div#transfer_ethnicity_small .legend_key div.legend2, div#systemwide_ethnicity_cc .legend_key div.legend2, div#systemwide_ethnicity_hs .legend_key div.legend2, div#ethnicity_chart .legend_key div.legend2 {
    background-color:#CEE76B;
}
div#school_ethnicity_chart .legend_key div.legend3, div#school_ethnicity_small .legend_key div.legend3, div#school_ethnicity_small2 .legend_key div.legend3, div#school_ethnicity_small3 .legend_key div.legend3, div#transfer_ethnicity_small .legend_key div.legend3, div#systemwide_ethnicity_cc .legend_key div.legend3, div#systemwide_ethnicity_hs .legend_key div.legend3, div#ethnicity_chart .legend_key div.legend3 {
    background-color:#666666;
}
div#school_ethnicity_chart .legend_key div.legend4, div#school_ethnicity_small .legend_key div.legend4, div#school_ethnicity_small2 .legend_key div.legend4, div#school_ethnicity_small3 .legend_key div.legend4, div#transfer_ethnicity_small .legend_key div.legend4, div#systemwide_ethnicity_cc .legend_key div.legend4, div#systemwide_ethnicity_hs .legend_key div.legend4, div#ethnicity_chart .legend_key div.legend4 {
    background-color:#C66322;
}
div#school_ethnicity_chart .legend_key div.legend5, div#school_ethnicity_small .legend_key div.legend5, div#school_ethnicity_small2 .legend_key div.legend5, div#school_ethnicity_small3 .legend_key div.legend5, div#transfer_ethnicity_small .legend_key div.legend5, div#systemwide_ethnicity_cc .legend_key div.legend5, div#systemwide_ethnicity_hs .legend_key div.legend5, div#ethnicity_chart .legend_key div.legend5 {
    background-color:#FF8500;
}
div#school_ethnicity_chart .legend_key div.legend6, div#school_ethnicity_small .legend_key div.legend6, div#school_ethnicity_small2 .legend_key div.legend6, div#school_ethnicity_small3 .legend_key div.legend6, div#transfer_ethnicity_small .legend_key div.legend6, div#systemwide_ethnicity_cc .legend_key div.legend6, div#systemwide_ethnicity_hs .legend_key div.legend6, div#ethnicity_chart .legend_key div.legend6 {
    background-color:#F5CE72;
}
div#school_ethnicity_chart .legend_key div.legend7, div#school_ethnicity_small .legend_key div.legend7, div#school_ethnicity_small2 .legend_key div.legend7, div#school_ethnicity_small3 .legend_key div.legend7, div#transfer_ethnicity_small .legend_key div.legend7, div#systemwide_ethnicity_cc .legend_key div.legend7, div#systemwide_ethnicity_hs .legend_key div.legend7, div#ethnicity_chart .legend_key div.legend7 {
    background-color:#CCCCCC;
}

div#systemwide_ethnicity_cc .legend_key div.legend3, div#systemwide_ethnicity_hs .legend_key div.legend3{
    background-color:#C66322;
}
div#systemwide_ethnicity_cc .legend_key div.legend4, div#systemwide_ethnicity_hs .legend_key div.legend4{
    background-color:#FF8500;
}
div#systemwide_ethnicity_cc .legend_key div.legend5, div#systemwide_ethnicity_hs .legend_key div.legend5{
    background-color:#F5CE72;
}
div#systemwide_ethnicity_cc .legend_key div.legend6, div#systemwide_ethnicity_hs .legend_key div.legend6{
    background-color:#666666;
}
div#systemwide_ethnicity_cc .legend_key div.legend7, div#systemwide_ethnicity_hs .legend_key div.legend7{
    background-color:#CCCCCC;
}

div#school_ethnicity_chart .legend_value, div#school_ethnicity_small .legend_value, div#school_ethnicity_small2 .legend_value, div#school_ethnicity_small3 .legend_value, div#transfer_ethnicity_small .legend_value
{
    padding: 0px 5px 0px 0px;  
    background-color:Transparent;
    /* white-space:nowrap; */
    font-size: 11px; 
    text-align:left;
}

div#systemwide_ethnicity_cc .legend_value, div#systemwide_ethnicity_hs .legend_value{
    padding:0px;
    font-size:9px;
    text-align:left;
}

/*----------------------------------------
4b. Applies to school_report_c only
----------------------------------------*/

.sysEnrollment{
	background-color:#dfe8c9;
	border:#98af54 2px solid;
	border-right:none;
	height:383px;
	//height:384px;
	margin-top:6px; /*TJM had 29*/
	text-align:left;
	width:328px;
}

.topStat{
	border-bottom:#98af54 2px solid;
	padding:5px 10px;
}
div.topStat h5, div.topStat h2
{
    margin-top: 2px;
    margin-bottom:4px;
}

.bottomStat{
	padding:7px;
}

.bottomStatEnroll{
	padding:10px;
	//padding: 0px;
	//padding-top: 14px;
	margin-top:10px; /*CW had 40 */
}

*:first-child+html .bottomStatEnroll
{
    padding: 10px;
}

.bottomStat img{
	margin-left:0px;
}

/*----------------------------------------
4c. Applies to school_report_e and c
----------------------------------------*/

.table_left{
	border-top:#c6792b 2px solid;
	border-bottom:#98af54 2px solid;
	float:left;
	padding-top:10px;
	width:416px;
	//width: 416px;
	
}

#grad_rates{
	width:344px;
}

.table_right{
	border-top:#c6792b 2px solid;
	float:right;
	padding:10px;
	width:320px;
	padding-left:0;
	/*padding-top: 34px; removed for persistence report*/
	padding-top:10px;
	//padding: 0px;
	//padding-top: 38px;
	//width: 300px;
}

.table_right_enrollment{
	border-top:#c6792b 2px solid;
	float:right;
	padding:10px;
	width:320px;
	padding-left:0;
	/*padding-top: 34px; removed for persistence report*/
	padding-top:34px;
	//padding: 0px;
	//padding-top: 38px;
	//width: 300px;
}

*:first-child+html .table_right
{
    padding: 10px;
    padding-left: 0px;
    padding-top: 37px;
    width: 320px;
}

.table_right_persistence
{
    padding-top: 10px;
}

.table_right_persistence{ //width: 300px; }

*:first-child+html .table_right_persistence{ padding-top: 10px; }

.table_right_persistence { padding-top /*\**/: 11px\9; }

.secondaryNavTabs
{
    border-bottom: 2px solid #c6792b;
}

.enrollmentTabs
{
    margin-bottom: -10px;
    border: 0px;
}

.compareEnrollmentTabs
{
    margin-bottom: -4px;
    border: 0px;
}

.enrollmentTabs { margin-bottom /*\**/: -11px\9 }

#gpa{
	width:392px;
	//width: 392px;
}


#gpa_chart{
	background-color:#dfe8c9;
	border:#98af54 2px solid;
	border-right:0;
	height:240px;
	//height:255px;
	margin-top:5px;
	text-align:left;
	width:400px;
	//width:400px;
}

div#gpa_chart .chartLegendOuter{
    width:350px; 
    padding-left:20px;   
}

div.bottom .chartLegendOuter
{
    text-align: center;
    width: 100%;
}

div.bottom .chartLegendInner
{
    text-align: center;
    width: 250px;
}

div.bottom .chartLegendInner table
{
    text-align: center;
}

div#gpa_chart .chartLegendInner{
    width:50%; 
    text-align:center;
   
}

/*----------------------------------------
4d. Table style- School Characteristics
----------------------------------------*/
table.characteristics{
	border-collapse:collapse;
	width:100%;
}

table.characteristics th{
	color:#ffffff;
	background-color:#99af54;
	border:#ffffff 1px solid;
	padding:6px;
	vertical-align:bottom;
}

table.characteristics td{
	border:#ffffff 1px solid;
	border-right:none;
	padding:6px;
}

table.characteristics tr.even{
	background-color:#dfe8c9;
}

table.characteristics tr.odd{
	background-color:#ccd7a9;
	border-top:#ffffff 2px solid;
}

table.characteristics tr.null{
	background-color: #FFFFFF;
}

table.characteristics th.ralign{
	text-align:right;
}

table.characteristics td.ralign{
	text-align:right;
}

td.bold{
	font-weight:bold;
}

td.characteristicsText
{
    width: 240px;
}

td.characteristicsTall
{
    height: 50px;
}


/*----------------------------------------
4e. Table style- UC Enrollment
----------------------------------------*/
#enroll_table
{   border-top:#c6792b 2px solid;
	
	margin-left:1px;
}

table.enrollment{
	border-collapse:collapse;
	border:#99af54 1px solid;
	font-weight:bold;
	width:250px;
	margin-top:50px;
}

table.enrollment th{
	color:#ffffff;
	background-color:#99af54;
	padding:7px;
}

table.enrollment td{
	padding:7px;
}

table.enrollment tr.odd{
	background-color:#ffffff;
}

table.enrollment tr.even{
	background-color:#dfe8c9;
}

/*----------------------------------------
4f. Table style- School Report
----------------------------------------*/
table.schoolReport{
	border-collapse:collapse;
	font-weight:bold;
	margin-top:5px;
	//margin-top:4px;
	text-align:right;
	//margin-right: -4px;
}

table.schoolReport th{
	color:#ffffff;
	background-color:#99af54;
	border:#ffffff 1px solid;
	padding:7px;
}

table.schoolReport td{
	padding:7px;
	border:#ffffff 1px solid;
}

table.schoolReport tr.odd{
	background-color:#ccd7a9;
	border-top:#ffffff 2px solid;
}

table.schoolReport tr.even{
	background-color:#dfe8c9;
}

table.schoolReport td.campus{
	border-left:none;
	text-align:left;
}

table.schoolReport th.campus{
	border-left:none;
	text-align:left;
}

table.schoolReport th.first{
	width: 100px;
}

table.schoolReport td.lastCell{
	border-right:none;
}

table.schoolReport th.lastCell{
	border-right:none;
}

#school_report_c{
	width:417px;
}

#school_report_d, #school_report_d2{
	width:100%;
	border-bottom:#99af54 2px solid;
}

#school_report_e{
	width:345px;
}



/*----------------------------------------
5a. Comparison Report
----------------------------------------*/
#compare_left{
	border-bottom:#99af54 2px solid;
	width:373px;
	float:left;
}

#compare_left_bottom
{
	float:left;
	border-top:#99af54 2px solid;
	border-bottom:#99af54 2px solid;
	/*border-right:#99af54 2px solid;*/
	padding: 10px;
	background-color:#dfe8c9;
	width:726px;
	margin-top:5px;
}

#compare_right{
	background-color:#dfe8c9;
	border-top:#99af54 2px solid;
	border-bottom:#99af54 2px solid;
	border-left:#99af54 2px solid;
	float:right;
	margin-bottom:20px;
	padding:10px;
	height:167px;
	//height:168px;
	width:351px;
}

#bottom_table{
	width:100%; 
	float:right;
}

.bottom{
	background-color:#dfe8c9;
	border-top:#99af54 2px solid;
	border-bottom:#99af54 2px solid;
	width:100%;
	/*height:auto;*/
	text-align:center;
}
.bottom-college{
	background-color:#dfe8c9;
	border-top:#99af54 2px solid;
	width:100%;
	margin-top: 5px;
	/*height:auto;*/
	//height:227px;
	text-align:center;
}
.bottom img{
	padding: 10px;
}
.bottom-college img{
	padding: 10px;
}

#char_bot{
float:left;
}

#char_bot_left{
background-color:#dfe8c9;
width: 360px;
float:left;
}

#char_bot_right{
background-color:#dfe8c9;
width: 360px;
float:right;
}

#ctl00_cphMainContent_comparison_school_reports_nav1_li_3 { display:none; }

/*----------------------------------------
5b. Table style- Compare Schools
----------------------------------------*/

.sysWide
{
    float: left;
    padding: 10px;
}

.sysText
{
    float: left;
    padding: 10px;
}

table.compareSchools, table.compareSchoolsData{
	border-collapse:collapse;
	text-align:right;
	width:100%;
	margin:0px;
	
}

table.compareSchools th, table.compareSchoolsData th{
	color:#ffffff;
	background-color:#99af54;
	border-left:#ffffff 1px solid;
	border-bottom:#ffffff 3px solid;
	font-weight:bold;
	padding:6px;
	vertical-align:bottom;
	text-align: right;
	height:70px;
}

table.compareSchools th.short, table.compareSchoolsData th.short{

	height:35px;
}

table.compareSchools td, table.compareSchoolsData td{
	//border:#ffffff 1px solid;
	//border-right:none;
	padding:6px;
	text-align:right;
}

table.compareSchools tr.even_tall, table.compareSchoolsData tr.even_tall
{
    height:50px;
    background-color:#dfe8c9;
}

table.compareSchools tr.odd_tall, table.compareSchoolsData tr.odd_tall
{
    height:50px;
    background-color:#ccd7a9;
}

.tall
{
    height: 50px;
}

.tall1
{
    height: 48px;
}

.taller
{
    height: 63px;
}

.setWidth
{
    width: 130px;
}

table.compareSchools tr.even_taller, table.compareSchoolsData tr.even_taller
{
    height:63px;
    background-color:#dfe8c9;
}

table.compareSchools tr.even, table.compareSchoolsData tr.even{
	background-color:#dfe8c9;
}
table.compareSchools tr.odd, table.compareSchoolsData tr.odd{
	background-color:#ccd7a9;
}

table.compareSchools td.bold, table.compareSchoolsData td.bold{
	font-weight:bold;    
	white-space:nowrap;
    text-align:left;  
}

table.compareSchools th.bold, table.compareSchoolsData th.bold{
	border-left:none;
}

table.compareSchools th.tableTitle, table.compareSchoolsData th.tableTitle{
	background-color:#ffffff;
	color:#555555;
	border-left:none;
}

table.compareSchools th.tableTitleShort, table.compareSchoolsData th.tableTitleShort{
	background-color:#ffffff;
	color:#555555;
	border-left:none;
	text-align: center; 
	vertical-align: middle;
	height: 35px;
	
}

span.tableTitle
{
	background-color:#ffffff;
	color:#555555;
	border-left:none;
	font-weight: bold;
}

table.compareSchools td.firstSchool_odd, table.compareSchoolsData td.firstSchool_odd{

    background-color:#ffffff;
	color: #555;
	border-left:none;
	font-weight:bold;
}

table.compareSchools td.firstSchool_odd{
	background-color:#b3c27f;
}

table.compareSchools td.firstSchool_even, table.compareSchoolsData td.firstSchool_even{
	background-color:#d8efbb;
}

table.characteristics_container{   
    border-width:0px;
    border-collapse:collapse;
    margin:0 auto 0 auto;
}

table.characteristics td.bold_thin {border:0px solid white;}

.extend
{
    width: 200px;
}

/*----------------------------------------
6a. Table style- Persistence
----------------------------------------*/
table.persistence{
	border-collapse:collapse;
	width:100%;
}

table.persistence th.table_title{
	background-color:#FFFFFF; 
	border:none;
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color: #555555;
	text-align:left;
}

table.persistence th{
	color:#ffffff;
	background-color:#99af54;
	border-left:#ffffff 2px solid;
	border-bottom:#ffffff 3px solid;
	font-weight:bold;
	padding:6px;
	text-align:right;
	vertical-align:bottom;
	width:15px;
}

table.persistence th.header{
	text-align:center;
}

table.persistence td{
	border:#ffffff 2px solid;
	border-right:none;
	padding:6px;
	text-align:right;
}

table.persistence td{
	border:#ffffff 2px solid;
	border-right:none;
	padding:6px;
	text-align:right;
}

table.persistence td.yearly {
    width:100px;
}

table.persistence td:first-child{
	width:160px;
}

table.persistence tr.even{
	background-color:#dfe8c9;
}
table.persistence tr.odd{
	background-color:#ccd7a9;
}

table.persistence td.bold{
	font-weight:bold;
	border-left:none;
	text-align:left;
}

table.persistence th.bold{
	border-left:none;
	text-align:left;
}

table.compareSchools th.moveLeft
{
    text-align: left;
    border-left:none;
}

table.persistence_container td{
    vertical-align:top;   
    border-collapse:collapse; 
}

/*----------------------------------------
7a. County Totals page 
----------------------------------------*/

.totals_box{
	float:left;
	width:259px;
	border:#99af54 1px solid;
	margin:.5em;
	margin-left:1em;
	margin-top:34px;
	//margin-top:31px;
	//margin-left: 5px;
}

.totals_head{
	background-color:#99af54;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	padding:2px;
	padding:5px 10px 4px 10px;
	text-align:left;
}

.map_box{
	margin-right:1em;
	margin-top:18px;
	border:#99af54 1px solid;
	float:right;
	/*padding:10px;*/
	width:440px;
	_width:420px;
	//margin-right: 5px;
}

.map_numbers{
    padding-left: 20px;
	width:165px;
	height:185px;
	background-color:#dfe8c9;
	border:#99af54 1px solid;
}

.map_numbers ul{
	padding:0px 5px 0px 10px;
	margin:0;
}

.map_numbers li{
	list-style-type:none;
	padding-bottom: 2px;
	font-size:11px;
	line-height:1.0em;
}	

#map_pointer{
	position:absolute;
	/*top:298px;*/
	top:293px;
	left:298px;
	//top:296px;
	//left:297px;
	behavior: url(iepngfix.htc);
}

*:first-child+html #map_pointer
{
    left: 292px;
}

.separatorDot 
{
    margin-bottom:2px;
}

.mapBold
{
    font-weight: bold;
}

/*----------------------------------------
7b. Table style- Map Totals
----------------------------------------*/
table.map_totals{
	 border-collapse:collapse;	
}

table.map_totals th{
	background-color:#FFFFFF;
	padding:6px;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left:10px;
	font-weight:bold;
	font-size:13px;
	text-align:left;
}

table.map_totals th .location
{
    margin-top: 10px;
    font-size: 11px;
    font-weight: normal;
}

table.map_totals td{
	padding:4px 0px 5px 10px;
	border-top:#ffffff 2px solid;
	font-size:11px;
}

table.map_totals tr.menu
{
    cursor:pointer;
}

table.map_totals tr.odd{
	background-color:#dfe8c9;
}

table.map_totals tr.even{
	background-color:#ccd7a9;
}

table.map_totals tr.active{
	background-color:#f5ce72;
}

table.map_totals tr#map_totals_notes 
{
    border-collapse:collapse;
    border-top:3px solid #dfe8c9;
    height:278px;
    //height: 272px;
    vertical-align:top;
}

/*----------------------------------------
8. Table style- Financial Aid
----------------------------------------*/
table.finaid{
	border-collapse:collapse;
	width:100%;
	display:inline;
}

table.finaid th{
	background-color:#f3ba5c;
	font-weight:bold;
	border-bottom:#FFF 1px solid;
	padding:5px;
	text-align:center;	
	color:#fff;
}

table.finaid th.blank{
	border-bottom:none;
}

table.finaid th.center{
	text-align:center;
}

table.finaid td{
	border-bottom:#fff 1px solid;
	padding:5px;
	text-align:center;	
}

table.finaid td.bold{
	font-weight:bold;
	text-align:left;	
	width:100px;
}

table.finaid td.blank{
	border-bottom:none;
	font-weight:bold;
}

table.finaid tr.a{
	background-color:#FAE1A9;
}

table.finaid tr.b{
	background-color:#F9F5EC;
}

table.finaid tr.c{
	background-color:#F7E8C9;
}

/*  more from Lorenzo  */
div.aid_table_wrapper 
{
	background-color:#FFFFFF;    
	border: 2px solid #C6792B;
	margin-top: 20px;
	//margin-top: 20px;
}


.clear {
clear: both;
}

.aid_tab_wrapper{
    float:right; 
    /*//margin-top:-30px;*/
    border: 20px solid #C6792B;		
}
		
.aid_tabs{
	padding:0;
	background-color:#C4D3E1;
	list-style-type:none;
	width:auto;
	margin-top: 33px;
	//margin-top: 20px;
}
		
		.aid_tabs li{
			background-color:#d3cbb9;
			margin:0;
			padding:0;
			float:left;
			list-style-type:none;
			padding-right:10px;
		}
		
		.aid_tabs a{
			color:#FFFFFF;
			float:left;
			font-weight:bold;
			text-decoration:none;
			line-height:2.5;
			font-size:12px;
			text-align:center;
			border-left:#ffffff 1px solid;
			width:auto;
			padding-left:10px;
		}
		
		.aid_tabs li.active{
			background-image:url(../images/yellow_gradient.jpg);
			_background:#588AAA;
		
		}		
		.aid_selectYear {
			height:10px;
			margin: 4px 5px 0 0;
			padding-left:10px;
			float: right;
		}
		.aid_title {
			width:400px;
			background-color:#ffffff;
			/*//padding-left:180px;*/
			text-align:left;
			float:left;
		}
		.aid_title h5 
		{
		    /*//color:#fff;*/
		}
		table.finaid td.aid_footer {
			border-bottom: 1px solid #C4D3E1;
		}
		table.finaid td.aid_footer_notes {
			border-bottom: 1px solid #C4D3E1;
			text-align:left;
		}		
		table.finaid td.aid_footer_bold {
			border-bottom: 1px solid #C4D3E1;
			font-weight: bold;
			text-align:left;
		}


/***************************************************************
 * CHRIS added to phase 3 mockup to make styles work properly
 ***************************************************************/
 
 /*----------------------------------------
 1a. Content
 ----------------------------------------*/
 
 .inContent{
 	margin-top:50px;
 	//margin-top:50px;
 	margin-left:35px;
 	margin-right:35px;
 	//margin-left:34px;
 	//margin-right:34px;
 	margin-bottom:25px;
 	line-height:1.5em;
 	color:#555555;
 	font-family: Arial, Helvetica, sans-serif;
}
 
 .inContent a{
 	color:#555555;
 }
 
 .inContent h3{
 	font-size:15px; 
 	font-family:Arial, Helvetica, sans-serif;
 	font-weight:bold;
 	color: #ffffff;
 	text-transform:uppercase;	
}
 /*----------------------------------------
 2. Option Panes
 ----------------------------------------*/
 
 
 .clickable
 {
     cursor: pointer;
 }
 
 /*----------------------------------------
 3a. Search Menus
 ----------------------------------------*/
 
 #contentWrapper{
     background-color: #e9f0f7;
 }
 
 #compareWrapper{
     background-color: #f9f3e7;
 }
 
 #comparisonWrapper{
     background-color: #dfe8c9;
 }
 
 
 .clearFloats{
     clear: both;
}

.schoolType{
    width: 100%;
    margin-top: -10px;
    //margin-top: -30px;
}

td span
{
	font-weight: bold;
}

/*----------------------------------------
3b. Right Content
----------------------------------------*/
#rightContent{
    background-color: #fff;
    width: 518px;
    //width: 517px;
    border-left:#4b7699 1px solid;
    
    /* min-height hack for ie6 */
    min-height: 480px;
    height: auto !important;
    height: 480px;
}

#rightContent_comparison{
    background-color: #fff;
    border-left:#4b7699 1px solid;
    width: 518px;
    //width: 500px;
    
    /* min-height hack for ie6 */
    min-height: 670px;
    height: auto !important;
    height: 670px;
}

*:first-child+html #rightContent_comparison
{
    width: 520px;
}

.viewReportError
{
	font-size: 10pt;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
}

.compareViewReportError
{
    color: #555;
    margin-left: 30px;
	font-size: 10pt;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
}

/*----------------------------------------
3c. Table style- search results
----------------------------------------*/

.viewButton
{
	margin-top: 10px;
}

.buttonFloat
{
    float: right;
    height: 35px;
}

.viewCompareButton
{
    margin-top: 0px;
    margin-bottom: 30px;
    margin-right: 32px;
    //margin-bottom: 20px;
    //margin-right: 22px;
}

*:first-child+html .viewCompareButton
{
    margin-right: 36px;
}

.swapButtonClear
{
    position: relative;
    left: -57px;
}

.swapButtonGo
{
    position: relative;
    left: 55px;
}

.swapMatchButtonClear
{
    position: relative;
    left: -47px;
}

.swapMatchButtonGo
{
    position: relative;
    left: 65px;
}

#greyDiv
{
    position:absolute;
    background-color:#999; 
    opacity: 0.50; /* Safari, Opera */ 
    -moz-opacity:0.50; /* FireFox */ 
    filter: alpha(opacity=50); /* IE */
    top:104px;
    left:282px;
    height:1000px;
    width:518px;
    display:none;
    padding: 0px;
    margin: 0px;
}

/*----------------------------------------
Gridview sorting icons
----------------------------------------*/

.up a, .down a, .sort a { padding-right: 15px; }
.up a { background:url(../images/downarrow.jpg) right no-repeat; }
.up a:hover { background:url(../images/downarrow.jpg) right no-repeat; }
.down a { background:url(../images/uparrow.jpg) right no-repeat }
.down a:hover { background:url(../images/uparrow.jpg) right no-repeat; }

/*----------------------------------------
ChartLegend
----------------------------------------*/

#chartSuppression
{
    font-family: Arial;
    font-size: 9px;
}

/*----------------------------------------
Definitions
----------------------------------------*/

ul.defs li
{
    font-family: Arial;
    font-size: 11px;
}

/*----------------------------------------
Report Titles
----------------------------------------*/

.titleText
{
    font-size: 18px;
    font-family: Calibri;
    color: #c66322;
    font-weight: bold;
    //margin-bottom: -7px;
}

.titleTextExtra
{
    //margin-bottom: -40px;
}

.leftTitle
{
    float: left;
}

#titleTextPDF, #leftTitlePDF
{
    display: none;    
}



.rightTitle
{
    float: left;
    padding-left: 10px;
    padding-top: 7px;
    max-width: 250px;
}

.pdf_section 
{
    display:none;
}

.SchoolAndYearPDF
{
    display: none;    
}

div#pdf_source
{
    display: none;
}

#footerbarPDF {display:none;}

/*AutoComplete flyout */

.autocomplete_completionListElement, .autocomplete_completionListElementLong 
{  
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : default;
	overflow: auto;
	height : 200px;
    text-align : left; 
    list-style-type :none!important; 
    width:150px!important;
    z-index:10;
    padding:0px 0px 0px 25px;
    /*padding-left: 35px;*/
    
}

.autocomplete_completionListElementLong 
{
   width:204px!important;     
    
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	/*background-color: #ffff99;
	color: black;*/
	background-color: #dfe8c9;
	font-weight:bold;
	color:#000;
	padding: 1px;
	list-style-type:none;
	font-size: 11px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	list-style-type:none;
	font-size: 11px;
}

div.noParents
{
    width: 100%;
    font-weight: bold;
    padding-top: 110px;
    text-align: center;
}

div.noData
{
    width: 100%;
    font-weight: bold;
    padding-top: 110px;
    text-align: center;
}

div.noDataUpperRightHS
{
    padding-bottom: 92px;
}

div.noDataEnrolleeEthnicityCC
{
    padding-bottom: 155px;
}

div.noDataGPA
{
    padding-bottom: 55px;
}

div.noDataCompare
{
    padding-bottom: 65px;
}

div.noEthnicityUpperRightHS
{
    height: 288px;
    width: 343px;
}

div.noEthnicityUpperRightCC
{
    height: 341px;
    width: 343px;
}

div.noSingleGPA
{
    width: 100%;
    font-weight: bold;
    padding-top: 110px;
    text-align: center;
}

div.noCompareGPA
{
    width: 100%;
    font-weight: bold;
    padding-top: 110px;
    text-align: center;
    padding-bottom: 100px;
}

div.noParentsText
{
    font-family: Arial;
    font-size: 9px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.persistSuppression
{
    font-family: Arial;
    font-size: 9px;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 10px;
}

.persistenceSuppression
{
    font-family: Arial;
    font-size: 9px;
    text-align: left;
    margin-left: 10px;
}

#map_numbers 
{
    z-index:101;
}

.countyData_leftCol, .countyData_rightCol 
{
    width:160px;
    border:0;
    margin:0;
    padding:0;
}

.countyData_leftCol 
{
    float:left;
    padding:5px 0 5px 10px;
    line-height:.5em;
}

.countyData_rightCol 
{
    float:right;
    padding:5px 10px 5px 0px;
    line-height:.5em;    
}

.countyData{
	position:absolute;
	background-image:url(../img/shadowAlpha.png);
	background-position: right bottom;
	padding-top:0pt;
	padding-right:7px;
	padding-bottom:7px;
	padding-left:0pt;
	width:340px;
	height:185px;
	overflow:hidden;
	z-index:100;
}

.countyData ul{
	padding:0px 5px 0px 10px;
	margin:0 0 0 20px;
}

.countyData li{
	list-style-type:none;
	padding-bottom: 2px;
	font-size:11px;
	line-height:1.0em;
}