/*--------------------------------------------------------------
# Core
--------------------------------------------------------------*/

/* Normalize.css
-------------------*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;}mark{background:#ff0;color:#000}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}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* Globals
-------------------*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/*--------------------------------------------------------------
# Helpers
--------------------------------------------------------------*/

/* Hiding Elements from Desktop
-------------------*/
.hide-mobile,
#ui-datepicker-div{
	display: none;
	visibility: hidden;
	speak:none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/* Default
-------------------*/
body{
	font-family:Tahoma,Arial,Helvetica,sans-serif;
    color:#3c3e40;
    font-size:14px!important;
    line-height:1.63;
}

/* Headings
-------------------*/
h1{
    font-family:Tahoma,Arial,Helvetica,sans-serif;
    color:#333333;
    font-size:163%;
    font-weight:normal;
    margin: 1.3em 0;
}

h2{
    font-family:Tahoma,Arial,Helvetica,sans-serif;
    color:#be0000;
    font-size:26px;
    font-weight:normal;
	line-height:110%;
	padding-top:18px;
}
	/*Variations: body.recreation*/
	body.recreation h2{ color: #609047; }
	/*Variations: body.city-hall*/
	body.city-hall h2 {color: #239196;}
	/*Variations: body.city-planing*/
	body.city-planing h2 {color: #3c91b9;}
	/*Variations: bodycity-services*/
	body.city-services h2 {color: #d76a00;}
	/*Variations: body.public-safety*/
	body.public-safety h2 {color: #bf140a;}
	/*Variations: body.why-coquitlam*/
	body.why-coquitlam h2 {color: #5d3ead;}
	/*Variations: body.business-tourism*/
	body.business-tourism h2 {color: #5d3ead;}

h3, h4 ,h5, h6{
	font-weight:bold;
	margin: 1.3em 0;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

/* Default
-------------------*/
a:link,
a:visited{ 
	color:#144b82 
}

/* Headings Links
-------------------*/
h2 a {
    color:inherit;
	text-decoration:underline; 
}


/* Custom Links
-------------------*/
#content .external-link{
    padding-right:20px;
    background:url(/imgs/skin/external-icon.png) no-repeat center right;
}
a[href ^="mailto:"] {
   padding-right: 18px;
   background:url(/imgs/skin/email-icon.png) transparent no-repeat center right;
}
a[href *='.pdf']{
   padding-right: 28px;
   background:url(/imgs/skin/pdf-icon.png) transparent no-repeat center right;
}
a[href $='.sflb.ashx'] {
   padding-right: 28px;
   background:url(/imgs/skin/pdf-icon.png) transparent no-repeat center right;
}


/*--------------------------------------------------------------
# Table Styles
--------------------------------------------------------------*/
 table{
    margin: 15px 0;
    width: 100%;
}
	.RadCalendar{margin:0;}
th{
    background: url("/imgs/skin/bg/bg-info-title.png") no-repeat scroll 0 0 #5390C8;
    color: #FFFFFF;
    font-size: 75%;
    border: 2px solid #00375F;
    width: 33%; padding: 0.25em;
}
	.RadCalendar th{
		border: 0 none;
		cursor: default;
		font-weight: normal;
		padding: 0;
		text-align: right;
		vertical-align: middle;
		background: none;
		padding:0;
		width: auto;
	}
table td{
    border: 2px solid #00375F;
    padding: 0.25em 0.5em;
    vertical-align: top;background: #f2f2f2;
}
	.RadCalendar table td{
		border-style: solid;
		border-width: 1px;
		padding: 0;
		text-align: right;
		vertical-align: middle;
	}
	
/*Variations*/
.info-table td {
	border: 2px solid #00375f;
	background: #f2f2f2;
	vertical-align: top;
}
	.info-title td {
		padding-left: 0.5em;
		color: #ffffff;
		width: 33%;
		background: url(/imgs/skin/bg/bg-info-title.png) #5390c8 no-repeat top right;
	}
	.info-title + tr td {
		background: #f2f2f2 url(/imgs/skin/bg/bg-info-table.png) repeat-x;
	}

/*--------------------------------------------------------------
# Wrappers
--------------------------------------------------------------*/
#wrapper{
	background: #06335D;
	min-width: 320px;
}
.w-w1{
	margin: auto;
	max-width: 767px;
	background: #fff;
}
.w-w2{
	position: relative;
	padding-top: 120px; /*same height as header*/
}
	/*Variations: 481*/
	@media (min-width: 481px){
		.w-w2{
			padding-top: 165px; /*same height as header*/
		}
	}
	/*Variations: 601*/
	@media (min-width:601px){
		.w-w2{
			padding-top: 200px; /*same height as header*/
		}
	}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/* Positioning Header
-------------------*/
#header{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 120px; /*remember to update the height for .w-w2*/
	background: #fff;
	background-size:contain;
	border-bottom: 1px solid #ddd;
}
	/*Variations: 481*/
	@media (min-width: 481px){
		#header{
			height: 165px;
		}
	}
	/*Variations: 601*/
	@media (min-width: 601px){
		#header{
			height: 200px;
		}
	}

/* Logo
-------------------*/
#logo{
	padding:20px 0 19px 19px;
	border:none;
	width:60%; /*must match 100 with #utilities width*/
	height:auto;
	max-width:188px; 
	display: block;
	float: left;
}
	/*Variations: 481*/
	@media (min-width: 481px){
		#logo{
			max-width: 280px;
		}
		.home #logo{
			max-width: 220px;
		}
	}
	/*Variations: 601*/
	@media (min-width: 601px){
		#logo{
			max-width: 360px;
		}
		.home #logo{
			max-width: 300px;
		}
	}

/*Hide the current logo image*/
#logo img{
	width: 100%;
	display: none;
	visibility: hidden;
}

/*Add in our custom logo*/
#logo:after{
	content: "";
	background: url(/imgs/mobile/logo.png) no-repeat;
	background-size: contain;
	display: block;
	width: 100%;
	height: 100px;
}


/* Program Registration
-------------------*/
.home #program-registration{
	position: absolute;
	right: 130px;
	top: 24px;
}
/*Link*/
.home #program-registration a{
	background: url(/imgs/home/cta_program-registration.png) no-repeat;
	background-size: 100px auto ;
	display: block;
	height: 1px;
	overflow: hidden;
	padding-top: 40px;
	width: 100px;
	display: none;
}
	/*Vartiations 481*/
	@media(min-width: 481px){
		.home #program-registration a{
			display:block;
		}
	}
	/*Vartiations 481*/
	@media(min-width: 601px){
		.home #program-registration a{
			background-size: 140px auto;
			width: 140px;
			padding-top: 58px;
		}
	}
	

/* Utilities
-------------------*/
#utilities{
	float:right;
	width:40%; /*must match 100 with #logo width*/
	margin:0;
	padding:20px 0 0 0; 
}

