﻿* 
{
    /*outline-width: medium;    */
}

body 
{	
	font-family: Arial;
	color: #333333;	
}

/*needed for spiderman */
#container #content 
{
	background-color: White;
	min-height: 400px;
}

.Clear 
{
	clear: both;
}

.CenterText 
{
	text-align: center;
}

#mc 
{
	/* main container - div that contains and centres everything*/
	margin-left: auto;
	margin-right: auto;
	width: 972px;
}

#cineplex-ft,
#cineplex-h 
{
   	width: 972px;
	
	font-family: Arial,Sans-Serif;
}

#cineplex-h-topAds 
{
	/* top banner ads */
	height: 90px;
	margin: 8px 0;
	/*overflow:hidden;*/
}


#cineplex-h-ad1 
{
	float: left;	
}

#cineplex-h-ad2 
{
	float: left;
	margin-left:8px;
}

#cineplex-h-top 
{
	/*top of the header*/		
	background-image: url(../Images/Layout/bg_header_top.png);
	background-repeat:no-repeat;
	background-position: left top;
	width: 972px;
	height: 6px;
	clear: both;
}

#cineplex-h 
{
	/* header container */	
	clear: both;
	background-repeat:repeat-x;
	background-position: left top;
}

#cineplex-h img 
{
    border: 0 none;
}

#cineplex-h .Nav a,
#cineplex-h .Nav a:visited 
{
    color: #fff;
    text-decoration: none;
    border: 0 none;    
    font-size: 112.5%; /*13.5px*/
}

#cineplex-h .TopLinks a,
#cineplex-h .TopLinks a:visited 
{
    color: #fff;
    text-decoration: underline;
    border: 0 none;        
}

#cineplex-h .Right10 
{
    margin-right: 10px;
}

#cineplex-h .Top  
{
    background: #1b2943 url('../Images/Layout/bg_header_quicklinks.png') repeat-x;
    padding: 0 10px 0px 14px;
}

#cineplex-h .Top a,
#cineplex-h .Top a:visited
{
    color: #fff !important;
}

#cineplex-h .Top .Logo 
{
    float: left;
    margin-top: 7px;
    height: 70px;
}

#cineplex-h .Top .QuickLinks 
{
    width: 744px;    
    margin: 0 0 0 31px;
    float: left;    
}

#cineplex-h .Top .TopLinks 
{
    width: 100%;
    text-align: right;
    margin-bottom: 12px;    
}

#cineplex-h .TopLinks a,
#cineplex-h .TopLinks a:visited
{    
    text-decoration: underline;
    font-weight: bold;    
    margin-left: 27px;
}

#cineplex-h .TopNav 
{
    float:left;
   
}

#cineplex-h .Search
{
    float: left;
    height: 30px;
    margin-left:15px;
}

#cineplex-h-search .SearchBox 
{
    position: relative;    
    float: left;
    background: transparent url('../Images/Layout/bg_header_search.png') no-repeat;
    padding-right: 52px;
    width: 120px;    
     padding-top: 6px;
    height: 30px;
}

#cineplex-h-search label.over-apply 
{ 
    position: absolute;    
    left: 7px;    
    color: #333333;
    font-size: 116.7%; /*14px*/ 
    padding-top:2px;
}

#cineplex-h-search .SearchBox #cineplex-search-q 
{
    background: transparent;
    margin-left: 10px;
    border: 0 none;
    font-size: 116.7%; /*14px*/     
    height: 18px;
    color: #333333;   
    width: 143px;
    
}

#cineplex-h-search #cineplex-search-go 
{
    margin-left: 7px;
    border-width: 0px !important;
}

#cineplex-h .Nav 
{
    background: #415e84 url('../Images/Layout/bg_header_nav.png') repeat-x;
    clear: both;    
    min-height: 42px;    
}

#cineplex-h .Nav h2 
{    
    position: absolute;    
    top: 0;
    left: -9000px;
}

#cineplex-h .Nav ol
{
    list-style: none;
    margin: 0;
    padding: 0;  
}

#cineplex-h .Nav ol li 
{
    display: block;
    float: left;   
    height: 40px;      
    background-image: url(../Images/Layout/bg_menuSpacer.gif);  
    background-position: right top;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-right: 1px;    
}


