﻿.goog-te-gadget-simple/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}


/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body { overflow:auto; }

*,*:after,*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.wrapper {
	width: 940px;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}


.srch-results {
    padding-left: 0px;
    max-width: 920px;
}


/* Content Slider Webparts */

#slider_left {
	width:64%;
	float:left;
	height:250px;
}

#slider_right {
	width:36%;
	float:left;
	margin-top:10px;
}

#slider {
	width: 30px;
	height: 265px;
	padding:0px;
	list-style: none;
	display:block;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
	background-color:#eee;
}

div.anythingSlider .anythingWindow {
	border:0px;
}

div.anythingSlider .arrow {
	top: 90%;
	display:block;
	}
	
div.anythingSlider .arrow a {
	display: block;
	}	

#webpartmobile {
	display:none;
}

#webpartmasterwrapper {
	width:100%;
}

.clearingdiv {
	clear: both;
}

/* Google Calendar */

#Google_desktop {
display:block;
}

#Google_mobile {
display:none;
}

#mobilefeatures {
display:none;
}


.mobile_holder {
	display:none;
}












/* New Styles */

@media only screen and (min-width: 1420px){


	#az_list, #az_list li {
		max-height:600px;
	    overflow:auto;	
	}


	


	#mp-menu {
		display: none!important;
	}
	

	.qs_close {
		background-color: #076e7c;
		color: white;
	}


	.qs_close:after {
		content: "\f057";
	}


	h1.customPageTitle {
	    font-size: 25px !important;
	    font-weight: normal;
	    line-height: 1.1em;		    
	    padding-top: 0px;
	    padding-bottom: 20px;
	    margin: 0px !important;	    
	    margin-top:20px!important;
	    max-width: 1200px!important;
	    margin-left: auto !important;
	    margin-right: auto !important;
	    width: 100% !important;	  
	    float:none!important;
	}


	.customBreadcrumbs {
		padding-bottom: 0px!important;
		width: 100%;
	}


	/* large screens */

	.s4-search input.ms-sbplain {
    	width: 100%!important;
    }
    
    .qs_link_main {
		width:50%!important;
	}
    
 
    
    .qs_file_link {
    	width: 48%!important;
    }
    
    .area_iframe {		
		width: 90%!important;
	    margin-left: 20px;
	    float: left;
	}
	

	.s4-search input.ms-sbplain, .main_search {
		height: 40px!important;
	}


}




@media only screen and (min-width: 1170px) and (max-width: 1420px) {

	#az_list, #az_list li {
		max-height:600px;
	    overflow:auto;	
	}



	.content_right {
		width: 79%!important;
	}

	.sidebar_left {
		width: 21%!important;	
	}


	.top_landing .midleft, .top_landing .midmid, .top_landing .midright {
	    min-height: 290px;
	}


	#mp-menu {
		display: none!important;
	}

	h1.customPageTitle {
		float:none!important;
		padding-left: 0%!important;
	}


	/* medium screens */

	.s4-search input.ms-sbplain {	
		width: 100%!important;
	}


	.customSearch {
		width: 85%;	
	}
	
		
	.area_iframe {		
		width: 90%!important;
	    margin-left: 20px;
	    float: left;
	}

	.nu_search {
		width:  43%!important;
		left: 15%!important;
	}
	
	
	.nu_search_homepage {
		width: 50% !important;
		left: 25% !important;	
	}
	
	.nu_area_wide {
		width: 85%;
	}

	.qs_holder {		
		left: -23%;
		width: 160%;
	}

		
	
	.customMain {
		padding: 10px 4%!important;
	}
	
	.fw_slide_text {
		font-size: 0.85em!important;		
	}
	
	
	.mdd-topmenu-label a:link {
		padding: 13px 30px 14px 30px !important;
		color:white!important;
		font-size:0.9em!important;
	}
	
	.mdd_section_on {
		top: -2px;
		position: relative;
	}
	
	.fw_slide_head {
		font-size: 1.1em !important;
		padding-top:8px!important;
		top: 140px!important;
	}
	
	.fw_slide_top_active .fw_slide_head, .fw_slide:hover .fw_slide_head {
		top: 140px!important;
	}

	
	.fw_slide_text {
		top: 132px!important;
		padding-top: 0px !important;
		padding-right: 57px !important;
	}
	
	
	.fw_slide_top_active .fw_slide_text, .fw_slide:hover .fw_slide_text {
		top: 132px!important;
	}

	
	
	.homepage_block {
		width: 49.66%;
	}
	
	
	.app_callout:before {
		display:none;
	}
	
	.app_callout_text {
		margin-left: 20px;
		font-size: 0.9em;
	}
	
	.app_callout_prompt {
		left: 9px;
	}
	
	
	.app_callout:hover .app_callout_prompt {
		left: 12px!important;		
	}


	.customBreadcrumbs {	
		padding-bottom:50px!important;
	}
	
	.s4-search input.ms-sbplain, .main_search {
		height: 40px!important;
	}
	
	


	
}










@media only screen and (min-width: 1008px) and (max-width: 1169px) {



	#az_list, #az_list li {
		max-height:600px;
	    overflow:auto;	
	}


	.content_right {
		width: 79%!important;
	}

	.sidebar_left {
		width: 21%!important;	
	}



	.top_landing .midleft, .top_landing .midmid, .top_landing .midright {
	    min-height: 310px;
	}

	
	h1.customPageTitle {
		float:none!important;
		top: 0px;
		
	}
		
	.rc_instructions div:first-child {
		border-top: 1px solid silver!important;
	}

	.rc_image {	
		width: 100%!important;
	}

	.rc_instructions {
		width: 100%!important;
	}

	.mdd-topmenu-label:before {
		left: 10%!important;;
	}


	#mp-menu {
		display: none!important;
	}
	
	/* small screens */
	.area_iframe {		
		width: 90%!important;
	    margin-left: 20px;
	    float: left;	
	}

	
	.nu_area_wide {
		width: 85%;
	}

	.nu_search_homepage {
		left: 30%!important;
		width:90%!important;
	}

	.main_search_button {
		width: 65px !important;
	}

	.s4-search input.ms-sbplain {	
		width: 100%!important;
	}


	.customSearch {
		width: 85%;	
	}
	
	.customMain {
		padding: 10px 40px;
	}
	
		
	.nu_search {		
		left: 14%!important;
		width:48%!important;
	}

	.customToplinks {	
		/*font-size: 0.7em !important;*/
		padding: 4px;
		/*min-width: 280px!important;*/
	}
	
	.az_text {
		display:none;
	}
	
	.customAZ {
		padding-left: 40px;
		width:100%;
	}
	
	.mdd-topmenu-label a:link {
		padding: 15px 30px 14px 30px !important;
		color:white!important;
		font-size:0.9em!important;
	}
	
	.mdd_section_on {
		top: -2px;
		position: relative;
	}

	
	.qs_holder {		
		width: 180% !important;
		left: -35%;
	}
	
	.customAZ ul {
		text-align:center!important;
	}
	
	.homepage_az .customAZ {
		font-size: 1.8em!important;
	}
	
	.homepage_sections {
		margin-left: 5%;
		margin-right: 5%;		
		width: 90%;
	}
	
	
	.report_pay_buttons {
		top: 0px!important;
	}

	.fw_slide_bottom {
		bottom: -5px!important;
	}
	
	.fw_slide_text {
		padding-right: 20px !important;
		font-size: 0.8em!important;		
	}
	
	.fw_slide_head {	
		font-size: 1.1em !important;
	}
	
		
	
	.homepage_block {
		width: 49.66%!important;
	}
	
	
	.app_callout:before {
		display:none;
	}
	
	.app_callout_text {
		margin-left: 20px;
		font-size: 0.9em;
	}
	
	.app_callout_prompt {
		left: 7px;
	}
	
	
	.s4-search input.ms-sbplain, .main_search {
		height: 40px!important;
	}


}




