/*
**  G.W 2013
*/

/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width : 480px) {


	#a-z #results table th.hide { display:none; }
	#a-z #results table td.hide { display:none; }
	#a-z #letters { margin-left:15px; margin-right:15px; }
		#a-z #letters a { line-height:30px; }

	#mobileSections, #mobilePay, #mobileMenu {
		display:block;
	}
	#caseStudyPanel { width:100%; padding:0px; }
	#caseStudyPanel h3 { padding:5px; }
	#caseStudyPanel div { padding:5px; }
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		width:auto;
	}
	
		#container {
			width:315px;
		}
		#container-inner, #slideshow, #slideshow-inner, #slideshow .slide, #footer #translate {
			width:310px;
		}
		
		/* reset width */
		#header, #header #logo, #top, #home, #sectors .item, #boxes, #boxes ul li {
			width:auto;
		}
		
		/* reset height */
		#header, #top, #toplinks #top-search, #slideshow, #slideshow-inner, #slideshow .slide, #boxes ul li, #footer, #footer #translate {
			height:auto;
		}
		
		/* reset floats */
		#header, #header #logo, #copyright-l, #copyright-r {
			float:none;
		}
		
		/* display block */
		#toplinks, #mobileNavigation span, #boxes, #footer #translate #socialIcons, #copyright-l, #copyright-r {
			display:block;
			position:static;
		}
		
		/* hide */
		#tabs, #top-links, #top-size, #mobileAZ, #top #social, #links, #twitter, #slideshow, #footer #icons, #google_translate_element, #home {
			display:none;
		}

		#mobileNavigation {
			border-top:1px solid #cccccc;
		}
		#mobileNavigation, #mobileNavigationMore {
			background:#edeae4;
			width:auto;
			margin:0px;
			padding:0px;
			display:block;
			margin:0px 5px;
		}
			#mobileNavigation a, #mobileNavigationMore a {
				padding:5px 7px;
				display:block;
				border-bottom:1px solid #cbcac6;
				border-top:1px solid #ffffff;
			}
				#mobileNavigation a#showMore, #mobileNavigationMore a#showLess {
					display:none;
				}
		#mobileNavigationMore {
			margin-bottom:4px;
		}
		
		#header #logo a {
			background:url("../img/belfastLogoMobile.jpg") no-repeat scroll 0 0 transparent;
			width:310px;
			height:85px;			
		}	

		#header {
			position:relative;
			height:90px;
			border-bottom:0px;
		}
		#top, #top #toplinks {
			height:1px;
		}
		#top #top-search {
			padding-top:0px;
			position:absolute;
			top:-30px;
			right:30px;
			display:block;
			height:24px;
		}
		
		#footer {
			margin-top:0px;
			padding-top:0px;
		}
			#footer #translate {
				text-align:center;
			}
			#footer #translate #socialIcons a {
				background-size:30px 30px;
				width:30px;
				float:none;
				display:inline-table;
				vertical-align:top;
			}
		
		#sectors {
			background:none;
			padding-top:0px;
			margin-top:0px;
		}
		#sectors .item, #sectors .item.end, #sectors .item.btm {
			margin:0px;
			padding:0px;
			margin-bottom:0px;
		}
		#sectors .item .head {
			margin-bottom:0px;
		}
		#sectors .item .head a {
			width:300px;
			padding:7px 5px;
			background:url("../img/mobileArrow.jpg") no-repeat center right #edeae4;
			font-size:13px;
			font-weight:normal;
			margin-bottom:1px;
			border-bottom:1px solid #cbcac6;
			border-top:1px solid #ffffff;
			display:block;
		}
		#sectors .item .head a.active {
			background:url("../img/mobileArrowActive.jpg") no-repeat center right #5b5b5b;
			color:#ffffff;
		}
			#sectors .item .head a {
				color:#333333;
			}
			#sectors .item .keywords {
				padding:5px;
				background:#d3d0cb;
			}
		#boxes ul li {
			float:none;
			display:inline-table;	
			vertical-align:top;
			margin-right:0px;
		}
		#boxes ul li.end {
			display:block;
		}
		#boxes ul li a {
			height: 74px;
			margin: 0 0 3px;
			width: 74px;
			display:block;
		}
			#boxes .image img {
				width:auto;
				height:22px;
			}
			#boxes .text {
				font-size:11px;
				padding:5px;
				line-height:11px;
			}
			
		#copyright a {
			font-size:9px;
		}	
			#copyright-l {
				margin-bottom:20px;
				text-align:center;
			}
			#copyright-r {
				color:#002c77;
				font-size:10px;
				text-align:center;
			}
		
		
		#mobileSections { text-align:center; margin-bottom:2px; }
		#mobileSections a { background:#5b5b5b; padding:7px; display:inline-block; color:#ffffff; text-decoration:none; border-radius:2px;  }
		#mobilePay { text-align:center; margin-bottom:2px; }
		#mobilePay { background:#002c77; padding:8px; display:block; font-size:13px; text-decoration:none; border-radius:2px; }
		#mobilePay a { color:#ffffff; text-decoration:none; }
		#mobileMenu { background:url("../img/mobileMenuIdle.jpg") no-repeat 115px center #edeae4; padding:8px; display:block; font-size:15px; margin-bottom:3px; font-weight:normal; text-decoration:none; border-radius:2px; color:#777777; text-align:center; }
		#mobileMenu.active { background:url("../img/mobileMenu.jpg") no-repeat 105px center #696968; color:#ffffff; }
		#mobileNavigation { margin-top:-3px; }
		#mobileNavigation, #mobileNavigationMore { display:none; }
		#sectors { margin-top:3px; }
		#sectors .item .keywords {
			display:none;
		}
		
		#MobileHomeTiles { margin-top:-77px; display:block; }
		
		#MobileHomeTiles .MobTileBlog {
			width:151px;
			background:#5B5B5B;
			height:74px;
			margin-left:78px;
			float:left;
			margin-right:4px;
		}
			#MobileHomeTiles .MobTileBlog img {
				/* width:151px; */
			}
		#MobileHomeTiles .MobTileTwitter {
			width:74px;
			background:#5B5B5B;
			height:74px;
			float:left;
		}
			#MobileHomeTiles .MobTileTwitter img {
				width:74px;
				height:74px;
			}
		
		#breadcrumb li { font-size:11px; padding:10px 15px 10px 5px; }
		
		/* CONTENT PAGES */
		
		#content-page { }
		#content-page  #content-page-l { width:100%; margin-right:0px; margin-bottom:10px; }
			#content-page #content-page-l #head { background: url("../img/mobileArrowDown.jpg") no-repeat center right #EDEAE4; font-weight:bold; font-size:15px; color:#777777; padding:10px; margin-bottom:5px; cursor:pointer; }
			#content-page #content-page-l .menu { display:none; }
		#content-page  #content-page-m { width:100%; margin-right:0px; }
		#content-page  #content-page-r { width:100%; margin-right:0px; }
		
		/* CONTENT 1 COL */
		
		#content-1col { }
		#content-1col  #content-1col-l { width:100%; margin-right:0px; margin-bottom:10px; }
			#content-1col #content-1col-l #head { background: url("../img/mobileArrowDown.jpg") no-repeat center right #EDEAE4; font-weight:bold; font-size:15px; color:#777777; padding:10px; margin-bottom:5px; cursor:pointer; }
			#content-1col #content-1col-l .menu { display:none; }
		#content-1col  #content-1col-r { width:100%; margin-right:0px; }
			#content-1col #content-1col-r .ui-tabs-panel li { float:none;}
			#content-1col #content-1col-r .ui-tabs-panel table { margin-top:10px; }
			#content-1col #content-1col-r #mapLocations { width:255px; }
			
		/* TOP PANEL */
		#topPanel {}
			#content-1col-r #topPanel-l {}
			#content-1col-r #topPanel-l #facilities { width:auto; }
			#content-1col-r #topPanel-l #facilities .item { margin:5px 4px; }
			
				#topPanel-info {}
					#topPanel-info-l { width:auto; float:none; margin:0px; }
					#topPanel-info-r { width:auto; float:none; margin:0px; }
			#content-1col-r #topPanel-r { width:auto; float:none; margin:0px; }
			
		/* CENTRE PANEL */
		#centrePanel {}
			#centrePanel-l { width:auto; float:none; }
			
		/* CLASS PANEL */
		#classPanel { width:auto; float:none; margin:0px; padding:0px; }
			#classPanel .classPanel-item { width:auto; float:none; }
			#classPanel .classPanel-l { float:none; width:auto; }
			#classPanel .classPanel-r { float:none; width:auto; padding-top:10px; }
			
		/* CONTENT LANDING */
		#content-landing  { }
		#content-landing  #content-landing-l { width:100%; margin-right:0px; margin-bottom:10px; }
			#content-landing #content-landing-l #head { background: url("../img/mobileArrowDown.jpg") no-repeat center right #EDEAE4; font-weight:bold; font-size:15px; color:#777777; padding:10px; margin-bottom:5px; cursor:pointer; }
			#content-landing #content-landing-l .menu { display:none; }
		#content-landing  #content-landing-r { width:100%; margin-right:0px; }
		#content-landing  #content-landing-r #boxes ul li.end { float:none; display:inline-table; vertical-align:top; }
		#content-landing  #content-landing-r #sectors {}
		
		/* NEWS LANDING PAGES */
		
		#news-landing { background:none; }
		#news-landing  #content-page-l { width:100%; margin-right:0px; }
			#news-landing #content-page-l #head { background: url("../img/mobileArrowDown.jpg") no-repeat center right #EDEAE4; font-weight:bold; font-size:15px; color:#777777; padding:10px; margin-bottom:5px; cursor:pointer; }
			#news-landing #content-page-l .menu { display:none; }
		#news-landing  #content-page-m { width:100%; margin-right:0px; }
		#news-landing  #content-page-r { width:100%; margin-right:0px; }
		
		/* EVENTS LANDING PAGES */
		
		#events-landing { background:none; }
		#events-landing  #content-page-l { width:100%; margin-right:0px; }
			#events-landing #content-page-l #head { background: url("../img/mobileArrowDown.jpg") no-repeat center right #EDEAE4; font-weight:bold; font-size:15px; color:#777777; padding:10px; margin-bottom:5px; cursor:pointer; }
			#events-landing #content-page-l .menu { display:none; }
		#events-landing  #content-page-m { width:100%; margin-right:0px; }
		#events-landing  #content-page-r { width:100%; margin-right:0px; }
		
		/* NEWS THUMBS */
		
		#news-landing #content-page-m #news-thumbs {}
			#news-landing #content-page-m #news-thumbs .item{ float:none; display:block; width:100%; margin:0px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #cccccc; }
			#news-landing #content-page-m #news-thumbs .item .image { float:left; margin-right:10px; }
			#news-landing #content-page-m #news-thumbs .item .caption { height:auto; }
			
		/* EVENTS THUMBS */
		#events-landing #content-page-m #events-thumbs {}
			#events-landing #content-page-m #events-thumbs .item{ width:145px; }
			#events-landing #content-page-m #events-thumbs .item .image { float:none; width:145px; margin-right:0px; background-position:-10px center; }
			
			#events-landing #content-page-m #events-thumbs .item .caption { height:auto; }
			
		/* EVENTS THUMBS RESULTS */
		#calFilters { display:none; }
		#events-landing #content-page-r #highlighted-thumbs { display:none; }
		#events-landing #content-page-m #events-thumbs.results { display:none; }
		#events-landing #content-page-m .content-heading { display:none; }
		
		
		#landing #boxes ul li { height:74px; }
		#landing #boxes ul li a { margin-bottom:5px; }
		#landing #landing-r { margin-top:10px; margin-bottom:10px; }
		#landing #landing-r #events .item { width:130px; margin-bottom:10px; }
		#landing #landing-r .item .image { width:130px; }
		#landing #landing-r .item .image img { width:130px; }
		#landing #events { padding-bottom:5px; }

		#landing #boxes {}
		#landing #boxes { width:310px; }
		#landing #boxes ul li { display:inline-table; float:none; }
		#landing #boxes ul li.end { display:inline-table; width:auto; }
		
		#events-landing #content-page-m #events-thumbs {
			width:auto;
		}

		/* PAGING */
		.paging a {
			display:inline-block;
			margin-bottom:5px;
		}

		#topSeperatorL, #topSeperatorR { width:auto; }
		
		/* FORCE TABLE STYLES */
		
		/*
		table, thead, tbody, th, td, tr {   display: block;  }
		thead tr { position: absolute; top: -9999px; left: -9999px; }
		thead { padding:0px !important; }
		tr { border: 1px solid #ccc; }
		td { border: none; border-bottom: 1px solid #eee;  position: relative; padding-left: 50%;  }
		td:before { position: absolute; top: 6px; left: 6px; width: 45%;  padding-right: 10px;  white-space: nowrap; }
		*/
		
