﻿html {padding:0; margin:0 auto; border:0; font-weight:normal; font-family: tahoma, verdana, arial; overflow:hidden;}
body {overflow:hidden; padding:0; margin:0 auto; border:0; font-size:62.5%; font-weight:normal; color: #000;}
a {color: #000; font-weight:bold; outline: none;}
a:hover {color: #00f;}
table {padding-top: 5px; padding-bottom: 5px; width:100%; white-space:normal;}
table a {color: #00f; font-weight:normal; outline: none;}
td {color: #000; padding: 1px 2px 1px 2px; border: solid 1px #ccc; color:#000; font-size:1.2em;}

h1 {font-size: 2.0em; font-weight:bold; margin-top: 0.25em; margin-bottom: 0.25em; color:#000;}
h2 {font-size: 1.2em; font-weight:normal; margin-top: 0; color:#000;}
h3 {color:#000; font-size: 1.4em; font-weight:bold; margin-top: 10px;}

img {border: none; vertical-align: middle;}
p {font-size:1.2em;}

/**/
#wrapper {margin: 0 auto; padding: 10px; padding-top:0px; border:0; text-align: left; white-space: nowrap; min-width:700px;}

/*HEADER*/
#divHeader {background:#fff; float: left; height: 5em; padding-top:0.5em; padding-bottom:0.5em; width:100%;}

#divHeaderTitle {float:left; margin:0 auto; padding:0; padding-left: 5px; text-align:left; width:30%;}

#divHeaderSearch {float:left; margin:0 auto; padding:0; text-align:left; font-size:1.2em; padding-top:1.0em;}
#divHeaderSearch form {float:left; margin:0 auto; padding:0;}
#divHeaderSearch fieldset {float:left; margin:0 auto; padding:0; border:none;}
#divHeaderSearch input {float:left;}
#txtSearch {width:300px; margin:0 auto; border: 1px solid #696969;}
#divHeaderSearch a {float:left; margin:0 auto; padding:0; padding-right: 5px; padding-left: 5px; font-weight:bold;}
#divHeaderSearch span {clear:both; float:left; margin:0 auto; padding:0; padding-left: 5px; color:#696969;}

#divHeaderLinks {float:right; padding-right: 0.5em; white-space:nowrap; padding-top:0.5em; color:#696969;}
#divHeaderLinks a {font-size:1.2em; font-weight:normal; color:#696969;}
#divHeaderLinks a:hover {font-size:1.2em; font-weight:normal; color:#00f;}
#divHeaderLinks img {padding-left:5px;}
#divHeaderLogo {clear:right; float:right; padding: 0.5em; white-space:nowrap;}


/*ToolBar*/
#divToolBar {float:left; width: 100%; margin:0 auto; padding:0;  text-align:left; border-top:2px solid #68476B; background-image:url('../_images/gradient5.png'); font-size:1.2em; white-space:nowrap; height:40px;}
#divToolBarLeft {float:left; padding-left:5px;  width:35%;}
#divToolBarCenter {float:left; text-align:center;}
#divHorizontalSliderTitle {float:left; text-align:center; margin-top:10px;}
#divHorizontalSlider {float:left; white-space:nowrap; margin-top:10px;}
#divToolBarRight {float:right; text-align:right; padding-right:5px; width:30%;}
#divToolBar p {margin-top: 10px;}

/*Left*/
#divLeftColumn {position: relative; float: left; width: 15%; margin:0 auto; padding:0; background:#fff; overflow:auto; display:block; font-size:1.3em;}
#leftColumn a {color: #00f; outline: none;}
#leftColumn a:hover {color: #f00; outline: none;}
#leftLayers {position: relative; float: left; display: block; margin:0 auto; margin-top:10px; padding:0; background:#fff; width:96%; border-top:1px solid #BCC3D7;}
#leftLayers ul{margin:0 auto; padding:0;}
#leftLayers li{margin:0 auto; padding:5px; background:#fff; border-bottom:1px solid #BCC3D7;}
#leftLayers li.selectedCrime{background:#4C597F; color:#fff; font-weight: bold;}
#leftLayers li:hover{background:#BCC3D7; color:#000; font-weight: bold;}
#leftLayers img {padding-right: 5px; padding-bottom: 3px;}

/*Map*/
#divMapColumn {float: left; width: 100%; position:relative; margin-top:10px;}
#map {margin:0 auto; background:#fff; border:1px solid #ccc; overflow:hidden; position:relative;}
#mapLegend {position:absolute; bottom:20px; right:20px; background:#fff; z-index:1000; border:1px solid #ccc; text-align:center; padding:5px; opacity:0.87; filter:alpha(opacity=87); width:125px;}
