@charset "utf-8";

@import url("lightview.css");
@import url("sifr.css");

* {
	margin:0;
	padding:0;
}

html, body {height:100%;}
body { 
	background-color:#6fa5ed;
	font-family:'segoe ui', 'Lucida Grande','Gill Sans','Gill Sans MT',Arial,Helvetica,sans-serif;
	font-size:100%;
	color:#8c8c8c;
}
a{text-decoration:none;}
a:link, a:visited { color:#FF9900; }
a:hover, a:active { color:#8c8c8c; }
p {font-size:80%; margin-bottom:1em;}

form {margin:0; padding:0;}
h1 {
	font-family:'Rimouski Rg', Arial, Helvetica, sans-serif;
	color:#646464;
	font-size:140%;
}
h1 span {color:#97cc00;}

h2 {
	font-family:'Rimouski Rg', Arial, Helvetica, sans-serif;
	color:#646464;
	font-size:120%;
	font-weight:bold;
	margin-top:0.8em;
}

h2 span {color:#969696;}

h3 {font-family:'Rimouski Rg', Arial, Helvetica, sans-serif;
	color:#646464;
	font-size:90%;
	font-weight:bold;
}

h4 {
	font-family:'Rimouski Rg', Arial, Helvetica, sans-serif;
	color:#646464;
	font-size:120%;
	margin-top:0.8em;
	font-weight:bold;
}

img {border-width:0;}


html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display:inline-block;
}

/* Convienience Styles */
.c {text-align:center;}
.r {text-align:right;}
.l {text-align:left;}
.h {display:none;}

.sw {width:350px;}
.grey {color:#c7c7c7;}
.green {color:#99cc00;}
.orange {color:#FF9900;}
#wrapper { /* see http://ryanfait.com/sticky-footer/ */
	background:transparent url(/img/css/bg.top.jpg) repeat-x top left;
	height:auto !important;
	height:100%;
	margin-bottom:-312px;
	min-height:100%;
	position:relative; 
/*	z-index:1;*/
}

#wrapper #push {height:250px;}

#page {
	margin: 0 auto;
/*	position: relative;*/
	width:972px;
/*	z-index:1;*/
	text-align:left;
}

#page #banner {
	background:transparent url(/img/css/bg.ban.png) no-repeat top left;
	height:136px;
	text-align:right;
}
#page #banner #bannernav { 
	padding:50px 0;
	color:#fc9a00;
	margin:0;
	height:41px;
	font-weight:bold;
	font-size:90%;
	line-height:41px;
/*	position:relative;*/
}
#page #banner #bannernav span {color:#c2c2c2;}
#page #banner #sitesearch {background:transparent url(/img/css/bg.sitesearch.gif) no-repeat 0 0; width:197px; height:41px; margin:0 30px 0 10px; text-align:left; float:right;}
#page #banner #sitesearch #search { outline:none; float:left; margin-left:8px; line-height:41px; height:41px; border:0; width:148px;  background:transparent;  color:#8c8c8c;}
#page #banner #sitesearch a {background:transparent url(/img/css/btn.go.gif) no-repeat 0 0; height:0; display:inline-block; padding-top:41px; overflow:hidden; width:41px;}
#page #banner #sitesearch a:hover {background-position:0 -41px;}
#page #pageinner {
	width:972px;
	background:transparent url(/img/css/bg.page.png) repeat-y top left;
/*	position:relative;  */
}

#pagefooter {
	height:79px;
	text-align:center;
	background: transparent url(/img/css/bg.footer.png) no-repeat top left;
}
#globalheader{display:block; margin:0 36px;}

