/*
Theme Name: Commission on Living Standards
Theme URI: http://livingstandards.org
Description: custom theme for Commission on Living Standards site
Author: Yes We Work
Version: 1.0
*/

/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: Rokkitt, Rockwell, sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #78d6ee; text-decoration: none; }
a:visited { color: #78d6ee; }
a:hover { color: #78d6ee; text-decoration: underline; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; line-height: 80%; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/*
 * jQuery UI CSS Framework 1.8.16
 */
/* Component containers
----------------------------------*/
.ui-widget { font-family: Rokkitt,Rockwell,Arial,sans-serif; font-size: 130.7%; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Rokkitt,Rockwell,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #34373f; background: #34373f url(img/jqueryui/ui-bg_flat_75_34373f_40x100.png) 50% 50% repeat-x; color: #9fa2a9; }
.ui-widget-content a { color: #9fa2a9; }
.ui-widget-header { border: 1px solid #292b31; background: #292b31 url(img/jqueryui/ui-bg_flat_100_292b31_40x100.png) 50% 50% repeat-x; color: #606269; font-weight: bold; }
.ui-widget-header a { color: #606269; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #757575; background: #757575 url(img/jqueryui/ui-bg_highlight-soft_30_757575_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #545454; background: #545454 url(img/jqueryui/ui-bg_inset-soft_30_545454_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #5cc3e1; }
.ui-state-hover a, .ui-state-hover a:hover { color: #5cc3e1; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #5cc3e1; background: #5cc3e1 url(img/jqueryui/ui-bg_inset-soft_30_5cc3e1_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fb8913; background: #ffffff url(img/jqueryui/ui-bg_highlight-soft_55_ffffff_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #7b0909; background: #a60808 url(img/jqueryui/ui-bg_diagonals-thick_20_a60808_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

html {
	height: 100%;
	min-height: 100%;
	background: #34373f; /*#494e57*/
}
body {
	min-height: 100%;
	color: #fff;
	width: 1024px;
	margin: auto;
	position: relative;
	background: rgb(66,70,79);
	border-left: 1px solid #52565f;
	border-right: 1px solid #52565f;
}

/* ---------------------------------------- major blocks */
#container {
	min-height: 100%;
	padding-bottom: 80px;
	position: relative;
}
#sitenav_outer {
	width: 100%;
	overflow-x: hidden;
}
#sitenav {
	width: 10000px;
	border-bottom: 1px solid #52565f;
	background: #383a43;
	overflow: auto;
}
#sitenav>ul>li {
	font-size: 130.7%;
	float: left;
	border-left: 1px solid #52565f;
}
#sitenav>ul>li a {
	padding: 11px 38px;
	display: block;
}
#sitenav>ul>li#menu-item-84{
	border-left: 0;
}
#sitenav>ul>li#menu-item-84 a{
	background: url(img/icon_home.png) no-repeat 25px 11px;
	padding-left: 55px;
}
#sitenav>ul>li#menu-item-84 a:hover{
	background-position: 25px -55px;
}
#sitenav .openable>a {
	padding-left: 44px;
	background: url(img/icon_down.png) no-repeat 15px 13px;
}
#sitenav .openable:hover>a {
	background-position: 15px -53px;
}
#sitenav .closeable>a, #sitenav .closeable:hover>a {
	background: url(img/icon_up.png) no-repeat 15px -53px;
}
#sitenav>ul>li:hover a {
	color: #373a42;
	text-decoration: none;
}
#sitenav>ul>li:hover li a {
	color: #78d6ee;
}
#sitenav>ul>li li:hover a {
	color: #373a42;
}
#sitenav>ul>li:hover, #sitenav>ul>li.closeable {
	background: #6ab0c4 url(img/nav_over.png);
	background-repeat: repeat-x;
}
#sitenav>ul>li.closeable>a {
	color: #373a42;
}
#sitenav>ul>li li:hover {
	background-color: #6ab0c4;
	color: #373a42;
	text-decoration: none;
}
.sub-menu {
	z-index: 100;
	display: none;
	position: absolute;
	top: 43px;
	margin-left: -1px;
	background: #41464e;
	border-left: 1px solid #52565f;
	border-right: 1px solid #52565f;
	box-shadow: 0px 0px 8px rgba(150,150,150,0.5);
}
.sub-menu li {
	border-bottom: 1px solid #52565f;
}
.pageheader {
	overflow: auto;
	margin-bottom: 2em;
	min-height: 110px;
}
#sitetitle {
	position: absolute;
	top: 45px;
	left: 32px;
	width: 272px;
	float: left;
	text-align: right;
}
.ie7 #sitetitle {
	top: 75px;
}
.ie8 #sitetitle {
	top: 55px;
}
#sitetitle h1 {
	font-size: 253.8%;
	text-align: right;
	line-height: 90%;
	margin-bottom: 0.2em;
}
#sitetitle p {
	margin: 0;
	text-align: right;
	color: #c2c4c9;
}
#label_rf {
	width: 245px;
	height: 18px;
	background: url(img/resolution-foundation-logo.png);
	float: right;
}
#share {
	position: absolute;
	top: 70px;
	right: 20px;
	width: 100px;
	padding-left: 10px;
	padding-top: 3px;
	border-left: 1px solid #52565F;
	overflow: hidden;
}
.fb-like {
	margin-bottom: 12px;
}
.twitter-share-button {
	margin-bottom: 6px;
}
.fb_ltr {
	margin-left: 0px;
}
#pagetitle {
	margin-top: 33px;
	margin-left: 350px;
	width: 510px;
	float: left;
}
#pagetitle h1 {
	font-size: 253.8%;
	color: #dcbe74;
	margin: 0 0 0.2em 0;
	line-height: 90%;
}
#pagetitle h2 {
	margin: 0;
	font-size: 130.7%;
	color: #f6eacd;
	text-transform: uppercase;
}
#pagetitle h2+h1 {
	margin-top: 0;
}
#pagetitle p {
	margin: 1.1em 0 0.4em 0;
	font-size: 130.7%;
	line-height: 130%;
}
.pagecontent {
	margin: 0 32px;
	overflow: auto;
}
.helpicon {
	display: inline-block;
	padding: 2px 5px;
	margin-left: 5px;
	background-color: #999;
}
#sitefooter {
	position: absolute;
	bottom: 0;
	width: 984px;
	height: 40px;
	padding: 20px 20px;
	background: #383a43;
	color: #9d9ea3;
	border-top: 1px solid #52565f;
}
#sitefooter p {
	margin: 0 0 0.3em 0;
	font-size: 116%;
	line-height: 110%;
}
#footeradd {
	float: left;
}
#footerlogo {
	width: 133px;
	height: 12px;
	background: url(img/resolution-foundation-logo_small.png) no-repeat;
}
#footerlogo a {
	display: block;
	width: 100%;
	height: 100%;
}
#footerlinks {
	text-align: right;
	float: right;
}
#sitefooter #footercontact {
	margin-bottom: 1em;
}

