/*===================================================================================*/
/* Filename:          page_style.css                                                 */
/* Description:       Film Pages CSS File                                            */
/* Website:           http://www.imax.com.au                                         */
/* Company:           ID Studios (http://www.idstudios.com.au)                       */
/* Author:            Vanessa Garcia                                                 */
/*===================================================================================*/

/*===========================*/
/*  CLEARFIX & ACCESSIBILITY */
/*===========================*/

.cf:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.cf { display: inline-block; }
html[xmlns] .cf { display: block; }
* html .cf { height: 1%; }

.Accessibility {
	display: none;	
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a:link, a:visited {
	text-decoration: none;
}

img, img a:link, img a:visited {
	border: none;
}

#Film {
	text-align: left;	
}

/*
#Film #ExtendBackgroundContainer {
	background-color: #010a1b;
	background-image: url("images/harry-potter-bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	height: 600px;
}
*/

#Film #SiteContainer {
	margin: auto;
	width: 990px;
	font-family: Arial, Helvetica, sans-serif;
}

/*
#Film #Header {
	background-image: url("images/header.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	width: 990px;
	height: 140px;
}
*/

#Film .HeaderImg {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 990px;
	padding-top: 320px;
}

#Film .ContentBg {
	background-image: url("../images/secondary-content-bg.png");
	background-position: 0px 0px;
	background-repeat: repeat-y;
	margin: 0px 0px 0px 14px;
	padding-bottom: 45px;
}

/*
#Film #Footer {
	background-image: url("images/footer.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	width: 990px;
	height: 254px;
}
*/
#Film .SiteContent {

}

/*===========================*/
/*      PRIMARY CONTENT      */
/*===========================*/

#Film .PrimaryContentContainer {
	float: left;
	width: 640px;
	margin: 0px 0px 0px 15px;
	font-size: 11px;
}

#Film .PrimaryContentHeader {
	background-color: #03384b;
	padding: 7px 0px 7px 0px;
}

#Film .PrimaryContentHeaderBg {
	background-position: top left;
	background-repeat: no-repeat;
	width: 8px;
	height: 14px;
	float: left;
	margin: 1px 10px 0px 8px;
}

#Film .CollapseContainer {
	float: right;
	width: 80px;
}

#Film .CollapseText, #Film .CollapseText a:link, #Film .CollapseText a:visited, #Film .CollapseText a:active {
	color: #ffffff;
	font-size: 11px;
	float: left;
	cursor: pointer;
	text-decoration: none;
}

#Film .CollapseText a:hover {
	text-decoration: none;	
}

#Film .Arrow {
	float: right;
	margin: 4px 15px 0px 10px;
	width: 12px;
	height: 6px;
	cursor: pointer;
}

#Film .Extend {
	background-position: -1px -87px;
	background-repeat: no-repeat;
}

#Film .Collapse {
	background-position: -14px -87px;
	background-repeat: no-repeat;
}


/*===========================*/
/*       VIDEO PLAYER        */
/*===========================*/

#Film .VideoPlayer {
	margin-bottom: 15px;
}
/*===========================*/
/*       MOVIE SYNOPSIS      */
/*===========================*/

#Film .MovieSynopsis {
	margin-bottom: 15px;
}

#Film .MovieSynopsisBg {
	padding: 15px 15px 0px 23px;
}

#Film ul.MovieInfo {
	color: #ffffff;
}

#Film ul.MovieInfo li {
	display: inline;
	margin: 0px 20px 0px 0px;
	line-height: 18px; 
}

#Film .MovieInfoHeader {
	color: #001629;
}

#Film ul.MovieInfo li.Break {
	display: inline-block;	
}

#Film .MovieSynopsis p {
	font-size: 11px;
	color: #ffffff;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

#Film .BuyTicketsNowLight a:link, #Film .BuyTicketsNowLight a:visited {
	/* With a Light Background */
	background-position: -1px -46px;
	background-repeat: no-repeat;
	width: 138px;
	height: 25px;
	margin: 10px 0px 20px 0px;
	display: block;
}

/* Film Competition */

#Film .Competition {
	margin-bottom: 15px;
}

/*===========================*/
/*       PHOTO GALLERY       */
/*===========================*/

#Film .PhotoGallery {
	margin-bottom: 15px;
}

#Film .PhotoGalleryBg {;
	padding: 20px 0px 10px 0px;
}

#Film .PhotoGalleryImgContainer {

}

#Film .PhotoGalleryImg {
	float: left;
	margin: 0px 0px 10px 10px;
	width: 70px;
	height: 70px;
}

