@import url("widget.css");
/* DEACTIVATE
============================================================================ */
#footer .helper {display:none;}
.lower_nav {display:none;}

/* MAIN LAYOUT 
============================================================================ */

body {
	background:#E7F1FD url(/images/sites/cubenergysaver_com/body_bg2.png) 0 0 repeat-x;
}

.wrapper {
	background-color: transparent;
	background: url(/images/sites/cubenergysaver_com/bg_wapper.png) 0 0 no-repeat;
	width:918px;
	margin: 5px auto 0;
	padding:0;
}

#content {
	border-style:solid;
	border-width: 1px;
	border-color: #d0d0d0;
	width: 918px;
	background:white;
	margin:auto;
}

/* HEADER
============================================================================ */
#header {
	width: 918px;
}
#header .upper {
	height: 90px;
	padding:10px 0 0;
}

#header .upper h1 {
  width: 500px;
  height: 88px;
  margin: -8px 0 0 7px;
  padding: 5px 0 0 0;
  background: transparent url('/images/sites/cubenergysaver_com/logo.png') no-repeat center center;
}

#header h1 a {
	display:block;
	height:68px;
	width:500px;
}

#header .lower {
	width:918px;
	margin:auto;
	border:none;
}

#header .lower_nav {
	margin:auto;
	position:relative;
	background-color:white;
	border-style:solid;
	border-width: 0 1px;
	border-color: #D0D0D0;
}

#header .upper #user,
 #header .upper #user_logged_out {
	margin-right:20px;
	padding:5px 0;
	width:300px;
	
}
#header .upper #user .avatar {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-color:#c0c0c0;
	
}

#register_content, #register-footprint-container {
	background-image:none;
	background-color:#fff;
}

/* LINKS
============================================================================ */

a:link,
a:visited,
a:active {
	color: #223E92;
}


a:hover {
	color: #222222;
	text-decoration:none;
}
a:active:focus {
	color: #000000;
	text-decoration:none;
	
}

/* NAVIGATION & HEADER
============================================================================ */

#header .upper .nav li a,
#header .upper #user .header_info,
#header .upper #user .header_info a,
#header .upper #user_logged_out .header_info,
#header .upper #user_logged_out .header_info a,
#header .upper #user .name {	
	color: #223E92;
}

#header .upper h1 {
	float:left;
}

#header .upper .nav {
	float:left;
	margin:0 0 0 15px;
}

#header .upper .nav li a:hover,
#header .upper .nav li a:active,
#header .upper .nav li.current a:link,
#header .upper .nav li.current a:visited {
	background: #99ccff url("/images/sites/smarternewjersey_com/bg_upper_nav.gif") repeat-x;
}

#header .lower { 
	background:transparent url(/images/sites/cubenergysaver_com/header-nav.png) 0 0 no-repeat;
	border-style:solid;
	border-width:0 1px 1px ;
	border-color: #223E92;
	/*padding:10px 0;	*/
	position:relative;
	height: 34px;
	width:918px;
	margin-bottom:-1px;
	}
#header .lower .nav {
	padding:4px 18px;
	float:right;
}

#header .lower .nav li {
	background: url("/images/sites/cubenergysaver_com/bg_lower.png") no-repeat 100% 0;
	padding:0 10px 0 0;
	
}

#header .lower .nav li a {
	background: url("/images/sites/cubenergysaver_com/bg_lower.png") no-repeat 0 0;	
	color: #fff;
	padding:5px 0 5px 10px;
}

#header .lower .nav li.current {
	background: url("/images/sites/cubenergysaver_com/bg_lower_current.png") no-repeat 100% 0%;
}

#header .lower .nav li.current a {
	background: url("/images/sites/cubenergysaver_com/bg_lower_current.png") no-repeat 0 0;
	color: #FFF;
	padding:5px 0 5px 10px;
}

#header .lower .my_stuff {
	position:static;
	float:left;
	padding:0 ;
}

#header .lower .my_stuff ul {
	padding: 10px;
	background: url(/images/sites/cubenergysaver_com/bg_my_stuff.png) 100% 0 no-repeat;
}

