/* 
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: 0 5px;
	background-color: #FFF;
	-moz-border-radius: 0.3em;
	cursor: pointer;
}

#login-b img, #login-a img { vertical-align: middle; }
.chev { vertical-align: middle; }

.lbutt, .lbutt-small { 
	line-height: 22px;
	font-weight: bold;
	color: #009EE2;
	margin-right: 5px;
}

.lbutt { font-size: 16px;}
.lbutt-small { font-size: 14px;}

#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;
}

#login-button-ro {
	display: block;
	height: 22px;
 	margin: 10px 5px 10px 0;
	padding: 0 5px;
	font-weight:bold;
	line-height:22px;
	font-size: 14px;
	border: 0;
	-moz-border-radius: 0.3em;
	background-color: #549EDD;
	color: #FFF;
	cursor: pointer; /* hand-shaped cursor */
 	cursor: hand; /* for IE 5.x */
}

.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; }
.wht-txt { color: #fff; }

.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;
	color:#F04C23;
	font-weight:bold;
	overflow: hidden;
}

#pri-nav a h1 {
	font-size:16px;
}


#pri-nav a h2 {
	font-size: 12px;
}

.bigx {font-size:16px;}
.smallx {font-size:12px;}

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

a#nav-dash { 
	padding-left:5px;
	width: 156px;
}

a#nav-demo { 
	padding-left:5px;
	width: 144px;
}

a#nav-about { 
	width: 175px;	
}
a#nav-products { 
	width: 135px;	
}
a#nav-help { 
	width: 160px;	
}

a#nav-dash:hover,
a#nav-demo:hover,
a#nav-about:hover,
a#nav-help:hover,
a#nav-products:hover {
    color: #009EE2;
}

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 {
    color: #009EE2;
}
/*
#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"); }
*/

.graph-button {
	color: #f04c23;
	background: #fff;
	margin: 4px 5px;
	padding: 3px 7px;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border: 1px solid #F1F8FD;
	font-weight: bold;
}

.graph-button:hover, .graph-button.active:hover, .graph-button.active {
	color: #549edd;
}

/* 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: 138px;
	padding: 4px;
	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, #weather-cred 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 {
	cursor: pointer;
	margin: 0 4px 0 4px;
}

#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: 88px;
	left: 46px;
}

#your-label {
	position: absolute;
	font-size: 10px;
	color: #009EE2;
	top: 105px;
	left: 23px;
	width: 80px;
	text-align: center;
}

#avg-label {
	position: absolute;
	font-size: 10px;
	color: #000;
	top: 105px;
	left: 120px;
	width: 80px;
	text-align: center;
}

#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;
}




#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, .blue-tit h1, .txt-title {
	font-size: 16px;
	color:#F04C23;
	font-weight:bold;
	margin: 4px 0 0 10px;
}

.txt-title { line-height: 30px;}

#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;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	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;
}

#rbut-ro{
	display: block;
	height: 22px;
 	margin: 10px 5px 10px 0;
	padding: 0 5px;
	font-weight:bold;
	line-height:22px;
	font-size: 14px;
	border: 0;
	-moz-border-radius: 0.3em;
	background-color: #549EDD;
	color: #FFF;
	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: 50px;
	left: 36px;
	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: 155px;
	position: absolute;
}

#hl1, #hl2, #hl3, #hl4, #hl5, #hl6, #hl7, #hl8,
#hp1, #hp2, #hp3, #hp4, #hp5, #hp6, #hp7 {
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	height: 22px;
	position: absolute;
	display: block;
	z-index: 10;
}

#hp1, #hp2, #hp3, #hp7 { text-align: left; }

#hp1 {
	top: 28px;
	left: 36px;
	width: 300px;
}

#hp2 {
	top: 235px;
	left: 36px;
	width: 250px;
}

#hp3 {
	top: 38px;
	left: 766px;
	width: 136px;
}

#hp4 {
	top: 138px;
	left: 564px;
	width: 132px;
}

#hp5 {
	top: 353px;
	left: 550px;
	width: 157px;
}

#hp6 {
	top: 238px;
	left: 742px;
	width: 141px;
}

#hp7 {
	top: 445px;
	left: 36px;
	width: 141px;
}

#hl1 {
	top: 42px;
	left: 588px;
	width: 92px;
}

#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: 560px;
	width: 157px;
}

#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: 355px;
	height:30px;
	background: url(/assets/images/slider_faded.png) no-repeat bottom left;
	margin: 5px 0 0 0;
	float: left;
}

.slide-label { 
	float: left; 
	margin: 15px 10px 0 0;
	font-weight: bold;
	width: 125px;
}

#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
}

#page-overlay {
	background-color: #000000;
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 3000;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}

span.rating-comment {
	font-size: 0.85em;
	margin-right: 10px;
	color: #414142;
	float: right;
}

#tip-ratings, #note-list {
	z-index: 4500;
	background-color: #f3f8fd;
	border: 3px solid #000;
	width: 200px;
	margin: 50px auto;
	position: absolute;
	top: 75px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#note-list { 
	width: 350px; 
	height: 350px;
}

.note-com {
	overflow: auto;
	height: 320px;
	margin-top: 10px;
}

.note-none {
	margin: 130px 20px 0 20px;
}

.tr-comment, .note-comment {
	border: 1px #000 solid;
	color: #414142;
	width: 187px;
	margin: 6px 0 6px 5px;
	height: 50px;
}

#tr-result {
	padding: 5px;
	color: #414142;;
}

#tr-title, #note-title {
	color: #414142;
	float: left;
	font-size: 1.1em;
	margin: 4px 0 0 4px;
}

img.tr-close, img.note-close {
	float: right;
	display: block;
	margin: 6px 6px 0 0;
}

img.tr-close, img.note-close, span.rating-comment, .button, #alert-close, div.biglink, #display-notes {
	cursor: pointer;
	cursor: hand;
}

#graph-footer {
	height: 30px;
}

#display-notes {
	height: 22px;
	float: right;
	margin: 5px 6px 0 0;
}

#leg-end {
	float: left;
	margin: 5px 0 0 25px;
}

#leg-end td { padding-left: 5px; }
.legendLabel { font-size: 9pt; }

#notetable th {	font-weight: bold;}
#notetable td { font-size: 0.9em; padding-bottom: 2px;}
.note-ts { width: 120px;}
#notetable tr { margin-bottom: 5px;}



/* Weather */
.blue-tit h1 {
	padding: 7px 0 0 10px;
	color:#F04C23;
	font-weight:bold;
	font-size: 1.1em;
}

#wfixed { position: relative; }

#weather-pos { margin-top: 16px; }

#weather-img {
	width: 64px;
	height: 64px;
	position: absolute;
	top: 5px;
	left: 10px;
}

#weather-temp {
	position: absolute;
	top: 14px;
	left: 80px;
	font-weight: bold;
	color: #009EE2;
	font-size: 18pt;
}

#weather-hilo {
	position: absolute;
	top: 40px;
	left: 80px;
	font-size: 8pt;
}

#weather-desc {
	margin: 72px 10px 5px 10px;
	font-size: 9pt;
}

#weather-blurb {
	margin: 0px 10px;
	font-size: 9pt;
}

#weather-cred {
	margin: 0px 10px 5px 10px;
	font-size: 9pt;
}

.sec-nav-top {
	display: block;
	font-size: 15px;
	color:#F04C23;
	font-weight:bold;
}

/* 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; }