/*Utilities -> List*/
#utilities ul{
	float: right;
	padding-right: 25px;
}

/*Utilities -> List -> ListItem*/
#utilities li{
	margin-bottom:10%;
}
	#utilities li:last-child{margin-bottom: 0;}

/*Utilities -> List -> ListItem -> Links*/
#utilities a{
	display:block;
	text-decoration:none;
	color:#696969; 
	padding-left:28px;
	font-size: 11px;
	background-repeat: no-repeat;
	background-size: 20px 13px;
	background-position: left 45%;
}
	/*Variations: 480*/
	@media (min-width: 480px){
		#utilities a{font-size: 14px;}
	}
	/*Variations: body.recreation*/
	#util-contact>a{
		background-image:url(/imgs/mobile/icon-contact.png);
	}

/*Utilities -> Hiding*/
#util-mobile{display: none;}



/*--------------------------------------------------------------
# Group Navigation
--------------------------------------------------------------*/

/* Z-INDEX
-------------------*/
#triggerNav{z-index: 20;}
	.group-searchfield{z-index: 10;}


/* Wrapper
-------------------*/
.group-mainnav{
	height: 36px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px; /*usually 0, but needed to hide a gap*/
	background: url(/imgs/mobile/bg-searchbar.jpg) no-repeat left bottom #144878;
	background-size:cover;
}
	/*Variations: 481*/
	@media (min-width: 481px){
		.group-mainnav{
			height: 50px;
		}
	}
	/*Variations: 601*/
	@media (min-width: 601px){
		.group-mainnav{
			height: 62px;
		}
	}

/*Inner Wrapper*/
.group-mainnav-wrapper{
	position: relative;
	height: 100%;
}

/* Hidding Not Needed.
-------------------*/
.mega-container{
	visibility: hidden;;
	speak:none;
	display: none!important;
}

/* Navigation Trigger
-------------------*/
#triggerNav{
	color: #fff;
	width: 80px; /*same as .group-searchfield width*/
	height: 100%;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	border-top:2px solid #7897b4;
	border-left:2px solid #7897b4;
	border-bottom:2px solid #33516b;    
	-webkit-box-shadow:-2px 0  #081b2c;
    box-shadow:-2px 0  #081b2c;                
	background: url(/imgs/mobile/btn-menu.png) no-repeat center center;
	background-size: contain;
}
	/*Variations: 481*/
	@media (min-width: 481px){
		#triggerNav{
			width: 120px;/*same as .group-searchfield width*/
		}
	}
	/*Variations: 601*/
	@media (min-width: 601px){
		#triggerNav{
			width: 150px;/*same as .group-searchfield width*/
		}
	}

/* Navigation Main
-------------------*/

#mobilenavigation{
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	background: #282828;
	z-index: 200;
	display: none;
}
	#mobilenavigation.on{
		display: block;
		-webkit-animation: fadeIn 0.2s ease-out;
		animation: fadeIn 0.2s ease-out;
	}
	.mobilenavigation-wrapper{
		position: relative;
	}
	#btn-general{
		border-top: 0;
		height: 48px;
		z-index: 90;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		padding: 0 15px 0 49px;
		line-height: 48px;
		background: url(/imgs/mobile/btn-backarrow.png) no-repeat #484848 15px center; 
		background-size: 24px 18px;
		font-size: 16px		
	}
		#btn-general>span{
			padding: 0;
			border-top: 0;
			margin: 0;
		}
	.mobilenavigation-wrapper>ul{
		overflow: hidden;
		position: relative;
		padding: 0;
		left: 0;
		top: 0;
		z-index: 100;
		background: #282828;
		-webkit-transition: all 0.2s ease-out; 
		transition: all 0.2s ease-out; 
	}
		.mobilenavigation-wrapper>ul.activate{
			top: 48px!important;
			-webkit-animation: fromTop 0.3s ease-out;
			animation: fromTop 0.3s ease-out;
		}
	.mobilenavigation-wrapper li{
		list-style-type: none;
	}

/*FADE IN EFFECT*/
@-webkit-keyframes fadeIn {
	0%   { opacity: 0.0; }
	50%  { opacity: 0.5; }
	100% { opacity: 1.0; }
}
@keyframes fadeIn {
	0%   { opacity: 0.0; top:0; }
	50%  { opacity: 0.5; top:50%; }
	100% { opacity: 1.0; top:100%; }
}

@-webkit-keyframes fromTop {
  0%   { top: 0; }
  50%  { top: 24px; }
  100% { top: 48px; }
}
@keyframes fromTop {
  0%   { top: 0; }
  50%  { top: 24px; }
  100% { top: 48px; }
}
.mobilenavigation-wrapper a{
	font-size: 17px;
	color: #fff;
	text-shadow:black -1px -1px 2px;
	text-decoration: none;
	display: block;
}
	.mobilenavigation-wrapper a>span{
		display: block;
		font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
		padding: 10px;
		border-top: 1px solid #5a5a5a;
		 margin: 0 15px;
	}
/*First Level*/
.mobilenavigation-wrapper > ul> li>a{
	padding: 0;
    width: 100%;
   	position: relative;
   	left: 0;
   	border-top: 0;
}
	.mobilenavigation-wrapper ul>li:first-child>a,
	.mobilenavigation-wrapper ul>li:first-child>a>span{
		border-top: 0;
	}

	.mobilenavigation-wrapper > ul.activate> li>a{
		margin-left: -100%;
		-webkit-animation: toLinkLeft  0.3s ease-out;
		animation: toLinkLeft  0.3s ease-out;
		animation-delay: 0.2s;
	}
	.mobilenavigation-wrapper > ul> li>a>span{
		display: block;
		background-position:right;
		background-repeat:no-repeat;
	    -moz-background-size: auto 55%;
	    -webkit-background-size: auto 55%;
	    background-size: auto 55%;
	    padding: 10px;
	    border-top: 1px solid #5a5a5a;
	   
	}
	/*Background Variations*/
    .nav-01-recreation>a>span { background-image:url(/imgs/mobile/icon-recreation.png); }
    .nav-02-city-service>a>span { background-image:url(/imgs/mobile/icon-cityservices.png); }
    .nav-03-city-hall>a>span { background-image:url(/imgs/mobile/icon-cityhall.png); }
    .nav-04-public>a>span { background-image:url(/imgs/mobile/icon-publicsafety.png); }
    .nav-05-city-planning>a>span { background-image:url(/imgs/mobile/icon-planning.png); }
    .nav-06-why>a>span { background-image:url(/imgs/mobile/icon-why.png); }

    #mobilenavigation > ul> li>a{
    	display: block;
    	height: 48px;
    	white-space: nowrap;
    }
	

@-webkit-keyframes toLinkLeft {
  0%   { margin-left: 0; }
  50%  { margin-left: -50%; }
  100% { margin-left: -100%; }
}
@keyframes toLinkLeft {
  0%   { margin-left: 0; }
  50%  { margin-left: -50%; }
  100% { margin-left: -100%; }
}

