/*
**  G.W 2013
*/

/***********************************************************************************************
** landscape phone to portrait tablet
***********************************************************************************************/

@media screen and (max-width:768px) 
{



	.form_style legend { position:static; }

	/* landscape phone to portrait tablet */
	body {
			
	}

	/* landscape tablet to desktop */
	body {
		/* background:red !important; */
	}

	#container {
		width:644px;
	}
	#container-inner {
		width:636px;
		position:relative;
	}
	#header {
		width:640px;
		height:125px;
		border-bottom:1px solid #cccccc;
	}
		#header #logo {
			width:208px;
		}
			#header #logo a {
				width:208px;
				height:95px;
				background-size:208px auto;
				background-position:left 10px;
			}
	#top {
		width:429px;
		height:125px;
		position:relative;
	}
		#top #top-search { 	
			position:absolute;
			right:5px;
			top:40px;
		}
			#toplinks #top-search input.SearchBtn {
				top:0px;
			}
		#top #top-links { 
			position:absolute;
			right:5px;
			top:5px;
			margin-right:0px;	
		}
		#top #top-size { 
			position:absolute;
			right:245px;
			top:5px;
			margin-left:0px;
		}
		#top #social { 
			position:absolute;
			top:33px;
			right:215px;
			width:auto;
		}
	#tabs {
		padding-top:0px;
		position:absolute;
		margin-left:-121px;
		width:550px;
		bottom:0px;
	}
	#tabs li a {
		padding:9px;
		font-size:11px;
	}
	#navigation {
		padding-right:5px;
		margin-top:-7px;
		border-top:0px;
	}
	#navigation li { 
		/* float:none;
		text-align:center; */
	}
	#navigation li.home {
		position:absolute;
		top:-30px;
	}
	#navigation li.home a {
		padding-left:40px;
		padding-right:0px;
		background-position:5px center;
	}
		#navigation li.home a:hover {
			background-position:5px center;
		}
	#navigation li.aToz { 
		display:none;
	}
		#navigation li.aToz a { 
			
		}
	#navigation li a {
		padding:9px 4px;
		font-size:12px;
		margin-left:0px;
	}
	#home {
		width:636px;
	}
	
	#slideshow {
		width:424px;
		height:298px;
		margin-right:4px;
	}
		#slideshow-inner {
			width:424px;
			height:298px;
		}	
		#slideshow img {
			width:424px;
			height:298px;
		}
		#slideshow .slide {
			height:298px !important;
			width:415px !important;
		}
		#slideshow .slide .caption {
			width:398px;
			padding:10px;
			bottom:0px;
		}
			#slideshow .slide .caption .head {
				font-size:15px;
			}
			#slideshow .slide .caption .text {
				width:295px !important;
			}

	#content-page-m #slideshow { height:230px !important; }
	#content-page-m #slideshow .slide { height:230px !important; }

	#links {
		width:208px;
		height:298px;
		margin-right:0px;
		margin-bottom:4px;
	}
	#links .head {
		font-size:12px;
		padding:10px 15px;
		line-height:16px;
	}
	#links .head br {
		display:none;
	}
	#links ul {
		width:188px;
		height:188px;
	}
	#links ul li a {
		font-size:12px;
		padding:6px 0px;
	}
	#links .link a {
		font-size:12px;
		padding:10px 13px;
	}
	#twitter {
		width:208px;
		height:194px;
		float:right;
		left:0px;
	}
	#twitter .head {
		font-size:12px;
		padding:10px 15px;
		line-height:16px;
		background-position:-55px 0px;
	}
		#twitter .head  br {
			display:none;
		}
	#twitter ul {
		width:182px;
		height:75px;
	}
	#twitter ul li {
		padding:5px;
		font-size:12px;
		line-height:16px;
	}
	#twitter #icon-blog a {
		width:208px;
		background-size:212px 81px;
		height:81px;
	}
	#twitter #icon-blog img { width:212px; height:81px; }
		#twitter #icon-blog a:hover {
			background-size:212px 81px;	
		}
		#twitter #followUs {
			top:12px;
			font-size:10px;
		}
	#home {
		position:relative;
		
	}
	#boxes {
		width:429px;
		position:absolute;
		top:492px;
		left:0px;
		margin-bottom:0px;
	}
	#boxes ul li {
		height:99px;
	}
	#boxes ul li a {
		width:103px;
		height:95px;
		margin-right:4px;
		margin-bottom:4px;
	}
	#boxes .text {
		font-size:13px;
		line-height:12px;
	}
	#boxes .image img {
		width:90%;
	}
	#boxes .image {
		bottom:10px;
		right:0px;
	}
	#boxes ul li.end {
		display:none;
	}

	#content-page-m #boxes ul li.end {
		display:block;
	}

	#sectors {
		margin-top:-3px;
	}
	#sectors .item {
		width:260px;
		vertical-align:top;
		display:inline-table;
		float:none;
		margin:0px 12px 15px;
	}
		#sectors .item.end, #sectors .item.btm { 
			margin:0 12px 10px
		}
		#sectors .item .head {
			font-size:15px;
		}
		#sectors .item .keywords {
			font-size:12px;
		}

	#content-landing {
		/*
		background: url("/upload/structure/img/news-landing-bg.jpg") repeat-y scroll 0 0 transparent;
		background-size:208px auto;
		*/
	}
	#content-landing-l {
		width:208px;
	}
	#content-landing-r {
		width:423px;
	}
	#content-landing #sectors .item {
		width:195px;
		/* height:110px; */
		margin-right:0px;
		padding:0px;
		display:inline-table;
		float:none;
		vertical-align:top;
	}
		#content-landing #sectors .item.end  {
			
		}
		#content-landing #sectors .item:empty  {
			display:none;
		}
	#content-landing #boxes { 
		margin-top:0px;
		position:static;
	}
	#content-landing #boxes ul li.end {
		display:block;
	}

	#news-landing {
		background-size:208px auto;
	}
		#news-landing #content-page-l {
			width:208px;
		}
		#news-landing #content-page-m {
			width:418px;
		}
			#news-landing #content-page-m #slideshow {
				width:418px;
				height:230px;
			}
				#news-landing #content-page-m #slideshow .slide {
					width:418px;
					height:230px;
				}
				#news-landing #content-page-m #slideshow .slide .text {
					width:395px;
				}
			#news-landing #content-page-m #slideshow-inner {
				width:418px;
				height:230px;
			}
			#news-landing #content-page-m #slideshow img {
				width:418px;
				height:230px;
			}
			#news-landing #content-page-m #news-thumbs .paging {
				margin-top:10px;
				padding-top:10px;
			}
			#news-landing #content-page-m #news-thumbs { 

			}
			#news-landing #content-page-m #news-thumbs .item {
				width:129px;
				margin:0px 5px;
				margin-bottom:10px;
				display:inline-table;
				float:left;
				vertical-align:top;
			}
				#news-landing #content-page-m #news-thumbs .clear {
					clear:none;
					display:none;
				}
				#news-landing #content-page-m #news-thumbs .item img {
					width:160px;
				}
				#news-landing #content-page-m #news-thumbs .item .image {
					width:129px;
				}
				#news-landing #content-page-m #news-thumbs .item .title {
					font-size:13px;
				}
				#news-landing #content-page-m #news-thumbs .item .caption {
					height:80px;
					overflow:hidden;
				}

		#news-landing #content-page-r {
			clear:both;
			width:418px;
		}	
			#news-landing #content-page-r .head {
				font-size:12px;
			}
			#news-landing #content-page-r #followUs {
				top:12px;
			}
			#news-landing #content-page-r #twitter {
				width:418px;
				height:auto;
				margin-bottom:0px;
			}
			#news-landing #content-page-r #twitter ul {
				width:398px;
				height:auto;
				
			}
			#news-landing #content-page-r #twitter #icon-blog {
				display:none;
			}
			
			
