﻿.alignRight
{
	text-align: right;
}

/* SwitchSupplierSettingsTariffTable */
table.SwitchSupplierSettingsTariffTable
{
	width: 750px;
	font-size: 10px;
	border-spacing: 3px;
	border-collapse: separate;
	margin-left: auto;
	margin-right: auto;
}

table.SwitchSupplierSettingsTariffTable td.Label
{
	color: #7a7a7a;
	background-color: #f0f0f0;
	width: 180px;
	height: 18px;
	padding: 0px;
	padding-left: 12px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
	min-height: 18px;
}

table.SwitchSupplierSettingsTariffTable td.Control
{
	color: #7b7b7b;
	background-color: #f0f0f0;
	font-size: 12px;
	padding: 0px;
	padding-left: 20px;
	width: 700px;
	height: 18px;
	min-height: 18px;
	vertical-align: middle;
}

table.SwitchSupplierSettingsTariffTable td.Control select
{
	color: #112233;
	border: solid 1px #808080;
}

/* DefaultSupplierTariffTable style */
table.DefaultSupplierTariffTable
{
	width: 750px;
	font-size: 10px;

	border-spacing: 3px;
	border-collapse: separate;
	margin-left: auto;
	margin-right: auto;
}

table.DefaultSupplierTariffTable th
{
	background-color: #8a8887;
	color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 180px;
	vertical-align: middle;
	padding: 0px;
	padding-left: 4px;
	height: 17px;
}

table.DefaultSupplierTariffTable td
{
	background-color: #f0f0f0;
	color: #7c7c7c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 33%;
	height: 17px;
	vertical-align: top;
	padding: 0px;
	padding-left: 8px;
}



/* OfferedSupplierElectricityTariffTable style */
table.OfferedSupplierElectricityTariffTable
{
	width: 750px;
	margin-bottom: 20px;

	border-spacing: 3px;
	border-collapse: separate;
	margin-left: auto;
	margin-right: auto;
}

table.OfferedSupplierElectricityTariffTable th
{
	background-color: #f09372;
	color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 25%;
	height: 17px;
	vertical-align: middle;
	padding: 0px;
	padding-left: 4px;
}

table.OfferedSupplierElectricityTariffTable td
{
	background-color: #f0f0f0;
	color: #7b7b7b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 25%;
	height: 17px;
	vertical-align: top;
	padding: 0px;
	padding-left: 8px;
}

table.OfferedSupplierElectricityTariffTable td a
{
	color: #fe0000;
	text-decoration: none;
}
table.OfferedSupplierElectricityTariffTable td a:hover
{
	color: #f9d7c7;
}

table.OfferedSupplierElectricityTariffTable td.SummaryRow
{
	font-weight: bold;
	color: #60ac25;
	border-bottom: solid 15px White;
	vertical-align: middle;
	padding-right: 20px;
}

table.OfferedSupplierElectricityTariffTable td.SummaryRow a
{
	color: #60ac25;
}

table.ClevergyModifiers td
{
	height: auto;
}

