html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; outline: 0pt none; padding: 0pt; margin: 0pt; border: 0pt none; }
:focus { outline: 0pt none; }


.tac {
	text-align:center;
}

.mg0 {
	margin:0 !important;
}

.right {
	float:right;
}

.left {
	float:left;
}
	
body { 
	font:normal 11px Arial;
	color: #454545;
}

body.lightgray_bg {
	background:#fcfcfc;
}

.login_container {
	position:absolute; 
	top:50%; 
	left:50%; 
	margin:-170px 0 0 -490px; 	
	height:167px; 
	width:451px;
	background:url(../images/loginform_bg.png) no-repeat;
	padding:85px 246px 264px 260px;
}

.login_container .title {
	color: #6B6B6B;
}

.logo {
	float:left;	
}

.admin_login {
	background:url('../images/admin_button.png') no-repeat;
	padding:3px 45px 8px 15px;
	position:absolute;
	top:10px;
	right:120px;
	color:#fff;
	text-decoration:none;
}

.admin_login:hover {	
	color:#fff;
	text-decoration:none;
}
.admin_login img{
	float:left;
	margin-right:6px;
}

.admin_login span{
	padding-top:5px;
}

.title {
	float:right;
	font-weight:bold;
	padding-top:13px;
	width:300px;
	text-align:right;
}

form {
	
}

h1 {}
h2 {}
h3 {
	font:bold 12px Arial;
	color:#4b4b4b;
}

