html{min-height: 100%;margin-bottom: 1px;overflow: -moz-scrollbars-vertical;}
body{background:#fff;margin-top:5px;font-family:Trebuchet MS,san-serif;font-size:80%;}
/* Basics */
a{text-decoration:underline;color:#0040a0;}
a:visited{text-decoration:underline;color:#0040a0;}
a:hover{text-decoration:underline;color:#0040a0;}
strong{font-weight:bold;}
p{margin:0 0 12px 0;}
h1{font-size:190%;font-weight:normal;margin:3px 0 10px 0;color:#0040a0;line-height:1.2em;}
h1 a,h1 a:visited{color:#0040a0;}
h2{font-size:150%;font-weight:normal;margin:3px 0 7px 0;color:#0040a0;line-height:1.2em;}
h2 a,h2 a:visited{color:#0040a0;}
h3{font-size:120%;font-weight:normal;margin:3px 0 3px 0;color:#0040a0;}
h4{font-size:110%;font-weight:normal;margin:3px 0 3px 0;color:#0040a0;}
h5{font-size:100%;font-weight:bold;line-height:20px;}
em{font-style:italic;}
ul{list-style-type:disc;}
/* Forms */
fieldset{padding:3px;margin:0 0 10px 0;border:1px solid #ccc;}
fieldset em{font-style:italic;font-size:90%;margin:0 0 0 3px;}
legend{padding:0.2em 0.2em;font-size:130%;font-weight:normal;margin:3px;color:#0040a0;}
label.label{clear:both;float:left;font-size:100%;width:125px;color:#000;margin:2px 0 2px 0;margin:3px 3px 3px 3px;}
.field{float:left;font-size:85%;margin:3px;width:350px;}
.field input{border:1px solid #000;}
.field select{margin:0 0 0 0;}
.mandatory-field{background:#ffcccc;}
.form-error{color:red;font-size:100%;width:250px;}
.field-error{color:red;font-size:100%;width:250px;}
label.notes{float:left;font-size:85%;width:150px;margin:0 3px 3px 3px;display:block;}
button.button{float:left;margin:6px 6px 6px 135px;border:1px solid #000;background:#b8b8b8;text-transform:lowercase;font-weight:bold;}
input.search{border:1px solid #ccc;margin:0px 0 3px 0;font-size:100%;float:left;background:#fff;width:110px;line-height:1.75em;}
input.searchbutton{margin:0 3px 0 2px;font-size:100%;float:left;border:1px solid #ccc;background:#5580C0;color:#fff;line-height:1.75em;vertical-align:top;}
.error-msg{color:red;}
/* Header */
#header{background:#fff;height:80px;position:relative;z-index:100;border-bottom:#ccc 1px solid;}
div.main-logo{display:block;position:absolute;width:500px;height:80px;z-index:1001;}
div.main-logo h1{font-size:300%;margin:0;}
div.main-logo h1 a{text-decoration:none;}
div.main-logo h2{font-size:150%;color:#666;margin:0;font-style:italic;margin:0 0 0 0;}
/* Secondary Navigation*/
.secondary h3{margin-top:20px;}
/* Primary Navigation*/
#navigation-primary{margin:25px 0 0 0;padding:0;position:absolute;top:0;right:0;z-index:1000;}
#navigation-primary ul{margin:0;padding:0;position:absolute;top:0;left:0;z-index:1000;}
#navigation-primary li{margin:0;padding:0;list-style-type:none;position:relative;border-right:1px solid #fff;}
#navigation-primary li.first a{border-left:1px solid #ccc;}
#navigation-primary li a{display:block;margin:0;padding:0 7px 0 7px;font-size:140%;line-height:25px;vertical-align:middle;color:#666;text-decoration:none;}
#navigation-primary li.selected a{color:#0040a0;border-bottom:1px solid #0040a0;}
#navigation-primary li:hover{background:#0040a0;color:#fff;border-bottom:1px solid #0040a0;}
#navigation-primary li:hover a{color:#fff;}
#navigation-primary li.headlink{float:left;}
#navigation-primary li.headlink ul{display:none;position:absolute;top:25px;left:0;}
#navigation-primary li.headlink ul li{margin:0;padding:0;border:none;}
#navigation-primary li.headlink ul a{display:block;background:#eee;color:#666;font-weight:normal;line-height:30px;width:200px;}
#navigation-primary li.headlink ul a:hover{background:#ccc;color:#0040a0;}
/* Main Content*/
.home .container{background:url(images/crimelogo.png) no-repeat 85% 70px;}
.main{z-index:0;position:relative;border-top:1px solid #fff;}
.main td{vertical-align:top;}
.main-image{position:relative;}
.content{margin:15px;}
.edit{font-size:60%;}
/* Crime Statistics*/
.region-offence-statistics{list-style-type:none;margin:0;padding:0;width:720px;font-size:80%;border-collapse:collapse;}
.region-offence-statistics li{width:100%;list-style-type:none;margin-bottom:10px;}
.region-offence-statistics th{background:none;text-align:right;vertical-align:top;border:none;}
.region-offence-statistics td{text-align:right;border:none;}
.region-offence-statistics .title-row-one th{border-top:1px solid #000;}
.region-offence-statistics .title-row-two th{border-bottom:1px solid #000;}
.col-offence{}
.col-region{width:150px;}
.col-sparkline{width:45px;}
.col-year{width:45px;}
.col-rate{width:52px;}
.col-change{width:50px;background:whitesmoke;}
.col-link{width:80px;}
th.data-offence,td.data-offence{text-align:left;}
th.data-region,td.data-region{text-align:left;}
th.data-region{text-indent:15px;}
tr.current td{background:#ffccff;}
#map{width:640px;height:520px;border:1px solid #000;}
div.inlinesparkline{overflow:hidden;width:50px;}
div.inlinebar{overflow:hidden;width:45px;}
img.key{border:1px solid #000;}
/* - LGA Listing*/
.lga-list{height:300px;width:180px;overflow:scroll;margin:2px 0 0 0;border:1px solid #ccc;padding:5px;}
#classification-search{width:186px;margin-top:5px;}
.search-field{background:url(../images/search-icon.png) no-repeat right center;border:1px solid #ccc;padding:2px;}
/* - Classification Listing*/
#classification-search{width:266px;margin-top:5px;}
.classification-list{height:300px;width:260px;overflow:scroll;margin:2px 0 0 0;border:1px solid #ccc;padding:5px;}
.classification-list ul{width:500px;list-style-type:none;margin:2px 0 0 0}
.classification-list ul li{margin:0 0 3px 0;}

.home #classification-search{width:361px;margin-top:5px;}
.home .classification-list{height:300px;width:355px;overflow:scroll;margin:2px 0 0 0;border:1px solid #ccc;padding:5px;}
.classification-list ul{width:500px;list-style-type:none;margin:2px 0 0 0}
.legend{border:1px solid #000;margin:10px 0;padding:5px}
.legend h4{margin:0;padding:0;color:#000;font-weight:bold;}
/* - Tables */
table.tablesorter thead tr .header {background-image: url(images/bg.gif);background-repeat:no-repeat;background-position:0% 50%;cursor: pointer;}
table.tablesorter thead tr .headerSortUp {background-image: url(../../images/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(../../images/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #8dbdd8;}
/* Footer*/
.footer{text-align:right;font-weight:bold;font-size:85%;height:40px;border-bottom:1px solid #ccc;}
.footer p{margin:10px 5px 5px 0;color:#666;}
.footer a{text-decoration:none;color:#333;}