/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Energy Source
	Created: 2009-03-13
	Created by: Cindy Dochstader cindy@rkd.ca
	
	COLOURS:	
	Dark Grey Background: #272828
	Light Grey Text: #BBBBBB
	Medium Grey Text: #888888
	White Text: #FFFFFF
	Red Text: #C21616
------------------------------------------------------------------- */


/* TABLE OF CONTENTS */
/* ---------------------------------------- HTML, BODY, RESETS */
/* ---------------------------------------- GLOBAL STYLES */
/* ---------------------------------------- STRUCTURE */
/* -------------------------------------------- Header */
/* ----------------------------------------------- Top Nav */
/* ----------------------------------------------- Suckerfish Dropdowns */
/* -------------------------------------------- Content Area */
/* -------------------------------------------- Side Bar */
/* ----------------------------------------------- Side Nav */
/* ----------------------------------------------- Questions */
/* ----------------------------------------------- Contact Us Page*/
/* ----------------------------------------------- Members Home Page*/
/* ----------------------------------------------- Members Account Page*/
/* ----------------------------------------------- Source Report Page*/
/* -------------------------------------------- Footer */
/* ---------------------------------------- FORM ELEMENTS */


@import url("reset.css");
@import url("accordian.css");
@import url("jquery.lightbox-0.5.css");


 
/* ----------------------------------------------
	HTML, BODY, RESETS
---------------------------------------------- */

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #272828; /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font: 14px/22px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		color:#fff;
		background: #272828 url(../../Images/bodybg.png) repeat-x left top;
		}
		.BodyStylePopUp { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		color:#fff;
		background-color: #272828;
		}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */



/* ----------------------------------------------
	GLOBAL STYLES - style as necessary
---------------------------------------------- */

.imagefloatright {
	float:right;
	padding:5px 0 25px 20px;
	}
	
.imagefloatleft {
	float:left;
	padding:5px 20px 25px 0;
	}
	.News { padding-bottom:10px; }
	
.paddingtop20 {
	padding-top:20px;
	}
	
.paddingtop15 {
	padding-top:15px;
	}
	
.paddingbottomStefaniePic {
	padding-bottom:45px;
	}
		
.StorageChart {
	padding:15px 0 30px 90px;
	}
	
.Top {
	margin-bottom:10px;
	}

.NewsLinks {text-align:right;}

a:link, a:visited {
	color: #C21616;
	text-decoration: underline;
	}
	.whitelinks a:link, .whitelinks a:visited {
	color: #fff;
	text-decoration: underline;
	}

a:hover, a:active {
	color: #E72727;
	text-decoration: underline;
	}
	.whitelinks a:hover, .whitelinks a:active {
	color: #888;
	text-decoration: underline;
	}
	
a[href $='.pdf'] { /* icons for document downloads */
	display: inline-block;
  	padding-right: 20px;
   	background: transparent url(../../images/icon_adobe.gif) no-repeat center right;
	}
	
p, td, div { 
	font: 14px/22px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	}
	p {
	padding:0 0 14px 0;
	}

strong, b {
	font-weight: bold;
	}

em, i {
	font-style: italic;
	}

h1 {
	color: #888;
	font: 25px Georgia, "Times New Roman", Times, serif;
	}
	h1.HomeImgReplace { /* Homepage h1 */
		height: 75px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: left top;
		margin-bottom:15px;
		}	
	h1.ImgReplace {
		height: 27px;
		text-indent: -9999px;
		background-repeat: no-repeat;
		background-position: left top;
		margin-bottom:5px;
		}
		
h2 { 
	font:15px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #C21616;
	margin:0 0 8px 0;
	}	
	.UnderH1 {margin-top:15px;}
	.MyAccount {
		color: #888;
		font: 20px Georgia, "Times New Roman", Times, serif;
		margin-top:20px;
		}
	
h3 { 
	color: #888;
	margin:0 0 10px 0;
	}	

ul {
	padding: 0 ;
	}
	li {
		list-style: disc inside;
		margin-bottom:5px;
	}
	
ul.Promise {
	padding: 0 0 0 16px;
	}
	ul.Promise li {
		list-style: disc outside;
		margin-bottom:5px;
	}

ol { }
hr { 
	color: #bbb;
	background-color: #bbb;
	height: 1px;
	border:none;
	margin:20px 0;
	}
	hr.Pool { 
	display:block;
	color: #bbb;
	background-color: #bbb;
	height: 1px;
	border:none;
	margin:45px 0;
	}
	