@media only screen and (max-width: 1008px){
	/* Tablet and phone size */	

.azholder {
  padding-left: 18px;
}

#schoolbanner {
    background: none!important;
   }
   
#schoolbanner2 {
background: none!important;
}	
	
.schoolimg {
    display: block;
    width: 99%;
    padding-top: 20px;
}

		
.ms-srch-item {
    width: 80%!important;
}

	
	.report_pay_buttons a, .report_pay_buttons button {
		    height: 54px!important;
	}
	
.ms-srch-hover-outerContainer
{
    display:none !important
}

	#tags_return {
		padding-left: 15px!important;
	    padding-right: 15px!important;
	    padding-top: 15px!important;
	}



	.footer_holder_wrap {
		height:auto;
	}
	
	.mobile_scroll {
		overflow:auto;
	}


	.ct_list_item {
		padding-right: 0px!important;
	}

	
	#pay_buttons {
		margin-left: 15px!important;
    	width: 583px!important;
	}
	
	
	#request_buttons {
	    width: 580px;
	    margin-left:15px;
	}
	
	.tabs_padding {
		padding-left: 15px;
		padding-right:15px;
	}
	
	.cm_top_link, .cm_home_link {	
	    border-bottom: 1px solid #065252;
	}
	
		
	
	.customBreadcrumbs_holder {
		    width: 100%;
		    float: left;
		    overflow: auto;
		    background: #f9f9f9;	
    }

		
	
	
	
	
	.mobile_tags_holder {
	    float: left;
	    width: 100%;
	    overflow: auto;
	    scroll-behavior: smooth;
	}
	
	
	.mobile_search_holder {
    	z-index: 95!important;
    	display:block!important;
	}
	
	
	#mainmenu {
    border-top: 0px solid #0b5560!important;
	}
	
	#tags_return {
	    float: left;
	    width: 1750px!important;
	    margin-bottom: 10px;	   
	}
	
	
	.footer_holder {
	    margin-top: 0px!important;
	}
	
	
	.mobile_holder {
		display:block;
	}

	
	
	.article-content, .welcome-content {
		margin: 15px;
	}
	
	
	
	.ms-rtestate-field TABLE, .ms-rtestate-write TABLE {
		width: 100%!important;
	}
	
	
	.link_right {
				display:none!important;				
			}
			
	
	
	#az_return, #az_content {
		width: 100%;
	}
	
		   
	
	#az_content {
		padding-top: 0px;
		border-left: 0px!important;
	}
	
	.waz_list li {
		margin-left: 10px!important;
		width: 80%;
	}
	
	#az_list li a {
		border-top: 1px solid #02393d;
	}
	

	
	.waz_buttons {
		 float: left;
	}
	
	
	.feedback_questions {
		padding: 0px;
	}
	
	.feedback_scroll {	
			padding: 20px;
	}
	
	
	.feedback_face {
		 font-size: 2.5em!important;
	}
	
	.feedback_btn {	
		width: 100%!important;
		margin: 0px!important;
		padding-top: 10px!important;
		padding-bottom:10px!important;
		float:left;
		height:50px;
	}
	
	
	.feedback_send {	
		position:relative!important;
		margin-top: 30px;
		left: 0px!important;
	}
	
		
	.feedback_holder h2 {
		font-size: 1em!important;
		margin-top: 30px!important;
	}
	
	.feedback_holder {	
		width: 100%!important;		
		max-height:100%;
		overflow-y:auto;
		overflow-x:hidden;
		right:0px!important;
		visibility:hidden;		
	}
	
	.feedback_holder_open {			
		opacity: 1!important;	
		visibility:visible;
		
	}
	
	
	.s4-search input.ms-sbplain, .main_search {
		height: 50px!important;
	}

	
	.ts01, .ts02, .ts03, .ts04, .ts05, .ts06 {	
		display: none!important;
	}
	
	
	.feedback_thankyou {	
		margin-top: 50%!important;
	}
	
	
	.report_order_button_all {
		padding: 20px !important;
		background: #ededed !important;
		border-top: silver 1px solid !important;
		border-bottom: silver 1px solid !important;
	}
	
	
	.report_pay_buttons a, .report_pay_buttons button {
		padding: 16px;
	}
	
	
	
	.rc_instructions div:first-child {
		border-top: 1px solid silver!important;
	}

	
	.rc_image {	
		width: 100%!important;
	}

	.rc_instructions {
		width: 100%!important;
	}

	.rc_instructions div {
		border-left: 0px;
	}
	
	
	.expand_button:after {
		display:none;
	}
	
	
	.splash17_sky, .splash17_sky2, .splash17_sky3 {
		background-size: 800px;
	}	
	
	.splash17_logo {
		top: -20%;
		background-size: 300px;
	}
	
	
	.formwrapper > div {
		padding: 10px!important;
	}
	
	.goog-te-combo {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 14px;
		width: 100%;	
		text-indent: 0px;
		border-radius: 0px!important;
		height: 60px;
		-webkit-appearance: none;
		border-radius: 0;
	}

	
	#google_translate_element {
		height:60px;
	}
	
	
	.cs_complaints {
		font-size: 0.9em!important;
	}
	
	.text_small {
		margin-bottom:15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.section_one {
		padding-bottom: 30px;
	}	
	
	.horizontal_tabs_holder li a { 
		height: 160px;
	}	
	
	.form_button {
		width: 100%;
	}
		
	.tabpanel {
		width: 100%;
		float: left;
		position: relative;
		left: -1px;
	}


	.open_notice {
		margin: 0px!important;
		width: 100%!important;
		max-height: 600px!important;
		padding-top:15px;
		padding-bottom:15px;
		z-index: 98;
		position:relative;
		border-radius: 0px;
	}
	
		
	

	.notice_banner {
		padding-top: 0px;
		padding-bottom: 0px;
		z-index: 1!important;
	}

	
	
	.report_panel_top {
		width: 45%;	
	}
	
	.tabs__tabcontent, .js-tabcontent {
		width: 55%;	
	}
	
	.report_panel_start:before {
		display:none!important;
	}
	
	.report_panel_start {
		padding-top: 58px;
		font-size: 0.8em;
	}
	
	.fw_slide_bottom:after { 
		display:none!important;
	}
	
	
	.relmenu_div li {
		padding-right: 0px!important;
	}
	
	
	.report_order_button .fa, .report_order_button_small .fa { 
		left: 11px;
		top: 11px;
	}
	
	.cs_button_on:after {
		display:none!important;
	}
	
	.tab_title {
		    text-align: left;		   
		    float: left;		 
		    padding: 10px;
		    padding-left: 0px!important;
		    position: relative;
		    left: 50px;
			width: 122px;
			text-indent:0px!important;
	}
	
	.report_order_button:before {
		right: 2px!important;
		top: 16px!important;
	}
	
	.report_order_button_small:before {
		right: 0px!important;
	}
	
	.report_panel_start_icon {
			top: -5px!important;
	}	
	
	.report_panel_start {
		padding-top: 65px;
	}
	
	.section_two .cs_button {
		background:#f5f5f5;
		border-left: 3px solid #a2a2a2;
	}
	
	.section_one, .section_two {
		width:100%;
	}
	
	.searchbar_on {
		border-bottom:0px!important;
		display: none;
	}
	
	.report_order_button .fa, .report_order_button_small .fa { 
		height: 37px;
		width: 37px;		
	}	
	
	
	.report_panel_bottom a {
		text-indent: 0px!important;	
		padding-right: 0px!important;
	}
	
	.js-tabs {
		min-height: 140px!important;
	}
	
	.pay_panel_list {
		width: 100%;
		margin-top:0px!important;
		padding: 15px;
	}
	
	.padding {
		padding: 15px;
	}
	
	#request_panel {
		font-size: 0.8em;
	}
	
	.pay_panel_list li {
		width: 99%;
	}
	
	.pay_panel_list .report_order_button_small {	
	    float: left;
	    position: relative;
	    margin-right: 1% !important;
	    padding: 10px;
	    background: #f6f6f6;
	    font-size: 0.9em;
	    margin-bottom: 0px;		
	}
	
	
	.pay_panel_list .report_order_button_small:before, .pay_panel_list a:before {
		margin-right: 0px;
		right: 15px !important;
	}
	
	.tablist_small {
		padding-left: 11px;
		text-align:center;
		border: 0px;
	}
	
	.tabtop_small {
		display:none;
	}
	
	.report_buttons_new {
		display:none;
	}

	
	.quicksearch_heading {		
		text-align:center;
		font-size:0.8em;
	}
		
	.report_order_panel {
		position: absolute;
		z-index: 113 !important;
		top: 0px;
		width:100%!important;
		left:0%!important;
	}
	
	
	.report_panel_top h2 {
		display: none;
	}
	
	.report_panel_top {		
		min-height:135px;
	}
	
	.report_order_button_on:before, .report_order_button_on:after {
		display:none!important;
	}
	
	
	.pay_panel_button:before, .report_panel_button:before, .request_panel_button:before {
		font-size: 0.7!important;
		width:20px;
		background-color: #214545 !important;		
		height: 20px!important;
		padding-top: 0px!important;
		display:none;
	}
	
	.center {	
		margin-top: 20px;
	}
	
	.fa-paytab {
		height: 41px;
		width: 41px;
		border-radius: 50%;
		font-size: 1.1em !important;
	}	
	
	
		
	
	.report_pay_buttons {
		top: 57px !important;
	}

	.report_pay_buttons a {
		padding-top:15px;
		padding-bottom:17px!important;
		border-top: 1px solid #12464e;		
		background-size: 100%;		
		border-right: 1px solid #12464e!important;	
		background: linear-gradient(to left, #015b66 50%, #015b66 50%);   	    
		background-size: 201% 100%;
		transition: all 0s ease!important;
		height: 49px;
	}
	
	.report_pay_buttons a:hover, .report_pay_buttons a:focus {
		background-color: #fff!important;	
		color: #015b66!important;		
	}
	
		
	
	.report_order_button {
		top: 0px!important;
		line-height:1.2em!important;
		min-height: 55px;
	}
	
	#pay_button, #report_button, #request_button {
		border-right: 0px solid #0a3539;
	    width: 33.3%;
	    margin: 0px!important;
    }
		
	.rp_mobile {
		display:block!important;
		position: relative;
		right: 0px;
		top: 0px!important;
		width: 100%;
		z-index:95!important;		
	}
	
	
	.mobile_buttons_wrap {
		float: left;
	    width: 100%;
	    border-top: 1px solid #054c54!important;
	    background: #0b616d;
    }
	
	.pay_panel_search {
		float: left;
		width: 20%!important;	
		text-align: center;	
		padding: 0px!important;
		border: 0px;
		display:none;
	}
	
	.pay_panel_search:after {
		content:"\f002";
		font-family:"fontAwesome";	
		
		margin-right: 0px;
		background-color: #09464e;
		padding-top: 15px!important;
		padding-bottom: 17px !important;
		border-top: 0px solid #12464e!important;
		background-size: 100%;
		border-right: 1px solid #12464e !important;
		background: linear-gradient(to left, #015b66 50%, #015b66 50%);
	    background-color: rgba(0, 0, 0, 0);
	    background-position-x: 0%;
	    background-position-y: 0%;
	    background-size: auto auto;
		background-size: 201% 100%;
		transition: all 0s ease !important;
		height: 49px;
		color:white;
		float:left;
		width: 100%;
	}
	
	.rp_mobile a {
		width: 33.33%;
		text-align: center;
		margin-right: 0px;
		background-color: #09464e;
		font-size:0.8!important;
	}
	
	.report_order_button_small {
		width: 100%;		
		padding: 12px;
	}

	.report_order_button, .report_order_button_small {
		border-right: 0px!important;
	}

	.report_order_button {
		padding: 5px!important;
	}

	.report_order_panel h2 {
		font-size: 1em!important;
		text-align:left!important;	
		text-indent: 0px;
	}
	
	.tab_close {
		padding-left: 12px;
		padding-right: 12px;
		background-color: #015b66 !important;
		color: #fff !important;	
		font-size: 1.1em;	
		left: 0px;
		right: 0px;
		width: 100%;
		height: 50px;
		position: relative!important;
		background-image: url("/Style Library/AdventureWorks/green_traingles.jpg");
	}
	
	#mp-menu {
		display: block!important;
	}
	
	.cs_left_section, .cs_right_section, .cs_right_section_landing, .cs_right_section_answers, .cs_other_section {
		width: 100%!important;	
	}
	
	
	.notice_banner:before {
		top: 0px;
		font-size: 8em;
		right: -40px;
	}
	
	
	.cs_other_section {	
		padding:2%;
	}
	
	.cs_left_section {
		border-left: 0px solid silver;
		padding-bottom:0px;
		margin-left: 0px;
	}
	
	.cs_report {
		padding-top: 0px;
	}
	
		.cs_right_section_answers:before {
		content: "\f0d7";
		float: left;
		font-family: "fontAwesome";
		font-size: 1.5em;
		color: #01383f;
		top: -9px;
		left: 47%;
		position: relative;
		display:none;
	}
	
	
	.cs_right_section_answers {
		border: 3px solid #015b66;
		margin: 5%;
		width: 90% !important;
		background-color: #f9f9f9;
	}
	
	.cs_right_section, .cs_right_section_landing {
		margin-top: 20px!important;
		margin-bottom: 40px!important;
	}
	
	.cs_right_section:before, .cs_right_section_landing:before {
		display: none!important;
	}
	
	
	.cs_right_section:after, .cs_right_section_landing:after {
		content: "\f078";
		float: left;
		font-family: "Font Awesome 5 Pro";
		font-size: 1em;
		color: #01383f;
		top: 0px;
		position: relative;
		left: 48%;
		animation-duration: 4s;
	  	animation-name: slideup;
	  	animation-iteration-count: infinite;
	}

