/* ---------------------------------------------
=Reset
=normalize.css v2.1.3 | MIT License | git.io/normalize
---------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:\201C \201D \2018 \2019}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;width:12px;display:inline;background:transparent;background-color:transparent;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body,figure{margin:0}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}


/* ---------------------------------------------
=Fonts
	font-family:'Source Sans Pro',sans-serif;
	font-family:'Titillium Web',sans-serif;
	font-family:'Droid Serif',serif;
	font-family:'Roboto Condensed',sans-serif;
---------------------------------------------- */
@import url("/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic|Titillium+Web:400,300,600,700,300italic,400italic,600italic,700italic|Droid+Serif:400,700,400italic,700italic|Roboto+Condensed:300italic,400italic,700italic,400,300,700");


/* ---------------------------------------------
=Foundation
---------------------------------------------- */
#s4-bodyContainer *, #s4-bodyContainer *:before, #s4-bodyContainer *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#s4-bodyContainer {background:#5a5b5d;color:#000;font:400 14px/20px 'Source Sans Pro', sans-serif;}

h1, h2, h3, h4, h5 {font-weight:300;font-family:'Droid Serif', sans-serif;line-height:24px;margin:0 0 20px;}
h2 {font-style:italic !important}
h3 {font-size:16px;font-weight:600;}
h4, h5  {margin-bottom:5px;}
.title {font-size:22px;font-style:italic;}
.headline {font-family:'Titillium Web',sans-serif;font-weight:bold;line-height:19px;}
.headline2 {font-family:'Titillium Web',sans-serif;line-height:19px;}
.headline3 {font-family:'Titillium Web',sans-serif;font-weight:bold;line-height:16px;}

	.title.ico {background:url("../images/sprite-title-icons-june23.png") no-repeat 999px 999px;padding:8px 0 7px 40px;}
	.title.ico.facebook {background-position:0 0;}
	.title.ico.twitter {background-position:0 -216px;}


a {color:#9a0049;font-family:'Titillium Web',sans-serif;}
a, a:before, a:after,
nav li,
#primary-search .ms-srch-sb {
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;}

