/*BGN/GME Impact Widget Basic CSS*/
body {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
}

/*forms*/
.admin form{
	display: block;
	width: 650px;
	margin: 5px;
	padding: 20px;
	background: #f8f8ff;
	border: solid 2px #dfdfdf;
}

.admin .list {
	display: block;
	width: 900px;
	background: #f8f8ff;
	border: solid 2px #dfdfdf;
}

.admin .list td{
	border: solid 1px white;
}



.admin form label {
	display: block;
	font-weight: bold;
}

.list .project {
	border-top: 2px solid #dfdfdf;
}

.list .project .detail {
	margin: 2px;
	padding: 2px;
}

.list .hilite {
	background-color: #ccc;
}

.error {
	color: red;
	font-weight: bold;
	display:block;
}

/*main widget styles*/
#iwcontent {
	width: 814px;
	background:#dcddde;
	margin:auto;
	position:relative;
}

#map3d_container {
	border: 1px solid silver; 
	height: 425px; 
	width: 790px;
	margin:auto;
}

/*control panels 
#controls {
	width: 830px;
	border-bottom: solid 1px silver;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
}

#controls a img {
	border: none;
}

	
.control_panel {
	width: 400px;
	margin: 0px;
	padding-left: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
}

#controls #control_left {
	position: absolute;
	float:left;
	border-right: solid 1px silver;
}

#controls #control_right {
	margin-left: 416px;
	}*/
#controls {
	width: 790px;
	height:190px;
	margin:0 auto;
	background-color:#dcddde;
	/*border-bottom: solid 1px silver;
	border-left: solid 1px silver;
	border-right: solid 1px silver;*/
}
#controls #control_left {
	float:left;
	width:444px;
}
#controls #control_right {
	float:left;
	width: 345px;
	}
#controls #control_right ul {
	margin:0;
	padding:0;
	height:29px;
	list-style:none;
	background-image:url('/images/rightcontrol_tab.gif');
	background-repeat:no-repeat;
}
.impact_toggle {
	cursor: pointer;
}
.picon a {
	background-image:url('/images/iw_control_btn_sprite.png') !important;
	display:block !important;
	width: 49px !important;
	height:48px !important;
	background-repeat:no-repeat !important;
}
a#picon_solar {background-position: 0 -384px}
a#picon_wind {background-position: 0 -288px}
a#picon_methane {background-position: 0 -432px}
a#picon_forest {background-position: 0 -336px}
a#picon_geothermal {background-position: 0 -480px}
a#picon_landfill {background-position: 0 -528px}
a#vicon_VULaircraft {background-position: 0 -144px}
a#vicon_VULcommercial {background-position: 0 -192px}
a#vicon_VULelecprod {background-position: 0 0}
a#vicon_VULindustrial {background-position: 0 -96px}
a#vicon_VULonroad {background-position: 0 -240px}
a#vicon_VULresidential {background-position: 0 -48px}

a#picon_solar:hover {background-position: -48px -384px}
a#picon_wind:hover {background-position: -48px -288px}
a#picon_methane:hover {background-position: -48px -432px}
a#picon_forest:hover {background-position: -48px -336px}
a#picon_geothermal:hover {background-position: -49px -480px}
a#picon_landfill:hover {background-position: -48px -528px}
a#vicon_VULaircraft:hover {background-position: -49px -144px}
a#vicon_VULcommercial:hover {background-position: -49px -192px}
a#vicon_VULelecprod:hover {background-position: -49px 0}
a#vicon_VULindustrial:hover {background-position: -49px -96px}
a#vicon_VULonroad:hover {background-position: -49px -240px}
a#vicon_VULresidential:hover {background-position: -49px -48px}

a#picon_solar.active {background-position: -48px -384px}
a#picon_wind.active {background-position: -48px -288px}
a#picon_methane.active{background-position: -48px -432px}
a#picon_forest.active {background-position: -48px -336px}
a#picon_geothermal.active {background-position: -48px -480px}
a#picon_landfill.active {background-position: -48px -528px}
a#vicon_VULaircraft.active {background-position: -49px -144px}
a#vicon_VULcommercial.active {background-position: -49px -192px}
a#vicon_VULelecprod.active {background-position: -49px 0}
a#vicon_VULindustrial.active {background-position: -49px -96px}
a#vicon_VULonroad.active {background-position: -49px -240px}
a#vicon_VULresidential.active {background-position: -49px -48px}

/*project bubbles */

.iw_bubble {
	display: block;
	width: 470px;
	height: 320px;
	padding:0 15px;
	margin:0;
	font-size:12px;
	overflow-x:hidden;
	}
	
#iwid_14 {
	/*height:275px;*/
}

#iwid_62 { /*ecommerce bubble */

}