/* styles used by WYSIWYG - style as necessary */
pre { }
address { }



/* ----------------------------------------------
	STRUCTURE
---------------------------------------------- */

/* ---------------------------------------- Header */

#PrintHeader { display: none; }

#Header { 
	width: 830px;
	margin: 0 auto;
 	}

#Header .Login { 
	float:left;
	margin-top:5px;
	font-size:11px;
	}
	
#Header .Login a:link, #Header .Login a:visited {
	color: #fff;
	text-decoration: none;
	}

#Header .Login a:hover, #Header .Login a:active {
	color: #fff;
	text-decoration: underline;
	}

#Header .Logo { 
	float:left; 
	margin-top:25px;
	}

#Header .TagLine {
	float:right;
	margin-top:46px;
	}


/* ---------------------------------------- Top Nav */

#TopNav { 
	float:right;
	width:659px;
	height:30px;
	}

#TopNav a.NavHome  {
	background-position:0 0;
	width: 70px;
	}	
	#TopNav a.NavHome:hover  {
		background-position:0 -30px;
		}

#TopNav a.NavProducts {
	background-position:-69px 0;
	width: 173px;
	}	
	#TopNav a.NavProducts:hover {
		background-position:-69px -30px;
		}

#TopNav a.NavCompany {
	background-position:-241px 0;
	width: 127px;
	}	
	#TopNav a.NavCompany:hover {
		background-position:-241px -30px;
		}

#TopNav a.NavMarket {
	background-position:-367px 0;
	width: 177px;
	}	
	#TopNav a.NavMarket:hover {
		background-position:-367px -30px;
		}
	
#TopNav a.NavContact {
	background-position:-543px 0;
	width: 110px;
	}	
	#TopNav a.NavContact:hover {
		background-position:-543px -30px;
		}
		
		

/* ---------------------------------------- Suckerfish Dropdowns */

#TopNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}

#TopNav a {
	display:block;  
	background:url(../../images/topnav.png) no-repeat;  
	height:30px;
	text-indent:-9000px;    
	}

#TopNav li { /* all list items */
	list-style: none;
	float: left;
	}
	#TopNav li .NavHome { width:70px; /* need widths or Opera goes nuts */}		
	#TopNav li .NavProducts { width:173px; /* need widths or Opera goes nuts */}
	#TopNav li .NavCompany { width:127px; /* need widths or Opera goes nuts */}
	#TopNav li .NavMarket { width:177px; /* need widths or Opera goes nuts */}
	#TopNav li .NavContact { width:110px; /* need widths or Opera goes nuts */}


#TopNav li ul { /* second-level lists */
	position: absolute;
	background: #eee;
	width: 212px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#TopNav li:hover ul, #TopNav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

#TopNav li ul a { 
				background: url(../../images/dropdown-bullet.png) no-repeat 10px 7px;
				color: #000;
				font: 12px/16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
				height: 19px;
				width: 225px;
				padding: 3px 0px 3px 25px;
				text-indent: 0;
				text-decoration: none;
				}
				
				#TopNav li ul a:hover { 
					color: #A61313;
					background: url(../../images/dropdown-bullet-over.png) no-repeat 10px 7px;
					}
				
							
	
/* ---------------------------------------- Content Area */
	
#Wrapper {
	width: 830px;
	margin: 0 auto;
	padding-top:30px;
	clear:both;
	}
	
#Content {
	width:542px;
	float:left;
	margin-top:30px;
	}
	


/* ---------------------------------------- Side Bar */

#SideBar {
	float:right;
	width: 267px;
	margin:15px 0 0 0;
	padding:0;
	}
		
/* -------------------- Side Nav */
			
#SideNavHome {
	width: 267px;
	height:196px;
	background: url(../../images/sidenavbg-home.png) no-repeat;
	padding-top:10px;
	}
	#SideNavHome a {
		display:block;
		height:36px;
		background: url(../../images/sidenav-home.png) no-repeat;
		text-indent:-9000px; 
		}
		
#SideNavProducts {
	width: 267px;
	height:159px;
	background: url(../../images/sidenavbg-products.png) no-repeat;
	padding-top:10px;
	}
	#SideNavProducts a {
		display:block;
		height:36px;
		background: url(../../images/sidenav-products.png) no-repeat;
		text-indent:-9000px; 
		}	
		