a { text-decoration: underline; color:#218ec0 }
a:hover { color:#4facd7; text-decoration: none; }
ul, ol { list-style-type: none; }

.hidden { display: none; }
.clear { clear: both; margin:0; padding:0; width:0px; height:0px; display:block; }
.nopd {
	padding:0 !important;
}


div.tab2, div.tab3 {
	display:none;
}

.authentification {
	margin-top:11px;
	padding-top:15px;
	border-top:1px #e9e9e9 solid;
}

.authentification h3 {
	margin-bottom:24px;				
}

input.error-textbox {
	background: url(../images/error-text-box.png) no-repeat;
	color: #962727;
}


.authentification input.submit {
	width:86px;
	height:30px;
	padding:5px;
	border:none;	
	background:url(../images/login_button.png) no-repeat;
	color:#fff;
	text-shadow: 1px 1px 1px #333;	
	font:bold 12px Arial;
	cursor:pointer;
}

.authentification input.submit:hover {	
	background:url(../images/login_button_hover.png) no-repeat;
}

.authentification input[type="text"], .authentification input[type="password"]  {
	width:135px;
}

.authentification p.notes {	
	margin-top:18px;
	width:200px;
	float:left;
}

.authentification div.rememberme {	
	margin-left:60px;
	margin-top:18px;
	font:bold 12px Arial;
	color: #4b4b4b;
	float:left;
	width:150px;
}

.report {display:none;}

.label_radio    { background: url(../images/radio.png) no-repeat 0px -14px; padding-left:20px; margin-right:24px; color:#4b4b4b; font:bold 12px Arial;}
.label_check    { background: url(../images/checkbox.png) no-repeat 0px 1px; cursor:pointer; padding:0px 0px 0px 19px; }
.label_check_tips    { background: url(../images/checkbox.png) no-repeat 0px 0px; cursor:pointer; padding:0px 0px 0px 19px; }
.label_check2 { background: url(../images/checkbox2.png) no-repeat 0px 0px; cursor:pointer; padding:0px 0px 0px 20px; }
.label_check.c_on     { background: url(../images/checkbox2.png) no-repeat 0px -12px; }
.label_check_tips.c_on     { background: url(../images/checkbox2.png) no-repeat 0px -14px; }
.label_radio.r_on     { background: url(../images/radio.png) no-repeat 0px 0px; }
.label_check input,
.label_check_tips input,
.label_radio input  { position: absolute; left: -9999px; }

.header {
	height:60px;
	width:100%;
	background:#434343 url(../images/flash.png) no-repeat;	
	background-position: 70px -300px;
	position:relative;
}

.controls {
	float:right;
	text-align:right;
	color:#ebebeb;
	font:normal 14px Helvetica, sans-serif;
	margin-top:4px;
}
.controls p {
	width:250px;
	margin:23px 15px 0 0;
	float:left;
}
.controls a {
	float:left;
}

.container{
	width:960px;
	margin:0 auto;	
	position:relative;
	z-index:1;
}


.main-content {
	background:#fcfcfc url('../images/top_bg_shadow.png') repeat-x;
	min-height:600px;
}

.main-content h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 30px;
	font-weight: 300;
	color: #B2B2B2;
	margin-top: 30px;
	margin-bottom: 10px;
}

.main-content h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 25px;
	font-weight: 300;
	color: #B2B2B2;
	margin-bottom: 10px;
}

.main-content .container{
	padding-top:10px;
	margin-bottom:20px;
}


.authentification .error {
	margin-top: -5px;
	margin-bottom: 12px;
	background: url(../images/error-icon.png) no-repeat;
	padding-left: 21px;
}

.error span {
	font-weight: normal;
	display: block;
	padding-top: 3px;
	 
}

a.button {
	background:url(../images/b_right.png) no-repeat;
	background-position:top right;
	color:#fff;
	font:bold 13px Arial;
	text-decoration:none;
    padding: 4px 0px 4px 0px;
}

a.button span {
	background:url(../images/b_left.png)  no-repeat;
	padding: 4px 20px 4px 20px;
	line-height: 26px;
}

a.button:hover {
	background:url(../images/b_right_hover.png) no-repeat;
	background-position:top right;
}

a.button:hover  span {
	background:url(../images/b_left_hover.png)  no-repeat;
}



input[type=text],  input[type=password] {
	padding:3px 6px;
	font-size:12px;
	color:#818181;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background:#fff;
	border:1px #d5d5d5 solid;
	margin-left:0;
}

.menu {
	padding-top:20px;
	float:left;
}

.menu li {
	float:left;
	list-style:none;
	background:url(../images/tab_left.png) top right no-repeat;
	margin-right:3px;
	padding: 15px 5px 10px 0px;
	line-height:18px;
	*line-height:15px;
}


.menu li.active  {
	background:url(../images/tab_left_active.png) top right no-repeat;
	
}

.menu li a {
	background:url(../images/tab_right.png) no-repeat;
	font:normal 14px Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding: 15px 15px 10px 20px;
	line-height:15px;
}

.menu li.active a {
	background:url(../images/tab_right_active.png) no-repeat;
	color:#434343;
}

.big_block_top {
	width:952px;
	height:5px;
	background:url(../images/big_block_top.png) no-repeat;
	position:relative;
	zoom:1;
}

.big_block_mid {
	width:952px;
	background:url(../images/big_block_mid.png) repeat-y;
	padding: 0px 0px 0px 0px;
}

.big_block_bottom{
	width:952px;
	height:5px;
	background:url(../images/big_block_bottom.png) repeat-y;
}

.popup_block_top {
	width:988px;
	height:35px;
	background:url(../images/popup_block_top.png) no-repeat;
}

.popup_block_mid {
	width:922px;
	background:url(../images/popup_block_mid.png) repeat-y;
	padding: 25px 30px 0px 50px;
}

.popup_block_bottom{
	width:988px;
	height:33px;
	background:url(../images/popup_block_bottom.png) repeat-y;
}

.popup_list_top {
	width:630px;
	height:7px;
	background:url(../images/popup_list_top.png) no-repeat;
}

.popup_list_mid {
	width:627px;
	background:url(../images/popup_list_mid.png) repeat-y;
	padding:2px;
	min-height:367px;
}

.popup_list_bottom{
	width:630px;
	height:8px;
	background:url(../images/popup_list_bottom.png) repeat-y;
}

.mid_block_top {
	width:759px;
	height:5px;
	background:url(../images/mid_block_top.png) no-repeat;
}

.mid_block_mid {
	width:759px;
	background:url(../images/mid_block_mid.png) repeat-y;
	padding:10px 0px;
	min-height:300px;
}

.mid_block_bottom{
	width:759px;
	height:5px;
	background:url(../images/mid_block_bottom.png) repeat-y;
	margin-bottom:10px;
}
.popup_block_mid p {
	font:normal 15px Arial;
	margin-bottom:10px;
	font-weight:bold;
	color:#B2B2B2;
}

.object_list li {
	font:normal 15px Arial;
	padding:5px 0px;
}

.object_list li:hover {
	background:#e3ecf1;
}

.object_list li a {
	padding:3px 10px;
	color:#818181;
	text-decoration:none;
}

.object_list li.inactive {
	font:normal 15px Arial;
	background:#FFCC99;
}

.object_list li.inactive a {
	padding:3px 10px;
	color:grey;
}

.object_list li.activation {
	font:normal 15px Arial;
	background:#60a7d2;
}

.object_list li.activation a {
	padding:3px 10px;
	color:#fff;
}

.block_left_side {
	float:left;
}

.block_right_side {
	float:right;
	margin-right:20px;
}



.block_right_side label {
	height:13px;
	display:block;
	margin-bottom:5px;
	font:normal 12px Arial;
	color:#8e8e8e;
	padding-top:1px;
}

.block_right_side li{
	background:url(../images/b_right.png) top right no-repeat;
	margin-bottom:10px;
	text-align:center;
	width: 95px;
	height:24px;
}

.block_right_side li a{
	background:url(../images/b_left.png) no-repeat;
	display:block;
	width: 100%;
	height:24px;
	line-height:16px;
}

.block_right_side li:hover{	
	background:url(../images/b_right_hover.png) top right no-repeat;
}

.block_right_side li:hover a:hover{	
	background:url(../images/b_left_hover.png)  no-repeat;
}

.block_right_side li a span{
	padding: 4px 20px 3px 20px;
	line-height: 25px;
}

.control_b {
	margin-top:20px;
	text-align:right;
	padding-right:20px;
}

#new_object {
	position:absolute;
	z-index:2;
	top:50px;
	left:-20px;
	display:none;
}

