/* IMPORTANT - PLEASE READ! */
/* 
	Only Vista should change this file!!!

	Customising should be done in visStylesUser.css. Do so by copying this page or a
	single style and pasting it into visStylesUser.css and changing there. That way
	if the site is upgraded by Vista, you can easily get your customising back by replacing
	visStylesUser.css with the one you customised.
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES USED OVER MULTIPLE PAGES															  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.CursorArrow
{
	cursor:default
}

/* -- This is the style associated with every page. It allows you to globally set a background colour to each and every page of the site. */
.FormStandard
{
	background-image:url([\images\background.gif]);
	background-color:#0335b0;
}

/* -- When added as the cssclass to a <div> or <form> tag it stops the line-break created by default at the start */
.Inline
{
	display: inline;
}

/* -- Bit of a special case. This style is not meant to be changed, it is used for formatting reasons only. */
.5PxHeighDONOTCHANGE
{
	height:5px
}

/* -- Wording above clock explaining you have that amount of time remaining to finish your transaction */
.TimeRemaining
{
    font-size:9px;
    color:#FF0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* Style for the border you see around any page with a "details" box at the top (hence top border is left off below) */
.BodyTable
{
	background-color:none;
	border-style:solid;
	border-color:#29087B;
	border-width:1px;
	border-top:none;
	padding:none;
	margin:none
}

/* used on visMovies and visRatings */
TABLE.MovieListTable
{
	background-color:none;
	border-style:solid;
	border-width:1px;
	border-color:29087B
}

/* used on visMovies and visRatings */
TABLE.MovieListHeaderTable
{
	background-color:none;
	border-style:none;
	border-width:1px;
	border-color:#FFFFFF
}

/* Style for the movie list subheader row and similar occurances */
TR.MovieSubHeaderRow
{
	background-color:#29087B
}

/* Text displayed in style above "MovieSubHeaderRow" */
.MovieSubHeader
{
	font-size:12px;
    color:#FFFF00;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* == A link has three styles for just one style of link. One for the link as you would see it first time (:link), One for the link as it would appear when the mouse is hovering over it (:hover), And one for the link as it would appear after the user has clicked on it once before(:visited). */
/* -- This is for all standards links you see on the site. */
A.StandardLink:link
{
    font-size:11px;	
    color:#123EFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline
}
A.StandardLink:visited
{
    font-size:11px;	
    color:#123EFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}
A.StandardLink:hover
{
    color:#448AFE;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}

/* == All Styles starting with “Details” are do to with customizing the “box” you see at the top of the select tickets and payment screens, displaying information on the session/cinema/tickets/movie etc you have chosen. */
/* -- The header text, Eg “You have selected” */
.DetailsHeader
{
    font-size:12px;
    color:#FFFF00;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* -- The subheader text. Eg “Cinema:” */
.DetailsSubHeader
{
	font-size:11px;
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* -- The information text Eg “Queen St Cinema” */
.DetailsText
{
	font-size:11px;
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* -- The subheader for the order total, incase someone wants it a different colour the the other subheaders. */
.DetailsSubHeaderTotal
{
	font-size:11px;
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* -- The text for the order total */
.DetailsTextTotal
{
	font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* -- The row containing the header text. You can change the background color, for example. */
.DetailsHeaderRow
{
	height:22px;
	background-color:#29087B
}

/* -- The row containing the subheader and details text. You can change the background color, for example. */
.DetailsRow
{
	height:15px;
	background-color:#02C5F3
}

/* -- The row containing the subheader and details text. You can change the background color, for example. */
.DetailsRowAesthetics
{
	height:5px;
	background-color:#02C5F3
}

/* -- Border around the details table */
.DetailsTableBorder
{
	border-style:solid;
	border-width:1px;
	border-color:#29087B
}

/* -- Defines what the TABLE looks like that displays a user friendly error */
.ErrorTable
{
	background-color:red;
	border-style:outset;
	border-width:1px;
	border-color:none
}

/* -- Defines what each ROW looks like in the user friendly error table */
.ErrorRow
{
	background-color:red;
	height:25px
}

/* -- Defines what the TEXT looks like in the user friendly error table */
.ErrorCell
{
	background-color:Red;
	text-align:left;
	text-indent:0px;
    font-size:12px;
    color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";	
	font-weight:bold;
	font-style:normal;    
}

/* -- Defines what the TABLE looks like containing site navigation buttons like "Next" and "Back" */
.NavigationTable
{
	border-style:none;
	background-color:none
}

/* -- Defines what the ROW looks like containing site navigation buttons like "Next" and "Back", can set BackGround colour, for example */
.NavigationRow
{
	height:25px;
}

/* -- Allows you to put a background colour and border around the count down clock. */
.ClockTable
{
	background-color:#02C5F3;
	border-color:#29087B;
	border-width:1px;
	border-style:solid 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES ON visSelectTickets.aspx													  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* --The text in the header of the ticket type list Eg. “TYPE OF TICKET:” */
.TicketTypeHeader
{
    font-size:12px;
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* -- The text in the footer of the ticket type list Eg “TOTAL:” */
.TicketTypeFooter
{
    font-size:12px;
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* --The text displaying the "including tax" message below total */
.Tax
{
	font-size:10px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* --The text displaying the "booking fee to be applied" message below total */
.BkFee
{
	font-size:10px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* -- Depending on whether your site is configured to allow ticket types to appear as buttons (click to increment ticket type amt), this style may or may not apply.  */
.TicketTypeButton
{	
    font-size:12px;
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal;
	background-color:none;
	border-style:outset;	
	width:191px;
	height:23px;
	text-indent:5px;
	text-align:left
}

/* -- If your site is configured not to show ticket types as buttons, it will display as normal text. This style is associated with that text.  */
.TicketType
{	
    font-size:11px;
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal;
	background-color:none;
	text-indent:0px;
	text-align:left
}

/* -- The unit price of each ticket type in list.  */
.TicketTypePrice
{	
    font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:none;
	border-style:none;
	border-width:0px;
	text-indent:0px;
	text-align:right;
	width:60px;
}

/* -- The sub-total of each ticket type in list.  */
.TicketTypeSubTotal
{	
    font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:none;
	border-style:none;
	border-width:0px;
	text-align:right;
	width:60px;	
}

/* -- The total of full order and booking fee. */
.TicketTypeTotal
{	
    font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal;
	background-color:none;
	border-style:none;
	border-width:0px;
	text-align:right	
}

/* -- The ticket type drop down list. */
.TicketTypeDropDown
{
    font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:none;
	text-align:right 
}

/* -- The header row on the ticket types table (contains TicketTypeHeader text). */
.TicketTypeHeaderRow
{
	background-color: #FFFFFF;
	height:22px
}

/* -- The footer row on the ticket types table (contains TicketTypeFooter text). */
.TicketTypeFooterRow
{
	background-color: #FFFFFF;
	height:20px
}
/* -- Style for each (odd) row of ticket type on the ticket types table. */
.TicketTypeRow
{
	background-color: #FFFFFF;
	height:22px
}

/* -- Style for each (even) row of ticket type on the ticket types table. */
.TicketTypeRowAlt
{
	background-color: #FFFFFF;
	height:22px
}

/* -- Defines what the Ad-Hoc text looks like. Eg lblAboveTicketDetails, lblBelowTicketDetail */
.TicketPageText
{
    font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* -- Giving a quick explanation on what the count down clock is for */
.ClockExplanation
{
    font-size:9px;
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES ON visPayment.aspx															  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* -- The text informing user to read the terms and conditions before purchase. */
.TermsAndConditions
{
    font-size:10px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* -- Label to show what each text box in payment details requires. Eg. "Card Number:" */
.PaymentDetailsSubHeader
{	
    font-size:12px;
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal;
	background-color:none;
	text-indent:0px;
	text-align:left
}

/* -- Style for each textbox and the text inside it on payment details. */
.PaymentDetailsTextBox
{	
    font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:none;
	text-indent:0px;
	text-align:left
}

/* -- Style for each drop down list and the text inside it on payment details. */
.PaymentDetailsDropDownList
{	
    font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:none;
	text-indent:0px;
	text-align:left
}

/* -- The row which contains PaymentDetails controls like labels, textboxes and drop down lists. Can set background colour, for example */
.PaymentDetailsRow
{
	height:25px
}

/* --The text displaying the "including tax" after order total */
.PaymentDetailsTax
{
	font-size:10px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* -- Defines what the Ad-Hoc text looks like. Eg lblAbovePaymentDetails, lblBelowPaymentDetail */
.PaymentText
{
    font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* -- Style for text directly above "Pay Now" button. Can change the style to emphasise some sort of warning or message the user should read before purchasing */
.PaymentWarning
{
    font-size:11px;
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* -- The link surrounding the verisign/secure site logo, allowing click to open verify certificate page. By default this link is invisible as the image is enough */
A.VerifyLink:link
{
    color:none;
    border-style:none
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES ON visError.aspx															  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* -- Defines what the TABLE looks like that contains the Error message text */
.UnexpectedErrorTable
{
	border-style:none;
	background-color:none
}

/* -- Defines what the Error Message text looks like */
.UnexpectedErrorText
{
    font-size:12px;
    color:#FF0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
    font-weight:bold;
    background-color:none
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES USED ON visTimeOut.aspx															  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* -- Text displaying message to user that their session has timed out */
.TimeoutText
{
    font-size:12px;
    color:#FF0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES ON visSelectSeats.aspx													  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* -- Giving a quick explanation to the user how to change their seats */
.AppletExplanation
{
    font-size:10px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* -- Giving a quick explanation to the user how to change their seats */
.Legend
{
    font-size:10px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* -- Allows you to put a background colour and border around the count down clock. */
.LegendTable
{
	background-color:#02C5F3;
	border-color:#29087B;
	border-width:1px;
	border-style:solid 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES USED ON visSelect.aspx															  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* -- Text displaying "SELECT A CINEMA:", "SELECT A CINEMA:" etc */
.StepText
{
    font-size:11px;
    color:#FFFF00;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

.SessionDateText
{
    font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* Row displaying cinemas (every odd row) */
.CinemaRow
{
    font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:#039BE6;
	height: 20px
}

/* Row displaying cinemas (every even row) */
.CinemaRowAlt
{
    font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:#02C5F3;
	height: 20px
}

/* Row displaying movies (every odd row) */
.MovieRow
{
    font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:#039BE6;
	height: 20px	
}

/* Row displaying movies (every even row) */
.MovieRowAlt
{
    font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:#02C5F3;
	height: 20px	
}

/* Row displaying sessions (every odd row) */
.SessionRow
{
    font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:#F4F3F7;
	height: 20px
}

/* Row displaying sessions (every even row) */
.SessionRowAlt
{
    font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background:none;
	background-color:none;
	height: 20px
}

/* Row displaying sessions, used only for aesthetics (every odd row) */
.SessionRowAesthetics
{
    font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:#039BE6;
	height: 5px
}

/* Row displaying sessions, used only for aesthetics (every even row) */
.SessionRowAltAesthetics
{
    font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
	background-color:#02C5F3;
	height: 5px
}
/* Link displaying cinema names */
A.CinemaLinkSml:link
{
    font-size:9px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline
}
A.CinemaLinkSml:visited
{
    font-size:9px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}
A.CinemaLinkSml:hover
{
    color:#FFFF00;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}

/* Link displaying movie names */
A.MovieLinkSml:link
{
    font-size:9px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline
}
A.MovieLinkSml:visited
{
    font-size:9px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}
A.MovieLinkSml:hover
{
    color:#FFFF00;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}

/* Background colour for page */
.SessionsBG
{
	background-color:#29087B
}

/* Background colour for page header (ie. Row containing "Choose By Movie" radio button) */
.SessionsHeaderBG
{
	background-color:#FFFFFF
}

/* Background colour for page steps (ie. Row containing "Select A Cinema" text) */
.SessionsStepsBG
{
	background-color:#29087B
}

/* Background colour you will see when the (cinema, movie, session) list does not span the full height of the page */
.bglist
{
	background-color:#87CEEB
}

/* Radio button text for searching by cinema or movie */
.RadioSearchBy
{
    font-size:12px;
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* Text showing what user has selected */
.StepSelection
{
    font-size:10px;
    color:#00FFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* Text informing user no cinemas, movies, sessions were found */
.NoneFound
{
    font-size:10px;
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES USED ON visConfirmation.aspx															  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Header Text (eg. "Your booking was succesfull") */
.ConfirmDetailsHeader
{
    font-size:12px;
    color:#FFFF00;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* SubHeader Text (eg. "Cinema:") */
.ConfirmDetailsSubHeader
{
	font-size:11px;
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* Details Text (eg. "Lawrence of Arabia") */
.ConfirmDetailsText
{
	font-size:11px;
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* Ad-hoc Text for picking up tickets (eg. "Please bring along your credit card") */
.ConfirmDetailsPickUp
{
    font-size:11px;
    color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* SubHeader for the Total (ie. "Total:") */
.ConfirmDetailsSubHeaderTotal
{
	font-size:11px;
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* Text for displaying the Total amount (ie. "$18.00") */
.ConfirmDetailsTextTotal
{
	font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* Text informing user tax is included (or excluded in some cases) */
.ConfirmDetailsTax
{
	font-size:10px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* Row that contains the header, for example can change background colour */
.ConfirmDetailsHeaderRow
{
	height:22px;
	background-color:#29087B
}

/* Row that contains the subheaders and details */
.ConfirmDetailsRow
{
	height:15px;
	background-color:#02C5F3
}

/* Row fitted between subheader + details rows, for aesthetics only */
.ConfirmDetailsRowAesthetics
{
	height:5px;
	background-color:#02C5F3
}

/* Confirmation Details Border */
.ConfirmDetailsTableBorder
{
	border-style:solid;
	border-width:1px;
	border-color:#29087B
}

/* Text displaying the day of the session */
.DayText
{
	font-size:12px;
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES USED ON visTerms.aspx and visRatings.aspx										  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Text displaying header of terms */
.TermsHeader
{
	font-size:12px;
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* Text displaying details of terms (and ratings)*/
.TermsDetails
{
	font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES ON visMovies.aspx													  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Style for text displaying movie synopsis */
.MovieSynopsis
{
	font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* Style for text all other text for each movie in the list. Eg. MovieContent */
.MovieOtherText
{
	font-size:12px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* Text displaying links for each movie in list */
A.MovieLink:link
{
    font-size:12px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    font-weight:normal;
    text-decoration:none
}
A.MovieLink:visited
{
    font-size:12px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    font-weight:normal;
    text-decoration:none    
}
A.MovieLink:hover
{
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    font-weight:normal;
    text-decoration:none    
}

/* Text displaying links for each movie rating in list */
A.RatingLink:link
{
    font-size:12px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:none
}
A.RatingLink:visited
{
    font-size:12px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:none    
}
A.RatingLink:hover
{
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:none    
}

/* Text displaying links to more details and to sessions for each movie in the list */
A.NavigationLink:link
{
    font-size:12px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:none
}
A.NavigationLink:visited
{
    font-size:12px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:none    
}
A.NavigationLink:hover
{
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:none    
}

/* Style for each odd movie row in the list */
TR.MovieSummaryRow
{
	background-color:#02C5F3
}

/* Style for each even movie row in the list */
TR.MovieSummaryRowAlt
{
	background-color:#FFFFFF
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES ON visMovieInfo.aspx																  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Text Style displaying movie name */
.MovieNameLabel
{
    font-size:11px;
    color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* Text Style for all information about a movie, eg. Synopsis, Rating, etc */
.MovieInfoText
{
    font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* Text Style for all movie information sub-headers eg. "Rating:", "Running Time:" */
.MovieInfoSubHeader
{
    font-size:11px;
    color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* Style for background/box holding all movie information */
.MovieInfoTable
{
	background-color:#02C5F3;
	border-style:solid;
	border-color:#29087B;
	border-width:1px;
	border-bottom:none;
	padding:2px,2px,2px,2px
}

/* Style break between movie information background/box and the body background/box, containing text "Now Showing At:" */
.SubHeaderTable
{
	background-color:#29087B;
	border-style:solid;
	border-color:#29087B;
	border-width:1px;
	padding:none;
	margin:none
}

/* Style for text contained in "SubHeaderTable" background/box, displays a message like "Now Showing At:" or "Sorry, no cinemas currently showing this movie" */
.ShowingAt
{
    font-size:11px;
    color:#FFFF00;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* Text displaying "Now Showing" if movie is now showing */
.NowShowing
{
    font-size:11px;
    color:#A5FDB1;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* Text displaying "Coming Soon" if movie is coming soon */
.ComingSoon
{
    font-size:11px;
    color:#FCDCA9;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal
}

/* Text displaying an actors name when no url is associated (so no link required) */
.ActorNameLabel
{
    font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* Link displaying an actors name when a url is associated with the actor */
A.ActorNameLink:link
{
    font-size:11px;	
    color:#123EFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline
}
A.ActorNameLink:visited
{
    font-size:11px;	
    color:#123EFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}
A.ActorNameLink:hover
{
    color:#448AFE;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}

/* Text displaying an directors name when no url is associated (so no link required) */
.DirectorNameLabel
{
    font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* Link displaying a directors name when a url is associated with the actor */
A.DirectorNameLink:link
{
    font-size:11px;	
    color:#123EFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline
}
A.DirectorNameLink:visited
{
    font-size:11px;	
    color:#123EFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}
A.DirectorNameLink:hover
{
    color:#448AFE;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}

.MovieWebsiteSeperator
{
	font-size:11px;	
    color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:none
}

/* Link for when a url is associated with a movie */
A.MovieWebsiteLink:link
{
    font-size:11px;	
    color:#123EFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline;
    font-weight:normal
}
A.MovieWebsiteLink:visited
{
    font-size:11px;	
    color:#123EFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline;
    font-weight:normal
}
A.MovieWebsiteLink:hover
{
    color:#448AFE;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline;
    font-weight:normal
}

/* Link for seat allocated sessions */
A.SeatAllocationOn:link
{
    font-size:11px;	
    color:#A32525;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline
}
A.SeatAllocationOn:visited
{
    font-size:11px;	
    color:#A32525;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}
A.SeatAllocationOn:hover
{
    color:#FF8484;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}

/* Link for non-seat allocated sessions */
A.SeatAllocationOff:link
{
    font-size:11px;	
    color:#005F95;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline
}
A.SeatAllocationOff:visited
{
    font-size:11px;	
    color:#005F95;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}
A.SeatAllocationOff:hover
{
    color:#3CA2DB;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}

/* Link for sold out sessions */
A.SessionSoldOut:link
{
    font-size:11px;	
    color:#D37700;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline
}
A.SessionSoldOut:visited
{
    font-size:11px;	
    color:#D37700;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}
A.SessionSoldOut:hover
{
    color:#FCA743;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}

/* Link displaying cinema names */
A.CinemaLink:link
{
    font-size:11px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline
}
A.CinemaLink:visited
{
    font-size:11px;	
    color:#29087B;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}
A.CinemaLink:hover
{
    color:#5933B7;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}

/* Link displaying selected cinema name */
A.CinemaSelectedLink:link
{
    font-size:11px;	
    color:#29087B;
    background-color:#FFFF00;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline
}
A.CinemaSelectedLink:visited
{
    font-size:11px;	
    color:#29087B;
    background-color:#FFFF00;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}
A.CinemaSelectedLink:hover
{
    color:#5933B7;
    background-color:#FFFF00;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline    
}

.SessionSoldOutExample
{   
    font-size:11px;	
    color:#D37700;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
    font-weight:normal;
	font-style:normal;
	text-decoration:underline
}
.SeatAllocationOnExample
{
    font-size:11px;	
    color:#A32525;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
    font-weight:normal;
	font-style:normal;
	text-decoration:underline
}
.SeatAllocationOffExample
{
    font-size:11px;	
    color:#005F95;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
    font-weight:normal;
	font-style:normal;
	text-decoration:underline
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	STYLES ON visHome.aspx																  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Used when cannot get a list of movies on home page */
.HomePageError
{
    font-size:11px;	
    color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
    font-weight:bold;
	font-style:normal;
	text-decoration:none
}

/* Style for background/box holding movie image */
.PictureBorder
{
	background-color:none;
	border-style:solid;
	border-color:#29087B;
	border-width:1px;
	padding:none;
	margin:none
}

/* Style for background/box holding movie image */
.MovieDetailsTable
{
	background-color:#FFFFFF;
	border-style:solid;
	border-color:#29087B;
	border-width:1px;
	padding:none;
	margin:none
}

/* -- Movie name and rating text */
.MovieSynopsisHomePage
{
    font-size:11px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal
}

/* -- Movie name and rating text */
A.MovieNameHomePage:link
{
    font-size:11px;
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal;
	text-decoration:underline
}

/* -- Movie name and rating text */
A.MovieNameHomePage:visited
{
    font-size:11px;
    color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal;
	text-decoration:underline
}

/* -- Movie name and rating text */
A.MovieNameHomePage:hover
{
    font-size:11px;
    color:#FD6A6A;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal;
	text-decoration:underline
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	IMAGES																					  */
/* ~~	Images on the site (excluding ones only in visSkinHeader.htm and visSkinFooter.htm)		  */
/* ~~	If an image is changed, the width and height should be changed here.					  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* -- Animated gif image displayed in times of expected delay (doing something at cinema with sales server) */
.ImageProcessing
{
	width:183px;
	height:30px
}

/* -- The "Next" button used to navigate the site */
.ImageNext
{
	width:130px;
	height:22px
}

/* -- The "Back" button used to navigate the site */
.ImageBack
{
	width:81px;
	height:22px
}

/* -- The "Cancel" button used to cancel order and return to selecting a session */
.ImageCancel
{
	width:81px;
	height:22px
}

/* -- The "Cancel" button used to cancel order and return to selecting a session */
.ImageChangeSession
{
	width:130px;
	height:22px
}

/* -- The "Select Seats" button displayed on visSelectTickets.aspx to navigate to visSelectSeats.aspx */
.ImageSelectSeats
{
	width:130px;
	height:22px
}

/* -- The "Pay Now" button displayed on visPayment.aspx to complete the purchase */
.ImagePayNow
{
	width:119px;
	height:22px
}

/* -- The button image to go back to selecting a session after session times out */
.ImageSessionTimes
{
	width:132px;
	height:22px
}

/* -- The versign/secure site logo on visPayment.aspx */
.ImageVerify
{
	width:87px;
	height:111px
}

/* -- The legend images on visSelectSeats.aspx */
.ImageAppletExample
{
	width:20px;
	height:20px
}

/* -- Button to go back to home page on visConfirmation.aspx */
.ImageHome
{
	width:77px;
	height:22px
}

/* -- Button to print confirmation */
.ImagePrint
{
	width:151px;
	height:22px
}

/* -- Button to print ticket */
.ImagePrintTicket
{
	width:151px;
	height:22px
}

/* -- Button to print confirmation */
.LargeHeader
{
	width:580px;
	height:20px
}