/* @override
	http://www.londonspovertyprofile.org.uk/dev/css/layout.css
	http://www.londonspovertyprofile.org.uk/css/layout.css
*/
  /* MAIN CSS - contains height, width, padding, margin and positioning of elements
Name:
URI: http://
Version: 1.0
Author: Studio Lift
Author URI: http://studiolift.com/
*/

@import "reset.css";
@import "color.css";
@import "type.css";

/* =clearfix */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}

/* custom */

a.skip {position: absolute; left: -1000em; width: 20em;}

#wrapper {margin-left: auto; margin-right: auto; width:960px;}
#branding {width: 960px; height: 100px;}
#branding ul {list-style: none;width: 960px; height: 100px;}
#branding li {list-style: none; float:left;}
#branding li.sitetitle, #branding li.sitetitle a { width:550px; height:100px; display:block; }
#branding li.external1, #branding li.external1 a { width:157px; height:100px; display:block; }
#branding li.external2, #branding li.external2 a { width:99px; height:100px; display:block; }
#branding .searchform { width:129px; margin:51px 20px 0 0; }
#branding .searchform input { width:120px; }
/* #branding a {width: 704px; height: 100px;} */
#branding a strong {display: none;}

#nav ul { margin-left:5px; }
#nav ul li { float:left; }
#nav ul li a { padding-left:10px; padding-right:10px; margin-top:0px; height:35px; display:block; float:left; color:#000; font-size:1em; line-height:32px; text-decoration:none; }
#nav ul li a:hover { color:#98989f; }
#nav ul li.on a { color:#98989f; left:-5px; border-top:1px solid #636363; border-right:2px solid #636363; border-left:2px solid #636363; background:#fff; }
#nav ul li a strong { font-weight:normal; }
#nav form { float:right; margin-top:7px; margin-right:15px; }
#nav {
border-top: 1px solid #636363; border-bottom: 2px solid #636363; width:960px; height:34px;
background-color:#eeeeee;
background-image:-webkit-gradient(linear, left top, left bottom, to(#eeeeee), from(#ffffff));
background-image:-webkit-linear-gradient(top, #eeeeee, #ffffff);
background-image:-moz-linear-gradient(top, #eeeeee, #ffffff);
background-image:-o-linear-gradient(top, #eeeeee, #ffffff);
background-image:-ms-linear-gradient(top, #eeeeee, #ffffff);
background-image:linear-gradient(top, #eeeeee, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff');
}

#content .grd_title_block {
color:#000!important; border-top:1px solid #636363; border-bottom:2px solid #636363; margin-top:0!important; margin-bottom:0px!important; padding:7px!important; font-size:0.9em!important;
background-color:#eeeeee;
background-image:-webkit-gradient(linear, left top, left bottom, to(#eeeeee), from(#ffffff));
background-image:-webkit-linear-gradient(top, #eeeeee, #ffffff);
background-image:-moz-linear-gradient(top, #eeeeee, #ffffff);
background-image:-o-linear-gradient(top, #eeeeee, #ffffff);
background-image:-ms-linear-gradient(top, #eeeeee, #ffffff);
background-image:linear-gradient(top, #eeeeee, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff');
}

#content .grd_title_block a { color:#000; }

#content {width: 940px; margin-left:auto;margin-right: auto;}
#content h1 {margin-top: 30px;padding-left:  7px}
#content h2 {margin-top: 15px;margin-bottom: 5px;padding:7px;}
#content h3 {margin-top: 12px;margin-bottom: 0px; paddding: 7px;}
#content h4 {margin-top: 12px;margin-bottom: 2px; padding: 7px;}
#content h5 {margin-top: 0px;margin-bottom: 7px; padding-left:  7px; padding-top: 10px;}
#content p, #content ul, #content ol {margin-bottom: 10px; padding-left: 7px; padding-bottom: 0px;}
#content ul, #content ol {margin-left: 0px;}
#content li {margin-bottom: 2px; padding-bottom:  3px; margin-left:16px;}
#content h1, #content h2, #content h3, #content p, #content li {margin-right: 0px;}
#content table {margin-top: 10px;}
#content table caption {margin-bottom: 5px;}
#content table tr {vertical-align: top;}
#content table td, #content table th {padding: 5px;}

body#home #content table td, body#home #content table th {padding:0;padding-right:10px;}
body#home #content table td {width:33%;}

#content-main {margin-top: 15px;margin-right: 20px; width:460px;float:left;}
body#widemain #content-main, body#indicator #content-main, body#topic #content-main {width:694px; display:inline; }
#content-main #homeintro h2 { margin-top:5px; padding:5px; }

#home #content-main { width:700px; margin-right:0; }
#home #content-sub-extra { width:240px; }

#content-sub {margin-top: 15px; width:220px;float:left;}
#content-sub .sub-box, #content-sub .caption {padding:0px; margin-bottom: 15px;}
#content-sub .sub-box h3{margin-top: 0;margin-bottom: 7px; padding: 7px;}
#content-sub ul#subnav {margin-left: 0;}
#content-sub img.rssicon {vertical-align:top;}

#content-sub-extra {margin-top: 15px;width:220px;float:left;}
#content-sub-extra h2 {margin-top: 0;margin-left: 15px; padding: 0px;}
#content-sub-extra ul {margin-left: 15px; margin-left: 0px;}
#content-sub-extra .sub-box {margin-left:20px;  margin-bottom: 20px; padding: 0px; }
#content-sub-extra .caption{padding: 0; margin: 0;margin-left:15px;margin-bottom: 10px;}
#content-sub-extra .caption p{padding: 0; margin: 0;}
#widemain #content-sub-extra h2 { margin-left:0; }
#widemain #content-sub-extra ul { margin-left:0; }

#content-sub .sub-box img, #content-sub-extra .sub-box img {margin-bottom:5px;}

#content-inner {margin-top: 15px;width:221px;float:left;}
#content-inner h2 {margin-top: 0;margin-left: 15px;margin-bottom: 10px;}
#content-inner ul {margin-left: 15px;}
#content-inner li {margin-bottom: 10px;}
#content-inner p {margin-left: 15px;}

#site-info {width: 960px;height:46px;margin-top:20px; margin-bottom: 10px;}
#site-info p {padding: 10px;}
#site-info p#copyright {float: left;}
#site-info p#credit {float: right;}

body#widemain #content p.intro {margin-right: 500px;}
body#indicator #content-main p, body#topic #content-main p, body#indicator #content-main li, body#indicator #content-main h2, body#topic #content-main li, body#topic #content-main h2, body#widemain #content-main p, body#widemain #content-main li {margin-right: 230px; _margin-right:220px;}



#googlemap {padding:5px;margin-right:14px;margin-bottom: 10px;}
#allindicators { margin:20px 20px 20px 0; padding:0px 0; }
body#widemain #content-main #allindicators li, body#widemain #content-main #allindicators p {margin-right:0;}
#content-main h2.top, #content-sub h2.top {margin-top: 0;}
#content-main .indicatorlist h2 {margin-top: 0;padding-top: 3px;}

body#indicator #content h1 {margin-top: 0px;}
#indicator-summary {margin-right: 0px;margin-bottom: 15px; padding: 7px;}
#indicator-summary h2 {margin-top: 0;margin-left:0px;padding-top:5px;}
#indicator-summary ul, #indicator-summary p {margin:5px;}
#indicator-summary li, body#widemain #indicator-summary li {margin-left: 10px;margin-right:0px;}
body#topic #content-main #indicator-summary li, body#indicator #content-main #indicator-summary li {margin-right:20px;}
#indicator-summary li li {margin-left: 30px;margin-right:20px;}
p#breadcrumb {margin-top: 30px; margin-bottom: 0}
p#lastupdated {margin-top: 30px;}

#otherindicators {padding:5px;margin-bottom:10px;}
#indicatorlist {margin-bottom: 10px;}
body#indicator #content-sub #otherindicators h4, body#indicator #content-sub #extrareading h4 {margin-top: 0;margin-bottom:10px;}

#extrareading { margin:0 0 20px; }
#extrareading h3 {margin-top: 10px;}
#extrareading h4 {margin-top:0px;}

#content p.graphlinks {padding-left:20px;}

div.vcard div.adr {margin-bottom: 10px;}
  div.vcard {margin-bottom: 30px;}

table#complex_overview td, table#complex_overview th {padding:0;margin:0;height:10px;}
table#complex_overview th{margin:0;padding:0;}
table#complex_overview th p.table-heading, table#complex_overview th p.table {margin:0; padding:0; padding-left:2px;padding-top:3px;}
table#complex_overview tbody th.mainheading{width:60px}
table#complex_overview tbody th.subheading{width:120px}
table#complex_overview td{width:30px;}
table#complex_overview thead td .group .story {margin:0; padding:0;}
table#complex_overview p.legenda, table#complex_overview p.legendb, table#complex_overview p.legendc, table#complex_overview p.legendd{margin:0; margin-right:5px;margin-bottom:5px;padding:0; padding-top:3px;padding-bottom:3px;padding-left:3px;}
body#widemain table#complex_overview p.legenda, body#widemain table#complex_overview p.legendb, body#widemain table#complex_overview p.legendc, body#widemain table#complex_overview p.legendd{margin-right:5px;}
table#complex_overview td.list{padding-top:10px;}
body#widemain #content-main table#complex_overview p {margin-right: 0;}

/*
 * Mike's additions, 11/10/10
 * Updated by Kris on 05/01/11 {Added new and old reports}
 */
.banner { position:relative; margin-top:15px; width: 100%; }
.banner .report { position:absolute; top:0; right:0; width:208px; overflow:hidden; height:290px; background-color:rgb(68,119,172); color:#fff; }
.banner .report.old { right: 221px; width: 237px; }
.banner .report.old img { width: auto; margin: 25px 0 2px 45px; height: 220px; -moz-box-shadow:3px 3px 5px rgba(0,0,0,.15); -webkit-box-shadow:3px 3px 5px rgba(0,0,0,.15); box-shadow:3px 3px 5px rgba(0,0,0,.15); }
.banner .report.new { right: 0; width: 221px; }
.banner .report.new img { width: auto; margin: 25px 0 0 30px; }

#content .banner .report p { margin:10px; text-align: center; }
#content .banner .report a { color:#fff; }
#content .banner .report a:hover { text-decoration:none; }

#home #content-sub { background-color:rgb(68,119,172); color:#fff; }
#home #content-sub h3, #home #content-sub h2 { color:#fff; margin-right:0px; padding:7px 7px; }
body#home #content #content-sub h2 { border-top:0; margin-top:0; }
#home #content-sub h3 { border-top:1px solid white; }
#home #content-sub p { margin: 5px 0px 8px; padding-left: 7px; padding-right: 7px;}
#home #content-sub ul { margin:5px 15px 0; }
#home #content-sub ul li a { color:#fff; text-decoration:none;}
#home #content-sub ul li a:hover { text-decoration:underline; }

#content-sub-extra .news { margin:0 0 15px 20px; }
.news { background:#ECF1F7; padding:10px; margin-bottom:15px; }
.news h3 { text-transform:uppercase; margin:0 0 10px!important; padding:0!important; color:#4477AC; font-size:0.7em!important; }
.news h4 { margin:0 0 5px!important; padding:0!important; }
.news p { margin:0 0 10px!important; padding:0!important; color:#555; }
.news a { text-decoration:none; }
.news a:hover { color:#000!important; }

.block_list {  }
.block_list ul { margin:0 0 15px!important; padding:0!important; }
.block_list .block { display:block!important; padding:5px 8px!important; margin:0!important; font-size:14px!important; border-top:1px solid #ECF1F7!important; border-bottom:none!important; }
.block_list .block h3 { font-size:1em!important; }
.block_list .block:first-child { border:none!important; padding-top:8px!important; }
.block_list .block a { text-decoration:none!important; }
.block_list .block a:hover { background:none!important; }
.block_list .block h3 { margin:0!important; padding:0!important; }
.block_list .block p { margin:0!important; padding:0!important; }
#content-sub .block { font-size:13px!important; }

.block_list.drop h3 { position:relative; cursor:pointer; }
.block_list.drop h3 .drop_arrow { width:12px; height:12px; background:url('../images/drop_arrow.png') no-repeat center center; position:absolute; top:9px; right:7px; cursor:pointer; }
.block_list.showing .on { background-color:#ECF1F7; }
.block_list.showing .drop_arrow { -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); }

#content-sub-extra .borough_list ul { margin-left:15px; padding:0; }
#content-sub-extra .case_study { margin-left:20px; padding:0; }
#content-sub-extra .block_list ul { margin-left:15px!important; }
#widemain #content-sub-extra .block_list ul { margin-left:0px!important; }

#allindicators .indicatorlist { float:left; width:24%; margin-right:2%; }
#allindicators .boroughlist { float:right; width:48%; }
#allindicators .boroughlist h2 { padding:0!important; margin:22px 0 10px!important; }
#allindicators .boroughlist p { padding:0!important; margin:0 0 10px!important; }
#allindicators .boroughlist a { text-decoration:none; }
#indicators_bottom {  }
#indicators_bottom .left_section { float:left; width:73%; border-top:2px solid #91ACC8; padding:20px 0 0; }
#indicators_bottom .left_section .sub-box, #indicators_bottom .left_section .case_study { float:left; width:33%; margin-right:2%; }
#indicators_bottom #extrareading { float:right; width:25%; }

.hiding .no_border { border:none!important; padding-top:8px!important; }

.publication { margin:0 0 10px; border-top:1px solid #4477AC; padding:15px 0 0; }
h1 + .publication { border:none; }
.publication .image { float:left; width:18%; }
.publication .image img { width:75%; }
.publication .info { float:left; width:56%; padding:20px 0 0 7px; }
.publication .info h2 { margin:0 0 5px!important; padding:0!important; color:#000!important; font-style:italic!important; }
.publication .info p { margin:0 0 10px!important; padding:0!important; }
.publication .info .date { font-style:italic!important; }
.publication .meta { float:right; width:20%; padding:20px 0 0; }
.publication .meta li { display:block; margin:0 0 20px!important; }
.publication .meta .scribd { font-style:italic!important; }
.publication .meta .scribd a { background:url(../images/scribd.png) no-repeat; width:69px; height:26px; display:block; text-indent:-9999px; }
.publication .meta .report a { background:#999; padding:5px 10px; text-decoration:none; color:#fff!important; }

.main_title { margin:20px 0 5px!important; }

.case_study { margin:0 0 15px; }
.case_study a { color:#fff!important; text-decoration:none; }
.case_study .image { background:#999; width:100%; height:150px; overflow:hidden; position:relative; }
.case_study .image img { height:100%; position:absolute; top:0; left:0; }
.case_study .image .title { margin:10px 0 5px 10px!important; padding:0!important; color:#fff!important; font-size:0.9em!important; position:relative; text-transform:uppercase; }
.case_study .image .name { margin:0 10px!important; padding:0!important; color:#fff!important; font-size:1.1em!important; position:relative; font-weight:bold; left; }
.case_study .body { margin:0!important; padding:10px!important; border:1px solid #ddd; }

.graphical_box { border-top:2px solid #0072B4; position:relative; }
.graphical_box h4 { margin:2px 0 10px!important; width:90%!important; }
.graphical_box .buttons { position:absolute; top:0; right:0; margin:0!important; padding:0!important; }
.graphical_box .buttons li { float:left; width:auto!important; margin:0 0 0 4px!important; padding:0!important; display:block; }
.graphical_box .buttons li a { background:#0072B4; margin:0!important; padding:4px 8px!important; display:block; color:#fff!important; text-decoration:none; }

.glossary_item {  }
.glossary_item h3 { font-size:1em!important; color:#0072B4; }
.glossary_item p { margin:0 0 10px!important; padding:0!important; }

#home_indicators { border-top:2px solid #4477AC; border-bottom:2px solid #7EA1C6; padding:15px 0; }
#home_indicators .col { width:32%; float:left; margin-right:2%; }
#home_indicators .col h2 { padding-top:0; margin-top:0; }
#home_indicators .col h3 { margin:0 0 5px 7px; color:#4477AC; font-size:1em; }
#home_indicators .last { margin-right:0; padding:22px 0 0; }

#home #notes { width:66%; }

#homeintro .info { float:left; width:65%; }
#homeintro .report { float:right; width:30%; margin:45px 0 0; text-align:center; }
#homeintro .report img { margin-bottom:10px; }

/* Borough Table General */
#content #borough_table { border-collapse:collapse; width:700px; _width:694px; table-layout:fixed; margin:0 0 10px; border:none; }
#content #borough_table a { color:#333; text-decoration:none; }
#content #borough_table a:hover { color:#000; text-decoration:underline; }
#content #borough_table td { padding:3px; margin:0; border-bottom:1px solid #444; border-left:1px solid #fff; }
#content #borough_table thead, #content #borough_table tbody { border-bottom:2px solid #000; }

/* Borough Table Head */
#content #borough_table thead th { border-top:2px solid #000; background:#eee; height:70px; vertical-align:bottom; text-align:left; padding:3px; color:#000; font-size:0.9em; }
#content #borough_table thead td { border-top:1px solid #999; background:#eee; font-size:0.8em; }

/* Borough Table helpers */
#content #borough_table .gap { border-right:3px solid #fff; }
#content #borough_table .left { background:#eee; }
#content #borough_table .borough { background:#eee; }
#content #borough_table .white { background:#fff; }
#content #borough_table .text_top { vertical-align:top; }
#content #borough_table .no_border_top { border-top:none; }

/* Borough Table Coloured Blocks */
#content #borough_table .k1, #borough_key .k1 { background:#FFF1C7; }
#content #borough_table .k2, #borough_key .k2 { background:#F99F48; }
#content #borough_table .k3, #borough_key .k3 { background:#F35822; }
#content #borough_table .k4, #borough_key .k4 { background:#B11016; }
#content #borough_table .k1, #content #borough_table .k2, #content #borough_table .k3, #content #borough_table .k4 { text-indent:-9999px; }

/* Borough Table Key */
#borough_key { font-size:0.85em; height:90px; margin:0 0 -89px; background:#fff; position:relative; width:219px; float:left; }
#borough_key p { margin:0 0 5px!important; }
#borough_key ul { margin:0!important; }
#borough_key li { margin:0!important; line-height:1.2em; list-style:none; }
#borough_key li span { width:10px; height:10px; float:left; margin:1px 3px 0 0; text-indent:-9999px; _text-indent:0; }

/* Borough Table Ordered list below table */
#content #borough_col_list li { list-style:decimal; margin:0!important; margin-left:16px!important; margin-right:12px!important; line-height:1.3em; font-size:0.7em; }
#content #borough_col_list .col { float:left; width:25%; }