/****************************************
 CUSTOMER STYLESHEET CUSTOMISATION FILE

 Copy styles from visStyles.css that you wish to override.
 Styles written in this file will take precedence over other styles
 in the base visStyles.css file.

 For example, to change the text colour on visError.aspx to black
 add the following style override to this file
 
 .UnexpectedErrorText
 {
    color:#000000;
 }

 All other attributes of this text (font size, weighting and type) will
 be interpreted using visStyles.css
****************************************/
/* 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:transparent;
	border-style:none;
	/*border-color:#29087B;
	border-width:1px;
	border-top:none;*/
	padding:0;
	margin:0;
}
/* -- Defines what the Ad-Hoc text looks like. Eg lblAboveTicketDetails, lblBelowTicketDetail */
.TicketPageText
{
    font-size:11px;
    color:#515151;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
}
/* --The text in the header of the ticket type list Eg. “TYPE OF TICKET:” */
.TicketTypeHeader
{
    font-size:12px;
    color:#b80000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight: bold;
	font-style:normal;
}
/* Background colour for page */
.SessionsBG
{
	/*background-color:#29087B;*/
	background-color:#fff;
}

/* Background colour for page steps (ie. Row containing "Select A Cinema" text) */
.SessionsStepsBG
{
	/*background-color:#29087B;*/
	background-color:#fff;
}
/* Background colour you will see when the (cinema, movie, session) list does not span the full height of the page */
.bglist
{
	background-color:#fff;
}

/* Radio button text for searching by cinema or movie */
.RadioSearchBy
{
    font-size:12px;
    color:#515151;
    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:#515151;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal;
}
/* Other text in the step section not related to user selections */
.StepOther
{
    font-size:9px;
    color:#515151;
    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:#f1f1f1;
	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:#e7e7e7;
	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:#f1f1f1;
	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:#e7e7e7;
	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:#f1f1f1;
	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-color:#e7e7e7;
	height:20px;
}

/* Text displaying the day of the session */
.DayText
{
	font-size:12px;
    color:#b80000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal;
}
.StepText
{
    font-size:12px;
    color:#b80000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:bold;
	font-style:normal;
}
/* Link displaying cinema names */
/*A.CinemaLinkSml:link
{
    font-size:9px;	
    color:#515151;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";   
    text-decoration:underline;
}
A.CinemaLinkSml:visited
{
    font-size:9px;	
    color:#515151;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline;    
}
A.CinemaLinkSml:hover
{
    color:#b80000;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";    
    text-decoration:underline;
}*/

/* -- The subheader text. Eg “Cinema:” */
.DetailsSubHeader
{
	font-size:11px;
    color:#515151;
    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:#515151;
    font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-weight:normal;
	font-style:normal;
}
/* -- Border around the details table */
.DetailsTableBorder
{
	border-style:none;
	/*border-width:1px;
	border-color:#fff;*/
}
/* -- The row containing the subheader and details text. You can change the background color, for example. */
.DetailsRow
{
	height:15px;
	background-color:transparent;
}

.DetailsRow td 
{
	vertical-align:top;
	padding:0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ STYLES USED ON visOrderDetails.ascx and visOrderSummary.ascx                                */ 
/*    This section is used to style the order details table shown on the order pages              */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#orderDetails
{
	background-image:url(booking_new/images/form/ticket5-bt.jpg);
	background-repeat: repeat-x;
    background-color:#fff;
    text-align:left;
    width:740px;
	border:solid #CCCCCC 1px;
	border-top-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
}

#orderDetails #orderHeader
{
	display:none;
    padding:0px 5px;
}

#orderDetails dl
{
    margin:0;
}

#orderDetails dt
{
    clear:left;
    float:left;
    margin:0;
    display:block;
}

#orderDetails dd
{
    float:left;
}

#orderDetails .CinLabel
{
    width:15%
}

#orderDetails div div table
{
    width:720px;
}

#orderDetails .SectionContainer
{
    padding:0 5px 5px 5px;
    clear:left;
}

#orderDetails .DetailsRow
{
    vertical-align:top;
    text-align:left;
}

#orderDetails .DetailsRowAesthetics
{
    height:2px;
}

#orderDetails .Price
{
    width:20%;
    max-width:20%;
    text-align:right;
}

#orderDetails .Points
{
    width:15%;
    max-width:15%;
    text-indent:2px;
}

#orderDetails .orderDetailsDescription
{
    max-width:40%;
    width:40%;
}

#orderDetails .OrderMisc
{
    width:20%;
    max-width:20%;
}

#orderDetails .MovieSummary
{
    width:70%;
    float:left;
}

#orderDetails .SubTable
{
    margin-top:5px;
}

#orderDetails .SubRow td
{
    padding-bottom:10px;    
}

.Indent
{
    text-indent:10px;
}

#orderDetails #cartlinks
{
    text-align:right;
    padding-bottom:0;
}

.Left
{
    float:left;
}

.Right
{
    float:right;
}

.Clear
{
    clear:both;
}

.Bold
{
    font-weight:bold;
}

.GrandTotal
{
    font-weight:bold;
    text-decoration:overline;
}


#tblStep1 td {
	border:2px;
	border-color: #fff;
	border-top-style:none;
	border-left-style:none;
	border-right-style:none;
}
#tblStep2 td {
	border:2px;
	border-color: #fff;
	border-top-style:none;
	border-left-style:none;
	border-right-style:none;
}
#tblStep3 td {
	border:2px;
	border-color: #fff;
	border-top-style:none;
	border-left-style:none;
	border-right-style:none;
}
#tblSessions td {
	border:2px;
	border-color: #fff;
	border-top-style:none;
	border-left-style:none;
	border-right-style:none;
}