a.tel {color:#000;text-decoration:none;font-weight:bold;}
	a.tel span {font-weight:normal;}
	.mobile a.tel {background:#003760;color:#fff;display:inline-block;padding:6px 7px;}
	.mobile .tel-group {margin-bottom:15px;overflow:hidden;}
	.mobile .tel-group br {display:none;}
	.mobile .tel-group a.tel {float:left;margin:0 3px;}


p {margin:0 0 15px;}

input,
textarea {font-size:16px;padding:3px 8px;border:1px solid #999}

textarea {min-height:61px;}


/* input placeholder styling - must be separate definitions */
	::-webkit-input-placeholder {
		   color:#48494b;
		   font-style:italic;}
	:-moz-placeholder {
		   color:#48494b;
		   font-style:italic;}
	::-moz-placeholder {
		   color:#48494b;
		   font-style:italic;}
	:-ms-input-placeholder {
		   color:#48494b;
		   font-style:italic;}

hr {display:none;clear:both;border:0;height:0;border-top:1px solid rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.3);margin:10px 0 20px;width:100%;}
hr.mobile {display:block;}

fieldset {border:0;padding:0;overflow:hidden;}
	fieldset input,
	fieldset textarea {border:1px solid #999;background:#ececec;display:block;margin:0 0 10px;outline:0;width:99%;}
	fieldset input:focus,
	fieldset textarea:focus {border:1px solid #ccc;}
	fieldset input[type=submit],
	fieldset input.submit {background:#a6005c;color:#fff;display:inline-block;font-size:18px;font-weight:100;float:right;padding:5px 30px;width:auto;}
	fieldset input.error,
	fieldset textarea.error,
	fieldset select.error,
	fieldset a.selectBox.error {border:1px solid #a6005c;color:#a6005c;outline:0;}
	
	fieldset .error::-webkit-input-placeholder {color:#a6005c;}
	fieldset .error:-moz-placeholder {color:#a6005c;}
	fieldset .error::-moz-placeholder {color:#a6005c;}
	fieldset .error:-ms-input-placeholder {color:#a6005c;}
	
	label.error {color:#a6005c;display:block;text-align:right;position:relative;top:-8px;}
	
	fieldset ::-webkit-input-placeholder {color:#666;}
	fieldset :-moz-placeholder {color:#666;}
	fieldset ::-moz-placeholder {color:#666;}
	fieldset :-ms-input-placeholder {color:#666;}
		   
	fieldset .key {color:#666;display:block;padding:0 18px 5px 0;text-align:right;}
	fieldset .terms-policy {font-size:14px;font-style:italic;position:relative;top:-3px;}
	
	fieldset .note {font-style:italic;color:#666;}
	
/* Alternate Form Styling */
.generic fieldset {}
	.generic .key {text-align:left;}
	.generic label {display:block;font-weight:600;padding:0 0 5px 0;}
	.generic input,
	.generic textarea,
	.generic .selectBox-dropdown {border:1px solid #999;background:#f2f2f2;padding:6px 8px;}
	.generic .selectBox-dropdown .selectBox-arrow {background-position:right -988px;}
	.generic input[type=submit], .generic input.submit
		{background:#a6005c;border:1px solid #999;color:#fff;display:inline-block;font-size:18px;font-weight:100;float:left;padding:5px 30px;width:auto;}


table {text-align:left;width:100%;}
	table thead {background:#f2f2f2;font-weight:500;}
	table td,
	table th {padding:4px 5px;vertical-align:top;}
	table th, table .th {font-family:'Titillium Web',sans-serif;}
	table td {border-top:1px solid #f2f2f2;}
	
	/*Table Line Height condensed for tables in narrow layouts*/
	
tablesm {text-align:left;width:100%;}
	tablesm thead {background:#f2f2f2;font-weight:500;}
	tablesm td,
	tablesm th {padding:4px 5px;vertical-align:top;}
	tablesm th, table .th {font-family:'Titillium Web',sans-serif;}
	tablesm td {border-top:1px solid #000000;}

	/*END Table Line Height condensed for tables in narrow layouts*/
	
	/* Force table to not be like tables anymore */
	.mobile table, .mobile thead, .mobile tbody, .mobile th, .mobile td, .mobile tr {display: block;}

	/* Hide table headers (but not display: none;, for accessibility) */
	.mobile thead tr {position:absolute;top:-9999px;left:-9999px;}
	
	/* Behave  like a "row" */
	/*.mobile td {position:relative;padding-left:50%;}*/
	
	/* Now like a table header */
/*	.mobile td .th {position:absolute;top:4px;left:25px;width:45%;padding-right:10px;white-space:nowrap;}*/
	.mobile td {overflow:hidden;}
	.mobile td .th {float:left;padding:0 5% 0 5%;width:55%;}
	.mobile td .td {float:left;width:35%;}
	
	/* Basic styling */
	.mobile td .th {font-weight:bold;}
	.mobile tr {background:#eaeaea;margin-bottom:7px;padding:10px 0;}
	.mobile td {border:0;}
	.mobile td, .mobile td a {font-size:13px;}


.base-w {margin:auto;max-width:1120px;padding:0 10px;position:relative;z-index:500;}
	/* clearfix styling */
	.base-w:before,
	.base-w:after {content: " ";display: table;}
	.base-w:after {clear: both;}
	.base-w {*zoom: 1;}


nav ul {margin:0;padding:0;}
nav li {display:block;}
nav a {text-decoration:none;}

header {background:#003760;}

#primary {background:#fff;padding:40px 0 20px;}
	.mobile #primary img {height:auto;max-width:100%;}
	.CED {background-image:url('https://www.phoenix.gov/econdevsite/MediaAssets/skyline.jpg') !important;}

header, footer, #primary {/*overflow-x:hidden;*/}
header {overflow: hidden;}

header .top.base-w  {max-width:1140px;}
	header .mq-ham-text {display:none;}


#primary img.left {margin:0 20px 0 0;}
#primary img.right {margin:0 0 0 20px;}
	
	
	

/* ---------------------------------------------
=Item
---------------------------------------------- */
.nav-toggle {background:url("../images/sprite-icons.png") no-repeat 0 -484px;height:16px;width:24px;}

header .top {height:65px;}
	header .ms-siteicon-img {float:left;margin:10px 0 0 5px;position:relative;width:185px;z-index:10;}	
	header .badges,
	header .nav-toggle {position:relative;z-index:10;}
	header .badges {margin:15px auto 0;text-align:center;}
	header .nav-toggle {float:right;margin:23px 10px 0 0;}
	header .logo-bg {background:url("../images/bg-cop-logo-blue.png") no-repeat 0 -54px;height:65px;position:absolute;right:-128px;top:0;width:246px;z-index:1;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;}

#primary-search {background:#eea41c;height:48px;padding:8px 0 0;
	-webkit-box-shadow:0 2px 20px 1px rgba(0,0,0,0.1);
	box-shadow:0 2px 20px 1px rgba(0,0,0,0.1);}
	#primary-search .ms-srch-sb {background:#fff;height:32px;margin:auto;position:relative;width:90%;}
	#primary-search .ms-srch-sb.focus {background:rgba(255, 255, 255, 0.9);}
	#primary-search .ms-srch-sb input {background:none;border:0;float:left;outline:none;padding:5px 2px;width:100%;color:#777;}
	#primary-search .search .search-icon {background:url("../images/sprite-icons.png") no-repeat -280px -290px;display:block;height:20px;margin:5px 15px 0 0;right:-6px;top:2px;position:absolute;width:20px;}
	
	#primary-search .search .search-icon {background:url("../images/sprite-icons.png") no-repeat -280px -290px;display:block;height:20px;margin:5px 15px 0 0;right:-6px;top:2px;position:absolute;width:20px;}
	
	/* input placeholder styling - must be separate definitions */
	#primary-search .ms-srch-sb input::-webkit-input-placeholder {
		   color:#48494b;
		   font-style:italic;}
	#primary-search .ms-srch-sb input:-moz-placeholder {
		   color:#48494b;
		   font-style:italic;}
	#primary-search .ms-srch-sb input::-moz-placeholder {
		   color:#48494b;
		   font-style:italic;}
	#primary-search .ms-srch-sb input:-ms-input-placeholder {
		   color:#48494b;
		   font-style:italic;}

#hero {background:#003760;padding:8px 0;position:relative;overflow:hidden;}
	#hero .bg {
		height:255px;margin-bottom:5px;
		background:no-repeat center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;}
		
		
footer {padding:20px 0 20px;}
	footer,
	footer a, 
	footer a:visited,
	footer p {color:#b3b5b8;font-family:'Roboto Condensed',sans-serif;}
	footer a {text-decoration:underline;}
	
footer .copyright {border-top:1px solid #6c6d6f;clear:both;color:#fff;margin:15px auto 0;padding:15px 0 0;}




.grid {overflow:hidden;}
	.grid .col .container {border-top:1px solid #dbdbdb;margin:40px 10px 0;padding:30px 0 0;overflow:hidden;}
	.grid .col.first > .container.first {border:0;margin-top:0;padding-top:0;}

a.more,
a.more:after {color:#b30057;font-size:16px;font-style:italic;font-weight:600;margin:3px 0;text-decoration:none;}
a.more:after {content:" >";}
a.more:hover,
a.more:hover:after {color:#af2c23;}
a.more:hover:after {padding-left:5px;}


.cta {background:#003760 url("../images/sprite-icons.png") no-repeat 100% -185px;color:#fff;display:block;font-size:16px;margin:0 0 5px;padding:4px 20px 4px 12px;text-decoration:none;width:100%;}
	.cta:hover {background-color:#eea41c;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
	.cta:visited{color: #ffffff;}
	
.cta-procure {background:#a9005b url("../images/sprite-icons.png") no-repeat 100% -185px;color:#fff;display:block;font-size:16px;margin:0 0 5px;padding:4px 20px 4px 12px;text-decoration:none;width:100%;}
	.cta-procure:hover {background-color:#eea41c;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
	.cta-procure:visited{color: #ffffff;}

.cta-budget {background:#1c5d37 url("../images/sprite-icons.png") no-repeat 100% -185px;color:#fff;display:block;font-size:16px;margin:0 0 5px;padding:4px 20px 4px 12px;text-decoration:none;width:100%;}
	.cta-budget:hover {background-color:#eea41c;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
	.cta-budget:visited{color: #ffffff;}
.cta-reverse {background:#eea41c url("../images/sprite-icons.png") no-repeat 100% -185px;color:#fff;display:block;font-size:16px;margin:0 0 5px;padding:4px 20px 4px 12px;text-decoration:none;width:100%;}
	.cta-reverse:hover {background-color:#003760;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
	.cta-reverse:visited{color: #ffffff;}



.cta-selectbox {background:#003760 url("../images/sprite-icons.png") no-repeat 100% -185px;color:#fff;display:block;font-size:16px;margin:0 0 5px;padding:5px 20px 5px 12px;text-decoration:none;width:100%;/*border:1px solid #999; use border for light backgrounds */ font-style:italic;}
	.cta-selectbox:hover {background-color:#eea41c;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px; color:#fff;}
	.cta-selectbox:visited{color: #ffffff;}

.ctabox {
	background:#80c244 no-repeat 100% -185px;
	color:#fff;
	font-size:14px;
	font-family: 'Open Sans', /* Tahoma,*/ Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin:0 0 5px;
	text-decoration:none;
	width:100%;
	display:inline-table;
	margin:7px 7px;
	text-align:left;
	vertical-align:bottom;
	padding:15px 80px 15px 15px;
    border-radius: 10px;
    box-shadow: 0 4px #63963a;
    top: 0px;
    position: relative;
    text-transform: uppercase;
}

.ctabox:after{
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	content: '';
	position: absolute;
}

.ctabox:active{
	box-shadow: 0 0px #07411a;
	top: 4px;
	color: white;
}
.ctabox:hover, .ctabox:focus{
	background-color:#70ae38;
}
.ctabox span{
	display: table-cell;
}
.refinement-icon{
	position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    min-width: 77px;
    background-position: center;
    background-repeat: no-repeat;
}


.social-icos {margin-bottom:10px;overflow:hidden;}
	.social-icos a {background:url('../images/sprite-social-icons.png') no-repeat 0 0;
display:block;float:left;
}
	
	.social-icos.x48 a {height:47px;width:48px;margin:2px 2px;}
		.social-icos.x48 .facebook {background-position: -2px 0;}
		.social-icos.x48 .twitter {background-position:-54px 0;}
		.social-icos.x48 .youtube {background-position:-107px 0;}
		.social-icos.x48 .instagram {background-position:-159px 0;}		
		.social-icos.x48 .pinterest {background-position:-211px 0;}	
		.social-icos.x48 .googleplus {background-position:-263px 0;}	
		.social-icos.x48 .pdf {background-position:-315px 0;}			
		.social-icos.x48 .email {background-position:-366px 0;}	
		.social-icos.x48 .nextdoor {background-position:-418px 0;}
		.social-icos.x48 .phxtv {background-position:-470px 0;}	
		.social-icos.x48 .news {background-position:-521px 0;}		
		.social-icos.x48 .know99 {background-position:-573px 0;}
		.social-icos.x48 .imagesvideo {background-position:-625px 0;}
		.social-icos.x48 .justnews {background-position:-677px 0;}
		.social-icos.x48 .listserv {background-position:-729px 0;}
		.social-icos.x48 .twitter-es {background-position:-782px 0;}
		.social-icos.x48 .periscope {background-position:-835px 0;}

.doc-list-pdf {
	background: url("../images/pdf_icon.gif") 100% .3em no-repeat;
	padding: 0em 1.5em 0em 0em;
}		
.tabs {}
	.tabs .tab-titles {overflow:hidden;}
	.tabs .tab-titles > * {background:#b3b5b8;color:#fff;display:inline-block;font-size:15px;font-weight:300;padding:9px 5px;text-align:center;text-decoration:none;white-space:nowrap;
	-webkit-border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	border-top-left-radius:12px;
	border-top-right-radius:12px;}
	.tabs .tab-titles .active {color:#000;}
	.tabs .tab-titles .last {float:right;}
	.tabs .tab-titles .active,
	.tabs .tab-content {background:#e2e2e2;}
	.tabs .tab-content > * {display:none;padding:18px 13px 20px;overflow:hidden;}
	.tabs .tab-content > .active {display:block;}

.flexslider.stories {margin-bottom:0;}
	.flexslider.stories .story-hero {margin-bottom:25px;}
	.flexslider.stories .headline {font-size:16px;font-weight:600;line-height:17px;margin-bottom:5px;}
	.flexslider.stories p {line-height:18px;}
	
.news-feed .headline {font-size:16px;font-weight:600;}
.news-feed p {margin-bottom:5px;}
.news-feed, .news-feed .item {line-height:19px;}
.news-feed .item {margin-bottom:12px;}

.item {line-height:18px;margin-bottom:18px;}
	.item a {font-size:16px;font-style:italic;font-weight:600;text-decoration:none;}

.meta-info {display:block;font-size:15px;}

#breadcrumb {display:none;}

.mini-profile {}
	.mini-profile .profile-title {margin-bottom:25px;}
	.mini-profile .title {margin-bottom:2px;}
	.mini-profile .avatar {float:left;margin:0 20px 0 0;width:35%;}
	.mini-profile .profile-txt {font-size:13px;float:left;width:50%;} 
	
.accordion .section {margin:0 0 5px;}
	.accordion .section .header {background:#003760 url("../images/sprite-icons.png") no-repeat right -635px;color:#fff;display:block;font-size:16px;font-weight:300;padding:7px 10px;text-decoration:none;}
	.accordion .section.active .header {background-color:#eea41c;background-position:right -850px;}
	.accordion .section .panel {display:none;padding:7px 0;}
	
.alert {background:#f2f2f2;border:1px solid #999;font-size:15px;margin:0 0 15px;padding:12px;}
	.alert header {background:url("../images/sprite-icons.png") no-repeat 0 -1464px;font:600 17px/23px 'Titillium Web',sans-serif;margin-bottom:10px;padding:0 0 0 35px;text-transform:uppercase;overflow:hidden;}
.ms-srch-item.video-item-custom:hover{
	background-color: rgba(60,60,60, 0.05);
}


.video-item-custom.container{
	padding-left: 20px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	margin-top: 0 !important;
	border-top: 0 !important;
	position: relative;
}

	.video-item-custom.container:before{
		position:absolute;
		top: 7px;
		left: 0;
		bottom: 5px;
		content: '';
		border: 1px solid rgb(0, 55, 96);
	}

.video-item-custom.header-block > h3{
	margin-bottom: 10px;
	line-height: 1em;
}

.video-item-custom.header-block > h3 > a{
	color: black;
	text-transform:capitalize;
}

.video-item-custom.info-box{
	display:inline-block;
	padding-left: 10px;
	max-width: 330px;
}

.video-item-custom.summary{
	font-style: italic;
	padding-top: 5px;
	padding-bottom: 5px;
}

.video-item-custom.thumbnail{
	position: relative;
    width: 120px;
    height: 68px;
    display: inline-block;
    float: left;
}

.video-item-custom.thumbnail a img {
    max-width: 120px;
    max-height: 68px;
    display: block;
}
/* -------------------------- 
   breaking news alert styles 
   ------------------------- */

#alertbn-container {
	width:100%;
	background:#cc0000;
}

section.alertbn, #alertbn-container.alert-title {
	background:#cc0000;
	color:#fff;
	padding:8px;
	margin:0 auto;
	max-width:1100px;
	}
	
section.alertbn a {
	color:#fff;
}
a:hover section.alertbn  {
	color:#ddd!important;
	text-decoration:none!important;
	transition:all 0.2s ease-in-out 0s;
}
#alertbn-container a:hover, header a:hover {
	color:#ddd!important;
	text-decoration:none!important;
}

section.alertbn a.more::after {
	color:#fff;
}

header.alert-title {
	background: rgba(0, 0, 0, 0) url("../images/exclaim2.png") no-repeat scroll 0 0;
	text-transform:uppercase;
	padding: 0 0 0 35px !important;
	font-weight:bold;
	margin-bottom:10px;
	font:600 17px/23px "Titillium Web",sans-serif;
	width:100%!important;
}

/* ------------------------------
   end breaking news alert styles 
   ------------------------------*/

/* ----------------------------------
   continuing updates styles 
   ---------------------------------- */
.alertcu {background:#fed97f;border:1px solid #d08701;
font-size:15px;margin:0 0 25px;padding:12px;}
	.alertcu header {background:url("../images/exclaim2.png") no-repeat 0 0px;font:600 17px/23px 'Titillium Web',sans-serif;margin-bottom:10px;padding:0 0 0 35px;text-transform:uppercase;overflow:hidden;}	
	
	
.key {margin-bottom:15px;}
	.key .row {overflow:hidden;}
	.key label {font-weight:bold;float:left;margin:0 6% 15px 0;text-align:right;width:30%;}
	.key span {float:left;width:64%}


/*use the following with red background when big alert needed*/
#site-alert {background:#cc0000;border:solid #909090;border-width:2px 0;color:#ffffff;}
/*#site-alert {background:#b3b5ba;border:solid #909090;border-width:2px 0;color:#99;}*/
	#site-alert .base-w {padding:5px 8px;}
	#site-alert p {margin-bottom:0;}
	#site-alert .dfwp-list {list-style:none; margin:0; padding:0;}
	#site-alert .dfwp-column {float:left; padding-left:.5em;}

	
	#site-alert.severe {background:#e03231;border-color:#af2c23;}
	#site-alert.high {background:#e7822d;border-color:#bd6c27;}
	#site-alert.elevated {background:#f0d22e;border-color:#ccaf12;}
	#site-alert.guarded {background:#2d89b3;border-color:#005797;}
	#site-alert.low {background:#a6a929;border-color:#4a732f;}

.video-grid {overflow:hidden; display:inline-block; text-align:left;}
	.video-grid .video  {font-weight:bold;line-height:18px;width:100%; }
	.video-grid .thumbnail {position:relative; width:100%;height:100%;}
	.video-grid .thumbnail a {width:140px; height:79px;display:block;position:relative;overflow:hidden;}
	.video-grid .thumbnail img {position:absolute;top:-11px;}
	.video-grid .video a {color:#000;}
	.video-grid .video img {display:block;margin-bottom:5px;}
	.video-grid .video span {display:block;font-weight:normal;font-style:italic;}
	.mobile .video-grid .video {border-bottom:1px solid #dbdbdb;margin:0 auto 10px !important;overflow:hidden;padding:0 0 10px;}
	.mobile .video-grid .video img {float:left;margin:0 10px 0 0;}

.image-grid {overflow:hidden;}
	.image-grid .image  {font-weight:bold;line-height:18px;width:100%; }
	.image-grid .thumbnail {position:relative; width:100%;height:100%;}
	.image-grid .thumbnail a {width:140px; height:79px;display:block;position:relative;overflow:hidden;}
	.image-grid .thumbnail img {position:absolute;top:-11px;}
	.image-grid .image a {color:#000;}
	.image-grid .image img {display:block;margin-bottom:5px;}
	.image-grid .image img.thumbnail { max-height:90px;max-width:160px; }
	.image-grid .image span {display:block;font-weight:normal;font-style:italic;}
	.mobile .image-grid .image {border-bottom:1px solid #dbdbdb;margin:0 auto 10px !important;overflow:hidden;padding:0 0 10px;}
	.mobile .image-grid .image img {float:left;margin:0 10px 0 0;}

/* ---------------------------------------------
=Navigation
---------------------------------------------- */
#primary-nav li > a,
#explore-nav li > a {color:#fff;}
#user-nav li > a {color:#333;}
 
#primary-nav-back {display:none;font-size:16px;padding:5px 2px;position:absolute;left:11px;top:130px;z-index:300;}
	/*#primary-nav-back:before {background:rgba(238, 164, 28, 0.6);content:'';height:30px;width:100%;position:absolute;top:45px;}*/
	#primary-nav-back a {background:#fff url(../images/sprite-icons.png) no-repeat 8px -409px;-webkit-border-radius: 100%;border-radius: 100%;color:#fff;cursor:pointer;display:block;height:25px;font-style:italic;padding-left:13px;width:25px;}
	#primary-nav-back a span {display:none;}

 		
#primary-nav {padding:0 5px;overflow:hidden;}
	#primary-nav ul {border-top:1px solid #776e3e;margin:40px 1.5%;}
	#primary-nav ul.first {margin-top:40px;}
	#primary-nav:before {background:#eea41c;content:'';position:absolute;height:30px;width:30px;top:-22px;right:23px;
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
	#primary-nav li {border-bottom:1px solid #015797;}
	#primary-nav li a {background:url("../images/sprite-icons.png") no-repeat right 14px;display:block;font-size:16px;font-weight:300;margin-right:8px;padding:6px 7px;}
	#primary-nav li a:hover {background-color:#00487e;margin-right:0;}
	
	#primary-nav li.cat, 
 	#primary-nav li.cur {background-color:#052e4d;}
 
	#primary-nav .nav-slider {}
		#primary-nav .section {width:100%;}
		#primary-nav .section.active {height:auto;left:0;position:relative;}
		#primary-nav .section.inactive {left:0;height:100%;position:absolute;}
		#primary-nav .section.out {left:-150%;position:absolute;}

		.mobile #primary-nav .section .navText {display:none;}
		.mobile #primary-nav .section.active {bottom:0;}
		.mobile #primary-nav .section.inactive {bottom:-200%;}
		.mobile #primary-nav .section.out.top,
		.mobile #primary-nav .section.active.top,		
		.mobile #primary-nav .section.inactive.top {top:85px;}
		.mobile #primary-nav .section .category {text-align:center}
		.mobile #primary-nav .section .category span.next { float:none; margin-right:15px; }

		
		#primary-nav .section .category {position:relative;top:27px;left:15px;color:#fff;font-size:18px;font-weight:600;margin-top:25px;}
			#primary-nav .section .category span {margin-right:15px;}
			#primary-nav .section .category span.next {float:right; margin-right:20px;}
			#primary-nav .section .category span a {background:#fff url(../images/sprite-icons.png) no-repeat 8px -409px;-webkit-border-radius: 100%;border-radius: 100%;color:#fff;cursor:pointer;display:inline-block;height:25px;font-style:italic;padding-left:13px;margin-right:8px;position:relative;top:5px;width:25px;}
			#primary-nav .section .category .next a, #primary-nav .section .category .navigation a {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
			#primary-nav .section .category .home a {background:url(../images/25x25_CityBird.png) no-repeat}
			#primary-nav .section .category span a span {display:none;}
	
#user-nav {padding:0;}
	#user-nav ul {
		margin:0;
		-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
		-webkit-box-shadow:0 2px 20px 1px rgba(0,0,0,0.4);box-shadow:0 2px 20px 1px rgba(0,0,0,0.4);}
	#user-nav li {display:block;float:left;padding:0;text-align:center;width:49.5%;}
	#user-nav li.quick-it {width:33%;}
	#user-nav li a {background:#e6ebef;display:block;font-size:15px;margin:2px;padding:5px 10px;}

#explore-nav {
	border-bottom:1px solid #dbdbdb;margin-bottom:35px;padding:0 0 10px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
	#explore-nav a {display:block;}
	
	#explore-nav > ul > li {float:left;text-align:center;display:block;height:auto;width:33.33%;}
	#explore-nav > ul > li > a {font-size:17px;font-weight:300;height:105px;line-height:20px;padding:5px;position:relative;display:block;width:100%;}
	#explore-nav > ul > li > a:before {background:#eea41c;content:'';display:none;position:absolute;height:30px;width:30px;z-index:50;top:83px;left:50%;margin-left:-15px;
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
	#explore-nav > ul > li.open > a:before {display:block;}
	#explore-nav > ul > li > a > span {position:relative;z-index:60;}
	
	#explore-nav .live-in-phx a,
	#explore-nav .live-in-phx a:before {background:#2d89b3;}
	#explore-nav .live-in-phx li a:hover {background:#003760;}
	#explore-nav .biz-in-phx a,
	#explore-nav .biz-in-phx a:before {background:#a6a929;}
	#explore-nav .biz-in-phx li a:hover {background:#84850d;}
	#explore-nav .visit-phx a,
	#explore-nav .visit-phx a:before {background:#eea41c;}
	#explore-nav .visit-phx li a:hover {background:#d18119;}
	#explore-nav a.more {background:none;}
	
	
	#explore-nav .sub-menu {width:80%;z-index:50;}
	#explore-nav .sub-menu.active {margin:auto;padding:25px 10% 15px;position:relative;overflow:hidden;width:300%;z-index:60;}
	#explore-nav .sub-menu > * {display:none;overflow:hidden;}
	#explore-nav .sub-menu li {margin:0 auto 5px;text-align:left;width:98%;}
	#explore-nav .sub-menu li a {font-size:16px;padding:5px 20px;}
	#explore-nav .sub-menu li a:hover {-webkit-border-radius:20px;border-radius:20px;}
	#explore-nav .sub-menu .more {clear:both;display:block;margin-top:20px;text-align:right;}
	
	/* positioning */
	#explore-nav > ul {display:table;width:100%;}
	#explore-nav > ul > li {display:table-cell;}
	
	#explore-nav .sub-menu {left:-100%;}
	#explore-nav .first .sub-menu {left:2.2%;}
	#explore-nav .last .sub-menu {left:-202.2%;}	
	
	
		
#footer-nav {overflow:hidden;}
	#footer-nav li {padding:0 1%;width:48%;}
	#footer-nav li:nth-child(even) {float:right;}
	#footer-nav li a:hover {color:#8b8b8c;}


/* ---------------------------------------------
=Custom Flexsliders
---------------------------------------------- */
.flexslider.team {margin:40px 20% 20%;}
	.flexslider.team img {width:auto; max-width :200px !important;}
	.flexslider.team .flex-control-nav {text-align:right;}
	
.flexslider.thumbs.slider {margin-bottom:7px;}
.flexslider.thumbs.nav li {margin:0 6px 0 0;}

/* ---------------------------------------------
=Custom Flexsliders Small
---------------------------------------------- */
.smallslider img {width:200px !important;}

/* ---------------------------------------------
=Individual Page Styling
---------------------------------------------- */

.home #user-nav {}
	.home #user-nav ul {position:absolute;left:2px;top:2px;width:100%;}
	.home #user-nav li a {background:rgba(255, 255, 255, 0.9);}
	.home #user-nav li a:hover {background:#fff;}
	
.home #hero {background:#fff;padding:0;margin-bottom:0;}

.home #primary {padding-top:0;}

.mobile.home #primary,
.mobile.home #primary .base-w {padding:0;}


#home-content.grid .title {margin:0 0 30px;}
.home .tabs .tab-titles > * {width:48.5%;}
.home #tab-promo {margin:40px 0 0;}

/* mobile specific */
/*.mobile.home .grid > .last > .container.first {border:0;margin-top:0;padding-top:0;}*/

.mobile.home .tabs .tab-titles {width:100%;}
.mobile.home .tabs .tab-titles > * {display:block;float:left;margin:0;text-align:center;width:50%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;}
.mobile.home .tabs .tab-content {display:block;}


.mobile #explore-nav > ul > li > a > span {display:table;height:95px;width:100%;}
.mobile #explore-nav > ul > li > a > span > span {display:table-cell;vertical-align:middle }

/*Phx11 Additional Stylings*/
#videoTitle{display:none;}
.title.logo.phx11 {color:#000;}
#videoPlayer{display: block; margin: 0 auto; width:90%;}



/* ---------------------------------------------
=External Site Widgets
---------------------------------------------- */
/* facebook feed */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {width:100% !important;}
.fb_iframe_widget {height:395px !important;overflow:hidden;}

/* twitter */
.twitter-timeline {width:100%;}

/* ---------------------------------------------
=Helpers
---------------------------------------------- */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* .inline 
- floats all li elements to create an inline menu
*/
.inline {margin:0;padding:0;}
	.inline	li {display:block;float:left;}
	.inline	li a {display:block;}
	
	
.pad10 {padding:10px;}
.pad20 {padding:20px;}
.pad30 {padding:30px;}
.pad40 {padding:40px;}
.pad50 {padding:50px;}
@media(min-width: 600px){
/* ---------------------------------------------
=Foundation
---------------------------------------------- */

table {}
	table td,
	table th {padding:12px 15px;}

#primary {}	
	#primary .base-w {padding:0 1.5%;}

.cta {background-position:100% -95px;margin:0 0 12px;padding:14px 25px 14px 12px;}
	.cta:hover {-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;}

.title.logo.phx11 {background:url(../images/logo-phxtv.png) no-repeat 0 0;padding:20px 0 25px 140px;}

.grid {}	
	.grid .col {float:left;margin:0 .4% 20px;width:5.5%;}
	.grid .col.first {margin-left:0;}
	.grid .col.last {float:right;margin-right:0;}
	
	.grid .col.col-16 {width:99.5%;} /*orig 100%, modified for jquery validation highlighting bw */
	.grid .col.col-15 {width:93.7%;}
	.grid .col.col-14 {width:87.4%;}
	.grid .col.col-13 {width:81.1%;}
	.grid .col.col-12 {width:74.8%;}
	.grid .col.col-11 {width:68.5%;}
	.grid .col.col-10 {width:62.2%;}
	.grid .col.col-9  {width:55.9%;}
	.grid .col.col-8  {width:49.6%;}
	.grid .col.col-7  {width:43.3%;}
	.grid .col.col-6  {width:37%;}
	.grid .col.col-5  {width:30.7%;}
	.grid .col.col-4  {width:24.4%;}
	.grid .col.col-3  {width:18.1%;}
	.grid .col.col-2  {width:11.8%;}
	
	.grid.bt {border-top:1px solid #dbdbdb;padding-top:20px;}
	.grid.bb {border-bottom:1px solid #dbdbdb;padding-bottom:20px;}
	.grid .col.br {border-right:1px solid #dbdbdb;}
	.grid .col.bl {border-left:1px solid #dbdbdb;}
	
	.grid .col.pr1 {padding-right:1%;}
	.grid .col.pr2 {padding-right:2%;}
	.grid .col.pr3 {padding-right:3%;}
	.grid .col.pr4 {padding-right:4%;}
	.grid .col.pr5 {padding-right:5%;}
	
	.grid .col.pl1 {padding-left:1%;}
	.grid .col.pl2 {padding-left:2%;}
	.grid .col.pl3 {padding-left:3%;}
	.grid .col.pl4 {padding-left:4%;}
	.grid .col.pl5 {padding-left:5%;}
	

	.grid .col.grid {margin-bottom:0;}
		.tablet .grid .col.grid {width:100%;border-left:0;padding-left:0;border-right:0;padding-right:0;}
		.tablet .grid .col.grid.first,
		.tablet .grid .col.grid .col.first {border-left:0;padding-left:0;}
		.tablet .grid .col.grid.last,
		.tablet .grid .col.grid .col.last  {border-right:0;padding-right:0;}

	
.grid .col .container {margin:30px 0 0;}
	.grid .col .container.first {border:0;margin-top:0;padding-top:0;}
	
	.grid .col img {max-width:100%;}
	

#breadcrumb {display:block;padding:3px 2px;}
	#breadcrumb,
	#breadcrumb a {background:#e2e2e2;color:#47263f;font-family:'Titillium Web',sans-serif;font-size:15px;font-style:italic;text-decoration:none;}
	#breadcrumb .sep {background:url("../images/sprite-icons.png") no-repeat 0 -375px;display:inline-block;height:10px;margin:0 7px;width:7px;}
		
hr.mobile {display:none;}
hr.tablet {display:block;}

.mini-profile {}
	.mini-profile .profile-title {margin-bottom:0;}
	.mini-profile .avatar {width:auto;}
	.mini-profile .profile-txt {float:none;font-size:14px;width:auto;}
		
		

.accordion .section {margin:0 0 15px;}
	.accordion .section .header {background-position:right -621px;padding:20px 20px;}
	.accordion .section.active .header {background-position:right -839px;}
	.accordion .section .panel {padding:20px 0;}
		

/* ---------------------------------------------
=Item
---------------------------------------------- */
header .top {height:80px;}
	header .ms-siteicon-img {margin:13px 0 0 19px;width:auto;}
	header .badges {float:right;margin:11px 0 0;}
	header .badges img {width:200px;}
	header .logo-bg {background:url("../images/bg-cop-logo-blue.png") no-repeat 0 -103px;height:80px;right:-112px;width:398px;}
	header .nav-toggle {margin:35px 25px 0 47px;}
	
#primary-search .ms-srch-sb {width:634px;}
	#primary-search .ms-srch-sb input {padding:5px 12px;width:90%;}
	
#hero {}
	#hero .bg {height:352px;margin-bottom:0;}

footer {padding:20px 0 80px;}
	footer .copyright {border-left:1px solid #606162;border-top:0;clear:none;float:right;margin:auto;padding:0 0 0 4%;width:20%;}
	
	
.trail {}
	.trail .name {float:left;margin-bottom:10px;width:48%;}
	.trail .details {float:right;width:48%;}
	
.video-grid {}
 	.video-grid .video  {float:left;padding:1.5%;width:175px;}
 

.image-grid {}
 	.image-grid .image  {float:left;padding:1.5%;width:175px; height:200px;}
	

/* ---------------------------------------------
=Navigation
---------------------------------------------- */
#primary-nav {}
	#primary-nav ul {float:left;width:30%;}
	#primary-nav ul.first {margin-top:40px;width:29%;}
	#primary-nav ul.last {float:right;width:63%;}
	#primary-nav ul.last li {float:left;width:46%;}
	#primary-nav ul.last li.even {float:right;}
	#primary-nav ul.full {width:100%;}
	#primary-nav ul.full li {float:left;width:31%;}	
	#primary-nav ul.full li.mid {margin:0 3.5%;}

#primary-nav .nav-slider {}
 	#primary-nav .section.out.top {top:0;}
 	#primary-nav .section.inactive {left:100%;top:0;}
 	#primary-nav .section .category {left:21px;}
 	#primary-nav-back {left:24px;top:44px;}
 	#primary-nav-back a {}

#user-nav {padding:0 10px;}
	#user-nav ul {background:#e6ebef;display:table;width:100%;}
	#user-nav li {border-right:1px solid #a5a6ac;float:none;display:table-cell;margin:0;width:auto;}
	#user-nav li.hover {background:#fff;}
	#user-nav li.first {-webkit-border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px;border-radius:8px 0 0 8px;}
	#user-nav li.last {border:0;-webkit-border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;border-radius:0 8px 8px 0;}
	#user-nav li.quick-it {width:16%;}
	#user-nav li a {background:none;font-size:18px;margin:0;}

#explore-nav {margin-bottom:0;padding:5px 2px;position:relative;top:-43px;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;width:106%;margin-left:-3%;}
	#explore-nav > ul > li,
	#explore-nav > ul > li.last {display:block;height:auto;margin:0 0.36%;width:32.6%;}
	#explore-nav > ul > li > a {display:block;font-size:18px;height:auto;line-height:24px;padding:14px 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}	
	#explore-nav > ul > li > a:before {top:31px;}
	
	
	#explore-nav .sub-menu {width:80%;}
	#explore-nav .sub-menu .more {margin-top:10px;}
	#explore-nav .sub-menu li {float:left;margin:0 .15% 5px;width:33%;}
	#explore-nav .sub-menu li a {font-size:14px;}
	
	
#footer-nav {float:left;width:80%;}
	#footer-nav li {padding:0 2% 0 0;width:31%;}
	#footer-nav li:nth-child(even) {float:left;}
	
	



/* ---------------------------------------------
=Individual Page Styling
---------------------------------------------- */
.home .base-w {padding:0 10px;}

.home #user-nav ul {background:rgba(255, 255, 255, 0.9);top:10px;}
	.home #user-nav li a,
	.home #user-nav li a:hover {background:none;}
	
.home #primary .base-w {padding:0 1.5%;}


/* tablet */
.tablet .tabs .tab-titles > * {width:49.5%;}



/* ---------------------------------------------
=Helpers
---------------------------------------------- */
	
/* .center 
- allows navigational elements to dynamically center themselves,
  no matter how many children li elements exist.
  Place on ul parent div.
*/
.center {overflow:hidden;}
	.center ul {float:left;left:50%;padding:0;position:relative;}
	.center li {float:left;position:relative;right:50%;}
	}

@media(min-width: 960px)
{	
/* ---------------------------------------------
=Foundation
---------------------------------------------- */

.base-w {z-index:1;}


footer {}
	footer .copyright {padding:0 0 0 2%;}
	
hr.tablet {display:none;}
hr.desktop {display:block;}


/* ---------------------------------------------
=Item
---------------------------------------------- */
header .badges img {width:auto;}


.trail {}
	.trail .name,
	.trail .details {float:none;width:auto;}

/* ---------------------------------------------
=Navigation
---------------------------------------------- */
#user-nav {}
	#user-nav li {padding: 0 25px;}

#explore-nav {width:100%;margin-left:auto;}
	#explore-nav > ul > li > a {font-size:22px;}
	#explore-nav .sub-menu {padding:25px 0 15px;}
	#explore-nav .sub-menu li {margin:0 .25% 5px;width:24.5%;}
	#explore-nav .sub-menu li a {font-size:16px;}

#footer-nav {}
	#footer-nav li {padding:0 2% 0 0;width:20%;}


/* ---------------------------------------------
=Individual Page Styling
---------------------------------------------- */
}

@media(min-width: 1160px){
/*
*{
	outline: green solid 1px;
}*/

.ctabox{
	width: 47%;
	min-height: 70px;
}

	header .mq-ham-text {
	display:block;
	top: 13px;
	left: -3px;
	text-decoration: none;
	position: absolute;
	color: white;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: .1em;
}

	header .nav-toggle {margin:27px 25px 0 47px;}

/*
---------------------------------------------
=Foundation
---------------------------------------------- */
#primary {}
	#primary .base-w {padding:0;}
}

/*
=======================================================
Ribbon
=======================================================
*/
span.ms-rteElement-COPTitle {
	-ms-name:"City of Phoenix Title";
	font-size: 22px;
	font-style: italic;
}

/*
=======================================================
YouTube
=======================================================
*/


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
=======================================================
Table Sorting
=======================================================
*/


table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #d9d9d9;
}

/*
=======================================================
District Icons
=======================================================
*/


.svcicon, .svcicon:visited {margin: 10px; padding: 15px; float: left; width:200px;color:#fff;font-family: 'Source Sans Pro', sans-serif; line-height: 1.2; text-decoration:none; color:white;}
.svcicon:hover {text-decoration:none;-webkit-border-top-left-radius:40px;-moz-border-radius-topleft:40px;border-top-left-radius:40px;-webkit-border-top-right-radius:40px;-moz-border-radius-topright:40px;border-top-right-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-bottomright:40px;border-bottom-right-radius:40px;-webkit-border-bottom-left-radius:40px;-moz-border-radius-bottomleft:40px;border-bottom-left-radius:40px;}
.svcicon.bl {background-color: rgb(38, 125, 167);}
.svcicon.bl:hover {background-color: rgb(11, 75, 116);}
.svcicon.gr {background-color: rgb(166, 169, 41);}
.svcicon.gr:hover {background-color: rgb(138, 139, 11);}
.svcicon.ye {left;background-color: rgb(238, 164, 28);}
.svcicon.ye:hover {left;background-color: rgb(209, 129, 25);}

.svcicon div{background:url(../images/spritesheet.png) no-repeat 0 0;display:block;float:left;}
.district-icos.x48 .ico{height:48px;width:48px;margin:7px 7px;}
.district-icos.x48 .business {background-position: -5px -5px;}
.district-icos.x48 .calendar {background-position: -63px -5px;}
.district-icos.x48 .contact {background-position: -121px -5px;}
.district-icos.x48 .map {background-position: -179px -5px;}
.district-icos.x48 .news {background-position: -237px -5px;}
.district-icos.x48 .social {background-position: -295px -5px;}
.district-icos.x48 .staff {background-position: -353px -5px;}
.district-icos.x48 .subcommittee {background-position: -411px -5px;}

/*
=======================================================
Play Button for Videos
=======================================================
*/


.videoplay { position: relative; }

.videoplay span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: url(/Style%20Library/Images/playbutton.png) no-repeat center center;
}
/*
======================================================
Search 
======================================================
*/

.ms-core-menu-arrow {
max-width:7px !important;
}
/*
======================================================
Eye of Sauron
======================================================
*/

     .promo {
            background: url(../images/sun_promo_bg.png) no-repeat right bottom;
            overflow: hidden;
            height: 88px;
            width: 230px;
            min-height: 88px;
            min-width: 230px;
            max-height: 88px;
            max-width: 230px;
            padding:5px;
        }

   	.blue-bg-color {
            background-color: #2d89b3;
            color: white;
        }


   	.darkblue-bg-color {
            background-color: #003760;
            color: white;
        }

   	.green-bg-color {
            background-color: #a6a929;
            color: white;
        }


   	.darkgreen-bg-color {
            background-color: #696a0a;
            color: white;
        }

   	.gold-bg-color {
            background-color: #eea41c;
            color: white;
        }


   	.darkgold-bg-color {
            background-color: #d18119;
            color: white;
        }




    .Purple-bg-color, .ui-progressbar-value.Purple-bg-color{
		background-color:#990066;
		color:white;
		border-color:#990066;
	}
	
	.Gray-bg-color, .ui-progressbar-value.Gray-bg-color{
		background-color:#666666;
		color:white;
		border-color:#666666;
	}
	
	.LightGray-bg-color, .ui-progressbar-value.LightGray-bg-color{
		background-color:#CCCCCC;
		color:white;
		border-color:#CCCCCC;
	}

	.Plum-bg-color, .ui-progressbar-value.Plum-bg-color{
		background-color:#621A4B;
		color:white;
		border-color:#621A4B;
	}

    .RedRock-bg-color, .ui-progressbar-value.RedRock-bg-color{
		background-color:#B5121B;
		color:white;
		border-color:#B5121B;
	}
	
	.FireRed-bg-color, .ui-progressbar-value.FireRed-bg-color{
		background-color:#E31B23;
		color:white;
		border-color:#E31B23;
	}
	
	.OrangeTree-bg-color, .ui-progressbar-value.OrangeTree-bg-color{
		background-color:#E37F1C;
		color:white;
		border-color:#E37F1C;
	}

	.SunFlower-bg-color, .ui-progressbar-value.Sunflower-bg-color{
		background-color:#EEB211;
		color:white;
		border-color:#EEB211;
	}

    .Saguaro-bg-color, .ui-progressbar-value.Saguaro-bg-color{
		background-color:#9FA617;
		color:white;
		border-color:#9FA617;
	}
	
	.PaloVerde-bg-color, .ui-progressbar-value.PaloVerde-bg-color{
		background-color:#4C721D;
		color:white;
		border-color:#4C721D;
	}
	
	.LakeBlue-bg-color, .ui-progressbar-value.LakeBlue-bg-color{
		background-color:#4E8ABE;
		color:white;
		border-color:#4E8ABE;
	}

	.RoyalBlue-bg-color, .ui-progressbar-value.RoyalBlue-bg-color{
		background-color:#005295;
		color:white;
		border-color:#005295;
	}

    .Santan-bg-color, .ui-progressbar-value.Santan-bg-color{
		background-color:#C48F5E;
		color:white;
		border-color:#C48F5E;
	}
	
	.BrownBag-bg-color, .ui-progressbar-value.BrownBag-bg-color{
		background-color:#5C3021;
		color:white;
		border-color:#5C3021;
	}
	
	.TresRios-bg-color, .ui-progressbar-value.TresRios-bg-color{
		background-color:#00B898;
		color:white;
		border-color:#00B898;
	}
	
	.Black-bg-color, .ui-progressbar-value.Black-bg-color{
		background-color:#000000;
		color:white;
		border-color:#000000;
	}


.promotext {
	font-size: 14px;
}
.promoheader {
	font-size: 18px;
	font-weight: bold;
}

.promote {
	text-decoration: none !important;
}
/* *********************** print styles below ************************ */

@media print {

#s4-bodyContainer {
	background:#fff;
	background-color:transparent;
}
header {
	background:none;
	background-color:transparent;
}
.top base-w img {
	display:none;
}
#header {
	background:none
}
.logo-bg {
	display:none;
}	
.nav-toggle {
	display:none;
}
#primary-search, #breadcrumb, #hero, #primary-nav, footer {
	display:none;
}
.ms-siteicon-a::before {
	content:"City of Phoenix";
	color:#000!important;
	font-weight:bold;
	font-size:1.75em;
	max-width:800px;
}	
img {
max-width: 500px;
}
p a {
word-wrap: break-word;
}
.grid .col {
	float:none;
}
.grid .col.last {
	float:none;
}
.grid .col.col-4 {
	width:100%;
}
.grid .col.col-7 {
	width:100% !important;
}
.grid .col.col-8 {
	width:100%;
}
.grid .col.col-9 {
	width:100%
}
.home .tabs .tab-titles > * {
	width:100%;
}

.ms-ref-ctrl {
	display:none!important; /*hides refiners on cswps */
}

}
/* ************************ end print styles ************************* */

/* ------------------------ custom styles -------------------------- */

.know99time {
	background-color:#eea41c;
}

/* ************************ Kim's Video Slider Stuff ************************* */

.auto-resizable-iframe {
  max-width: 800px;
  margin: 0px auto;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 75%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
/* ---------------------- Report It Buttons ---------------------------------- */

.report-it-buttons-group.add-ser.collapsed{
	transform: translateY(-100%);
	transition: transform 1s ease;

}

.report-it-buttons-group.add-ser{
	position: relative;
	transition: transform 1s ease;
}
.report-it-buttons-group.top-req > .cbs-ItemLink.report-it-button{
	background-color: #f1592d;
	box-shadow: 0 4px #ba4729;
}
.report-it-buttons-group.top-req > .cbs-ItemLink.report-it-button:active{
	top: 4px;
	box-shadow: 0 0px #ba4729;
}
.report-it-buttons-group.top-req > .cbs-ItemLink.report-it-button:hover{
	background-color:#d85029;
}
.report-it-buttons-group.top-req > .cbs-ItemLink.report-it-button:focus{
	background-color:#d85029;
}

.report-it-buttons-group.add-ser > .cbs-ItemLink.report-it-button{
	background-color: #21aae1;
	box-shadow: 0 4px #205f91;
}
.report-it-buttons-group.add-ser > .cbs-ItemLink.report-it-button:active{
	top: 4px;
	box-shadow: 0 0px #205f91;
}
.report-it-buttons-group.add-ser > .cbs-ItemLink.report-it-button:hover{
	background-color:#209bcd;
}
.report-it-buttons-group.add-ser > .cbs-ItemLink.report-it-button:focus{
	background-color:#209bcd;
}
.report-it-buttons-group{
	padding-left: 0;
}

.report-it-button{
	text-decoration:none;
	float: none;
	width: calc(33% - 6.666px);
	display: inline-table;
	text-transform: uppercase;
	border-radius: 10px;
	position:relative;
	color: white;
	padding: 15px 80px 15px 15px;	
    margin-bottom: 14px;
    cursor: pointer;
    transition: box-shadow .2s ease, top .2s ease, background-color .2s ease;
    top: 0px;
    font-family: 'Open Sans', /* Tahoma,*/ Arial, Helvetica, sans-serif;

}

.report-it-button:after{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	content: '';

}

.report-it-button:nth-child(3n + 2){
	margin: 0 10px 14px 10px;
}

.report-it-button.Red{
	background-color: #f1592d;
	box-shadow: 0 4px #ba4729;
}

.report-it-button.Red:active{
	top: 4px;
	box-shadow: 0 0px #ba4729;
}

.report-it-button.Red:hover, .report-it-button.Red:focus{
	background-color:#d85029;
}

.report-it-button.Blue{
	background-color: #21aae1;
	box-shadow: 0 4px #205f91;
}

.report-it-button.Blue:active{
	top: 4px;
	box-shadow: 0 0px #205f91;
}

.report-it-button.Blue:hover, .report-it-button.Blue:focus{
	background-color:#209bcd;
}

.report-it-button.Green{
	background-color: #80c244;
	box-shadow: 0 4px #63963a;
}

.report-it-button.Green:active{
	top: 4px;
	box-shadow: 0 0px #63963a;
}

.report-it-button.Green:hover, .report-it-button.Green:focus{
	background-color:#70ae38;
}

.report-it-button span{
	display: table-cell;
	color: white;
	font-weight:bold;
	font-size:14px;
}

.report-it-button:hover, .report-it-button:focus, .report-it-button:hover span{
	color: white !important;
	text-decoration:underline;
}
 .report-it-button-page {
	border-radius: 10px;
    float:right;
    color: white;
    display: inline-table;
    margin-bottom: 14px;
    padding: 15px 80px 15px 15px;
    position: relative;
    text-transform: uppercase;
    top: 0;
    transition: box-shadow 0.15s ease 0s, top 0.15s ease 0s;
    background-color: #21aae1;
    box-shadow: 0 4px #205f91;
    font-weight:bold
}

.report-it-button-page.red{
	background-color: #f1592d;
    box-shadow: 0 4px #ba4729;
}

@media screen and (max-width: 768px) {
.report-it-button-page {
width:100%;
float:none;
}