/* ---------------------------------------- homepage */
#homepage {
	overflow: auto;
}
#homepage #pagetitle {
	margin-top: 27px;
}
#homepage #pagetitle p {
	font-size: 138.4%;
	margin: 0 0 0.5em 0;
}
#homepage .pageheader {
	background: url(img/homepage_header.png) no-repeat center bottom;
	margin: 0;
	padding-bottom: 20px;
}
#homepage .pagecontent {
	margin: 0; 
	overflow: visible;
}
#homepage .pagecontent p {
	font-size: 1.3em;
	margin: 0 0 0.5em 0;
}
#homepage .pagecontent section h1 {
	font-size: 2em;
	margin: 0 0 0.5em 0;
}
#homepage .finalreport {
	width: 294px;
	text-align: center;
	padding: 10px 18px;
	float: left;
	margin-top: -120px;
}
#homepage .icon {
	margin: 5px;
	-webkit-box-shadow: 0px 0px 4px 0px #34373f;
	box-shadow: 0px 0px 4px 0px #34373f;
	width: 75px;
	height: 75px;
	border-radius: 5px;
	display: inline-block;
	background: #52c5e0;

}
#homepage .icon.print {
	background: #52c5e0 url(img/report-download-print.png) no-repeat center center;
}
#homepage .icon.ipad {
	background: #52c5e0 url(img/report-download-ipad.png) no-repeat center center;
}
#homepage .icon.kindle {
	background: #52c5e0 url(img/report-download-kindle.png) no-repeat center center;
}
#homepage .icon:hover {
	background-color: #48aac1;
}
#homepage .icon:active {
	background-color: #3f97ac;
}
#homepage .finalreport .cover {
	display: block;
	width: 294px;
	margin: 0 auto;
}
#homepage .presscoverage {
	float: left;
	width: 310px;
	border-right: 1px solid #52565f;
	border-left: 1px solid #52565f;
	min-height: 450px;
	padding: 10px 18px;
}
#homepage .presscoverage p {
	color: #bbc1cc;
}
#homepage .interactivefeatures {
	float: left;
	width: 310px;
	padding: 10px 18px;
}
#homepage .interactivefeatures .detail {
	display: block;
	border: 1px solid #78d6ee;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 0px 4px 0px #34373f;
	box-shadow: 0px 0px 4px 0px #34373f;
}
#homepage .pagecontent .interactivefeatures article {
	margin-bottom: 1.7em;
}
#homepage .pagecontent .interactivefeatures article h1 {
	font-size: 1.5em;
	margin: 0 0 0.2em 0;
}

