﻿/* ==========================================
     Google Map Styles
============================================= */

.infowindowParent{
  width:200px;
  color:#777777;
  font-size:11px;
  overflow:auto;
  padding-bottom:1px;
}

#mainContent {
	background: none;
}

#mainContentAreaFull h1 {
	color: #fff;
	margin-bottom: 40px;
}

#mainContentAreaFull h2 {
	color: #fff;
	width: 435px;
}

#mainContentAreaFull .blockUI h2,
#mainContentAreaFull .blockMsg h2,
#mainContentAreaFull .blockElement h2 {
	color:#777777;
	width: auto;
}

DIV#mapContainer { padding-left: 0; padding-right:0; padding-top:1em; padding-bottom:1em; margin: 0 auto; }
DIV#mapContainer ul{ list-style-type: none;padding: 0;margin: 0; }
DIV#mapContainer li{ margin: 0; padding: 0 5px 0 0px; float: left; }
    
DIV#mapNav {
	position: relative;
	z-index:100;
	width: 100%;
	padding: 0 0 1.5em 0;
	height: 140px;
}
DIV#mapNav img{ border: 0; }

#gmapsearch {
	position: absolute;
	top: 0;
	left: 0;
	color: #8a8a8a;
	border: none;
	background: url(/images/cinema-map/bg_search-box.png) no-repeat;	
	width: 220px;
	height: 32px;
	padding: 0 15px;
	font-size: 11px;
}

* html #gmapsearch {
    background: url(/images/cinema-map/bg_search-box.gif) no-repeat;
}

*:first-child+html #gmapsearch { /* ie7 hack */
	padding-top: 9px;
}
#gmapsearch { /* ie8 hack */
	padding-top: 9px\9;
}

#gmapsearchsubmit {
	position: absolute;
	top: 0;
	left: 250px;
	color: #fff;
	border: none;
	background: url(/images/cinema-map/bg_search-btn.png) no-repeat;
	width: 92px;
	height: 32px;
	margin-left: -5px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

div#mapContainer #gmapfilter-styled ul {
	position: absolute;
	top: 50px;
	left: 0;
	color: #8a8a8a;
	margin: 0 0 0 -4px;
	padding: 0;
	width: 355px;
	z-index: 10;
}

div#mapContainer #gmapfilter-styled ul.expanded {
	background: url(/images/cinema-map/bg_filter_options2.png) -5px 0 no-repeat;
	height: 174px;
	z-index: 11;

}

div#mapContainer #gmapfilter-styled li {
	float: none;
	display: list-item;
	list-style-type: none;
}

div#mapContainer #gmapfilter-styled ul li.handle a {
	background: url(/images/cinema-map/bg_filter_handle2.png) no-repeat;
	display: block;
	color: #8a8a8a;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	width: 328px;
	height: 21px;
	margin: 0;
	padding: 10px 0 10px 20px;
}

div#mapContainer #gmapfilter-styled ul li.option {
	font-weight: bold;
	margin: 0 30px 0 18px;
	padding: 8px 0;
	border-top: solid 1px #d9d9d9;

}

div#mapContainer #gmapfilter-styled ul li.first {
	padding-top: 5px;
	border: none;
}

div#mapContainer #gmapfilter-styled ul li.option a:link,
div#mapContainer #gmapfilter-styled ul li.option a:visited {
	color: #4d4d4d;
	text-decoration: none;
}

div#mapContainer #gmapfilter-styled ul li.option a:hover,
div#mapContainer #gmapfilter-styled ul li.option a:active {
	color: #28a7e1;
	text-decoration: none;
}

div#mapContainer #gmapfilter-styled ul.collapsed li.option {
	display: none;
}

#mapBorder {
	background: url(/images/cinema-map/bg_map.jpg) repeat-x;
	padding: 5px;
	z-index:1;
}

DIV#map { width: 100%; height:415px; padding: 0; margin: 0 auto; z-index:0; }