#content-page-r .content div.email, #content-page-r .content li.email, 
#content-page-r .content div.telephone, #content-page-r .content li.telephone ,
#content-page-r .content div.address, #content-page-r .content li.address 
{
	background-position:0px 7px;
	
}

			
			/************
			** EVENTS 
			************/
			
			
			
	#events-landing {
		background-size:208px auto;
	}
		#events-landing #content-page-l {
			width:208px;
		}
		#events-landing #content-page-m {
			width:418px;
		}
			#events-landing #content-page-m #slideshow {
				width:418px;
				height:230px;
			}
				#events-landing #content-page-m #slideshow .slide {
					width:418px;
					height:230px;
				}
				#events-landing #content-page-m #slideshow .slide .text {
					width:320px;
				}
			#events-landing #content-page-m #slideshow-inner {
				width:418px;
				height:230px;
			}
			#events-landing #content-page-m #slideshow img {
				width:418px;
				height:230px;
			}
			#events-landing #content-page-m #events-thumbs .paging {
				margin-top:10px;
			}
			#events-landing #content-page-m #events-thumbs { 
				width:420px;
			}
			#events-landing #content-page-m #events-thumbs .item {
				width:129px;
				margin:0px 5px;
				margin-bottom:10px;
				float:none;
				display:inline-table;
				margin:0px 4px 10px;
				vertical-align:top;
			}
			#events-landing #content-page-m #events-thumbs br {
				display:none;
			}
				#events-landing #content-page-m #events-thumbs .clear {
					clear:none;
				}
				#events-landing #content-page-m #events-thumbs .item img {
					width:160px;
				}
				#events-landing #content-page-m #events-thumbs .item .image {
					width:129px;
					background-position: -20px;
				}
				#events-landing #content-page-m #events-thumbs .item .title {
					font-size:13px;
				}
				#events-landing #content-page-m #events-thumbs .item .caption {
					height:80px;
					overflow:hidden;
				}

		#events-landing #content-page-r {
			clear:both;
			width:418px;
		}	
			#events-landing #content-page-r .head {
				font-size:12px;
			}
			#events-landing #content-page-r #followUs {
				top:12px;
			}
			#events-landing #content-page-r #twitter {
				width:418px;
				height:auto;
				margin-bottom:0px;
			}
			#events-landing #content-page-r #twitter ul {
				width:398px;
				height:auto;
				
			}
			#events-landing #content-page-r #twitter #icon-blog {
				display:none;
			}
			
			#events-landing #content-page-r #highlighted-thumbs  {
				height:auto;
				padding-bottom:0px;
			}
			#events-landing #content-page-r #highlighted-thumbs .content {
				width:280px;
			}
			
			
		/************
		** CONTENT 1 COL 
		************/
		#content-1col-l {
			width:208px;
		}
		#content-1col-r {
			width:415px;
		}
			#content-1col-r  #mapLocations{
				width:362px;
			}
			#content-1col-r  #mapLocations .mapLocationsItem {
				float:none;
				width:auto;
			}
			#content-1col-r  #mapLocations .mapLocationsItem .mapLocationsAddress, #content-1col-r #mapLocations .mapLocationsItem .mapLocationsHeading {
				height:auto;
			}
			#content-1col-r  #ui-id-1 { }
			
			#content-1col-r #topPanel-l {
				float:none;
				width:auto;
			}
				#content-1col-r #topPanel-l #facilities .item {
					margin-right:3px;
					display:inline-table;
					float:none;
					margin-right:13px;
					vertical-align:top;
				}
				#topPanel-l #facilities {
					width:415px;
				}
			#content-1col-r #topPanel-r {
				width:415px;
				float:none;
				margin-top:10px;
			}
			#centrePanel-l {
				float:none;
				width:415px;
				overflow-x:auto;
			}
				#centrePanel-l #socialPanel {
					display:none;
				}
			#centrePanel-r {
				float:none;
				width:100%;
				margin-top:10px;
			}
		
		
		#a-z #letters {
		
		}
			#a-z #letters span {
				display:block;
				margin-bottom:15px;
			}
			
		/************
		** landing 
		************/

	#landing {

	}
		#landing-l {
			width:424px;
		}
			#landing-l #sectors {
				margin-top:0px;
			}
			#landing-l #sectors .item {
				width:195px;
				/* height:110px; */
				margin-right:0px;
				padding:0px;
				display:inline-table;
				float:none;
				vertical-align:top;
			}
			#landing-l #boxes {
				top:auto;
				position:static;
				width:635px;
			}
				#landing-l #boxes li.end {
					display:block;
					width:100px;
					
				}		
			#content-landing #sectors .item.end  {
			
			}
		#landing-r {
			width:208px;
		}
			#landing-r #head {
				font-size:14px;
				padding:10px 15px;
			}
			#landing-r .item {
				width:84px;
				display:inline-table;
				height:auto;
				float:none;
				vertical-align:top;
			}
			#landing-r .item { 
				margin-right:10px;
			}
			#landing-r .item .image {
				width:84px;
				height:45px;
				background-size:84px auto;
			}
				#landing-r .item .image img {
					width:84px;
				}
			#landing-r #events {
				height:315px;
				overflow:hidden;
			}
			
	#landing {
	
	}
		#landing #business-programme-thumbs {
			height:170px;
			padding-top:0px;
		}
		#landing #business-programme-thumbs .item {
			padding:0px;
			margin:0px;
		}
		#landing #business-programme-thumbs .item .item-r .title {
			font-size:12px;
		}
		#landing #business-programme-thumbs .item .item-r .caption {
			display:none;
		}

	#content-page {

	}
		#content-page #content-page-l {
			width:208px;
			margin-right:10px;
		}
		#content-page #content-page-m {
			width:418px;
			margin-bottom:10px;
		}
			#content-page #content-page-m table {
				width:100% !important;
			}
		#content-page #content-page-r {
			width:418px;
		}
			#content-page #content-page-r .panel {
				margin-bottom:0px;
			}

	#footer {
		height:65px;
	}
		#footer #icons img {
			
		}
		#footer #translate {
			width:175px;
			position:relative;
		}
			#footer #translate #socialIcons {
				position:absolute;
				top:35px;
				right:0px;
				margin:0px;
			}
				#footer #translate #socialIcons a {
					background-size:24px 24px;
					width:25px;
					margin-right:0px;
					margin-left:5px;
				}
			#footer #translate #google_translate_element {
				position:absolute;
				top:0px;
				right:0px;	
			}

