/*----------------------------------------------------------------------------------------------------------
[Layout Stylesheet of all website pages]
Project:	CHRT, Version:	1.0, Author: Interberry Solutions 
----------------------------------------------------------------------------------------------------------*/
/*------------------Layout,Table of Contents----------------------------------------------------------------- 
1. GLOBAL RESET
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
3. COMMON CSS CLASSES
4. GLOBAL LAYOUT
5. COMMON SITE HEADER
6. COMMON SITE MIDDLE
7. COMMON SITE FOOTER 
-----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
1. GLOBAL RESET
---------------------------------------------------------------------------------*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0;}
table {}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
/*---------------------------------------------------------------------------------
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/
fieldset, img {	border:0; padding:0px; margin:0px;}
a {	outline:none; padding:0; margin:0; border:0; color:#4989cf;	text-decoration:none; }
a:hover { text-decoration:underline; color:#388feb; }
input { outline:none; font-family:Arial, Helvetica, sans-serif;	font-size:11px;	color:#6b675b; background:#FFFFFF;	border:1px solid #e8e7e7; }
select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6b675b; background:#fdfdfd;	border:1px solid #e8e7e7; }
h1 { font-size:20px; font-weight:bold; }
h2 { font-size:16px; font-weight:bold; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:13px; font-weight:bold; }
p { line-height:19px; font-size:12px; }
/*---------------------------------------------------------------------------------
3. COMMON CSS CLASSES
---------------------------------------------------------------------------------*/
html, body { height: 101%; }
body { background:url(../img/bg.gif) repeat-x top left #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6b675b; height:101%;
}
.fleft { float:left; }
.fright { float:right; }
.inblock { display:inline-block; }
.imgborder { border:1px solid #c0c591; background-color:#FFFFFF; padding:1px; }
.imgfleft { float:left; margin:0px 10px 10px 0px; }
.imgfright { float:right; margin:0px 0px 10px 10px; }
.clear { clear:both; }
.jusify { text-align:left; }
.justify { text-align:justify; }
.alright { text-align:right; }
.greytext10 { font-size:10px !important; color:#777 !important; text-decoration:none; line-height:18px; }
.greytext11 {
	font-size:11px !important;
	color:#777 !important;
	text-decoration:none;
	line-height:18px;
}
.greytext12 {
	font-size:12px !important;
	color:#777 !important;
	text-decoration:none;
	line-height:18px;
}
.greytext13 {
	font-size:13px !important;
	color:#777 !important;
	text-decoration:none;
	line-height:18px;
}
.greytext14 {
	font-size:14px !important;
	color:#777 !important;
	text-decoration:none;
	line-height:18px;
}
.normaltext10 {
	font-size:10px !important;
	color:#555 !important;
	text-decoration:none;
	line-height:18px;
}
.normaltext11 {
	font-size:11px !important;
	color:#555 !important;
	text-decoration:none;
	line-height:18px;
}
.normaltext12 {
	font-size:12px !important;
	color:#555 !important;
	text-decoration:none;
	line-height:18px;
}
.greylink11 {
	font-size:11px !important;
	color:#444;
	text-decoration:none;
}
.greylink12 {
	font-size:12px !important;
	color:#444;
	text-decoration:none;
}
.greylink12:hover, .greylink11:hover {
	color:#d67b21;
	text-decoration:underline;
}
.normallink11 {
	font-size:11px !important;
	color:#4989cf;
	text-decoration:none;
}
.normallink12 {
	font-size:12px !important;
	color:#4989cf;
	text-decoration:none;
}
.normallink13 {
	font-size:13px !important;
	color:#4989cf;
	text-decoration:none;
}
.normallink14 {
	font-size:14px !important;
	color:#4989cf;
	text-decoration:none;
}
.normallink11:hover, .normallink12:hover, .normallink13:hover, .normallink14:hover {
	text-decoration:underline;
	color:#388feb;
}
.switchlink { font-size:16px !important;
	color:#ff7400; font-weight:bold; text-decoration:none !important;
	line-height:25px !important;
}
.switchlink:hover { font-size:16px !important;
	color:#ff7400; font-weight:bold; text-decoration:none !important;
	line-height:25px !important;
}
.linehgt16 {
	line-height:18px !important;
}
.whitelink {
	color:#FFFFFF;
}
.whitelink:hover {
	color:#FFFFFF;
}
.ornglink {
	color:#ff7400;
}
.ornglink:hover {
	color:#ff7400;
}
.orange {
	color:#ed6918;
}
.textbox {
	border:1px solid #e8e7e7;
	background:#fdfdfd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-decoration:none;
	padding:10px 0 0px 4px !important;
	height:24px;
}
.textarea {
	border:1px solid #e8e7e7;
	background:#fdfdfd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-decoration:none;
	padding:10px 0 0px 4px !important;
}
.selectbox {
	border:1px solid #e8e7e7;
	background:#fdfdfd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:none;
	padding:10px 0 0px 4px !important;
	height:24px;
}
.selectbox:hover, .textarea:hover, .textbox:hover, .selectbox2:hover, .textarea2:hover, .textbox2:hover {
	border:1px solid #d4b690;
	background:#fcf6ef;
}
.inputbutton {
	border:1px solid #d67b21;
	background: url(../img/btn_bg.gif) repeat-x 0px 0px #f1a524;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	padding:0px;
	margin:0px;
	font-weight:bold;
	height:24px;
}
html>body .inputbutton {
	padding:2px 5px;
	line-height:10px;
}
.curvebutton_lge3 {
	background:url(http://www.energyaverage.co.uk/img/btn_curve_big3.gif) no-repeat top left;
	width:305px;
	height:53px;
	text-align:center;
	border:none;
	color:#FFFFFF;
	font-size:26px;
	cursor:pointer;
	margin-top: 5px;
}
.curvebutton_lge3:hover {
	background:url(../img/btn_curve_big3_hover.gif) no-repeat top left;
}
.curvebutton_lge {
	background:url(../img/btn_curve_big.png) no-repeat top left;
	width:174px;
	height:30px;
	text-align:center;
	border:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
.curvebutton_mdm {
	background:url(../img/btn_curve_medium.png) no-repeat top left;
	width:134px;
	height:30px;
	text-align:center;
	border:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
.curvebutton_sml {
	background:url(../img/btn_curve_small.png) no-repeat top left;
	width:100px;
	height:30px;
	text-align:center;
	border:none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}
.curvebutton_sml2 {
	background:url(../img/btn_curve_small2.png) no-repeat top left;
	width:150px;
	height:30px;
	text-align:center;
	border:none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

.nomargin {
	margin:0px !important;
}
.nopadding {
	padding:0px !important;
}
.nopadmar {
	margin:0px !important;
	padding:0px !important;
}
.commondiv {
	width:auto;
	overflow:hidden;
}
.white {
	color:#FFFFFF;
}
.dorange {
	color:#d97706;
}
.red {
	color:#ff0000;
}
.blue {
	color:#4b8bd1;
}
.mtop5 {
	margin-top:5px;
}
.mtop10 {
	margin-top:10px;
}
.mright5 {
	margin-right:5px;
}
.mright10 {
	margin-right:10px;
}
.mtb5 {
	margin:5px 0px;
}
.mtb12 {
	margin:12px 0px;
}
.mauto {
	margin:12px auto;
	width:auto;
	text-align:center;
}
.f12
{
font-size:12px;
}
.formsmall { font-size:11px; }
.helptext { text-align:justify; }
.nogaschart { text-align:center; }


/*---------------------------------------------------------------------------------
4. GLOBAL LAYOUT
---------------------------------------------------------------------------------*/
#page_outter { margin:0 auto; width:920px; overflow:hidden; }
#header { width:920px; height:131px; position:relative; clear:both; }
#middle { width:920px; overflow:hidden; clear:both; margin:10px 0px 7px 0px; }
#footer { width:880px; height:31px; background:url(../img/bg_footer.gif) no-repeat top left; clear:both; margin-bottom:10px; padding:20px; color:#c4c4c4; }
/*---------------------------------------------------------------------------------
5. COMMON SITE HEADER
---------------------------------------------------------------------------------*/
.headertop { width:940px; height:60px; padding:0px 0px 0px 0px; }
.loginouter { width:427px; overflow:hidden; float:right; padding:17px 16px 0px 0px; }
.loginouter h2 { color:#FFFFFF; margin-bottom:3px; }
.loginouter .loginbox { background:url(../img/bg_loginbox.gif) no-repeat top left; width:150px; height:24px; float:left; margin-right:5px; border:none; padding:8px 3px 0px 9px; }
.loginouter .fpwd { padding-right:93px; width:150px; text-align:right; }
.topnav { width:920px; height:40px; clear:both; margin-top:0px; }
html>body .topnav { width:920px; height:40px; clear:both; margin-top:40px; }
.topnav ul { padding:0px; margin:0px; }
.topnav ul li { float:left; list-style:none; background:url(../img/bg_topnav_rightbrder.gif) no-repeat top right; padding:0px 5px; }
.topnav ul li a { float: left; display: inline;	color:#FFFFFF; text-decoration: none; text-align:center; cursor:pointer; font-size:14px; font-weight:bold; height:24px; padding:0px 0px 0px 7px; }
.topnav li a b { float: left; display: block; height:20px; padding:4px 8px 0px 0px; }
.topnav li.current a, .topnav li a:hover { color: #FFFFFF; background:url(../img/topmenu_hoverleft.gif) no-repeat left top #ed9017; /*left tab image path*/ 
text-decoration: none; }
.topnav li.current a b, .topnav li a:hover b { color: #FFFFFF; background: url(../img/topmenu_hoverright.gif) no-repeat right top #ed9017; /*right tab image path*/
}
/*---------------------------------------------------------------------------------
6. COMMON SITE MIDDLE
---------------------------------------------------------------------------------*/
.banner { width:888px; height:200px; background:url(../img/bg_banner.gif) no-repeat top left;
	clear:both; padding:33px 0px 0px 32px; margin-bottom:10px; }
.banner h1 { margin-bottom:4px; text-align:center; font-size:24px; }
.banner .content { width:390px; }
.banner p { font-size:12px; text-align:justify; }
.banner h4 { line-height:20px; font-weight:bold; text-align:justify; }
.banner .signupnow { margin:30px 0px 0px 80px; background:url(../img/btn_signupnow.gif) no-repeat top left; width:226px; height:53px; border:none; outline:none; cursor:pointer; }
.banner .signupnow:hover { background:url(../img/btn_signupnow_hover.gif) no-repeat top left; }
.signupinner { background:url(../img/btn_signupnow.gif) no-repeat top left; width:226px; height:53px; border:none; outline:none; cursor:pointer; }
.signupinner:hover { background:url(../img/btn_signupnow_hover.gif) no-repeat top left; }
.content_outer { width:920px; overflow:hidden; }

.graybg_small2 {
	background:url(../img/bg_smallgraybgbottom.gif) no-repeat bottom center #f8f8f8;
	padding:0px 0px 35px 0px;
	width:300px;
	overflow:hidden;
}
.graybg_small2 h2 {
	background:#629ede;
	border-bottom:1px solid #ffffff;
	display:block;
	color:#FFFFFF;
	padding:8px 0px 8px 15px;
}
.graybg_small2 .contentsection {
	margin:10px;
}
.graybg_small { background:url(../img/bg_smallgraybgbottom.gif) no-repeat bottom left #f8f8f8;
	padding:0px 0px 35px 0px; margin-bottom:5px; width:448px; overflow:hidden; }
.graybg_small .head {
	background:#629ede;
	border-bottom:1px solid #ffffff;
	display:block;
	color:#FFFFFF;
	padding:8px 0px 8px 15px;
	font-size:20px;
}
.graybg_small h2 { background:#629ede; border-bottom:1px solid #ffffff; display:block; color:#FFFFFF; padding:4px 0px;
	 text-align:center; }

.graybg_small .contentsection {
	margin:10px;
}
.graybg_mdm {
	background:url(../img/bg_biggraybgbottom.gif) no-repeat bottom left #f8f8f8;
	padding:0px 0px 35px 0px;
	width:626px;
	overflow:hidden;
}
.graybg_mdm h1 {
	background:#629ede;
	border-bottom:1px solid #ffffff;
	display:block;
	color:#FFFFFF;
	padding:8px 0px 8px 15px;
}
.graybg_mdm .contentsection {
	margin:10px;
}
.graybg_lge { background:url(../img/bg_lgegraybgbottom.gif) no-repeat bottom left #f8f8f8;
	padding:0px 0px 15px 0px; margin-bottom:5px; width:920px; overflow:hidden; }
.graybg_lge h1 {
	background:#629ede;
	border-bottom:1px solid #ffffff;
	display:block;
	color:#FFFFFF;
	padding:8px 0px 8px 15px;
}
.graybg_lge .contentsection { margin:5px; }
.graybg_lge h2 { background:#629ede; border-bottom:1px solid #ffffff; display:block; color:#FFFFFF; padding:4px 0px;
	 text-align:center; }
.home_left { width:450px; margin-top:7px; }
.home_right { width:450px; margin-top:7px; }
.home_left_small { width:212px; padding:3px; border:1px solid #ed6918; height:82px; }
.home_left_small h3 {font-weight:bold; color:#ed6918; text-align:center; font-size:16px; }
.home_num { background:url(../img/num_back.gif) repeat-x left top #ed9017; display:block; color:#FFFFFF; padding:4px;
	 text-align:center; font-size:20px; font-weight:bold; width:20px; margin:15px 5px;}
.home_left_small p { text-align:justify; padding:5px; line-height:16px; font-weight:bold; }
.home_right_small { width:212px; padding:3px; border:1px solid #ed6918; height:82px; }
.home_right_small h3 {font-weight:bold; color:#ed6918; text-align:center; font-size:16px; }
.home_right_small p { text-align:justify; padding:5px; line-height:16px; font-weight:bold;}
.testimonial { font-size:12px; text-align:center; }
.step_num { background:url(../img/num_back.gif) repeat-x left top #ed9017; display:block; color:#FFFFFF; padding:4px;
	 text-align:center; font-size:20px; font-weight:bold; width:20px; margin:5px 5px;}
.step_num_small { background:url(../img/num_back.gif) repeat-x left top #ed9017; display:block; color:#FFFFFF; padding:4px;
	 text-align:center; font-size:20px; font-weight:bold; width:20px; margin:2px 5px;}

#slider_sm { width:900px; height:200px; border:1px solid #ed6918; margin-top:15px; }
#slider { width:900px; height:270px; border:1px solid #ed6918; margin-top:15px; }
.slider_left { width:590px; float:left; margin-right:10px;}
.slider_right { width:290px; float:right; margin-right:10px;}
#slider p, #slider_sm p { padding:0 6px; font-weight:bold; font-size:14px; }

.switchpage { font-size:1.2em; line-height:19px; text-align:justify; } 
.ticlisting {
	width:auto;
	overflow:hidden;
}
.ticlisting ul {
	padding:0px;
	margin:0px;
}
.ticlisting ul li { background:url(../img/icn_ticliting.gif) no-repeat top left; padding-left:32px; display:block; margin:5px 0px; line-height:23px; font-size:12px; text-align:justify; }
.middleleft {
	width:626px;
	overflow:hidden;
	float:left;
}
.middleright {
	width:272px;
	overflow:hidden;
	float:right;
}
.labelouter {
	width:auto;
	overflow:hidden;
	margin-bottom:14px;
	clear:both;
}
label
{
font-weight:bold;
}
.labelouter label {
	width:30%;
	height:25px;
	display:block;
	float:left;
	margin-right:18px;
	font-size:13px;
	text-align:right;
	padding-top:5px;
}
.labelouter .textbox {
	width:290px;
	height:23px;
	padding:6px 0px 0px 6px;
}
.labelouter .textarea {
	width:290px;
	height:75px;
	padding:6px 0px 0px 6px;
}
.labelouter .selectbox {
	width:298px;
	height:27px;
	padding:3px;
}
.labelouter .textbox2 {
	width:190px;
	height:23px;
	padding:6px 0px 0px 6px;
}
.labelouter .selectbox2 {
	width:198px;
	height:27px;
	padding:3px;
}
.labeloutermdm {
	width:370px;
	overflow:hidden;
	margin-bottom:10px;
}
.labeloutermdm label {
	width:30%;
	height:25px;
	display:block;
	float:left;
	margin-right:18px;
	font-size:13px;
	text-align:right;
	padding-top:5px;
}
.labeloutermdm .textbox {
	width:200px;
	height:23px;
	padding:6px 0px 0px 6px;
}
.labeloutermdm .selectbox {
	width:208px;
	height:27px;
	padding:3px;
}
.labeloutermdm .textbox2 {
	width:180px;
	height:23px;
	padding:6px 0px 0px 6px;
}
.labeloutermdm .selectbox2 {
	width:98px;
	height:27px;
	padding:3px;
}
.labelouter2 {
	width:300px;
	overflow:hidden;
	margin-bottom:14px;
}
.labelouter2 label {
	width:25%;
	height:25px;
	display:block;
	float:left;
	margin-right:18px;
	font-size:13px;
	text-align:right;
	padding-top:5px;
}
.labelouter2 .textbox {
	width:200px;
	height:23px;
	padding:6px 0px 0px 6px;
}
.labelouter2 .selectbox {
	width:208px;
	height:27px;
	padding:3px;
}
.labelouter2 .textbox2 {
	width:100px;
	height:23px;
	padding:6px 0px 0px 6px;
}
.labelouter2 .selectbox2 {
	width:108px;
	height:27px;
	padding:3px;
}
.rightcurveouter {
	width:272px;
	overflow:hidden;
	background:url(../img/bg_rightcurve_middle.gif) repeat-y top left;
}
.rightcurveouter h2 {
	background:url(../img/bg_rightcurve_top.gif) no-repeat top left;
	width:259px;
	height:27px;
	color:#FFFFFF;
	padding:8px 0px 0px 13px;
}
.rightcurveouter .curve_bottom {
	background:url(../img/bg_rightcurve_bottom.gif) no-repeat bottom left;
	width:252px;
	padding:10px;
	overflow:hidden;
}
.commoncontentsection {
	margin:10px;
}
.graphouter {
	width:920px;
	overflow:hidden;
	margin:0 auto;
	clear:both;
}
.success { color:#10c50c; font-size:16px; font-weight:bold; }
.bg_joinnow {
	/*background:url(../img/bg_freetojoinnow.gif) no-repeat top left;*/
	width:554px;
	height:80px;
	text-align:center;
	padding-top:0px;
	margin:8px auto 0px auto;
}
/* Tabular Structure */
.tableouter {
	width:auto;
	overflow:hidden;
	margin:5px 0px;
	clear:both;
	background:#e1e0e0;
}
.tableouter table {
}
.tableouter table td {
	padding:5px;
}
.tablehead {
	background:#629ede;
	font-size:14px;
	color:#FFFFFF;
}
.tdlight {
	font-size:12px;
	background:#f8f8f8;
}
.tddark {
	font-size:12px;
	background:#eaeaea;
}
/* Tabular Structure */
/*---------------------------------------------------------------------------------
6. COMMON SITE FOOTER
---------------------------------------------------------------------------------*/
#footer a {	color:#b0b0b0; padding:0px 3px; }
#footer a:hover { text-decoration:underline; color:#fff; }
#footer p { margin:3px 0px; color:#b0b0b0; }
.error { color: #f00; }
.error-highlight { border: 1px solid #f00; }
.message {}
.fail_message { display:block; padding:4px; color:#FFFFFF; border:1px solid #e0462d; margin-bottom:1px; text-align:center; background:#c93131; clear:both; font-size:13px; font-weight:bold; }
.success_message { display:block; padding:4px; color:#FFFFFF; border:1px solid #6db638; margin-bottom:1px; text-align:center; background:#86cb54; clear:both; font-size:13px; font-weight:bold; }
/* ------------- Pagination -------------- */
.paging { width:auto; float:right; overflow:hidden; margin:7px; }
.paging a { display:block; float:left; border:1px solid #CCCCCC; padding:3px 5px; margin:0px 1px; background:#f8f8f8; }
.paging a:hover { background:#629ede; color:#FFFFFF; text-decoration:none; }
.paging .disabled { display:block; float:left; float:left; border:1px solid #CCCCCC; padding:3px 5px; margin:0px 1px; background:#CCCCCC; }
.paging .current { display:block; float:left; border:1px solid #CCCCCC; padding:3px 5px; margin:0px 1px; background:#629ede; color:#FFFFFF; }
.error_div { display:block; font-size:13px; padding:4px; color:#FFFFFF; border:1px solid #e0462d;
margin-bottom:10px; text-align:center; background:#c93131; font-weight:bold; }
.error_home { position:absolute; top:10px; left:560px; width:265px; }
/* simple css-based tooltip */
div.tooltip { background-color:#ef701c; border:1px solid #e8e7e7; padding:8px 10px; width:200px; display:none; color:#fff; text-align:justify; font-size:12px; }