/*Second Level*/
.mobilenavigation-wrapper>ul>li>ul{
	width: 100%;
	position: absolute;
	top: 48px;
	left: 100%;
	margin-top: -48px;
	display: none;
	/*padding: 0 15px;*/
	background-color:#282828;	
}
	/*on active*/
	.mobilenavigation-wrapper>ul>li.activate>ul{
		display: block;		
		left: 0;
		-webkit-animation: toLeft 0.3s ease-out;
		animation: toLeft 0.3s ease-out;
		animation-delay: 0.2s;
	}

@-webkit-keyframes toLeft {
  0%   { left: 100%; }
  50%  { left: 50%; }
  100% { left: 0; }
}
@keyframes toLeft {
  0%   { left: 100%; }
  50%  { left: 50%; }
  100% { left: 0; }
}

/*Other Levels*/
.mobilenavigation-wrapper>ul>li>ul ul{
	display: none;
	background-color:#282828;		
	left: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out; 
}
	.mobilenavigation-wrapper>ul>li>ul.nextParentActivate>li>a{
		-webkit-animation: toLinkLeft 0.3s ease-out;
		animation: toLinkLeft 0.3s ease-out;
	}
	.mobilenavigation-wrapper>ul>li>ul li.nextActivate>ul{
		display: block;
		left: 0;
		-webkit-animation: toLeft 0.3s ease-out;
		animation: toLeft 0.3s ease-out;
	}

/* Search Group
-------------------*/
.group-searchfield{
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	padding-right: 80px; /*same as #triggerNav width*/
}
	/*Search Group wrapper*/
	.group-searchfield-wrapper{
		height: 100%;
		padding: 5px 15px;
	}

	/*Variations: 481*/
	@media (min-width: 481px){
		.group-searchfield{
			padding-right: 120px; /*same as #triggerNav width*/
		}
			.group-searchfield-wrapper{ padding: 15px;}
	}
	/*Variations: 601*/
	@media (min-width: 601px){
		.group-searchfield{
			padding-right: 150px; /*same as #triggerNav width*/
		}
			.group-searchfield-wrapper{ padding: 20px 15px;}
	}

/*Search container*/
.search-bar-container{
	float: left;
	height: 26px;
	width: 80%;
	border-left:1px solid #848381;
	padding:4px 6px; 
	background-color: #E1E1E1;
	background-image: linear-gradient(top, rgb(132,132,132) 0%, rgb(225,225,225) 30%);
	background-image: -o-linear-gradient(top, rgb(132,132,132) 0%, rgb(225,225,225) 30%);
	background-image: -moz-linear-gradient(top, rgb(132,132,132) 0%, rgb(225,225,225) 30%);
	background-image: -webkit-linear-gradient(top, rgb(132,132,132) 0%, rgb(225,225,225) 30%);
	background-image: -ms-linear-gradient(top, rgb(132,132,132) 0%, rgb(225,225,225) 30%);
	background-image: -webkit-gradient( linear, left top, left bottom,color-stop(0, rgb(132,132,132)),color-stop(0.3, rgb(225,225,225))); 
}
	/*Actual Input field*/
	.search-bar-container input[type="text"]{
		height: 100%;
		width: 100%;
		font-size: 13px;
		background:transparent;
		border:none;
	}

/*Search Submit Button*/
.btn-search{
	float: left;
	margin-left: 2%;
	width: 18%;
	max-width: 42px;
	height: 26px;
	border:none;
	text-indent: 200%;
	white-space: normal;
	overflow: hidden;
	background: url(/imgs/mobile/btn-search.png) no-repeat left center;
	background-size: contain;
}



/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
#main{
	overflow: hidden;
}

/* Wrappers
-------------------*/
.m-w4{
	position: relative;
	padding-top: 40px; /*same as .subnav-title-wrapper height*/
}
	/*Variations: 481*/
	@media (min-width: 481px){
		.m-w4{
			padding-top: 60px; /*same as .subnav-title-wrapper height*/
		}
	}
	/*Variations: 601*/
	@media (min-width: 601px){
		.m-w4{
			padding-top:68px; /*same as .subnav-title-wrapper height*/
		}
	}

/* Page Title
-------------------*/
.subnav-title-wrapper{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding: 0 15px;
	height: 40px; /*same as .m-w4 padding-top*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #739D5D;
	z-index: 200;
}
	/*Variations Default*/
	.subnav-title-wrapper.default{ background-image:url(/imgs/mobile/bg-parent_title.jpg); }

	/* Variations Recreation */
	.recreation .subnav-title-wrapper{ background-image:url(/imgs/mobile/bg-title/recreation.jpg); }

	/* Variations City Hall */
	.city-hall .subnav-title-wrapper{ background-image:url(/imgs/mobile/bg-title/city-hall.jpg); }

	/* Variations City Planning */
	.city-planing .subnav-title-wrapper{ background-image:url(/imgs/mobile/bg-title/city-planning.jpg); }

	/* Variations City Services */
	.city-services .subnav-title-wrapper{ background-image:url(/imgs/mobile/bg-title/city-services.jpg); }

	/* Variations Public Safety */
	.public-safety .subnav-title-wrapper{ background-image:url(/imgs/mobile/bg-parent_title.jpg); }

	/* Variations Why Coquitlam */
	.why-coquitlam .subnav-title-wrapper{ background-image:url(/imgs/mobile/bg-title/business-tourism.jpg); }

	/* Variations Business Tourism  */
	.business-tourism .subnav-title-wrapper{ background-image:url(/imgs/mobile/bg-title/business-tourism.jpg); }


/*Actual title*/
.subnav-title{
	display: block;
	height: 40px;
	white-space: nowrap;
	padding-top: 12px;
	font-size: 18px;
	color: #fff;
	text-shadow: -1px -1px 2px #282828;
}
/*Variations: 481*/
@media (min-width: 481px){
	.subnav-title-wrapper{
		height: 60px; /*same as .m-w4 padding-top*/
	}
		.subnav-title{padding-top: 22px;}
}
/*Variations: 601*/
@media (min-width: 601px){
	.subnav-title-wrapper{
		height:68px; /*same as .m-w4 padding-top*/
	}
		.subnav-title{padding-top: 26px;}
}

/* Breadcrumbs
-------------------*/
.parent-title,
.breadcrumbs-homelink,
.breadcrumbs{
	display: none;
	visibility: hidden;
	speak:none;
}

/* Content
-------------------*/
#content{
	padding: 15px;
	min-height:22em;
	background:#e6e6e6;
}

