/* 
Reset Styles

With thanks to Eric Meyer 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
_________________________________________________________________ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
hr{display:none;}
a {	text-decoration: none; }

/* The actual style stuff goes here */
body {
	background-color: #F1F8FD;
	width:100%;
	color: #414142;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.2em;
}

#wrapper {
	background:#fff;
	margin:10px auto;
	text-align:left;
	width:900px;
}

.wrapper-wp {
padding-bottom:16px;
}

/* BANNER */

#banner {
	width: 100%;
	height: 88px;
	background: #fff url('/assets/images/banner.png') no-repeat;
	border-bottom: solid 2px #F1F8FD;
}

#banner-left {
	float:left;
	margin: 30px 0 0 16px;
}

#banner-right {
	float: right;
	margin: 5px -16px 0 0;
	width: 650px;
	height: 78px;
}

#login-pos {
	float: right;
	margin: 0 0 11px 20px;
}

#cbut { 
	float: right;
	cursor: pointer;
	margin-bottom: 5px;
}

.login-lab { font-size: 0.9em; }

.login-inp {
	margin-bottom: 5px;
	width: 193px;
	border: 1px solid #ECF3E3;
	line-height: 1.2em;
}

#login-b, #login-a {
	height: 22px;
	padding-left: 5px;
	background-color: #FFF;
	-moz-border-radius: 0.3em;
	cursor: pointer;
}

#login-b { width: 142px; }
#login-a { width: 115px; }

#login-b img, #login-a img {
	margin-top: -5px;
}

#login-box {
	border: 1px solid #ECF3E3;
	-moz-border-radius: 0.3em;
	background-color: #FFF;
	padding: 10px;
	width: 200px;
}

#login-box-outer { position: absolute; z-index:100;}

#login-button {
	display: block;
	margin: 10px 0;
	width: 76px;
	height: 25px;
	background-image: url("/assets/images/login_blue.png");
	cursor: pointer;
}

.forgot {
	font-size: 0.7em;
	margin: 10px 0;
	text-decoration: underline;
	color: #009EE2;
}

#status-pos {
	float: right;
	margin: 0 0 11px 20px;
}

#status {
	height: 18px;
	padding: 2px 10px;
	background-color: #FFF;
	-moz-border-radius: 0.3em;
	line-height: 1.2em;
}

#status img { vertical-align:bottom; }

.green-txt { color: #60A94D; }
.red-txt { color: #F04C23; }
.blu-txt { color: #009EE2; }

.big-green { color: #60A94D; }
.big-red { color: #F04C23; }
.big-blue { color: #009EE2; }

.big-blue, .big-red, .big-green {
	font-size: 15pt;
	font-weight: bold;
	margin: 20px 0;
}

#pri-nav-pos { 	float: right; }

#pri-nav {
	background-color: #FFF;
	height: 32px;
	-moz-border-radius: 0.3em;
}

#graph-nav {
	float: right;
	height: 32px;
	-moz-border-radius: 0.3em;
	margin: -2px 4px 0 0;
}

#pri-nav ul, #graph-nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#pri-nav li, #graph-nav li {
	float: left;
}

#pri-nav a {
	display: block;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 0 -64px;
}

#graph-nav li {
	display: block;
	height: 32px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#pri-nav span, #graph-nav span {
	display: none;
}

a#nav-dash { 
	background-image: url("/assets/images/nav_your_electricity_info.png"); 
	width: 156px;
}

a#nav-demo { 
	background-image: url("/assets/images/nav_demo.png"); 
	width: 144px;
}

a#nav-about { 
	background-image: url("/assets/images/nav_about.png"); 
	width: 175px;	
}
a#nav-products { 
	background-image: url("/assets/images/nav_products.png"); 
	width: 135px;	
}
a#nav-help { 
	background-image: url("/assets/images/nav_help.png"); 
	width: 160px;	
}

a#nav-dash:hover,
a#nav-demo:hover,
a#nav-about:hover,
a#nav-help:hover,
a#nav-products:hover {
    background-position: 0 -32px;
}