#navigation {
	display:none;
}
#mobileNavigation, #mobileNavigationMore {
	display:block;
	text-align:left;
	padding:5px 0px;
	margin-bottom:5px;
}
	#mobileNavigation a, #mobileNavigationMore a {
		padding:0px 5px;
		color:#5b5b5b;
		text-decoration:none;
	}
	#mobileNavigation a:hover, #mobileNavigationMore a:hover{
		text-decoration:underline;
	}
	#mobileNavigation span.active a, #mobileNavigationMore span.active a{
		color:#8F23B3;
	}
	
#mobileNavigationMore {
	display:none;
}

#mobileAZ {
	background:#edeae4;
	display:block;
	padding:5px;
	color:#5b5b5b;
	border-top:1px solid #bebbb7;
	border-bottom:1px solid #bebbb7;
}
	#mobileAZ a {
		padding:0px 4px;
		color:#5b5b5b;
		text-decoration:none;
	}
	#mobileAZ a:hover {
		text-decoration:underline;
	}

			#topSeperatorL {
				width:393px;
				float:none;
				margin-bottom:10px;
			}
			#topSeperatorR {
				width:393px;
				float:none;
			}
.form_style .form_row {

}
	.form_style .form_row .form_row_l {
		float:none;
		display:block;
	}
	.form_style .form_row .form_row_r {
		float:none;
		display:block;
	}