/*Content Background*/
#content:before{
	content:"";
	display: block;
	position: absolute;
	left: 0;
	top: 40px;/*same as .m-w4 padding-top*/
	height: 100%;
	width: 100%;
	background:url(/imgs/mobile/bg-contentarea.png) no-repeat left top #e6e6e6;
	background-size: 100% auto;
	z-index: 10;
}
	/*Variations: 481*/
	@media (min-width: 481px){
		#content:before{
			top: 60px;/*same as .m-w4 padding-top*/
		}
	}
	/*Variations: 601*/
	@media (min-width: 601px){
		#content:before{
			top: 68px;/*same as .m-w4 padding-top*/
		}
	}

/*Content Wrapper*/
.c-w1{
	position: relative;
	z-index: 15;
}


/*Content Banners*/
#banners,
#banners img{
	visibility: hidden;
	speak:none;
	display: none;
}

/*First Content Heading*/
.c-w1>h1{margin-top: 0;margin-bottom: 15px;}
	.c-w1>h1 h2{margin-top: 0;} /*fixing invalid markup from client*/

/*Inline List styles*/
.c-w1 ul{
	margin: 1.3em 0!important;
	padding:0 0 0 20px;
}
    .c-w1 li{
        list-style:none!important;
        padding-left:1.5em;
        background:url(/imgs/mobile/list-bullet.png) transparent no-repeat 1px 0.6em;       
        background-size: auto 0.5em;
    }
    .c-w1 ol.sf_pager li {background:none;}

/*Inline Image styles*/
.c-w1 .img-right {
  border: 4px solid #fff;
  float: right;
  margin: 0 0 20px 10px;
}

/* Subnav
-------------------*/
/*No Subnav on mobile. We keep the div, but we hide the ul.nav*/
#subnav ul.nav{
	display: none;
	visibility: hidden;
	speak:none;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer{
	padding:15px;	
	color:#cfd3d8;
	font-size: 13px;
	line-height:1.25;
	background:url(/imgs/mobile/bg-footer.jpg) #05335d no-repeat;
	background-size:  cover;
}
	/*Variations Template Homepage*/
	.home #footer{
		padding: 0;
		background:none;
	}

/*Links*/	
#footer a{
	color: #9ccfff;
	font-weight: 400;
}

/* BottomLinks Left
-------------------*/
#bottomlinks-left{
	color: #fff;
	font-weight: 700;
	text-align: center;
}
	#bottomlinks-left a{
		display: inline-block;
		margin-bottom: 0.625em;
	}
	/*BottomLinks Logo*/	
	#bottomlinks-left:before{
		content:"";
		display: block;
		width: 119px;
		height:31px;
		margin: auto;
		background: url(/imgs/mobile/footer-logo.png) no-repeat;
		background-size: contain;
		margin-bottom: 1.3em;
	}

/* Social
-------------------*/
#socialIcons{
	margin: 1.3em 0 0.625em 0;
	text-align: center;
}

/* BottomLinks
-------------------*/
#bottomlinks-right{
	text-align: center;
}
	

/*--------------------------------------------------------------
# Independent add-ons or widgets
--------------------------------------------------------------*/

/* Modal
-------------------*/
.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	z-index:10 !important;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
	.modal h2 {
		margin:0px;
		padding-bottom:10px;
		font-size:20px;
	}


/*--------------------------------------------------------------
# Template Overview
--------------------------------------------------------------*/

/* Overview Content
-------------------*/
.overview{
	margin:0.75em 0 1em 0;
	border-bottom:1px solid #aaafb3;
}
	.overview > div{
		/*margin-left:30%;*/
	}
	
	.city-services .overview > div{margin-left: 0;}

/*Overview Content Title*/
a.overview-title,
.overview-title{
	color:#be0000;
}

/*Overview Content Image*/
.overview-thumb img{
	float:left;
	border:5px solid #ffffff !important;
	width:28%;
	box-shadow:inset 0 0 10px #000000;
	margin: 0 10px 10px 0;
}


/* Overview CTAS
-------------------*/
.overview-cta-wrapper{
	overflow:hidden;
	text-align:center; 
	padding:5% 3.5% 2% 3.5%;
}

/*Overview CTAS Cells*/
.overview-cta-wrapper .cta-cell{
	width:226px;
	display: inline-block;
	overflow:hidden;
	margin:1em;
}
.overview-cta-wrapper .cta-cell div{
    position: relative;
    display: inline-block;
}

/*Overview CTAS Cells Lists*/
.overview-cta-wrapper .cta-cell div ul{
    position: absolute;
    left: 6px;
    top: 34px;
    padding:0;
    margin:0!important;
}
	.overview-cta-wrapper .cta-cell div ul li{
	    float: left;
	    list-style: none;
	    padding: 0px 0px 0px 1px;
	}

/*Overview CTAS Links*/
.overview-cta-wrapper a{
	display:inline-block;
	position:relative;
	float:left;
	margin-bottom:15px;
}
.overview-cta-wrapper .icon-hover{
	display:none;
}

/*Overview CTAS Images*/
.overview-cta-wrapper img {
	max-width:226px;
	height:auto;
}

/*--------------------------------------------------------------
# Other Media
--------------------------------------------------------------*/

/* Emebed Objects/Iframes
-------------------*/ 
object, 
iframe,
.issuuembed{
	max-width: 100%;
}

/*--------------------------------------------------------------
# Template Homepage
--------------------------------------------------------------*/

/* Hiding
-------------------*/ 
.home .carousel-control{
	display: none;
	visibility: hidden;
	speak:none;
}

/* Banner Slider
-------------------*/
#header-banner ul{
	height: auto!important;
	position: static!important;
	width: 100%!important;
}
/*Boxes*/
#header-banner li{
	display: block !important;
	position: static!important;
	opacity: 1!important;
	width: auto!important;
	height: auto!important;
	margin:15px;
	border:1px solid #ddd;
	padding: 10px;
}
/*Caption*/
#header-banner .caption{
	padding: 10px 0;
	line-height: 1.3;
}
	/*Title*/
	#header-banner .title{
		display: block;
		margin: 0.625em 0;
	}

/*Images*/
#header-banner img{
	max-width: 100%;
	display: block;
}

/* Homepage CTA
-------------------*/
#homeCta{
	padding: 15px;
	background: url(/imgs/home/footer-bg.png) no-repeat #E1E1E1;
	background-size: contain;
	line-height: 1.3;
}

/*cta title*/
#homeCta h3{
	color: #00375f;
	font-size: 16px;
}
/*cta date*/
.newsDate {
  color: #656565;
  margin-bottom: 0;
}
/*cta content*/
#homeCta p{
	line-height: 1.3;
}
/*cta links*/
#homeCta a{
	color: #2f6ca4;
	font-size: 13px;
}
/*cta more*/
#footer .more-cta {
  background: url(/imgs/home/cta-line.png) repeat-x scroll right 5px;
  overflow: hidden;
}	
	/*cta more link*/
	#footer .more-cta a,
	#footer .more-cta input{
	  background: none;
	  border: none;
	  color: #00375f;
	  display: block;
	  float: right;
	  font-size: 11px;
	  height: 23px;
	  line-height: 23px;
	  padding-right: 30px;
	  padding-top: 3px;
	  position: relative;
	  text-decoration: none;
	  text-transform: uppercase;
	}
	/*cta more icon*/
	#footer .more-icon {
	  background: url(/imgs/home/arrow_skyblue-right.png) no-repeat;
	  display: inline-block;
	  float: right;
	  height: 25px;
	  overflow: hidden;
	  position: absolute;
	  right: 0;
	  top: 0;
	  width: 25px;
	}