#new_object input[type=text] {
	width:220px;
	margin-bottom:25px;
}

#new_object .block_right_side {
	margin-right:30px;
}

#close_popup {
	position:absolute;
	top: 32px;
	right: 46px;
	z-index:10;
	cursor:pointer;
}

*:first-child+html a.button {
	padding-top:0px;
}

*:first-child+html .block_right_side li a{
	line-height:22px;
}

*:first-child+html #new_object .block_right_side {
	margin-right:15px;
}


/*New styles*/
#tabs {
	margin-top:30px;
	position:absolute;
	z-index:999;
	zoom:1;
	top:-71px;
	left:0px;
}

#tabs li {
	float:left;
	margin-right:2px;
	height:44px;
}

#tabs li a {
	background:url('../images/r_button.png') top right no-repeat;
	text-decoration:none;
	padding:16px 0px;
}

#tabs li a span{
	background:url('../images/l_button.png') no-repeat;
	color:#000;
	font:bold 14px Arial;
	padding:12px 20px;
	line-height:47px;
}

#tabs li a.active {
	background:url('../images/r_button_ac.png') top right no-repeat;
}

#tabs li a.active span{
	background:url('../images/l_button_ac.png') no-repeat;
}


.big_block_top.tabs_top {
	background:url(../images/big_block_top_tabs.png) no-repeat;
	position:relative;
	zoom:1;
	z-index:1;
	margin-top:60px;
}

.big_block_mid h1 {
	margin:5px 0px 0px 20px;
	font:normal 13px Arial;
	color:#4d4d4d;
    width:650px;
}

.month_container h1 {
	margin:0px 0px 0px 0px;
	font:normal 13px Arial;
	color:#4d4d4d;
    position:relative;
    top:10px;
}

a.cold_water {
	background:url(../images/cold_dot.png) 0px 4px no-repeat;
	color:#5da8dd;
	padding:0px 0px 0px 11px;
	text-decoration:none;
	font:bold 14px Arial;
	position:absolute;
	top:10px;
	right:115px;
}

a.hot_water {
	background:url(../images/hot_dot.png) 0px 4px no-repeat;
	color:#ed5d4d;
	padding:0px 0px 0px 11px;
	text-decoration:none;
	font:bold 14px Arial;
	position:absolute;
	top:10px;
	right:15px;
}

.graph {
	width:735px;
	height:235px;
	float:left;
	margin:15px 0px 0px 0px;
}

.water_list {
	float:left;
	margin:25px 0px 0px 20px;
}



#param1 {
	background:url(../images/param1.png) bottom right no-repeat;
}

#param2 {
	background:url(../images/param2.png) bottom right no-repeat;
}
 
#param3 {
	background:url(../images/param3.png) bottom right no-repeat;
}

#param4 {
	background:url(../images/param4.png) bottom right no-repeat;
}


.water_list li{
	width:130px;
	margin-bottom:10px;
	padding:2px;
	background-position:22px 20px !important;
}

.water_list li a{
	font:normal 12px Arial;
	color:#434343;
	text-decoration:none;
}

.month_container {
	margin-top:20px;
	background:url(../images/big_block_month_bg.png) no-repeat;
	height:264px;
	width:912px;
	padding:0px 20px 0px 20px;
}

.month_container table {
	margin-bottom:35px;
}

.month_container table {
	width:952px;
}

.month_container table .month {
	height:196px;
	width:50px;
	padding:0px 10px;
	float:left;
	position:relative;
	z-index:1;
	margin:0px 3px;
	margin-top:-4px;
}

