/* Styles for Countdown meter widget */

div#edaycountdowndiv
{
	position: relative;
	width: 625px;
	height: 168px;
	background-image: url(./CountDownBG.png);
	background-repeat: no-repeat;
}

div#i_main
{
	position: relative;
	background-image: url(./i_main.jpg);
	background-repeat: no-repeat;
	width: 663px;
	height: 256px;
}

div#i_main div#edaycountdowndiv 
{
	top: 57px;
	left: 96px;
	background:transparent;
}

.clockBlock
{
	position: absolute;
	left: 0px;
	width: 112px;
	top: 64px;
	height: 100px;
}


.clockBlock#clockDays
{
	left: 18px;
}
.clockBlock#clockHours
{
	left: 172px;
}
.clockBlock#clockMins
{
	left: 328px;
}
.clockBlock#clockSecs
{
	left: 484px;
}

.clockdigit1s, .clockdigit10s
{
	height: 81px;
	width: 62px;
	position: absolute;
	top: 2px;
	background-image: url(./CountdownNumbers.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}


.clockdigit1s
{
	left: 62px;
}

.clockdigit10s
{
	left: 0px;
}

.clockdigit#clockdigSec1s
{
	left: 60px;
	top: 5px;
}
.clockdigit#clockdigSec10s
{
	left: 10px;
	top: 5px;
}

/* Styles for the totalmeter widget*/

div#edaytotalsmeterdiv
{
	/* background-image: url(./TotalMeterBG.png);
	background-repeat: no-repeat; */
	position: relative;
	width: 625px;
	height: 237px;
}

div#edaytotalsmeter_edaymeter
{
	position: absolute;
	left: 44px;
	top: 113px;
}

div.tmdigit
{
	height: 48px;
	width: 48px;
	display: block;
	position: absolute;
	background-image: url(./MeterNumbers_1.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

div.tmd1000000s {left:0px;}
div.tmd100000s {left:59px;}
div.tmd10000s {left:119px;}
div.tmd1000s {left:178px;}
div.tmd100s {left:237px;}
div.tmd10s {left:296px;}
div.tmd1s {left:356px;}


/* The up and down triangles with percent changes*/
/* this is the same as for the minutedial at present */
div#edaymeter_state 
{
	background-image: url(./UpDown_1.png);
	background-repeat: no-repeat;
	background-position: -334px 0;
	position: absolute;
	top: 98px;
	left: 518px;
	width: 84px;
	height: 74px;
}

div#edaymeter_state.edaymeter_state_up
{
	background-position: -417px 0;
}

div#edaymeter_state.edaymeter_state_down
{
	background-position: -334px 0;
}

span.edayMeterStateVal
{
	position: absolute;
	top: 48px;
	width: 76px;
	font-size: 20px;
	font-weight:bold;
	text-align: center;
	color:white;  /* #006F9D; */
	font-family: Arial Black,Gadget,Sans-Serif;
}

div.edaymeter_state_up span.edayMeterStateVal
{
	width: 76px;
	top: 44px;
	left: 5px;
}

div.edaymeter_state_down span.edayMeterStateVal
{
	width: 76px;
	top: 2px;
	left: 5px;
}


/* Styles for the scilly-o-meter widget*/

#edayscillymeterdiv
{
	background-image: url(./ScillyOMeterBG_1.png);
	background-repeat: no-repeat;
	position: relative;
	width: 625px;
	height: 237px;
}

div.smdigit
{
	height: 42px;
	width: 42px;
	position:relative;
	background-image: url(./ScillyMeterNumbers_1.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	top:40px;
	left:35px;
}

div.smwheel
{
	height: 117px;
	width: 113px;
	display: block;
	position:absolute;
	background-image: url(./Wheel_1.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

div.smw1000s {left:0px;}
div.smw100s {left:120px;}
div.smw10s {left:240px;}
div.smw1s {left:360px;}

div#edayscillymeter_edaymeter
{
	position: absolute;
	left: 20px;
	top: 78px;
}

div#edayscillymeter_state 
{
	background-image: url(./UpDown_1.png);
	background-repeat: no-repeat;
	background-position: -167px 0;
	position: absolute;
	top: 98px;
	left: 518px;
	width: 84px;
	height: 74px;
}

div#edayscillymeter_state.edaymeter_state_up
{
	background-position: -249px 0;
}

div#edayscillymeter_state.edaymeter_state_down
{
	background-position: -167px 0;
}

/* Styles for the school-o-meter widget*/ 

#edayschoolmeterdiv
{
	background-image: url(./SchoolOMeterBG_1.png);
	background-repeat: no-repeat;
	position: relative;
	width: 625px;
	height: 237px;
}

div#edayschoolmeter_edaymeter
{
	position: absolute;
	left: 20px;
	top: 78px;
}

div#edayschoolmeter_pulseDiv
{
	background-image: url(./SchoolMeterPulse_1.png);
	background-repeat: repeat-x;
	position:absolute;
	top: 20px;
	left: 0px;
	width: 490px;
	height: 63px;
}

div#edayschoolmeter_valueDiv
{
	position:absolute;
	top: 90px;
	left: 400px;
	width:80px;
	font-size:18px;
	font-family: Verdana,Tahoma,sans-serif;
	color:#CDCC34;
	text-align:right;
	font-weight:bold;
}

div#edayschoolmeter_state 
{
	background-image: url(./UpDown_1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 98px;
	left: 518px;
	width: 84px;
	height: 74px;
}

div#edayschoolmeter_state.edaymeter_state_up
{
	background-position: -82px 0;
}

div#edayschoolmeter_state.edaymeter_state_down
{
	background-position: 0 0;
}

/* Generic styles for the minute dial widget */

div#edayMinuteDialDiv
{
	position: relative;
	width: 625px;
	height: 264px;
}

div#dialCanvasPos
{
	position:absolute;
	top:21px;
	left:110px;
	width:405px;
	height:222px;
} 

canvas#dialCanvas
{

	background-color:White;
} 

#wattHours
{
	width:61px;
	height:35px;
	position:absolute;
	top:22px;
	left:110px;
	background:url(./GWMWKW_1.png);
}

/* Generic styles for the comparison meter widget */

div#edayComparisonMeterDiv
{
	position: relative;
	width: 625px;
	height: 264px;
}

div#edaycomparisonmeter_edaymeter
{
	position: absolute;
	left: 102px;
	top: 71px;
}

div#edaycomparisonmeter_baumeter
{
	position: absolute;
	left: 102px;
	top: 138px;
}

div.cmdigit
{
	height: 48px;
	width: 48px;
	display: block;
	position: absolute;
	background-image: url(./MeterNumbers_1.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

div.cmd1000000s {left:0px;}
div.cmd100000s {left:59px;}
div.cmd10000s {left:119px;}
div.cmd1000s {left:178px;}
div.cmd100s {left:237px;}
div.cmd10s {left:296px;}
div.cmd1s {left:356px;}

div#edaycomparisonmeter_state 
{
	background-image: url(./UpDown_1.png);
	background-repeat: no-repeat;
	background-position: -167px 0;
	position: absolute;
	top: 98px;
	left: 518px;
	width: 84px;
	height: 74px;
}

div#edaycomparisonmeter_state.edaymeter_state_up
{
	background-position: 100px 0;
}

div#edaycomparisonmeter_state.edaymeter_state_down
{
	background-position: 100px 0;
}

/* Generic styles for the graph widget */

div#edayGraphDiv
{
	position: relative;
	width: 625px;
	height: 264px;
}

div#graphCanvasPos
{
	position:absolute;
	top:41px;
	left:54px;
	width:417px;
	height:170px;
} 

canvas#graphCanvas
{
	background-color:White;
} 

div#edaygraph_state 
{
	background-image: url(./UpDown_1.png);
	background-repeat: no-repeat;
	background-position: -167px 0;
	position: absolute;
	top: 98px;
	left: 518px;
	width: 84px;
	height: 74px;
}

div#edaygraph_state.edaymeter_state_up
{
	background-position: 100px 0;
}

div#edaygraph_state.edaymeter_state_down
{
	background-position: 100px 0;
}

/* National widget styles */

div#edayComparisonMeterDiv.national div.edaymeter_state_up, div#edayGraphDiv.national div.edaymeter_state_up
{
	background-position: -417px 0;
}

div#edayComparisonMeterDiv.national div.edaymeter_state_down, div#edayGraphDiv.national div.edaymeter_state_down
{
	background-position: -334px 0;
}

#wattHours.national
{
	background-position: 0 0;
}

/* Island widget styles */

div#edayComparisonMeterDiv.island div.edaymeter_state_up, div#edayGraphDiv.island div.edaymeter_state_up
{
	background-position: -249px 0;
}

div#edayComparisonMeterDiv.island div.edaymeter_state_down, div#edayGraphDiv.island div.edaymeter_state_down
{
	background-position: -167px 0;
}

#wattHours.island
{
	background-position: -60px 0;
}

/* School widget styles */

div#edayComparisonMeterDiv.school div.edaymeter_state_up, div#edayGraphDiv.school div.edaymeter_state_up
{
	background-position: -82px 0;
}

div#edayComparisonMeterDiv.school div.edaymeter_state_down, div#edayGraphDiv.school div.edaymeter_state_down
{
	background-position: -1px 0;
}

#wattHours.school
{
	background-position: -125px 0;
}

/* Family widget styles */

div#edayComparisonMeterDiv.family div.edaymeter_state_up, div#edayGraphDiv.family div.edaymeter_state_up
{
	background-position: -585px 0;
}

div#edayComparisonMeterDiv.family div.edaymeter_state_down, div#edayGraphDiv.family div.edaymeter_state_down
{
	background-position: -501px 0;
}

#wattHours.family
{
	background-position: -125px 0;
}