/* ---------------------------------------------------------------------------------------------- */
/* -- DEVELOPERS CHANGING THIS FILE - PLEASE READ!												  */
/* -- There is no user documentation for this file please comment anything you add or change heavily*/
/* -- Also, make sure your wording is good enough for a non-technical person to understand		  */
/* ---------------------------------------------------------------------------------------------- */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	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-color: #FFFFFF;
}

/* -- 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:#000000;
	border-width:1px;
	border-top:none;
	padding:none;
	margin:none
}

/* Style for the border you see around most pages */
TABLE.MovieListTable
{
	background-color:none;
	border-style:solid;
	border-width:1px;
	border-color:000000
}

/* 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:#02C5F3
}

/* -- 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:#999999
}

/* -- 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 
}


/* -- Added by manic for testing Dec 23. */

.body 
{
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.content 
{
	padding: 10px;
	background-color: #000066;
}

.bodytext 
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
.small_header {
	font-family: Futura Roman, Avant Garde, sans-serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #83053B;
}
.footer {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	font-weight: bold;
	text-align: right;
	color: #FFFFFF;
}
.secondary_nav {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.navi {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.navi a:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.navi a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.navi a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~	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
}

/* -- 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	
}

/* -- 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:#000000;
    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:#FFFFFF;
	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:#CCCCCC;
	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:#FFFFFF;
	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:#CCCCCC;
	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:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:none    
}

/* 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:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:none    
}

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

/* 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:#02C5F3
}

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

/* 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:#CC0000;
    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:77px;
	height:22px
}

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