a#nav-dash.active,
a#nav-dash.active:hover,
a#nav-demo.active,
a#nav-demo.active:hover,
a#nav-about.active,
a#nav-about.active:hover,
a#nav-help.active,
a#nav-help.active:hover,
a#nav-products.active,
a#nav-products.active:hover {
    background-position: 0 0;
}

#graph-last24 { 
	background-image: url("/assets/images/graph_buttons_24_off.png"); 
	width: 116px;
}
#graph-last7 { 
	background-image: url("/assets/images/graph_buttons_week_off.png"); 
	width: 116px;
}
#graph-month { 
	background-image: url("/assets/images/graph_buttons_month_off.png"); 
	width: 116px;
}
#graph-last24:hover { background-image: url("/assets/images/graph_buttons_24_hover.png"); }
#graph-last7:hover  { background-image: url("/assets/images/graph_buttons_week_hover.png"); }
#graph-month:hover  { background-image: url("/assets/images/graph_buttons_month_hover.png"); }

#graph-last24.active:hover, #graph-last24.active { 	background-image: url("/assets/images/graph_buttons_24_on.png"); }
#graph-last7.active:hover,  #graph-last7.active  { 	background-image: url("/assets/images/graph_buttons_week_on.png"); }
#graph-month.active:hover,  #graph-month.active  { 	background-image: url("/assets/images/graph_buttons_month_on.png"); }

/* MAIN CONTENT */
#left-col {
	float: left;
	width: 148px;
	margin-left: -16px;
	padding-bottom: 16px;
}

#sec-nav-pos {
	margin: 16px 0 0 5px;
}

#sec-nav {
	width: 145px;
	border: 1px solid #F1F8FD;
	background-color: #FFF;
	-moz-border-radius: 0.3em;
}

.sn-item {
	margin: 5px 0 2px 8px;
	color: #f04c23;
}

.sn-item img, .th-item img {	vertical-align:middle; }

.sn-item  a{
	margin-left: 7px;
	color: #f04c23;
	font-weight: bold;
}

.sn-item  a.active{
	margin-left: 7px;
	color: #60A94D;
	text-decoration: underline;
}

.th-item {
	margin: 5px 0 2px 25px;
	color: #f04c23;
	font-size: 0.9em;
}

.th-item a{
	margin-left: 7px;
	color: #f04c23;
	font-weight: bold;
}

.th-item  a.active{
	color: #60A94D;
	text-decoration: underline;
}
.blue-tit {
	background: #fff url('/assets/images/title_gradient_blue.png') repeat-x bottom;
	width: 146px;
	height: 30px;
	padding-top: 2px;
	margin-bottom: 10px;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	overflow: hidden;
}

.postit {
	margin: 16px 0 0 -5px;
	height: 120px;
	width: 133px;
	padding: 22px 10px 10px 10px;
}

.pi-yellow {background: url('/assets/images/post_yellow.png') no-repeat;}
.pi-purple {background: url('/assets/images/post_purple.png') no-repeat;}
.pi-pink {background: url('/assets/images/post_pink.png') no-repeat;}
.pi-green {background: url('/assets/images/post_green.png') no-repeat;}
.pi-blue {background: url('/assets/images/post_blue.png') no-repeat;}

.postit h1 {
	margin: 4px 0 10px;
	font-size: 1.1em;
	font-weight: bold;
}

.taf-p {font-size: 0.9em;}
#taf-email {width: 122px;}
#taf-but, #demo-butx {
	margin: 10px 5px 0 0;
	float:right;
}

.f-blue {
	font-family: 'Reenie Beanie', arial, serif;
	font-size: 21px;
	line-height: 19px;
}

.postit a {
	text-decoration: underline;
color: #009EE2;
}

#right-col {
	float: left;
	width: 716px;
	margin-left: 31px;
}

#main-bubble-pos {
	margin-top: 16px;
	-moz-border-radius: 0.3em;
}

#db-upper-pos {
	margin-top: 16px;
	-moz-border-radius: 0.3em;
}