.month_name {
	position:absolute;
	z-index:2;
	bottom:8px;
	left:26px;
	color:#777;
	font:bold 11px Arial;
}

.capitalize 
{
    /*text-transform:capitalize;*/
}
    

.hot_cold_container {
	width:42px;
	position:absolute;
	z-index:2;
	bottom:30px;
	left:15px;
}

.month_container table .month div{

}

.month_container table .month .cold{
	background:#75b2dd url(../images/water_bg_cold.png) top left repeat-y;	
}

.month_container table .month .hot{
	background:#cb3c25 url(../images/water_bg_hot.png) bottom left repeat-y;	
	margin-bottom:2px;
}


.month_container table .month.na .cold{
	background:#75b2dd url(../images/water_na.png) top left repeat-y;	
}

.month_container table .month.na .hot{
	background:#cb3c25 url(../images/water_na.png) bottom left repeat-y;	
}


.big_block_bottom.month{
	background:url(../images/big_block_bottom_month.png) no-repeat;
}

.month.active{
	background:url(../images/month_bg.png) no-repeat;
}

.month.active .month_name{
	color:#4c7592 !important;
}

.hot_corner {
	background:url(../images/hot_corners.png) no-repeat;
	width:42px;
	height:4px;
	position:absolute;
	z-index:10;
	top:-4px;
	left:0;
}

.cold_corner {
	background:url(../images/cold_corners.png) no-repeat;
	width:42px;
	height:4px;
	position:absolute;
	z-index:10;
	bottom:-6px;
	left:0;
}

.na .hot_corner {
	background:url(../images/water_na_top.png) no-repeat;
}

.na .cold_corner {
	background:url(../images/water_na_bottom.png) no-repeat;
}

.options.left{
	padding-left:20px;
}

.options.left b{
	
}

.options.left label{
	padding-top:2px;
	padding-bottom:2px;
	margin-left:10px;
}

.options.right {
	padding-right:15px;
}

.options a{
	color:#000;
}

.options input[type=checkbox] {
	margin-left:10px;
}

.bottom_block {
	position:relative;
	zoom:1;
	padding:1px 0px 20px 0px;
}

.bottom_block h1 {
	display:block;
	font:normal 28px 'Source Sans Pro', sans-serif;
	margin:20px 0px 20px 35px;
	font-weight:300;
}

.bottom_block div.block2 {
	width:300px;
	float:left;
	margin-left:40px;
	font:normal 16px 'Source Sans Pro', sans-serif;
}

.bottom_block span.block2 {
	width:300px;
	float:left;
	margin-left:40px;
	font:normal 16px 'Source Sans Pro', sans-serif;
}

.toothbrush {
	position:absolute;
	top:20px;
	right:0px;
}

.toothbrush2 {
	position:absolute;
	top:70px;
	right:2px;
}

.col4  {
	width:181px;
	float:left;
	padding:30px;
	border-right:#eaeaea 1px solid;
	height:140px;
	margin:-5px 0px -4px 0px;
	position:relative;
	z-index:333;
	zoom:1;
}


.col4.last {
	width:160px;
	border:0;
}

.col4 h1 {
	font:bold 11px Arial;
	/*text-transform:uppercase;*/
	color:#b1b1b1;
	margin:0;
	padding:0;
}

.col4.last .cost{
	font:normal 24px/20px HelveticaNeueBlack;
	color:#47bb28;
	margin-bottom:10px;
}

.col4 .cost {
	color:#575757;
	font:normal 44px/42px HelveticaNeueBlack;
	margin-top:5px;
}

.cost.delta {
	color:#cb3c25 !important;
}

.cost.deltagreen 
{
    color:#47bb28 !important;
}

.col4 .cost_description {
	font:normal 14px HelveticaNeueBlack	;
	color:#908f8f;
	margin-bottom:20px;
}

.col4 img {
	margin-top:2px;
}

.col4 .water_type {
	font:normal 14px Arial;
	color:#858585;
	display:inline-block;
	width:70px;
	margin-left:5px;
}


.col4 .water_cost {
	color:#575757;
	font:bold 14px Arial;
}

.col4 p {
	font:normal 13px Arial;
	color:#858585;
}


h1.actual_temperature {
	font:normal 36px HelveticaNeueBlack;
	margin:0 0 0 25px;
	padding:10px 0px;
	display:block;
}

.col2 {
	float:left;
	width:415px;
	padding:23px 30px;
	margin:-5px 0px;
}

.col2.last {
	border-left:1px #eaeaea solid;
	position:relative;
	zoom:1;
}

.alerts_image {
	position:absolute;
	z-index:100;
	top:15px;
	right:20px;
}