.signincall {
	margin:10px 0;
}
.formfield {
	margin-bottom:10px;
}
.formfield input {
	width:200px
}
div#login.front {
	width:200px !important;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom:dashed #c6c7ca 1px;
}
div#login.purchase {
	width:100%;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom:dashed #c6c7ca 1px;
}
#wind, #forest {
	float:left;
	width:45%;
	font-size:10px;
	margin:0 15px 0 0;	
}
.residential_vulcan_bubble, .aircraft_vulcan_bubble, .commercial_vulcan_bubble, .onroad_vulcan_bubble, .elecprod_vulcan_bubble, .industrial_vulcan_bubble {
	height:300px !important;
	width:450px !important;
}	
.iw_bubble .bubblehead .name {
	font-size: 20px;
	font-weight: bold;
}

.iw_bubble .bubblebody {
	margin:0;
	padding-top:10px;
	clear:both;
}
.iw_bubble .bubblebody p {
	line-height:1.1em;
	margin:0 0 10px 0;
}
.iw_bubble .bubblebody div.image {
	float:left;
	width:100%;
}
.iw_bubble .bubblebody div.image img {
	height:150px;
	width:215px;
}
div.links {
	width:194px;
	/*padding:15px 0;
	float:left;*/
	margin:auto;
}
.iw_bubble .bubblebody .links{
	clear:both;
	padding:15px 0;
}
.bubblehead h3 {
	color:#231f20;
	margin:0 !important;
}
.bubblehead h2 {
	padding-top:6px;
	font-size:23px;
	color:#479122;
	margin:0;
}
.bubblehead h3 {font-size:17px;}
h2.sector {color:#231F20 !important;}
span.pbubicon {
	float:left;
	margin: 0 15px 15px 0;
}

/*vulcan bubbles*/
/*live long and prosper*/
div.emissions {font-size:18px;}
div.credit {font-size:10px;margin-bottom:15px;}
div.calculations {font-size:11px;}
p.calcstat {margin-bottom:7px;}
div.vulcbuttons { width:100% !important; clear:both !important;}
/* Tabs */
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; margin:0; padding:0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important;  }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; display:block; /*height: 30px; */}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display:block; }
.ui-tabs .ui-tabs-hide { display: none !important; }
#control_left .ui-tabs-nav li a {
	background-image: url('/images/leftcontrolsprite.jpg');
	background-repeat:no-repeat;
	 height: 29px; 
}

.ui-tabs-selected a#impact_head {background-position: 0 -29px !important;}
.ui-tabs-selected a#joinus_head {background-position: -100px -29px !important;}
.ui-tabs-selected a#share_head {background-position: -246px -29px !important;}

.ui-state-default a#impact_head {background-position: 0 0px;}

.ui-state-hover a#impact_head {background-position: 0 -29px;}
.ui-state-hover a#joinus_head {background-position: -100px -29px;}
.ui-state-hover a#share_head {background-position: -246px -29px;}

a#impact_head { width:100px;}
a#joinus_head {background-position: -100px 0px; width:146px;}
a#share_head { width:98px; background-position:-246px 0px;}

#our_impact {
	background-image:url('/images/impactbox_bg.gif');
	background-position:0 0;
	width:100%;
	height:143px;
	padding:16px 0 0;
	clear:both;
	position:relative;
	background-repeat:no-repeat;
}
#share {
	background-image:url('/images/sharebox_bg.gif');
	background-position:0 0;
	width:100%;
	height:143px;
	padding:16px 0 0;
	clear:both;
	position:relative;
	background-repeat:no-repeat;
}
#join_us {
	background-image:url('/images/joinus_bg.gif');
	background-position: 0 0;
	width:100%;
	height:143px;
	padding:16px 0 0;
	clear:both;
	background-repeat:no-repeat;
	position:relative;
}
#our_impact p, #share p, #join_us p, #the_problem p {
	margin: 0 0 7px 0;
	line-height:14px;
}

div.tabcopy {
	padding:6px 15px 0 15px;
}
#the_problem {
	background-image:url('/images/problembox_bg.gif');
	background-repeat:no-repeat;
	width:350px;
	height:143px;
	padding:16px 0 0;
	position:relative;
}
.picon-house {
	width:175px;
	height:125px;
	margin:0;
	padding:0;
	float:left;
	border-right: 1px dashed #d1d2d4;
}
.picon-house ul {
	margin:0 auto !important;
	padding:0;
	list-style:none !important;
	width:150px;
	background-image:none !important;
}
.picon-house ul li {
	margin:0;
	padding:0;
	list-style:none;
	width:auto;
	float:left;
}
a.showall_projects, a.showall_probs {
	background-image:url('/images/viewall_btn.gif') !important;
	background-repeat:no-repeat;
	display:block !important;
	background-position:0 0 !important;
	width:60px !important;
	height:22px !important;
	padding: 0  !important;
	clear:both !important;
	cursor:pointer !important;
}
a#sa_project.active, a#sa_vulcan.active {
	background-image:url('/images/btn_hideall.gif') !important;
	background-repeat:no-repeat;
	display:block !important;
	background-position:0 0 !important;
	width:60px !important;
	height:22px !important;
	padding: 0  !important;
	clear:both !important;
	cursor:pointer;
}
a#sa_project.active:hover, a#sa_vulcan.active:hover {
	background-position:0 -22px !important;
	text-decoration:none;
}
a.reset_all {
	background-image:url('/images/btn_zoomout.gif') !important;
	background-repeat:no-repeat;
	display:block !important;
	background-position:0 0 !important;
	width:60px !important;
	height:22px !important;
	clear:both !important;
}
a.showall_projects:hover, a.showall_probs:hover {
	background-position:0 -22px !important;
	text-decoration:none;
}
a.reset_all:hover, div.links a.view_proj:hover {
	background-position:0 -22px !important;
	text-decoration:none;
}
#our_impact .ui-tabs-panel {  
	padding:0 15px;
	right:5px;
	top:13px;
	position:absolute; 
	clear:none;
	width:230px;
}
#the_problem .ui-tabs-panel {  
	padding:0 15px;
	clear:none;
	right:0px;
	top:13px;
	position:absolute;
	width:137px;
}
.ui-tabs-panel h3 {
	margin:2px 0;
}	
/*payment gateway styles
*/
table#project_header {
	clear:both;
}
table#project_bod {
	width:100%;
	clear:both;
}
#offset_form {
	border-bottom:1px dashed #c6c7ca;
	border-top:1px dashed #c6c7ca;
}
table#project_bod td {
	padding:10px;
	width:50%;
}
div.offset_image {
	font-size:20px
}

