/* base */
* {margin:0;padding:0;}
h1 {color:#ddd;font-size:35px; letter-spacing:-1px;}
body {background:#33333B url(http://mugshots.s3.amazonaws.com/site-images/bkgnd-gradation.gif) repeat-x ;font-size:16px;font-family:'Helvetica',Helvetica,sans-serif;color:#fff;}
ul {margin:0;padding:5px 0 0 5px;}
li {margin:0;padding:0;list-style-type:square;list-style-position: outside;}
p {margin:5px 0;}
a, a:hover, a:active, a:visited {outline:none;}
/* link typeography */
a, a:visited, a:hover {/*color:#4578C3;*/text-decoration:none;color:#4e88dd;}
a:hover {/*text-decoration:underline;*/color:#ddd;}
/* layout */
div.container-outer { width:1000px; margin:0px auto 20px; }
div.container-inner { margin:0 10px; }
/* header */
div.header-outer {}
div.header-inner { position:relative; height:100px; }
div#headerBottom { clear:both; /* margin:0; */ }
a#tampabaycomLogo { display:block; width:175px;height:30px; position:absolute;background-image:url(http://mugshots.s3.amazonaws.com/site-images/flag-busted.gif); background-repeat: no-repeat; background-position: 0 -100px; overflow:hidden; top:18px; left:74px; }
a:hover#tampabaycomLogo { background-position: 0 -150px; }
div.page-title {margin:15px 0 0 ;padding:0;float:left;width:231px;/*height:126px;*/display:block;}
div.page-title a, div.page-title a:visited {color:#fff;}
div.page-title a:hover {text-decoration:none;color:#4096EE;}
a.flagLink { display:block;height:50px;width:245px; background-image:url(http://mugshots.s3.amazonaws.com/site-images/flag-busted.gif); background-repeat: no-repeat; background-position: 0 0; overflow:hidden; position:absolute; top:50px;}
a:hover.flagLink { background-position: 0 -50px;}
.infoblock { font-size:0.8em; line-height:150%;margin:10px 0 20px;}
/* main content */
div.body-container { clear:both;}
div.bottom-container { margin:10px 0 0 ; }
div.zeta-outer {margin:0;}
div.zeta-inner { margin:0; }
div.zeta-padding { padding:0;}
div.epsilon-outer {margin:0 0 15px 0;}
div.epsilon-inner {margin:5px 15px;}
div.epsilon-padding { padding:10px 0;}
div.alpha-outer { float:left; clear:both; margin:0;width:450px;}
div.alpha-inner {margin:0;}
div.beta-outer { float:left; margin:0;width:200px;}
div.beta-inner {margin:0;}
div.gamma-outer {width:300px;float:right;clear:right;margin-right:0;}
div.gamma-inner {}
/* footer */
div.footer-outer { float:left; margin:20px 0px 0px 0px; width:952px;  }
div.footer-inner {color:#fff;text-align:center;font-size:13px; margin:2px 0 20px 0px;}
/* sidebar */
div.side-box {}
div.side-box-hed {margin:0 0 10px 0;font-size:1.25em;font-weight:bold; color:#ccc;}
div.side-box div.side-box-hed {width:420px;}
div.zeta-outer div.side-box-hed { font-size:0.7em; letter-spacing:0.1em; font-weight:normal; text-transform: uppercase; color:#ccc; width:728px; float:right; text-align:center; margin:-20px 27px 0 0; }
div.zeta-outer div.leaderboard-ad { margin:0; }
div.ad-pencil { margin-bottom: 10px; margin-left:-10px; }
div.ad-pencil iframe { width: 1000px; height: 37px; }
/* home page */
/* mugs detail*/
div.right-box {width:360px;float:left;}
/*div.mug-name {font-size:28px;font-weight:bold;letter-spacing:-2px;margin:0 0 3px 0;}*/
div.mug-name {bottom:226px; font-size:28px; font-weight:bold; letter-spacing:-1px; margin:0 0 3px; position:absolute; width:454px;}
div.person-mug {height:291px;overflow:hidden;padding:0 15px 15px;margin:15px 0 0 0;}
div.person-mug img {width:250px;margin:-5px 0 0 0;}
div.left-box {width:390px;float:right;}
div.county-name {font-size:16px;color:#555;letter-spacing:-1px;margin:0 0 5px;padding:0 0 5px;border-bottom:1px solid #aaa;}
div.detail-container {width:430px;margin:98px 0 0;}
div.detail-container a:hover { color:#369; text-decoration:underline; }
div.person-trivia {margin:0 20px 0 0;line-height:1.1em;}
div.lefter {margin:0;}
div.crime-container {margin:10px 0 0 0;}
div.crime-header {font-weight:bold;color:#444;margin:5px 0 0 0;}
div.card-container {background:transparent url(http://mugshots.s3.amazonaws.com/site-images/tab-card-other.png) no-repeat scroll 0 0;width:734px;height:343px;overflow:hidden;}
div.Pinellas-tab {background:transparent url(http://mugshots.s3.amazonaws.com/site-images/tab-card-pinellas.png) no-repeat scroll 0 0;}
div.Hillsborough-tab {background:transparent url(http://mugshots.s3.amazonaws.com/site-images/tab-card-hillsborough.png) no-repeat scroll 0 0;}
div.Pasco-tab {background:transparent url(http://mugshots.s3.amazonaws.com/site-images/tab-card-pasco.png) no-repeat scroll 0 0;}
div.Manatee-tab {background:transparent url(http://mugshots.s3.amazonaws.com/site-images/tab-card-manatee.png) no-repeat scroll 0 0;}
/* permanent detail */
div.permanent-detail {color:#333;}
div.permanent-detail div.card-container {margin-left:120px;}
div.sharethis {float:right;}
div.permanent-link {margin:0 5px 0 0;font-size:18px;font-weight:bold;display:inline;text-transform:uppercase;letter-spacing:-2px;}
p.visit-sheriff {margin:5px 0;font-style:italic;color:#666;font-size:12px;}
a.crime-explainer {font-weight:bold;letter-spacing:-1px;}
div.mug-imagecontainer {height:306px;overflow:hidden; width:250px;}
/* this is where the detail works */
div.detail-ad-container {}
div.detail-ad-container div.leaderboard-ad {float:none;margin:0;}
div.ad-header {font-size:10px;color:#555;margin:0 0 3px 0;text-align:center;text-transform:uppercase;}
/* indexes */
/* photo scroller */
div.crime-scroller { visibility:hidden;overflow:hidden; height:210px; margin:9px 15px; }
div.crime-scroller ul {margin:0;padding:0;}
div.crime-scroller li {list-style-type:none;margin:0;padding:0;float:left;}
div.crime-scroller li a, div.crime-scroller li a:hover, div.crime-scroller li a:visited {border:0;text-decoration:none;}
div.crime-scroller div.photo-photo {width:180px;/*overflow:hidden;*/height:210px;margin:0 5px; background-color:#666; position:relative; }
div.crime-scroller div.photo-photo img {width:180px;border:0;margin:-14px 0 0 0;cursor:pointer; color:#666;}
div.crime-scroller div.photo-name {position:absolute;z-index:931;}
div.crime-scroller div.photo-name-hover, div.crime-scroller div.photo-name-background {position:absolute;/*bottom:-212px;*/bottom:0px; font-size:.9em;letter-spacing:-.5px;width:180px; text-align:center; padding:3px 0;}
/*div.crime-scroller div.photo-name-background {color:#000;z-index:10;background-color:#000; opacity:0.5;}*/
div.crime-scroller div.photo-name-background { background: url(http://sptutil.s3.amazonaws.com/images/alpha-50-000.png) repeat scroll 0 0 transparent; color: #000000; z-index: 10; }
div.crime-scroller div.photo-name-hover {color:#fff;z-index:11;}
/*div.crime-scroller span.timeStamp {position:absolute;font-size:12px;padding:2px 3px 0; background-color:#fff; opacity:0.4;color: #000;}*/
div.crime-scroller span.timeStamp { background: url(http://mugshots.s3.amazonaws.com/site-images/time-stamp-bg.png) repeat scroll right bottom transparent; color: #000000; font-size: 12px; opacity: 0.5; padding: 2px 3px 0; position: absolute; filter:alpha(opacity=50); }
div.crime-scroller-container { clear:both;   -moz-border-radius:5px; -webkit-border-radius:5px; background:#111111 none repeat scroll 0 0;  padding:1px; }
div.next, div.prev {width:35px;height:220px;z-index:50;cursor:pointer;position:absolute;}
div.prev {margin:0 0 0 -8px;background: url(http://mugshots.s3.amazonaws.com/site-images/btn-back-active.png) no-repeat 0 95px;}
div.next {margin:0 0 0 953px;background: url(http://mugshots.s3.amazonaws.com/site-images/btn-next-active.png) no-repeat 0 95px;}
div.disabled { background-image: none !important; }
div.home-container {}
div.latest-crime {padding:3px 0;}
div.latest-crime p { margin:5px 24px; color:#FFFFFF; font-size:0.7em;}
div.latest-crime h1 {margin:0 0 0 10px; font-size:36px; letter-spacing:-1px; height:48px;}
.mugCount {width: auto; float:left; display:block;}
.mugCountHammer {font-size:50%;  letter-spacing:normal; display:block; width:60%; float:left; margin-left:24px; }
.nobreak { white-space:nowrap; }
/* utility */
div.clear {font-size:.01px; line-height:.01px;clear:both;}
a, a:hover, a:visited, a:active {outline: none;}
div.medrect-ad, div.medrect-ad2 { width:300px; height:250px; position:relative; z-index:501; margin:0 0 20px; }
div.medrect-ad2 { height:600px; }
.medrect-ad iframe { width: 300px; height: 250px; }
.medrect-ad2 iframe { width: 300px; height: 600px; }
div.leaderboard-ad { width:728px; height:90px;background:black;float:right;margin:10px 0 0 ; position:relative; z-index:500;}
div.left {float:left;position:relative;}
div.right {float:right;}
/* popup testing */
div.detail-ad {padding:0 25px 0 0;float:right;}
div.popup-outer {width:748px;height:472px;position:absolute;background-color: #8D8D8D ;z-index:999; color:#000;}
div.popup-inner {padding:10px;}
.hide {display:none!important;}
div.hider {margin:0px;padding:0px;position:absolute;}
/*div.transparent {background:#000;opacity:0.8;z-index:990;}*/
div.transparent { background: url(http://sptutil.s3.amazonaws.com/images/alpha-80-000.png) repeat scroll 0 0 transparent; z-index: 990; }
div.close {cursor:pointer;width:30px;height:30px;margin:-20px 0 0 720px;position:absolute;background:transparent url(http://mugshots.s3.amazonaws.com/site-images/fancy_closebox.png) no-repeat scroll 0 0;}
div.person-booking-crime {background-color:#EEEEEE; border:1px solid #CCCCCC; height:110px; overflow-y:auto; padding:0 5px 5px;}
div.person-booking-crime p { }
/* olha o disco */
.weightlist { }
.weightlist ul {}
.weightlist li {display:block; float:left; line-height:1.5em; margin:0px 3px 0px 0px; white-space:nowrap; }
.weightlist li a {background-color:#323953; height:20px; line-height:2.3em; padding: 10px 7px 7px; }
.weightlist li a:hover { background-color:#354584; text-decoration:none; color:#0099FF;}
.weightlist li a:visited { background-color:#323953;}
#zipButton img {border:none;margin: -1px 0pt 0pt 5px;float:right;}
.zippicker {float:left;width:auto;margin:5px 0;}
.zips { border-top:1px solid #fff;}
/* pagination */
.step-links { padding:5px;}
.boom { background-color:#000000; }
.current {}
.pagination a, .pagination a:visited, .pagination a:hover {}
/* stuff for new self-contained search */
/*WORKING ON THEM TOP-LEVEL PICKERS HERE*/
div.searchBar { background: url(http://mugshots.s3.amazonaws.com/site-images/search-background.png) no-repeat scroll 412px 8px transparent; float:right; width:728px;position:relative; height:50px; }
div.searchTitle { position:absolute; top:15px; right:335px; color:#FFFFFF; width:auto; }
div.searchName {position:absolute;left:410px; top:-2px;}
div.searchZip { position:absolute; left:589px;}
div#searchLastName { height:28px; padding:0 0 4px; float:right; width:175px; margin:10px 0 0; position:relative; }
input#q { width:100px;background:transparent ; border: none; padding:7px 10px 6px; margin:0; font-weight:normal; font-size:16px;color:#fff; font-family: Helvetica, Arial, Geneva, sans-serif; position:absolute; top:0;left:0; }
input#q2 {position:absolute;left:122px;}
input.z {font-size:16px; color:#fff; height:22px; margin:0; padding:8px 6px 0px; position:relative; top:-9px; width:82px; background:transparent; border:none;font-family: Helvetica, Arial, Geneva, sans-serif; }
.z option {color:#999;} 
.zip-button { margin:8px 0 0;cursor:pointer;}
#searchZipBox { float:right; width:auto;}
/*WORKING ON THEM TOP-LEVEL PICKERS HERE*/
/* BROWSEBY STUFF */
div.browserbox {float:left;margin:0 30px 0 0;}
div.browserbox form {width:auto;margin:5px 0;}
div.browserbox div { clear:both; } 
div.browserbox ul.chart { margin:0 0 25px 0; /* the following stuff is a test */ border-top:1px solid #fff;float:left;font-size:12px;padding:0;  } 
div.browserbox, div.browserbox ul.chart {width:195px;} /* the chart and the chart container must? should? match */
 /* the following stuff is a test */
div.browserbox ul.chart li { list-style-type:none;display:block;position:relative; list-style-position:inside; } 
div.browserbox ul.chart a { display:block;padding:5px 4px 2px;position:relative;z-index:2;color:#fff;border-bottom:1px solid #555!important; } 
div.browserbox ul.chart a:hover { /*background:#555;*/ background-color: rgba(100, 100, 100, 0.3); color:#fff;text-decoration:none; } 
.percent {background:#47a url(http://mugshots.s3.amazonaws.com/site-images/progress-bar.gif) repeat scroll 0 0;overflow:hidden;position:absolute;height:100%;top:0;}
.count {color:#4578C3;display:block;margin-top:5px;position:absolute; /*right:0;*/ right:3px; text-align:right;top:0; z-index:3; font-weight:bold;}
div.color-box {margin:25px 0 0 0;}
.initCap { text-transform:capitalize;}
/* about us */
p.about-us {line-height:1.25em;font-size:14px;}
/* crime stories */
ul.crime-blog {padding:0;margin:0 0 20px 0;font-size:13px; line-height:120%;}
ul.crime-blog a {}
ul.crime-blog li {margin:0 0 4px 18px; list-style-image:url(http://mugshots.s3.amazonaws.com/site-images/blue-bullet.gif);}
ul.crime-blog .crime-blurb {padding:0 0 0 10px;}
ul.crime-blog h3 { font-size:1em!important; color:#ccc;font-weight:normal!important; }
ul.crime-blog h3 a, ul.crime-blog h3 a:visited {}
/*a.news-heads:hover {color:#4E88DD!important;}*/
/* tooltip */
#JT {position:absolute;z-index:999;padding:0;margin:0;width:auto!important;height:auto!important;}
.jTip{cursor:help;}
.jTip img { vertical-align:bottom; border:0;}
.glossary-container-outer {width:290px;border:2px solid #4578C3;-moz-border-radius:12px;-webkit-border-radius:12px;}
.glossary-container-inner {padding:10px;background:#fff;-moz-border-radius:8px;-webkit-border-radius:8px;}
.glossary-container p {margin:0 0 5px;}
.glossary-expo {color:#333;font-size:11px;}
.glossary-item {color:#000;font-size:11px;font-weight:bold;}
.glossary-def {color:#555;font-size:11px;}
.glossary-title {font-size:18px;font-weight:bold;letter-spacing:-1px;color:#555;}
/* faq flat page */
div.faq-container p { font-size:14px; line-height:135%; margin:10px 0; padding:0 0 0 0; }
div.faq-container p.question{margin:20px 0 0;padding:0px!important;font-size:20px!important;font-weight:bold;color:#ccc;}
div.flatpage-container {width:650px;}