/************************************************ 
Scroll Widget for cinema offers / competitions etc 
************************************************/
div.scrollable, div.scrollable2 {
	/* custom decorations */ border:1px solid #000;
	/* required settings */ position:relative;
	background-color:#000;
	height:227px;
	padding:1px 0px 1px 0px;
	overflow:hidden;
 }
 
	/* root element for scrollable items. Must be absolutely positioned and it should have a super large width to accomodate scrollable items. it's enough that you set width and height for the root element and not for this element. */
div.scrollable div.items {
		/* this cannot be too large */ width:100em;
		clear:both;
		position:absolute; }
 
		/* single scrollable item */
div.scrollable div.items div { float:left; }
 
			/* active item */
div.scrollable div.items div.active { background-color:#fff; }
 


/************* navigator ************/
/* position and dimensions of the navigator */
.navi {
	background-color: #1B6BE2;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase; 
	height:25px;
	margin:8px 0px 0px 0px;
	padding:10px 0px 0px 10px;
	color:#FFF;
 }
 
/* items inside navigator */
div.navi a {
	background-repeat:no-repeat;
	background:url(../imgs/UI/buts/scroll/navigator.png) 0 0 no-repeat;
	cursor:pointer;
	float:left;
	height:8px;
	margin:3px;
	width:8px; }
 
	/* mouseover state */
div.navi a:hover { background-position:0 -8px; }
 
	/* active state (current page state) */
div.navi a.active { background-position:0 -16px; }

 
/************************************************ 
Scroll-over lists for Sidebar Competitions , Coming Soon etc
************************************************/
#comp_side {
	background-color:#414141;
	background-image:url(../imgs/UI/bcks/hdr_bck.jpg);
	background-repeat:repeat-x;
	font-size:12px;
	width:331px; }
 
/* Competition Style */
#sidebar_list {
	display:block;
	list-style:none;
	padding:0px; }
 
comp_title a {
	background-color:#414141;
	height:16px;
	padding:8px 0px 7px 0px;
	width:330px; }
 