#header .lower .my_stuff ul li a:link, #header .lower .my_stuff ul li a:visited{ 
	color:#fff;}

#welcome h1 .sitename { font-weight:900; color:#9cf; }


/* BLOG
============================================================================ */
.entry-box h2 { 
	color: #5384BF; 
}

#login_page .login_form {
	background-image:url(/images/sites/cubenergysaver_com/gradient_blue.png);	
}


/* SIGNUP
============================================================================ */

div#register-content {
	background-image: none;
}

div#register-profile fieldset {
	background: #e6e6e6 url(/images/register/gradient-525.gif) repeat-x top left;
	border: 1px solid #bbb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div#register-profile fieldset legend{
	padding: 0 .5em;
}

#users_new div#register-next-button button{
	margin-top: -39px;
}

div#register-footprint {
	background: #e6e6e6 url(/images/register/gradient-425.gif) repeat-x top left;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#users_initial_footprint_survey div#register-next-button {
	margin: -41px 126px 0 0;
}

div.signup_text{
	color: #555;
	font-size: 1.1em;
	line-height: 1.3em; 
	margin: 55px 0 0 510px;
	position: absolute;
	width: 360px;
}

#users_create div.signup_text{
	margin-top: 185px;
}

#users_new div.signup_text span,
#users_create div.signup_text span{
	color: #48488A;
	display:block;
	font-size: 1.3em;
	margin-bottom: .7em;
}

/* DASHBOARD
============================================================================ */

#pages_home #city_comparisons{
	width: 550px;
	margin-bottom: 15px;
}

#pages_home #city_comparisons h3{
	color: #223E92;
	font-size: 16px;
}

#pages_home #city_comparisons table{
	background-color: #f3f3f3;
	border: 1px solid #e0e0e0;
	font-size: .85em;
  width: 100%;
}

#city_comparisons table tr{
	height: 28px;
	padding: 6px;
}

#pages_home #city_comparisons table tr td{
	text-align:center;
}

#pages_home #city_comparisons .city,
#pages_home #city_comparisons .reduction{
	font-weight: bold;
}

#pages_home #city_comparisons .city,
#pages_home #city_comparisons table tr td.name,
#pages_home #city_comparisons .energy{
	text-align: left;
}

#pages_home #city_comparisons .people,
#pages_home #city_comparisons .money{
	text-align:right;
}

#city_comparisons .table_container th{
	background:#000 url(/images/sites/cubenergysaver_com/violet_gradient.png) repeat scroll 0 0;
	color:#fff;
}

#city_comparisons .table_container tr:hover td {
	background:#EFEFFF none repeat scroll 0 0;
}

.module h3 {
	color:#223E92;
}

/* FRIEND CENTER
============================================================================ */

h3.subhead{
	background-color: #E1F6FF;
	border-bottom: 1px solid #223E92;
}

ul.friendcontainer{
	list-style-type: none;
}


/* ENERGY ADVISOR/SAVINGS PLAN
============================================================================ */

h2, h2#title {
  color: #223E92;
}

h2 span {
  color: #9CF;
}

#timeframe .latest, #savings p, h3.overall {
	color: #223E92;
}

#content .middle h2 span {
	color: #9CF;
}

#encompassing .results th a {
	background: url("/images/sites/tiny_arrow_down_orange.png") no-repeat 100% 50%;
}

#overall li {
	background: url("/images/sites/tiny_arrow_right_orange.png") no-repeat 0 2px;
}

.sections #home_tab {
  background: url("/images/sites/smarternewjersey_com/icons/home.png") repeat;
}

.right #savings, .right #energy{
	background:#DFEBF5 url(/images/sites/shared/bg_gradient_reverse_blue.png) repeat-x scroll 0 0;
}

#fp_header li.percent {
  display: none;
}

/* COMMUNITY
============================================================================ */

#community {
	color: #223E92;
	padding: 0;
	margin:0;
	text-align:center;
}
#community h3 {
	background:#333367 url(/images/sites/cubenergysaver_com/violet_gradient.png) repeat-x scroll 0 0;
	color:#fff;
	padding:10px;
}

