/* Colors:
Brand color 1: Bronze: 		#a39382	(From housestyles: Mostly backgrounds of title block, account block, footer line, etc.)
Brand color 2: pink: 		#bf0d3e (From housestyles: Default button color, active menu item, filter, etc.)
Lighter pink: 				#cc3d65	(derived from pink, used for top half of button)
Dark bronze 1: 				#7a6855 (From housestyles, used for itempicker item)
Dark bronze 2: 				#877766 (derived from Dark bronze 1, used for itempicker item)
Grey 1: 					#58595b (From housestyles, used for itempicker filterlist item)
Grey 2: 					#797a7c (Derived from Grey 1, used for itempicker filterlist item)

Dark pink:  				#76232f (From housestyles, used for active menu item and a:hover)
*/

.wrapper {
	margin-bottom: -80px;		
}

/* ----- BODY ----- */

body {
	/*background: #e4e4e4;*/
	/*background: #877766; */
	/*background: rgba(188,190,192,0.5) url('../images/background_grid.png');*/
	background: rgba(188,190,192,0.5);
}

/*body a {
	color: #bf0d3e;
}*/

.grass,
.trees {
	background: none;	
}

.logout_edit_account .leaf,
.main_nav ul li.active .leaf,
.right_column .leaves,
footer .energy,
.tab_row.tab_container .tab.active .leaf {
	display: none;
}


/* ----- HEADER ----- */

header {
	background: #fff;
}

header .logo {
	background: url('../images/logo_sedico.png') no-repeat;
	margin: 15px 0 0 0;
	height: 80px;
	width: 300px;
}


/* purple gradient 0 100 */

nav.user,
nav ul li:hover a.user_level,
nav ul li.active a.user_level,
ul.tab_row.tab_container li.tab a,
ul.tab_row.tab_container li.tab .label,
.content ul.tab_container li.tab a,
.content ul.tab_container li.tab .label {
	background: #bf0d3e;
}

body ul.tab_container li.tab.active a, 
body ul.tab_container li.tab.active .label {
    color: #58595b;
}

nav ul li:hover a, 
nav ul li.active a,
nav ul li ul li.active a {
	background: /*#fff;*/ #877766;
	color: /*#bf0d3e;*/ #fff;
}

	nav ul li:hover a {
		background: /*#fff;*/ #58595b;
		color: /*#bf0d3e;*/ #fff;
	}

	nav.user ul li:hover a {
		background: /*#fff;*/ #877766;
		color: /*#bf0d3e;*/ #fff;
	}


	nav ul li.active a,
	nav ul li ul li.active a {
		background: /*#fff;*/ #76232f;
		color: /*#bf0d3e;*/ #fff;
	}

/* ----- BUTTON ----- */

/* purple gradient 50 50 */
.button,
.navigation_toolbar,
.inner_content .meter_readings_table .active, 
.inner_content .meter_readings_table .meter_readings_row:hover  {
	background: #bf0d3e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmYWJjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkYmE0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #cc3d65 50%, #bf0d3e 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#cc3d65), color-stop(50%,#bf0d3e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc3d65 50%,#bf0d3e 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc3d65 50%,#bf0d3e 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc3d65 50%,#bf0d3e 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc3d65 50%,#bf0d3e 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3d65', endColorstr='#bf0d3e',GradientType=0 ); /* IE6-8 */

}

.button:hover {
	background: #bf0d3e;
}

.button:disabled:hover, .button.disabled:hover {
   background: #bf0d3e;
}

/* ----- TABS ----- */

ul.tab_row.tab_container li.tab:hover a,
ul.tab_row.tab_container li.tab:hover .label,
.content ul.tab_container li.tab:hover a,
.content ul.tab_container li.tab:hover .label {
	color: #a39382;
}

.content ul.tab_container li.tab.active a, 
.content ul.tab_container li.tab.active .label {
    color: #a39382;
}

/* ----- C50 block homepage ----- */
/*
.left_column .content.c50 {
	width: 730px;	
}

.left_column .content.c50 h1 {
	width: 300px;	
	float: left;
}
*/

/* ----- READINGS ----- */

.content .meters_table .input_table .previous_value_td span,
.content .meters_table .input_table .meter_input .form_field {
	color: #004459;
}


/* ----- OPTIONS/ ITEMPICKER / PAGE TITLE ----- */

.page_title_block .page_title {
	color: rgba(255,255,255,0.75);	
}

header .logout_edit_account .options,
.item_picker,
.content .page_navigator_faq li a:hover,
.content .page_navigator_faq .current,
.navigation_toolbar   {
	background: #a39382;

}

.item_picker .list.objects .render.item.selected {
	background: #bf0d3e url('../../../images/object/object_icon.png') no-repeat 10px 7px;
}