.comp_titlea a:hover {
	background-image:url(../imgs/UI/bcks/sidebar_bck.jpg);
	color:#FF0; }
 
.comp_titleb {
	background-color:#3A3A3A;
	height:16px;
	padding:8px 0px 7px 0px;
	width:330px; }
 
	.comp_titleb a { background-color:#3A3A3A; }
 
		.comp_titleb a:hover {
			background-image:url(../imgs/UI/bcks/sidebar_bck.jpg);
			color:#FF0; }
 
.comp_entra {
	float:right;
	width:100px; }
 
.comp_entrb {
	float:right;
	width:100px; }
 
.comp_effect a { text-decoration:none; }
 
	.comp_effect a:hover { color:#FF0; }
	
 
/************************************************ 
Coming Soon / Now Showing Image poster and Video pops
************************************************/

#content_movielist {
	background-color:#191919;
	width:902px;
	}



     
.imgteaser, .imgteaserHP{
	float: left;
	margin: 0;
	margin:17px 0px 0px 22px;
	overflow: hidden;
	position: relative;
	width:150px;
	height:250px;
 }
	
.imgteaserHP{
	float: left;
	margin: 0;
	margin:5px 0px 0px 23px;
	overflow: hidden;
	position: relative;
	width:150px;
	height:220px;
 }
	
	
 
	.imgteaser a, .imgteaserHP a{
		float: left;
		text-decoration: none; }
 
		.imgteaser a:hover, .imgteaserHP a:hover{
			cursor: pointer;
			text-decoration: none; }
 
		.imgteaser a img, .imgteaserHP a img{
			background: #000;
			border: none;
			margin: 0;
			padding: 4px; }
 
		.imgteaser a .desc, .imgteaserHP a .desc{ display: none; }
 
		.imgteaser a:hover .more, .imgteaserHP a:hover .more { visibility: hidden; }
 
		.imgteaser a:hover .desc{
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
			/*--IE 8 Transparency--*/ position: absolute;
			background: #111;
			border-top: 1px solid #000;
			bottom: 35px;
			color: #fff;
			display: block;
			filter:alpha(opacity=85);
			font-size: 1.2em;
			height:109px;
			left: 3px;
			margin: 0px 0px 15px 0px;
			opacity:.85;
			padding: 65px 15px 25px 10px;
			text-align:center;
			width: 110px; }
			
			
			.imgteaserHP a:hover .desc {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
			/*--IE 8 Transparency--*/ position: absolute;
			background: #111;
			border-top: 1px solid #000;
			bottom: 20px;
			color: #fff;
			display: block;
			filter:alpha(opacity=85);
			font-size: 1.2em;
			height:109px;
			left: 3px;
			margin: 0px;
			opacity:.85;
			padding: 85px 15px 25px 10px;
			text-align:center;
			width: 110px; }
 
			.imgteaser a:hover .desc strong, .imgteaserHP .desc strong{
				display: block;
				font-size:1.5em;
				margin-bottom: 5px; }
 
.imgteaser_title, .imgteaser_more a { width:137px; }
 
.imgteaser_title {
	color:#FFF;
	font-size: 12px;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:4px; }
 
.imgteaser_more a {
	color:#666;
	font-size: 1.1em;
	line-height:14px;
	padding-left:5px; }
 
	.imgteaser_more a:hover {
		color:#FFFF00;
		text-decoration:underline; }
 
.teaser_play {
	color:#FFFF00;
	font-size:17px;
	font-weight:bold;
	width:100px; }
	
	.teaser_certs{ font-size:11px;}
	.teaser_rlsdate{ font-size:13px;font-weight:bold}

   
   /*****Mobile*****/
      .imgteasermob{
	     float: left;
      	margin: 0;
	     margin:5px 0px 0px 23px;
	     overflow: hidden;
      	position: relative;
	     width:150px; }
	     
	    .imgteasermob a img{
			background: #000;
			border: none;
			margin: 0;
			padding: 4px; }
			
			.mobileplay{
			  background:none;
			  border:0;
      
      }
	
 
/*****Pagination*****/
.teaser_pgatn {
	float:right;
	margin:10px 0px 6px 0px;
	padding:10px 30px 10px 20px;
	text-align:right;
	width:800px; }
 
.pgatn_page, .pgatn_nbr a {
	background-color:#000;
	margin-left:4px;
	padding:6px 10px 6px 10px;
	text-decoration:none; }
 
.pgatn_nbr a:hover { background-color:#FFC515; color:#000 }
 
.pgatn_nbr_act {
	background-color:#000;
	border:1px solid #000;
	padding:6px 10px 6px 10px;
	text-decoration:none;
	color:#FF0; }
 
/************************************************ 
Schedules Listings and Posters 
************************************************/

ul.display {
	float: left;
	list-style: none;
	padding: 0;
	width: 552px; }
 
	ul.display li {
		background: #0000;
		border-bottom: 1px solid #4B4B4B;
		border-left: 1px solid #4B4B4B;
		border-right: 1px solid #4B4B4B;
		border-top: 1px solid #4B4B4B;
		float: left;
		height: 62px;
		margin:2px 3px 3px 3px;
		width:266px; }
 
		ul.display li a {
			color: #fff;
			text-decoration: none; }
			
		ul.display li a:hover {color:#ccc; text-decoration:underline;}
 
		ul.display li .content_block { }
 
			ul.display li .content_block h2 {
				font-size: 1.7em;
				font-weight: normal;
				margin: 0;
				padding: 5px; }
 
			ul.display li .content_block p {
				font-size: 1.2em;
				margin: 0;
				padding: 5px 5px 5px 5px;
				text-align:right; }
 
			ul.display li .content_block a img {
				background: #191919;
				border: 2px solid #191919;
				float: left;
				padding: 4px; }
 
		ul.display li a img { display: none; }
 
ul.thumb_view li {
	border: none;
	height:200px;
	margin:0px;
	text-align:center;
	width: 135px; }
 
	ul.thumb_view li .title_sched a {
		color:#FFF;
		display: inline;
		float:none;
		font-size:12px;
		font-weight:bold; }
 
	ul.thumb_view li p { display: none; }
 
	ul.thumb_view li .content_block a img {
		display: inline;
		float:none;
		font-size:9px;
		margin:0px; }
 
ul.thumb_view .yellow { display: none; }
 
ul.thumb_view .title_sched {
	color:#FFF;
	float:none; }
 
a.switch_thumb {
	background: url(../imgs/UI/buts/switch.gif) no-repeat;
	display: block;
	height: 26px;
	line-height: 26px;
	outline: none;
	padding: 0;
	text-indent: -9999px;
	width: 122px; }
 
a:hover.switch_thumb { }
 
a.swap { background-position: left bottom; }
 
.times, .title_sched a {
	float:left;
	font-weight:bold;
	line-height: 15px; }
 
.yellow {
	color:#A7A7A7;
	float:right;
	font-size:11px;
	font-weight:bold;
	padding:4px 6px 3px 10px; }
 
.times {
	color:#fff;
	font-size:13px;
	padding-left:5px;
	text-align:left;
	line-height:18px;
	width:250px; }
 
.title_sched a {
	color:#FF0;
	font-size:14px;
	padding:4px 6px 3px 10px;
	text-align:left;
	width:210px;
	text-transform:uppercase;}
 
	.title_sched a:link { color:#FF0; }
 
	.title_sched a:hover { color:#FFFF7D; }
 
	.title_sched a:visited {
		color:#FF0;
		text-decoration: none; }
 
 
/************************************************ 
Quick Book Slidedown Fields 
************************************************/
#quickbook_bar { overflow:hidden; width:902px; }
 
#book_panel {
	background-image:url(../imgs/UI/bcks/booknow/bckgrd_book.jpg);
	display: none;
	height: 190px;
	overflow:hidden;
	width: 902px; }
 
.slide {
	background-image:url(../imgs/UI/bcks/booknow/bckgrd_book_tp.jpg);
	height:41px;
	margin: 0;
	overflow:hidden;
	padding: 0;
	width: 902px; }
 
.btn-slide {
	color: #fff;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	height: 41px;
	margin: 0 auto;
	outline:none;
	text-decoration: none; }
 
#fld1_book, #fld2_book, #fld3_book, #fld4_book {
	background-image:url(../imgs/UI/bcks/booknow/book_spline.jpg);
	background-position:right;
	background-repeat:no-repeat;
	color:#6C0000;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:66px;
	padding:30px 0px 0px 0px;
	text-align:center;
	width:179px; }
 
#fld5_book {
	background-image:url(../imgs/UI/bcks/booknow/ticket_iconlwr.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	color:#6C0000;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:66px;
	padding:30px 0px 0px 0px;
	text-align:center;
	width:179px; }
 
#reset_btn { padding:0px 12px 0px 7px; }



/************************************************ 
Cinema Location and Details Slidedown Fields 
************************************************/
#cinema_details { overflow:hidden; width:902px; }
 
#detls_panel {
	background-color:#000;
	display: none;
	height: 280px;
	overflow:hidden;
	width: 902px;}
	
#cinema-map{
	width:500px;
	height:200px;
	float:right;
	border:5px solid #333;
	padding:5px;
	margin:5px;}
 
.btn-slide2 {
	color: #fff;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	margin: 0 auto;
	outline:none;
	font-size:11px;}

.btn-slide2 a{ text-decoration:none;} 


#cine-info-lft{
	float:left;
	padding:50px 10px 5px 10px;
	width:340px;
	line-height:12px;
	font-size:11px;}
#cine-info-rgt{
	float:right;
	padding:5px;
	width:530px;}
	
	#cine-info-rgt h4{ text-align:right; font-size:14px; padding-top:10px;}

/************************************************ 
Movie Info: Slider Images
************************************************/
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:400px;
		
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

			
	#movie_imgs{
		position:relative;
		padding-left:48px;
		
		}			

/* Easy Slider */

	#slider{border:3px solid #000; margin-bottom:20px; background:#000; text-align:center;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:446px;
		height:255px;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:31px;
		height:31px;
		position:absolute;
		left:6px;
		top:101px;
		}	
	#nextBtn{ 
		left:508px;
		}														
	#prevBtn a, #nextBtn a{ 
		display:block;
		width:31px;
		height:31px;
		outline:none;
		background:url(../imgs/UI/buts/scroll/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../imgs/UI/buts/scroll/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */






/*** Sidebar ****/

#sidebar {
	overflow: hidden;
	margin:7px 0px 0px 0px;}
 