#cineplex-h .Nav ol li a,
#cineplex-h .Nav ol li a:visited,
#cineplex-h .Nav ol li a:hover 
{	
	display: block;
    float: left;   
    height: 24px;   
	padding: 13px 9px 2px 9px;
    color: #fff;
	text-decoration: none;	
	font-weight: bold;        
}


#cineplex-h .Nav ol li a:hover 
{
	background-color: #436088;
}


#cineplex-h .Nav ol li:last-child 
{
   background-image: none;
   padding-left:9px;
}


#cineplex-h-featured 
{
    padding: 0;
    position: relative;   
}


#cineplex-h-featured h2 
{
    text-indent: -9000px;
    position:absolute;
}

#cineplex-h-featured-content ol,
#cineplex-h-featured-content ul
{
	padding: 0px;
	margin: 0px;
}

#cineplex-h-featured li 
{
    display: inline;
    padding: 0 13px 0 0;    
}


#cineplex-h-featured li a,
#cineplex-h-featured li a:visited
{
    color: #333333;
    text-decoration: underline;
}

#cineplex-h-featured .FeaturedTitleLeft 
{
    background: transparent url('../Images/Layout/bg_header_featured.png') no-repeat bottom left;
    width: 7px;
    padding: 0;
}


#cineplex-h-featured .FeaturedContentRight 
{
    background: transparent url('../Images/Layout/bg_header_featured_right.png') no-repeat bottom right;    
    width: 7px;
    padding: 0;
}

#cineplex-h-featured .FeaturedTitle
{
    background: #ebebeb;  
    border-right: 1px #fff solid;        
    padding: 6px 12px 6px 10px;
}

#cineplex-h-featured .FeaturedTitle h2 
{
    display:inline-block;
    #display: inline;
    position: relative !important;
    text-indent: 0 !important;
    margin: 0;    
    font-size: 87.5%; /*10.5px*/ 
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    white-space:nowrap;
}

.featured-content-spacer
{
	padding-left: 10px !important;
}

#cineplex-h-featured-content 
{   
    background-color: #d6d6d6;
    margin-bottom: 6px;
    padding: 6px 10px 0px 10px;
    
    font-weight: normal;    
    font-size: 91.7%; /* 11px */    
}

#cineplex-h-featured .FeaturedContent
{
    width: 100%; 
    background: #d6d6d6;
}

#cineplex-h-bottom
{
	/*bottom of the header*/
	background-image: url(../Images/Layout/bg_header_bottom.png);
	background-repeat:no-repeat;
	background-position: left top;
	height: 6px;
	margin-top: -6px;
}

#cineplex-h-bottom-nosubnav
{
	/*bottom of the header*/
	background-image: url(../Images/Layout/bg_header_nosubnav.png);
	background-repeat:no-repeat;
	background-position: left top;
	height: 8px;
	display:none;
}


#mp-c 
{
	/*main panel containers*/
	background-image: url(../Images/Layout/mp_bg_top.png);
	background-repeat:no-repeat;
	background-position: left top;
	margin-top: 5px;
	clear: both;
	padding-top: 6px;
	
}

#mp
{
	/*main panel */
	background-color: White;
	min-height: 400px;
	padding: 10px;
	padding-top: 4px;
	padding-bottom: 25px;
}

#LeftPanel 
{
	width: 632px;	
	min-height: 300px;
	float:left;
}

#LeftPanel .FullWidth
{
	width: 632px;
	margin: 15pt 0;
	overflow: hidden;
}

#RightPanel 
{
	width: 310px;	
	margin-left: 10px;
	min-height: 300px;
	_height: 300px;
	float:right;	
}