.col2 h1{
	margin:0;
	font:normal 24px 'Source Sans Pro', sans-serif;
	color:#8a8a8a;
	font-wight:300;
}

.col2 p{
	margin:10px 0px;
	font:normal 14px 'Source Sans Pro', sans-serif;
	color:#454545;
	width:300px;
}

.col2 a{
	font:normal 14px 'Source Sans Pro', sans-serif;
}

.col2 img {
	margin-right:13px;
}

.col2 .yearly_consumption.hot .water_type, .col4 .water_type.hot {
	font:normal 14px HelveticaNeueBlack;
	color:#c2402c;
}

.col2 .yearly_consumption.cold .water_type, .col4 .water_type.cold {
	font:normal 14px HelveticaNeueBlack;
	color:#61a4d4;
}

.yearly_consumption {
	float:left;
	width:160px;
	margin-top:13px;
}

.yearly_consumption img {
	float:left;
}

.yearly_consumption .water_cost{
	font-size:12px;
}

.yearly_estimated.water_cost{
	font-size:12px;
	font-weight:normal;
}

div.cost_description.gradient, h1.gradient {
	position: relative;
}

h1.gradient span{
	background: url(../images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 40px;
}

div.cost_description.gradient span {
	background: url(../images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 10px;
}



h1.actual_temperature  {
	position: relative;
}

h1.actual_temperature span {
	background: url(../images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}


div.cost.gradient {
	position: relative;
}

div.cost.gradient span {
	background: url(../images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}


div.cost.delta.gradient span {
	background: url(../images/gradient-white_bottom.png) bottom left repeat-x;
	height:40px;
}


/*Histogram */

.graph_desc {
	position:absolute;
	z-index:120;
	left:25px;
	top:1px;
	background:url(../images/graph_desc_right.png) top right no-repeat;
	padding:13px 0px;
}

.graph_desc span {
	padding:13px 20px;
	background:url(../images/graph_desc_left.png) no-repeat;
	font:normal 19px 'Source Sans Pro', sans-serif;
	color:#8a8a8a;
}

#histogram {
	height:440px;
}

.histogram_container {
	height:344px;
	background:url(../images/graph_bg.png) 0px 315px repeat-x;	
	padding-top:100px;
	position:relative;
	left:0;
	top:0;
	z-index:99;
}

.y_axis {
	width:900px;
	height:280px;
	position:absolute;
	z-index:222;
	left:25px;
	top:65px;
}


.y_axis li {
	margin-top:15px;
	border-bottom:1px #f2f2f2 solid;
	color:#8e8e8e;
	line-height:16px;
}

.y_axis_name {
	position:absolute;
	z-index:100;
	left:0px;
	top:4px;
	font:normal 10px Arial;
	color:#8e8e8e;
}

.histogram_day_container {
	position:relative;
	zoom:1;
	width:26px;
	height:217px;
	float:left;
	margin-left:30px;
	margin-bottom:86px;
}

.histogram_day_container:first-child {
	margin-left:0px;
}

.week {
	height:344px;
	margin-left:77px;
	float:left;
	position:relative;
	z-index:555;
	zoom:1;
}

.histogram_coldwater {
	width:12px;
	background:url(../images/cold_water_bg.png) repeat-y;
	position:absolute;
	z-index:120;
	bottom:0;
	left:0;
}

.histogram_hotwater {
	width:12px;
	background:url(../images/hot_water_bg.png) repeat-y;
	position:absolute;
	z-index:120;
	bottom:0;
	right:0;
}

.histogram_day {
	width:26px;
	position:absolute;
	z-index:140;
	bottom:-30px;
	left:0;
	text-align:center;
	line-height:12px;
}

.histogram_day b {
	display:block;
}

.histogram_coldwater_top {
	background:url(../images/cold_water_bg_top.png) no-repeat;
	width:12px;
	height:3px;
	position:absolute;
	z-index:200;
	top:-3px;
	left:0;
}

.histogram_coldwater_bottom {
	background:url(../images/cold_water_bg_bottom.png) no-repeat;
	width:12px;
	height:3px;
	position:absolute;
	z-index:200;
	bottom:-3px;
	left:0;
}

.histogram_hotwater_top {
	background:url(../images/hot_water_bg_top.png) no-repeat;
	width:12px;
	height:3px;
	position:absolute;
	z-index:200;
	top:-3px;
	left:0;
}

.histogram_hotwater_bottom {
	background:url(../images/hot_water_bg_bottom.png) no-repeat;
	width:12px;
	height:3px;
	position:absolute;
	z-index:200;
	bottom:-3px;
	left:0;
}

#histogram h5 {
	color:#b1b1b1;
	text-transform:uppercase;
	font:normal 11px Arial;
	float:left;
	margin-left:15px;
}

#histogram h5:first-child {
	margin-left:0px;
}

.total_liters {
	float:left;	
	margin-left:5px;
	font-weight:bold;
	color:#4c4c4c;
}

.total_liters span {
	display:block;
	color:#4b4b4b;
	font-weight:normal;
}

.total_liters.cold {
	background:url(../images/cold_dot.png) 0px 2px no-repeat;
	color:#5da8dd;
	margin:0px 10px;
	padding-left:10px;
	font-weight:normal;
}

.total_liters.cold span, .total_liters.hot span {
	color:#b1b1b1 !important;
}

.total_liters.hot{
	background:url(../images/hot_dot.png) 0px 2px no-repeat;
	color:#ed5d4d;
	margin:0px 10px;
	padding-left:10px;
	font-weight:normal;
}

/* tips page*/

.block2_1 {
	width:563px;
	float:left;
}

.block2_2 {
	width:357px;
	float:left;
	margin-left:40px;
}

.block2_1_top{
	background:url(../images/block2_1_top.png) no-repeat;
	height:4px;
}

.block2_1_mid{
	background:url(../images/block2_1_mid.png) repeat-y;

}
.block2_1_bottom{
	background:url(../images/block2_1_bottom.png) no-repeat;
	height:4px;
	margin-bottom:15px;
}

.block2_2_top{
	background:url(../images/block2_2_top.png) no-repeat;
	height:5px;
}

.block2_2_mid{
	background:url(../images/block2_2_mid.png) repeat-y;
}
.block2_2_bottom{
	background:url(../images/block2_2_bottom.png) no-repeat;
	height:5px;
	
}

.block2_1_mid .col2_left {
	float:left;
	width:300px;
	padding:25px 30px 25px 25px;
	font:normal 15px/19px 'Source Sans Pro', sans-serif;
}

.block2_1_mid .col2_right {
	float:left;
	width:160px;
	padding:25px 20px 15px 20px;
	border-left:1px #eaeaea solid;
	margin:-4px 0px;
}


.block2_1_mid .col2_right label {
	display:block;
	width:50px;
	margin-bottom:20px;
	height:14px;
	float:left;
	font:bold 12px/16px Arial;
}

.block2_1_mid .col2_right input {
	margin-bottom:15px;
}

.block2_1_mid h3 {
	font:normal 26px 'Source Sans Pro', sans-serif;
	margin-bottom:20px;
	font-wight:300;
}

.block2_1_mid .inside_block {
	border-top:1px #eaeaea solid;
	padding:25px 25px;
	position:relative;
	zoom:1;
}

.block2_1_mid .inside_block:first-child {
	border-top:0;
}

.block2_1_mid .inside_block p {
	width:310px;
	font:normal 15px/19px 'Source Sans Pro', sans-serif;
	margin-top:15px;	
}

.block2_1_mid .inside_block.full-width p {
	width:510px;
}

.block2_1_mid .inside_block p:first-child {
	margin-top:0px
}

.block2_1_mid .inside_block .toothbrush{
	top:60px;
	right:2px;
}

#tips_list {
	padding:20px 20px 0px 20px;
	margin-bottom:20px;
	border-bottom:1px #eaeaea solid;
}