@keyframes slideup {
  from {
    top: 0px; 
    opacity:0; }

  to {
    top: 20px;
    opacity:1;  }
}

	.cs_landing_link {
		margin-top:10px!important;	
	}
	
	
	.cs_button {
		padding: 10px!important;
		border-top: 0px solid silver !important;
		border-bottom: 0px!important;
		height:50px;
	}
	
	
	
	
	.cs_other_btn {
		height: 190px;
	}
	
	.cs_third {
		width: 100%;
		margin-top: 1px;
		margin-bottom: 0px;
		border-top:0px!important;
	}	

	.contact_section_holder {
		padding-bottom: 0px;
		margin-bottom: 0px;
		border: 0px!important;
		border-bottom: 1px solid silver!important;
	}
	
	.contact_icon {
		left: 0px!important;
		display:none!important;
	}
	
	.slider_mobile {
		display:block!important;
		z-index: 89;
		/*background-color:#015b66;*/
		background-color:transparent;
	}
	
	
	.form_formRegularExpressionValidator, .form_formRequiredFieldValidator {
		top: -35px;	
	}
	
	
	.document_link {
		line-height: 30px!important;
		padding-bottom: 0px;
		padding-left: 26px !important;
	}
	
	.document_link:after {
		display:none!important;
	}
	
	
	
	body, p {
		font-size: 17px!important;
	}
	
	.expand_content {
		padding: 15px!important;
	}
	
	.expand_button {
		padding: 20px!important;
	}
	
		
	.qs_holder_mobile {
		top: 0px!important;
		overflow:visible!important;
		/*display:block;*/
	}	
	
	.qs_search {
		height: 50px!important;	
		background-color: #fcfcfc;
		color: #3b3939;
	}
	
	.qs_logo {	
		float:left;
		margin-right: 25px;
		margin-left: -10px;
		width: 55px;
	}
	
	.qs_main_text {
	    width: 60%;
	    float: left;
	    padding-top: 8px;
	}
	
	.qs_link_main:after {
		top: 17px;
		right: 2%;
	}
	
	#mp-menu h2 {
		 margin-top: 7px!important;
		 border-bottom: thin #272727 solid !important;	
	}

	.mp-menu ul li > a {	
		margin: 0 0 0.1em 0!important;
	}
	
	.goog-te-gadget-simple {
		width: 100%;
		padding-top: 15px!important;
		padding-bottom: 15px!important;
	}


	
	.back_to_top:after {
		/* content: "\f0dc"!important; */		
		padding:10px;
		padding-left: 10px;
    	padding-right: 15px;
	}
	

	.back_to_top {
		right:7px!important;
	}
	
	
	
	.social_email, .social_facebook, .social_twitter {
		width:33.33%;
		margin:0px!important;
		height: 44px;
		border-radius: 0px;
		border:0px;
		padding-top: 13px;
		text-align: center;
		background-position: 15% center;
	}
	
	.sharing_box {
		padding: 0px!important;
	}
	
	
	.goog-te-gadget-simple {
		background-color: #01383f !important;
		border: 0px!important;
		padding:20px;		
	}
	
			
	
	.mobile_hide {
		display:none!important;
	}
	
	.homepage_twitter {
		width:100%!important;
	}
	
	.twitter-timeline {
	    width: 90%!Important;
	    height: 450px!important;
	}
	
	.home_nearme {
		margin-top: 50px !important;
	}
	
	.area_iframe_home {
		width:90%!important;
	}
	
	
	.homepage_search, .fw_slider_title, .homepage_az {
		display:none!important;
	}
	
	
	.slider_mobile_instructions {	
		display: block!important;
	}
	
	.fw_slide {
		overflow:visible;
		border-right:0px!important;
	}
	
	.fw_slide_bottom, .fw_slide_top_active .fw_slide_bottom {
		opacity:1!important;	
	}	
	
	.fw_slide:hover .fw_slide_bottom, .fw_slide:focus .fw_slide_bottom {
		bottom : 70px!important;	
	}

	
	
	.fw_slider_holder {
		background-color: #F6F6F6;		
		margin-bottom:20px;
		overflow-x:scroll!important;
		z-index: 15;
		scroll-behavior: smooth;
	}
	
	
	.fw_slide_image {		
	}
	
	.fw_slider_right, .fw_slider_left {
		top: 272px!important;	
		opacity: 0.85!important;
		width:50%;
		height:52px;			
		background-color: #0a6d7a;
		display:none!important;
	}
	
	
	.fw_slide_head, .fw_slide_top_active .fw_slide_head {
		top: 189px!important;
		font-size:1.1em!important;
	}
	
	.fw_slide_text, .fw_slide_top_active .fw_slide_text {
		font-size:0.85em!important;
	}
	
	
	.fw_slide_bottom:before {
		display:none!important;
	}
	
	.homepage_block {
		text-align:left;
		height: 155px;
		overflow:hidden;
	}
	
	
	.homepage_block p {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	
	.homepage_image_block, .homepage_text_block {
		height: 155px;
	}
	
	
	
	.homepage_text_block {
		padding:16px;
	}
	
	.homepage_block h2 {
		margin-top:0px!important;
		margin-bottom: 0px !important;
	}
	
	.top_landing {
		margin-bottom:0px!important;
	}
	
	
	.breadcrumbNode {
		padding-left: 17px !important;
		border-top: 1px solid #000;
	}
	

	.homepage_sections {
		margin-left: 3%;
		margin-right: 2%;		
		width: 94%;
		padding-top:0px!important;
	}


	.homepage_block {
		width:100%;
	}

	.homepage_search_head {
		margin-top: 25px;
		margin-bottom: 35px;
	}
	
	.icon.icon-display {
	    color: white !important;
	}
		
	.nu_header_holder {
		display:none;	
	}
	
	
	
	.relmenu_div {
		position:relative!important;	
	}
	
	.main-content-wrap {
		width:100%!important;	
	}
	
	.mdd-topmenu-label a:link {	
		padding: 15px 15px 15px 15px !important;
	}	
	
	
	.s4-wpTopTable {
		width: 100%;
	}
	
	
	.s4-search {
	    padding: 0px !important;
	    width: 100%;
	}
	
	
	h1.customPageTitle {
		width: 95%;		
		margin-left: 0px!important;
		left: 13px!important;
		float:none;
		top:0px;
		padding-top: 0px!important;
	}
	
	
	
	.cc_tablist {
		margin-top: 15px;
	}
	
	.cc_tablist, .cc_tablist li {
		width: 100%!important;
	}	
	
	
	.relmenu_div {
		padding:0px!important;
		float: left;
		top: 0px;
		position:static!important;
		margin-top:50px;
		min-width: 100%!important;
		border: 0px!important;
	}
	
	.sharing_box {
		width:95%;	
		padding-left: 18px;
		margin-top:40px!important;
		margin-bottom:35px!important;		
		position:relative;
		top: 0px;	
		margin-left: 15px;	
	}	
	
	.customMainRight {
		padding-bottom: 0px;	
	}
	
	
	.sharing_text {
		width:100%;
		margin-bottom:12px;
	}
	
	.customFooterTwitter {
		padding-left:0px!important;
	}
	
	
		
	
	.landing_important {
		margin-left: 11px;
	}
	
	.landing_important_link {
		margin-bottom: 5px;
		width: 100%;	
	}
	
	
	.ms-rteElement-Callout1 {
		position: relative!important;
		padding: 30px!important;
	}
	
	.ms-rteElement-Callout1:before {
		    position: absolute!important;
    		left: 81%!important;
	}
	
	.middle {
		margin-left: 0px!important;
	}
	
	.midleft h2 a, .midmid h2 a, .midright h2 a, .tile h2 a {
		min-height: 40px;
		max-height: 90px;
		font-size: 0.8em !important;
		padding: 20px !important;	
		top: -13px !important;
		width: 99%;
	}
	
	.tile {
		width: 100%;
	}
		
	.top_landing .midleft h2, .top_landing .midmid h2, .top_landing .midright h2 {
	    height: 70px !important;
	}
	
	.midleft h2 a:before, .midmid h2 a:before, .midright h2 a:before {
		left: 7px!important;
	}
	
	.s4-breadcrumb {
   		top: 0px!important;
    }

	
	.s4-breadcrumbCurrentNode {
		display:none;
	}
	
	.top_landing .custom-list-no-bullet a {
		padding-top: 7px!important;
   		padding-bottom: 7px!important;	
	}
	
	.customBreadcrumbs {	
		width:100%;
		padding-bottom:0px;
		opacity:1!important;
		margin-top: 0px!important;
		position: relative;
		top: 0px;
		padding-bottom: 0px;
		padding-left: 12px;
		margin-top: 10px!important;
		border-bottom: 1px solid #e0e0e0;
		min-height: 35px;
	}
	
	.customBreadcrumbs a {		
		    padding: 0px!important;
		    padding-top: 11px !important;
			padding-bottom: 12px !important;
		    border-bottom: 0px solid silver!important;
		    border-top: 0px!important;
		    border-right: 0px!important;
		    color: #015b66!important;
    }
	
	.customBreadcrumbs a:hover{		
		background-color:none!important;		
	}


	.home_breadcrumb:before {
		display:none!important;
	}
	
	a.home_breadcrumb {
	    font-size: 0.95em!important;
	    top: 3px;
	    position: relative;
	}
	
	.home_breadcrumb:after {
	    top: 1px;
    	position: relative;
	}
	
		
	.breadcrumbCurrentNode {
		width:100%;
		border-radius: 0px!important;
		-moz-border-radius: 0px !important;
		-webkit-border-radius: 0px!important;
		padding-left: 17px !important;
		display:none!important;
	}
	
	
	
	.top_landing .midleft, .top_landing .midmid, .top_landing .midright {
		margin-bottom:0px!important;		
		box-shadow: none!important;
		margin-bottom: 20px !important;
	}
	
	
    .top_landing h2:after {
    	border-bottom: 0px solid #cecbcb !important;
    }
    
    .top_landing .midleft h2 a, .top_landing .midmid h2 a, .top_landing .midright h2 a {
    	height: 85px !important;
    }
    
	
	.top_landing .midleft p, .top_landing .midmid p, .top_landing .midright p {
		margin-left: 23px;
		width: 80% !important;
	}
	
	.top_landing .midleft p a, .top_landing .midmid p a, .top_landing .midright p a {
		font-size:0.8em!important;
	}

	
	
	
	.midleft p, .midmid p, .midright p, .tile p {
		display:none;	
	}
	
	
	.qs_link_small, .qs_file_link {
		width:100%!important;
		margin-top: 3px;
		margin-bottom:2px!important;
		padding:12px;		
	}
	
	.qs_seeall {
		padding: 20px;
		padding-top: 35px;
		padding-bottom: 35px;
		margin-top:0px!important;
		background-color: #015b66;
		color:white!important;
		border-top:0px!important;
	}
	
	
	.qs_no_result {
		text-indent:0px!important;
		padding-left: 30px!important;
		padding-right: 30px!important;
	}
	
	.qs_close {	
		width: 60px;
		height: 45px;
		padding-top: 17px !important;
		top:-50px!important;
		z-index:101;
	}
	
	.qs_main_result {
		padding-left:8px!important;
		padding-right:8px!important;
	}
	
	.qs_file_result {
		padding-left:5px!important;
		padding-right:5px!important;
	}

	
	.qs_main_result {		
		padding-top:8px!important;
		max-height: 600px;
		overflow: auto;
		z-index:100;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	/* Old mobile styles below */
	
	
		.print_page {
			display: none!important;
		}
		
		
		/* New Footer */
		
		
		
		
		.customFooterLeft_icons {
			width: 100%!important;
			text-align:center;	
			padding-top: 10px!important;	
			height: 90px!important;
		}
		
		
		.customFooterLeft {	 
			width: 50%!important;	
			padding-top: 40px!important;	
			height: auto!important;
			margin-top:0px;
		}
		
		.customFooterLeft_links {	 
			width: 100%!important;		
			color: #999999;	
			height: auto!important;	
			padding-left: 0px!important;
			padding-top: 2px!important;
		}
		
		
		.footer_links {	
			width:100%;
			float:left;
		}
		
		
		.footer_links li {	
			width: 100%!important;
			margin: 0px;
			float: left;
		}
		
		
		.customfooter_copy {
			float: left;
			width: 100%;
			background-color: #303030;
			color: #fff;
			text-align:right;	
			padding-left: 12px;
		}
		
		.customfooter_copytext {
			float: left;
			margin: 4px;
			padding-bottom: 100px;
			padding-top: 10px;	
		}		
		
		.customFooterRight {
			float: left; 
			width: 100%!important;		
			padding: 0px!important;
			height: 50px!important;	
		}
		
		.soctim_logo {
			height: 40px!important;
		}
		
		a.customFooterLink {
			float: left;
			color: #fff;
			width: 100%;
			padding-right: 0px;
			text-align: left;
			background-color: #015b66;
			height: 47px;
			font-size: 0.85em;
			padding: 10px;
			text-indent: 10px;
		}
		
		
		a.customFooterLink:hover, a.customFooterLink:focus {
			background-color: #017988;	
		}
		
		/* E New Footer */
		
		
		
		
		
		
		
		/* GALLERIA SLIDER */
		.homepage_slider{float:left; width: 100%!important; height: 180px!important; background: #000 }
		
		.homepage_slider_list{
			float:left;
			width:100%!important;	
			height: 280px!important;
			margin-bottom:3px;	
		}
		
		.slider_list_line {		    
			width: 100%;					
		}
		
		.slide_description {	
			width: 90%;
			padding-top: 10px;
			bottom: 10px;		
		}
		
		
		
		
		
		
		
		
		/* Gradient boxes */
		
		.gradient_box {
			width: 100%;
			height: 150px;		
		}
		
		.gradient_image {	
			height: 150px;		
		}
		
		
		.gradient_title {	
			width: 180px;
			top: -140px;	
		}
		
		
		
		
		
		#s4-ribbonrow {
			display:none;
		}
		
		
		/*A-Z splash*/
		.atoz-links {
			width: 305px;}
		
		
		/* Google Calendar */
		
		#Google_desktop {
			display:none;
		}
		
		#Google_mobile {
			display:block;
		}
		
		
		
		/*Council Custom table styling*/
		
		.ms-rteTable-ccouncil{
			-ms-name:"Table Style Cardiff Council";
			text-align: left;
			vertical-align:middle;
			color:#000000;
			line-height: 1.5em;
			font-size: 0.8em;
			border:thin #014c54 solid;
		}
		
		
		
		.srch-results {
		    padding-left: 0px;
		    max-width: 280px;
		}
		
		#sr_left {
			width:99%;
			float:left;
		}
		
		#sr_right {
			width:99%;
			float:left;
		}
		
		
		.srch-advancedtable {
		    /*margin: 40px auto;*/
		    border: 0px solid #DBDDDE;
		    /*background: none repeat scroll 0% 0% #FCFCFC;*/
		    padding: 0px 0px 25px 0px;
		    width:180px;
		}
		
		
		/* Cgov styles */
		
		body { overflow:auto; font-size:1.2em; }
		
	
		
		#s4-workspace {
			height:100%;
			overflow:auto;
		}
		
		.s4-nosetwidth {
			height:100%;
		}
		
		h1.customPageTitle, .customTicketTitle h1 {
			margin-bottom:0px;			
			padding-left: 20px;
			margin-top: 35px!important;
		}
		
		h2{
			font-weight:normal;
			line-height:1.2em;
		}
		
		#ctl00_MSO_ContentDiv {
			width: 100%;
			margin-top:0px;
		}
		
		body #s4-bodyContainer {	
			min-width:319px;
			background-color:#fff;
		}
		
		.customMain li {
			margin-left:20px;
			line-height:2em;			
		}
		
		
		.sharing_box li {
			margin-left:0px!important;
			margin-right: 5px!important;
		}
		
		
		
		.s4-breadcrumb li {
				width: 100%!important;
		}
		
		
		.customMain ul {
			float:left;	
			width:100%;
		}
		
			
		.customBreadcrumbs_holder ul {
			width: auto!important;
		}
		
		
		.customMain ul li {
			width: 93%;	
			padding-right: 0px;
			line-height: 1.6em;
		}
		
		
		.rw_row_container, .rw_row {
			width: 100%!important;
			padding-top: 20px !important;
			padding-bottom: 20px !important;
		}
		
		.horizontal_tabs_holder ul li{
						padding-right: 0px!important;
		}
				
		.customMain .cs_left_section li {
		padding-right: 0px;
		}

		
		.rw_group_reason {
			margin-bottom: 15px;
		}
		
		.ms-rteElement-Callout1 ul li {padding-right: 30px;} 
		
		.top_landing ul li {
			width: 100%;	
		}
		
		.relmenu_div ul {
			float: left!important;
			margin-left: 0px!important;
			margin-right: 0px!important;	
			width:100%;			
		}
		
		.sticky_mobile {
			z-index: 102!important;
		}
				
		.top_landing .midleft h2, .top_landing .midmid h2, .top_landing .midright h2 {
			margin-bottom:0px!important;
		}
		
		.end_link a:before {
			position: relative;
    		left: -2px;
		}
		
		.relmenu_div ul li {     
			background:#eff1f1;     
			line-height:30px;   
			font-size:16px;      
			list-style:none; 
			border-bottom: 1px solid #b7b7b7;
			border-left: 0px!important;
			margin-left:0px;
			width: 100%;
		 }
		
		.relmenu_div ul li a {     
			text-decoration:none;     
			color:#000;
			list-style:none; 
			line-height:30px;
			display:block;			
		}
		
		.relmenu_div ul li a:hover {    
		background:#e5e5e5; } 
		
		.relmenu_div ul li#active {     		
			margin-left:0px;
			background: #fff !important;
			padding: 20px!important;
			border-left: 0px!important;
			color:#665e5e !important;
			-webkit-box-shadow: none!important;
			-moz-box-shadow: none!important;
			box-shadow: none!important;
		 } 
		
		.closer, .relmenu_div ul li#active {
			border-left: 0px!important;
		}
		
		/*
		#masterwrapper {
			width:300px;
			height:100%;
			overflow:auto;
			margin:0px auto;
		}
		*/
		
		#masterwrapper {
			width:100%;
			height:100%;
			margin:0px auto;
			-webkit-overflow-scrolling: touch; /* this makes the div (or nav) element scrollable for iOS5+ */
		}
		
		
		#header {
			background: #015B66;
			background-image:url('header_bk_mob.jpg');
			background-repeat:no-repeat;
			font-size: 16px;
			font-weight: bold;
			color: #fff;
			text-align: center;
			line-height: 40px;
			height: 70px;
			padding: 0 50px;
			width:320px;
			display:block;
		}
		
		
		#fixedhead {
		    display:block;
			position:fixed; 
			background-color:#015B66; 
			height:60px; 
			z-index:2000; 
			width:100%; 
			top:0px;
		}
		
		
		
		.main {
			display:block;
		}
		
		
		.report_pay_buttons {
			display:none;
		}
				
		div.article, div.welcome {
		    padding: 0px;
		}
		
		.customSearch_mob {
			display:block;
			background-color: #015b66;
			padding-top:2px;
			padding-bottom:1px;
			top: 2px;
		}
		
		/* search button hider */
		.customSearch_mob .ms-sbgo img {
			display: none;
			top:50px;
		}
		
		/* fancy search button */
		.customSearch_mob .ms-sbgo a {
			display: block;
			height: 66px;
			width: 60px;
			background: transparent url('menu_search_silver.png') no-repeat scroll center center;
			padding: 0px;
			position: relative;
			top: 0px;
			background-color: #01383f;
			float: right;
			margin: 0px !important;
			margin-right: 0px !important;
			float: left;	
			display:none;
		}
		
		/* search button hover */
		.customSearch_mob .ms-sbgo a:hover {
			background-color: #017988;	
		}
		
		/* search box style */
		.customSearch_mob input.ms-sbplain {
			font-size:1em;
			height:35px;
			margin-right: 1px;
			background-image: none;
			color: #999999;
			top:80px;
		}
		
		
		.s4-search input.ms-sbplain {
		    background: url("/_layouts/images/bgximg.png") repeat-x scroll 0 20px #FFFFFF;
			border: 0px!important;
			font-size: 1.0em;
			height: 34px;
			padding: 0px!important;
			margin: 0px;
			margin-left: 0px!important;
			width: 100% !important;
			-webkit-border-top-left-radius: 0px !important;
			-webkit-border-bottom-left-radius: 0px !important;
			-moz-border-radius-topleft: 0px !important;
			-moz-border-radius-bottomleft: 0px !important;
			border-top-left-radius: 0px !important;
			border-bottom-left-radius: 0px !important;
			text-indent: 56px; 		    
		}
		
		.s4-search input.ms-sbplain:focus {				
			background-color: #fbffff;
			font-size: large;
		}
		
		.customSearch {
			height: 0px;
		}
		
		.customSearch:after {		   
		    top: -35px!important;
		    left: 25px;
		    padding: 0px!important;
		    content: "\f002";
	    }
			
		
		
		.mobile_search {
			width:295px;
		}
		
			
		.customTopRight {
			display:block;
			float: right;
		    margin-top: 105px;
		    padding-right: 30px;
		    width: 200px;
		}
		
		
		table td, table th {
		    padding: 0px!important;
		    text-align: left;
		}
		
		.az_text {
			width:120px; 
			float:left;
			display:none;
		}
		
		.customAZ {
			display:none;
		}
		
		.customAZ_cym {
			display:none;
		}
		
		.customAZ li{
			font-size:27px;
			}
		
		.az_services_button {
			display:block;
			width:165px;
			display:none;
		}
		
		.mobile_search {
			display:block;
			width:205px;
			margin:0 0 0 20px;
		}
		
		.customCentered {
			width: 100%;
		}
		
		.customTop {
			width: 315px;
			background-image:url('../Images/logo_mob.png');
			background-repeat:no-repeat;
			height:90px;
			display:none;
		}
		
		.customTop_cym {
			width: 315px;
			background-image:url('../Images/logo_mob_cym.png');
			background-repeat:no-repeat;
			height:90px;
			display:none;
		}
		
		.customToplinks {
			display:none;
		}
		
		.customHeader {
			height:0px;
		}
		
		.customPageTitle {
		padding-bottom:10px;
		}
		
		.topleft {
			display:none;
		}
		
		.customMain {
			/*width: 315px;*/
			padding:0px;
		}
		
		.customMainContent {
		margin-top:15px;
		padding-right:0px;
		-webkit-overflow-scrolling: touch; /* this makes the div (or nav) element scrollable for iOS5+ */
		}
		
		.customCentered {
			width: 100%;
			margin: auto;
			background-image: url('header_bg.png');
			background-repeat: repeat;
		}
		
		.customFooter {
			width: 295px;
			padding:0px;
			height:750px;
			display:none;
		}
		
		
		.customFooterLeft {
		    float: left;		    
		    height: auto;
		    padding: 0px!important;
		    line-height: 1.5;
		    font-size: 0.7em;
		    text-align:center;
		    width: 100% !important;
		}
		
		.customFooterLeft_cym {
		    float: left;
		    width: 300px;
		    height: auto;
		    padding: 5px 0px 0px 10px;
		    line-height: 1.5;
		    font-size: 0.7em;
		    text-align:center;
		}
		
		
		.customFooterRight {
		    float: right;
		    width: 300px;
		    height: 50px;
		    text-align: right;
		    padding: 20px 20px 0px;
		    font-size: 0.7em;
		}
		
		
		#menu {
			display:none;
		}
		
		.footer_column {
			width:95%;
			margin:0px auto;
		}
		
		.customFooterNav li{
			width:49%;
			list-style:none;
			display:none
		}
		
		.customFooterNav {
			width:350px;
			float:left;
			padding:5px 0 10px 5px;
			display:none;
		}
		
		
		
		
		
		
		
		/* CUSTOM TABPART FOR PHONES */
		
		.tabs ul.tabs-list a {	
			width: 100%;
		}
		
		.tabs ul.tabs-list li {       
		    width: 100%!important;   
		    }
		
		
		.ctabs-quickview {
			float: left!important;
			height:auto!important;
			padding: 20px;
			width: 100%!important;	
			border-bottom: 1px solid #015b66;
			border-left: none!important;
		}
		
		.tab-list {
				width: 400px!important;
			}
		
		
		.midleft {
			padding-left: 0px!important;	
		}
		
		.customFooterRight {	
			width: 100%;
			margin-top: 15px;
			margin-bottom: 30px;	
			text-align: center;	
		}
		
		
		.customFooterTwitter {
			float: left; 
			width: 100%;
			text-align: center;
			display:none;
		}
		
		
		
		
		/*
		-----------------------------------------------------------------------------
		  Homepage
		-----------------------------------------------------------------------------
		*/
		
				.bodywrapper {
				width:100%;
				}
				
				.homethumb {
					width:140px;
					color:white;
					background-color:#105B66;
				}
				
				.homethumb p {
					font-size:0.7em;
					text-align:center;
				}
				
				.mobilehome {
					display:block;
					margin:0 0 0 5px;
					width:100%;
				}
				
				.top {
					width:100%; 
					height:200px;
				}
				
				.topleft {
					width:99%;
				}
				
				.topleft img {
					width:100%;
				}
				
				.topright {
					width:99%; 
					
					font-size:12px; 
					border:1px solid #eee
				}
				
				.middle {
					width:100%;
					margin: 0px!important;					
				}
				
				.midleft, .tile {
					width:100%!important; 
					float:left;
					font-size:1.3em;
					margin:15px 0 5px 0;
					border-bottom:1px solid #ccc;
				}
				
				.midleft p {					 
					padding: 0px 0 10px 0;	
				}
				
				.midleft h2 {
					font-size:1.3em;
					line-height:1.0em;
					padding: 10px 0 10px 8px;
					margin:0px;
				}
				
				.midmid {
					width:100%!important; 
					float:left;
					font-size:1.3em; 
					margin:0px;
					border-bottom:1px solid #ccc;
				}
				
				.midmid p {
				 
					padding: 0px 0 10px 0;	
				}
				
				.midmid h2 {
					font-size:1.3em;
					line-height:1.0em;
					padding: 10px 0 10px 8px;
					margin:0px;
				}
				
				.midright {
					width:100%!important; 
					float:left;
					font-size:1.3em;
					margin:15px 0 5px 0;
					border-bottom:1px solid #ccc;
				}
				
				.midright p {
				
					padding: 0px 0 10px 0;	
				}
				
				
				.midleft h2, .midmid h2, .midright h2, .tile h2 { 
					min-height: 70px!important;
					overflow:hidden;
					padding-top: 15px!important;
				}
				
				
				.midleft, .midmid, .midright, .tile {
					margin: 0px!important;
					margin-bottom:6px!important;					
				}
				
								
				.midright h2 {
					font-size:1.3em;
					line-height:1.0em;					
					margin:0px;
					padding: 10px 0 10px 8px;
				}
				
				
				.bottom {
					width:100%; 
					margin:15px 0 0 0; 
					
				}
				
				.bottom p {				
					padding: 15px 0 10px 0;	
				}
				
				
				.bottom h2 {
					font-size:1.6em;
					padding:10px 0 0 0;
					margin:0px;
				}
				
				.scroller-inner {
					display:block!important;
					margin-bottom:0px;
					background-color:#015B66;
					width:100%;									
				}
				
				
				/*MOBILE RELATED SIDE BAR CSS*/
				.relmenu_div {
					width: 100%;
					padding-top: 10px;
								
				}
				.main-content-wrap {
					width: 100%;
					float:left;
					padding: 5px;
					box-sizing: border-box;
				}
				/*END - MOBILE RELATED SIDE BAR CSS*/
				
				/* COUNCILLOR PROFILE IMAGE */
				
				/*
				.image .memimage {
					width:100px;
				}
				*/
				.captioned-image {
					width:100%;
					margin-bottom:80px;
				}
				
				.captioned-image img {
					width:295px;
					height:auto;
				}
				
				/* Mobile Features */
				
				#mobilefeatures {
					display:block;
					width:100%;
					margin:0px auto;
					padding-top:30px;
				}
				
				.mobilefeaturesbox img {
				   width:99.5%;
				}
				
				.mobilefeaturesbox {
					width:98%;
					float:left;
					margin:1%;
				}
				
				
				
				/* Form styles */
				
				.formwrapper {
					width:100%;
					height:100%;
					margin-bottom:80px;
					padding: 0px!important;
				}
				
				.form_formDivWrap {
					margin:0px!important;
					min-height:48px;!important;
				}
				
				
				.form_formTitle {
				
				    font-size: 3em;
				    font-weight: normal;
				    color:#000;
				    margin:20px 0 0 0;
				    }
				
				.form_formSubTitle {
				
				    font-weight: normal;
					font-size:18px;
					color:#000;
					width:100%;
					display:block;
				}
				
				.form_formSubSubTitle {
				
				    font-weight: normal;
					font-size:20px;
					color:#fff;
					display:block;
					margin-top:30px;
					margin-bottom:10px;
					width:100%;
					background-color:#015B66;
					padding-left: 15px;
				}
				
				.form_formlabelReqFld {
					color:red;
					font-size:large;
					margin-left:0px;
					text-align:left;
					display:block;
					margin-bottom:10px;
					}
					
				.form_formLabelReqFld {
					color:#000;
					font-size:large;
					margin-left:0px;
					float:left;
					width:2%;
					margin-right:8px;
					}
					
				.form_formLabelReqFldTitle {
					width:100%;
					display:block;
					font-size:15px;
					margin-bottom:15px;
				}
				
				.form_formLabelTitle {
				    width:100%;
					font-size:18px;
					color:black;
					margin-bottom:0px;
					float:left;
					border-right:0px;
					min-height:50px!important;
				}
				
				.form_formLabelTitle2 {
					width:100%;
				    font-size:18px;
				    color:black;
				    margin-bottom:0px;
				    float:left;
				    text-align:left;
				}
				
				
				.form_formLabelTitleLong {
					width:100%;
					font-size:18px;
					color:black;
					margin-bottom:0px;
					float:left;
				}
				
				.form_formDropDown {
				    width:100%;
					font-size: medium;
					color:#000;
					margin-bottom:10px;
					/*margin-top:30px;*/
					float:left;
					display:block;					
					border:1px solid #333;
					padding:5px;
				}
				.form_formTextbox {
				    width:100%;
					font-size: medium;
					margin-bottom:6px!important;
					float:left;
					display:block;				
					border:1px solid silver;
					padding:5px;
					text-indent: 7px;
				}
				
				.form_formTextbox .input{
					background-color:aqua;
				    }
				
				
				.form_formTextbox2 {
				    width:100%;
				    font-size: medium;
				    margin-bottom:10px;
				    float:right;
				    display:block;				  
				    border:1px solid silver;
				    padding:5px;
				    height:80px;				   
				    min-height:200px;
				}
				
				
				.form_formInformationMessage {
					width:99%;
					text-align:left;
					display:block;
					font-size:12px;
					margin-bottom:10px!important;
				}
				
				.form_formRadioButtons {
					width:100%;
					display:block;
					padding:0px;
					float:left;
				}
				
				.form_formRadioButtons td {
					padding: 0px!important;	
				}
				
				.form_formRadioButtons label {
					font-size:12px;
					margin-top:15px;
					padding:0 10px 0 5px;
					width:100%;
				}
				
				.form_formRadioButtons .radio {
					font-size:12px;
					padding-top:15px;
				}
				
				
		
				
				.form_formButton {
					margin-top:20px;
					background-color:#015B66;
					padding:15px;
					width:50%;
					color:#fff;
					border:0px;
					margin-bottom:50px;
					width:100%!important;
				}
				
				.split_left {
				float:left;
				width:99%;
				}
				
				
				.split_right {
				float:left;
				width:99%;
				}
				
				.row1_left {
				float:left;
				width:100%;
				}
				
				.row1_right {
				float:left;
				width:9%;
				}
				
				.row2 {
				float:left;
				width:99%;
				}
				
				
			
				
				/* ADDITIONAL FORM STYLES 2016 */
				
				.form_formMargintopextra {
				    margin-top: 80px;
				}
				
				.form_formMargintopextra2 {
				    margin-top: 195px;
				}
				
				.form_formMargintop_mob {
					margin-top:60px;
				}
				
				.form_formMarginbottom_mobextra {
				    margin-bottom: 95px;
				}
				
				.form_formTextbox_pcSearch {
				    width: 79%;				   
				}
				
				
				
				.form_formLabelTitle_pcSearch {
				    width: 100%;
				    margin-top:30px;
				}
				
				.form_formTextbox_pcsearch_results {
					width:100%;
					background-color: white;
					min-height: 45px!important;
				}
				
				/* Content Slider Webparts */
				
				#slider_left {
					display:none;
					}
				
				#slider_right {
					display:none;
				}
				
				#slider {
					width: 280px;
					height: 300px;
					list-style: none;
					display:block;
					/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
					overflow-y: auto;
					overflow-x: hidden;
				}
				
				div.anythingSlider {
					display: block;
					margin: 0 auto;
					overflow: visible !important; /* needed for Opera and Safari */
					position: relative;
					/*padding: 0 45px 28px 45px;*/
				}
				
				#webpartmobile {
					display:block;
				}
				
				
				#webpartmobile a{
					display:block;
					width:100%;
					background-color:#015B66;
					color:#fff;
					padding:10px;
					margin-bottom:3px;
					text-decoration:none;
				}
				
				#webpartmobile a:hover{
					display:block;
					width:100%;
					background-color:#01383F;
					color:#fff;
					padding:10px;
					margin-bottom:3px;
					text-decoration:none;
				}
				
				#webpartmobile a:visited{
					display:block;
					width:100%;
					background-color:#015B66;
					color:#fff;
					padding:10px;
					margin-bottom:3px;
					text-decoration:none;
				}
				
				#webpartmobile a:visited:hover{
					display:block;
					width:100%;
					background-color:#01383F;
					color:#fff;
					padding:10px;
					margin-bottom:3px;
					text-decoration:none;
				}
				
				.clearingdiv {
					clear:none;
				}
				
				.customSearch_mob .s4-wpTopTable td {
					padding:0px;
					margin:0px;
					width:100%;
				}
		


				.app_callout_prompt {					
				    color: #020202;
				    left: 0px;
				    top: 87px;
				    font-size: 0.9em;
				    width: 100%;
				    background: white;
				    border-radius: 0px;
				    padding: 7px;				
				}
				
				
				.app_callout:hover .app_callout_prompt {
					 left: 0px!important;
					 background: white!important;
				}
				
			
				.app_callout_text, .app_callout:before {
					display:none;
				}
		
			
				.map_searchbox input {
					font-size:0.9em!important;
				}
			
	
				.cc_tab {
					margin-top: 0px;
					margin-bottom:6px;
					width: 100%;
					margin-left: 0px!important;
					border-radius: 4px;
				}
				
				.ct_more {
					width: 100%!important;
					margin-bottom:3px;
				}
				
				.waz_desc {
					padding: 15px!important;
				}
				
				
				
				.embed_map {
					height: 300px;
				}
	
	
				.section_nav_holder {
					width: 100%!important;
					margin-top: 0px!important;			
				    box-sizing: border-box;
				    margin-bottom: 0px!important;
				    border-right: 0px!important;
				    padding: 0px!important;
				    padding-bottom: 25px!important;
				}
	
	
				.section_nav_holder h2 {
				    border-top: 0px!important;
			    	border-bottom: 0px!important;
			    	color: #015863!important;
			    	text-align: left;
			    	font-size: small!important;
			    	padding-left: 20px;
				}
				
				.section_nav_holder h2:before {
					content: "\f06e";
				     font-family: "Font Awesome 5 Pro";
				     weight: 400;
				     margin-right: 10px;
				}
	
				.section_nav_holder #section_nav a {
					width: 100%!important;
				    padding-left: 18px !important;
				    outline: none;
				    font-size: 1em;
				    background: #f3f3f3;
				    font-weight: 300!important;
				    padding-top: 5px;
					padding-bottom: 10px;	
				    margin-right: 0%!important;	/*prevents horizontal scroll*/
				}
				
				.section_nav_holder #section_nav a:after {
				    content: "\f054";
				    font-family: "Font Awesome 5 Pro";
				    weight: 400;
				    float: right;
				    margin-right: 16px;
				    color: #868686;
				    font-size: 0.8em;
				}
				
				.section_nav_holder #section_nav a:hover {
					text-decoration:none;
					background: #e5e5e5;
				}
				
				.breadcrumb_footer {
					display:none;
				}
				
				.cm_sub_links_all {
					padding-top: 5px!important;
				}
				
				.content_right {
					padding: 10px 1%!important;
				}
				
				.content_right, .section_nav_right {
					margin-left: 0px!important;
					width: 100%!important;
					border-left: 0px!important;
				}
				


				.cookie_policy_holder {				
					overflow:auto;
					padding-bottom:70px!important;
				}					
				
				
				.more_columns {
					grid-template-columns: 1fr!important;
				}
				
				
				.more_columns li {
					margin-left: 0px!important;
					padding-bottom: 5px;
				}
				
				
				#s4-workspace {
				    overflow: inherit!important;			
				}
								
				

				select,   textarea,   input[type="text"],   input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px!important; }
		
	
	
		.column_three {
			width: 98%;
			border-bottom: 1px solid silver;
			border-radius: 0px;
			padding: 6%;
		}
		
		
	
		
		.cs_small {
			width: 100%;
			padding:8%;
			border-bottom: 1px solid silver;
		}
		
		.contact_bottom {
			padding-left: 0%;
		}
		
		.column_facebook, .column_twitter {
			padding-top: 25px;
		}
		
		.horizontal_tabs_holder span {
			font-size:1em;
			line-height: 1.14em;
			padding: 1%;
		}
		
		.cs_bottom {
			padding: 8%;
		}

		.cs_right_section {
			padding-left: 6%;
			padding-right:6%;
		}
		
		.cookie_policy_holder p {
				font-size:0.9em!important;
		}


		.cookie_policy_holder h1 {
			margin-top: 15px!important;
		}
		
		.cs_other_email, .cs_other_visit {
			padding-left: 0px!important;
			padding-right: 0px!important;	
		}
		
		.no_list li {
			width: 100%!important;	
			margin-left: 0px!important;
		}		

	
}