/*cta service heading*/
.servicesHeading {
  color: #656565;
}

/*Services Select*/
#servicesSelect, .servicesSelect {
  background: url(/imgs/home/service-bg.png) no-repeat;
  border: 1px solid #306da5;
  color: #3c3e40;
  font-size: 12px;
  height: 28px;
  margin-bottom: 16px;
  padding: 4px 5px;
  width: 272px;
}

/*cta calendar*/
#ctaCalendar a {
  background: url(/imgs/home/cta_calendar.png) no-repeat;
  display: block;
  height: 1px;
  margin-right: 10px;
  overflow: hidden;
  padding-top: 114px;
  width: 80px;
}


/* Homepage Footer
-------------------*/
#bottomArea{
	background:url(/imgs/mobile/bg-footer.jpg) #05335d no-repeat;
	background-size:  cover;
	padding: 15px;
}


/*--------------------------------------------------------------
# Template Search
--------------------------------------------------------------*/
.resultWrap {
  margin-bottom: 2em;
}

/* Pager
-------------------*/
.sf_pagerNumeric>a{
	display: inline-block;
	padding: 10px;
	margin: 0.315em;
	line-height: 1;
	text-decoration: none;
	font-weight: 700;
}
	/*Variations: active*/
	.sf_pagerNumeric>a.sf_PagerCurrent{
		background: #85B46C;
		color: #fff;
	}

/*--------------------------------------------------------------
# Template Calendar
--------------------------------------------------------------*/

/* Search controls
-------------------*/.search-controls{
	background-color: #d2d2d2;
	padding: 10px 20px 20px 20px;
}

/*Options Label*/
.event-type-from-to, 
.event-type-view {
  color: #306da5;
  display: block;
  margin:0.625em 0;
  font-size: 16px;
}

/*Options select*/
.eventCtlOptions select{
	width: 100%;
	background: transparent url(/imgs/event-calendar/bg-input.png) repeat-x left top;
	border: 1px solid #b9b9b9;
	color: #808080;
	font-size: 11px;
}

/*Submit*/
.search-controls .btnsearch {
  background: transparent url(/imgs/btn-filter-events.png) no-repeat;
  border: medium none;
  cursor: pointer;
  height: 40px;
  margin-top: 16px;
  width: 133px;
}
	.city-hall .search-controls .btnsearch {
		float: right;
		margin-top: 16px;
		clear:both;
	}


/* Event types
-------------------*/
.dropdown-wrap{
	margin-top: 40px;
}

.dropdownstyle>.event-type+div{
	clear:both;
	max-width: 80%;
	word-break:breal-all;
}

.checkboxlist{
}
.checkboxlist input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  float: left;
  width: auto;
  clear: left;
}
.checkboxlist label {
  float: left;
  padding-left: 6px;
  width: 150px;
}

/* Event Lists
-------------------*/

/*List item*/
.headline{
	background: url(/imgs/news/bg-headline.png) no-repeat;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	padding: 0.25em 0.75em;
	margin: 0.625em 0 2.6em 0;	
}
/*
List Heading*/
.headline h3 {
	font-size: 20px;
	color: #00375f;
	z-index:1;
	margin: 0.315em 0;
}

/*List table styles*/
.headline td {
	padding:0.75em 0.25em;
	border-bottom:1px solid #d4d4d4;
}

/*Event Date*/
.headline .event-date {
	float: none; 
	font-size:11px;
}

/*Headline*/
.headline td {
	padding:0.75em 0.25em;
	border-bottom:1px solid #d4d4d4;
}
	.headline .event-date {
		float: none; 
		font-size:11px; 
	}

.full-article, 
.hide-article, 
.full-article-news{
	overflow: hidden;
	background: url(/imgs/news/bg-full-article.png) repeat-x 0 6px;
}
	.full-article a,
	.hide-article a,
	.full-article-news a{
		display: block;
		float: right;
		color: #00375f;
		font-size: 11px;
		text-decoration: none;
		padding: 11px 31px 0 0;
		background: url(/imgs/news/btn-full-article.png) no-repeat right top;
	}
		.hide-article a {
			padding-top: 7px;
			background-image:url(/imgs/news/btn-close-red.png);
		}


/* Pager
-------------------*/
#base_main_main_Content_C004_dataPager{
	display: block;
	margin-top: 2.6em;
}
#base_main_main_Content_C004_dataPager>a,
#base_main_main_Content_C004_dataPager>span{
	display: inline-block;
	padding: 10px;
	margin: 0.315em;
	line-height: 1;
	text-decoration: none;
	font-weight: 700;
}
	/*Variations: active*/
	#base_main_main_Content_C004_dataPager>span{
		background: #85B46C;
		color: #fff;
	}


/*--------------------------------------------------------------
# Parks and trails, park finder
--------------------------------------------------------------*/

.parklocation {
	position:relative;
	margin-bottom:1.5em;
	border-top:1px solid #306da5; 
}

.parkWrap .pbt2 .dropdownstyle, 
.parkWrap .pbt2 .popupBody {
    background-color: #85b46c;
}
.parkWrap .pbt .dropdownstyle, 
.parkWrap .pbt .popupBody {
    background-color: #306da5;
    color: #ffffff;
}
	.parkWrap .pbt table.checkboxlist,
	.parkWrap .pbt2 table.checkboxlist{
		margin: 0;
	}
	.parkWrap .pbt table.checkboxlist td,
	.parkWrap .pbt2 table.checkboxlist td{
		padding:10px;
		border:none;
		background:none;
	}
	.parkWrap table.checkboxlist,
	.parkWrap .checkboxlist tr,
	.parkWrap .checkboxlist td{
		display: block;
		float: left;
		width: 100%;
	}
		.parkWrap .checkboxlist td{width: 50%;}
	.parkWrap .dropdownstyle strong,
	.parkWrap .dropdownstyle span{
		margin-top: 10px;
		display: inline-block;
	}
	.parkWrap .pbt .dd-select-filters {
	  background-image: url("/imgs/park-finder/btn-select_locations.png");
	  margin-bottom: 10px;
	  padding-top: 24px;
	  width: 134px;
	}
	.parkWrap .pbt2 .dd-select-filters {
	  background-image: url("/imgs/park-finder/btn-select_amenities.png");
	  margin-bottom: 10px;
	  padding-top: 24px;
	  width: 131px;
	}

	.parkWrap .btn-okay{
	  background-image: url("/imgs/btn-okay.png");
	  background-position: 0 0;
	  background-repeat: no-repeat;
	  float: right;
	  height: 1px;
	  margin: 18px 10px 20px 0;
	  overflow: hidden;
	  padding-top: 39px;
	  width: 104px;
	}
		.parkWrap .pbt .btn-okay {
		  background-image: url("/imgs/btn-okay-green.png");
		}
	.parkWrap .popupBody:after{
		content:"";
		display: table;
		clear:both;
	}

