/************************************************ 
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:#0047B2;
	background-image:url(../imgs/UI/bcks/hdr_bck.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase; 
	height:22px;
	margin:8px 0px 0px 0px;
	padding:8px 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 15px 22px;
	overflow: hidden;
	position: relative;
	width:150px; }
	
.imgteaserHP{
	float: left;
	margin: 0;
	margin:5px 0px 0px 23px;
	overflow: hidden;
	position: relative;
	width:150px; }
 
	.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;
			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: 1.2em;
	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}
 
/*****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;
	height:21px;
	font-size: 12px;
	padding:8px 20px 2px 10px;
	display:block;
	text-decoration:none;
}
 
#sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a {
	color:#FF0;
	background: url(../imgs/UI/bcks/sidebar_bck.jpg);
}

#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:284px;}
	
#cinemamap{}
#cinelist{ font-size:12px; line-height:22px; 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;}