/*This is for the data pages the #databanner is in place of the logo and navigation on the nondata.css page*/
#databanner {
	margin: 0px;
	padding: 5px;
	width: 100%;
	border-bottom: 3px solid #CCC;
	}

/*#querybar defines the tables that require programming to produce output*/
#querybar {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-color: 000;
	border: 1px solid #9FCFFF;	
	width: 100%;
}

#querybar td {
 	border-bottom: 1px solid #9FCFFF;
 	border-right: 1px solid #9FCFFF;		
}

#querybar .regbuildheader {
 background-color: #9FCFFF;
 border-right: 1px solid #FFF;
 font-weight: bold;
}

#querybar td.subtable{
	border: hidden;
	padding-right: 20px;
}

/*The datacontent div replaces the maincontent div from the shell pages. It was separated out because not all the data pages will have the left float. The maincontent div has a left padding of 230px to compensate for the leftfloat that appears on the shell pages. The data pages should not incorporate this padding, else when no left float is present, the content will still be indented 230 px*/
#datacontent {
	margin-top: 0px;
	padding: 10px;
	min-width: 150px;
	
}

/*#datacontent .withfloat {
	padding: 30px 10px 10px 220px;
	position: relative;
	margin:0px;
	
}*/

/*For the Custom Region Builder table definitions*/
#regionbuilder {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;
	margin-top: 10px;
	}

.regioncellborder {
	border-right: 3px solid #9FCFFF;
	}

#broadindex { /*This id is used for the table containing the broad index and the drill-down links*/
	
}
#broadindex td{
	padding:5px;
}


/*The tri-table divs are NOT for data tables. They appear on the innovation index and innovation index measures pages as a way to format the column text
*/
#tri-table {
margin-top:15px;
 font-size: 12px;
}
#tri-table th {
	padding: 5px 5px 0px 5px;
	margin:0px;
	font-size:14px;
	font-weight:bold;
	border-left: 10px solid #9FCFFF;
	vertical-align: top;
	text-align: left;
 }

#tri-table td {
 padding:15px;
 border-left: 10px solid #DDEEFF;
 border-right: 10px solid #FFF;
 vertical-align: top;

 }

.tablegraphs {
border-left: 10px solid #F0F8FF; 
border-right: 5px solid #FFF;
vertical-align: top;
}

/*The data divs are for actual data tables*/
#datatablewidth { /*This is applied to the div containing the data table (id="data") because just setting it on the #data id of the table itself does not work in IE7 */
	max-width:969px;
}

#data{
	margin-top:8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}


#data tr:hover {
/*If this is too light for the hover, #f2f2f2 is one shade darker*/
background-color: #f7f7f7;
}

#data td {
padding:5px;
}

#data .dataheader {
background-color: #9FCFFF;
margin:0px;
font-size:14px;
font-weight:bold;
vertical-align: bottom;
border: 1px solid #CCC;
}

#data .datasubheader {
	background-color: #DDEEFF;
	margin:0px;
	font-size:12px;
	font-weight:bold;
	vertical-align: bottom;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}

#data .datacontent {
	vertical-align: middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}

#data .value {
	vertical-align: middle;
	text-align: right;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
#data .metric {
	border-right-width: 3px;
	border-right-color: #333333;
	}



 
 .selection {
	font-size: 18px;
	color:#013A81;
	font-weight: bold;
	margin: 0px;
}

/*This is used for superscripted asterisks that jump to the note at the bottom of the page*/
sup a {
	text-decoration: none;
}
.measure {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}.significant {
	color: #990000;
}
.floatright {
	float: right;
}