@import url('autocomplete.css');
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* alicante styles */
body {font:normal 62.5% Arial, Helvetica, sans-serif;}
#navigation:after,
#template:after,
#template-content:after,
.page:after,
#template-content .content-body ul:after
{ content: "."; display:block; clear:both; height:0; overflow:hidden; visibility: hidden; }

#navigation,
#template,
#template-content,
.page,
#template-content .content-body ul
{ display: inline-block; _height: 1%; }

#navigation,
#template,
#template-content,
.page,
#template-content .content-body ul
{ display:block; }



#template-skip-links { position: absolute; left: -5000em; width: 4000em; height: 0; overflow: hidden; }


/* SPECIFIC STYLES -------------------------------------  */


@font-face {
    font-family: 'Chunkfive';
    src: url('../img/fonts/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('../img/fonts/Chunkfive.svg#ChunkFive') format('svg'), url('../img/fonts/Chunkfive.otf') format('opentype');
}



body { height: 100%; color: #37372b; background: #fff url(../img/pagebg.jpg) no-repeat fixed middle bottom !important; font-size: 15px; font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif; }

a:link, a:visited { color: #37372b; }

html { height: 100%; }

#simon { width: 990px; margin: -10px auto 0 auto; padding-bottom: 50px; }

.postcode #content-1 { position: relative; height: 310px; overflow: hidden; background: transparent url(../images/map-gradient.png) scroll repeat-x 0 0; font-family: Chunkfive, Arial, Sans-Serif; }
.postcode #content-1 { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0%, 0%, 0%, 0.0)), to(rgba(0%, 0%, 0%, 0.4)), color-stop(..9.99,#333333)); }
.postcode #content-1 .knowwhereyoulive { position: absolute; top: 184px; left: 12px; margin: 0; }
.postcode #content-1 .knowwhereyoulive span { background-color: #e45203; color: #fff; padding: 3px 3px 1px 3px; font-size: 18px; text-transform: uppercase;  }
.postcode #content-1 h1 { position: absolute; top: 198px; left: 10px; text-shadow: 1px 1px 9px #000; font-size: 150px; letter-spacing: -0.08em; text-transform: uppercase; color: #fff; word-wrap: break-word; }
.postcode #content-1 h1 em { display: none; }
.postcode #content-1 .knowwhereyoulive {}


#content-3 { width: 445px; margin: -51px 30px 0 0; float: right; font-size: 12px; }
#content-3 .photo-block { margin-right: 20px; }
#content-3 .photo-block img { width: 415px; border: 5px solid #fbf6ee; -webkit-box-shadow: 2px 2px 7px #888; -webkit-transform:rotate(-2deg); }
#content-3 .module-photo h2 { display: none; }
#content-3 .module, #content-3 .module-content { clear: none; }
#content-3 p { margin: 0.75em 0; }
#content-3 p.photo-caption { margin: 16px 0 20px 9px; color: #555;}
	#content-3 p.photo-caption a:link, #content-3 p.photo-caption a:visited { color: #555; }


#content-3 .vcard .org { display: none; }



#pageheadingmap { height: 310px; width: 100%; }



.stat-feature { font-size: 19px; }
.stat-feature span { font-family: Chunkfive, Arial, Sans-Serif; color: #e45203; font-size: 36px; }


#households { background: url(../img/icon-household.png) scroll no-repeat 0 50%; padding: 52px 0 5px 18px; margin: 0; }
#households span { color: #fff; font-size: 21px; padding-right: 10px; }



.module, .group { clear: left; }
#content-2 .module, #content-2 .group {padding-top: 15px;}



.number-block { float: left; width: 166px; text-align: center; padding-top: 8px; }
	#birthComparison .number-block { width: 250px;}
	#birthComparison .number-block .number { font-size: 47px;}
	#weeklyrent .number-block { width: 125px; background: url(../img/bed-sprite-md.png) scroll no-repeat 0 34px; padding-top: 0; }
	#weeklyrent h3 { text-indent: -1000em; height: 1px; overflow: hidden; }
	#weeklyrent .beds2 { background-position: 0 -146px; }
	#weeklyrent .beds3 { background-position: 0 -326px; }
	#weeklyrent .beds4 { background-position: 0 -506px; }
	#weeklyrent .number-block p { margin-top: 39px; }
	#weeklyrent .module-header { display: none}
.number-block .number {font-family: Chunkfive, Arial, Sans-Serif; color: #e45203; font-size: 31px;}
.number-block .number .plus { font-size: 20px; font-family: "Arial Black"; }
.number-block .number .percentage, .number-block .number .dollar { font-size: 21px; font-family: Arial; font-weight: bold; }
.number-block .number .total { font-size: 16px; font-family: "Arial"; color: #37372b; }
.number-block h3 { margin-bottom: 3px; line-height: 1.1em; }
.number-block p { margin: 0;}





#populationAge span { display: none;}


#content-4 { clear: both; font-size: 11px; color: #777; margin: 0; padding: 35px 10px; }
#content-4 ul, #content-4 li { margin: 0; padding: 0; list-style: none;}


#content-2 { width: 500px; float: left; }




.module-header h2, .group-header h2 { background-color: #cacbc3; color: #fff; font-family: Chunkfive, Arial, Sans-Serif; font-size: 16px; padding: 3px 8px 2px 6px; text-transform: uppercase; text-shadow: 1px 1px 1px #afb1a5; margin: 10px 0 5px 0; }





.home h1 { font-family: Chunkfive, Arial, Sans-Serif; color: #e45203; font-size: 120px;text-transform: uppercase; letter-spacing: -0.091em; line-height: 0.78em; margin: 40px 0 0 10px; }
.home h1 span { display: block; color: #000;}

.home fieldset { border: none; }
.home label, .home legend { position: relative; left: -100em;}
.home #PostcodeSearchForm #PostcodeQ { border: 3px solid #37372b; -webkit-border-radius: 3px; font-size: 28px; padding: 3px; float: left; margin: 0 0 0 10px; }
.home #PostcodeSearchForm button { background: #e45203; color: #fff; text-shadow: 1px 1px 2px #d04900; font-family: Chunkfive, Arial, Sans-Serif; font-size: 19px; padding: 8px 8px; border: none; text-transform: uppercase; margin: -12px 0 10px 20px; }

.home #content-2 { margin: 20px 0 20px 10px;}




/* did you mean... page ------------------- */

.didyoumean h1 { font-family: Chunkfive, Arial, Sans-Serif; color: #e45203; font-size: 50px;text-transform: uppercase; letter-spacing: -0.061em; word-spacing: 7px; line-height: 0.78em; margin: 40px 0 0 30px; }
.didyoumean .help { margin: 20px 0 20px 30px; color: #555; }
ul.locationSelection { margin: 20px 0 30px 30px; width: 340px; }
ul.locationSelection li {display: inline;}
ul.locationSelection a:link, ul.locationSelection a:visited { display: block; padding: 15px 0 15px 0; border-bottom: 1px dotted #dedede; font-size: 18px; text-decoration: none;}
ul.locationSelection a:hover { text-decoration: underline; color: #fff; background-color: #e45203; }


/* about page --------------------- */

.about h1 { font-family: Chunkfive, Arial, Sans-Serif; color: #e45203; font-size: 120px;text-transform: uppercase; letter-spacing: -0.05em; line-height: 0.78em; margin: 40px 0 0 0; }
.about h1 span { display: block; color: #000; font-size: 52px; text-transform: uppercase; word-spacing: 8px; letter-spacing: -0.06em; line-height: 0.78em; }

.about a:link, .about a:visited { color: #000; }

.about #content-1 { width: 650px; font-size: 14px; line-height: 1.5em; margin: 0 0 30px 10px; }
p { margin: 1.5em 0; }
.about h2 { font-family: Chunkfive, Arial, Sans-Serif; color: #e45203; font-size: 21px; text-transform: uppercase; letter-spacing: -0.05em; line-height: 0.78em; word-spacing: 120%; margin: 55px 0 -8px 0; }

.source-list { margin: 1.2em 0; padding: 0; list-style: none; }
	.source-list li { border-top: 1px dotted #ccc; padding: 8px 0;}
		.source-list li:first { border-top: none; }
		.source-list li a { color: #000; }
		.source-list li em { font-size: 11px; color: #888; display: block; }
			.source-list li em a:link, .source-list li em a:visited  { color: #888; }






/* crime --------------------- */

#group-crime .group-header h2 { margin: 15px 0 0 0; }
#group-crime .module-header h3 { background: none; color: #999; font-family: Chunkfive, Arial, Sans-Serif; font-size: 14px; padding: 0; text-shadow: none; margin: 33px 32px 0 0; text-transform: uppercase; border:none; }
#group-crime #theft .module-header h3 { margin-top: 42px;}

#group-crime #violencemodule { padding-top: 8px;}
#group-crime .module-content { clear: none; }
#group-crime .module-header { clear: left; }
#group-crime .module-content .number-block { width: 125px;}
#group-crime .module-header { float: left; background: url(../img/crime-bracket.png) scroll no-repeat 105px 0; width: 125px; height: 98px;}





/* family */

#group-family .module-header { display: none; }
#group-family #familytype .number-block { width: 250px; height: 80px; text-align: left; background: url(../img/population-sprite.png) scroll no-repeat 0 0; }
#group-family #familytype #singleparent { background-position: 22px -120px; }
#group-family #familytype .number-block .number { margin: 10px 0 0 91px; font-size: 35px; }
#group-family #familytype .number-block p { margin: -8px 0 0 91px; }

#group-family #maritalstatus .number-block { height: 70px; text-align: left; background: url(../img/population-sprite.png) scroll no-repeat 7px -363px; }
#group-family #maritalstatus #married { background-position: 0 -245px; }
#group-family #maritalstatus #divorced { background-position: 0px -488px; }
#group-family #maritalstatus .number { font-size: 35px; margin: 10px 0 0 50px; }
#group-family #maritalstatus p { margin: -8px 0 0 50px; line-height: 1.1em; }




/* population */

#bornAustralia { background: url(../img/population-sprite.png) scroll no-repeat 0 -610px; width: 200px; height: 122px; position: relative; }
#bornAustralia .number { color: #fff; width: 130px; font-size: 42px; margin: 21px 0 0 5px; }
#bornAustralia p { position: absolute; top: 32px; right: 0px; width: 62px;}

#population .module-header { display: none; }
#aupopulation  { margin: 0 30px 0 0; text-align: left; background: url(../img/icon-person.png) scroll no-repeat 0px 17px; padding: 31px 0 10px 39px; }

#population { margin: 0; }
#population p { font-size: 18px; line-height: 18px; text-align: left; }

#ages h3 { font-size: 18px; }
#ages .number-block { width: 125px; }



/* work */

.module-header h3 { font-size: 18px; border-top: 2px solid #e4e5e1; padding: 6px 0 10px 0; margin-top: 8px; }

#employment .module-header { display:none; }
#employment .module-content { margin-top: -8px; }
#employment .number-block { background: url(../img/population-sprite.png) scroll no-repeat 55px -940px; }
#employment #part-time { background-position: -95px -940px; }
#employment #unemployed { background-position: -245px -940px; }
#employment .number { margin: 71px 0 0 0; }
#employment p { margin: -2px 0 0 0; }

#transportchart #worked-at-home { margin-bottom: 5px; border-bottom: 1px dotted #ddd; padding-bottom: 5px; }

#transportchart {position: relative;}
#transportchart .number-blockz { float: left; clear: left; }
#transportchart #transport-table .visualize { float: right; width: 250px; }
#transportchart .barchart, #transportchart #transport-table table { height: 100px; width: 250px;}

#transportchart .visualize-labels-y .label { width: 35px;}

#type-of-workers table { height: 160px; }
#type-of-workers .module-content { position: relative;}
#type-of-workers li.key-bluecollar { position: absolute; top: 0; right: 0; width: 160px; height: 185px; background: url(../img/population-sprite.png) scroll no-repeat -228px -1100px; text-indent: -1000em; padding: 0;}
#type-of-workers li.key-whitecollar { position: absolute; top: 0; left: 0; width: 160px; height: 185px; background: url(../img/population-sprite.png) scroll no-repeat 0 -1100px;text-indent: -1000em; padding: 0; }
#type-of-workers li.key-other { display: none; }
#type-of-workers .legend li span { display: none;}



/* weekly income */
#weeklyincome .module-header { display: none;}




/* religion */

#religion .module-header { display: none;}
#religion .visualize { margin-left: 32px;}
#religion-table { width: 485px; }
#religion-table table {height: 100px;}





/* education */

#group-education { position: relative;}
#group-education .module-header, .table-block h3 { display: none;}
#primaryschools-table { width: 250px; float: left;}
#secondaryschools-table { width: 250px; position: absolute; right: 0;}
#primaryschools-table table, #secondaryschools-table table { width: 250px; height: 150px; }


/* header page --------------------- */

#header { background: #333; padding: 13px 10px; color: #fff; border-bottom: 1px solid #fff; font-size: 12px; }
	#header a:link, #header a:visited { color: #fff; }
	#header .aboutlink { position: absolute; right: 20px;}
	#header p { margin: 0;}











/* tables --------------------- */
.module-content { padding: 0; margin: 0 0 35px 0; clear: left; }
.stat-feature {/*border-bottom: 1px solid #cacbc3;*/ padding: 12px 0;}

table {width: 500px; }

table thead th { border-bottom: 1px solid #ccc; border-right: 1px solid #eee; font-size: 11px; padding: 2px 4px; }
table tbody td { font-size: 11px; color: #444; border-right: 1px solid #eee; border-bottom: 1px dotted #ccc; padding: 2px 4px;  }


.has-js  table.linechart { width: 500px; height: 250px; position: absolute; left: -50000px; }
.has-js  table.piechart { width:500px; height: 100px; position: absolute; left: -50000px; }
.has-js  table.barchart { width:450px; height: 150px; position: absolute; left: -50000px; }

div#rentalreturns table { height: 150px; }

div#rentalreturns .module-content { margin-left: 27px;}
div#rentalreturns .module-content table { width: 470px; }

div#weeklyincome .module-content { margin-left: 37px;}
div#weeklyincome table { width: 450px; }


.visualize .label { margin-left: 15px; font-size: 11px; color: #37372b; }
.visualize-labels-x .label { left: -15px; }

#weeklyincome .visualize-labels-x .label {-webkit-transform:rotate(90deg); margin-top: 18px; text-align: left;}



.visualize-pie .visualize-label { font-family: Chunkfive, Arial, Sans-Serif !important; font-size: 16px !important; font-weight: normal !important; }
.visualize-pie .visualize-label { padding-right: 3px; }
.visualize-label .visualize-percentage { font-size: 11px; font-family: Arial; font-weight: bold; }


div.piechart .visualize-info { font-size: 1em !important; text-align: center; left: 0; width: 235px; opacity: 1; }
	div.piechart .visualize-title { font-size: 1em; }

div#enrol .module-content { height: 100px; }
.piechart table#enrolPrimary, .piechart table#EnrolSecondary, #enrol .visualize { width: 235px; float: left; margin-top: 20px; }



ul.legend { clear: left; list-style: none; margin: 8px 0; padding: 0; font-size: 11px; color: #888; text-align: center; }
ul.legend li { display: inline; margin: 0; padding: 0 18px 0 13px; position: relative; }
ul.legend li span { width: 10px; height: 10px; background: #e45203; display: block; position: absolute; left: 0; top: 1px;  }
ul.legend li.key-government { padding-right: 0; }
ul.legend li.key-government span { background: #EC9D13; }
.total strong { display: none;}
.total { text-align: center; font-family: Chunkfive, Arial, Sans Serif; font-size: 18px; }














/*plugin styles*/
.visualize { border: none; position: relative; background: none; }
.visualize canvas { position: absolute; }
.visualize ul,.visualize li { margin: 0; padding: 0;}

/*table title, key elements*/
.visualize .visualize-info { padding: 3px 5px; background: none; border: none; position: absolute; top: -20px; right: 10px; opacity: .8; }
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px;  font-size: 1.1em; }
.visualize ul.visualize-key { list-style: none;  }
.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px;  }
.visualize ul.visualize-key .visualize-key-label { color: #000; }

/*pie labels*/
.visualize-pie .visualize-labels { list-style: none; }
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0; }
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }

/*line,bar, area labels*/
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555;  }
.visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ccc; }
.visualize-labels-x li { height: 100%; }
.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
.visualize-labels-y li { width: 100%;  }
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right; }
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }