/*  
 * Search page base CSS
 *
 *
 *
 */
body {background: url(http://cdn.azavea.com/com.redistrictingthenation/images/national/body-fill-bg.gif) repeat scroll 0 0}
strong {font-weight: bold;}
h1.title{font-size: 16pt; padding: 20px 0 0; margin-bottom: -10px; color: #000;}
h2.subtitle{color: #999;}

#rightColumn {overflow:hidden}
#districtlevelbox {margin: 10px 0 0 0 }
#districtlevelbox .headerLabel {margin-bottom: 0; text-align: left; padding-left: 0}
#districtbox {
	float:left;
	padding:0 25px 0 0;
}
#scoreCanvas {clear:left;  margin-right: 15px; border-width: 0 2px 2px 0 !important}
.colHeader {
	text-align:center;
	padding: 15px 0 ;
	background: url(http://cdn.azavea.com/com.redistrictingthenation/images/national/body-divider-vert-white.png) 0 0 repeat-y;
	font-style: italic;
	color: #fff;
	font-weight: bold;
	letter-spacing: -0.02em;
}
  
div.tabs {
	font-size: 9pt;
	line-height: 11pt;
	font-weight: 100;
	margin-top: 20px;
}
.tabs ul.tabNavigation {
	list-style: none;
}
.tabs ul.tabNavigation li {
	padding: 10px 10px 2px;
	background-color: #CCC;
	display: inline;
	margin-right: 5px;
	padding-bottom: 5px;
}
.tabs ul.tabNavigation li a {
	text-decoration: none;
	color: #999;
}
.tabs ul.tabNavigation li.selected {
	background-color: #A9D162;
}
.tabs ul.tabNavigation li.selected a {
	color: #FFF;
}
.tabs div.tabContent {
	border: 1px solid #CCC;
	border-top: 3px solid #A9D162;
	padding: 0 20px 20px;
	margin-top: 4px;
	height: 285px;
	overflow: auto;
}

.tabs div.tabContent#first {
    height: 100%;
}
.tabs div.tabContent h2 {
	font-size: 12pt;
}
.tabs div.tabContent li {
	line-height: 12pt;
	margin-left: 20px;
	margin-bottom: 7px;
}
.tabs div.tabContent li.deprecated {margin-left: 80px;}

.tabs div.tabContent ul.column {
	width: 45%;
	margin-right: 20px;
	float: left;
}

div.featuredthumb {height: 192px;}
.apple_overlay {width: auto; padding: 15px; text-align: center;}
.apple_overlay p {font-size: 9pt; text-align: left;}
.apple_overlay li {margin: 0 0 10px 20px; font-size: 9pt; text-align: left; line-height: 11pt;}
.apple_overlay li.deprecated {margin-left: 50px;}
.caption {width: 400px; margin: 0 auto; margin-top: 15px}
	
.thumbwrap {width: 100%; margin: 0 auto; padding-top: 15px}
  
.fillerimg {width: 165px; height: 165px; background-color: #999; margin-bottom: 5px;}
.featuredthumb {float:left; width: 175px; margin: 15px 20px 20px 0; font-size: 11px;  line-height: 14px; font-weight: bold}
.featurelink {float:right; margin: 0 0 10px 10px;}
	
.imgwrap {border: 1px solid #ccc; line-height: 165px; position:relative; height: 140px; padding: 5px; margin-bottom: 12px }
.imgwrap img { vertical-align:middle }
.enlargethumb {top: 131px; bottom: auto; font-weight: bold; z-index: 100}