html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; font-family: 'Source Sans Pro', Helvetica, sans-serif; font-size: 14px; color: #444; }

hr {
	border: 0;
	height: 1px;
	background-color: #ddd;
	margin: 1px 0px 2px 0px;
}
a {
	color: rgb(198,69,134);
	text-decoration: none;
	cursor: pointer;
}
#map-canvas {
	height: 90%;
	float: right;
	width: 70%;
}

/* TOP */

#top {
	background-color: rgb(198,69,134);
	color: #fff;
	font-size: 16px;
	text-align: center;
	position: relative;
	padding: 0px 0px 0px 0px;
	box-shadow: 0px 2px 4px 0px #ccc;
}
#top-inner {
	margin: auto;
	width: 100%;
	text-align: center;
}
#top-left {
	float: left;
	text-align: left;
	
	height: 100%;
	background-color: yellow;
	line-height: 40px;
	display: inline;
}
#top-right {
	float: right;
	text-align: right;
	z-index: 999;
	display: block;
}
#pagetitle {
	float: left;
	line-height: 40px;
	padding-left: 6px;
	padding-right: 6px;
	letter-spacing: -0.6px;
}

#top-center {
	width: 40%;
	margin: auto;
	line-height: 40px;
}


/* End top */



#top a { text-decoration: none; color: #fff; }
#top a:hover { text-shadow: 0px 0px 1px #eee; }

#menu {
	clear: both;
	float:left;
	width: 30%;
    overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 90%;
}
#menu-inner {
	margin: auto;
	width: 95%;
	padding: 10px 0px 10px 0px;
}
h2 {
	font-weight: normal;
	font-size: 20px;
	margin: 0px 0px 4px 0px;
}
h3 {
	font-weight: normal;
	font-size: 18px;
}
.open {
	float: right;
	width: 50px;
	text-align: center;
	font-size: 11px;
}
table.report {
	width: 100%;
	border-collapse: collapse;
	float: left;
	margin-bottom: 10px;
}
.report-col {
	float: left;
	width: 24%;
	margin-right: 1%;
}
.report-col:first-child {
	margin-left: 0px;
}
.report-col:last-child {
	margin-right: 0px;
}

table.report td, table.report th {
    border: 1px solid #ddd;
    padding: 1px 1px 1px 1px;
    vertical-align: top;
	font-size: 14px;
}
table.report th { background-color:#f7f7f7; }

.report a {
	text-decoration: none;
	color: #444;
}
.report a:hover {
	color: #222;
}
.report .wards-button {
	color: #fff;
	margin: 2px 10px 2px 0px;
}
.report .wards-button:hover {
	color: #fff;
}
.wards-button {
	text-decoration: none;
	color: #fff;
	background-color: rgb(198,69,134);
	margin: 2px 10px 8px 0px;
	font-size: 13px;
	padding: 3px 6px 3px 6px;
	border-radius: 3px;
	display: inline-block;
}
.wards-button:hover {
	text-shadow: 0px 0px 1px #eee;
}

#loading {
	text-align: center;
	font-size: 20px;
	font-type: italic;
	color: #999;
	margin-top: 75px;
	display: none;
	border: solid 1px #ddd;
}
#loading em { font-size: 16px; }


.rightnav { float: right; font-size: 15px; margin-left: 15px; }
#loading {
	position: absolute;
	top: 30%;
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	background-color: #fff;
	font-size: 22px;
	padding: 24px;
	text-align: center;
	z-index:1002;
	overflow: auto;
}




/* Search */

#search {
	margin: 0px auto;
	margin-bottom: 2px;
	padding: 2px 6px 2px 6px;
	margin-left: -6px;
	border: solid 1px #eee;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	font-size: 14px;
	width: 100%;	
	color: #444444;
}
.search-item {
	padding: 4px 12px 4px 12px;
	margin-bottom: 0px;
	display: block;
}
#search-results {
	width: 258px;
	position:absolute;
	z-index: 9999;
	background-color: #fff;
	line-height: 1.3;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
#search-results a {
    color: #444444;
	text-decoration: none;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	text-align: left;
}
#search-results a:hover {
	background-color: #f9f9f9;
}
.search-item strong {
	margin: 0px;
	font-size: 16px;
	color: rgb(198,69,134);
}
.search-item p {
	font-size: 14px;
	margin: 0px;
}

/* End search */

/* Year option */
#year {
	background-color: #fff;
	border: solid 1px #eee;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
	color: #444;
	font-size: 14px;
	text-align: center;
	
}

/* Results select */

.results-left {
	float:left;
}
.results-right {
	float: right;
}
.results-option {
	margin-bottom: 22px;
	width: 47%;
}
.results-option h3 {
	margin-bottom: 6px;
	margin-top: 6px;'
}
.results-option select {
	width: 100%;
	height: 24px;
	font-size: 15px;
	border-color: #ccc;
	font-family: 'Source Sans Pro', Helvetica, sans-serif;
}




/* More options */

.more-options {
	background-color:#fff;
	position:absolute;
	z-index:999;
	right:0px;
	margin-top:0px;
	list-style-type: none;
	padding: 0px;
	border-right: 0px;
	box-shadow: -1px 1px 4px 0px #ccc;
	display: none;
}
.more-options li {
	display: inline;
}
.more-options a {
	display: block;
	padding: 8px 22px 8px 22px;
}
.more-options a:hover {
	background-color: #f9f9f9;
}
.more-options hr {
	height: 1px;
	border: 0;
	background-color: #eee;
	margin: 0;
}
.more-button {
	text-align:center;
	cursor:pointer;
	display:inline-block;
	line-height:40px;
}
.more-button:hover {
	background-color: #b4266e;
}
/*end more options */



/* Tooltips */

#tt {position:absolute; display:block; font-size:14px; }
#tt strong { font-size: 17px; font-weight:normal; }
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont {display:block; padding:2px 6px 2px 6px; margin-left:5px; background:rgb(255,255,255); color:#555; border: solid 1px rgb(220,220,220); }
#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden}


#loadwheel {
	height: 16px;
}
#loadwheel img {
	vertical-align: middle;
}




/* Breadcrumbs menu */

.breadcrumbs {
	font-size: 12px;
	color: #aaa;
	margin-bottom: 4px;
}

.breadcrumbs i {
	margin: 0px 3px 0px 3px;
}

/* End breadcrumbs */