#Film a:link.PhotoGalleryImg, #Film a:visited.PhotoGalleryImg {
	border: 5px solid #d7d7d7;
}

#Film a:hover.PhotoGalleryImg {
	border: 5px solid #7d7d7d;
}

/*===========================*/
/*         WALLPAPERS        */
/*===========================*/

#Film .Wallpapers {
	margin-bottom: 15px;
}

#Film .WallpapersBg {
	padding: 20px 0px 10px 0px;
}

#Film .WallpaperContainer {
	margin: 0px 10px 10px 10px;	
	float: left;
}

#Film img.WallpaperImg {
	border: 1px solid #606060;
	display: block;
	margin-bottom: 5px;
}

#Film .DownloadDimensions {
	margin: 0px 0px 0px 25px;
	font-size: 10px;
	display: block;
}

#Film .DownloadDimensions a:link, #Film .DownloadDimensions a:visited  {
	color: #ffffff;
}

/*===========================*/
/*          COMMENTS         */
/*===========================*/

#Film .Comments {
	margin-bottom: 15px;
}

#Film .CommentsBg {
	background-color: #ebebeb;
	padding: 20px 0px 10px 25px;
}

/*===========================*/
/*    SECONDARY CONTENT      */
/*===========================*/

#Film .SecondaryContentContainer {
	float: left;
	width: 260px;
	margin: 0px 0px 0px 30px;
	font-size: 11px;
}

#Film .SecondaryContentContainer a:link, #Film .SecondaryContentContainer a:visited, .SecondaryContentContainer .DetailsHeadingLabel {
	color: #d7d7d7;
}

/* 'More' Links */

#Film .More {
	margin-top: 10px;	
}

#Film .More .Arrow {
	margin: 4px 4px 0px 0px;
	background-position: -10px -1px;
	background-repeat: no-repeat;
	width: 3px;
	height: 6px;
	float: left;
}

#Film .SeeAll, #Film .SeeAll a:link, #Film .SeeAll a:visited {
	text-transform: uppercase;
	color: #0e809a;
	font-size: 10px;
	float: left;
}

/*===========================*/
/*      SOCIAL BUTTONS       */
/*===========================*/

#SocialButtons {
	width: 260px;
	margin-bottom:12px;
}

#SocialButtons .twitter-share-button {
    margin-top: 7px;
	float:left;
	margin-right:15px;	
}

#SocialButtons .GoogleBox {
    margin-top: 7px;
	float:left;	
}

#SocialButtons .LikeBox {
	width: 90px; /*min width of widget*/
	overflow:hidden;
	float:left;	
    margin-top: 7px;
}
/*Hide FB popup*/
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important; }

/*===========================*/
/*      SESSION TIMES        */
/*===========================*/

#Film .SessionTimesContainer {
	margin-bottom: 20px;	
}

#Film .Session {
	padding: 5px 5px 5px 5px;
	background-color: #03384b;
	margin: 0px 0px 2px 0px; 
}

#Film .SessionDate {
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
}

#Film .SessionTimes {
	color: #b7b7b7;
	font-size: 9px;
	font-weight: normal;
}

#Film .nft {
    color: #b7b7b7;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
}

#Film p.NftTerms {
    padding: 5px 0px 0px 0px;
    color: #ffffff;
    font-size: 9px;
}

#Film .SoldOut {
	text-transform: uppercase;
	color: #ff0000;
	font-size: 9px;
}

#Film .BuyTicketsNowDark a:link, 
#Film .BuyTicketsNowDark a:visited { 
	/* With a Dark Background */
	background-position: -1px -15px;
	background-repeat: no-repeat;
	width: 138px;
	height: 25px;
	margin: 10px 0px 0px 0px;
	display: block;
}


/*===========================*/
/*       RELATED NEWS        */
/*===========================*/

#Film .RelatedNewsContainer {
	margin-bottom: 20px;	
}

#Film .FirstNewsItem { /* First News Item doesn't have dotted border */
	padding: 0px;
	margin-bottom: 6px;
}

#Film .NewsItem {
	padding: 6px 0px 0px 0px;
	border-top: 1px dotted #898989;
	margin-bottom: 6px;
}

#Film .NewsItemImg {
	border: 1px solid #4f5152;
	float: left;
	width: 50px;
	margin-right: 15px;
}

#Film .NewsItemText {
	float: left;
	font-size: 11px;
	color: #b7b7b7;
	width: 190px;
	padding-top: 2px;
}

#Film .NewsItemText a:link, 
#Film .NewsItemText a:visited {
	color: #b7b7b7;
}
/*===========================*/
/*       TWITTER TALK        */
/*===========================*/