div.offset_image img {
	margin:0 15px 0 0;
	vertical-align: middle;
}

div.offset_image h3 {
	margin:0;
	padding:0;
	color:#000000;
	font-size:18px;
	width:65%;
	float:left;
}
p.offset_copy {
	clear:both;
	padding-top:10px
}
div.offset_copy {
	clear:both;
	padding-right:10px;
}
div.offset_copy .formfield {
	text-align:right;
	clear:both;
	padding:10px 0 20px 0;
}
div#tally {
	float:right;
}
div.thawte_seal {
	float:left;
}
#payment_form .formfield {
	clear:both;
	padding:10px 0;
}
#payment_form .formfield input {
	width:200px;
}
#order_summary {
	border-bottom:1px dashed #c6c7ca;
	border-top:1px dashed #c6c7ca;
	margin:10px 0;
	padding:10px;
}
.impname {font-size:10px;}
.impcount {margin-right:3px; font-size:10px;}
.impcost {font-weight:bold; margin-left:3px;}
.imptotal {font-weight:bold;}
.orderpart {
	clear:both;
	margin:0 0 10px 0;
	text-align:right;
}
.ordertotal {
	clear:both;
	text-align:right;
}

div#payment {
	width:100%;
	clear:both;
}
div#personal, div#paymethod {border-bottom:1px dashed #c6c7ca;}
div#personal div.formfield, div#paymethod div.formfield {
	clear:none;
	float:left;
	width:47%;
	padding:0 !important;
}


#loader {
	position:absolute;
	top:200px;
	left:300px;
}
#startbuyoffset, #bubble_startbuyoffset {
	background-image:url('/images/btn_action.png');
	background-repeat:no-repeat;
	display:block;
	height:22px;
	width: 123px;
	border:0;
	background-color:transparent;
	background-position:0 0;
	margin:auto;
	padding:0;
	float:left !important;
}
#startbuyoffset:hover {
	background-position: 0 -22px;
}

#bubble_startbuyoffset:hover {
	background-position: 0 -22px;
}
div.links a.reset_all {
	background-image:url('/images/btn_zoomout_wide.gif') !important;
	background-repeat:no-repeat;
	margin:0 5px;
	clear:none !important;
	float:left;
	width:87px !important;
}
div.links a.view_proj {
	background-image:url('/images/btn_viewproject.gif') !important;
	background-repeat:no-repeat;
	margin:0 5px;
	clear:none !important;
	float:left;
	width:87px !important;
	height:22px;
}
div.links a.view_impact {
	background-image:url('/images/btn_viewimpact.gif') !important;
	background-repeat:no-repeat;
	margin:0 5px;
	clear:none !important;
	float:left;
	width:123px !important;
	height:22px;
}
div.links a.view_impact:hover {
	background-position: 0 -22px;
	text-decoration:none;
}
#pay_cccode {margin-top:-41px;}
#pay_cccode input {width:40px !important;}
.thawte {float:right;}
#copyright {float:left;}
#gateway {
	padding:0 30px;
}
/*gme bubble*/
#gme_bub {
	width:215px;
	margin: 5px 0 0 18px;
}
#gme_bub h2 {
	font-size:20px !important;
	margin:10px 0 !important;
}
p.tickerhead {
	position:absolute;
	top: 91px;
}
#carbonticker {
	background-attachment:scroll;
	background-color:#DCDDDE;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	top:110px;
	left:20px;
	font-family:monospace;
	font-size:17px;
	font-weight:bold;
	position:absolute;
	text-align:center;
	width:150px;
	padding:3px 8px;
}
#icon_row {
	display:block;
	margin:auto;
}
/*for thawte seal!*/
#payment iframe {
	border:0;
	overflow:hidden;
	width:225px;
}
/*admin styles*/
#iw_admin_content {
	width:910px;
	margin:auto;
}