@media only screen and (max-width: 560px){

	.ms-srch-hover-outerContainer
	{
	    display:none !important
	}
	
	.ms-srch-item-title {
	    float: none!important;
	}
	
	.ms-srch-item-summary {
	    margin-right: 10px;
	    width: 300px;
	    display: inline-block;
	}
	
	.ms-srch-item {
	    width: 300px!important;
	    overflow: inherit;
	}
	
	#UpScopeLinkTop {
	    width: 300px!important;
	}
	
	.ms-srch-ellipsis {
	    white-space: inherit;
	    }
	    
	 .cookie_policy_holder button {
	  width: 45%;}
}


@media only screen and (max-width: 960px){
	/* London bridge  */	
	#homespecialwrap h2 {
		padding-right: 200px;
		margin-top: 25px!important;
	}

	#homespecialwrap p {
		padding-right: 200px;
	}

	#homespecialwrap {
		background-size: 200px;
	}
	
}

@media only screen and (max-width: 490px){
	/* London bridge  */	
	#homespecialwrap p {
		display: none;
	}

	#homespecialwrap h2 {
		padding-right: 140px;
		margin-top: 25px!important;
	}


	#homespecialwrap {
		background-size: 140px;
		height: 160px;
	}

	#homespecial {
		margin-bottom: 18px;
	}


	.cookie_policy_holder {	
		width: 100%!important;
	}

	
}


@media print {
   .expand_content {
		display:block!important;
	}
	
		
	body {
		font-family:Arial, Helvetica, sans-serif!important;
		font-size: 12px!important;
	}
	
	.main-content-wrap {
		width: 100%!important;
	}
	
	.customMain {
		margin: 0px!important;
	}
	
	.expand_content_close, .form_button, .nu_header_holder, #mainmenu, .notice_banner, .notice_content, #load_toolbar, .relmenu_div, .sharing_box, .azholder, .footer_holder_wrap, .customBreadcrumbs, .nu_header_holder, .nu_menu, .customHeader, .map_searchbox {
		display:none!important;
	}	
	
	.testnotice1 {
		display:none;
	}
		
	
}