#cineplex-fp-top
{
	/*top of the footer*/	
	background-image: url(../Images/Layout/bg_footer_top.png);
	background-repeat:no-repeat;
	background-position: left top;
	height: 6px;
}
#cineplex-fp 
{
	/* footerpanel */
	background-image: url(../Images/Layout/bg_footer.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #263957;
	padding: 10px;
	padding-top:4px;
	padding-bottom: 4px;
	min-height: 334px;
	color: White;	
}

#cineplex-fp-inner 
{
	background-image: url(../Images/Layout/bg_footer_lines.gif);
	background-repeat: repeat-y;
	background-position: -10px top;
}

/*#cineplex-fp * 
{
	color: White;
}*/

#cineplex-fp-bottom
{
	/*bottom of the footer*/
	background-image: url(../Images/Layout/bg_footer_bottom.png);
	background-repeat:no-repeat;
	background-position: left top;
	height: 6px;
	
}

#cineplex-ft 
{
	/* text footer */	
	background-color: #436088;
	line-height: 22px;
	color: White;
	clear: both;
}

#cineplex-fp ol.panels 
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#cineplex-fp ol.panels li.panel 
{
    width:196px;
    padding: 0 10px 0 31px;
    float: left;
    overflow-x: hidden;    
    color: #fff;    
    text-align: left;
}

#cineplex-fp ol.panels li.idx3,
#cineplex-fp ol.panels li.panel:last-child 
{
    border: none;
    padding-left:14px;
    padding-right: 0; 
    width: 220px;   
}

#cineplex-fp .panel ol,
#cineplex-fp .panel ul
{    
    list-style-type: disc;
    list-style-position: outside;
    color: #fff;
    margin: 0;
    padding: 0;
}

#cineplex-fp .panel .SocialMedia .Spacer
{
    height: 3px;   
}

#cineplex-fp .panel .SocialMedia .alt
{
    background-color: #436088;    
}

#cineplex-fp .panel .SocialMedia .alt img 
{
    
}

#cineplex-fp .panel .SocialMedia img 
{
    margin-right: 10px;
    border: 0 none;
    display:block;
    padding: 4px !important;
}

#cineplex-fp .panel .SocialMedia .NoTextDecoration
{
    display: block;
    text-decoration: none !important;
    color: #fff;
    line-height: 1.25em;
}

#cineplex-fp li.panel a,
#cineplex-fp li.panel a:visited
{
    color: #cccccc;
    text-decoration: underline;
    font-weight: normal;
}

#cineplex-fp li.panel h2 
{
    font-size: 133.3%; /*16px*/
    text-align:center;
    font-weight: bold;
    color: #fff;
    margin-left: -32px;
}

#cineplex-fp li.panel p 
{
    color: #ccc;
    margin-top: 0;
    line-height: normal;
}

#cineplex-ft-bottom 
{
    text-align: center;
}


#cineplex-ft-dropdowns
{
    text-align: center;
    padding-top: 16px;
    width: 815px;
    margin-left: auto;
    margin-right: auto;
}

#cineplex-ft-dropdowns .dd
{
    margin-left: 10px;
    margin-right: 10px;
}

#cineplex-ft-bt 
{
    padding-top: 23px;
    text-align: center;
    clear: both;
}

#cineplex-ft-bt h2 
{
    display:none;
}

#cineplex-ft-bt ul 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 89%;
}

#cineplex-ft-bt ul li 
{
    display: inline;
    margin: 0 19px 11px 0;
}

#cineplex-ft-bt ul li a,
#cineplex-ft-bt ul li a:visited
{
    color: #fff;
	text-decoration: underline;
}

#cineplex-ft-bt p.CopyRight 
{
    color: #fff;
    font-size:89%;
}

#tf a, #tf a:visited, #tf a:link, #tf a:active, #tf a:hover 
{
	color: White;
	text-decoration: underline;
	padding: 11px 18px;
}

#lnkHeader-Home 
{
	/*home link
	position: relative;
	top: 7px;
	left: 14px;	*/
	
}

#lnkHeader-Home img 
{
	border-width: 0px;	
}

.lnkNav-Store-fr-ca 
{
	visibility: hidden;
}
.lnkNav-Store-fr-ca img
{
	
	width: 140px;
	height: 20px;
	
}

.MTCMessage
{
margin:3px 0px 3px 0px;	
}

#cineplex-video-dialog
{
	background-color: White;
	margin-left:7px;
}

#cineplex-map-dialog-map 
{
	height: 440px;
	top: 5px;
	position: relative;
}