/* TelDaFax ElectricityTariffTable style */
table.TelDaFaxElectricityTariffTable
{
	width: 540px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

table.TelDaFaxElectricityTariffTable th
{
	background-color: #f09372;
	color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 20%;
	height: 40px;
	vertical-align: middle;
	text-align: center;
}

table.TelDaFaxElectricityTariffTable td
{
	color: #1f497d;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #d8d8d8;
	vertical-align: bottom;
	text-align: center;
	height: 14.4pt;
}

table.TelDaFaxElectricityTariffTable td.TariffCodeCell
{
	color: #e60004;
}

table.TelDaFaxElectricityTariffTable td.summaryCell
{
	color: #e60004;
	background-color: White;
	vertical-align: middle;
	text-align: left;
}

table.TelDaFaxElectricityTariffTable td.footerCell
{
	color: Black;
	background-color: White;
	font-weight: normal;
	height: 40px;	
	vertical-align: bottom;
	text-align: left;
	
}

table.TelDaFaxElectricityTariffTable td a
{
	color: #e60004;
}


/* OfferedSupplierGasTariffTable */
table.OfferedSupplierGasTariffTable
{
	width: 540px;
	margin-bottom: 20px;

	border-spacing: 3px;
	border-collapse: separate;
	margin-left: auto;
	margin-right: auto;
}

table.OfferedSupplierGasTariffTable th
{
	background-color: #f3f303;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 25%;
	vertical-align: top;
}

table.OfferedSupplierGasTariffTable td
{
	background-color: #edeeef;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 25%;
	vertical-align: top;
	padding-left: 8px;
}

table.OfferedSupplierGasTariffTable td a
{
	color: #e60004;
	text-decoration: none;
}
table.OfferedSupplierGasTariffTable td a:hover
{
	color: #f9d7c7;
}

table.OfferedSupplierGasTariffTable td.SummaryRow
{
	font-weight: bold;
	color: #e60004;
	border-bottom: solid 15px White;
}

/* ElectricityOfferDetails */
div#ElectricityOfferHeader
{
	padding-left: 2px;
	margin-bottom: 14px;
	width: 746px;
	height: 80px;
	background-color: #edeeef;
	vertical-align: middle;
}

div.EnergySourcingInformation
{
	width: 746px;
}

table.ElectricityOfferDetails
{
	width: 750px;
	font-size: 10px;
	border-spacing: 2px;
	border-collapse: separate;
}

table.ElectricityOfferDetails td
{
	background-color: #edeeef;
	font-weight: normal;
	font-size: 12px;
	height: 25px;
	vertical-align: middle;
	padding: 0px;
}

table.ElectricityOfferDetails td.firstCol
{
	width: 403px;
	color: #112233;
	font-weight: bold;
	padding-left: 10px;
}

table.ElectricityOfferDetails td.secondCol
{
	width: 74px;
	color: #000000;
	padding-left: 6px;
}

table.ElectricityOfferDetails td.thirdCol
{
	width: 183px;
	color: #000000;
	padding-left: 6px;
}

/* GasOfferDetails */
div#GasOfferHeader
{
	padding-left: 2px;
	margin-bottom: 14px;
	width: 746px;
	height: 80px;
	background-color: #edeeef;
	vertical-align: middle;
}

table.GasOfferDetails
{
	width: 750px;
	font-size: 10px;
	border-spacing: 2px;
	border-collapse: separate;
}

table.GasOfferDetails td
{
	background-color: #edeeef;
	font-weight: normal;
	font-size: 12px;
	height: 25px;
	vertical-align: middle;
	padding: 0px;
}

table.GasOfferDetails td.firstCol
{
	width: 310px;
	color: #59b02d;
	font-weight: bold;
	padding-left: 10px;
}

table.GasOfferDetails td.secondCol
{
	width: 74px;
	color: #888888;
	padding-left: 6px;
}

table.GasOfferDetails td.thirdCol
{
	width: 183px;
	color: #888888;
	padding-left: 6px;
}

/* form definitions */
div.switchESForm
{
	width: 850px;
	margin-left: 20px;
	background-color: #ffffff;
	text-align: left;
	clear: both;
}

div.switchESForm div.row
{
	clear: both;
	height: 26px;
}

div.switchESForm div.row .label
{
	float: left;
	display: block;
	width: 130px;
	padding-left: 20px;
}

div.switchESForm div.row .control
{
	float: left;
	display: block;
	width: 270px;
	color: #5aaf30;
}

div.switchESForm div.row span.control
{
	float: left;
	display: block;
	width: 150px;
	color: #5aaf30;
	font-weight: bold;
}

div.switchESForm div.row .autoWidth
{
	width: inherit !important;
}

div.switchESForm div.row .validator
{
	float: left;
	display: block;
	width: 20px;
	font-size: 24px;
}

div.switchESForm div.row .control:disabled
{
	background-color: #f0f0f0;
	color: #001800;
	border: solid 1px Gray;
}

div.switchESForm div.buttonRow
{
	clear: both;
	height: 26px;
	padding-left: 150px;
}

/* general classes */

div.switchESForm a
{
	color: #5aaf2e;
}

div.switchESForm h1
{
	padding-top: 10px;
	color: #5aaf2e;
}

.NextButton
{
	background-color: #59b02e;
	display: block;
	color: White !important;
	height: 25px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 0px 20px;
	border-top: solid 1px #8dc770;
	border-right: solid 1px #8dc770;
	border-bottom: solid 1px #254a14;
	border-left: solid 1px #254a14;
}

a.NextButton
{
	padding-top: 5px;
}

.validator
{
	font-size: 16px;
}
