#mapdesc1.vert .legendset {
height: 98%;
xoverflow-y: scroll;
overflow:auto;
}

.theme-list-close {
background-color: #2383c4;
}

.theme-options{
left: 0px;
background-color: #2383c4;
box-shadow: 0 20px 30px rgba(0,0,0,0.3);
font-size: 14px;
border-radius: 0px 0px 6px 6px;
width: 360px;
}

.theme-options ul li {
	border-bottom: 1px solid #F5F5F5;
}

.theme-options ul li a:hover {
	background-color: #F5F5F5;
	color: #666;

	background-color: #FAFAFA;
color: #3498db;
}

.theme-options ul li a.active-theme, .theme-options ul li a.active-theme:hover {
background-color:#696969;
color:#fff;

background-color: #F3F3F3;
color: #2383c4;
}

.themecategory {
	background-color: #2383c4;
	color: #fff;
}

.gas-price-ui-container{
padding:0px 10px;
display:none;
margin-top:-20px;
}


h2.info-header-geo{
	color:#3498db;
}

label.gas-price{
font-size:22px;
color:#3498db;
font-weight:normal;
}

#gas-price-slider-value{
font-size:18px;
color:#666;
font-weight:normal;
}

.slider-container{
  width:90%;
  margin:10px;
  clear:left;
  display:none;
}

.slider-container p{
	color:#999;
	margin-bottom:20px;
}

/* Intro statement block */
.maptitleset .description{
	padding:0px 0px;
}

.maptitleset .description p.teaser-slug{
	color:#666;
}

.gas-price-ui-head-container{
	background:url("/assets/images/gas-pump.png") 10px 50% no-repeat;
	height:40px;
	position:relative;
}

.gas-price-ui-head-container-values{
	position:absolute;
	bottom:-20px;
	margin-left:60px;
}


.gas-price-stats-head-container{
	background:url("/assets/images/gas-pump-w-driver-reverse.png") 0px 50% no-repeat;
	height:45px;
	position:relative;
}

.total-auto-costs-head-container{
	background:url("/assets/images/total-auto-cost-reverse.png") 0px 50% no-repeat;
	height:45px;
	position:relative;
}

.tab-content-wrapper{
	border: none;
	border-radius: 4px;
	background-color: #3498db;
	top: 0px;
	position: relative;
	margin: 0px 0px 0px 0px;
	width: 340px;
	padding:10px 10px;
}

.gas-price-stats-wrapper{
	margin-top:40px;
}

.gas-price-stats-container{
margin-top: 10px;
padding: 10px;
background-color: #fff;
border-radius: 5px;
}

.gas-price-stats-container h3{
font-size:18px;
}

h2.info-header-geo{
	padding-left:10px;
}


h2.gas-stat-monthly-ownership-cost, h2.gas-stat-monthly-use-cost{
	font-size:14px;
	display:block;
	float:left;
	color:#888;
	height:20px;
}

h2.results{
float:right;
}

h2.gas-stat-total-cost, h2.gas-price-slider-value, .total-auto-cost-budget-wrapper h2{
	font-size:18px;
}

a#hide-describe{
color:#3498db;
}	


#budget-used-chart{
	height: 20px;
	background-color: #F0F0F0;
	border: 1px solid #ccc;
	text-align: left;
}	

#budget-used-chart img{
height:20px;
}

#budget-wrapper{
	width: 340px;
	margin: 30px 10px;
	display:none;
}

.budget-bar-container{
width: 100%;
height: 40px;
}

.budget-bar-total{
background-color: #eee;
height: 40px;
border-radius: 5px;
}

.budget-bar-remaining-under{
/*background-color: #3498db;*/
background-color:#669900;
height: 40px;
border-radius: 5px 0px 0px 5px;
}

.budget-bar-remaining-over{
	background-color: #f82000;
	height: 40px;
	border-radius: 5px;
}

.budget-pct-num{
font-size: 24px;
color: #fff;
text-align: center;
padding:5px;
}

.budget-over-under{
text-align: center;
color: #fff;
}

#budget-narrative, #gas-price-narrative{
margin-top:10px;
color:#888;
font-size:14px;
line-height:16px;
}

#budget-narrative em, #gas-price-narrative em{
color:#3498db;
}

#gas-price-narrative{
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #eee;
}

/* jQuerry UI Overrides for Slider and Tabs default styles*/

.slider-container .ui-widget-content {
border: 1px solid #eee;
background: #3498db;
/*background:url("/assets/images/gas-price-tool-slider-bg.png") 0px 50% repeat-y;*/
}

.slider-container .ui-slider-horizontal {
height: 0.6em;
}


.slider-container .ui-corner-all, .slider-container .ui-corner-bottom, .slider-container .ui-corner-left, .slider-container .ui-corner-bl {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}

.slider-container .ui-slider-horizontal .ui-slider-handle {
top: -9px;
margin-left: -12px;
}

.slider-container .ui-slider .ui-slider-handle {
width: 24px;
height: 26px;
}

.slider-container .ui-state-default, .slider-container .ui-widget-content .slider-container .ui-state-default, .slider-container .ui-widget-header .ui-state-default {
	border: none;
	background: url("/assets/images/ui-bg-dollar-sign-32x32.png") 50% 50% no-repeat !important;
	font-weight: normal;
	color: #555555;
	outline:none;
	cursor:pointer;
}

#tab-container .ui-widget-content {
	border: none;
	background: none;
	color: #222222;
}

#tabs .ui-widget-header{
	border: none;
	background: none;
	color: #222222;
	font-weight: normal;
}

.gas-costs .ui-widget-content, .total-auto-costs .ui-widget-content{
	border:none;
	background:none;
}

.ui-tabs .ui-tabs-panel{
	border:none;
	padding:0px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #eeeeee;
	background: #fafafa;
	font-weight: normal;
	color: #666666;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #ffffff;
	background-color: #3498db;
	background-image:none;
	font-weight: normal;
	color: #ffffff;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	outline: none;
}

state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #888;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #ffffff;
}

.state-default:hover a, .ui-state-default:hover a{
	color:#333;
}

.ui-state-active:hover a{
	color:#fff;
}

.timeframe-container{
	position:relative;
	top:17px;
	left:120px;
	padding:0px;
	color:#fff;
}

.timeframe-container .radio-checklist{
	font-size:15px;
}

.total-auto-cost-budget-wrapper {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #eee;
}

.gas-price-linechart-container{
display:none;
}
#visualization{
padding:0px;
margin:0px;
width:100%;
background-color:#fafafa;
left:-60px;
}