#tips_list li {
	padding:10px 15px 10px 15px;
}

#tips_list li a {
	display:block;
	width:22px;
	height:22px;
	text-decoration:none;
	float:left;
}

#tips_list li span.cont{
	display:block;
	float:right;
	width:260px;
}

#tips_list a:hover {
	text-decoration:none;
}

#tips_list a.collapse {
	background:url(../images/plus.png) no-repeat;
}

#tips_list a.expand {
	background:url(../images/minus.png) no-repeat;
}

#tips_list li.expand {
	background:url(../images/li_bg.png) top left no-repeat;
	border:1px #c5dce9 solid;
	padding:9px 14px 30px 14px;
}

#tips_list li.expand a {
	left:6px;
	top:6px;
}

#tips_list li h4 {
	font:normal 15px/19px 'Source Sans Pro', sans-serif;
	font-wight:300;
}

#tips_list li p {
	font:normal 13px/13px Arial;
	margin-top:20px;
	display:none;
}


.block2_2_mid h5 {
	margin-top:5px;
	margin-left:20px;
	font:normal 22px  'Source Sans Pro', sans-serif;
	font-weight:300;
}

.block2_2_mid  .FaqForm {
	padding:20px;
}

.block2_2_mid  .FaqForm textarea{
	background:url(../images/textarea.png)  no-repeat;;
	padding:10px;
	border:0;
	resize:none;
	width:288px;
	height:51px;
	max-width: 288px;
	max-height:51px; 
	margin-bottom:27px;
	overflow:auto;
}