#db-upper, #db-lower, #main-bubble, #past-upper {
	width: 714px;
	border: 1px solid #ECF3E3;
	-moz-border-radius: 0.3em;
	background-color: #FFF;
}

#bubble-content { margin: 10px; }

#bubble-content h2 {
	color: #F04C23;
	margin: 10px 0;
	font-weight: bold;
}

#bubble-content h3 {
	color: #F04C23;
	margin: 10px 0;
}

#bubble-content a, #body-txt a, #right-col a, #tweetz a, #home-bg a { color: #009EE2; }
#bubble-content p { margin-bottom: 10px; }

#bubble-content li {
	margin-left: 16px;
	list-style-position: outside;
	list-style-type: disc;
}

td.hiw-text  { padding-left:15px; }

td.hiw {
	padding:20px 0;
	vertical-align:top;
}

.img-left { float:left; margin: 0 15px 40px 0; } 
.img-right { float:right; margin: 0 0 40px 15px; }

#db-lower-pos {
	margin: 16px 0;
	-moz-border-radius: 0.3em;
}

#db-upper {	height: 224px;}

#db-top-left, #db-top-middle, #db-top-right {
	float: left;
}

#db-top-left { width: 140px; }

#db-top-middle {
	width: 225px;
}

#budget-val {
	margin: 14px 0 10px 0;
}

#budget-spend {
	margin: 10px 0;
}

#budget-remain {
	margin: 10px 0;
}

.big-budget {
	float: left;
	color: #60A94D;
	width: 100px;
	font-size: 18pt;
	text-align: right;
	margin: 10px 15px 0 0;
}

.budget-blurb {
	float: left;
	width: 100px;
text-align: left;
font-size: 9pt;
}

#t-ieu, #t-mb, #t-eu {
	margin-top: 1px;
	float: left;
	width: 238px;
	overflow: hidden;
	height: 28px;
}

#t-ieu { 
	background: url('/assets/images/t_instant_electricity_usage.png') no-repeat; 
	width: 206px;
}
#t-mb { 
	background: url('/assets/images/t_your_month_so.png') no-repeat;
 	width: 198px;
}
#t-eu { background: url('/assets/images/t_electricity_usage.png') no-repeat; }

.info-but {
	float:right;
	cursor: pointer;
	margin: 4px 0 0 0;
}

#mb_info { margin: 4px 33px 0 0; }

#money-ticker, #kw-ticker, #co2-ticker {
	width: 145px;
	margin: 21px 0;
}

.ticker-icon {
	display: block;
	float: left;
	margin-right: 5px;
}

.ticker-txt {
	display: block;
	float: left;
	font-weight: bold;
	margin: 6px 0 0 2px;
}

.ticker-txt-2 {
	display: block;
	float: left;
	font-weight: bold;
	margin: 0 0 0 2px;
}

.tooltip {
	border: 1px solid #ECF3E3;
	-moz-border-radius: 0.3em;
	background-color: #FFF;
	padding: 10px;
	width: 125px;
}

#ieu-wrap, #mb-wrap, #mu-wrap {
	position: absolute;
}

span.hidden-span {	display: none; }

#ieu-box {
	width: 212px;
	height: 170px;
	float: left;
	background: #4A9B49 url('/assets/images/dial_mid.png') no-repeat;
	position: relative;
}

#blue-arm {
	position: absolute;
	top: 87px;
	left: 46px;
}

#black-arm {
	position: absolute;
	top: 89px;
	left: 46px;
}

#your-curr {
	position: absolute;
	width: 50px;
	height: 17px;
	top: 130px;
	left: 34px;
	overflow:hidden;
	text-align: center;
}

#avg-curr {
	position: absolute;
	width: 50px;
	height: 17px;
	top: 130px;
	left: 134px;
	overflow:hidden;
	text-align: center;
}

#db-tickers {
	width: 100px;
	float: left;
	margin-left: 10px;
}

#month-progress {
	width: 100px;
	height: 120px;
	background: url('/assets/images/sliders_dash_gs.png') no-repeat center;
	position: relative;
}