/* ---------------------------------------- interactive features: generic */
.panel {
	margin-top: 40px;
	overflow: auto;
	width: 960px;
	min-height: 600px;
}
.js .panel {
	display: none;
}
.panelinner {
	background: #34373f;
	padding: 16px;
	width: 928px;
	overflow: auto;
	float: left;
	min-height: 500px;
}
h1.tab {
	background: #212327 url(img/controls.png) no-repeat 6px 6px;
	padding: 10px 12px 0px 36px;
	height: 30px;
	margin: 0;
	font-size: 130.7%;
	text-transform: uppercase;
	float: right;
	margin: 0px 0px 0px 16px;
	cursor: pointer;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
h1#tab_aboutpanel {
	background-image: url(img/about_data.png);
}
h1.tab.active {
	background-color: #34373f;
}
.controls {
	overflow: auto;
	width: 100%;
	margin-bottom: 1em;
}
.controls label, .controls input[type=button], .controls input[type=submit], .controls .ui-button, .controls .ui-widget {
	font-family: Rokkitt;
	font-size: 116%;
	text-transform: uppercase;
}
.controls input[type=text] {
	border: none;
	width: 100px;
	font-family: Rokkitt;
	margin-bottom: 1em;
	padding: 4px 0.4em;
	font-size: 130.7%;
	border-radius: 2px;
}
.controls input[type=button] {
	margin: 0 5px 0.5em 0px;
}
.controls .ui-slider {
	width: 220px;
	margin: 0.5em 0;
}
#analysis {
	width: 240px;
	float: left;
}
.js #analysis {
	display: none;
}
.neg {
	color: #ff0202;
}
#analysis p {
	margin-top: 0;
	font-size: 116%;
}
#aboutpanel .panelinner {
	padding: 32px 64px;
	width: 832px;
}
#aboutpanel p {
	font-size: 146.2%;
}
.resultbox {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 3px solid #ccc;
	background: #212327;
	margin-bottom: 0.8em;
	overflow: auto;
}
.resultbox h1 {
	font-size: 130.7%;
	text-transform: uppercase;
	margin: 0;
	padding: 3px 1px;
	color: #212327;
}
.controls p, .controls label {
	display: block;
	padding: 4px 10px 0px 0px;
	font-size: 123.1%;
	text-transform: uppercase;
	margin: 0 0 0.3em 0;
}
.controls label {
	font-size: 108%;
}
.controls label .amount {
	color: #5cc3e1;
	font-weight: bold;
	font-size: 130.7%;
}

