@charset "utf-8";
/* 
*
*  Surpriseaz.gov Custom CSS
*
*/

/* buttons */
.btn {
	background:#e8e8e8;
	display:inline-block;
	padding:.75em;
	font-size:1.1em;
	color:#333333 !important;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom-left-radius:.5em;
	border-top-right-radius:.5em;
	box-shadow:3px 3px 0px #787878;
}
.btn:hover {
	background:#dbdbdb;
}
.btn-primary {
	background:#702c6a;
	color:#ffffff !important;
}
.btn-primary:hover {
	background:#662860;
}
.btn-secondary {
	background:#637565;
	color:#ffffff !important;
}
.btn-secondary:hover {
	background:#5C635D;
}

/* hyperlink info pop-ups */

a.info-pop {
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	color:#702c6a;
}
a.info-pop span {
	position:absolute;
	display:none;
	top:1.4em;
	min-width:250px;
	padding:.5em;
	background:#eaeaea;
	border:1px solid #787878;
	border-radius:.5em;
	z-index:10;
	color:#333;
}
a.info-pop span h3 {
	margin:0 0 0.2em 0;
}
a.info-pop:hover span {
	display:block;
}

/*  Responive Map frame */
.map-respond, .frame-respond {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow:hidden;
}
.map-respond iframe, .frame-respond iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*  Responive Video frame */
.video-respond {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-respond iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*  helpers */
.pull {
	float:left;
	margin-right:1em;
}
.push {
	float:right;
	margin-left:1em;
}

/* Mega Menu Promo styling */
.mega-promo {
	margin-top:15px;
	color:#ffffff;
}
.mega-promo a {
	color:#d692d0 !important;
}

/*  information highlight panels */
.panel-highlight {
	background:#636466;
	padding:1em;
	color:#ffffff;
	border-radius:0 25px 0 25px;
}
.panel-highlight a {
	color:#d692d0 !important;
	text-decoration:underline !important;
}
.panel-alert {
	background:#dc5a75;
	padding:1em;
	color:#ffffff;
	border-radius:0 25px 0 25px;
}
.panel-alert a {
	color:#ffffff !important;
	text-decoration:underline !important;
}
.panel-detail {
	background:#f2f2f2;
	padding:1em;
	border: 1px solid #cccccc;
}
.panel-detail span, .panel-detail font {
	display:block;
	background:#333;
	margin-bottom:.5em;
	padding:.8em;
	color:#fff;
	text-transform:uppercase;
	font-size:1.3em;
}
.panel-alert .subhead1, .panel-alert .subhead2, .panel-highlight .subhead1, .panel-highlight .subhead2 {
	color:#ffffff !important;
}
.panel-highlight span, .panel-alert span, .panel-detail span {
	font-size:1.3em;
}
.panel-fines {
	background:#f2f2f2;
	float:left;
	width:100%;
	max-width:425px;
	min-height:194px;
	margin:1em;
	padding:1em;
	border: 1px solid #cccccc;
}
.panel-fines span {
	text-transform:uppercase;
	font-size:1.3em;
}
.panel-fines #total, .panel-fines #late {
	font-size: 1.5em;
}

/*  simple table style */
.cos-table .head, .cos-table .head td {
	background:#702c6a;
	font-family:Arial;
	font-weight:700;
	color:#fff;
}
.cos-table tr:nth-child(even) {
	background:#f6f6f6;
}
.first-col-r td:first-child { 
	text-align: right;
}​

/* table widget <p> margin override */
.widget th p, .widget .textContent td p {
	margin:0;
}

/* File Icons - applied when term in title attr is found */
a[title~=PDF]:before {
	content:url(/DocumentCenter/View/34235);
}
a[title~=AVI]:before {
	content:url(/DocumentCenter/View/34236);
}
a[title~=XLS]:before {
	content:url(/DocumentCenter/View/34237);
}
a[title~=PNG]:before {
	content:url(/DocumentCenter/View/34238);
}
a[title~=EPS]:before {
	content:url(/DocumentCenter/View/34239);
}
a[title~=PSD]:before {
	content:url(/DocumentCenter/View/34240);
}
a[title~=DOC]:before {
	content:url(/DocumentCenter/View/34241);
}
a[title~=TXT]:before {
	content:url(/DocumentCenter/View/34242);
}
a[title~=MP4]:before {
	content:url(/DocumentCenter/View/34243);
}
a[title~=JPG]:before {
	content:url(/DocumentCenter/View/34244);
}
a[title~=ZIP]:before {
	content:url(/DocumentCenter/View/34245);
}
a[title~=MP3]:before {
	content:url(/DocumentCenter/View/34246);
}
a[title~=PDF]:before, a[title~=AVI]:before, a[title~=XLS]:before, a[title~=PNG]:before, a[title~=EPS]:before, a[title~=PSD]:before, a[title~=DOC]:before, a[title~=TXT]:before, a[title~=MP4]:before, a[title~=JPG]:before, a[title~=ZIP]:before, a[title~=MP3]:before {
	margin-right:.3em;
	vertical-align: top;
}

/*  Bids Module style overrides */

table[summary="Bids"], table[summary="Bid Items"] td, table[summary="Bid Details"] td {
	padding:1em .2em 1em .2em;
	font-size:.9em;
}
table[summary="Bid Items"] td #BidCloses, table[summary="Bid Items"] td #BidStatus {
	font-weight:600;
}
table[summary="Bid Items"] td:nth-child(2) .BidDetail:first-child {
	font-size:1.1em;
	font-weight:600;
}

/*  Bond Styles  */
.btn-bond {
	background:#637565 url(/DocumentCenter/View/33362) no-repeat right center;
	display:block;
	margin-top:.5em;
	padding:1em .75em;
	color:#fff !important;
	font-size:1.1em;
	text-transform:uppercase;
	text-decoration:none !important;
	border-bottom-left-radius:.5em;
	border-top-right-radius:.5em;
}
.btn-bond:hover {
	background:#5C635D url(/DocumentCenter/View/33362) no-repeat center right;
	padding-right:2em;
}

/* Utility water faqs insert */
form[action="./FAQ.aspx?TID=28"] #cat28:before {
	content:"The City of Surprise Customer Service/Utility Billing team will begin auto pay, account look-up and electronic statement set up assistance on November 1. All questions regarding your account should be directed to your current utility provider until the official transition date on November 1.";
	background:#f2f2f2;
	display:block;
	margin-bottom:1em;
	padding:.8em;
	font-weight:600;
}