#globalheader #globalnav ul, #globalfooter #footernav ul, #chartnav ul, #secondarynav, #secondarynav ul, #activitiesnav {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#globalnav {margin-left:20px;}
#globalheader #globalnav li, #globalfooter #footernav li, #chartnav li {display:inline;}
#globalheader #globalnav li a {
	background-image:url("/img/css/nav.png");
	background-repeat:no-repeat;
	float:left;
	height:0;
	padding-top:47px;
	overflow:hidden;
	width:94px;
}
#globalheader #globalnav li a:hover {background-position:0 -47px;}
#globalheader #globalnav li a.on {background-position:0 -94px;}
#globalheader #globalnav li#gn-about a {width:94px; background-position:-94px 0;}
#globalheader #globalnav li#gn-about a:hover {background-position:-94px -47px;}
#globalheader #globalnav li#gn-about a.on {background-position:-94px -94px;}
#globalheader #globalnav li#gn-compare a {width:132px; background-position:-188px 0;}
#globalheader #globalnav li#gn-compare a:hover {background-position:-188px -47px;}
#globalheader #globalnav li#gn-compare a.on {background-position:-188px -94px;}
#globalheader #globalnav li#gn-resources a {width:132px; background-position:-320px 0;}
#globalheader #globalnav li#gn-resources a:hover {background-position:-320px -47px;}
#globalheader #globalnav li#gn-resources a.on {background-position:-320px -94px;}
#globalheader #globalnav li.gn-account a {width:140px; background-position:-452px 0;}
#globalheader #globalnav li.gn-account a:hover {background-position:-452px -47px;}
#globalheader #globalnav li.gn-account a.on {background-position:-452px -94px;}
#globalheader #globalnav li#gn-solarstuff a {width:142px; background-position:-595px 0;}
#globalheader #globalnav li#gn-solarstuff a:hover {background-position:-595px -47px;}
#globalheader #globalnav li#gn-solarstuff a.on {background-position:-595px -94px;}