#SideNavCompany {
	width: 267px;
	height:230px;
	background: url(../../images/sidenavbg-market.png) no-repeat;
	padding-top:10px;
	}
	#SideNavCompany a {
		display:block;
		height:36px;
		background: url(../../images/sidenav-company.png) no-repeat;
		text-indent:-9000px; 
		}	
		
#SideNavMarket {
	width: 267px;
	height:230px;
	background: url(../../images/sidenavbg-market.png) no-repeat;
	padding-top:10px;
	}
	#SideNavMarket a {
		display:block;
		height:36px;
		background: url(../../images/sidenav-market.png) no-repeat;
		text-indent:-9000px; 
		}		
		
#SideNavMembers {
	width: 267px;
	height:230px;
	background: url(../../images/sidenavbg-market.png) no-repeat;
	padding-top:10px;
	}
	#SideNavMembers a {
		display:block;
		height:36px;
		background: url(../../images/sidenav-members-new.png) no-repeat;
		text-indent:-9000px; 
		}				
		
#SideNavHome a.SideNav1, #SideNavProducts a.SideNav1, 
#SideNavCompany a.SideNav1, #SideNavMarket a.SideNav1, #SideNavMembers a.SideNav1 {
	background-position:0 -10px;
	}	
	#SideNavHome a.SideNav1:hover, #SideNavProducts a.SideNav1:hover, 
	#SideNavCompany a.SideNav1:hover, #SideNavMarket a.SideNav1:hover, #SideNavMembers a.SideNav1:hover {
		background-position:-267px -10px;
		}
		
#SideNavHome a.SideNav2, #SideNavProducts a.SideNav2, 
#SideNavCompany a.SideNav2, #SideNavMarket a.SideNav2, #SideNavMembers a.SideNav2 {
	background-position:0 -45px;
	}	
	#SideNavHome a.SideNav2:hover, #SideNavProducts a.SideNav2:hover, 
	#SideNavCompany a.SideNav2:hover, #SideNavMarket a.SideNav2:hover, #SideNavMembers a.SideNav2:hover {
		background-position:-267px -45px;
		}		

#SideNavHome a.SideNav3, #SideNavProducts a.SideNav3, 
#SideNavCompany a.SideNav3, #SideNavMarket a.SideNav3, #SideNavMembers a.SideNav3 {
	background-position:0 -80px;
	}	
	#SideNavHome a.SideNav3:hover, #SideNavProducts a.SideNav3:hover, 
	#SideNavCompany a.SideNav3:hover, #SideNavMarket a.SideNav3:hover, #SideNavMembers a.SideNav3:hover {
		background-position:-267px -80px;
		}
	
#SideNavHome a.SideNav4, #SideNavProducts a.SideNav4, 
#SideNavCompany a.SideNav4, #SideNavMarket a.SideNav4, #SideNavMembers a.SideNav4 {
	background-position:0 -115px;
	}	
	#SideNavHome a.SideNav4:hover, #SideNavProducts a.SideNav4:hover, 
	#SideNavCompany a.SideNav4:hover, #SideNavMarket a.SideNav4:hover, #SideNavMembers a.SideNav4:hover {
		background-position:-267px -115px;
		}

#SideNavHome a.SideNav5, #SideNavMarket a.SideNav5, 
#SideNavCompany a.SideNav5, #SideNavMembers a.SideNav5 {
	background-position:0 -150px;
	}
	#SideNavHome a.SideNav5:hover, #SideNavMarket a.SideNav5:hover, 
	#SideNavCompany a.SideNav5:hover, #SideNavMembers a.SideNav5:hover {
		background-position:-267px -150px;
		}

#SideNavMarket a.SideNav6, #SideNavCompany a.SideNav6, 
#SideNavMembers a.SideNav6 {
	background-position:0 -185px;
	}
	#SideNavMarket a.SideNav6:hover, #SideNavCompany a.SideNav6:hover,
	#SideNavMembers a.SideNav6:hover {
		background-position:-267px -185px;
		}
		
		
#SideNavHome a.SideNav1, #SideNavProducts a.SideNav1, 
#SideNavCompany a.SideNav1, #SideNavMarket a.SideNav1, #SideNavMembers a.SideNav1 {
	background-position:0 -10px;
	}	
	#SideNavHome a.SideNav1:hover, #SideNavProducts a.SideNav1:hover, 
	#SideNavCompany a.SideNav1:hover, #SideNavMarket a.SideNav1:hover, #SideNavMembers a.SideNav1:hover {
		background-position:-267px -10px;
		}
		