#sidebar ul {clear: both;}
 
 
#sidebar ul li a {
	color: #FFFFFF;
	font-family: arial;
	min-height:21px;
	font-size: 12px;
	padding:8px 20px 8px 10px;
	display:block;
     line-height: 21px;
	text-decoration:none;
}
 
#sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a {
	color:#FF0;
	background: #000000;
}

#sidebar li {}

 
#sidebar ul li span {
	font-size:12px;
	color:#959595;
	font-weight:normal;
	float:right;
}

.cat-itema{ background-color:#414141; margin: 1px 0px 1px 0px}
.cat-itemb{ background-color:#3A3A3A; margin: 1px 0px 1px 0px}
 
 
/* Sidebar (widgetized)*/
 
#sidebar ul, #sidebar .textwidget {
	background:#232323 none repeat scroll 0 0;
	border:1px solid #1E1E1E;
	clear:both;
	padding:0;
	margin:0;
}

 /*** Sidebar END****/
 
 
 
 /******************************************************
Cinema Locator  Map  
*******************************************************/

/*** Tool Tip Control  ***/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #2D2D2D;
	opacity: 0.95;
	width:88px;
}
#tooltip h3, #tooltip div { margin: 0; font-size:12px; color:#FFF; }


/*** Cinema Map (Large)  Box  ***/
#locator{
	background-color:#161616;
	width:553px;
	height:295px;}
	
