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


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

header .logo {
	background: url('../images/logo.png') no-repeat;
	margin: 25px 0 0 10px;	
}

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: #964ba1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2NGJhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MjM3OGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #964ba1 0%, #82378c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#964ba1), color-stop(100%,#82378c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #964ba1 0%,#82378c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #964ba1 0%,#82378c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #964ba1 0%,#82378c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #964ba1 0%,#82378c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#964ba1', endColorstr='#82378c',GradientType=0 ); /* IE6-8 */	
}


/* ----- 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: #82378c;
}


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

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

/* ----- BUTTON + meterreadings hover----- */

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

.button:hover {
	background: #82378c;
}


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

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

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

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

/* grey background */
.item_picker,
header .logout_edit_account .options,
.right_column .options,
.green_block  {
	background: #a0a0a0;	
}

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

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

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

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


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

h1,
h2,
h3,
table.login_form .forgot_password,
.filter_by h3 {
	color: #82378c;
}


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

.content .page_navigator_faq li a {
	background: #82378c;
}

.content .page_navigator_faq li a:hover,
.content .page_navigator_faq .current  {
	background: #ff6c0a; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff6c0a 0%, #e05b02 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6c0a), color-stop(100%,#e05b02)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6c0a 0%,#e05b02 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff6c0a 0%,#e05b02 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff6c0a 0%,#e05b02 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff6c0a 0%,#e05b02 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6c0a', endColorstr='#e05b02',GradientType=0 ); /* IE6-9 */
}

.page_navigator button:hover {
	background: #82378c;
}

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

footer {
	padding: 30px 0 0;
	background: none;
	background-color: rgba(255,255,255,0.6);
	color: 	#545454;
	border-top: 4px solid #82378c;
}