/* ---------------------------------------- interactive features: buttons, submit & button-like links */
.button, a.button, input[type=button], input[type=submit] {
	margin: 0 0 0.8em 0;
	padding: 3px 6px;
	background-color: #78D6EE;
	border: 1px solid #78D6EE;
	border-radius: 3px;
	color: #2A2E33;
	font-family: Rokkitt, Rockwell;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

.button:hover, .button:active, .button.selected,
a.button:hover, a.button:active,
input[type=button]:hover, input[type=button]:active,
input[type=submit]:hover, input[type=submit]:active {
	background-color: #34373F;
	color: #78D6EE;
	text-decoration: none;
}

/* ---------------------------------------- whereistand */
#whereistand #chart {
	background: url(img/whereistandbg3.png) no-repeat 0 10px;
	position: relative;
	width: 672px;
	height: 425px;
	margin: -7px 16px 1em 0;
	padding: 10px 0;
	float: left;
}
.row {
	position: absolute;
	width: 606px;
	height: 19px;
	left: 65px;
	background: url(img/little_people_transparent2.png) center center;
	z-index: 10;
	overflow: hidden;
}
.rowover {
	position: absolute;
	height: 19px;
	background: #42464f;
	z-index: 100;
}
#bottomrowover {
	position: absolute;
	bottom: 0px;
	right: 1px;
	width: 605px;
	background: #34373F;
	height: 14px;	
	z-index: 1000;
}
#toprowover {
	position: absolute;
	top: 0px;
	right: 1px;
	width: 605px;
	background: #34373F;
	height: 9px;	
	z-index: 1000;
}
#richblock {
	position: absolute;
	width: 605px;
	right: 1px;
	background: #0E8845;
	z-index: 0;
}
#poorblock {
	position: absolute;
	width: 605px;
	right: 1px;
	bottom: 16px;
	background: #BB934C;
	z-index: 0;
}
#youline {
	width: 608px;
	position: absolute;
	right: 0px;
	height: 2px;
	background: #78D6EE;
	z-index: 1000;
	margin-bottom: -1px;
}
#youblock {
	z-index: 1500;
	position: absolute;
	margin-bottom: -14px;
	background: #fff url(img/you.png) 5px 2px no-repeat;
	width: 40px;
	right: 277px;
	/* -webkit-box-shadow: 0px 0px 3px 0px #78D6EE;
	-moz-box-shadow: 0px 0px 3px 0px #78D6EE;
	box-shadow: 0px 0px 3px 0px #78D6EE; */
	border: 2px solid #78D6EE;
	font-size: 123.1%;
	text-align: center;
	text-transform: uppercase;
	color: #38a0bb;
	padding: 4px 0 0 12px;
	border-radius: 3px;
	height: 21px;
}
#whereistand .ui-slider {
	background-image: none;
	background-color: #ccc;
	height: 4px;
	margin-bottom: 1em;
	box-shadow: 1px 1px 1px #999 inset;
	border: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}