#boxes .image img {
	width:45px;
	margin-right:10px;
}


#city-matters-featured .item .item-l {
	float:none;
	width:auto;
	text-align:center;
	margin-bottom:10px;
}
#city-matters-featured .item .item-r {
	float:none;
	width:auto;
}

#city-matters-thumbs .item {
	width:417px;	
}
#city-matters-thumbs .item .item-l {
	float:none;
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
#city-matters-thumbs .item .item-r {
	float:none;
	width:417px;
}

#topPanel-info-l {
	float:none;
	width:409px;
}
#topPanel-info-r {
	float:none;
	width:409px;
}

#slideshow .slide .caption {
	width:395px;
}

#news-filters {

}
	#news-filters .AEFormRange {
		display:block;
		margin-bottom:20px;
		font-size:11px;
	} 
	#news-filters span.ae_dateToText {
		margin-left:0px;
	}
	#news-filters input#MF_Submit {
		margin-top:0px;
	}
	#news-filters br {
		clear:both;
		display:none;
	}
	#news-filters span.ae_dateFromText, #news-filters span.ae_dateToText {
		width:100px;
		display:inline-block;
	}


/* added styles for landing pages */

#landing #landing-r #events {
	height:auto;
}
#landing #landing-l {
	width:auto;
	float:none;
}
#landing #landing-r {
	width:auto;
	float:none;
}
#landing #landing-r #events .item {
	width:141px;
	margin:0px 5px;
	border:0px;
	padding-bottom:0px;
}
#landing-r .item .image {
	width:141px;
	height:auto;
}
#landing-r .item .image img {
	width:141px;
}