.block2_2_mid .FaqForm label {
	display:block;
	font:bold 14px Arial;
	line-height:26px;
}

.block2_2_mid .FaqForm input[type=text] {
	background:url('../images/input_bg.png') no-repeat;
	font:normal 14px/12px Arial;
	color:#8e8e8e;
	border:0;
	width:228px;
	height:19px;
	padding:2px 5px;
	margin-bottom:18px;
	display:block;
}

.block2_2.single {
	margin-top:75px;
}

.block2_2.single h1{
	color:#8a8a8a;
	margin:0;
	padding:0;
	font:normal 26px HelveticaNeue-Light;
	margin-bottom:18px;
}

.block2_2.single p{

	font:normal 15px/19px HelveticaNeue-Light;
	margin-bottom:18px;
}

.block2_2.single .block2_2_mid{
	padding:20px 23px;
}



/*enkat*/

.block2_1_mid.single .inside_block h1{
	font:normal 50px/43px HelveticaNeueBlack;
	color:#575757;
	float:left;
	padding:0;
	margin:0;
}

.block2_1_mid.single .inside_block div{
	width:440px;
	float:right;
}

.block2_1_mid.single .inside_block label{
	display:block;
	height:14px;
	margin-top:18px;
	font:bold 14px Arial;
	color:#454545;
}

.block2_1_mid.single .inside_block div p{
	width:380px;
}

.block2_1_mid.single textarea{
	background:url(../images/textarea_long.png)  no-repeat;;
	padding:10px;
	border:0;
	resize:none;
	width:416px;
	height:71px;
	max-width: 416px;
	max-height:71px; 
	margin-bottom:20px;
	margin-top:20px;
	overflow:auto;
}

/*alerts*/

.block_long_top {
	width:953px;
	height:4px;
	background:url(../images/long_block_top.png) no-repeat;
}

.block_long_mid {
	width:953px;
	background:url(../images/long_block_mid.png) repeat-y;
}
.block_long_bottom {
	width:953px;
	height:4px;
	background:url(../images/long_block_bottom.png) no-repeat;
}

.block_long_mid .col4 {
	width:229px;
	height:193px;
	padding:20px;
	float:left;
	border-right:#eaeaea 1px solid;
	margin:-5px 0px -4px 0px;
}

.block_long_mid .col4.last{
	width:103px;
	border-right:0;
}

.block_long_mid .col4 h1 {
	font:normal 24px 'Source Sans Pro', sans-serif;
	color:#8a8a8a;
	/*text-transform:capitalize;*/
	font-weight:300;
}

.block_long_mid .col4 b {
	color:#818181;
	font:bold 14px Arial;
	padding-left:5px;
}

.block_long_mid .col4 input.input_short {
	background:url(../images/input_short.png) no-repeat;
	width:116px;
	height:21px;
	border:0;
	padding:0px 5px;
	margin:0;
}

.block_long_mid .col4 input.input_long {
	background:url(../images/input_long.png) no-repeat;
	width:216px;
	height:21px;
	border:0;
	padding:0px 5px;
	margin:0;
}

.block_long_mid .col4 label {
	display:block;
	height:14px;
	margin-top:15px;
	font:bold 14px Arial;
	margin-bottom:10px;
}

.block_long_mid .col4.last{
	padding-top:93px;
	height:100px;
}

.line_graph {
	display:none;
}

/*histograms in tabs*/

#histogram.histogram_2 .histogram_container {
	padding-top:30px;
	height:215px;
}

#histogram.histogram_2  .histogram_day_container {
	height: 180px;
}

#histogram.histogram_2 .histogram_day {
	width: 50px;
	bottom: -33px;
	left: -15px;
}

#histogram.histogram_2 .y_axis_name {
	top:0px;
}

#histogram.histogram_2  .y_axis {
	top: 0px;
}

#histogram.histogram_2 .y_axis li {
	margin-top: 10px;
}

#histogram.histogram_2 .histogram_coldwater_top {
	background: url(../images/cold_water_small_top.png) no-repeat;
	width: 9px;
	height: 4px;
	position: absolute;
	z-index: 200;
	top: -4px;
	left: 0;
}

