/************************************************ 
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:150px; }
 
.imgteaser_title {
	color:#FFF;
	font-size: 1.2em;
	font-weight:bold;
	padding-left:5px; }
 
.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 .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:12px;
	padding:4px 6px 3px 10px; }
 
.times {
	color:#fff;
	font-size:13px;
	padding-left:10px;
	text-align:left;
	line-height:18px;
	width:235px; }
 
.title_sched a {
	color:#FF0;
	font-size:15px;
	padding:4px 6px 3px 10px;
	text-align:left;
	width:210px; }
 
	.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: 92px;
	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; }


/*Selects*/
div.selectbox-wrapper {
  position:absolute;
  width:218px;
  background-color:white;
  border:1px solid #D60000;
  margin:0px;
  margin-left:3px;
  margin-top:-10px;
  padding:0px;
  font-size:11px;
  text-align:left;
  max-height:170px;
  overflow:auto;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  background-color:#4B0000;
  color:#FFF;
  text-transform:uppercase;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #220000;
  color:#fff;
  font-weight:bold;

}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:3px;
  padding-left:5px;
  cursor:pointer;
}

label {
    display: block;
}
.selectbox /* look&fell of  select box*/
{
  margin:5px 5px 5px 5px;
  padding:4px 4px 4px 4px;
  background-color:#4B0000;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  width : 305px; 
  height:22px;
  text-align:left;
  text-transform:uppercase;
  /*height:18px;*/
  cursor: pointer;
  border:none;
  color:#fff;
}

option{ padding:3px;}

.no_selection{ padding-left:10px; color:#820000; font-size:11px; text-transform:uppercase; font-weight:bold;}



/************************************************ 
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 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;}

 #col3{background-image:none;}

 
 /*** Cinema Map Box END****/