#month-blurb {
	font-size:9pt;
	text-align:center;
}

#progress-actual {
	position: absolute;
	background: url('/assets/images/sliders_dash_gf.png') no-repeat 0 0;
	width: 30px;
	height: 100px;
	top: 10px;
	left: 44px;
}

#prog-act-line, #month-targ-line, #prog-targ-line {
	width: 16px;
	height: 1px;
	background-color: #000;
	position: absolute;
	z-index: 10;
}

#month-targ-line {
	top: 10px;
	left: 44px;
}

#month-targ-txt {
	top: -4px;
	left: 40px;
	font-size: 8pt;
	position: absolute;
}

#prog-targ-line {
	top: 110px;
	left: 44px;
}

#prog-targ-txt {
	top: 102px;
	left: 64px;
	font-size: 8pt;
	position: absolute;
}

#prog-act-line {
	top: 110px;
	left: 40px;
}

#prog-act-txt {
	top: 102px;
	left: 8px;
	font-size: 8pt;
	position: absolute;
}

.rating-stars {
	width: 60px;
	height: 12px;
	background: url('/assets/images/stars.png') no-repeat 0 0;
	float: left;
	margin: 3px 15px 0 40px;
}



#db-lower {	height: 316px; }
#tweetz-pos { margin-right: 21px; }
	
#tweetz {
	width: 848px;
	border: 1px solid #ECF3E3;
	-moz-border-radius: 0.3em;
	background-color: #FFF;
}

#t-follow {	float: left; }

#t-q {
	float: left;
	margin: 5px 10px 5px 16px;
	width: 650px;
	font-size: 0.9em;
}

.tweet_avatar img {
	vertical-align:middle;
	margin-right: 15px;
	float: left;
	clear: left;
}

#t-q li { margin: 5px 0; }

.green-tit {
	background: #fff url('/assets/images/title_gradient_green.png') repeat-x bottom;
	width: 714px;
	height: 30px;
	padding-top: 2px;
	margin-bottom: 10px;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;	
}

.green-tit h1 {
	font-size: 16px;
	color:#F04C23;
	font-weight:bold;
	margin: 4px 0 0 10px;
}

#footer {
	background-color: #F1F8FD;
	margin:2px auto;
	text-align:left;
	width:900px;
	font-size: 0.8em;
}

ul.flat {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#footer ul#foot-main {
	margin: 0 0 0 15px;
} 

.flat li {
	float: left;
	border-left: 1px solid #414142;
	padding: 0 8px;	
}

ul.flat li.first, ul.flat li.emph{
	float: left;
	padding: 0 8px 0 0;
	border: none;
}

.emph {
	font-weight: bold;
}

.flat a {
	color: #414142;
	text-decoration: none;
}

/* Registration */
.rs-lab, .rs-set, .rs-in, .rs-sel, .rs-err, .rs-help, .rs-but, .rs-wait, .diag-state, .diag-ok, .diag-err, .narrow-in {
	float: left;
	margin-left: 10px;
}
.rs-lab { 
	width: 180px;
	text-align: right;
	margin-right: 10px;
	color: #F04C23;
}

.rs-but {
	padding: 0 6px;
	font-size: 0.85em;
	cursor: pointer; /* hand-shaped cursor */
}

.rs-in, .rs-sel {
	border:1px solid #EDF3E4;
	font-size:0.85em;
	line-height:0.9em;
	margin:0 5px 4px;
	width:150px;
}

.rs-err, .diag-err {
	width: 150px;
	background-color: #F04C23;
	color: #fff;
	font-size:0.85em;
	padding: 0 5px;
	margin:0 5px 4px;
}

.regdiv h2 {
	margin: 10px;
}
.rs-set, .diag-ok {
	border:1px solid #EDF3E4;
	font-size:0.85em;
	margin:0 5px 4px;
	width:140px;
	background-color: #60A94D;
	color:#fff;
	padding: 0 5px;
}
.diag-ok, .diag-err {
	width: 300px;
}
.rs-help {
	border:1px solid #F1F8FD;
	font-size:0.85em;
	margin:0 5px 4px;
	width:150px;
	background-color: #F1F8FD;
	padding: 0 5px;
}
.rs-help-wide {
	width:310px;
}

