@import url("com-theme-alerts.css");
/***
	City of Madison - City 3 Fluid Template 
	Police 3 Fluid Stylesheet - For Bootstrap Version 2.3.0
***/

/*** Banner ***/
.banner { background-color: #003; background-image: url(/police/images/banner.jpg); }
.banner .banner-logo { margin-top:5px; margin-left:9px; }
.banner .banner-logo img { width:312px; }
.banner .feature.help { font-weight:bold; }

/*** main navigation color ***/
.navbar.subnav .navbar-inner { /*this is NH making changes to the main navigation color*/
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 3%, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.2) 90%, rgba(0,0,0,0.1) 97%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(3%,rgba(0,0,0,0.1)), color-stop(10%,rgba(0,0,0,0.2)), color-stop(50%,rgba(0,0,0,0.3)), color-stop(90%,rgba(0,0,0,0.2)), color-stop(97%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 3%,rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.2) 90%,rgba(0,0,0,0.1) 97%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 3%,rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.2) 90%,rgba(0,0,0,0.1) 97%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 3%,rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.2) 90%,rgba(0,0,0,0.1) 97%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 3%,rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.2) 90%,rgba(0,0,0,0.1) 97%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112266', endColorstr='#000033',GradientType=0 ); /* IE6-9 */
}

.addthis_counter a.atc_s { font-size: .8em; }

.subnav .nav-collapse .nav li.home a { padding-top: 17px; padding-bottom:16px; }
.subnav .nav > li > a, .subnav .nav > li > a:focus, .subnav .nav-collapse .nav li a { padding-left:17px; padding-right:17px; }

/*** Bio ***/
.bio div { margin-left: 0; }
.bio .bio-text { margin-left: 10px; }
.bio .bio-text .heading { font-size: 1.1em; line-height: normal; margin: 0 0 5px; border: none; }
.bio .bio-text p { padding-right: 10px; }
.bio .bio-text ul { list-style: none; margin: 0 5px 0 0; }

/*** Bio About Foeld Operation Separation ***/
.Wahl .Gabers, .Gaber .Wahls { display:none; }


/*** incident details ***/
.tooltip { font-size: 14px; left: 5px !important; line-height: 19px; right: 5px; }
.tooltip.in { opacity: 0.95; filter: alpha(opacity=95); }
.tooltip-inner { background-color: #ddd; border: 1px solid #888; color: #444; max-width: none; padding: 5px 15px; }
.tooltip.top .tooltip-arrow { border-top-color: #888; left: 22%; }
.city3-tooltip, .city3-tooltip .info { margin:15px 0 0 0; width:auto; height:auto; }
.city3-tooltip .info .arrow-tooltip {  margin: -20px 0 5px 25px;  }

/*** incident table ***/
.incident-reports.title .span12, .incident-reports.title.detail-number {
	font-size:16px;
	padding:5px 0;
	background:none;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.23) 50%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(50%,rgba(0,0,0,0.23)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.15) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.15) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#26000000',GradientType=0 ); /* IE6-9 */
}

