﻿/* -- ACCORDION 4: START -- */
div.accordion-space{height:13px; background:url() left bottom no-repeat;}

/* -- Vertical Accordions: START -- */
#vertical_container{width:310px; margin-left: 3px;}
.accordion_toggle{
	display: block;
	height:25px;
	width:310px;	
	color:#000;
	font-size:12px;
	padding-top: 3px;
	padding-left: 7px;
	cursor: pointer;
	margin:0px;
	z-index:2;
}

.accordion_toggle.Energy1{background:url(../Accordion/images/accordion_toggle4_1.gif) 0px 0px no-repeat;}
.accordion_toggle.Energy1:hover{background-image: url(../Accordion/images/accordion_toggle_active4_1.gif);}
.accordion_toggle_active.Energy1  {	background-image: url(../Accordion/images/accordion_toggle_active4_1.gif);}

.accordion_toggle.Energy2{background:url(../Accordion/images/accordion_toggle4_2.gif) 0px 0px no-repeat;}
.accordion_toggle.Energy2:hover{background-image: url(../Accordion/images/accordion_toggle_active4_2.gif);}
.accordion_toggle_active.Energy2  {	background-image: url(../Accordion/images/accordion_toggle_active4_2.gif);}

.accordion_toggle.Energy3{background:url(../Accordion/images/accordion_toggle4_3.gif) 0px 0px no-repeat;}
.accordion_toggle.Energy3:hover{background-image: url(../Accordion/images/accordion_toggle_active4_3.gif);}
.accordion_toggle_active.Energy3  {	background-image: url(../Accordion/images/accordion_toggle_active4_3.gif);}

.accordion_toggle.Energy4{background:url(../Accordion/images/accordion_toggle4_4.gif) 0px 0px no-repeat;}
.accordion_toggle.Energy4:hover{background-image: url(../Accordion/images/accordion_toggle_active4_4.gif);}
.accordion_toggle_active.Energy4  {	background-image: url(../Accordion/images/accordion_toggle_active4_4.gif);}

.accordion_toggle.Energy5{background:url(../Accordion/images/accordion_toggle4_5.gif) 0px 0px no-repeat;}
.accordion_toggle.Energy5:hover{background-image: url(../Accordion/images/accordion_toggle_active4_5.gif);}
.accordion_toggle_active.Energy5 {	background-image: url(../Accordion/images/accordion_toggle_active4_5.gif);}



.accordion_content {
	overflow: hidden;
	margin-top:-7px;
	color:#424141;
	width: 320px;
	padding-bottom: 13px;
	padding-top: 13px;
	padding-left: 0px;
	border: 0px solid #f00;
	text-align:justify;
	background:url(../Accordion/images/accordion_4content.gif) 0px 0px repeat-y;
	z-index:1;
}


.accordion4_content_table{margin-left: 3px;}
.accordion4_content_table td{color: #fff; font-size: 11px; height: 18px; padding-left: 5px; padding-right: 7px;}
.accordion4_content_table td.header{color: #fff; font-size: 14px; padding-bottom: 5px;}
.accordion4_content_table div.EnergyMeterTotal{height: 3px; background: #000;}

.Energy1 .accordion4_content_table div.EnergyMeterValue{height: 3px; background: #66cc66;}
.Energy2 .accordion4_content_table div.EnergyMeterValue{height: 3px; background: #0066cc;}
.Energy3 .accordion4_content_table div.EnergyMeterValue{height: 3px; background: #ecb100;}
.Energy4 .accordion4_content_table div.EnergyMeterValue{height: 3px; background: #cc3333;}
.Energy5 .accordion4_content_table div.EnergyMeterValue{height: 3px; background: #cc9966;}

.accordion4_content_table td.separator{background:url(../Accordion/images/accordion_4content_sep.gif) -3px 0px no-repeat; font-size: 1px; height: 3px;}
.accordion4_content_table td.total{color: #fff; font-size: 14px;}
.accordion4_content_table td.bottom{background:url(../Accordion/images/accordion4_content_bottom.gif) -3px 0px no-repeat; font-size: 1px; height: 3px;}
/* -- ACCORDION 4: END -- */