#rs-submit {
	margin: 20px 0 0 205px;
}

#reg-login-b {
	margin: 10px 0;
	border-top: 1px #ECF3E3 solid;
}

#reg-login-b p {
	margin-top: 10px;
	font-size: 0.9em;
}

#reg-login-b a {
	color: #009EE2;
	text-decoration: underline;
}

/* GENERIC */
.clear-both { clear:both; }

label.generic {
	display:block;
	float:left;
	margin:18px 0 0;
	text-align:right;
	width:100px;
	color: #F04C23;
}

select.generic, input.generic, textarea.generic {
	float: left;
	font-size:0.9em;
	line-height:1.2em;
	margin:18px 0 0 20px;
	width:300px;
	border: 1px solid #EDF3E4;
	-moz-border-radius: 0.3em;
}

.gen-sub{
	width: 50px;
	height: 22px;
 	margin: 10px 5px 10px 20px;
	padding: 0;
	border: 0;
	background: transparent url(/assets/images/button_go_blue.png) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
 	cursor: hand; /* for IE 5.x */
	float: left;
}

.update-sub{
	width: 78px;
	height: 22px;
 	margin: 10px 5px 10px 6px;
	padding: 0;
	border: 0;
	background: transparent url(/assets/images/button_update.png) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
 	cursor: hand; /* for IE 5.x */
	float: left;
}

.login-sub{
	width: 50px;
	height: 22px;
 	margin: 10px 5px 10px 6px;
	padding: 0;
	border: 0;
	background: transparent url(/assets/images/button_go_blue.png) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
 	cursor: hand; /* for IE 5.x */
	float: right;
}

.lc{
	width: 78px;
	height: 22px;
 	margin: 10px 5px 10px 0;
	padding: 0;
	border: 0;
	background: transparent url(/assets/images/button_cancel_blue.png) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
 	cursor: hand; /* for IE 5.x */
	float: right;
}

#rbut{
	display: block;
	width: 92px;
	height: 22px;
 	margin: 10px 5px 10px 0;
	padding: 0;
	border: 0;
	background: transparent url(/assets/images/register_blue.png) no-repeat center top;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
 	cursor: hand; /* for IE 5.x */
	float: left;
}

.errors { color: #ff0000; }

/* status */
.status {
	float: left;
	margin-left: 100px;
	height: 16px;
	width: 16px;
	vertical-align: middle;
}

.stat-ok {	background: #fff url('/assets/images/tick.png') repeat-x bottom;}
.stat-nok {	background: #fff url('/assets/images/cross.png') repeat-x bottom;}

.explain {
	float: left;
	margin-left: 45px;
	width: 250px;
	padding: 10px;
	color: #fff;
}

.explain-ok {	background-color: #60A94D;}

.explain-nok {	background-color: #F04C23;}

.smallq {
	float: right;
	display: block;
	font-size: 0.8em;
	color: #414142;
	margin: 5px 44px;
}

#home-bg {
	background: url('/assets/images/hp_background_wide.png');
	height: 630px;
	width: 932px;
	margin-left: -16px;
	position: relative;
}

#about-bg {
	background: url('/assets/images/about_us_background.png') right no-repeat;
	height: 630px;
	width: 772px;
	position: relative;
}

#help-bg {
	background: url('/assets/images/help_background.png') right no-repeat;
	height: 630px;
	width: 772px;
	position: relative;
}


#real-txt {
	height: 144px;
	width: 280px;
	position: absolute;
	top: 262px;
	left: 37px;
	font-weight: bold;
	font-size: 11pt;
	color: #414142;
	overflow:hidden;
}

#demo-txt {
	height: 144px;
	width: 280px;
	position: absolute;
	top: 480px;
	left: 37px;
	font-weight: bold;
	font-size: 11pt;
	color: #414142;
	overflow:hidden;
}