#landing #business-programme-thumbs {
	padding:10px;
	height:auto;
}
#landing #business-programme-thumbs br {
	display:none;
}
#landing #business-programme-thumbs .item {
	width:auto;
	height:auto;
	display:block;
}	
#landing #business-programme-thumbs .item.end {
	margin-bottom:0px;
}
#landing #business-programme-thumbs .item .item-r .caption {
	display:block;
	margin-bottom:10px;
}
#landing #boxes ul li {
	height:95px;
}
#landing #boxes ul li a {
	margin-bottom:0px;
}

.venue #content-page-m { width:531px; overflow:hidden; margin-bottom:0px; }
.venue #content-page-r { width:203px; }
.venue #content-page-m #boxes { position:static; }

#twitter ul li.end { display:none; }

.text-format #content-tabs table td {
	word-break:break-all;
}
#boxes .text { font-size:12px !important; }

#events-landing.ulster-landing #content-page-m { overflow:hidden; }
#events-landing.ulster-landing #boxes { position:static; }
#events-landing.ulster-landing #content-page-r { clear:none; }
#events-landing.ulster-landing #content-page-r #UlsterHallLogo { text-align:center; }
#events-landing.ulster-landing #content-page-r #UlsterHallSearch { margin-top:0px; }


#home #slideshow .slide .caption .text { width:285px; padding-bottom:20px; }

#blogListing .blogItem .blogListing-l { width:auto; }
#blogListing .blogItem .blogListing-r { width:auto; text-align:center; float:none; }

#slideshow .slide .caption {}
#slideshow .slide .caption .head { width:390px !important; }
#slideshow .slide .caption .text { width:295px !important; }

#slideshow .slide { width: 418px; overflow:hidden; }
#slideshow #slideshow-inner { width: 418px; overflow:hidden; }
#news-landing #content-page-m #news-thumbs .item { float:none !important; }

#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; }

}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  	/* For portrait layouts only */
	#boxes {
		top:487px;
	}
	#landing #landing-l {
		float:none;
	}
	#landing #landing-r {
		margin-top:0px;
		float:none;	
		width:auto;
		height:200px;
	}
		#landing #landing-r .item {
			width:140px;
			height:auto;
			border-bottom:0px;
		}
			#landing #landing-r .item .image {
				height:auto;
			}
			#landing #landing-r .item img {
				width:140px;
			}
		#landing #landing-r .item.end {
			margin-right:10px;
		}

	#content-tabs li {
		height:44px;
	}

	#events-landing {
		background-size:266px auto;
	}
	#news-landing {
		background-size:266px auto;
	}

#landing #landing-r {
	height:auto;
}
#landing-r #events {
	height:auto;
}
#landing-r #events .item {
	padding-bottom:0px;
	margin-bottom:0px;
}
#landing #business-programme-thumbs {
	padding:10px;
	height:auto;
}
#landing #business-programme-thumbs br {
	display:none;
}
#landing #business-programme-thumbs .item {
	width:auto;
	height:auto;
	display:block;
}	
#landing #business-programme-thumbs .item.end {
	margin-bottom:0px;
}
#landing #business-programme-thumbs .item .item-r .caption {
	display:block;
	margin-bottom:10px;
}
#landing #boxes ul li {
	height:100px;
}
#landing #boxes ul li a {
	margin-bottom:0px;
}
#mobileNavigationMore { display:none; }





}