.item_picker .list.objects .render.item:hover, 
.item_picker .list.objects .render.item.inactive.selected, 
.object_picker .list.objects .render.item.selected:hover {
	background: #bf0d3e url('../../../images/object/object_icon.png') no-repeat scroll 10px 7px;
	color: #fff;
	text-decoration: none;		
}

	.item_picker .list.objects .render.item.inactive:hover, 
	.item_picker .list.objects .render.item.inactive.selected, 
	.object_picker .list.objects .render.item.inactive.selected:hover {
		background: #bf0d3e url('../../../images/object/object_icon_inactive.png') no-repeat scroll 10px 7px;
	}
	
.item_picker .list.objects .render.item.inactive .label {
	opacity: 0.4;
}

.item_picker .list.objects .item {
	background: url('../../../images/object/object_icon.png') no-repeat scroll 10px 7px #7a6855;
}

.item_picker .list.objects .item:nth-child(2n+1) {
	background: url('../../../images/object/object_icon.png') no-repeat scroll 10px 7px #877766;
}

	.item_picker .filter_controller .list,
	body .inner_content .filter_controller .list {
		color: #fff;
	}

	.item_picker .filter_controller .list .filter,
	body .inner_content .filter_controller .list .filter {
		background: #797a7c;
	}
	
	.item_picker .filter_controller .list .filter:nth-child(odd),
	body .inner_content .filter_controller .list .filter:nth-child(odd) {
		background: #58595b;
	}
	
		.item_picker .filter_controller .list .filter:hover, 
		.item_picker .filter_controller .list .filter:nth-child(odd):hover,
		body .inner_content .filter_controller .list .filter:hover, 
		body .inner_content .filter_controller .list .filter:nth-child(odd):hover {
			background: #bf0d3e;
		}

		.item_picker .filter_controller .list .filter > .edit,
		body .inner_content .filter_controller .list .filter > .edit {
			background: #bf0d3e;
			border: 1px solid #cc3d65;
		}
		
	.item_picker .filter_controller .list .filter .view .edit,
	body .inner_content .filter_controller .list .filter .view .edit {
		background: url('../../../images/grey_icons.png') no-repeat 0 -18px;
	}
	
	.item_picker .filter_controller .list .filter .view .edit,
	body .inner_content .filter_controller .list .filter .view .edit {
		background: url('../../../images/grey_icons.png') no-repeat 0 -18px;					
	}
	
	.item_picker .filter_controller .list .filter .view .edit:hover,
	body .inner_content .filter_controller .list .filter .view .edit:hover {
		background: url('../../../images/grey_icons.png') no-repeat 0 0;
	}
	
	.item_picker .filter_controller .list .filter .delete,
	body .inner_content .filter_controller .list .filter .delete {
		background: url('../../../images/grey_icons.png') no-repeat  -18px -18px;
	}
	
	.item_picker .filter_controller .list .filter .delete:hover,
	body .inner_content .filter_controller .list .filter .delete:hover {
		background: url('../../../images/grey_icons.png') no-repeat  -18px 0;
	}
	 
	.item_picker .filter_controller .list .filter .save,
	body .inner_content .filter_controller .list .filter .save {
		background: url('../../../images/grey_check_icon.png') no-repeat 0 -18px
	}
	
	.item_picker .filter_controller .list .filter .save:hover,
	body .inner_content .filter_controller .list .filter .save:hover {
		background: url('../../../images/grey_check_icon.png') no-repeat 0 0;
	}

/* ---- */

.right_column .options {
	background: #bf0d3e;
}

.right_column .options .option {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

/* ----- HEADINGS / LOGIN / FILTER ----- */

h1,
h2,
h3,
.filter_by h3 {
	color: #58595b;
}

table.login_form .forgot_password {
	color: #bf0d3e;
}

	table.login_form:hover .forgot_password:hover {
		color: #76232f;
	}

/* ----- GREEN BLOCK ----- */

.green_block {
	background: #a39382;	
}

/* ----- PAGE NAVIGATOR ----- */

.content .page_navigator li a,
.content .page_navigator_faq li a,
.page_navigator button:hover {
	background: #bf0d3e;
}

	.content .page_navigator .active,
	.content .page_navigator li a:hover {
		background: #a39382;
	}

.content .faq_overview li.faq_item {
    list-style-type: square;
    background: none;
}

	.content .faq_overview li a {
		color: #454545;
	}
	
	.content .faq_overview li a:hover,
	.content .faq_overview li a.active {
		color: #bf0d3e;
	}

/* see options and itempicker for more styles */


body .detail_table .show_status {
    background: #bf0d3e;
}

body .detail_table tr.alert_row:hover {
    background: #bf0d3e;
}

body .rates_table .active, 
body .rates_table .rates_row:hover {
    background: #bf0d3e;
}

/* ----- FOOTER ----- */

footer {
	padding: 30px 0 0;
	background: none;
	background-color: #fff;
	color: 	#545454;
	border-top: 4px solid #a39382;
}