#MobileFooter { display:block !important; margin-top:5px; }
		
		#content-tabs li {
			height:44px;
		}

#blogListing .blogItem .blogListing-l { width:auto; float:none; }	
#blogListing .blogItem .blogListing-r { width:auto; float:none; text-align:center; }		
#sectors { clear:both; }
#boxes { height:230px; }
#MobileHomeTiles { margin-left:77px;  }
#MobileHomeTiles .MobTileBlog { width:145px; margin-right:0px; width:153px; background:#ffffff; margin-right:4px; }
#MobileHomeTiles .MobTileBlog a { display:block;}
#MobileHomeTiles .MobTileBlog a img { width:153px;} 
#MobileHomeTiles .MobTileTwitter { float:left; margin-right:2px; }
#MobileHomeTiles .MobTileTwitter img { }
#MobileHomeTiles .MobTileBlog { margin-left:0px; }
.AcceptCookies { line-height:18px; }


#breadcrumb li { background:none; padding:0px; float:none; display:inline; line-height:20px; }
#breadcrumb li:after { content: " > "; }
#breadcrumb li.secondend { background:none; }
#breadcrumb li.secondend:after { content: " > "; }
#breadcrumb li.end { background:none; color:#333333; }
#breadcrumb li.end:after { content: " "; }

