/* PAGE STYLES
 * 1. BLOCK-LEVEL GLOBAL DEFAULTS
 * 2. IN-LINE GLOBAL DEFAULTS
 * 3. BLOCK-LEVEL CLASS STYLES, SITE-WIDE
 * 4. IN-LINE CLASS STYLES - SITE WIDE
 * 5. BLOCK-LEVEL or IN-LINE STYLES - SITE-WIDE
 * 6. BLOCK-LEVEL CLASS STYLES - FORMS and DATA-CAPTURE
 * 7. IN-LINE CLASS STYLES - FORMS and DATA-CAPTURE
 * 8. BLOCK-LEVEL CLASS STYLES - HEADERS, SIDEBARS AND FOOTERS
 * 9. IN-LINE CLASS STYLES - HEADERS, SIDEBARS AND FOOTERS
 * 10. BLOCK-LEVEL CLASS STYLES - HELP, INFO and POP-UP WINDOWS
 * 11. IN-LINE CLASS STYLES - HELP, INFO and POP-UP WINDOWS
 * 12. BLOCK-LEVEL CLASS STYLES - RESULTS SCREEN
 * 13. IN-LINE CLASS STYLES - RESULTS SCREEN
 * 14. BLOCK-LEVEL CLASS STYLES - SUPPLIER TERMS and CONDITIONS SCREENS
 * 15. IN-LINE CLASS STYLES - SUPPLIER TERMS and CONDITIONS SCREENS
*/

/* 1. BLOCK-LEVEL GLOBAL DEFAULTS
 * NOTE: for these elements set defaults for all, even if not used, to ensure something reasonably sensible happens if they ever do get used
 */

/* 1.a body */
body {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 8pt;
	color: #404040;
	background-color: #F0F0F0;
}

/* 1.b headings */
h1 {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #404040;
}

h2 {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #404040;
}

h3 {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #404040;
}

h4 {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #404040;
}

h5 {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #404040;
}

h6 {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #404040;
}

/* 1.c containers */
div {
	color: inherit;
}

p {
	color: inherit;
	margin-bottom:1em;
}

/* 1.d tables */
table {
	font-family: verdana,arial,helvetica,sans-serif;
}

th {
	text-align: center;
	vertical-align: middle;
	font-size: 8pt;
	font-weight: bold;
	background-color: #E0E0E0;
}

td {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
	color: #404040;
}

/* 1.e lists */
ul {
	list-style-position: outside;
	list-style-type: disc;
}

ol {
	list-style-position: outside;
	list-style-type: lower-roman;
}

li {
	margin-bottom: 6pt;
}

/* 2. IN-LINE GLOBAL DEFAULTS */

span {
	color: inherit;
}

/* ANCHOR STYLES */

a {
	color: #6699CC;
	text-decoration: none;
}

a:hover {
	color: #6699FF;
	text-decoration: underline;
}


/* 3. BLOCK-LEVEL CLASS STYLES, SITE-WIDE
 * NOTE: These are used throughout the site in many sections
 */

div.page {
	background-color: white;
	width: 760px;
	/*
	uncomment to centre "page" on screen
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	*/
}

