/* energy activity layout */
	
	body {
		color: #fff;
	}
	
	.clear {
		clear: both;
	}
	
	.normal {
		text-transform: none;
		font-weight: normal;
	}
	
	.hidden, .accessible {
		display: none;
	}
	
	hr { 
		margin-bottom: 0;
		/*padding-top: 5px; taken out for Challenge screen*/
		padding-top: 0px;
		border-color: #4d6681;
	}
	
	h3 {
		font-size: 11px;
	}
	
	.test-title h3 {
		text-transform: none;
		line-height: 12px;
		padding-top: 6px;
		font-size: 10px;
		color: #fff;
	}
	
	sub { 
		vertical-align:sub; 
		font-size:75%; 
		line-height: 0;
	}
	
	sup { 
		vertical-align:super; 
		font-size:75%; 
		line-height: 0;
	}	
	
	.homepage-link {
	
		height: 35px;
		width: 396px;
		/*background-color: green;*/
		z-index: 50;
		display: block;
		margin-top: -30px;
	
	}
	
	.btn, .btn:visited {
		padding: 2px 0;
		width: 128px;
		border: 1px solid #889095;
		background: #ffc600;
		text-transform: uppercase;
		color: #000 !important;
		font-size: 75%;
		font-weight: bold;
		cursor: pointer;
		text-align: center;
		float: left;
		margin-bottom: 10px;
	}
	
	.btn:hover {
		text-decoration: none;
		background: #ffeeb2;
	}

	.btn.gray, .btn.gray:visited {
		position: absolute;
		/*border: 1px solid #889095;*/
		border: none;
		padding: 2px 0;
		width: 130px;
		border: none;
		background: #999 url('../../images/energy/design-potential-button-bg.png') repeat-x right top;
		color: #fff !important;
	}
	
	.btn.gray:hover {
		text-decoration: underline;
	}
	
	
	.btn.blue, .btn.blue:visited {
		float: left;
		margin-bottom: 10px;
		border: 1px solid #889095;
		background: #d3e4f6;
		color: #000 !important;
		font-weight: normal;
		margin-right: 7px;
		margin-top: 10px;
	}
	
	.btn.blue:hover {
		text-decoration: underline;
		background: #eff6fd !important;
	}
	
	.btn.blue-extended, .btn.blue-extended:visited {
		float: left;
		margin-bottom: 10px;
		border: 1px solid #889095;
		background: #d3e4f6;
		color: #000 !important;
		font-weight: normal;
		margin-right: 7px;
		margin-top: 10px;
		width: 150px;
	}
	
	.btn.blue-extended:hover {
		text-decoration: underline;
		background: #eff6fd !important;
	}
	
	.map-tech .btn {	
		position: absolute;
		background: #5e87b1;
		background: #5e87b1 url('../../images/energy/map-tech-btn-bg.png') repeat-x right top;
		color: #fff !important;
	}
	
	.map-tech .btn:hover {	
		text-decoration: underline;
	}
	
	#temp-container {
		width: 1009px;
		padding: 0 6px;
	}
	
	#grid-wrapper {
		width: 1009px;
		min-height: 660px;
		position: relative;
		background-color: #000033;
	}
	
	.grid-full-section {
		width: 96.2376237623762%;  /* 972px*/
		padding: 0 1.8811881188119%;
		background-color: gray;
	
	}
	
	.grid-full {
		width: 100%;
	}
	
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 {
		width: 13.374485596707819%; float: left; margin: 0 1.6460905349794%; position: relative;
	}
	
	.grid-2 { width: 30.041152263374486%; }
	.grid-3 { width: 46.707818930041152%; }
	.grid-4 { width: 63.374485596707819%; }
	.grid-5 { width: 80.041152263374486%; }
	.grid-6 { width: 96.707818930041152%; }
	
	.grid-3.design-sliders { width: 37%; margin: 0 0 0 8%; font-size: 10px }
	
	.grid-3.design-sliders.single { width: 80%; margin: 0 0 0 -5.5% }
	
	.grid-3.design-sliders p.wide-label { margin-left: -20% }
	
	.grid-1.system-technology-container {
		width: 14.374485596707819%; margin: 0 0.6460905349794% 0 1.6460905349794%;
	}
	
	.grid-relative {
		
	}
	
	.nav-map-info {
		position: absolute;
		top: 0;
		right: 0;
	}
		
	.intro-header {
		height: 214px;   /*214px*/		
		background-color: #122538;	
		background: #122538 url('../../images/energy/intro-header-bg.png') repeat-x right top;
	}
	
	.intro-title {
		background: url('../../images/energy/intro-title.png') no-repeat 0 25px;
		height: 200px;
		width: 100%
	}
	
	.main-header {
		height: 72px;   	
		background-color: #14293d;	
	}
	
	.main-header h1 {
		height: 36px;
		width: 498px;
		text-indent: -999999em;
		background: transparent url('../../images/energy/main-title.png') no-repeat; 
		margin-top: 26px;
		font-size: 2em;
		color: #fff;
		line-height: 1em;
	}
	
	
	.design-header  {
		height: 58px;   	
		background: #474747 url('../../images/energy/design-header-bg.png') repeat-x left top; 
	}
	
	.design-header h2, .test-header h2  {
		height: 21px;
		width: 396px;
		text-indent: -999999em;
		background: transparent url('../../images/energy/design-header-title.png') no-repeat; 
		margin-top: 22px;
		font-size: 1em;
		color: #fff;
		line-height: 1em;
	}
	
	.test-header {
	
		height: 136px;
		background: #474747 url('../../images/energy/test-header-bg.png') repeat-x left top;
		position: relative;
		overflow: hidden;
	}
	
	.test-header h2  {
		background: transparent url('../../images/energy/test-header-title.png') no-repeat; 
	}
	
	.test-header hr {
		margin-top: 10px;
		margin-bottom: 13px;
		border-color: #6f6f6f;
	}
	
	.intro-body {	
		height: 446px;   /*446px*/		
		background-color: #336699;	
		background: #336699 url('../../images/energy/intro-body-bg.jpg') no-repeat right top;
	}
	
	.map-body {	
		height: 588px;  
		background-color: #336699;
		background: #336699 url('../../images/energy/map-bg-gradient.png') repeat-x left top;
		color: #fff;
		position: relative;
	}
	
	.design-body {
		height: 512px;   
		background-color: #fff;	
		padding-top: 18px;
		color: black;
	}
	
	.solar-only {
		background: #fff url('../../images/energy/design-solar-bg.png') no-repeat 90% 100%;
	}
	
	.wind-solar-only {
		background: #fff url('../../images/energy/design-wind-solar-bg.png') no-repeat 96% 100%;
	}
	
	.test-body {
		height: 396px;   	
		background-color: #fff;	
		padding-top: 56px;
		color: black;
	}
	
	/* some specific stuff to the header nav */
	
	.head-rank {
		height: 72px;	
		width: 210px;
		float: left;
		background: transparent url('../../images/energy/head-rank-bg.png') no-repeat left top;
	}
	
	.head-info {
		height: 72px;	
		width: 58px;
		float: left;
		background: transparent url('../../images/energy/btn-head-info.png') no-repeat left top;
	}
	
	.head-map {
		height: 71px;	
		width: 58px;
		float: left;
		background: transparent url('../../images/energy/btn-head-map.png') no-repeat left top;
	}
	
	.head-info:hover, .head-map:hover  {
		background-position: 0px -72px;
		cursor: pointer;
	}
		
	.head-rank .user-icon {
		background-color: black;
		height: 48px;
		width: 48px;
		margin: 10px 10px 0 10px;
		border: 1px solid white;
		float: left;
	}
	
	.main-header img.avatar {
		width: 48px; height 48px;
	}
	
	.head-rank .user-info {
		float: left;
		color: #99ccff;
		line-height: 14px;
		margin-top: 22px;
		font-size: 11px;
		width: 132px;
		overflow: hidden;
	}
	
	.head-rank .user-name {
		font-weight: bold;
	}
	

	/*some specific stuff to the map page*/
	#rank-module {
		float: left;
		background: #f4f4f4;		
		width: 260px;
		height: 48px;
		margin-left: 10px;
		margin-top: 12px;
		border: 1px solid #e5e5e5;
		color: #666;
	}

	#rank-module img {
		float: left;
		width: 48px;
		height: 48px;
		border-right: 1px solid #e5e5e5;
		margin-right: 11px;
	}

	#rank-module .user-info {
		padding: 10px 0;
		font-size: 11px;
		line-height: 15px;
	}

	#rank-module .user-name {
		font-weight: bold;
	}
	
	.map-nav {	
		height: 486px;  
		background: url('../../images/energy/map-nav-bg.png') no-repeat left top;
		position: relative;
	}
	
	.map-tech-solar {	
		height: 75px;  
		background: #183049 url('../../images/energy/map-tech-solar-bg.png') no-repeat center 3px;
		margin
	}
	.map-tech-wind {	
		height: 75px;  
		background: #183049 url('../../images/energy/map-tech-wind-bg.png') no-repeat center 3px;
	}
	.map-tech-geo {	
		height: 75px;  
		background: #183049 url('../../images/energy/map-tech-geo-bg.png') no-repeat center 3px;
	}
	.map-tech-bio {	
		height: 75px;  
		background: #183049 url('../../images/energy/map-tech-bio-bg.png') no-repeat center 3px;
	}
	
	.map-tech {	
		margin-top: 55px;
	}
	
	.map-nav {
		text-transform: uppercase;
		color: #666;
		font-size: 11px;
		font-weight: bold;
	}
	
	.pin-title {
		margin-left: -10px
	}
	
	.map-locname {
		margin: -21px 0 0 26px;
	}
	
	.pin-1 {
		/*Tucson*/
		position: absolute;
		left: 113px;
		top: 280px;
	}
	
	.pin-2 {
		/*Boulder*/
		position: absolute;
		left: 199px;
		top: 178px;
		z-index: 4;
	}
	
	.pin-3 {
		/*LV*/
		position: absolute;
		left: 75px;
		top: 215px;
		z-index: 3;
	}
	
	.pin-4 {
		/*TN*/
		position: absolute;
		left: 433px;
		top: 235px;
	}
	
	.pin-5 {
		/*LA*/
		position: absolute;
		left: 30px;
		top: 236px;
		z-index: 2;
	}
	
	.map-nav .pin {
		display: inline-block;
		width: 33px;
		height: 42px;
		background: transparent url('../../images/energy/map-nav-pin.png') no-repeat;
		background-position: 0 0;
		margin-top: 0;
	}

	.map-nav .pin:hover { background-position: -33px 0; }
	
	.map-nav .pin.powered { background-position: -66px 0; }
	
	.map-nav .pin.powered:hover { background-position: -99px 0; }

	
	
	/*some specific stuff to the challenge page*/
	
	.challenge-container {
		font-size: 13px;
	}
	
	.challenge-upper-body {
		height: 228px;  
		background-color: #fff;
		color: #000;
	}
	
	.challenge-upper-body .title {
		margin-top: 14px;
	}
	
	.challenge-upper-body .videos {
		margin-top: 72px;
		float: left;
	}
	
	.challenge-upper-body .videos li {
		margin-top: 2px;
	}
	
	.challenge-body {
		height: 360px;  
		background: #336699 url('../../images/energy/map-bg-gradient.png') repeat-x left -228px;
		color: #fff;
		position: relative;
	}
	
	.your-challenge-title, .current-status-title {
		margin-top: 30px;
	}
	
	.challenge-body h4 {
		color: #99ccff;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 11px;
		margin-top: 14px;
		
	}
	
	.challenge-body h4.first {
		margin-top: 24px;
	}
	
	.challenge-data {
		font-size: 24px;
	}
	
	.challenge-units {
		font-size: 16px;
	}
	
	.challenge-copy {
		margin-top: 12px;
		line-height: 18px;
		font-size: 14px;
	}
	
	.challenge-btn-next {
		position: absolute;
		top: 228px;
		right: 0;	
	}
	
	.video-duration {
		color: #999;
	} 
	
	/*some specific stuff to the design page*/
	
	.design-header-city {
		text-align: right;
		margin-top: 22px;
	}
	
	.system-step2 {
		
	}
	
	.non-active {
		display: none;
	}
	
	.btn-test-next, .btn-power-prev, .btn-power-next {
		display: none;
	}
	
	.btn-design-next {
		position: absolute;
		top: 450px;
		right: 0;	
	}
	
	.btn-power-prev {
		position: absolute;
		top: 240px;
		right: 0;	
	}
	
	.btn-power-next {
		position: absolute;
		top: 275px;
		right: 0;	
	}
	
	.intro-btn-begin {
		top: 380px;
		position: absolute;
		right: 0;
	}
	
	.design-tech-header {
		
		background-color: #285079;
		height: 121px;
		color: #99ccff;
		font-size: 11px;
		line-height: 16px;
		text-align: center;
	}
	
	.design-tech-header p.cost-value {
		
		font-size: 12px;
		font-weight: bold;
	}
	
	.design-tech-header p.title {
		
		padding-top: 73px;
	}
	
	.design-tech-header.solar { background: #285079 url('../../images/energy/design-tech-solar.png') no-repeat }
	.design-tech-header.wind { background: #285079 url('../../images/energy/design-tech-wind.png') no-repeat }
	.design-tech-header.geo { background: #285079 url('../../images/energy/design-tech-geothermal.png') no-repeat }
	.design-tech-header.bio { background: #285079 url('../../images/energy/design-tech-biomass.png') no-repeat }
	
	.design-tech-body {
		
		background-color: #ebebeb;
		height: 280px;
		text-align: center;
		font-size: 11px;
		text-transform: uppercase;
		color: #666666;
		padding-top: 24px;
		margin-bottom: 4px;
	}
	
	.design-description {
		font-size: 15px;
		color: #336699;
		line-height: 18px;
	}
	
	.design-location-goal h4 {
		font-size: 11px;
		color: #333;
		font-weight: bold;
		margin-top: 32px;
	}
	
	.design-location-goal h4.area-available {
		
		margin-top: 0px;
	}
	
	.design-bugdet {
	
		background-color: #e0f0ff;
		height: 34px;
		padding: 16px;
	}
	
	.design-bugdet .bugdet-value {
		
		background-color: white;
		border: 1px solid #cccccc;
		font-size: 18px;
		color: #666;
		padding: 5px 5px
	}
	
	.design-area {		
		background-color: white;
		border: 1px solid gray;
		height: 164px;	
	}
	
	.design-area-actual {		
		background-color: lightblue;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		height: 30px;	
		width: 50px;
		position: relative;
		
	}
	
	.design-area-text {
		text-align: right;
	}
	
	.bank-green {
		color: green;
	}
	
	.bank-red {
		color: #990000;
	}
	
	.area-toomuch {
		border: 1px solid #990000;
	}
	
	.area-actual-toomuch {
		border-bottom: 1px solid #990000;
		border-right: 1px solid #990000;
	}
	
	.test-title {
		background-color: #4b4b4b;
		height: 64px;
		text-align: center;
		border-right: 1px solid #6f6f6f;
		border-left: 1px solid #6f6f6f;
		font-size: 10px;
		font-weight: bold;
		line-height: 12px;
	}
	
	.test-title .test-units {
		font-size: 10px;
		color: #999;
		font-weight: bold;
	}
	
	.production-target .test-units { color: #ebc299 }
	
	.test-title .inc-value {
		width: 66px;
		height: 16px;
		text-align: right;
		color: #99ccff;
		font-size: 13px;
		font-weight: normal;
		background-color: #333;
		border: 1px solid #5a8193;
		margin-left: auto;
		margin-right: auto;
		margin-top: 6px;
	}
	
	.inc-value p {
		line-height: 16px;
		margin-right: 4px;
	}
		
	.test-title.production-target {
		background-color: #cc6600;
		color: white;
		border-color: #cc6600;
	}
	
	.test-title p.inc-target {
		font-size: 18px;
		font-weight: bold;
		margin-top: 8px;
	}

	/* energy activity styling */
	
	.button-right {
		float: right;
	}
	
	.intro-body p {
		margin-bottom: 10px;
	}
					
	.intro-leaderboard {
		
		background-color: white;
		margin-top: 24px;
		padding-bottom: 25px;
	}
	
	.intro-leaderboard-title {
		height: 48px;
		background: url('../../images/energy/leaderboard-header.jpg') no-repeat left top;
		
	}
	
	.main-leaderboard {
		background-color: white;
		margin-top: -534px;
		padding-bottom: 15px;
	}
	
	.intro-leaderboard-info {
		float: right;
		height: 21px;
		width: 21px;
		background: url('../../images/energy/info-i.png') no-repeat;
		margin-top: 13px;
		margin-right: 13px;
		cursor:pointer;	
	}
	
	.intro-leaderboard-info:hover {
		background-position: -21px 0;
	}

	.ldr-grid {
		margin-bottom: 4px;
		float: left;
	}

	.ldr-grid.blank {
		margin-bottom: 0;
	}
	
	.ldr-grid.blank > div {
		line-height: 12px;
		background-color: #fff;
		height: 25px;
		text-align: center;
		font-size: 9px;
		font-weight: bold;
		margin-top: 0px;
		margin-bottom: -4px;
		padding: 4px 0;
	}

	.ldr-grid.blank.divider > div {
		margin-top: 0px;
		height: 0px;	
		border-top: 0;
		border-bottom: 0;
	}

	.ldr-grid.blank > .ldr-rank {
		border: 1px solid white;
	}

	.ldr-grid.blank > .ldr-name, .ldr-grid.blank > .ldr-co2, .ldr-grid.blank > .ldr-cost  {
		border-top: 1px solid white;
		border-bottom: 1px solid white;
		border-right: 1px solid #d7dfe6;		
	}

	.ldr-grid > div {
		float: left;
		font-size: 11px;
		background-color: #f4f4f4;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		border-right: 1px solid #d7dfe6;
		color: #336699;
		height: 40px;
	}
	
	.ldr-grid .ldr-rank {
		background-color: #c4d0de;
		color: #2c5985;
		border: 1px solid #9eb2c7;
		width: 21px;
		margin-left: 10px;
	}
	
	.ldr-grid .ldr-name {
		width: 115px;
		overflow: hidden;
		color: #333;
	}

	.ldr-grid .ldr-co2, .ldr-grid .ldr-cost {
		width: 60px;
	}
	
	.ldr-rank .inner {
		margin: 10px 0 0 0;
		text-align: center;
	}
	
	.ldr-icon {
		width: 30px;
		height: 30px;
		background-color: gray;
		margin: 4px 0 0 6px;
		float: left;
	}
	
	.ldr-name .inner {
		float: left;
		margin: 10px 0 0 4px;
	}
	
	.ldr-co2 .inner, .ldr-cost .inner {
		margin: 10px 0 0 0;
		text-align: center;
	}
	
	
	
	/*test graph styling*/
	
	.demand-block {
		border-top: 1px solid #cc6600;
		z-index: 2;
		position: relative;
		height: 1px;
	}
	.solar-color {
		background-color: #f1f190;	
	}
	.wind-color {
		background-color: #eaaa79;	
	}
	.geo-color {
		background-color: #c37d7b;	
	}
	.bio-color {
		background-color: #a3c2a3;	
	}
	
	.graph-container {
		float: left;
	}
	
	.graph-month {
		width: 24px;
		margin: 0 3px 0 2px;
		float: left;
		overflow: hidden;
	}
	
	.graph-hour {
		width: 2px;
		margin: 0 0px 0 0;
		float: left;
		overflow: hidden;
	}
	
	.graph-hour.last {
		margin-right: 1px;
	}
	
	.test-graph, .power-graph {
		border-left: 1px solid #336699;
		border-bottom: 1px solid #336699;
		height: 300px;
		width: 696px;
		float: left;
	}
	
	.power-graph {
		width: 686px;
	}
	
	.demand-title.label p {
		padding-top: 36px;
	}
	
	.demand-legend {
		margin-top: -32px;
		clear: both;
	
	}
	.power-legend {
		float: left;
		width: 30px;
		height: 300px;
		clear: both;
		position: relative;
	}
	
	.power-tic {
		float: right;
		border-top: 1px solid #336699;
		border-bottom: 1px solid #336699;
		width: 6px;
		height: 299px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.power-lbl-min, .power-lbl-max {
		color: #336699;
		position: absolute;
		bottom: -11px;
		right: 8px;
		font-size: 10px
	}

	.power-lbl-max {
		top: -11px;
	}
	
	.power-legend-label, .power-legend-label-test {	
		background: white url('../../images/energy/axis-label.png') no-repeat right top;
		height: 178px;
		width: 13px;
		position: absolute;
		top: 60px;
		right: 10px;
	}

	.power-legend-label-test {	
		background: white url('../../images/energy/axis-label-test.png') no-repeat right top;
		height: 217px;
		top: 40px;
	}

	.demand-line {
		float: left;
		border-top: 1px solid #cc6600;
		width: 24px; 
		margin-top: 46px;
		margin-right: 7px;
	}
	
	.demand-key {
		float: left;
	
	}
	
	.graph-month.tics {
		margin:0;
		height: 6px;
		width: 28px; 
		border-left: 1px solid #336699;
		z-index: 2;
	}
	
	.graph-month.tics.last {
		border-right: 1px solid #336699;
	}
	
	.graph-month.label {
		width: 29px;
		margin-top: -10px;
		text-align: center;
		margin: -10px 0 0 0;		
	}
	
	.graph-month.label.first {
		margin-left: 1px;
		
	}
	
	.graph-day {
		margin-right: 1px;
	}
	
	.graph-hour.tics {
		margin:0;
		height: 6px;
		width: 48px; 
		border-left: 1px solid #336699;
	}
	
	.graph-hour.tics.week-divider {
		margin: -300px 0 0 0;
		height: 306px;	
	}
	
	.graph-hour.tics.last {
		border-right: 1px solid #336699;
	}
	
	.graph-hour.label {
		width: 49px;
		text-align: center;
		margin: -8px 0 0 0;		
	}
	
	.graph-hour.label.first {
		margin-left: 1px;
		
	}
	
	.week-legend {
		clear: both;
		background: white url('../../images/energy/week-marker.png') no-repeat 0 10px;
		width: 191px;
		height: 31px;
		margin-left: 248px;

	}
	
	.week-container {
		float: left;
	}
	
	.label {
		color: #999;
		font-size: 10px;
		text-transform: uppercase;		
	}
	
	.demand-title.label {
		text-transform: none;
		color: #666;
	}
	
	/*your system styling*/
	
	.system-technology-title {
		color: #336699;
		border-bottom: 1px solid #d1d1d1;		
	}
	
	.system-technology {
		border-bottom: 1px solid #d1d1d1;
		padding-top: 10px;
		padding-bottom: 2px;
	}
	
	.key-block {
		width: 8px;
		height: 8px;
		margin-right: 4px;
		float: left;
	}
	
	.system-technology p {
		font-size: 11px;
		
	}
	
	.system-technology p.title {
		font-weight: bold;
		line-height: 9px;
		
	}
	
	/*triangle styling*/
	
/*
	.arrow-up {
		width: 0; 
		height: 0; 
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		
		border-bottom: 5px solid red;
	}
*/

	.arrow-up {
		border-top: 2px dotted black;
		margin-top: -2px;
	}

	
	
	/*test graph styling*/
	
	.powerup-datetime {
	
		background-color: #fff;
		padding: 4px 0;
		width: 75px;
		color: #369;
		font-weight: bold;
		font-size: 12px;
		float: left;
		text-align: center;
		margin-right: 1px;
		margin-bottom: 1px;
		line-height: 14px;
		margin-top: 18px;
		
	}
	
	
	
	/* info and modal styling*/
	
	/* modal_overlay is the modal used for the challenges */
	/* modal-info is the popup used for the info button content */
	
	#modal_overlay, #modal-info, #modal-map-solar, #modal-map-wind, #modal-map-geo, #modal-map-bio, #modal-video {
		display: none;
	}
	
	.modal-popup.us-map {
		top: 68px !important;
	}
	  	
	.modal-popup, .tooltip, .modal-auto-challenge {
    	
    	border:4px solid #000;
    	color: #333;
		font-size: 14px;
		padding: 10px 10px 4px 10px;
    	background-color: #fff;
    	z-index: 10;
	}
	
	.modal-popup.videopop {
    	width:512px;
    	background-color: black;
    	padding-top: 35px; /*make room for the close button*/
    	padding-bottom: 0px;
    }
    
	.modal-popup.videopop .close {
    	top: 1px;
    }
	  	
	.modal-auto-challenge, .tooltip {
    	width:282px;
	}

	.modal-popup.leaderboardinfo {
    	width:500px;		
		padding: 30px 36px 36px 36px;
	}

	.modal-popup.datainfo {
    	width:528px;		
		padding: 32px 36px 36px 36px;
	}
	
	.modal-popup.us-map {
    	width:754px;		
		padding: 32px 36px 36px 36px;
	}


	.modal-popup h2 {
		font-size: 120%;
		text-indent: -99999em;
		line-height: 1em;
	}

	.modal-popup li {
		margin-bottom: 14px;
	}
	
	.modal-popup .close  {
		text-indent: -99999em;
		position: absolute;
		top: 8px;
		right: 8px;
		background: transparent url('../../images/energy/btn-close-x.png') no-repeat; 
		width: 28px;
		height: 28px;
		cursor: pointer;
	}
	
	.modal-popup .close:hover { 
		background-position: -28px 0; 
	}
	
	.modal-auto-challenge .close {
		background-image: none;
	}
	
	.modal-auto-challenge #modal-instructions {
	}
	
	.modal-auto-challenge .ea-design-tip-title {
		margin-top: -4px;
		font-weight: bold;
	}
	
	.modal-auto-challenge .ea-design-tip-body {
		font-size: 90%;
		line-height: 1.4em;
		margin-bottom: 12px;
	}
	
	.modal-auto-challenge .ea-warning {
		color: #cc6600;
	}
	
	.modal-popup.leaderboardinfo h2 {
		background: transparent url('../../images/energy/modal-title-leaderboardinfo.png') no-repeat; 	
		margin-bottom: 32px;

	}
	
	.modal-popup.datainfo h2 {
		background: transparent url('../../images/energy/modal-title-datainfo.png') no-repeat; 				
	}
	
	.panes ul {
		margin-top: 30px;
	}
	
	ul.tabs a {
		min-width: 94px;
	}
	
	
		
	
	.bullet {
		color: #336699;
	}
	
	.tooltip {
		display:none;
		padding: 0;
		font-size: 13px;
		color: #333333;
		
  	}
  	
  	.tooltip p {
  		padding: 0 10px 10px 10px;
  	}
	

	/*"temp" graph styling*/
	
	
	
	
	#m1-de { margin-top:75px}
	#m1-t1 { height: 60px }
	#m1-t2 { height: 40px } /*300 - mar_demand - 1 - production*/
	#m1-t3 { height: 60px }	/*300 - 75 - 1 - 60 -40 - 60 - 10 - 1 = 54*/
	#m1-t4 { height: 10px; margin-top: 53px;}  
		
	#m2-de { margin-top:75px }
	#m2-t1 { height: 80px }
	#m2-t2 { height: 70px }
	#m2-t3 { height: 60px }
	#m2-t4 { height: 10px; margin-top: 3px;}
		
	#m3-de { margin-top:75px }
	#m3-t1 { height: 60px }
	#m3-t2 { height: 80px }
	#m3-t3 { height: 80px }
	#m3-t4 { height: 10px; margin-top: -7px;}
		
	#m4-de { margin-top:75px }
	#m4-t1 { height: 40px }
	#m4-t2 { height: 50px }
	#m4-t3 { height: 70px }
	#m4-t4 { height: 30px; margin-top: 33px;}
		
	#h1-t4 { height: 10px; margin-top: 130px;}  /*300 - production */
	#h2-t4 { height: 10px; margin-top: 80px;}
	#h3-t4 { height: 10px; margin-top: 70px;}
	#h4-t4 { height: 30px; margin-top: 110px;}