#base_main_main_Content_RssFeed1{margin-top: -30px;}

.parkname, 
.parkregion, 
.parklocation .am, 
.amheading {
	display:block;
}
.parkname{
	font-weight:bold;
	font-size:115%;
	width:65%;
}

.amheading { color:#717171; }
    .parklocation .am{ 
    	list-style:none;
    	width:87.8%;
    	margin:0;
    	overflow:hidden;
    	padding:0;
    }
        .parklocation .am li {
        	float:left;
        	list-style:none;
        	width:37px;
        	height:35px;
        	text-indent:-999px;
        	overflow:hidden;
        	background-repeat:no-repeat;
        	margin:0 4px 4px 0;
            background-size:auto;
            padding-left:0;
            background-position:0px 0px;
        }

.parkWrap a.full-article {
    background: url("/imgs/park-finder/btn-details.png") no-repeat scroll right center transparent;
    color: #306da5;
    display: block;
    position:absolute;
    top:0; right:0px;
    font-size: 11px;
    padding: 4px 25px 0 0;
    height:19px;
    text-decoration: none;
}


.parkWrap .park-twocolumn .col1, 
.parkWrap .park-twocolumn .col2{
	width:100%;
} 
.parkWrap .park-twocolumn .col2{
	text-align:right;
} 
    .parkWrap #map_canvas {
    	max-width:75% !important;
    	margin:0 auto;
    } 
.parkWrap > table td {
	border:none; background:transparent;
}
.parkWrap h2 {
	padding-bottom:0.33em;
}
        
.am .baseball {
    background-image: url("/imgs/park-finder/am-ball-diamond.png");
}
.am .ball-diamond {
    background-image: url("/imgs/park-finder/am-ball-diamond.png");
}
.am .basketball {
    background-image: url("/imgs/park-finder/am-basket.png");
}
.am .basketball-court {
    background-image: url("/imgs/park-finder/am-basket.png");
}
.am .communitygarden {
    background-image: url("/imgs/park-finder/am-community-garden.png");
}
.am .community-garden {
    background-image: url("/imgs/park-finder/am-community-garden.png");
}
.am .discgolf {
    background-image: url("/imgs/park-finder/am-disc-golf.png");
}
.am .disc-golf {
    background-image: url("/imgs/park-finder/am-disc-golf.png");
}
.am .displaygarden {
    background-image: url("/imgs/park-finder/am-display-garden.png");
}
.am .display-garden {
    background-image: url("/imgs/park-finder/am-display-garden.png");
}
.am .dogoffleash {
    background-image: url("/imgs/park-finder/am-dog-offleash.png");
}
.am .dog-off-leash {
    background-image: url("/imgs/park-finder/am-dog-offleash.png");
}
.am .fishing {
    background-image: url("/imgs/park-finder/am-fishing.png");
}
.am .lacrossbox {
    background-image: url("/imgs/park-finder/am-lacrossebox.png");
}
.am .lacrosse-box {
    background-image: url("/imgs/park-finder/am-lacrossebox.png");
}
.am .lawnbowling {
    background-image: url("/imgs/park-finder/am-lawn-bowling.png");
}
.am .lawn-bowling {
    background-image: url("/imgs/park-finder/am-lawn-bowling.png");
}
.am .offroadcycling {
    background-image: url("/imgs/park-finder/am-off-road-cycling.png");
}
.am .off-road-cycling {
    background-image: url("/imgs/park-finder/am-off-road-cycling.png");
}
.am .outdoorpool {
    background-image: url("/imgs/park-finder/am-outdoor-pool.png");
}
.am .outdoor-pool {
    background-image: url("/imgs/park-finder/am-outdoor-pool.png");
}
.am .picnicshelter {
    background-image: url("/imgs/park-finder/am-picnic.png");
}
.am .picnic-shelter {
    background-image: url("/imgs/park-finder/am-picnic.png");
}
.am .playground {
    background-image: url("/imgs/park-finder/am-playground.png");
}
.am .rollerhockey {
    background-image: url("/imgs/park-finder/am-roller-hockey.png");
}
.am .roller-hockey {
    background-image: url("/imgs/park-finder/am-roller-hockey.png");
}
.am .runningtrack {
    background-image: url("/imgs/park-finder/am-running-track.png");
}
.am .running-track {
    background-image: url("/imgs/park-finder/am-running-track.png");
}
.am .sandvolleyball {
    background-image: url("/imgs/park-finder/am-sand-volleyball.png");
}
.am .sand-volleyball {
    background-image: url("/imgs/park-finder/am-sand-volleyball.png");
}
.am .skateboard {
    background-image: url("/imgs/park-finder/am-skateboard.png");
}
.am .sportsfield {
    background-image: url("/imgs/park-finder/am-sportsfiled.png");
}
.am .playing-field {
    background-image: url("/imgs/park-finder/am-sportsfiled.png");
}
.am .sports-field {
    background-image: url("/imgs/park-finder/am-sportsfiled.png");
}
.am .tenniscourt {
    background-image: url("/imgs/park-finder/am-tenniscourt.png");
}
.am .tennis-court {
    background-image: url("/imgs/park-finder/am-tenniscourt.png");
}
.am .trails {
    background-image: url("/imgs/park-finder/am-trails.png");
}
.am .washrooms {
    background-image: url("/imgs/park-finder/am-washroom.png");
}
.am .waterspraypark {
    background-image: url("/imgs/park-finder/am-water-spray.png");
}
.am .water-spray-park {
    background-image: url("/imgs/park-finder/am-water-spray.png");
}
/*--------------------------------------------------------------
# Volunteer Opportunities + Pets
--------------------------------------------------------------*/
.listfilter {
  background: #d2d2d2 none repeat scroll 0 0;
  padding: 20px;
  margin-top: 1.3em;
}
	.listfilter .event-type{
		display: block;
		margin-bottom: 0.625em;
	}
/*Select*/
.listfilter select{
	width: 100%;
	background: transparent url(/imgs/event-calendar/bg-input.png) repeat-x left top ;
	border: 1px solid #b9b9b9;
	color: #808080;
	font-size: 11px;
}
/*Submit button*/
.btn-filter-opportunities {
	background: transparent url(/imgs/btn-filter-opportunities.png) no-repeat scroll 0 0;
	border: none;
	display: block;
	float: right;
	height: 35px;
	margin: 14px 0 25px;
	overflow: hidden;
	text-indent: -999px;
	vertical-align: bottom;
	width: 189px;
}