#cineplex-map-dialog-legend
{
    border: solid 1px #e0e0e0;
    background-color: #f5f5f5;
    height: 91px;
    margin-top: 12px;
    padding: 0px 5px 0px 12px;
}

#cineplex-choose-location h2
{
	text-align: center;
	font-weight: bold;
	margin:0px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

#cineplex-choose-location .LocationSelectionArea 
{
	margin-top: 10px;
}

#cineplex-choose-location .LocNotFound,
#cineplex-choose-location .LocSearching 
{
	display: none;
}

#cineplex-choose-location .LocSearching .AjaxContentLoader
{
	margin-top: -10px;
	padding-top: 0px;
	height: 32px;
}

div.ShareThis 
{
	background-image: url(../Images/en/bg_ShareThis.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 310px;	
	line-height: 40px;
	margin-bottom: 10px;
}

div.ShareThis-fr 
{
	background-image: url(../Images/fr/bg_ShareThis.png);
}

div.Narrow 
{
	width: 160px !important;
	background-color: White;
}

div.NarrowShareThis 
{
	background-image: none;	
	width: 170px !important;
	margin-bottom: 0px !important;
	height: 32px  !important;
}

div.ShareThis  .addthis_button 
{
    display: block;
    padding-top: 12px;
    padding-left: 15px;
}

div.ShareThis  .addthis_button  img
{
	width: 125px;
	height: 16px;
	border-width: 0px;
}


/* autocomplete popup */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../Images/ajax-loader.gif') right center no-repeat;
}

.ac_odd {
	background-color: #ececec;
}

.ac_over {
	background-color: #4e597e;
	color: white;
}



/* LEGACY PAGER CSS */
.Pager 
{
}

.PagerContainer 
{
	width: 100%;	
	Clear: left;
	width: 100%;	
}

.Pager .PP
{	
	height: 10px;
	padding-bottom:20px;
}

.Pager .LP
{
	display:inline;
	line-height:20px;
}

.Pager .MP
{
	width:80px;
	
	display:inline;
	letter-spacing:2px;
	margin-top:1px;
}

.Pager .RP
{
	display:inline;
	line-height:20px;
}

.Pager .SelectedPage, .Pager .SelectedPage:hover, .Pager .SelectedPage:visted
{
	font-weight: bold;	
	text-decoration:none;
}

.SimilarCities 
{
	text-align: center;
	margin-bottom: 20px;
}

#cineplex-fp-outer
{
	color:#CCCCCC;padding:10px;
	font-weight:normal;
	line-height:normal;
	text-align:justify;
}

#cineplex-fp-outer a, #cineplex-fp-outer a:visited
{
	color:#CCCCCC;
	font-weight:normal;
}

#cineplex-fp-outer h2 
{
	font-size:133.3%;
	font-weight:bold;
	color:#CCCCCC;
	margin-top:5px;
	margin-bottom:5px;
}

.HeaderLikeGroup {
    position:relative;
}

.HeaderLikeGroup > h2 {
    float:left;
    display:inline;
    width:420px;
}

.AdPanel 
{
    margin-bottom: 10px;
	padding: 5px;
	background-color: #ebebeb;
}


.HeaderLikeGroup > div.PollShare {
    float:right;
    display:inline;
    margin:12px 0px !important;
}

	/* 
	Customization for autocomplete
	*/

  .ui-_autocomplete{width:158px; overflow:hidden;padding-left:0px;cursor:pointer;max-height: 200px;overflow-y: auto;}
   .ui-_autocomplete a{color:inherit;}
  .ui-menu-item:hover {background-color:#4E597E;color: white !important;}
  .ui-widget-content {list-style-type:none;}  
 .ui-menu-item {
    display: block;
    font: menu;

    font-size: 12px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
	margin-left:3px;
	padding:3px 2px 4px 7px;
 }
  .ui-menu-item a:hover
  {
  color: white !important;
  }
 
 .ui-state-hover
 {

 }
 .ui-odd{background-color: #ECECEC;}
 .ui-corner-all {text-decoration:none}
 .ui-link-selected {background-color:#4E597E;}
#shareThisTop{margin-left:7px}

/* bottom footer ad for some pages */
#cineplex-ft #cineplex-f-ad1
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	text-align: center;
	width: 728px;
}