#Film .TwitterTalkContainer {
	margin-bottom: 20px;
}

#Film .SpeechBubble {
	background-position: -16px 0px;
	background-repeat: no-repeat;	
	width: 15px;
	height: 13px;
	float: left;
	margin-top: 6px;
}

#Film .TwitterFeedFirst {
	width: 230px;
	float: left;
	margin: 0px 0px 10px 7px;
	border: none;
	padding-top: 3px; 
}

#Film .TwitterFeed {
	width: 230px;
	float: left;
	margin: 0px 0px 10px 7px;
	border-top: 1px dotted #898989;
	padding-top: 3px; 
}

#Film .TwitterUsername{
	color: #13a3bf;
}

#Film .TwitterTalk {
	font-size: 11px;
	color: #d7d7d7;
	margin-left: 5px;
}

#Film .TwitterTime {
	color: #898989;	
	margin-left: 5px;
}

/*===========================*/
/*  OFFICIAL TWITTER WIDGET  */
/*===========================*/

#Film .twtr-widget {
	display: none;	
}
#Film .twtr-widget {
	margin-bottom: 20px;
	font-size: 11px !important;	
}
#Film .twtr-widget .twtr-hd {
	padding-left: 0px !important;	
}
#Film .twtr-widget .twtr-tweet {
	border-bottom: 1px dotted #DDDDDD !important;
}
#Film .twtr-widget .twtr-tweet-wrap {
	padding: 10px 0px !important;
}
#Film .twtr-widget .twtr-bd, 
#Film .twtr-widget .twtr-timeline i a, 
#Film .twtr-widget .twtr-bd p {
	color:#D7D7D7 !important;
}
#Film .twtr-widget .twtr-tweet a {
	color:#FFFFFF !important;
}
#Film .twtr-widget .twtr-tweet .twtr-user {
	font-weight: bold !important;	
}
#Film .twtr-widget .twtr-timeline a.twtr-timestamp {
	color: #898989 !important;	
}
#Film .twtr-widget .twtr-ft {
	margin: 10px 0px 15px;	
}
#Film .twtr-widget a.twtr-join-conv,
#Film .twtr-widget a:hover.twtr-join-conv{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 10px;
	text-transform: uppercase;
	text-decoration: none !important;
	font-size: 10px;
}
/*
#Film .twtr-widget #twtr-doc {
	background-color: #011939 !important;
}
*/

/*===========================*/
/*           LINKS           */
/*===========================*/

#Film .LinksContainer {
	margin-bottom: 20px;	
}

#Film ul.Links li {
	padding: 5px 0px 5px 0px;
	border-top: 1px dotted #898989;
}

#Film ul.Links li, 
#Film ul.Links li a:link, 
#Film ul.Links li a:visited {
	color: #b7b7b7;
}

#Film ul.Links li.FirstLink, 
#Film ul.Links li.FirstLink a:link, 
#Film ul.Links li.FirstLink a:visited {
	border: 0;	
}

/*===========================*/
/*       TEACHERS PREVIEW    */
/*===========================*/

#Film .TeacherPreviewsContainer {
	margin-bottom: 20px;
	background-color: #022f42;
	padding: 11px 12px 11px 10px;
}

#Film .TeacherPreviewsImg {
	float: left;	
	width: 90px;
}

#Film .TeacherPreviews {
	float: left;
	width: 136px;
	margin-left: 10px;
}

#Film .TeacherPreviewsText {
	color: #d7d7d7;
	font-size: 11px;
}

#Film .TeacherPreviewsUpcoming {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #898989;
	display: block;
}

#Film span.TeacherPreviewsDate, 
#Film span.TeacherPreviewsDate a:link, 
#Film span.TeacherPreviewsDate a:visited {
	color: #d7d7d7;
	display: block;
}

/*=========================*/
/*	       HEADINGS        */
/*=========================*/

#Film .PrimaryContentContainer h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #13a3bf;
	font-size: 22px;
	margin: 0px 0px 15px 0px;
}

#Film .PrimaryContentContainer h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0;
	float: left;
	font-weight: bold;
}

#Film .PrimaryContentContainer h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #13a3bf;
	font-size: 22px;
	margin: 0px 0px 15px 0px;
}

#Film .SecondaryContentContainer h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #13a3bf;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

/*=========================*/
/*	    COMMENTS COLOURS   */
/*=========================*/
#Comments_Area {
	width: 95%;
}

#Comments li {
    border-bottom: 1px dotted #CCCCCC !important ;
    margin: 0 0 10px 0 !important  ;
    padding: 0 0 15px !important  ;
}