DIV#mapLegend {
	padding: 1em 0 1.5em 0;
	margin: 0 0 15px 0;
	border-bottom: dashed 1px #dfdfdf;
}

DIV#mapLegend ul {
	margin: 0;
	padding: 0;
}

DIV#mapLegend ul li {
	height: 25px;
	display: inline;
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 7px 10px 0 35px;
	font-size: 12px;
	font-weight: bold;
	border-right: solid 1px #dfdfdf;
}

DIV#mapLegend ul li.dolby_all {
	background: url(/images/icons/dolby_all.png) no-repeat;
	/* cursor:pointer; */
}

* html DIV#mapLegend ul li.dolby_all {
	background: url(/images/icons/dolby_all.gif) no-repeat;
	/* cursor:pointer; */
}


DIV#mapLegend ul li.dolby_ddc {
	background: url(/images/icons/dolby.png) no-repeat;	
}

* html DIV#mapLegend ul li.dolby_ddc {	
	background: url(/images/icons/dolby.gif) no-repeat;	
}

DIV#mapLegend ul li.dolby_d3d {
	background: url(/images/icons/dolby_3D.png) no-repeat;
}

* html DIV#mapLegend ul li.dolby_d3d {	
	background: url(/images/icons/dolby_3D.gif) no-repeat;	
}

DIV#mapLegend ul li.dolby_ds7 {
	background: url(/images/icons/dolby_7-1.png) no-repeat;
	border: none;	
}

* html DIV#mapLegend ul li.dolby_ds7 {
	background: url(/images/icons/dolby_7-1.gif) no-repeat;
}

DIV#mapSearchResults h3 {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: dashed 1px #dfdfdf;
}

DIV#mapSearchResults table {	
	width: 100%;
	margin: 0 0 10px 0;
}

DIV#mapSearchResults table th {
	color: #3a73aa;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;	
	border: 1px solid #fff;	
}

DIV#mapSearchResults td.first {
	background: url(/images/cinema-map/bg_results.gif) no-repeat;
}

DIV#mapSearchResults td.last {
	background: url(/images/cinema-map/bg_results.gif) right top no-repeat;
}

DIV#mapSearchResults td {
	color: #000;
	background: #e6e6e6;
	height: 92px;
	padding: 10px 10px 0 10px;
	border: 1px solid #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	font-weight: bold;
	line-height: normal;
}
*:first-child+html DIV#mapSearchResults td { /* ie7 hack */
	height: 78px;
}

* html DIV#mapSearchResults td { /* ie8 hack */
	height: 78px\9;
}
@media all and (-webkit-min-device-pixel-ratio: 0) { DIV#mapSearchResults td { height: 78px; } } /* webkit only */

DIV#InfoMarker { 
    /* FJN padding-right: 20px; */
}

DIV#InfoMarker .theaterName { 
    font-weight: bold;
	line-height: normal;
}

DIV#InfoMarker .ul { 
    margin: 5px 0 5px -3px;
    float:left;
}

DIV#InfoMarker .ul .li { 
    padding: 5px 5px 0 5px;
	border-left: solid 1px #dfdfdf;
	float:left;
}

DIV#InfoMarker .ul .li .first { 
    padding-left: 0;
	border: none;
}

#map span {
	display: block;
	white-space: normal;
	bottom: -3.25em;	
	color:#999999;         
	left: 0px;
	position: relative;
	text-align: left;
	width: 100%;
}

*+html DIV#map span {
        bottom: -4.25em;
}

DIV#mapLegend { 
	padding-top: 3.25em; 
}

/*
FLOAT CLEARING
---------------------------*/
DIV#mapContainer ul:after,
DIV#mapLegend ul:after  {
    content: ".";
    display: block;    
	height: 0px;
    clear: both;
    visibility: hidden;
}
*+html DIV#mapContainer ul,
*+html DIV#mapLegend ul {
   zoom:1;
}
* html DIV#mapContainer ul,
* html DIV#mapLegend ul {
    height:1%;
}