.Parks .btnsearch  {
	background: url(/imgs/btn_filter-parks.png) no-repeat;
	width:122px;height:34px;
}
.multicultural .btnsearch  {
	background: url(/imgs/btn_filter-categories.png) no-repeat;
	width:164px;
	height:35px;
}

.volunteerheader{
	clear: both;
}

/*List
-------------------*/
.volunteerheader h3,
.petheader h3,
.jobsheader h3,
.multiheader h3{
	font-weight: 700;
	font-size: 18px;
}
	/*Pet header variation*/
	.petheader .col2,
	.petheader .col3,
	.petheader .col4,
	.multiheader .col2,
	.multiheader .col3{
		display: none;
	}

.petwrapper a,
.volunteerwrapper a,
.jobswrapper a{
	color: #333333;
	text-decoration: none;
}

/* Background*/   
.petwrapper,
.volunteerwrapper,
.jobswrapper,
.multiwrapper{
    background:url(/imgs/bg-detailcontent.png) no-repeat top;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 2.6em;
}

/*columns headers*/
.petheader,
.volunteerheader,
.jobsheader,
.multiheader{
    overflow:hidden;
    margin-top:2em;
}
    .petheader div,
    .petlistitem div,
    .volunteerlistitem div,
    .multiheader div,
    .multilistitem div{
    	float:left;
    }
    .petheader .col1 {
    	width:22%;
    	font-size:80%;
    	color:#4a4a4a;
    }
    .petheader .col2,
    .petlistitem .col2 {
    	display:none;
    }
    .petheader .col3,
    .petlistitem .col3{
    	width:30%;
    }
    .petheader .col4,
    .petlistitem .col4{
    	width:35%;
    }
    .petheader .col2, 
    .petheader .col3, 
    .petheader .col4, 
    .multiheader .col2, 
    .multiheader .col3, 
    .multiwrapper-details .service{
    	color:#939393;
    	font-size:72%;
    	padding-top:2px;
    }

/*Dividers*/
.petlistitem, 
.volunteerlistitem, 
.joblistitem, 
.multilistitem{
    width:auto;
    overflow:hidden;
    padding:1.5em 1em 2.5em 1.25em;
    position:relative;
    background:url(/imgs/list-divider.png) transparent no-repeat right bottom;
}
	.petlistitem{
	    background:url(/imgs/list-divider-orange.png) transparent no-repeat right bottom;
	}

/*Content columns*/
.petlistitem .col1, 
.volunteerlistitem .col1{
	width:114px;
	margin-bottom: 5px;
}
	.petlistitem .col1{min-height: 100px;}
.petlistitem .col2,
.petlistitem .col3{
	font-weight:bold;
}
.petlistitem a, 
.multilistitem{ 
	color:#333333;
	text-decoration:none;
}


/*Pet Submit*/
.listfilter+.filterbutton {
    display:block;
    height:35px;
    width:111px;
    background:url(/imgs/pet-listings/btn_filter-pets.png) transparent no-repeat;
    border:none;
    overflow:hidden; 
    text-indent:-999px;
    float:right;
    margin:14px 0 25px 0;
}

/*Jobs list legend*/
.jobswrapper-details{
	background: #EFEFEF;
	padding: 20px;
	margin: 1.3em 0;
}
.jobswrapper-details .jobstatus {
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 11px;
    margin-right: 15px;
    padding-left: 12px;
    text-transform: uppercase;
    display: block;
}
.joblistitem .jobstatus {
  background-position: left center;
  background-repeat: no-repeat;
  color: #7d7d7d;
  font-size: 11px;
  margin-left: 8px;
  padding-left: 12px;
  text-transform: uppercase;
}
strong.event-type+div{margin-left: 0!important;}
.joblistitem .open, .jobmeta .open {
    background-image: url("/imgs/job-status/open.png");
}
.joblistitem .closed, .jobmeta .closed {
    background-image: url("/imgs/job-status/closed.png");
}
.joblistitem .cancelled, .jobmeta .cancelled {
    background-image: url("/imgs/job-status/cancelled.png");
}
.joblistitem .filled, .jobmeta .filled {
    background-image: url("/imgs/job-status/filled.png");
}
.joblistitem .onhold, .jobmeta .onhold {
    background-image: url("/imgs/job-status/onhold.png");
}
.joblistitem .shortlisted, .jobmeta .shortlisted {
    background-image: url("/imgs/job-status/shortlisted.png");
}
.jobdesc {
    margin: 0.75em 0;
}
.jobcategory, .jobmeta {
    color: #959595;
}
.jobmeta {
    font-size: 11px;
}

/*Variations for multi*/
.multiheader .col1 {
	width:25%;
}
.multiheader .col2 {
	width:33%;
}

.multilistitem .col1 {
	width:20%;
	margin-right:10px;
}
.multilistitem .col1 img {
	width:100%;
}
.multilistitem .col2 span {
	display:block;
}
.multilistitem .col2,
.multilistitem .col3 {
	display:block;
	padding-right:3px;
	width:35%;
	font-size:85%;
}


/*Park*/
.parklist h1{
	margin-bottom: 1.3em;
}

/*Select Dropdown*/
.chk-all-events-wrap label{padding-left: 6px;}
.dropdownstyle {
	background-color:#d2d2d2;
	overflow:hidden;
	padding: 0 10px;
	font-size: 12px;
}
	.city-hall .dropdownstyle {overflow: visible;}
	.dd-select-filters {
		background-image:url(/imgs/btn-select-filters.png);
		background-position:0 0;
		background-repeat:no-repeat;
		float:right;
		overflow:hidden;
		width:82px;
		height:1px;
		padding-top:39px;
		position:inherit;
		top:-14px;
		margin-top: 8px;

	}

.search-controls .popupBody a.btn-close,
.multicultural .btn-okay {
  display: none;
}
.multicultural .checkboxlist,
.multicultural .checkboxlist tbody,
.multicultural .checkboxlist tr,
.multicultural .checkboxlist td{
	display: block;
	float: left;
	width: 100%;
}
.multicultural:after{
	content:"";
	display: table;
	clear:both;
}
.multicultural .checkboxlist td{
	position: relative;
	padding-left: 20px;
	padding-right: 10px;
	vertical-align: top;
	background: none;
	border:none;

}
	.multicultural .checkboxlist input[type="checkbox"]{
		position: absolute;
		left: 0;
		top: 5px;
	}
	.multicultural .checkboxlist label {
	  font-size: 12px;
	}


/*Accordions
-------------------*/
.page-content 
{
    font-family:Tahoma,Arial,Helvetica,sans-serif;
    color:#3c3e40; font-size:100%; line-height:1.63;
}
    .page-content ul 
    {
        padding:0 0 0 20px;
    }
    .page-content li 
    {
        list-style:none;
        background:url(/imgs/mobile/list-bullet.png) transparent no-repeat 1px 0.6em;
        padding-left:1.5em;
        -moz-background-size: auto 0.5em;
        -webkit-background-size: auto 0.5em;
        background-size: auto 0.5em;
    }
    .page-content ol.sf_pager li { background:none; }