#globalfind {
	background:transparent url(/img/css/bg.school.find.png) no-repeat top right;
	height:70px;
	position:relative;
	margin:0 36px;
	margin-top:1px;
	/*z-index:1*/
}
#globalfind #map {
	background:transparent url(/img/css/btn.find.map.jpg) no-repeat top left;
	float:left; width:276px; height:0; padding-top:56px; overflow:hidden;
}
#globalfind #map:hover { background-position:0 -56px;}
#globalfind #searchbox {background: transparent url(/img/css/bg.find.box.gif) no-repeat top left;
	width:308px;
	height:24px;
	float:right;
	margin-top:19px;
	padding-right:36px;
}
#globalfind #searchbox #filter { margin:5px 0 0 14px; width:264px; border:0; background:transparent; outline:none;}
/*
	School Find Drop Down list
*/
#CompareResults {width:332px; background-color:transparent; overflow:hidden; position:absolute; z-index:9000;}
#findresults {width:332px; height:400px; background-color:transparent; border:0px solid #333; overflow:hidden; position:absolute; top:45px; right:15px; z-index:9000;}
.resulttop {background:transparent url(/img/css/bg.find.school.top.png) 0 0 no-repeat; width:332px;}
.resultbot {background:transparent url(/img/css/bg.find.school.bot.png) 0 0 no-repeat; color:#fff; min-height:79px; height:79px;}
.resulttop #close {display:block; height:0; padding-top:34px; margin:0 28px; background:transparent url(/img/css/btn.find.close.png) no-repeat top right; overflow:hidden;}
.resulttop #close:hover {background-position:100% -34px;}
.resulttop	.School {display:block; border-bottom:1px solid #e7e7e7; height:50px; margin-right:10px; padding:3px 8px 3px 58px; text-decoration:none; 
		background:#fff url(/img/css/ico.states.gif) no-repeat 4px 0; color:#6d6d6d; font-size:80%; overflow:hidden;}
.resulttop	.School span {color:#a6cf1b; font-weight:bold;}
.resulttop	.School:hover {background-color:#f7f7f7;}
.resulttop	.School:hover span {color:#626262;}
.resulttop	.School:active {background-color:#f7f7f7;}
.resulttop	.School:active span {color:#626262;}
.resulttop .nbb {border-bottom-width:0; }
.resulttop	.nz {background-position:4px -350px;}
.resulttop	.wa {background-position:4px -250px;}
.resulttop	.sa {background-position:4px -200px;}
.resulttop	.nt {background-position:4px -300px;}
.resulttop	.vic {background-position:4px -100px;}
.resulttop	.nsw {background-position:4px -50px;}
.resulttop	.qld {background-position:4px 0;}
.resulttop	.tas {background-position:4px -150px;}
.resulttop	.act {background-position:4px -400px;}
/*
	Green Tips Panel
*/
#greentips { background:transparent url(/img/css/bg.greentip.gif) no-repeat 10px 5px;
		border:1px dotted #999; border-width:1px 0; margin:0 36px; height:60px;
}
#greentips #gt-inner {margin-left:170px; padding:11px 0; font-size:80%; }
/*
	Main Content Footer
*/
#globalfooter {padding:10px 240px; height:79px;}
#globalfooter #footernav li a {float:left; color:#acacac; text-decoration:none; font-size:75%; width:80px; text-align:center;}
#globalfooter #footernav li a:hover, #globalfooter #footernav li a:active{color:#000;}
/*
	Content Area
*/
#content {margin:0 36px; padding-top:30px; padding-bottom:20px;}
#content #main {
	margin-left:320px;
	min-height:450px !important;
}
#content #secondary {
	float:left;
	width:300px;
	min-height:450px !important;
}
#content #main .buttons {float:right; width:216px; margin-left:12px;}
#content #main .buttonsleft {float:left; width:216px; margin-right:12px;}

.list {margin-left:30px;}
.list li {font-size:80%; margin-top:0.4em;}
.list ul {margin-left:30px;}
.list ul li {font-size:100%; margin-top:0.1em;}

.activities {background:transparent url(/img/css/activities.top.gif) top left no-repeat; width:200px; padding-top:41px; float:right; margin-left:12px;}
.activities .boxbot {background:transparent url(/img/css/activities.bot.gif) bottom left no-repeat; padding-bottom:75px;}
#activitiesnav li a {
	display:block;
	background-image:url("/img/css/bullet.activities.gif");
	background-repeat:no-repeat;
	background-position: 12px 15px;
	color:#333;
	font-size:80%;
	font-weight:bold;
	padding:6px 6px 0 24px;
}
#activitiesnav li a:hover { color:#666; }


.btn {background:transparent url(/img/css/btn.add.png) no-repeat 0 0; width:20px; height:20px; border:0; cursor:pointer; padding-top:20px;}
.btn:hover { background-position:0 -20px; }
	.Close { background-image:url(/img/css/btn.close.png); width:72px; height:30px; padding-top:30px;}
	.Ok { background-image:url(/img/css/btn.ok.png); width:59px; height:30px; padding-top:30px;}
	.Save { background-image:url(/img/css/btn.save.png); width:68px; height:30px; padding-top:30px;}
	.Update { background-image:url(/img/css/btn.update.png); width:83px; height:30px; padding-top:30px;}
	.Save:hover, .Update:hover, .Close:hover, .Ok:hover {background-position:0 -30px; }
/*
	Secondary Nav
*/
#secnavtop {background:transparent url(/img/css/sec.nav.top.gif) 0 0 no-repeat; width:280px; padding-top:48px; height:auto !important; }
#secnavbot {background:transparent url(/img/css/sec.nav.bot.gif) bottom left no-repeat; padding-bottom:45px;}

#secondarynav li a {
	display:block;
	background-image:url("/img/css/sec.nav.bullet.gif");
	background-repeat:no-repeat;
	background-position: 14px 50%;
	color:#333;
	font-size:80%;
	font-weight:bold;
	height:36px;
	padding-left:30px;
	line-height:36px;
	border-bottom:1px solid #f6f6f6;
}
#secondarynav li a:hover {background-color:#f6f6f6; border-color:#fff;}

#secondarynav li ul li a {
	background: #f6f6f6 url("/img/css/sec.nav.bullet.2.gif") no-repeat 30px 50%;
	display:block; height:30px; color:#666; padding-left:50px; line-height:30px;
	border-bottom:1px solid #fff;
}
#secondarynav li ul li a:hover { color:#333; background-color:transparent;}
/* Secondary nav section overrides */
.section-resources #secnavtop { background-image:url('/img/css/sec.nav.top.resources.gif');}
.section-resources #secnavtop li a {background-image:url('/img/css/sec.nav.bullet.resources.gif');}
.section-account #secnavtop { background-image:url('/img/css/sec.nav.top.account.gif');}
.section-account #secnavtop li a {background-image:url('/img/css/sec.nav.bullet.account.gif');}
.section-solarstuff #secnavtop { background-image:url('/img/css/sec.nav.top.solarstuff.gif');}
.section-solarstuff #secnavtop li a {background-image:url('/img/css/sec.nav.bullet.solarstuff.gif');}
/* Page Class Overrides */
.widget {background-color:#fff;}
.modal {background-color:#e7e7e7;}
.modal #content {margin:12px; padding:0;}
/* Reset image for second level of the section nav */
#content #secondary #secnavtop #secnavbot #secondarynav li ul li a {background-image:url("/img/css/sec.nav.bullet.2.gif");}
/*	Sticky Footer */
#siteby{color:#fff; text-align:right; margin-right:50px; font-size:75%;}
#siteby a{color:#fff;}
#siteby a:hover{color:#333;}
#footer{height:312px; background:transparent url(/img/css/bg.bot.jpg) repeat-x bottom left; }
/* Form Styles */
.label {display:block; color:#e37222; font-size:75%;}
.input { background:#fff url(/img/input.bg.gif) no-repeat scroll;
	border:1px solid #aaa;
	font-family:"segoe ui", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#333;
	display:inline-block;
	margin:2px 3px 0px 24px;
	padding:3px;
}
.inputSelect  
{
	font-family:"segoe ui", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	border:1px solid #aaa;
	color:#333;
	display:inline-block;
	margin:1px 3px 1px 24px;
	padding:2px;
	}
.inputText { background:#fff url(/img/input.bg.gif) no-repeat scroll;
	border:1px solid #aaa;
	font-family:"segoe ui", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#333;
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:3px;
}
input.validation-failed, textarea.validation-failed {border:1px solid #FF3300;}
input.validation-passed, textarea.validation-passed {border:1px solid #b9d420;}
.validation-advice { margin-left:4px;}

.BoxTop {background:transparent url(/img/css/box.grey.square.top.gif) top left no-repeat; width:540px;}
.roundboxtop {background:transparent url(/img/css/box.grey.round.top.gif) top left no-repeat; width:540px; padding-top:35px;}
.BoxTop .BoxBot, .roundboxtop .BoxBot {background:transparent url(/img/css/box.grey.bot.gif) bottom left no-repeat;  padding-bottom:25px; padding-left:10px;}

.OrangeBoxTop { background:transparent url(/img/css/box.big.orange.top.gif) top left no-repeat; width:540px; padding-top:35px; }
.OrangeBoxTop .OrangeBoxBot { background:transparent url(/img/css/box.big.orange.bot.gif) bottom left no-repeat;  padding-bottom:25px; padding-left:10px; }


/* Screen messages */
/* Message Window */
#ScreenMessages, #ValidationErrors, .AjaxMessage{ background:#fff url(/img/css/ico/warning.48.png) no-repeat top left; padding-left:60px; 
	min-width:200px !important;
	min-height:120px;
	width:350px;
	color:#000;
}


.scroll	{ height:150px; vertical-align:top;text-align: left; padding: 0px; margin: 0;
	overflow: auto;
	overflow-y: scroll;
	scrollbar-face-color: #ffb23c; 
	scrollbar-shadow-color: #ffb23c; 
	scrollbar-highlight-color: #ffb23c; 
	scrollbar-3dlight-color: #fec978; 
	scrollbar-darkshadow-color: #fec978; 
	scrollbar-track-color: #FF9900; 
	scrollbar-arrow-color: #FF9900; }	

/*Charts */
#chart {width:542px;}
#chartnav {height:41px;}
.datadownload { background:transparent url(/img/css/btn.data.download.gif) no-repeat 0 0;
	display:block;
	position:relative;
	margin-left:360px;
	width:144px;
	height:0px;
	padding-top:36px;
	overflow:hidden;
}
.datadownload:hover {background-position:0 -36px;}
.titles {
	position:relative;
	float:left;
	width:350px;
	font-size:80%;
	color:#333;
	margin-left:5px;
}	

#chartnav li a { background:transparent url("/img/css/tabs.generation.chart.gif") no-repeat 0 0;
	float:left;
	height:0;
	margin:0;
	padding-top:41px;
	overflow:hidden;
	width:111px;
}
#ChartC #chartnav li a {background-image:url(/img/css/tabs.consumption.chart.gif);} 
#ChartC .datadownload { background-image:url(/img/css/btn.data.download.orange.gif);}
#chartnav li a:hover {background-position:0 -47px;}
#chartnav li a.active {background-position:0 -94px;}
#chartnav li#cn-today a {background-position:0 0;}
#chartnav li#cn-today a:hover {background-position:0 -41px;}
#chartnav li#cn-today a.active {background-position:0 -41px;}
#chartnav li#cn-week a {background-position:-111px 0;}
#chartnav li#cn-week a:hover {background-position:-111px -41px;}
#chartnav li#cn-week a.active {background-position:-111px -41px;}
#chartnav li#cn-month a {background-position:-222px 0;}
#chartnav li#cn-month a:hover {background-position:-222px -41px;}
#chartnav li#cn-month a.active {background-position:-222px -41px;}
#chartnav li#cn-year a {width:121px; background-position:-333px 0;}
#chartnav li#cn-year a:hover {background-position:-333px -41px;}
#chartnav li#cn-year a.active {background-position:-333px -41px;}

/* Grid */
.grid { border-collapse:collapse; border:0px solid #bfbfbf; border-width:0 1px 1px 1px;}
.grid td, .grid th { font-size:11px;}
.rowhead { background:#dcdcdc url(/img/css/tablehead.gif) no-repeat -10px 0; color:#666; font-weight:bold; text-align:left;}
.rowhead th { height:26px; padding:0 10px; vertical-align:middle; color:#0166a9; text-align:left;}
.rowodd { background:#eee url(/img/css/white_stripe.gif) repeat-x 0 0; height:25px; text-align:left;}
.roweven {background:white; height:25px; text-align:left;}
.rowodd td, .roweven td { padding:3px 10px; vertical-align:middle; height:19px; line-height:19px; border-top: 1px solid #bfbfbf; color:#0166A9;}
.rowtotal td {font-weight:bold;}
.nogrid {border:0;}
.nogrid tr td, .nogrid th {border:0; padding:0;}

/*TableKit */
tr.rowodd { background:#eee url(/img/css/white_stripe.gif) repeat-x 0 0; height:25px; text-align:left;}
tr.roweven {background:#fff url(/img/css/white_stripe.gif) repeat-x 0 0; height:25px; text-align:left;}
.rowodd td, .roweven td { padding:3px 10px; vertical-align:middle; height:18px; line-height:18px; border-top: 1px solid #bfbfbf; color:#444;}
.sortcol {cursor: pointer; padding-right: 20px; background-repeat: no-repeat; background-position: right center; }
th.sortasc { background: transparent url(/img/css/arrow.up.gif) 0 50%  no-repeat; }
th.sortdesc { background: transparent url(/img/css/arrow.dn.gif) 0 50%  no-repeat; }
.nosort { cursor: default; }
th.resize-handle-active { cursor: e-resize; }
div.resize-handle { cursor: e-resize; width: 2px; border-right: 1px dashed #1E90FF; position:absolute; top:0; left:0; }