/* 
 * entertainment.ie ✰ PJ2012 Theme 
 *
 * Design by Francesco Aloisio | entertainment.ie
 * CSS and HTML by Lisa Westermann | fusio.net.
 * 
 */


/*** NAVIGATION MENU -------------------------------------------------------------------------------------------------- ***/
/** Dropdown Menu **/
#menu .menu { background:rgba(33,33,33,0.97); /*-pie-background:rgba(33,33,33,0.97); behavior:url(/css/PIE.htc);*/ border:1px solid #1b1b1b; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow:#182025 0 2px 5px; -moz-box-shadow:#182025 0 2px 5px; box-shadow:#182025 0 2px 5px; color: #fff; display:none; font-family:Helvetica,Arial,sans-serif; font-size:0.9em; font-weight:normal; height:400px; right:10px; overflow:hidden; padding:0; position:absolute !important; text-align:left; top:42px; width:960px; z-index:9998; }

/*=====================================*/
/* TV Channels                         */
/*=====================================*/
#listingsdetails div.singlebox { position: relative;}

.later strong { font-size:1em; padding:0 0; }

#nownext p a{ color: #000;}
#nownext td:hover { background-color: #eee; }
.nownext a{color: #fff;}

.tvlistings  p span.details{font-size:0.644em;font-weight:normal;line-height: 1.35em;}
.tvlistings  p span.details:hover{ text-decoration: underline;}
.tvlistings  p span.readmore{ background: none repeat scroll 0 0 #FF6600; color: #fff; font-size: 0.644em;text-align: center;padding: 0 5px;margin-left:5px;white-space: nowrap;}
.tvlistings  li:hover{ background-color: #eee; }

.tv .featurelist li strong span {width: auto;}
.tv .featurelist img.square-padded {float: left;padding:0 60px;background-color:#eee;}

.tv .small {font-size:0.7em;}

/*=====================================*/
/* Gossip                              */
/*=====================================*/
.newslist li span.gallery { color:#404040; display:block; float:right; font-size:0.9em; font-weight:normal; padding-top:2px; }
.newslist li span.gallery span { background:url(../images/icons/icns-bw.png) no-repeat -198px -79px; display:inline-block; height:13px; margin-left:3px; vertical-align:middle; width:17px; }

/*=====================================*/
/* Music                               */
/*=====================================*/
a.bookTickets { background: url(../images/icons/bookTickets-small.png) no-repeat scroll left top transparent; display: block; height: 27px; margin: 15px 0 0 90px; width: 75px; }
a.bookTickets:hover { background-position: left -29px; }
span.bookTicketsWrap {display:block;margin-left:40px;}

.music a.btn2:link, .music a.btn2:visited, .comedy a.btn2:link, .comedy a.btn2:visited, .theatre a.btn2:link, .theatre a.btn2:visited, .events a.btn2:link, .events a.btn2:visited, .tickets a.btn2:link, .tickets a.btn2:visited {display:inline-block; }

.widecol .movielist.gigs li span.date {top: 195px;}
/*.music .albums li {  min-height: 490px;} BROKE THE ALBUM REVIEWS LISTING ON THE MUSIC HP */

/*=====================================*/
/* Comedy                              */
/*=====================================*/
.comedy .newslist li p { margin-left:140px; }

/*=====================================*/
/* Banner Adverts                      */
/*=====================================*/
.leaderboard{float:left;display:inline;width:728px;}
.halfboard{float:right;display:inline;}
.mpu { margin-bottom:20px;text-align:center; }
.inlinempu { border: solid 1px #999; margin: 0 15px 5px 0; float: left; }
.banner {z-index:20;}
.banner object {z-index:20;}

/** change to movie listing **/
.movielist li { width:300px; }

/* Paging */
.paginglinks strong, .paginglinks a { margin:0 2px; }

/* Images */
.cssImageMarginForLongTitle { margin-bottom:20px; }
.cssImgIsARectangle140x84 { margin-right:10px;padding:0; }
.cssImgIsASquare84x84 { margin-right:10px;padding-left:28px;padding-right:28px;padding-bottom:0px;padding-top:0px;background-color:#eee; }
.cssImgIsARectangle300x180 { margin-right:10px;padding:0; }
.cssImgIsASquare180x180 { margin-right:10px;padding-left:60px;padding-right:60px;padding-bottom:0px;padding-top:0px;background-color:#eee; }
.cssImgIsARectangle75x45 { margin-right:5px;padding:0; }
.cssImgIsASquare45x45 { margin-right:10px;padding-left:15px;padding-right:15px;padding-bottom:0px;padding-top:0px;background-color:#eee; }

/* Movie times table, bold for second row of Today times */
#listingsdetails tr.today td { font-weight:bold; }

/* Movie News, and any news listings */
.newslist li h3 img { float: left; margin: 4px 20px 0 0; padding: 0; }

.newslist li h3 img.square-padded { float: left; padding: 0px 50px; background-color:#eee; }
.newslist li h3 img.photo140-padded { float: left; padding: 0px 40px; background-color:#eee; }

/* Movie Reviews, css for search form changes */
#reviewsearch form#moviereviews li.searchfield { float:right; width:587px; }
#reviewsearch form#moviereviews li.searchfield input { background:none; background-color:#fff; color:#999; float:left; margin:0; }
#reviewsearch form#moviereviews li.searchfield button { background:url(../images/search.png) no-repeat 0 0; color:#999; float:left; margin:0; }
#reviewsearch form#moviereviews li.searchfield input { border:1px solid #ccc; border-right:0; font-size:1.2em; font-style:italic; height:26px; line-height:26px; padding:0 0 0 5px; vertical-align:middle; width:543px; }
#reviewsearch form#moviereviews li.searchfield input:focus { /*background-position:0 -28px;*/ background-color:#eee; border-color:#aaa; }
#reviewsearch form#moviereviews li.searchfield button { background-position:100% 0; border:none; cursor:pointer; height:28px; padding:0; text-indent:-9999px; width:31px; }
#reviewsearch form#moviereviews li.searchfield button:focus { background-position:100% -28px; border:none; }


.fake { background: transparent url(../images/watermark-draft.png) no-repeat -50px -30px; }

.singlebox a.cinemaTitleLink, .singlebox .cinemaTitleLink { color:#fff; }

.featurelist p.intro, .movielist p.intro { display:block;text-decoration:none;text-align:justify; }
.featurelist p.intro a, .featurelist p.intro a:active, .featurelist p.intro a:hover,
.movielist p.intro a, .movielist p.intro a:active, .movielist p.intro a:hover { text-decoration:none; }
.featurelist p.intro:hover a, .movielist p.intro:hover a { /*background-color:#eee;color:#aaa;*/text-decoration:underline; }

.tooltip { display:none; background:url(../images/tooltipLeft.png) no-repeat; height:167px; padding:35px 30px 40px 35px; width:405px; position:relative; z-index:9999;}

/*.errormessage {color:#000;font-size:2em;font-weight:bold;}*/



.trailerlist span.rank { height: 15px; }
.trailerlist span.rank .starpreview { background-position: 0 -275px;color: #f0a009;font-size: 12px;font-weight: bold;margin-bottom: -5px;padding-bottom: 0;padding-left: 3px;text-indent: 0 }

.movielist span.rank .starpreview { background-position: 0 -275px;color: #f0a009;font-size: 12px;font-weight: bold;margin-bottom: -5px;padding-bottom: 0;padding-left: 3px;text-indent: 0 }

.NoViewCounter {color:#ff6600; display:inline-block; margin: -1px 3px 1px 0!important; padding:0 7px 0 15px !important; background:url(../images/icons/icns-bw.png) no-repeat -850px -81px  !important;}

.movielist li.reviews  { min-height:90px; }
.movielist li .tip span.emptyrating { background:none; float:left; height:12px; margin:2px 10px 0 0; text-indent:-9999px; width:63px; }
.movielist li .tooltip span.emptyrating { background:none; height:19px; float:right; text-indent:-9999px; width:105px; }

/* Most Popular reviews, film title + cert + rating 
.featurelist li a.mostpopular { display:block;width:300px; }*/
.featurelist li a.mostpopular strong { position:relative;display:block;width:300px;min-height:25px;padding-bottom:2px; }
.featurelist li a.mostpopular strong i { /*position:absolute;top:2px;left:0px;*/display:inline-block;width:200px;max-width:200px;min-width:200px;height:auto;/*height:23px;max-height:23px;*/overflow:hidden;white-space:pre-line;font-style:normal; }
.featurelist li a.mostpopular strong span.rank { /*position:absolute;top:2px;right:0px;*/float:right;display:block;margin-top:0px;padding-top:2px;width:92px; }
.featurelist li a.mostpopular strong span.rank span.rating { float:right; }
	
.movielist li .tip span.emptycert { background:none; float:left; height:18px; padding-right:10px; text-indent:-9999px; width:18px; }
.movielist li .tooltip span.emptycert { background:none; float:left; height:20px; padding-right:10px; text-indent:-9999px; width:20px; }

.movielist li .tip span.preview { background:none; float:left; height:12px; margin:2px 10px 0 0; width:63px; font-size: 12px; color: #f0a009; font-weight: bold; }
.movielist li .tooltip span.preview { background:none; float:right; height:20px; padding-right:10px; width:20px; font-size: 16px; color: #f0a009; font-weight: bold; }
.movielist li a span.preview { background:none; float:left; height:12px; padding-right:0px; width:63px; font-size: 12px; color: #f0a009; font-weight: bold; }

.movielist li.movietip { position:relative;display:block;min-height:35px; }
.movielist li.movietip .tooltip { position:absolute;display:none;left:220px;top:-90px; }

/* Film Classifications (large) */
h3 span.classu { background-position:-190px -0px; }
h3 span.class15pg { background-position:-190px -75px; }

/* Film Classifications (small) */
span.classgu { background-position:-190px -150px; }
span.class15pg { background-position:-190px -210px; }

/* Images gallery pagination  */
.photos .post-nav li a:link, .photos .post-nav li a:visited { height: 100px; padding: 10px; }

/* Links for Most Viewed Albums widget (to avoid blue and orange links) */

.sidegallery li a, .sidegallery li a:active, .sidegallery li a:visited  { color: white; text-decoration: none; }
.sidegallery li a:hover   { color: white; text-decoration: underline; }


/* Paging */

.video .pagingprev span, .video .pagingnext span { background:url(../images/buttons.png) repeat-x 0 -470px #333; }
.video a.btnblack2:hover, .video a.btnblack2:active, .video a.btnblack2:focus { background-position:0 -350px; text-decoration:none; }

/** Video Landing Page =~ line 214 in screen.css **/
/** Headings for video landing page and search page **/
.video .videolist h3 { border-bottom:1px solid #a3a3a3; color:#ccc; font-family:'Open Sans'; font-size:0.85em; font-weight:bold; margin-bottom:10px; padding-bottom:3px; }
.video h2 strong span { display:inline; font-family:'Open Sans'; font-size:0.9em; font-weight:normal; margin-bottom:10px; } 
.video .videolist li.noresult {
    float: left; font-size: 0.85em; line-height: 1.5; margin: 0px; position: relative; width: 620px; font-weight:bold; }
.video .trailerlist li.noresult {
    float: left; font-size: 0.85em; line-height: 1.5; margin: 0px; position: relative; width: 620px; font-weight:bold; }
.video div#showcomments li.talk h4 img {background:#fff}
.video div#showcomments li.talk h4 a {color:#0099CC;}
.video #panel-form label { color: #fff; }
.video #panel-logins h3 { color: #fff; }

/** Changes for uLike MENU**/
.ulike .maincol h1 { font-size:1.8em; font-weight:bold; margin:2px 0 12px; }
.ulike .maincol h2, h2.orange { background:url(../images/h-line.gif) repeat-x 0 50%; font-family:'Open Sans'; font-size:1.6em; font-weight:bold; margin-bottom:10px; }
.ulike .maincol h2 strong, h2.orange strong { background:#fff; padding-right:10px; }
h2.orange {margin-right:30px;font-size:1.2em;}

.ulike .rightcol .smallmenu { width:100%;padding-top:5px;}
.ulike .rightcol .smallmenu a { font-size:0.85em; font-weight:bold; color:#222;}

.ulike .widecol { width:978px;margin-left:-20px;margin-bottom:0px; padding-bottom:0px; }
.ulike .widecol .lightBgSort { margin-bottom:0px; padding-bottom:0px; }
.ulike .widecol .lightBgSort .tabs { margin-left:120px; font-size:1.1em; height:38px; }
.ulike .widecol .lightBgSort .tabs li { height:23px; }	
.ulike .widecol .lightBgSort .tabs li a.current:link, .ulike .widecol .lightBgSort .tabs li a.current:visited { min-width: 160px ; padding: 11px 10px 0 10px;	background-image:none; background-color:#222; text-decoration:none; }	
.ulike .widecol .lightBgSort .tabs li a:link, .ulike .widecol .lightBgSort .tabs li a:visited { min-width: 160px ;	padding: 11px 10px 0 10px ; text-decoration:none;}
.ulike .widecol .lightBgSort .tabs li a:hover {background:#ff6600; text-decoration:none;}
.ulike .widecol .lightBgSort .tabs li.first { margin-left:50px; }	 	

/*Black line below*/
.ulike .widecol .lightBgSort .order{ background:#222; margin:0px; padding:0px; height:5px; text-align:center; }
#cont { border:0px;margin-bottom:0px;}
#foot { border:0px;margin-top:0px;margin-bottom:0px;z-index:2;position:relative;}

/*=====================================*/
/* Events Details                      */
/*=====================================*/
#eventsDetails .leftcol .info, #eventsDetails .midcol .info  { min-height:130px; border-bottom:none;}
#eventsDetails .moviedetails {   border-top: 1px solid #E0E0E0; padding-top:10px; margin-bottom:10px;}
#eventsDetails h3 {font-size:1.2em;  margin-bottom: 0.65em; }
#eventsDetails h3 span.rating { margin: -2px 0 0;}
#eventsDetails li { display:inline-block;}
#eventsDetails li img { height:100px;width:100px;padding-right:5px;float:left;}
#eventsDetails li p a:link{ color:#fff;}



/*=====================================*/
/* End of events Details               */
/*=====================================*/
/*=====================================*/
/* Widgets			                   */
/*=====================================*/

.panes li a{ margin-top:8px;	}

/*=====================================*/
/* Widget					           */
/*=====================================*/


/*###################################################################################
Ex Francesco.css Below
###################################################################################*/

#reviewsearch form ul { border:none;} /*Remove think line coming from nowhere on the movie reviews Search Box*/
#reviewsearch li a:hover {text-decoration:none; background-color:#ccc;} /* Explanation goes here*/

/* Let's try with some gradient on the buttons. Obviously this !importants will have to be removed* UPDATE** My crappy gradients with the important hacks are causing a lot of shit around the site. I'm commenting them for the time being. Will need to put the gradient styles inside screen.css to replace the flat colour button in cinema and other sections.*/
/*
.btns a:link{
font-family: 'Open Sans';
background: #4c4a4c !important; * Old browsers *
background: -moz-linear-gradient(top,  #4c4a4c 2%, #343233 4%, #1b1a1b 100%) !important; * FF3.6+ *
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#4c4a4c), color-stop(4%,#343233), color-stop(100%,#1b1a1b)) !important; * Chrome,Safari4+ *
background: -webkit-linear-gradient(top,  #4c4a4c 2%,#343233 4%,#1b1a1b 100%)!important; * Chrome10+,Safari5.1+ *
background: -o-linear-gradient(top,  #4c4a4c 2%,#343233 4%,#1b1a1b 100%)!important; * Opera 11.10+ *
background: -ms-linear-gradient(top,  #4c4a4c 2%,#343233 4%,#1b1a1b 100%)!important; * IE10+ *
background: linear-gradient(top,  #4c4a4c 2%,#343233 4%,#1b1a1b 100%)!important; * W3C *
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4a4c', endColorstr='#1b1a1b',GradientType=0 )!important; * IE6-9 *
border:1px solid #111; } 

.btns a:hover{ background: #6c6669; * Old browsers *
border:1px solid #555;
background: -moz-linear-gradient(top,  #6c6669 2%, #5f5b5c 4%, #363435 100%) !important; * FF3.6+ *
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#6c6669), color-stop(4%,#5f5b5c), color-stop(100%,#363435)) !important;; * Chrome,Safari4+ *
background: -webkit-linear-gradient(top,  #6c6669 2%,#5f5b5c 4%,#363435 100%) !important;; * Chrome10+,Safari5.1+ *
background: -o-linear-gradient(top,  #6c6669 2%,#5f5b5c 4%,#363435 100%) !important;; * Opera 11.10+ *
background: -ms-linear-gradient(top,  #6c6669 2%,#5f5b5c 4%,#363435 100%) !important;; * IE10+ *
background: linear-gradient(top,  #6c6669 2%,#5f5b5c 4%,#363435 100%) !important;; * W3C *
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6669', endColorstr='#363435',GradientType=0 ) !important;; * IE6-9 *
text-decoration:none; }*/ 

/* Underline the "buttons" doesn't make them very "buttons" Change background Colour and remove underline on hover*/

/*###################################################################################
Tabs on a light background and with sorting/filtering dropdowns below.
###################################################################################*/

/*Tabs*/
.lightBgSort {  }
.lightBgSort .tabs { font-size:1.1em; height:38px; }
.lightBgSort .tabs li { height:23px; }	
.lightBgSort .tabs li a.current:link, .lightBgSort .tabs li a.current:visited {width: 140px; padding: 11px 10px 0 10px;	background-image:none; background-color:#222; text-decoration:none; }	
.lightBgSort .tabs li a:link, .lightBgSort  .tabs li a:visited { padding: 11px 10px 0 10px ; width: 140px ;	text-decoration:none;}
.lightBgSort .tabs li a:hover {background:#ff6600; text-decoration:none;} 	

/*Filtering/sorting Dropdowns below*/
.lightBgSort .order{ background:#222; padding:8px; text-align:center; }
.lightBgSort .order label {color:#fff;}	
.lightBgSort .order select { background-color: #edeced; color:#000;}
.lightBgSort .order input, .lightBgSort .order select {font-size: .8em; padding:5px;margin:auto 4px;}	

/*###################################################################################
End of Ex Francesco.css (still appearing on all pages. Ideally the francesco.css should be removed.
###################################################################################*/


/** Most Viewed Widget - Photos panel **/
#mostviewed .panes .photos li { border-top:0; clear:none; float:left; margin-right:0; padding-right:6px; width:90px; }
#mostviewed .panes .photos li img { display:block; float:none; padding:0; }

/****** Movie Show Widget **********/
.cinema .movielist li, .tv .movielist li { position: relative; }
.cinema .movielist li a em, .tv .movielist li a em { background: url("/images/play-small.png") no-repeat scroll 0 0 transparent; display: block; height: 35px; left: 55px; position: absolute; text-indent: -9999px; top: 35px; width: 28px; z-index: 10; }


/* Cinema Movie Exclusives fixes */
.cinema .featurelist li { border-bottom:2px dotted #000; display:inline-block; padding-bottom:12px; margin-bottom:20px; width:300px; }
.cinema .featurelist li.odd { margin-right:20px; float:left; }
.cinema .featurelist li a:link, .cinema .featurelist li a:visited { color:#000; }
.cinema .featurelist li strong { font-size:1.15em; padding:3px 0 7px;  }
.cinema .featurelist.albums li strong { display:inline; float:left; }
.cinema .featurelist.albums li span.rating { float:right; margin-top:7px; }
.cinema .featurelist li p { border-color:#ddd; color:#000; margin-bottom:0; }
.cinema .featurelist li span.stats { color:#000; }
.cinema .featurelist li span.stats span { background:url(../images/icons/icns-bw.png) no-repeat -150px -79px; }
.cinema .featurelist li span.stats span:first-child { background-position:-100px -79px; margin:0; padding-right:3px; }

.cinema .featurelist.gigs li { padding-top:0; }
.cinema .featurelist.gigs li strong { font-size:1.15em; padding:3px 0 0;  }

.cinema .movielist li a:link, .cinema .movielist li a:visited { color:#000; }
.cinema .movielist li span.stats { color:#000; }
.cinema .movielist li span.stats span { background:url(../images/icons/icns-bw.png) no-repeat -150px -79px;}
.cinema .movielist li span.stats span:first-child { background-position:-100px -79px; margin:0; padding-right:3px; }
.cinema .movielist li.odd { margin-right:20px; float:left; }

.sharing p { display: inline; float: right; font-size: 0.85em; margin: 0; padding-top: 2px; white-space: nowrap; }

.restaurant .widecol { display:inline-block; width:940px; }
.restaurant .widecol:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.restaurant .widecol #largeMap { width:940px; height:483px; }
.restaurant .rightcol #smallMap { width:300px; height:250px; }

#nearby {margin-bottom:20px;}
#other {margin-bottom:20px;}

/* Carousel Slider */
a#submitRestaurant { z-index:20; background:url(http://entertainment.ie/images/restaurantSection/suggestRestaurant2.png) no-repeat top left; width:100px;	height:41px; top:0; right:0; text-indent:-9999px; font-size:0px; position:absolute; }
a#submitRestaurant:hover { background-position:0 -42px;	}

/* Carousel for restaurants */
#carousel4restaurants, #placeholder { display:block; width:620px; position:relative; height:250px; float:left; border:1px solid #ddd; margin:5px 0 0 0; overflow:hidden; }	
#carousel4restaurants { margin-bottom:15px; }
#carousel4restaurants:after, #placeholder:after { content: "."; display: block; height:0; clear: both; visibility: hidden; width: 620px; }

#slider ul, #slider li{ margin:0; padding:0; list-style:none; position:relative; }
#slider li { width:620px; height:250px; overflow:hidden; }	
#slider li h4{ background:url(http://entertainment.ie/images/newMusicSection/transparentBlack.png); position:absolute; bottom:-10px; left:0; font-size:1.3em; color:#999; width:610px; padding:10px 0 10px 10px; display:block; }
#slider li h4 a{ color:#999; }
#slider li h4 strong{ color:#fff; }
	/* numeric controls */	

ol#controls{ position:absolute; bottom:0; right:0; list-style-type:none; margin:0; padding:0; margin:9px auto; width:132px; }
ol#controls li{ float:left; margin:0 5px; }
ol#controls li a{ display:block; width:12px; padding-top:14px; height:0; overflow:hidden; background-image:url(http://entertainment.ie/images/newMusicSection/pagination.png); background-position:0 0; background-repeat:no-repeat; }
ol#controls li.current a { background-position:0 -13px; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Carousel */

/*Submit Restaurant Form*/
h2#heading2  { font-size:28px; color:#00638F; margin:8px auto 5px auto; text-align:center; 
	}
#suggestRestaurant { background: url(http://entertainment.ie/images/restaurantSection/skyBg.jpg) top left repeat-x; width:470px; min-height:280px; overflow:auto; text-align:left; }

#suggestRestaurant fieldset  { border:1px solid #ddd; background:url(http://entertainment.ie/images/restaurantSection/white50Bg.png); margin:20px;

}
#suggestRestaurant fieldset legend { font-size:18px; 
	}

#suggestRestaurant fieldset label { display:inline-block; line-height:1.8; vertical-align:top; width:140px; }
#suggestRestaurant fieldset label.sectionHeading { width:300px; font-style:italic; }	
	
#suggestRestaurant ul { list-style-type:none; margin:10px; padding:0; font-size:18px; }
#suggestRestaurant ul li { margin:8px 5px; }
#star-rating ul li { margin:0; }

#suggestRestaurant input { font-size:18px; }

button.submit  { margin:12px 0 0 140px; border:none; background: url(http://entertainment.ie/images/restaurantSection/submit.png) no-repeat right top ; display:block; font-size:0; text-indent:-9999; cursor:pointer; height:26px; padding:0; text-indent:-9999px; width:73px; }
button.submit:hover  { background-position:left -25px; }
	
#menus .content { font-weight:normal; text-align:left; }
#menus li.product { border-bottom:1px solid #acacac; }
#menus ul li.title { position:relative;cursor: pointer; }
#menus .title span.arrow { background: url("http://entertainment.ie/images/restaurantSection/expandArrow.png") no-repeat scroll 0 0 transparent; display: inline-block; float: left; height: 10px; left: 4px; position: absolute; top: 15px; width: 13px; margin-right:5px; }
#menus .title span.active { background-position: 0 -11px; }
	

/*###################################################################################
Fixes for tooltip on the homePage
###################################################################################*/	

/* Home Page Tooltip */
.home .tooltip {background:url(../images/tooltip-left-arrow.png) no-repeat 0 50%; color:#000; height:auto; padding:0 0 0 14px; width:340px; position:relative; z-index:100;}
.home .tooltip div { background:#fff; display:inline-block; padding:16px 15px; width:310px;}
.home .tooltip div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.home .tooltip h3 { border-bottom:1px solid #ccc; color:#000; font-size:1.4em; font-weight:bold; margin-bottom:0; width:300px; }
.home .tooltip h3 a:link, .home .tooltip h3 a:visited { color:#000; }
.home .tooltip p { margin-bottom:10px; }
.home .tooltip div div { border-left:2px dotted #ddd; float:right; color:#333; font-size:0.85em; line-height:1.5; padding:8px 0 8px 10px; width:150px; }
.home .tooltip div div strong { font-size: 1em; }
.home .tooltip div a.btn { float:left; font-family:'Open Sans'; font-size:1.2em; margin-top:10px; }
	
/****** Trailers filter widget **********/
.trailerlist span.class {margin-top: -1px;}	

h3 span.class15 { background-position:-190px -75px; }
span.class15 { background-position:-190px -210px; }

h3 span.classtbc { background:none }
span.classtbc { background:none; }

/****** Go See Tailers Widget ***********/
.gosee { background:#fff; display:inline-block; margin-bottom:10px; padding:0; width:300px; }
.gosee:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.gosee h2 { margin-bottom:10px; }
.gosee h2 strong { background:#fff; }
.gosee ul { display:inline-block; width:300px; }
.gosee ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.gosee li { float:left; font-size:0.86em; line-height:12px; padding:0 0 12px 15px ; width:90px; }
.gosee li:first-child { padding-left:0;}
.gosee li img { float:left; }
.gosee span.rank { background:#111; float:left; margin-bottom:6px; padding:2px; width:86px; }
.gosee span.class { float:right; margin-top: -3px; padding-right:0; }
.gosee a:link, .gosee a:visited { color:#000; }
.gosee span.rank { height: 15px; }
.gosee span.rank .starpreview { background-position: 0 -275px;color: #f0a009;font-size: 12px;font-weight: bold;margin-bottom: -5px;padding-bottom: 0;padding-left: 3px;text-indent: 0 }

/***** Lazy image jquery *****************/
.lazy {display: none;}

.home .rightcol .movielist li span.label { background:url(../images/labels.png) no-repeat 100% -160px; color:#fff; display:block; font-family:'Open Sans'; font-size:0.9em; font-style:normal; font-weight:bold; height:23px; left:-5px; padding:0 10px 0 0; position:absolute; top:90px; }
.home .rightcol .movielist li:first-child span.label { top:80px; }
.home .rightcol .movielist li span.label span { background:url(../images/labels.png) no-repeat 0 -160px; display:block; height:18px; padding:2px 6px 4px 11px; }

/***** EVENTS RHS advanced search *****************/

.music #listingsearch input, .comedy #listingsearch input, .theatre #listingsearch input, .events #listingsearch input, .tickets #listingsearch input {font-size:.9em; }
.music #listingsearch select, .comedy #listingsearch select, .theatre #listingsearch select, .events #listingsearch select, .tickets #listingsearch select {padding:5px 7px; }
.music #listingsearch .smallLabel, .comedy #listingsearch .smallLabel, .theatre #listingsearch .smallLabel, .events #listingsearch .smallLabel, .tickets #listingsearch .smallLabel{ width:45px; float:left;}

/*.music #listingsearch, .comedy #listingsearch, .theatre #listingsearch, .events #listingsearch, .tickets #listingsearch{ height:auto; min-height:230px; }*/
div #listingsearch{ height:auto; min-height:230px; }

.eventdetails #listingsearch .horline, .comedy #listingsearch .horline, .theatre #listingsearch .horline, .events #listingsearch .horline, .tickets #listingsearch .horline { margin-top:4px; border-bottom: 1px solid #a3a3a3; height:1px; width: 100%; }
.eventdetails #listingsearch .horline a, .comedy #listingsearch .horline a, .theatre #listingsearch .horline a, .events #listingsearch .horline a, .tickets #listingsearch .horline a{	background:#212121;	float: right; margin-top: -7px; padding-left: 6px; color:#a3a3a3; }
.eventdetails #listingsearch .horline a:hover, .comedy #listingsearch .horline a:hover, .theatre #listingsearch .horline a:hover, .events #listingsearch .horline a:hover, .tickets #listingsearch .horline a:hover{color:#ff6600;}

#advanced-search { margin:15px 0; display:none;}
#advanced-search #search-by-date {float:right; }
#advanced-search #search-by-date select {font-size:.7em; width:55px;} 
#advanced-search #search-by-date select.month {width:70px;} 
#advanced-search #search-by-date select.day {width:55px;}
#advanced-search span.icns a{background:url(../images/icons/icns-colour.png) no-repeat scroll -154px -231px transparent; display:inline-block; height:24px; vertical-align:middle; width:26px; margin:0; }
#advanced-search a.icncal{background-position:-153px -228px;margin-top:-3px;width:26px;}

/* fix channel title in article */
div.maincol h1 img {float: left;vertical-align:middle;padding-right:7px;}

/* NowShowing hidden by deafault in article (movie reviews) */
#NowShowing {display:none;padding-bottom:10px;}
#NowShowing ul{ border-bottom:1px solid #E0E0E0;  }
#NowShowing li {float:left;  margin: 5px 10px 5px 0; width: 195px;}




/*********** footer copyright *************/
#f-copyright { border-top: 1px solid #4F4F4F; clear: both; color: #eee; font-size: 0.75em; padding: 23px 0 8px; }

/*********** footer copyright *************/


/**************** BEGIN SHOW COMMENTS CSS ******************************/

/** Comments **/
#showcomments { padding:20px 0; }
#showcomments ul { margin-bottom:20px; }
#showcomments li { border-bottom:1px solid #ccc; display:inline-block; padding:10px 0; width:620px; }
#showcomments li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#showcomments li h4 { font-weight:bold; margin-bottom:8px; }
#showcomments li h4 a:link, #showcomments li h4 a:visited { color:#222; }
.music #showcomments li h4 a:link, .music #showcomments li h4 a:visited {color:#09c;}
.tickets #showcomments li h4 a:link, .tickets #showcomments li h4 a:visited {color:#09c;}
#showcomments li h4 img { float:left; margin-right:10px; }
#showcomments li p { font-size:0.9em; margin:0 0 8px 50px; }
#showcomments li div { color:#999; float:left; font-size:0.85em; margin-left:50px; }
#showcomments li div.reply { float:right; }
#showcomments li div.reply a.btngrey2 { color:#555; font-weight:bold; line-height:20px; }
#showcomments h3 { color:#999; font-weight:bold; margin-bottom:10px; }
#comment-logins { margin-bottom:15px; }
#comment-logins a { margin-right:20px; }
#comment-form { position:relative; }
#comment-form textarea { background:#fff; border:1px solid #ccc; margin-bottom:15px; min-height:10em; padding:5px; width:620px; }
#comment-form input[type=submit] { background:url(/images/buttons.png) repeat-x 0 -80px; border:0; color:#666; display:inline-block; float:right; font-family:'Open Sans',Helvetica,Arial; font-size:1.35em; font-weight:bold; padding:4px 25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ }
#comment-form input:hover { background-position:0 -120px; }
#comment-form label { color:#888; float:left; font-size:0.9em; font-weight:bold; }
/*#facebook { margin-bottom:20px; }*/
#showcomments form p { margin-bottom:10px; }
#showcomments form p img { float:left; margin-right:10px; }
#showcomments form p strong { font-size:1.1em; font-weight:bold; }
#showcomments form p em { color:#666; font-size:0.9em; font-style:italic; }
#panel-logins { width:608px;margin-bottom:15px; }
#panel-logins h3 { font-size:1.2em;color:#2e2e2e; font-weight:bold; margin-bottom:10px; }
#panel-logins h3 a { display:inline; padding-top:3px; }
#panel-form { position:relative; }
#panel-form div { max-width:608px;margin:0px; padding:0px; }
#panel-form label { display: block; min-width: 120px; color:#2e2e2e; float:left; font-size:0.9em; font-weight:bold; padding-top: 5px;}
#panel-form input { background:#fff; border:1px solid #ccc; margin-bottom:15px; min-height:1.5em; padding:5px; width:208px; }
#panel-form input:hover { background: #fff; border: 1px solid #2e2e2e; }
#panel-logins #panel-form input.button {	float:left;display:inline-block;margin-left:120px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font-size:1em;font-family:'Open Sans';padding: 4px 10px 4px 10px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); /*behavior:url(/css/PIE.htc);*/ }
#panel-logins #panel-form input.button:hover {	text-decoration: none; }
#panel-logins #panel-form input.button:active { position: relative; top: 1px; }
#panel-logins #panel-form input.orange  {  background: url("../images/buttons.png") repeat-x scroll center top transparent;  border: 0 none;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; /*behavior:url(/css/PIE.htc);*/ color: #fff;  display: inline-block;  font-family: 'Open Sans';  font-size: 1.2em;  font-weight: bold;  padding: 5px 20px;  max-width:120px; }
#panel-logins #panel-form input.orange:hover, #panel-logins #panel-form input.orange:active {background-position: 0 -40px;}
#panel-form a { margin-left:20px;font-size:0.85em; }
.disclaimer { margin-top:25px;clear: left; }
.disclaimer h3 { color:#999; font-weight:bold; margin-bottom:10px; }
.disclaimer p {  font-size:0.9em; }


.moretv {font-size:0.6em;color:#0066CC;font-weight:normal;}

/**************** END SHOW COMMENTS CSS ******************************/