#Comments li ul li {
    border-bottom: none !important  ;
    margin: 0 !important  ;
    padding: 0 !important  ;
}

#Comments_Area .Comment {padding: 5px 0;}

#Comments_Area .Comment .Options {padding-left: 0;}

#Comments #AddComment {
	margin:15px 0 10px !important;
	border-bottom: none !important;
}
#Comments_Area .Comment {
}
#Comments_Area .Reply .Comment {
	padding: 25px 10px 5px 10px;
	background: #c8e2f2 url(../images/Reply_bg.jpg) no-repeat top left;
}
#Comments .Add {
	background: url(../../Tools/Comments/images/Post_button.jpg) no-repeat;
	width: 107px !important;
	border: none;
	height: 21px;
}
#Comments .More {
	background: transparent url(../images/icons/arrow_kitchen.gif) no-repeat scroll left center;
}
#Comments .More a {
	color: #ebb518;
}
#Comments .Options a {
	color: #0096d7;
}
#Comments .Comment .Add, #Comments .Comment .Preview {
	background-color: #003366;
}
#Comments .CommentHeading {
	display: none;
}

/* RSVP SECTION */

#RSVP_Container h3 {
    display: block;
}

#RSVP_Container p {
    display: block;
    margin-bottom: 10px;
}

#RSVP_Container .guest_image {
	float:left; 
	width:100px; 
	margin-right:10px; 
	margin-bottom:10px;
}

#RSVP_Container .guest_info {
	float:left; 
	width: 525px;
}

.rsvp_confirm {
	font-size: 1.7em;
	font-weight: bold;
}

.SecondaryContentContainer .details_content {
    margin: 0px 0px 20px 0px;
}

.SecondaryContentContainer .details_content p {
    padding-bottom: 15px;
}

.SecondaryContentContainer .DetailsHeading, .SecondaryContentContainer .DetailsHeadingLabel {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
    display: block;
}

#RSVP_Container .RSVPHeading {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

#RSVP_Container .RSVPSubHeading {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}

#RSVP_Container .RSVPTagline {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}


/* RSVP Form */

#UserDetails,
#PersonalDetails,
#SubscriptionDetails,
#WhatILikeDetails {
	padding-right: 30px;
}
.FormTitle {
	display: none;
}
.TextContainer,
.SelectContainer,
.RadioContainer {
	margin: 5px 0px 0px 0px;
}
#SubscriptionDetails .RadioContainer {
	margin-bottom: 10px;
}
.TextContainer label,
.SelectContainer label,
.RadioContainer label,
.CheckboxContainer label {
	font-size: 11px;
}
.TextContainer label,
.SelectContainer label,
.TextContainer label {
	float: left;
	width: 176px;
	padding-top: 7px;
}
.CheckboxContainer label {
	margin-top: 7px;
}
.TextContainer span,
.SelectContainer span,
.RadioContainer span {
	display: block;
}
.TextContainer input[type=text],
.TextContainer input[type=password],
.TextContainer input[disabled],
.TextContainer select,
.SelectContainer input[type=text],
.SelectContainer select {
	font-size: 12px;
}
.SelectContainer select {
	font-size: 12px;
}
.TextContainer input,
.SelectContainer input,
.promotional_code {
	width: 266px;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
}
.promotional_code {
	width: 150px;
}
.no_of_guests {
	width: 60px;
	font-size: 12px;
}
.TextContainer input[type=text],
.TextContainer input[type=password],
.TextContainer input[disabled],
.SelectContainer input[text] {
	width: 266px;
}

.TextContainer input[type=text],
.TextContainer input[type=password],
.TextContainer input[disabled],
.SelectContainer input[text] {
    border: 1px solid #ffffff;
}

.TextContainer input[disabled] {
}
.SelectContainer select {
	margin-right: 3px;
}
.Title {
	font-size: 12px;
}
.Options {
	font-size: 11px;
	padding-left: 5px;
}
.MessageOK,
.MessageError {
	font-size: 11px;
	margin-left: 120px;
}
.MessageOK {
	margin-left: 120px;
}
.MessageError {
	font-weight: bold;
	margin-left: 120px;
}
.MessageEmail {
	font-size: 10px;
	margin-left: 8px;
	margin-top: 1px;
}
.Note {
	font-size: 11px;
	margin-left: 95px;
}

.Required {
	margin-left: 170px;
	border-left: 2px solid #ffffff;
}

.legion_text {
    border-right: 2px solid #ffffff;
    padding-right: 88px;
}

#SiteMap_Links .Links h3 {
	background: none;
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 12px;
}

#rsvp_intro li {
    list-style-type: disc;
    list-style-position: inside;
}