/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HACKS SECTION */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HR TAGS #################################### */
/*	hr tags should display the same in IE & FF 
	to use this hack, code the HR tag like so:	

		<div class="hr"><hr /></div>
		
NOTE:  	You will probably need to add or adjust styling lower 
		down the cascade to account for the context of each "horizontal rule" element. 
*/

div.hr
{
	border-top: 1px solid #fff;
}
/* END HR TAGS ################################ */




/* UL'S WITH NO BULLETS */
ul.no_bullets
{
	list-style-type: none;
}
/* END UL'S WITH NO BULLETS */



/* UL'S DISPLAYED HORIZONTALLY ################ */
/* List unordered items horizontally by assigning "horiz" as a class.
NOTE:  You will probably need to add or adjust styling lower down the cascade 
to account for the context of each list. */
ul.horiz
{
	list-style-type: none;
}

ul.horiz li
{
	display: inline;
}
/* END UL'S DISPLAYED HORIZONTALLY ############# */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* END HACKS SECTION */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



body {
	background: #6088b3 url(../images/bkg.gif);
	background-repeat: repeat-x;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 120%;
	}

.container {
	width: 824px;
	background: url(../images/bkg_content.png);
	_background: url(../images/bkg_content.gif);
	margin: auto;
	overflow: auto;
	}

a {
	color: #555555;
	text-decoration: none;
}

hr {
	border: 1px solid #4d6884;
	height: 0px;
	}

.invite {
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 20px;
	text-transform: uppercase;
	font-family: Helvetica, Arial, Verdana, Sans;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: .02em;
}

.col1 {
	float: left;
	width: 423px;
	height: auto;
	position: relative;
	left: 13px;
	text-align: center;
	}

.col2 {
	float: right;
	width: 375px;
	height: auto;
	position: relative;
	right: 13px;
	text-align: center;
	}

	.col2 img {
		margin-top: 20px;
		}

	.screening_selection {
		width: 265px;
		margin: auto;
		margin-top: 20px;
		text-align: left;
		line-height: 120%;
		}

	.citybox {
		margin-top: 10px;
		width: 263px;
		height: 190px;
		overflow: auto;
		background: #5b7ea3;
		border: 1px solid #80addc;
		line-height: 120%;
		}

		.city {
			font-weight: bold;
			text-decoration: underline;
			}

		.whereandwhen {
			margin-left: 25px;
			}

	.formfields {
		text-align: left;
		margin: 10px 0 0 15px;
		}

		.fieldname {
			display: block;
			float: left;
			width: 100px;
			font-weight: bold;
			margin-top: 10px;
				}
	
		.formfields input.field {
			margin-top: 3px;
			width: 225px;
			height: 15px;
			}

		.formfields input.check {
			margin: 0 5px 0 0;
			float: left;
			}
			
		.agree {
			margin-top: 5px;
			}

	.rsvp {
		float: right;
		position: relative;
		right: 20px;
		top: -10px;
		*top: -15px;
		}

.col3 {
	width: 758px;
	margin-left: 33px;
	}

	.synopsis {
	width: 550px;
	float: left;
	}

	.col3 img {
	float: right;
	margin-bottom: 20px;
	}

.break {
	width: 824px;
	height: 2px;
	background: url(../images/bkg_break.png);
	margin: auto;
	_background: none;
	}

.footer {
	width: 824px;
	height: 61px;
	background: url(../images/bkg_footer.png);
	_background: url(../images/bkg_footer.gif);
	margin: auto;
	color: #555555;
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
	_position: relative;
	_top: -13px;
	}

/******* Video Player Overlay *******/


.popup {
	display: none;
}

	.videoplayer .edge {
		height: 1px;
		width: 673px;
		background: url(../images/bdr_videoplayer.png);
		_background: url(../images/bdr_videoplayer.gif);
		_display: none;
		}

	.videoplayer .content {
		background: #80addc;
		border-left: solid 1px #bedeff;
		border-right: solid 1px #bedeff;
		_border-top: solid 1px #bedeff;
		_border-bottom: solid 1px #bedeff;
		height: 362px;
		width: 673px;
		}

	.videoplayer .content .player {
		width: 640px;
		height: 312px;
		margin: auto;
		padding-top: 15px;
		}

	.videoplayer .content #closetrailer {
		float: right;
		position: relative;
		top: 5px;
		right: 20px;
		}


.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #111111 url(../images/overlay_111111.png) 50% 50% repeat-x; opacity: .50;filter:Alpha(Opacity=50); }