#hp-sliders {
	height: 144px;
	width: 500px;
	position: absolute;
	top: 52px;
	left: 37px;
	overflow:hidden;
}

#hp-members {
	height: 62px;
	width: 125px;
	position: absolute;
	top: 199px;
	left: 568px;
	overflow:hidden;
}

#hp-usage {
	height: 100px;
	width: 125px;
	position: absolute;
	top: 95px;
	left: 753px;
	overflow:hidden;
}

#usage-label {
	margin-top: 15px;
	font-size: 15pt;
	font-weight: bold;
	color: #414142;
	text-align: center;
}

#hp-buy {
	height: 123px;
	width: 150px;
	position: absolute;
	top: 380px;
	left: 558px;
	overflow:hidden;
	font-weight: bold;
	font-size: 11pt;
}

#hp-buy-txt {
	height: 100px;
	overflow:hidden;
	text-align: center;
}

#hp-buy a {
	margin-left: 80px;
}

#hp-taf {
	height: 123px;
	width: 150px;
	position: absolute;
	top: 275px;
	left: 737px;
	overflow:hidden;
}

#hp-taf-txt {
	height: 72px;
	overflow:hidden;
	text-align: center;
	font-weight: bold;
	font-size: 11pt;
}

#hp-taf-email {
	margin-bottom: 10px;
	width: 150px;
	border: 1px solid #ECF3E3;
	line-height: 1.2em;
}

#hp-taf a {
	margin-left: 84px;
}

#hp-demo-link {
	display: block;
	width: 57px;
	height: 20px;
	position: absolute;
	z-index: 10;
	top: 450px;
	left: 37px;
}

#hp-demo-link-big {
	display: block;
	width: 208px;
	height: 194px;
	position: absolute;
	z-index: 10;
	top: 429px;
	left: 332px;
}

#hp-buy-link {
	display: block;
	width: 84px;
	height: 22px;
	position: absolute;
	z-index: 10;
	top: 352px;
	left: 586px;
}

#hp-demo-link span, #hp-buy-link span, #hp-demo-link-big span {
	display: none;
}

.ticker {
	width: 24px;
	height: 42px;
	float: left;
	background: url('/assets/images/ticker_numbers.png') no-repeat 0 -272px;
}

.ticker_s {
	width: 17px;
	height: 30px;
	float: left;
	background: url('/assets/images/ticker_small.png') no-repeat 0 -195px;
}

#hc1, #hc2, #hc3, #hc4 {
	height: 123px;
	width: 150px;
	position: absolute;
}

#hl1, #hl2, #hl3, #hl4, #hl5, #hl6, #hl7, #hl8 {
	height: 22px;
	position: absolute;
	display: block;
	z-index: 10;
}

#hl1 span, #hl2 span, #hl3 span, #hl4 span, #hl5 span, #hl6 span, #hl7 span, #hl8 span {
	display: none;
}

#hl1 {
	top: 41px;
	left: 577px;
	width: 116px;
}

#hl2 {
	top: 243px;
	left: 588px;
	width: 92px;
}

#hl3 {
	top: 351px;
	left: 402px;
	width: 100px;
}

#hl4 {
	top: 463px;
	left: 204px;
	width: 132px;
}

#hl5 {
	top: 40px;
	left: 610px;
	width: 50px;
}

#hl6 {
	top: 243px;
	left: 566px;
	width: 141px;
}

#hl7 {
	top: 351px;
	left: 402px;
	width: 100px;
}

#hl8 {
	top: 463px;
	left: 221px;
	width: 99px;
}

#hc1 a, #hc2 a, #hc3 a, #hc4 a {
	margin-left: 48px;
}

#hc1 {
	top: 68px;
	left: 564px;
}

#hc2 {
	top: 271px;
	left: 564px;
}

#hc3 {
	top: 377px;
	left: 380px;
}

#hc4 {
	top: 490px;
	left: 196px;
}

.hc-txt {
	height: 85px;
margin-top: 15px;
	overflow:hidden;
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
}