#cinemamap{}
#cinelist{ font-size:12px; line-height:21px; padding:0px 0px 0px 8px}

#cinelist a{ color:#FFF; text-decoration:none;}
#cinelist a:hover{ color:#FF0; text-decoration:underline;}

#cinelist li{ list-style:none;}

#col1, #col2, #col3{
	float:left;
	width:101px;
	margin:10px 0px 0px 0px;
	padding:0px 3px 0px 5px;
	background-image:url(../imgs/UI/bcks/col-detail.jpg);
	background-repeat:repeat-y;
	background-position:right;
	text-align:left;
	min-height:200px;
}

 #col3{background-image:none;}
/*** Cinema Map (Large) Box END****/

 /*** Cinema Map (Small on Slide) Box ****/
 #sml-map{ 
      height:210px;
      width:500px;
	  border:solid 4px #1E1E1E;}
 
	  
 /*** Cinema Map (Small on Slide) Box END****/ 
 
 
 /*********** Cinema List Page*********/	 
#booking_wrap{
	background-color:#191919;}
	
	#booking_wrap h1{
	font-size:25px;
	font-weight:bold;
	padding:10px 0px 10px 10px;
	color:#FF0;
	text-transform:uppercase; }
	
	#booking_wrap h3{
	font-size:27px;
	padding:10px 0px 10px 10px;
	color:#fff;
	text-transform:none;}
	
#booking_step{
	background-color:#0D0D0D;
	height:80px;}
	
#step-hdr, #step-imgs{ float:left;}

#step-hdr{
	width:300px;
	padding:0px 10px 0px 30px;
	margin:15px 0px 0px 0px;
	border-right:solid 1px #1E1E1E }
	