#content .sidebar #community ul {
	border-bottom: none;
}

#content .sidebar {
	background: url(/images/sites/cubenergysaver_com/blue_gradient.png) 0 0 repeat-y;
	border-bottom:solid 1px #333367;	
}

#community {
	border-top: 1px solid #333367;
	border-right: 1px solid #333367;
	border-left: 1px solid #333367;		
}

#community h3 {
	background: transparent url(/images/sites/cubenergysaver_com/blue_gradient.png) repeat-y scroll 0 0;
	color: #333367;
}

/* FOOTER
============================================================================ */


#footer .helper {
	background: #000;
}
#footer {
	position:relative;
	z-index:20;
	margin:6px auto;
	width:918px;
}
#footer .meta  {
	padding-left:0!important;
}
.footer_shadow {
	background: url(/images/sites/cubenergysaver_com/background-bottom.png) no-repeat 4px 0;
	position:relative;
	top:-45px;
	height: 16px;
	z-index:1;
	padding:0;
}

/* NEW
============================================================================ */

#new h3{
	color: #000;
}


/* USER PROFILE
============================================================================ */

#quick_stats {
	border: 1px solid #333367;
	background:#FFFFFF url("/images/sites/smarternewjersey_com/bg_gradient_light_blue.png") repeat-x;
}

.info_nav li a {
	color: #8F8F8F;
	background: #FFE9AF;
	border-bottom: 1px solid #000;
}

.info_nav li.current a {
	border: 1px solid #000;
	border-bottom: none;
}

div.new_photo{
	background-color: #333367;
}

#recent .item h4 {
	background: #E1F6FF;
	color: #000;
}
/* CONTENT MAIN
============================================================================*/

#content .main h2 {
	color:#223E92;
	
}
#content .sidebar {
	border-right:solid 1px #D5EAFF;
	
}

/* TABBED-BOX
============================================================================ */

div#tabbed-box {
	color:#555;
}	

div#tabbed-box .ui-tabs-nav,
div#static-tabbed-box .ui-tabs-nav {
	background-color: #E1F6FF;
	border-bottom: 1px solid #333367;
}

div#tabbed-box .ui-tabs-nav a {
    color: #8A8A8A;   
}

div#tabbed-box .ui-tabs-nav .ui-tabs-selected a  {
    color: #000;
}

div#tabbed-box .ui-tabs-nav .ui-tabs-selected,
div#static-tabbed-box .ui-tabs-nav .ui-tabs-selected {
	background:white;
	border: 1px solid #333367;
	border-bottom: 1px solid #FFF;
}

div#static-tabbed-box .ui-tabs-nav li {
	background-color: #E1F6FF;
}

.site_message{
	background-color: #E1F6FF;
	border-color: #333367;
	color: #333367;
}


/* BUTTONS
============================================================================ */

/* SAVINGS BUTTONS */

button#create_new_plan {
  background: transparent url("/images/sites/cubenergysaver_com/buttons/create_new_plan.png") no-repeat;
}
#display_plan {
  background: transparent url("/images/sites/cubenergysaver_com/buttons/show_plan.png") no-repeat;
}
#hide_plan {
  background: transparent url("/images/sites/cubenergysaver_com/buttons/hide_plan.png") no-repeat;
}

.site_button {
	background-color:#48488A !important;
	border-color:#5758AF #3E3F8F #37386F #47487F !important;
}

.alternate{
	background-color: #7DAEDF !important;
	border-color:#8FC7FF #61A1DF #6B95BF #99BCDF !important;	
}


#login_button{
	background: url(/images/sites/cubenergysaver_com/buttons/login.png) no-repeat 0 0;
}

#signup_button_site{
	background-image: url("/images/sites/cubenergysaver_com/signup.png");
}


/*MESSAGE CENTER
============================================================================ */

#messages_list tr:hover td {
	background:#E1F6FF none repeat scroll 0 0;
}

#messages_list td.reply a:hover {
	background-color:#223E92;
}


/* SN POPUPS
============================================================================ */

.body h2.confirm-header{
	color: #000;
}

/* PROFILE
============================================================================ */

#content .main .info h2 {
	color:#333367;
}