#whereistand .ui-slider a {
	background-image: url(img/slider.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	outline: 0;
	cursor: pointer;
}
#income {
	background: #fff url(img/pound-sign.png) 5px 7px no-repeat;
	padding-left: 17px;
}
#income_period {
	font-size: 108%;
}
#where_submit {
	margin-top: 16px;
	font-size: 146.1%;
}
#whereistand .ctrlgrp {
	float: left;
	margin-right: 22px;
}
.ie7 #whereistand .ctrlgrp {
	margin-right: 15px;
}
#guide {
	width: 240px;
	float: left;
}
#guide strong {
	color: #DCBE74;
}
#guide h1 {
	font-size: 161.5%;
	text-transform: uppercase;
	margin: 0 0 0.8em 0;
}
#guide p {
	margin: 0 0 1em 0;
	font-size: 146.2%;
}
#analysis .resultbox p {
	font-size: 176.9%;
	margin: 3px 6px 0 6px;
}
#richerbox {
	border-color: #4cbb7e;
}
#richerbox h1 {
	background-color: #4cbb7e;
}
#youbox {
	border-color: #38a0bb;
}
#youbox h1 {
	background-color: #38a0bb;
}
#poorerbox {
	border-color: #bb934c;
}
#poorerbox h1 {
	background-color: #bb934c;
}
.case {
	width: 22px;
	height: 22px;
	position: absolute;
	background: url(img/case_yellow_circled.png) no-repeat;
	cursor: pointer;
	position: absolute;
	z-index: 1100;
}
.case:hover {
	background-position-y: -22px;
}
.caseinfo {
	position: absolute;
	left: 20px;
	padding: 10px;
	width: 272px;
	background: #fff;
	color: #333;
	border: 1px solid #ff8808;
	text-transform: uppercase;
}
.caseinfo h1 {
	font-size: 123.1%;
	color: #ff8808;
	margin: 0 0 0.6em 0;
}
.caseinfo ul {
	margin: 0 0 0.6em 0;
	padding: 0;
	border-bottom: 1px dotted #ff8808;
}
.caseinfo li {
	margin: 0 0 0.2em 0;
	list-style: none;
	font-size: 108%;
}
.caseinfo p {
	color: #ff8808;
	margin: 0 0 0.2em 0;
	font-size: 123.1%;
	font-weight: bold;
}
.case_p1 {
	padding-left: 12px;
	background: url(img/case_man.png) no-repeat;
	color: #3d99e0;
}
.case_p2 {
	padding-left: 12px;
	background: url(img/case_woman.png) no-repeat;
	color: #ed3d8c;
}
.case_children {
	padding-left: 12px;
	background: url(img/case_child.png) no-repeat;
	color: #858788;
}
.caseinfo span {
	float: right;
}
.ie7 .caseinfo span {
	float: none;
}
#case1 {
	bottom: 334px;
	left: 357px;
}
#case1 .caseinfo {
	top: -40px;
}
#case2 {
	bottom: 154px;
	left: 357px;
}
#case2 .caseinfo {
	top: -50px;
}
#case3 {
	bottom: 54px;
	left: 357px;
}
#case3 .caseinfo {
	top: -80px;
}
#case4 {
	bottom: 14px;
	left: 357px;
}
#case4 .caseinfo {
	top: -100px;
}
#comparebox h1 {
	font-size: 130.7%;
	text-transform: uppercase;
	margin: 2em 0 0.6em 0;
	color: #f6ec13;
	background: url(img/case_yellow_circled_33.png) no-repeat;
	padding-left: 40px;
	line-height: 110%;
}
#comparebox p {
	margin: 0;
	font-size: 130.7%;
}
#equivalised {
	border-bottom: 1px dotted #fff;
	color: #fff;
	cursor: pointer;
}