#step-imgs{
	padding:15px 0px 0px 70px;}

/** Book Page 1 **/
.book-cincol{
	float:left;
	height:340px;
    width:245px;
	padding:30px 0px 0px 20px;
	background:url(../imgs/UI/bcks/booknow/cinecol_rght.jpg) repeat-y right;}
	
	.book-cincol li{
		font-size:20px;
		padding:3px 0px 0px 20px;
		}
		
 /******************************************************
Lg Polls 
*******************************************************/		

.lg-polls-answers li{border:1px solid #1F1F1F; margin:7px; padding:5px 5px 5px 5px; font-size:12px; text-align:left;}
.lg-polls-answers .answer{padding-left:10px; color:#0684CE;}

.lg-poll-results{width:350px; margin-left:15px}
.lg-poll-results .percentage{background-color: #0684CE; padding:2px; margin-top:5px; color:#023553; font-size:14px; font-weight:bold; }
.lg-poll-results .answer{padding:5px; text-align:left; font-size:12px; font-weight:bold; color:white; letter-spacing:0px}
.lg-poll-results .answer-total-votes{color:#555555; font-size:11px; padding-left:5px;}

.lg-poll-results .result-title{text-align:left; color:white; font-size:15px; font-weight:bold; text-transform:uppercase;margin-bottom:15px;}
.poll-total-votes{color:#555555; padding-left:6px; margin-bottom:15px;}
#lg-poll-365 .hiddenFields{color:#990000;}


 /******************************************************
 MOBILE
*******************************************************/
  .mob-poster-over {
    background-image:url("imgs/UI/bcks/mi-play.png");
    cursor:pointer;
    display:block;
    left:0;
    margin:5px;
    position:absolute;
    top:0;
    z-index:2;}
    
    .imgmobteaser{
    	float: left;
    	margin: 0;
    	margin:17px 0px 15px 22px;
    	overflow: hidden;
    	position: relative;
    	width:150px; }
	

  	.imgmobteaser a{
  		float: left;
  		text-decoration: none; }
   
 
		.imgmobteaser a img{
			border: none;
			border:5px solid #000;
			margin: 0px;
			padding: 0px; }
    
  
  

 /******************************************************
 Countdown
*******************************************************/    
	
	#countdown{
	position: relative;
	height: 230px;
	overflow: hidden;}
	
	#countdowntimer{
	background: url('http://www.omniplex.ie/imgs/UI/bcks/countdownbck.png');
    margin-right: 30px;
    position: relative;
    text-transform: uppercase;
    padding: 10px 20px;
    top:-100px;
    left: 500px;
	}
	#countdowntime{color: white;  font-size: 30px; padding: 0px; margin: 0px;}
	#countdowntxt{font-size: 12px; color:red; padding: 0px; margin: 0px;}}
	
	
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 99999;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
        border:5px solid black;

		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		
	
	#signupletter h1{font-size: 30px; color: black; padding: 10px 0;}
	
	#signupletter #subForm{color:black;}
	
	#signupletter #closebtn{color:black; font-size: 14px; text-transform: uppercase; text-decoration: none; padding: 10px 5px;}

         #signupletter .cat{text-transform:uppercase; padding-left:55px; font-size: 12px;}
	     #signupletter label{font-size: 13px; text-transform: uppercase;}
	     #signupletter .box{width:500px; padding:10px; background:#D1D1D1; border:1px solid white; color:black; font-size:16px;}
	     #signupletter .checkbox{margin-left:30px; float:left;}
	     #signupletter .lbltitle{margin-top:10px;}
         #signupletter .subscribe{
            background: url("http://www.omniplex.ie/imgs/UI/buts/signup.png") repeat scroll 0 0 transparent;
            border: medium none;
            display: block;
            height: 37px;
            margin-top: 20px;
            text-indent: -9999px;
            width: 122px;
            cursor:pointer;}