#flickr_slideshow { width:100%; }
#flickr_slideshow .cycle-show { width:100%; }
#flickr_slideshow .cycle-show img { width:100%; }
#flickr_slideshow:hover .cycle-paging { display:none; }
#flickr_slideshow .cycle-paging { display:none !important; }

#flickr_slideshow .cycle-pause { display:block; }
#flickr_slideshow .cycle-pause.hideme { display:none; }
#flickr_slideshow .cycle-pause.showme { display:block; }
#flickr_slideshow .cycle-play { display:block; }
#flickr_slideshow .cycle-play.hideme { display:none; }
#flickr_slideshow .cycle-play.showme { display:block; }

/*
#flickr_slideshow .cycle-play { display:none !important; }
#flickr_slideshow .cycle-pause { display:none !important; }

#flickr_slideshow:hover .cycle-play { display:none; }
#flickr_slideshow .cycle-pause.showme { display:none; }

*/

#flickr_slideshow .cycle-paging-next.showme { display:none; }
#flickr_slideshow .cycle-paging-prev.showme { display:none; }

#flickr_slideshow .cycle-next { display:block; }
#flickr_slideshow .cycle-prev { display:block; }

/* code added by Digital Services for new rates page - http://www.belfastcity.gov.uk/council/rates/RatesBreakdown.aspx */
#ctl00_aesection1_ctl00_AESectionRenderer1_ctl00_ctl05_ratestable
{
display:block;

}

#RatesTable
{
display:block;

}


#ctl00_aesection1_ctl00_AESectionRenderer1_ctl00_ctl03_piechartimage
{
display:none;
}

#PieChartImage
{
display:none;

}

/* code added by Digital Services for new rates page - http://www.belfastcity.gov.uk/council/rates/RatesBreakdown.aspx */


} /* end mediaQuery */

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {



#boxes ul li {
	float:left;
	margin-right:3px;
}

#MobileHomeTiles .MobTileBlog {
	width:149px;
	overflow:hidden;
}


#content-tabs li { }
#content-tabs li a { }



/* code added by Digital Services for new rates page - http://www.belfastcity.gov.uk/council/rates/RatesBreakdown.aspx */
#ctl00_aesection1_ctl00_AESectionRenderer1_ctl00_ctl05_ratestable
{
display:block;

}

#RatesTable
{
display:block;

}


#ctl00_aesection1_ctl00_AESectionRenderer1_ctl00_ctl03_piechartimage
{
display:none;
}

#PieChartImage
{
display:none;

}

/* code added by Digital Services for new rates page - http://www.belfastcity.gov.uk/council/rates/RatesBreakdown.aspx */