#SideNavMembers a.SideNav2Disabled {
	background: url(../../images/sidenav-members-disabled.png) no-repeat 0 -45px;
	cursor:default;
	}	
	#SideNavMembers a.SideNav2Disabled:hover {
		background: url(../../images/sidenav-members-disabled.png) no-repeat 0 -45px;
		}		
		
#SideNavMembers a.SideNav3Disabled {
	background: url(../../images/sidenav-members-disabled.png) no-repeat 0 -80px;
	cursor:default;
	}
	#SideNavMembers a.SideNav3Disabled:hover {
		background: url(../../images/sidenav-members-disabled.png) no-repeat 0 -80px;
		}	
	
/* -------------------- Questions */

#Questions {
	background: url(../../images/questionsbg.png) no-repeat;
	}
	#Questions .text {
		margin: 0 auto;
		padding-top:18px;
		width:150px;
		font: 19px/24px Georgia, "Times New Roman", Times, serif;
		color: #fff;
		text-align:center;
		}
	#Questions .contact {
		margin: 0 auto;
		padding-top:15px;
		width:171px;
		text-align:center;
		}


/* -------------------- Contact Us Page*/

	.EmployeeContact {
	padding-top:64px;	
	}
	
	

/* -------------------- Members Home Page*/

.MembersLinks a {
	text-decoration:underline;
	}


/* -------------------- Members Account Page*/

.CustomerTabs {
	margin:25px 0;
	border-bottom:1px solid #888;
	padding: 0 0 0 7px;
	list-style: none;
	line-height: 1;
	overflow:hidden;
	}
	.CustomerTabs ul { 
		margin:0 auto;	
		}
	
	.CustomerTabs li { 
		list-style: none;
		float: left;
		margin:0;
		}
		.CustomerTabs li.active a:link, .CustomerTabs li.active a:visited {
			background-color:#942725;  
			}

.CustomerTabs a:link, .CustomerTabs a:visited {
	display:block;  
	background-color:#888;  
	margin:0 5px;
	padding: 7px 17px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}
	.CustomerTabs a:hover, .CustomerTabs a:active {
		background-color:#bbb;  
		}
		
table.AccountTable {
	margin-bottom:25px;
	}
	table.NoBottomMargin {
		margin-bottom:0;
		}
	
	table.AccountTable th{
	background-color:#942725;
	padding:4px 7px;
	font-weight:bold;
	}
		
	table.AccountTable td{
		padding:3px 7px; 
		border-bottom:1px dotted #444;
		font-size:12px;
		}
		table.AccountTable td.NoPadding {padding:0;}
		
	table.AccountTable td.Underth {padding-top:6px}
	table.AccountTable td.Label {font-weight:bold;}
	table.AccountTable td.SubLabel {
		font-weight:bold;
		padding-left:15px;
		}
	table.AccountTable td.PaddingTop15px {padding-top:15px}
		
		table.AccountTable tr.CustomerSubHeader td.SameAsText { 
			font-weight:normal; 
			text-align:right;
			}
			
	table.AccountTable tr.CustomerSubHeader td {
		border-top:1px solid #666;
		padding:9px 7px 4px 7px;
		font-weight:bold;
		background-color:#2e2e2e;
		}
	table.AccountTable tr.CustomerSubSubHeader td {
		border-top:1px solid #444;
		padding:6px 7px 4px 7px;
		font-weight:bold;
		background-color:#232424;
		}
			
	table.AccountTable td.Utilities { padding: 0; }

table.AccountTableUtilities {
	margin-bottom:0;
	}
	table.AccountTableUtilities td{
		padding:3px 7px; 
		border-bottom:none;
		font-size:12px;
		}
			table.AccountTableUtilities tr td.CustomerSubHeader {
			border-top:1px solid #666;
			border-bottom:1px dotted #444;
			padding:9px 7px 4px 7px;
			font-weight:bold;
			background-color:#2e2e2e;
			}
			
table.AccountTableDCQ tr.HeaderRow td {
	background-color:#942725;
	padding:4px 7px;
	font-weight:bold;
	border-bottom:none;
	}
		
	table.AccountTableDCQ td{
		padding:3px 7px; 
		border-bottom:1px dotted #444;
		font-size:12px;
		}
				
#PopUpContent {
	width:830px;
	margin:30px auto;
	}

	