.incident-reports .span12 { border-bottom:1px solid #ccc; padding:5px 0; }
.incident-reports.title.detail-number { border-bottom: none; color: #222; font-weight: normal; margin-bottom: 20px; margin-top: 0; padding: 10px 15px; }
.incident-report-detail .clearfix h3 { margin-left: 15px; }
.incident-reports .span12 .row .date { padding-left: 10px; }
.incident-reports .span12 .row .updated { padding-left: 20px; }

h3.span2 { margin-top:0; margin-bottom:0;}

div.more-incident-reports { background:#eee; }

a.more-incident-reports {
	text-decoration:none;
	padding:5px 10px;
	font-size:1.1em;
	font-weight:bold;
}

a.more-incident-reports:hover { cursor:pointer; background:#ddd; }
.incident-reports a:visited { color: #204; }

/*** Search Incidents ***/
.search-incidents {
	margin-bottom:15px;
	vertical-align:top;
}

.search-incidents strong, .search-incidents label, .search-incidents div {
	vertical-align:top;
}

.search-incidents span {
	display:inline-block;
}
#searchIncidents label.h2 {
  border: none;
  font-weight: bold;
  margin: 0 0 18px;
}
.search-incidents .field {
	margin-bottom:30px;
}

.list ul li input, .list ul li label {
	margin:5px;
	float: left;
}

.list ul li input {
	margin:10px;
}

.connect-header strong {
	width: 40%;
}

.connect-content .list ul li img {
	width:25px;
	height:25px;
}

.connect-content .list ul li {
	clear: none;
	border-bottom:0;
}

/*** UL columns ***/
ul.quadruple { list-style: none; margin: 0 0 10px; overflow: hidden; }
ul.quadruple li { float: left; margin: 0 5% 0 0; }
ul.quadruple li { width: 20%; }

/*** Styles for map ***/
#map a {
	display: block;
	float: left;
	width: 20px;
	background: #ddd;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #000;
	padding: 2px;
	margin-right: 3px;
}

#map a:hover {
	color: #FFF;
	background-color: #369;
}

/*** Arrow ***/
.down-arrow {
	margin:10px auto;
	width:100px;
	height:100px;
}
.down-arrow .top {
	width: 35px;
	height: 50px;
	background: #9bd0e0;
	margin:0 auto;	
}
.down-arrow .bottom {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #9bd0e0 transparent transparent transparent;	
}

/*** Facebook Thumbnail Image Lists ***/
ul.thumbnails.facebook > li { margin-left:0; margin-right:20px; }
ul.thumbnails.facebook > li.span1 { margin-bottom:5px; padding-bottom:0; }
ul.thumbnails.facebook > li a.thumbnail { background-color:#eee; overflow:hidden; }

/*** Carousel Center Images ***/
.carousel-inner > .item > img { margin:0 auto; }

/*** contact edits ***/
i.icon-question-sign.large { background-image:url(../../../city3/images/iconContact.png); width:20px; height:20px; background-position: 0 0; }
	
/*** Blotter / blog title ***/
i.icon-blog { background-image:url(../../../city3/images/iconBlog.png); width:20px; height:20px; background-position: 0 0; }
.blog-post h1 span[style*="font-size"] { font-size: 60% !important; font-weight: normal; }

.well.title { background-color:#ccc; }
.well.title h2 { margin:0; padding:0; border:0; }

/**********************
	Homepage Icon Well
**********************/
.well.side-nav { padding-top:5px; }
.well.list.icons { padding-bottom:0; }
.well.list.icons li { border-bottom:none; }
.well.list.icons ul.double li, .span6 .well.list.icons ul.triple li { width: 50%; margin-right:0; }
.well.list.icons ul.double li.left, .span6 .well.list.icons ul.triple li.left { clear:both; }
.well.list.icons ul.double li.left:before, .span6 .well.list.icons ul.triple li.left:before { content:""; display:table; clear:both; height:0; line-height:0; }
.well.list.icons a { display:block; padding:15px 15px 10px 10px; margin:10px 0 10px 0; }
.well.list.icons a img { float:left; margin:0 15px 0 0; width: 50px; height:50px; }
.well.list.icons a h2 { border-bottom:none; margin:0 0 10px 0; padding:0; }
.well.list.icons a p { color:#666; margin:0; padding:0; }
a.external-image.clearfix { display:block; margin-bottom:0; padding-right:0; }
a.external-image.clearfix img { margin:0; padding:0; }

/* Social List extension of Icon Well */
.well.social.list.icons ul li a {
	padding: 8px;
	margin-top: 0;
}
.well.social.list.icons ul li a h3 {
	line-height: 50px;
	padding: 0;
}

/* Calendar List helper-text link */
.calendarlist h2 {
	margin-bottom: 0;
}
.calendarlist .alert {
	margin-top: 20px;
}

/**********************
	Data: Quarterly Data
**********************/
.quarterly-data p {
	margin: 4px 8px;
}
.quarterly-data .heading {
  border: none;
  margin: 0;
  padding: 0;
}
.quarterly-files {
	padding-top: 6px;
}
.quarterly-data .data-group {
	position: relative;
  margin-bottom: 10px;
}
.quarterly-data .data-group .heading button {
  border: none;
  display: block;
  font-weight: bold;
  font-size: .9185em;
  line-height: 1.6;
  color: #222;
	background-color: #f0f0f0;
  text-align: left;
  width: 100%;
  padding-left: 10px;
  padding-right: 0;
}
.quarterly-data .data-group .heading button[data-toggle="collapse"]{
	cursor: pointer;
}
.quarterly-data .data-group .heading button[data-toggle="collapse"]:hover{
	background-color: #e9e9e9;
}
.quarterly-data .data-group ul.inline.collapse {
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.quarterly-data .data-group ul.inline.collapse.in {
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.quarterly-data .data-group ul.inline.grid-5 li {
	width: 98%;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .quarterly-data .data-group ul.inline.grid-5 li {
		width: calc(100% * (1/2) - 12px);
		margin-right: 15px;
		padding-right: 0;
		padding-left: 0;
		vertical-align: top;
	}
	.quarterly-data .data-group ul.inline.grid-5 li:nth-child(2n) {
		margin-right: 0;
	}
	.quarterly-data .data-group ul.inline.grid-5 li h4 {
		font-size: 14px;
    line-height: 1.5;
    min-height: 40px;
		margin-bottom: 0;
    margin-top: 10px;
    padding-left: 0;
	}
}
@media (min-width: 1200px) {
	.quarterly-data .data-group ul.inline.grid-5 li {
		width: calc(100% * (1/3) - 12px);
		margin-right: 15px;
		padding-right: 0;
		padding-left: 0;
		vertical-align: top;
	}
	.quarterly-data .data-group ul.inline.grid-5 li:nth-child(3) {
		margin-right: 0;
	}
	.quarterly-data .data-group ul.inline.grid-5 li h4 {
		font-size: 14px;
    line-height: 1.5;
    min-height: 40px;
		margin-bottom: 0;
    margin-top: 10px;
    padding-left: 0;
	}
}
.quarterly-data .data-group .heading button span {
	position: relative;
	float: right;
	padding: 0 10px;
}
.quarterly-data .data-group .heading button span:after {
	content: "-";
	position: absolute;
	top: 43%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #222;
}
.quarterly-data .data-group .heading button.collapsed span:after {
	content: "+";
	top: 50%;
}

/*********************
Non-Table
*********************/
.non-table h3 { margin:0; }
.non-table .info { background:#d9edf7; }
.non-table .no-border { border-bottom: none; }


/**********************
	General Media 
	Queries Overrides
**********************/
@media (min-width: 1200px) {
	.subnav .nav > li > a, .subnav .nav > li > a:focus, .subnav .nav-collapse .nav li a { padding-left:30px; padding-right:30px; }
	.bio .bio-text { margin-left: 0; }
}

@media (max-width: 767px) {
	.bio { clear: both; }
	.incident-reports .span12 .row .date, .incident-reports .span12 .row .updated { padding-left: 0; }
	.incident-reports.title .span12, .incident-reports .span12 { padding: 10px; }
	.incident-report-detail .clearfix h3 { margin-left: 0; }
}
@media (min-width: 768px) and (max-width: 979px), (max-width: 480px) {	
	.well.list.icons ul.double li, .span6 .well.list.icons ul.triple li { width: 100%; float:none; }
	.well.list.icons ul.double li.left, .span6 .well.list.icons ul.triple li.left { clear:none; }
	.well.list.icons ul.double li.left:before, .span6 .well.list.icons ul.triple li.left:before { content:""; display:table; clear:none; }
}

/* List Tags */
.list.tags p a {
  font-size: 100% !important;
}

/* Design Component Branding */
.icon-list-standard li span.cityicons {
  background-color: #1a1c80 !important;
  color: #ffffff;
}
.icon-list-standard li a:hover span.cityicons,
.icon-list-standard li a:focus span.cityicons {
  background-color: #1a0b69 !important;
  color: #ffffff;
}
.icon-list-standard li a:hover .content .heading,
.icon-list-standard li a:focus .content .heading {
  color: #1a1c80 !important;
}
.icon-list-detail li span.cityicons {
  color: #1a1c80 !important;
}
.icon-list-detail li .content .heading {
  color: #1a0b69 !important;
}
.icon-list-detail.icon-list-detail-circle li span.cityicons {
  background-color: #1a1c80 !important;
  color: #ffffff;
}
.icon-list-detail.icon-list-detail-circle li .content .heading {
  color: #1a0b69 !important;
}
.icon-list-detail.icon-list-detail-large li span.cityicons {
  color: #1a1c80 !important;
}
.icon-list-detail.icon-list-detail-large li .content .heading {
  color: #1a0b69 !important;
}
.icon-list-detail.icon-list-detail-circle.icon-list-detail-large li span.cityicons {
  background-color: #1a1c80 !important;
  color: #ffffff;
}
.icon-list-detail.icon-list-detail-circle.icon-list-detail-large li .content .heading {
  color: #1a0b69 !important;
}
.icon-list-circle li span.cityicons {
  background-color: #1a1c80 !important;
  color: #ffffff;
}
.icon-list-circle li a:hover span.cityicons,
.icon-list-circle li a:focus span.cityicons {
  background-color: #1a0b69 !important;
  color: #ffffff;
}
.icon-list-circle-card li span.cityicons {
  background-color: #1a1c80 !important;
  color: #ffffff;
}
.icon-list-circle-card li a:hover span.cityicons,
.icon-list-circle-card li a:focus span.cityicons {
  background-color: #1a0b69 !important;
  color: #ffffff;
}
.icon-list-grid li a {
  color: #1a1c80 !important;
}
.icon-list-grid li a:hover,
.icon-list-grid li a:focus {
  background-color: #1a1c80 !important;
  color: #ffffff !important;
}
.icon-list-grid li a:hover .content,
.icon-list-grid li a:focus .content {
  color: inherit;
}
.icon-list-grid-dark li .content {
  color: #ffffff;
}
.icon-list-grid-dark li a {
  background-color: #1a1c80 !important;
  color: #ffffff;
}
.icon-list-grid-dark li a:hover,
.icon-list-grid-dark li a:focus {
  background-color: #1a1c80 !important;
  color: #ffffff;
}
.icon-list-grid-dark li a .cityicons {
  color: #ffffff;
}
.icon-list-blocks li a {
  background-color: #1a1c80 !important;
  color: #ffffff;
  border-bottom-color: #1a0b69 !important;
}
.icon-list-blocks li a:hover,
.icon-list-blocks li a:focus {
  background-color: #1a0b69 !important;
  color: #ffffff;
  border-bottom-color: #1a0541 !important;
}
.icon-list-blocks li a .cityicons {
  color: #ffffff;
}
.icon-list-blocks li:nth-child(even) a {
  background-color: #1a1c80 !important;
  color: #ffffff;
  border-bottom-color: #1a0b69 !important;
}
.icon-list-blocks li:nth-child(even) a:hover,
.icon-list-blocks li:nth-child(even) a:focus {
  background-color: #1a0b69 !important;
  color: #ffffff;
  border-bottom-color: #1a0541 !important;
}
.icon-list-blocks li:nth-child(even) a .cityicons {
  color: #ffffff;
}
.list-steps > ol > li:before,
ol.list-steps > li:before {
  color: #000033 !important;
  background-color: #fff;
}
.list-steps > ol > li .list-steps-heading,
ol.list-steps > li .list-steps-heading {
  color: #000033 !important;
}
.list-steps li .list-steps-heading {
  font-size: 17px;
  padding-top: 10px;
}

/* Bootstrap Button Modifications: https://github.com/City-of-Madison/ColdFusion/issues/275*/
.btn {
  padding: 7px 12px;
}
.btn-primary {
  border: none;
}
a[href$=".csv"]:after, a[href$=".CSV"]:after, a[href$=".doc"]:after, a[href$=".DOC"]:after, a[href$=".docx"]:after, a[href$=".DOCX"]:after, a[href$=".eps"]:after, a[href$=".EPS"]:after, a[href$=".pdf"]:after, a[href$=".PDF"]:after, a[href$=".ppt"]:after, a[href$=".PPT"]:after, a[href$=".txt"]:after, a[href$=".TXT"]:after, a[href$=".xls"]:after, a[href$=".XLS"]:after, a[href$=".xlsx"]:after, a[href$=".XLSX"]:after {
  padding-right: 7px;
}
a.btn-primary[href$=".csv"]:after, a.btn-primary[href$=".CSV"]:after, a.btn-primary[href$=".doc"]:after, a.btn-primary[href$=".DOC"]:after, a.btn-primary[href$=".docx"]:after, a.btn-primary[href$=".DOCX"]:after, a.btn-primary[href$=".eps"]:after, a.btn-primary[href$=".EPS"]:after, a.btn-primary[href$=".pdf"]:after, a.btn-primary[href$=".PDF"]:after, a.btn-primary[href$=".ppt"]:after, a.btn-primary[href$=".PPT"]:after, a.btn-primary[href$=".txt"]:after, a.btn-primary[href$=".TXT"]:after, a.btn-primary[href$=".xls"]:after, a.btn-primary[href$=".XLS"]:after, a.btn-primary[href$=".xlsx"]:after, a.btn-primary[href$=".XLSX"]:after {
  color: #fff;
}