/* REDUCTION POPUPS
============================================================================ */

div#reduction-action-detail-plan { /*prompt style*/
	background-color:#E1F6FF;
	color:#333333;
}

div.reduction-action-blue-bar { /*big calculation bar*/
	background:#4e4e94 url(/images/sites/cubenergysaver_com/reduction_bar.png) no-repeat scroll 0 0
}

div#reduction_carbon_description, 
div#reduction_savings_description { /*CO2 and $ saved labels*/
	color:#FFF;
}

/*FOOTPRINT CENTER TABS and REDUCTION CENTER TABS
============================================================================ */

ul.ui-tabs-nav li a.home-section-link{
	background: url("/images/sites/cubenergysaver_com/icons/home.png") no-repeat center;	
}

ul.ui-tabs-nav li a.work-section-link{
	background: url("/images/sites/cubenergysaver_com/icons/building.png") no-repeat center;
}

ul.ui-tabs-nav li a.travel-section-link{
  background: url("/images/sites/cubenergysaver_com/icons/car_side.png") no-repeat center;
}

ul.ui-tabs-nav li a.shopping-section-link{
	background: url("/images/sites/cubenergysaver_com/icons/recycle_tag.png") no-repeat center;
}

/*LANDING PAGE REDUCTIONS
============================================================================ */

#pagecontainer{
	background-color: #f3f3f3;
}

/*SIGNUP COLORS
============================================================================ */

div#register-profile legend{
	color: #223E92;
}

div#register-profile label{
	color: #555;
}

#belowthispoint {
	color: #5384BF;
	background-color:#EFF6FF;
	border-bottom:1px solid #223E92;
}

#pointtext {
	color:#5384BF;
}

div.register-footprint-subheader span {
	color:#223E92;
}

.information {
	color:#5384BF;
}

div.register-footprint-inner-padding ul li a {
	color:#223E92;
}

div.register-footprint-inner-padding ul li a:hover {
	color:#FF7C5B;
}


/*DASHBOARD LEADERBOARD FIXES
============================================================================ */

#pages_dashboard table.main{
    margin 0
}

#pages_dashboard #city_comparisons table thead tr{
  background: black url(http://asset2.efficiency20.com/images/sites/cubenergysaver_com/violet_gradient.png) repeat-x scroll 0px 0px;
  padding: .3em 15px .3em 0;
}

*html #pages_dashboard #city_comparisons table thead tr{
  padding: 0;
}
*+html #pages_dashboard #city_comparisons table thead tr{
  padding: 0;
}

#pages_dashboard #city_comparisons .table_container th{
  background: none;
  border-width: 0;
}

*html #pages_dashboard #city_comparisons .table_container th{
  background: black url(http://asset2.efficiency20.com/images/sites/cubenergysaver_com/violet_gradient.png) repeat-x scroll 0px 0px;
}
*+html #pages_dashboard #city_comparisons .table_container th{
  background: black url(http://asset2.efficiency20.com/images/sites/cubenergysaver_com/violet_gradient.png) repeat-x scroll 0px 0px;
}

#pages_dashboard #city_comparisons table tr{
  padding: 0;
  border-width: 0;
}

#pages_dashboard #city_comparisons table .rank{
  width: 5%;
  font-size: 1.25em;
}

#pages_dashboard #city_comparisons .table_container .body td.name, #city_comparisons .table_container td.city{
  width: 30%;
}

#pages_dashboard #city_comparisons table .name{
  width: 30%;
}

#pages_dashboard #city_comparisons table .memberships_count{
  width: 20%;
  text-align: right;
}

#pages_dashboard #city_comparisons table .savings{
  width: 20%;
  text-align: right;
}

#pages_dashboard #city_comparisons table thead th:last-child,
#pages_dashboard #city_comparisons table tbody td:last-child{
  width: 20%;
  text-align: right;
}

*html #pages_dashboard #city_comparisons table .percent_energy_reduced{
  width: 20%;
  text-align: right; 
}
*+html #pages_dashboard #city_comparisons table .percent_energy_reduced{
  width: 20%;
  text-align: right; 
}