/* -------------------- Source Report Page*/

	.SRTable165 {
		border:1px solid #fff;	
		background-color: #bbb;
		width:165px;
		float:left;
		margin-right:15px;
		}
		.SRTable165 td {	
			height:17px;
			padding:2px 5px;
			vertical-align: top;
			font: 11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
			color:#000;
			}
			
	.SRTable345 {
		border:1px solid #fff;	
		background-color: #bbb;
		width:345px;
		float:left;
		margin-right:15px;
		}
		.SRTable345 td {	
			height:17px;
			padding:2px 5px;
			vertical-align: top;
			font: 11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
			color:#000;
			}
	
	.ReportHeading {
		background-color:#942725;
		height:20px;
		text-align:center;
		}
		.ReportHeadingText {
			font: bold 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
			}
		
	.ReportTitle {
		font: bold 11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		}
		
	.RightAlign {
	 	text-align:right;
		}
	.LeftAlign {
	 	text-align:left;
		}
	.CenterAlign {
	 	text-align:center;
		}
		
	.Note {
		font-size:11px;
		padding-left:245px;
		}


.ReadMore { text-align:right;}

/* ---------------------------------------- Footer*/

#FooterHome { /* Homepage Styles */
	background: url(../../images/footerbg-home.png) repeat-x ;
	height:140px;
	margin-top:40px;
	clear:both;
	}
	
#FooterHome .Container {
	width:830px;
	margin: 0 auto;
	}
	
#FooterHome .HomeIcons {
	padding-top:5px;
	width:830px;			
	}	
	#FooterHome .HomeIcons .ProfileIcon {
		float:left;
		margin-right:120px;
		}
	#FooterHome .HomeIcons .PromiseIcon {
		margin:4px 120px 0 0;
		float:left;
		}
	#FooterHome .HomeIcons .ContactIcon {
		float:left;
		}
	#FooterHome .HomeIcons .LoginIcon {
		float:right;
		}
	
#FooterHome .Copyright {
	margin-top:50px;
	font:11px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	colour:#ccc;
	float:left;
	}
	#FooterHome .Copyright a {
	color:#888;
	}
		
#FooterHome .PhoneNumber {
	margin-top:50px;
	font: bold 12px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#888;
	float:right;
	}	
	#FooterHome .FooterLogo {
		padding:0 10px 0 0;
		float:left;
		}
#FooterHome .SitebyRKD {
	padding:15px 0 5px 0;
	}
	#FooterHome .SitebyRKD a {
	color:#444;
	font:11px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	}

#Footer { /* Inside Page Styles */
	background: url(../../images/footerbg.png) repeat-x ;
	height:103px;
	clear:both;
	}
	
#Footer .Container {
	width:830px;
	margin: 0 auto;
	}
	
#Footer .Copyright {
	margin-top:70px;
	font:11px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	colour:#ccc;
	float:left;
	}
	#Footer .Copyright a {
	color:#888;
	}
		
#Footer .PhoneNumber {
	margin-top:70px;
	font: bold 12px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#888;
	float:right;
	}	
	#Footer .FooterLogo {
		padding:0 10px 0 0;
		float:left;
		}
		
	
/* ----------------------------------------------
	FORM ELEMENTS
---------------------------------------------- */

.Error, .Required {
	color: #A61313;
	font-size: 12px;
	}

.SigninError {
	color: red;
	padding:0 0 10px 70px;
	}

.Form {
	border-collapse:collapse;
	border-spacing: 0;
	}
	.Form td {
		padding: 5px 0;
		vertical-align: top;
		}
	.margintop15 {
		margin-top:15px;
		}
	.forgotpassword {
		padding:5px 0 0 10px;
		}
		
.FormBottomReg .VerticalPadding td  {
		padding: 3px 0;
		vertical-align:top;
		}
		
.FormBottomReg .HorizontalPadding td  {
		padding:0 3px;
		}
		
Textarea, select {
	font: 13px/19px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid #fff;
	}
	textarea { 
		background: #fff;
		width:333px; 
		}
		
.Input { 
	background: #fff url(../../images/input-bg.gif) repeat;
	border: 1px solid #fff;
	margin:0 10px;
	width:250px;
	height:19px; 
	}

select { 
	margin:0 10px;
	width:200px;
	}

.SubmitButtonContact input {
	width:80px;
	height:20px;
	margin:5px 0 0 255px;
	}
	
.SubmitButtonLogin input {
	width:80px;
	height:20px;
	margin:5px 0 10px 241px;
	}
	
.SubmitButtonForgotPassword input {
	width:80px;
	height:20px;
	margin:5px 0 0 219px;
	}
	
.SubmitButtonRegister input {
	width:80px;
	height:20px;
	margin:5px 0 0 312px;
	}