/* ---------------------------------------- UK pay */
#ukpay .controls p {
	background: url(img/view.png) no-repeat;
	padding: 4px 10px 0px 32px;	
}
#ukpay .ctrlgrp {
	float: left;
	margin-right: 22px;
}
#ukpay #chart {
	position: relative;
	width: 672px;
	height: 445px;
	margin: 0 16px 1em 0;
	float: left;
}
.oldie #ukpay .ctrlgrp {
	margin-right: 5px;
}
#range {
	position: absolute;
	z-index: 1000;
	top: 49px;
	left: 86px;
	width: 542px;
	height: 355px;
	background: transparent;
	border: none;
	cursor: pointer;
}
#range .ui-slider {
	height: 355px;
}
#range .ui-slider-range {
	background: #000;
	height: 355px;
	opacity: 0.15;
	filter: alpha(opacity = 15);
}
#range .ui-slider-handle {
	background: #5cc3e1;
	height: 355px;
	top: 0;
	margin-left: -3px;
	margin-right: 0;
	width: 3px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	cursor: pointer;
}
#top {
	background-color: #4CBB7E;
	border-color: #4CBB7E;
}
#top:hover {
	background-color: #34373F;
	color: #4CBB7E;
}
#high {
	background-color: #0E8845;
	border-color: #0E8845;
}
#high:hover {
	background-color: #34373F;
	color: #0E8845;
}
#middle {
	background-color: #BB934C;
	border-color: #BB934C;
}
#middle:hover {
	background-color: #34373F;
	color: #BB934C;
}
#bottom {
	background-color: #885C0E;
	border-color: #885C0E;
}
#bottom:hover {
	background-color: #34373F;
	color: #885C0E;
}
#yearspan {
	display: block;
	font-size: 162.5%;
}
.resultbox .amount {
	display: block;
	font-size: 161.5%;
	float: left;
	margin: 6px;
}
.resultbox .percentage {
	display: block;
	font-size: 161.5%;
	float: right;
	margin: 6px;
}
#top1box {
	border-color: #4cbb7e;
}
#top1box h1 {
	background-color: #4cbb7e;
}
#top10box {
	border-color: #0e8845;
}
#top10box h1 {
	background-color: #0e8845;
}
#bottom50box {
	border-color: #bb934c;
}
#bottom50box h1 {
	background-color: #bb934c;
}
#bottom10box {
	border-color: #865b0f;
}
#bottom10box h1 {
	background-color: #865b0f;
}
#fromyear, #untilyear {
	font-weight: bold;
	color: #78d6ee;
}

/* ---------------------------------------- simple page */
.simplepage .pagecontent p, .simplepage .pagecontent ul, .simplepage .pagecontent ol {
	margin-left: 320px;
	font-size: 130.7%;
	margin-top: 0;
}
.simplepage .pagecontent h1, .simplepage .pagecontent h2, .simplepage .pagecontent h1, .simplepage .pagecontent h3 {
	float: left;
	width: 240px;
	padding-left: 32px;
	text-align: right;
	color: #F6EACD;
	margin: 0;
	padding-top: 0.5em;
	border-top: 1px solid #52565F;
}
.simplepage .pagecontent h1 {
	font-size: 192.3%;
}
.simplepage .pagecontent h2 {
	font-size: 169.2%;
}
.simplepage .pagecontent h3 {
	font-size: 146.2%;
}
.simplepage .pagelist {
	margin: 0;
	padding: 0;
}
.simplepage .pagelist li {
	margin-bottom: 1em;
	list-style: none;
}

/* ---------------------------------------- publications */
.pub {
	overflow: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}
.pub_cover {
	width: 272px;
	min-height: 5px;
	margin: 0 48px 0 0;
	float: left;
	text-align: right;
}
.pub_details {
	width: 640px;
	float: left;
	margin-bottom: 1em;
}
.pub_details h1 {
	font-size: 176.9%;
	margin: 0 0 0.5em 0;
}
.pub_details p {
	font-size: 130.7%;
	margin: 0 0 0.5em 0;
}
.pub_details blockquote {
	margin-left: 0;
}
.pub_details ul {
	border-top: 1px dotted #ccc;
	padding: 0;
	margin: 0;
}
.pub_details li {
	font-size: 130.7%;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	padding: 3px 24px;
	background: url(img/pdf_icon.png) 2px 5px no-repeat;
}


/* ---------------------------------------- commissioners */
#comm_list {
	margin: 0;
	width: 294px;
	float: left;
	padding: 0;
}
#comm_list li {
	list-style: none;
	padding: 0;
	margin: 0 0 1px 0;
}
#comm_list li a {
	display: block;
	padding: 0.6em 22px;
	background: #32353d;
	background: rgba(50,53,61,0.7);
	font-size: 130.7%;
	margin-right: 1px;
	text-align: right;
}
#comm_list li a:hover, #comm_list li a:active {
	text-decoration: none;
	color: #fff;
}
#comm_list a.current {
	background: #1e2026;
	background: rgba(30,32,38,0.7);
	margin-right: 0;
}
#comm_profile {
	width: 666px;
	float: left;
}
.js #comm_profile article {
	padding: 32px 32px 32px 48px;
	overflow: auto;
	display: none;
	background-color: #1e2026;
	background: rgba(30,32,38,0.7);
	min-height: 509px;
}
.comm_image {
	width: 120px;
	margin-right: 32px;
	float: left;
}
.comm_text {
	width: 378px;
	float: left;
}
.comm_text h1 {
	margin: 0 0 0.5em 0;
	font-size: 200%;
}
.comm_text h2 {
	margin: 0 0 1em 0;
	font-size: 146.2%;
}
.comm_text p {
	margin: 0 0 1em 0;
	font-size: 130.7%;
}