.big-slider {
	width: 325px;
	height:30px;
	background: #FFF url(/assets/images/slider_faded.png) no-repeat bottom left;
	margin: 5px 0 0 0;
	float: left;
}

.slide-label { 
	float: left; 
	margin-top: 20px;
	font-weight: bold;
}

#slide1 {
	margin-top: 15px;
	float: left;
	height: 15px;
	width: 0px;
	background: url(/assets/images/slider_solid.png) no-repeat bottom left;
	z-index:150;
}

#slide2 {
	margin-top: 15px;
	float: left;
	height: 15px;
	width: 0px;
	background: url(/assets/images/slider_solid.png) no-repeat bottom left;
	z-index:150;
}
#slide3 {
	margin-top: 15px;
	float: left;
	height: 15px;
	width: 0px;
	background: url(/assets/images/slider_solid.png) no-repeat bottom left;
	z-index:150;
}

.big-line {
	float:left;
	margin: 0;
	height:30px;
	border-left: 2px solid #000;
	font-size: 9pt;
	font-weight: bold;
	padding-left: 2px;
	z-index:150;
}

#body-txt {
	width: 500px;
}

#body-txt h1 {
	color: #F04c23;
	font-weight: bold;
	font-size: 16px;
	padding: 24px 0 10px 0;
}

#body-txt h2 {
	color: #F04c23;
	margin: 5px 0;
}

#body-txt p {
	margin: 5px 0;
}

.twit-p {
color: #009EE2;
margin: 4px 0;
}

.twit-but {
margin: 3px 0 8px 14px;
}

/* our members page */
.user_block {
	width: 150px;
	float: left;
	margin-right: 28px;
	cursor: pointer;
}

.user_block_last {
	width: 150px;
	float: left;
	cursor: pointer;
}

.mem-name, .mem-name-active {
	display: block;
	width: 150px;
	text-align: center;
	margin: 5px 0 10px 0;
}

.mem-name-active { color: #60A94D; }
.mem-name { color: #F04C23; }

#bubble-zone1, #bubble-zone2, #bubble-zone3, #bubble-zone4 { width: 700px; height: 292px; position: relative; }
#bubble-zone1 { background: url('/assets/images/bubbles_1.png') no-repeat;}
#bubble-zone2 { background: url('/assets/images/bubbles_2.png') no-repeat;}
#bubble-zone3 { background: url('/assets/images/bubbles_3.png') no-repeat;}
#bubble-zone4 { background: url('/assets/images/bubbles_4.png') no-repeat;}

#bz1, #bz2, #bz3, #bz4 {
	overflow:hidden;
	position: absolute;
	text-align: center;
	line-height:20px;
	padding-top: 10px;
}

#bz1 {
	height: 151px;
	width: 394px;
	top: 74px;
	left: 236px;
}

#bz2 {
	height: 151px;
	width: 382px;
	top: 78px;
	left: 225px;
}

#bz3 {
	height: 151px;
	width: 378px;
	top: 74px;
	left: 51px;
}

#bz4 {
	height: 151px;
	width: 378px;
	top: 74px;
	left: 96px;
}

#wic td {
	vertical-align: middle;
	padding: 18px 0;
	border-bottom: 2px solid #D1D3D4;
}

#wic tr {
	border-bottom: 2px solid #D1D3D4;
}

#wic td.cost {
	color: #588035;
	font-size: 1.5em;
	padding-left: 15px;
	text-align: center;
}

#total-line {
	height: 2px;
	width: 76px;
	margin-left: 24px;
	background-color: #60A94D
}

/* Shadow stuff */

.alpha-shadow1 {
	float: right;
	background: url('/assets/images/shadow_br.png') no-repeat bottom right;
	-moz-border-radius: 0.3em;
}

.alpha-shadow2 {
	//background: url('/assetsimages/shadow_tl_tran.png') no-repeat left top !important;
	//background: url('/assets/images/shadow_tl_solid.gif') no-repeat left top;
	padding: 0px 5px 5px 0px;
}

.spacer { height: 20px; }