/* Movies Shared Styles */


#content-wrapper.movies					{ background: #fff; }
h2										{ font-size: 18px; font-weight: bold; text-transform: uppercase; }

													
.movie-search form input				{ padding: 3px 3px; margin: 0 10px 0 0; }			

/* Movie Search Form */										
.movie-search							{ width: 285px; margin: 10px 0 0 0; float: right; }
.movie-search form						{ float: right;  }
.movie-search form fieldset				{ border: none; margin: 0; padding: 0; }
.movie-search input						{ width: 200px; }

.select-distance form #within			{ width: 90px; padding: 2px 3px; }

/* Choose Theater / Choose Movie */
.movie-settings-home					{ background: url(/static/apps/silverscreen/images/search-background.png) no-repeat; padding: 10px 10px 15px 10px; }
.movie-settings-home legend				{ font-family: Arial, "Helvetica Neue", sans-serif; color: #fff; font-size: 16px; text-transform: uppercase; padding: 0; margin: 0; display: block; line-height: 16px; width: 480px; }		

#select-box fieldset					{ padding: 0; margin: 0; border: none; }								
.theater_select_box,
.movie_select_box						{ float: left; }
.theater_select_box select,
.movie_select_box select				{ width: 210px; padding: 0; margin: 0; float: left; }
#select-box form fieldset div			{ margin-top: 10px; }
#select-box form select					{ padding: 2px; margin: 2px 0px 0 0; }
#select-box form label					{ display: block; color: #A9A9A9; font-weight: normal; font-size: 10px; }
.theater_select_box		  				{ float: left; }
.movie_select_box select 				{ float: left; margin: 0; padding: 0; }
#or			 							{ float: left; font-size: 14px; color: #D6D5D5; margin: 0 20px; padding-top: 17px; }

/* Select Date Form */		
.date_select_box						{ float: right; }								
.date_select_box select					{ width: 160px; }
					
																		
/* Theater Selected - Movie Detail */						

h2.selected-theater,
h2.selected-movie						{ color: #af0a11; text-transform: none; }
h2.selected-movie a:link,
h2.selected-theater a:link,
h2.selected-movie a:visited,
h2.selected-theater a:visited,
h2.selected-movie a:hover,
h2.selected-theater a:hover				{ color: #af0a11; }
								
.movie-detail 							{ border-bottom: 1px solid #CFCFCF; padding: 20px 0px 10px 0px; background: #fff; font-family: Arial, "Helvetica Neue", sans-serif; }
.movie-detail .poster-container			{ width: 110px; height: 170px; float: left; margin: 0 20px 0 0; }
.movie-detail .movie-poster				{ float: left;  border: 1px solid #c7c7c7; width: 110px; }
.movie-title-rating						{ float: left; margin-bottom: 15px; }
.movie-detail h3						{ display: inline; font-size: 18px; font-weight: bold; color: #033c85; margin-right: 15px; }
.movie-detail h3 a:hover				{ color: #033C85; }	
.movie-detail span						{ color: #717171; }
.plot-times								{ float: left; width: 514px; }
.plot-times h4							{ font-size: 12px; font-weight: bold; color: #000; margin-bottom: 5px; }
.plot-times p							{ float: left; width: 230px; margin: 0 55px 10px 0; }
.plot-times ul							{ list-style: none; font-size: 11px; }		
.plot-times ul li						{ margin: 0 25px 10px 0px; float: left; }			
										
										
.view-buy								{ float: right; width: 514px;  }
.view-buy .buy-tickets					{ background-position: 0px 0px; width: 160px; height: 36px; float: right; margin-right: 58px; background: url(/static/apps/silverscreen/images/sprite-buytickets.png); padding: 0; }
view-buy .buy-tickets:hover				{ background-position: 0px 36px; }
.view-buy .view-trailer					{ background-position: 0px 0px; width: 98px; height: 25px; float: left; background: url(/static/apps/silverscreen/images/sprite-viewtrailer.png); padding: 0; margin: 8px 0px 0 0; }
.view-buy .view-trailer:hover			{ background-position: 0px 25px; }

/* Movie Selected - Theater Detail */
.theater-detail							{ border-bottom: 1px solid #CFCFCF; padding: 20px 10px 10px 10px; background: #fff; font-family: Arial, "Helvetica Neue", sans-serif; }
.theater-detail h3						{ float: left; font-size: 18px; font-weight: bold; color: #033c85; margin: 0 0 20px 0; width: 100%; }
.theater-detail .address-container,
.theater-detail .phone-container		{ float: left; height: 80px }
.theater-detail .address-container		{ width: 225px; }
.theater-detail .phone-container		{ width: 125px; }
.theater-detail h4						{ font-size: 12px; font-weight: bold; color: #000; margin-bottom: 5px; }
.theater-detail .times					{ float: left; width: 290px; min-height: 80px; }
.theater-detail .times ul				{ list-style: none; font-size: 11px; margin-left: 0; padding-left: 0; }		
.theater-detail .times ul li			{ margin: 0 25px 10px 0px; float: left; }
.more-details							{ margin: 0; padding: 0; display: block; width: 100%; float: right; text-align: right; }
.more-details:link,
.more-details:visited					{ color: #9A9A9A; }
.more-details:hover						{ color: #ca0002; }

/* Top 10 Weekend Movies */

.wknd-movies							{ margin: 0px 0 35px 0; }
.wknd-movies img						{ width: 120px; height: 180px; float: left; margin-right: 5px; background: #ccc; bottom: 0; margin-top: 15px; }
.wknd-movies table						{ float: right; width: 540px; margin-bottom: 0; }
.wknd-movies table tr td				{ font-size: 10px; padding: 1px 5px; }
.wknd-movies table tr td span a:link,
.wknd-movies table tr td span a:visited,
.top-headlines ul li a,
.opening td								{ color: #0c5da1; font-weight: 500; }
.opening td								{ border-bottom: 1px solid #dfdfdf; }
.opening td.actions a					{ text-transform: uppercase; }
										
/* Opening This Week */					
.opening								{ width: 320px; float: left; margin: 0 25px 0 0; }
.opening img							{ width: 290px; height: 105px; background: #ccc; margin-bottom: 5px; }
.opening h5								{ font-size: 14px; font-weight: normal; text-transform: uppercase; padding: 4px 4px 4px 10px; background: #c7c7c7; color: #2e2e2e; margin-bottom: 10px; }
.opening td								{ padding: 8px 4px; }
.opening td a:link,
.opening td a:visited					{ color: #0C5DA1; }
.opening td.upcoming_release			{ color: #000; font-weight: 500; width: 70px; }
.opening tr.opening-row2				{ background: #ececec; }
										
/* Top Entertainment Headlines */		
										
.top-headlines							{ float: left; width: 325px; }
.top-headlines ul						{ font-weight: 500; margin-right: 0; }
.top-headlines ul li					{ margin-bottom: 4px; }
.top-headlines ul li a:link,
.top-headlines ul li a:visted			{ color: #0C5DA1; }


/* Search Results View */
.results-container						{ background: #fff; padding: 20px; min-height: 770px; }
.results-container h2					{ font-size: 18px; font-weight: 500; }
.results-container .movie-search		{ margin: 0; }
.results-container ul					{ list-style: none; margin-left: 0;}
.results-container ul li				{ margin-bottom: 20px; }
.results-container ul li h3				{ margin-bottom: 0px; font-size: 16px; line-height: 24px; }
.results-container ul li h3 a:link,
.results-container ul li h3 a:visited	{ color: #0c5da1; }


.movie-info-cont { 
    margin: 0 0 20px 0; 
    padding-top: 15px;
}
.movie-info-cont .details { 
    float: left; 
    width: 430px; 
}

.movie-info-cont .details h1 {
    margin-top: 0;
}
 
h2 .rating, 
h3 .rating, 
h1 .rating 									{ color: #AFAFAF; font-size: 20px; font-family: Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif; margin-left: 15px; }
 
ul.detail-list 								{ margin: 0; }
ul.detail-list > li 						{ list-style-type: none; }
 
ul.detail-list li label 					{ color: #000; font-weight: bold; }
 
.movie-table 								{ clear: both; margin-top: 20px; padding: 10px; }

.movie-table h3,							{ font-size: 14px; font-weight: bold; float: left; display: inline; margin: 0; padding: 0; }

.movie-table h3								{ margin-top: 2px; float: left; font-size: 16px; margin-bottom: 0; }
 
.movie-information .details #plot 			{ margin-top: 10px; }
#primary-movie-photo                        { float: right; max-width: 200; }
 
.theater-info-maps							{ padding: 10px; }
.theater-information 						{ clear: left; float: left; width: 350px; }
.theater-information ul.detail-list > li 	{ list-style-type: none; }
.theater-finder								{ padding: 10px 5px; width: 630px; }
.theater-finder .select-date				{ float: right; }
.theater-finder .select-date form select	{ margin: 0; padding: 0; }

td.show-time a								{ margin-right: 10px; }

.day-select {
    margin-bottom: 10px;
    width: 250px;
}

.theater-showings-wrapper					{ padding: 10px; }

.showing-table thead { 
    background: #e3e3e3;	background: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* IE10+ */
	background: linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* W3C */ 

}
.showing-table thead th {
    background: none;
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #e5e5e5;
	line-height: 12px;
	padding: 12px 5px 10px 5px;
}

/* movie detail template */
.theater-showings-wrapper					{ float: left; }
.theater-showings-wrapper h3				{ font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.theater-finder.panel						{ margin-top: 0; }
.movie-settings								{ float: left; width: 630px; }
.movie-settings form fieldset				{ margin: 0; padding: 0; border: none; }
.select-distance-inner						{ float: left; }
.select-distance-inner input,
.select-distance-inner select,
.select-date select							{ margin: 0; padding: 3px 2px; }
.select-distance-inner input				{ margin-right: 15px; width: 100px; }
.select-distance-inner label				{ margin-right: 5px; }
.showing-table .notice						{ float: left; width: 600px; text-align: center; margin-top: 10px; }
tr.showing a								{ margin-right: 5px; }

.day-select fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
/* theater detail template */


 
 
#map_canvas {
	clear: right;
	float: right;
	width: 300px; }
 
.theater-finder button, 
.movie-search button {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	clear: none;
	display: inline;
	float: none;
	height: 15px;
	margin: 0;
	padding: 1px;
	width: 20px; }
 
 
.box-office {
	float: left;
	width: 360px; }
 
	.box-office #top_box_office td.ranking { padding: 0; }
 
.trailer-player { float: right; width: 370px }
 
.finder-columns { background-color: #efefef; }
 
	.finder-columns label {
		background-color: #BFBFBF;
		color: #fff;
		float: left;
		font-weight: normal;
		overflow: auto;
		padding: .25em 0;
		text-align: center;
		text-transform: uppercase; }
 
	.finder-columns > ul {
		border: 0;
		float: left;
		height: 200px;
		margin: 0;
		overflow: auto; }
 
		.finder-columns > ul > li {
			background-color: #fff;
			border-bottom: 1px solid #eee;
			padding: .5em 1em; }
 
			.finder-columns > ul > li:hover {
				background-color: #ddd;
				cursor: hand;
				cursor: pointer; }
 
	.finder-columns .left, .finder-columns .center { border-right: 1px #eee solid; }
 
	.finder-columns .left { width: 250px; }
 
	.finder-columns .center { width: 305px; }
 
	.finder-columns .right { width: 112px; }
 
	.finder-columns .selected {
		background-color: #dedede;
		border-color: #ddd;
		border-style: solid;
		border-width: 0 1px 1px 0;
		font-weight: bold; }
 
.finder-detail {
	clear: both;
	margin-top: 10px; }
 
	.finder-detail > img:first-child { float: left; }
 
	.finder-detail .details {
		float: left;
		margin: 20px 0 0 20px;
		width: 410px; }
 
		.finder-detail .details > h3 > a.title { font-weight: bold }
 
		.finder-detail .details > h3 > span.rating {
			color: #AFAFAF;
			font-family: Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif; }
 
.top-headlines img {
	float: left;
	padding: 0 10px 10px 0; }
 
p#buy-tickets-link { margin: 0 0 0 20px; }
 
	p#buy-tickets-link a { font-size: 110%; font-weight: bold }
 
tr.showing td { padding: .5em; }
 
tr.showing-1 { background-color: #f6f6f6; }

.fb-like {margin-left: 20px; padding: 10px;}

