/* START RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.clear {clear:both;}
/* END RESET */

body {background: #EEE; font-family: helvetica, arial, sans-serif; }
#sCode {display: none;}
#header, #nav, #body, #footer { width: 100%; padding: 0;}
.content { padding: 5px 0px; width: 980px; margin: 0 auto; position: relative;}
#body .content {background: #FFF; padding: 10px 15px; width: 950px;}
#header {background: #222; height: 70px;}
#header .content { padding: 10px 15px;}
#header h1 a {display: block; font-size: 30px; color: #FFF; font-weight: bold; text-decoration: none; }
#header h2 {font-size: 14px; color: #999}
#nav {background: #444; font-size: 14px; color: #999; text-transform: uppercase;}
#nav span {display: block; float: left; padding: 2px 4px; }
#nav a {color: #999; font-weight: bold; text-decoration: none; padding: 2px 4px; background: #333; display: block; float: left; margin: 0 4px;}
#nav a:hover {color: #FFF; background: #000;}

#header div.sjbeta { position: absolute; top: 10px; left: 215px; background: #444; padding: 4px; color: #FFF; font-size: 14px; font-weight: bold;}

#body #col1 {float: left; width: 300px; margin-right: 15px;}
#body #col2 {float: left; width: 320px; margin-right: 15px;}
#body #col3 {float: left; width: 300px;}
#col1 h1 {text-transform: uppercase; font-weight: bold; font-size: 16px; color: #222; margin-bottom: 5px; letter-spacing: -0.25px;}

#col1 h3 { text-transform: uppercase; color: #666; font-size: 14px; margin: 5px;}
#datechooser a { color: #333; background: #FFF; padding: 1px 3px; text-decoration: none; border: 2px solid #CCC; font-size: 12px; font-weight: bold;}
#addresschooser a { color: #333; background: #FFF; padding: 1px 3px; text-decoration: none; border: 2px solid #CCC; font-size: 12px; font-weight: bold;}


#col1 h4 { background-color: #EEE; padding: 3px; font-size: 12px; color: #444; margin-bottom: 5px; line-height: 15px;}
#col1 h4 span.info { font-weight: bold; }

#col2 #map {width: 318px; height: 440px; border: 1px solid #CCC;}

#col3 h3 {font-size: 12px; text-transform: uppercase; color: #999; text-align: center; margin-bottom: 5px;}

#col1 a.crimeitem {display: block; padding: 5px; font-size: 12px; text-decoration: none; border-bottom: 1px solid #EEE; color: #666;}
#col1 a.crimeitem img {width: 15px; height: 26px; float:left; margin-right: 5px;}
#col1 a.crimeitem .type {color: #15365D; font-weight: bold; text-transform: uppercase; padding-bottom: 3px;}
#col1 a.crimeitem .type .area {color: #666; font-weight: normal; text-transform: capitalize; }
#col1 a.crimeitem {background: #FFF}
#col1 a.crimeitem:hover {background: #FDFDCF;}
#col1 a.crimeitem span.type, a.crimeitem span.datetime {display: block;}

#col1 a.crimeitema {display: block; padding: 5px; font-size: 12px; text-decoration: none; border-bottom: 1px solid #EEE; color: #666;}
#col1 a.crimeitema img {width: 15px; height: 26px; float:left; margin-right: 5px;}
#col1 a.crimeitema .type {color: #15365D; font-weight: bold; text-transform: uppercase; padding-bottom: 3px;}
#col1 a.crimeitema .type .area {color: #666; font-weight: normal; text-transform: capitalize; }
#col1 a.crimeitema {background: #FDFDCF}
#col1 a.crimeitema span.type, a.crimeitem span.datetime {display: block;}

#col1 div.crimeitem {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; font-size: 12px; padding: 5px;}
#col1 div.crimeitem h1 {color: #15365D;}
#col1 div.crimeitem h2 {font-weight: bold; padding: 3px; margin: 5px 0; color: #333;}
#col1 div.crimeitem span {font-weight: bold; background: #FDFDCF; padding: 3px 5px; font-weight: normal;}
#col1 div.crimeitem a {padding-left: 5px; color: #15365D; text-decoration: none; text-transform: uppercase; font-size: 11px;}
#col1 div.crimeitem a:hover {text-decoration: underline;}

#col1 div.crimeitema {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; font-size: 12px; padding: 5px; background: #EEE;}
#col1 div.crimeitema h1 {color: #15365D;}
#col1 div.crimeitema h2 {font-weight: bold; padding: 3px; margin: 5px 0; color: #333;}
#col1 div.crimeitema span {font-weight: bold; background: #FDFDCF; padding: 3px 5px; font-weight: normal;}

.pagination {padding: 0; margin-top: 10px; margin-bottom: 10px; font-size: 12px; letter-spacing: -1px;}
  .pagination a {
    padding: 2px 3px 2px 3px;
    margin: 0px;
    border: 1px solid #CCC;
    text-decoration: none;
    color: #333;
  }
  .pagination a:hover, .pagination a:active {
    border: 1px solid #333;
    color: #000;
  }
  .pagination span.current {
    padding: 2px 3px 2px 3px;
    margin: 0px;
    border: 1px solid #333;
    font-weight: bold;
    background-color: #333;
    color: #FFF;
  }
  .pagination span.disabled {
    padding: 2px 3px 2px 3px;
    margin: 0px;
    border: 1px solid #eee;
    color: #ddd;
  }

#page_nav {margin-top: 5px;}
#page_nav a {background: #333; display: block; color: #CCC; padding: 3px 5px; font-size: 13px; text-transform: uppercase; text-decoration: none;}
#page_nav a:hover { background: #000; }
#page_nav .page_prev {float: right;}
#page_nav .page_next {float: left;}

#col2 #map { font-size: 14px; color: #666;}
#col2 #map a { color: #15365D;}
#col2 #map a:hover { background: #15365D; color: #FFF; text-decoration: none;}


#footer p {font-size: 12px; color: #666; margin-bottom: 5px;}
#footer .disclaimer { padding: 10px; background: #F4F4F4; font-size: 10px; color: #666; margin-bottom: 5px; }
#footer .disclaimer p {font-size: 10px;}
#footer .disclaimer h3 { text-transform: uppercase; font-size: 12px; color: #AAA; margin-bottom: 5px; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #333; text-decoration: underline;}

/* flash notices */
p.flashSuccess {padding: 10px 10px 10px 25px; background: #196E07 url(/images/accept.png) no-repeat 5px 9px; margin-bottom: 10px; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 12px;}
p.flashFailed {padding: 10px 10px 10px 25px; background: #750000 url(/images/exclamation.png) no-repeat 5px 9px; margin-bottom: 10px; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 12px;}
p.flashConst {padding: 7px 5px; background: #FFF; margin-bottom: 10px; color: #750000; font-size: 13px; letter-spacing: -1px; text-align: center;}

/* Articles */
#col3 h2 { border-bottom: 1px solid #EEE;}
#col3 h2 a { text-decoration: none; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #666; }
#col3 h2 a span.raquo { color: #CCC; font-size: 18px;}
#col3 h2 a:hover {color: #15365D;}
#col3 h2 a:hover span.raquo{color: #15365D;}
#col3 ul { padding: 5px 0; border-bottom: 1px solid #DDD; margin-bottom: 10px; margin-top: 5px;}
#col3 ul li { }
#col3 ul li a {display: block; background: url(/images/article.gif) no-repeat left top; padding-left: 20px; min-height: 23px; font-size: 12px; color: #333; text-decoration: none; line-height: 18px; }
#col3 ul li a:hover { text-decoration: underline; color: #15365D; }

#key {border:1px solid #CCC; margin-top: 10px;}
#key h2 {background: #EEE; text-transform: uppercase; font-size: 12px; color: #333; padding: 5px; font-weight: bold;}
#key ul li {width: 152px; float: left; border-right: 1px solid #eee; height: 16px; padding: 3px; border-bottom: 1px solid #EEE; font-size: 12px; color: #666; line-height: 18px;}
#key ul li a {color: #333; text-transform: uppercase; font-size: 11px;}
#key ul li a:hover {color: #15365D;}
#key ul li span {display: block; overflow: hidden; height: 16px; float: left;}
#key ul li img {width: 15px; height: 26px; margin-right: 3px;}

#sharelink {padding: 5px;}
#sharelink h2 {font-size: 12px; text-transform: uppercase; color: #666;}
#sharelink input {border: 1px solid #AAA; background-color: #F4F4F4; color: #333; padding: 3px; font-size: 12px;}

.recordnet_back {margin: -10px -15px 10px -15px; padding: 7px 15px; background: #FDFDCF url(/images/article.gif) no-repeat 15px 9px;}
.recordnet_back a {font-weight: bold; color: #333; text-decoration: none; text-transform: uppercase; font-size: 12px; border-bottom: 1px solid #CCC; margin-left: 20px;}
.recordnet_back a:hover {color: #15365D; border-bottom: 1px solid #15365D; }