#content .sf_expandableList {
  margin: 0;
  padding: 0 !important;
}
#content .sf_expandableList>li {
  background: #eeeeee;
  list-style: outside none none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 10px;
}

.custom_listItemTitle_bg {
  background: #eeeeee none repeat scroll 0 0;
  border: 1px solid #eeeeee;
  display: block;
  margin: 0 !important;
  padding: 0 0 0 5px !important;
}
h3.custom_listItemTitle{
	margin: 0;
}
h3.custom_listItemTitle a {
  background: url(/imgs/home/small_arrow_blue-down.png) no-repeat 0 2px;
  display: inline-block;
  outline: medium none;
  padding: 2px 25px 5px;
}
.custom_listItemBody {
  margin-top: 0 !important;
  padding: 0 10px 5px 35px;
}


/*Pets Details*/
.featured-listing{
	overflow:hidden;
	text-align:center;
	width:100%;
	padding-top:13px;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 20px;
}
.featured-listing a{
	color:#EF8700;
	text-transform:uppercase;
	text-decoration:none;
}
    .featured-listing a:hover{
    	text-decoration:underline;
    }
@media(max-width: 480px){
	 .featured-listing a#backToList1{
	 /*	float: left;
	 	clear:both;
	 	width: 100%;*/
	 }
}

.featured-listing .prevItem {
  background:url(/imgs/backarrow-orange.png) no-repeat left bottom;
  display: block;
  float: left;
  margin-top: -13px;
  padding: 13px 0 0 32px;
  width: 0;
  overflow: hidden;
  text-indent: 9999em;
}
.featured-listing .nextItem {
  background:url(/imgs/nextarrow-orange.png) no-repeat right bottom;
  display: block;
  float: right;
  margin-top: -13px;
  padding: 13px 32px 0 0;
  width: 0;
  overflow: hidden;
  text-indent: 9999em;
}

.btn-adoption-form {
  background: transparent url(/imgs/pet-listings/btn_adoption-form.png) no-repeat scroll 0 0 !important;
  display: block;
  height: 1px;
  margin-right: 25px;
  padding-top: 34px;
  text-indent: -999px;
  width: 152px;
  margin-top: 20px;
  margin-bottom: 20px;
}


.c-w1 img{
	max-width: 100%;
}
.c-w1>.sfContentBlock{
	overflow: auto;
	overflow-y: scroll; /* has to be scroll, not auto */
  	-webkit-overflow-scrolling: touch;
}

.multiwrapper>a.morelink{
	text-decoration: none!important;
}

.park-twocolumn+table{
	table-layout: fixed;
}

/* FORMS  */

.sfFormsEditor .sfFormBox, .sfFormsEditor .sfFormCheckboxlist, .sfFormsEditor .sfFormRadiolist, .sfFormsEditor .sfFormDropdown, .sfFormsEditor .sfFormBlock {margin-bottom: 1.8em;}
.sfFormsEditor label, .sfFormsEditor .sfTxtLbl {display: block; margin: .2em 0 0px;}
.sfFormsEditor .checkbox-inline {display: block; margin: 35px 0 0;}
.sfFormsEditor .checkbox-label, .sfFormsEditor .checkbox-inline label, .sfFormsEditor .sfCheckListBox label, .sfFormsEditor .sfRadioList label {display: inline; margin: 0 1em 0 .5em;}
.sfFormsEditor input[type="text"], .sfFormsEditor select, .sfFormsEditor textarea {border: 1px solid #abadb3; background: #fff;}
.sfFormsEditor input[type="text"] {padding: .6em; width: 100%;  margin-top: .2em;}
.sfFormsEditor select {width: 20em;}
.sfFormsEditor textarea {padding: .6em; width: 100%; height: 10em; resize: none;}
.sfFormsEditor input[type="checkbox"], .sfFormsEditor input[type="radio"] {margin-top: .8em;}
.sfFormsEditor .required-indicator {color: #c60000;}
.sfFormsEditor .sfError {color: #c60000;}
.sfFormsEditor .sfTxtLbl span {color: #c60000;}	
.sfFormsEditor .sfDropdownList option{ font-size: 15px;}
.sfFormsEditor .sfSuccess, .sfFormsEditor .sfErrorSummary{color: #c00000;}
.sfFormsEditor .sfTxtBoxSmall {width: 40%;}
.sfFormsEditor .sfTxtBoxMedium {width: 80%;}
.sfFormsEditor .sfTxtBoxLarge {width: 100%;}
.sfFormsEditor .sf_cols {display: flex;}
.sfFormsEditor  .sfFormSubmit input {
  display: block;
  font-weight: bold;
  margin: 5px 0;
  padding: 5px;
}


/* Recycling */
.recycling img {max-width: 100%;}
.recycling h2 {padding-bottom: 10px;}
.recycling h4 {color: #326ea5; font-size: 125%; padding-bottom: 5px;}
.recycling .highlight {color: #e16900;}
.recycling .warning {padding: 15px; color: #fff; text-align: center; border-radius: 10px; background: #f08200;}
	.recycling .warning strong {display: block;}
.recycling .not-accepted {padding-bottom: 15px;}
	.recycling .not-accepted h3 {font-size: 26px; color: #d20000; font-weight: 400; padding: 18px 0 10px;}
	.recycling .not-accepted ul {font-size: 0; margin: 0; padding: 0;}
		.recycling .not-accepted li {display: inline-block; padding: 0 10px 10px 0; vertical-align: top;}
.recycling .not-accepted-green {padding-bottom: 15px;}
	.recycling .not-accepted-green h3 {font-size: 26px; color: #65B460; font-weight: 400; padding: 18px 0 10px;}
	.recycling .not-accepted-green ul {font-size: 0; margin: 0; padding: 0;}
		.recycling .not-accepted-green li {display: inline-block; padding: 0 10px 10px 0; vertical-align: top;}
.recycling .not-accepted-black {padding-bottom: 15px;}
	.recycling .not-accepted-black h3 {font-size: 26px; color: #666666; font-weight: 400; padding: 18px 0 10px;}
	.recycling .not-accepted-black ul {font-size: 0; margin: 0; padding: 0;}
		.recycling .not-accepted-black li {display: inline-block; padding: 0 10px 10px 0; vertical-align: top;}

#contentarea .cust-service {margin-top: 20px; padding: 10px 0; background: url(/imgs/garbage/bg-hours.png) repeat-x left top;}


h1 h1{
	margin: 0;
}

#ui-datepicker-div{
	z-index: 9999;
	font-size: 12px;
	position: fixed;
	visibility: visible!important;
}
#ui-datepicker-div th{
	width: auto;
	font-size: 12px;
	background: #5390c8;
}