#histogram.histogram_2 .histogram_coldwater_bottom {
	background: url(../images/cold_water_small_bottom.png) no-repeat;
	width: 9px;
	height: 4px;
	position: absolute;
	z-index: 200;
	bottom: -4px;
	left: 0;
}

#histogram.histogram_2  .histogram_coldwater {
	width: 9px;
	background: url(../images/cold_water_small_bg.png) repeat-y;
}

#histogram.histogram_2 .histogram_hotwater_top {
	background: url(../images/hot_water_small_top.png) no-repeat;
	width: 9px;
	height: 4px;
	position: absolute;
	z-index: 200;
	top: -4px;
	left: 0;
}

#histogram.histogram_2 .histogram_hotwater_bottom {
	background: url(../images/hot_water_small_bottom.png) no-repeat;
	width: 9px;
	height: 4px;
	position: absolute;
	z-index: 200;
	bottom: -4px;
	left: 0;
}

#histogram.histogram_2  .histogram_hotwater {
	width: 9px;
	background: url(../images/hot_water_small_bg.png) repeat-y;
}

#histogram.histogram_2 .histogram_day_container {
	width:18px;
}

#histogram.histogram_2 .period{
	margin-left:100px;
	position:relative;
	zoom:1;
	z-index:999;
	float:left;
}

.month{
	cursor:pointer;
}

#histogram.histogram_2 .month{
	margin-left:40px;
	position:relative;
	zoom:1;
	z-index:999;
}

.tab1, .tab2, .tab3 {
	padding-top:10px;
	position:relative;
	zoom:1;
}

.tab3 .month_name {
	font:normal 12px HelveticaNeueBlack;
	color:#3f3f3f;
	position:static;
	padding-left:25px;
}

.tab3 .total_cost_liters {
	font:bold 13px Arial;
	color:#b1b1b1;
	padding-left:20px;
	text-transform:uppercase;
}

.tab3 .total_cost_liters_values {
	font:normal 13px Arial;
	color:#4b4b4b;
	padding-left:10px;
}

.tab3 .histogram_2.month .histogram_day_container {
	margin-left:10px;
}

.graph.month {
	width:925px;
}

/*IE7*/

*+html #tabs li a {
	background:url('../images/r_button.png') top right no-repeat;
	text-decoration:none;
	padding:0px 0px;
}

*+html #tips_list li {
	padding-bottom:0px;
}


*+html #tabs {
	top:-72px;
}

*+html .menu li a {
	padding-top:14px;
}

*+html #histogram.histogram_2 .period {
	display:inline !important;
	float:none !important;
}

*+html .week {
	display:inline;
	float:none;
}

/*IE8*/

@media \0screen {
	#tabs li a span{
	padding-top:14px;
	}
}


:root #tabs li a span{
	padding-top:13px\9;
}

:root .menu li a {
  padding-top:14px\9;
}

canvas {
	padding-top:5px;
}

/*FF hacks*/

@-moz-document url-prefix() {
  #tabs li a {
	  padding:15px 0px;
  }
  #tabs li a span {
	  line-height:43px;
  }
  .options.left label {
	 padding-top: 1px;
	 padding-bottom: 1px;
  }
}



/* container for slides */
.images {

    position:relative;
    height:200px;

    width:952px;
    float:left;
    cursor:pointer;

}

/* single slide */
.images div {
    display:none;
    position:absolute;
    top:0;
    left:0;


}


/* tabs (those little circles below slides) */
.slidetabs {
    clear:both;
    margin-left:310px;
}

/* single tab */
.slidetabs a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    /*background:url(/media/img/scrollable/arrow/navigator.png) 0 0 no-repeat;*/
    display:block;
    font-size:1px;
}

/* mouseover state */
.slidetabs a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
.slidetabs a.current {
    background-position:0 -16px;
}


/* prev and next buttons */
.forward, .backward {
    float:left;
    margin-top:140px;
    /*background:#fff url(/media/img/scrollable/arrow/hori_large.png) no-repeat;*/
    display:block;
    width:30px;
    height:30px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}

/* next */
.forward { background-position: 0 -30px; clear:right; }
.forward:hover { background-position:-30px -30px; }
.forward:active	{ background-position:-60px -30px; }


/* prev */
.backward:hover	{ background-position:-30px 0; }
.backward:active { background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are
   configured with rotate: true */
.disabled {
    visibility:hidden !important;
}

.tab3 span.total-sum {
	font-weight:bold;
}

.tab3 span.cold-sum{
	color:#5da8dd;
	font-weight:bold;
}

.tab3 span.hot-sum {
	color:#ed5d4d;
	font-weight:bold;
}