div.default_header1 {
			background-image: url(http://www.saveonyourbills.co.uk/domestic/images/wind_energy.jpg);
			background-repeat:no-repeat;
			background-position:right;
			padding: 3px;
			margin-top: 1em;
			margin-bottom: 1em;
			margin-right: 2em;
			height: 6em;
}

div.text {
	padding: 0em 0em 1em 0em;
	text-align: left;
}

div.para {
	padding: 0em 2em 1em 2em;
	text-align: justify;
}

div.sub_para {
	padding: 0em 1em 1em 1em;
	text-align: left;
}

div.para2 {
	padding: 0em 2em 1em 3em;
	text-align: left;
}


div.image {
	padding: 10px 0px 10px 0px;
	text-align: center;
}

h1.stage {
	margin-top: 0px;
}


/* TABLE STYLES */

/* (layout styles should only be used for structuring items on page) */
table.layout {
	border: 0%;
	margin: 0%;
	padding: 0%;
	background-color: inherit;
	width: 100%;
}

table.content {
	background-color: #FFFFFF;
	width: 100%;
	height: 400px;
	border-style: solid;
	border-color:#F0F0F0;
	border-width: 0px 0px 0px 0px;
}

table.progressBar {
	width: 75%;
	margin-top: 5px;
	margin-bottom: 5px;
}


th.sub {
	text-align: center;
	vertical-align: middle;
	font-size: 8pt;
	font-weight: bold;
	background-color: #F0F0F0;
}

td.layout {
	border: 0%;
	margin: 0%;
	padding: 0%;
}

td.centre_panel {
 	vertical-align: top;
 	text-align: left;
 	padding: 2em 1em 3em 5em;
}

td.label {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	color: #666699;
}

td.wbg {
	background-color: white;
}


/* lists */
ul.sub {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 0em;
	margin-right: 4em;
}

/* 4. IN-LINE CLASS STYLES - SITE WIDE */

a.back {
	text-decoration:underline;
	margin-top:1em;
}

span.important {
	color: #CC0000;
}

span.savings_result {
	color: #333333;
}

span.savings_result_negative {
	color: #CC0000;
}

/* 5. BLOCK-LEVEL or IN-LINE STYLES - SITE-WIDE */

.progressBlurred {
	color: silver;
	font-weight: bold;
}

.progressFocused {
	color: #6666FF;
	font-weight: bold;
}

.errorMssg {
	color: red;
	font-size: smaller;
}

.tip {
	font-size : smaller;
	color: grey;
}

/* 6. BLOCK-LEVEL CLASS STYLES - FORMS and DATA-CAPTURE */

tbody.questionBlock {
	background-color: white;
	visibility: inherit;
	color: #2040A0;
}


td.question {
	background-color: inherit;
	color: inherit;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #E0E0FF;
	padding: 5px 5px 2px 10px;
	position: relative;
}

td.prompt {
	background-color: inherit;
	color: inherit;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #E0E0FF;
	padding: 4px 5px 5px 24px;
	width: 50%;
	position: relative;
}

td.inputField {
	background-color: inherit;
	color: inherit;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #E0E0FF;
	padding: 4px 5px 5px 0px;
	width: 50%;
	position: relative;
}

td.questionText {
	background-color: inherit;
	color: inherit;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #E0E0FF;
	padding: 4px 5px 5px 24px;
	position: relative;
}

/* mid styles exclude top or bottom borders */
td.question_mid {
	background-color: inherit;
	color: inherit;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #E0E0FF;
	padding: 5px 5px 2px 10px;
}

td.prompt_mid {
	background-color: inherit;
	color: inherit;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: #E0E0FF;
	padding: 4px 5px 5px 24px;
	width: 50%;
	position: relative;
}

td.inputField_mid {
	background-color: inherit;
	color: inherit;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #E0E0FF;
	padding: 4px 5px 5px 0px;
	width: 50%;
	position: relative;
}

td.questionText_mid {
	background-color: inherit;
	color: inherit;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #E0E0FF;
	padding: 4px 5px 5px 24px;
	position: relative;
}

td.terms {
	background-color: inherit;
	color: inherit;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #E0E0FF;
	text-align: center;
}

td.spacer {
	background-color: inherit;
	padding: 1px;
}

table.submit {
	border-width: 1px;
	border-style: solid;
	border-color: #E0E0FF;
}

td.submit {
	background-color: inherit;
	color: inherit;
	padding: 8px;
	text-align: center;
}

div.checkboxText {
	position: relative;
	padding: 5px;
	top: -2em;
	left: 2em;
	width: 80%;
}

div.userInput {
	width: 500px;
}

div.question {
	padding-top: 6px;
	font-weight: bold;
	color: #006699;
	visibility: inherit;
	position: relative;
}

div.response {
	padding-top: 4px;
	padding-left: 24px;
	padding-bottom: 6px;
	width: 100%;
	position: relative;
}

div.inputField {
	position: relative;
	left: 50%;
}

div.submit {
	width: 100%;
	padding-top: 16px;
	padding-bottom: 12px;
	text-align: center;
}

div.yesscript {
	position: relative;
	visibility: visible;
}

/* use in combination with layout style */
table.input_form {
	width: 500px;
}




table.mpan {
	border: 1px solid #6699CC;
	width: 100px;
}

td.mpan_letter {
	width: 50px;
	text-align: center;
	vertical-align: middle;
	font-size: 16pt;
	font-weight: bold;
	color: #6699CC;
}

td.mpan_top {
	text-align: center;
	vertical-align: middle;
	width: 33%;
}

td.mpan_bottom {
	text-align: center;
	vertical-align: middle;
	width: 25%;
}


/* 7. IN-LINE CLASS STYLES - FORMS and DATA-CAPTURE */

input.text {
	background-color: #FAFAFA;
	border-width: 1px 1px 1px 1px;
	border-color: #006699;
	border-style: solid;
}


input.checkbox {
	border-width: 0px;
	border-color: #FFFFFF;
	border-style: transparent;
}

input.radio {
	border-width: 0px;
	border-color: #FFFFFF;
	border-style: transparent;
}

input.password {
	border-width: 1px 1px 1px 1px;
	border-color: #006699;
	border-style: solid;
}

input.button {
	font-size: 9pt;
	color: #006699;
	background-color: #FAFAFA;
	border-width: 1px 1px 1px 1px ;
	border-color: #006699;
	border-style: outset;
}

input.btn {
	width: 120px;
	height: 24px;
	font-size: 9pt;
	color: white;
	background-color: silver;
	background-image: url(http://www.saveonyourbills.co.uk/domestic/images/button_bg.png);
	border-width: 0px 1px 1px 0px;
	border-color: #999999;
	border-style: outset;
}

input.btn_sign_up {
	width: 7em;
	height: 20px;
	font-size: 8pt;
	color: white;
	background-color: silver;
	background-image: url(http://www.saveonyourbills.co.uk/domestic/images/button_bg.png);
	border-width: 0px 1px 1px 0px;
	border-color: #666666;
	border-style: outset;
}

select.w80 {
	width: 80px;
}

select.w60 {
	width: 60px;
}

textarea.email {
	font-size: 9pt;
	color: #006699;
	background-color: #FAFAFA;
	border-width: 1px 1px 1px 1px;
	border-color: #006699;
	border-style: solid;
	width: 96%;
	height: 10em;
}

a.help_link {
	font-weight: bold;
	font-size: larger;
	color: #CC0000;
}

span.required {
	color: #CC0000;
	vertical-align: top;
}

span.prompt {
	color: #006699;
}

span.inputField {
	position: absolute;
	left: 50%;
}

span.help_link {
	position:absolute;
	right:1em;
	top:0em;
}

span.info_link {
	position:relative;
	color: #0000CC;
	margin: 2px;
}

/* 8. BLOCK-LEVEL CLASS STYLES - HEADERS, SIDEBARS AND FOOTERS */

/* PAGE HEADER STYLES */

table.header {
	background-color: #FFFFFF;
	width: 100%;
	height: 100px;
	border-style: solid;
	border-color:#F0F0F0;
	border-width: 0px 0px 0px 0px;
}

td.header_tl {
	width: 150px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #2040A0;
	text-align: center;
	vertical-align: middle;
}

td.header_tc {
	text-align: left;
	vertical-align: middle;
}

td.header_tr {
	text-align: center;
	vertical-align: middle;
	width: 150px;
}

td.header_bc {
	vertical-align: bottom;
	height: 2em;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #2040A0;
}

td.header_br {
	text-align: right;
	vertical-align: middle;
	width: 150px;
	height: 2em;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #2040A0;
}

div.header {
	width: 100%;
	height: 120px;
	position: relative;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #2040A0;
}

div.header_soyb_logo1 {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 150px;
}

div.header_soyb_logo2 {
	position: absolute;
	top: 30px;
	left: 120px;
}

/* header menu */
div.header_links {
	position: absolute;
	bottom: 0px;
	left: 150px;
	width: 610px;
}

table.menu {
	background-color: #FFFFFF;
	width: 600px;
	height: 40px;
	border-style: solid;
	border-color:#F0F0F0;
	border-width: 0px 0px 0px 0px;
}

td.menu_link {
	width: 20%;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: white;
	background-color: #2040A0;
	color: white;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	background-image: url(http://www.saveonyourbills.co.uk/domestic/images/corner-blue-tr.png);
	background-position: top right;
	background-repeat: no-repeat;
}

/* PAGE SIDEBAR STYLES */

table.sidebar {
	background-color: #FFFFFF;
	width: 200px;
	height: 100%;
	border-style: solid;
	border-color: #F0F0F0;
	border-width: 0px 1px 0px 0px;
}

/* td.sidebar - controls width of sidebar */
td.sidebar {
	width: 150px;
	text-align: center;
	height: 100%;
	vertical-align: top;
	position: relative;
}

div.sidebar_group {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #2040A0;
	position: relative;
}

div.sidebar_group_heading {
	background-color: #2040A0;
	color: white;
	text-align: center;
	width: 100%;
	position: relative;
	padding: 4px 0px 4px 0px;
	font-weight: bold;
	font-size: smaller;
}

table.sidebar_links {
	width: 100%;
}

td.sidebar_bullet {
	background-color: #FFFFFF;
	width: 10px;
	height: 10px;
}

td.sidebar_link {
	margin-left: 1em;
}


/* PAGE FOOTER STYLES */

table.footer {
	width: 100%;
}

td.footer_l {
	width: 150px;
	text-align: center;
	vertical-align: middle;
}

td.footer_r {
	text-align: center;
	vertical-align: middle;
}

/* 9. IN-LINE CLASS STYLES - HEADERS, SIDEBARS AND FOOTERS */

a.sidebar {
	left: 66px;
	font-size: 8pt;
	font-weight: bold;
	color: #006699;
}

a.footer {
	color: #999999;
	text-decoration: none;
}

a.footer:hover {
	color: #333333;
	text-decoration: underline;
}

a.menu {
	color: white;
	text-decoration: none;
}

a.menu:hover {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

img.bullet1 {
	background-color: #FFCC33;
}

img.bullet_sidebar {
	position: relative;
	top: 8px;
}

img.top_right {
	position: absolute;
	left: 650px;
}


/* 10. BLOCK-LEVEL CLASS STYLES - HELP, INFO and POP-UP WINDOWS */


body.info_win {
	margin: 0px;
	padding: 0px;
	background-color: white;
}

div.info_win_page {
	position: relative;
	width: 99%;
}

div.info_win_footer {
	position: relative;
	margin-top: 1em;
	padding: 0em 1em 1em 1em;
	border-style: solid;
	border-color: #C0C0C0;
	border-width: 1px 0px 0px 0px;
}

h1.info_win {
	background-color: #C0C0C0;
	color: white;
	width: 100%;
	height: 2em;
	text-align: left;
	vertical-align: center;
	padding: 3px;
	margin: 0px;
}

table.info_win_supplier {
	background-color: white;
	width: 100%;
	margin: 0em 0em 1em 0em;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #C0C0C0;
}

td.info_win_supplier_name {
	width: 60%;
	padding: 1em;
}

td.info_win_supplier_logo {
	width: 40%;
	text-align: left;
	vertical-align: top;
	padding: 1em;
}

div.info_win_para {
	margin: 1em 2em 0em 1em;
}

table.info_win_tariff {
	background-color: white;
	background-color: white;
	width: 100%;
	margin: 0em 0em 0em 0em;
}

td.info_win_label {
	background-color: white;
	font-weight: bold;
	padding-left: 1em;
	width: 33%;
}

td.info_win_data {
	background-color: white;
	width: 66%;
}

td.info_win_data2 {
	background-color: white;
	padding-left: 3em;
}

h3.info_win_table_heading {
	font-weight: bold;
	font-style: italic;
	margin: 1em 0em 0em 1em;
}

/* 11. IN-LINE CLASS STYLES - HELP, INFO and POP-UP WINDOWS */

/* 12. BLOCK-LEVEL CLASS STYLES - RESULTS SCREEN */

table.results {
	background-color: #E0E0E0;
	width: 100%;
}

th.savings {
	background-color: #2040a0;
	color: white;
}

td.centre_panel_savings {
 	vertical-align: top;
 	text-align: left;
 	padding: 1em 1em 2em 1em;
}

td.total {
	text-align: left;
	vertical-align: middle;
	font-size: 8pt;
	font-weight: bold;
	background-color: #E0E0E0;
}

td.subTotal {
	text-align: left;
	vertical-align: middle;
	font-size: 8pt;
	font-weight: bold;
	background-color: #F0F0F0;
}

td.grandTotal {
	text-align: left;
	vertical-align: middle;
	font-size: 9pt;
	font-weight: bold;
	color: #CC0000;
	background-color: #FFF0FF;
}

td.money {
	text-align: right;
	vertical-align: middle;
	background-color: #FFFFFF;
}

td.savings {
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
}

td.tariff {
	text-align: right;
	vertical-align: middle;
	color: #0000CC;
}


/* 13. IN-LINE CLASS STYLES - RESULTS SCREEN */

img.savings_key {
	border-width: 1px;
	border-style: solid;
	border-color: #F0F0F0 #C0C0C0 #C0C0C0 #F0F0F0;
}



/* 14. BLOCK-LEVEL CLASS STYLES - SUPPLIER TERMS and CONDITIONS SCREENS */

h1.supplier_terms {
	font-size: small;
	font-weight: bold;
}

p.supplier_terms {
	font-size: small;
}

body.terms {
	background-color: white;
}

iframe.terms {
	background-color: white;
}

/* 15. IN-LINE CLASS STYLES - SUPPLIER TERMS and CONDITIONS SCREENS */

span.term {
	text-decoration: underline;

}


/* END DOM_DEFAULT STYLES */