/* ---------------------------------------- charts */
#charts_grid .chart {
	min-height: 360px;
	width: 212px;
	margin: 6px 6px 30px 6px; 
	padding: 8px;
	background: #34373F;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-border-radius: 3px;
	float: left;
}
#charts_grid .chart img {
	width: 212px !important;
	height: auto !important;
}
.chart p {
	margin: 0;
}
.chart h1 {
	font-size: 130.7%;
	text-align: center;
}
#filters {
	padding: 0;
	margin: 100px -120px 0 -300px;
	overflow: auto;
}
#filters li {
	float: left;
	padding: 4px 8px;
	list-style: none;
	font-size: 146.2%;
	margin-right: 8px;
}

/* ---------------------------------------- contact form */
.CleanContact { text-align: left; width: 400px; display: block; border:0; padding-top: 1em; }
.ie7 .CleanContact {width: 300px;}
.CleanContact input[type="text"] { width: 100%; margin-bottom: .5em; border: 0; padding: 6px; font-size: 123.1%; }
.CleanContact input[type="submit"] { font-size: 130.7%; }
.CleanContact label { clear: none; display: inline; text-align: left; font-size: 123.1%; }
.CleanContact textarea{ width: 100%; height: 10em; margin-bottom: .5em; font-size: 1.2em; border: 0; padding: 4px; font-size: 123.1%; }
.CleanContact label em { font-weight: bold; font-style: normal; color: #FF0202; padding-left: 5px;}
.CleanContact_msg { font-weight: bold; padding: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 146.2%; }
.CleanContact_msg.ok{ background-color: #8dff87; border: solid 1px #e6f4d7; color: #000; margin: 2em 0 2em 0; }
.CleanContact_msg.err{ background-color: #ff9595; border: solid 1px #fff; color: #000; }
.simplepage .CleanContact, .simplepage .CleanContact_msg {
	margin-left: 320px;
}
#clean_contact_msg {
	font-size: 146.2%;
}

/* ---------------------------------------- captioned images in general, mainly used for charts */
.wp-caption  {
	width: 940px !important;
	background-color:#34373F;
	color:#FFFFFF;
	overflow: auto;
	margin-bottom: 1em;
	padding: 10px;
}
.pagecontent .wp-caption p {
	font-size: 169.2%;
	float: left;
	width: 240px;
	padding-left: 22px;
	text-align: right;
	color: #F6EACD;
	margin: 0;
	padding-top: 0.5em;
	font-weight: bold;
}
.wp-caption img {
	float: right;
}

div.wp-caption + div  {
	width: 940px !important;
	background-color:#34373F;
	color:#FFFFFF;
	overflow: auto;
	margin-bottom: 1em;
	padding: 10px;
	font-size: 169.2%;
}

/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
 * Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
 #pagination {
	 overflow: hidden; 
	 height: 20px;
	 padding: 0 20px;
	 margin-left: 333px;
 }
.wp-paginate { padding:0; margin:0; }
.wp-paginate li { font-size: 1.3em; line-height: 1.3em; display:inline; list-style:none;}
.wp-paginate a { background:#78D6EE; color:#fff; margin-right:4px; padding:7px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active { background:#333; color:#78D6EE;}
.wp-paginate .title { margin-right:4px;}
.wp-paginate .gap { color:#999; margin-right:4px;}
.wp-paginate .current { color:#fff; background:#999; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ==|== print styles ======================================================= */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}