﻿/*
	Imports  
*/
@import "Base.css";
@import "TravelNotice.css";
@import "jquery.lightbox.css";
/*
	Global tag defaults
*/


/* REALTIME FIDS CODE */
.Fids_ActiveTab
{
	display: block;
	width: 110px;
	height:20px;

    background-color: #d1d4d3;

	background-image: url(Images/ActiveTab.png);
	background-repeat: no-repeat;
	text-align: center;

	padding-top:5px;
}

.HomepageCalIcon
{
	padding-top:6px;
}
	
.Fids_InActiveTab
{
	display: block;
	width: 110px;
	height:20px;

	background-image: url(Images/InActiveTab.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top:5px;

}
.RealtimeTabs_InnerTable
{
	width:434px;
}
.RealtimeHeaderBackground
{
	color: White;
	background-image: url(Images/FlightInfoTopBg.png);
}
.RealtimeContentBackground
{
	height: 24px;
	background-image: url(Images/FlightInfoContentBg.png);
}
.RealtimeFooterBackground
{
	height: 0px;
	background-image: url(Images/FlightInfoContentBg.png);
}
#RealtimeTabContents
{
	background-color: #d1d4d3;
}

#ArrivalsTab
{
	display: none;
	width:449px;
	background-color: #D1D4D3;
	padding-bottom:0px;
}
#DeparturesTab
{
	display: none;
	width:449px;
	background-color: #D1D4D3;
	padding-bottom:0px;
}

#ArrivalsTable
{
	margin-left:15px;
	padding-top:10px;
	width:407px;
}

#ArrivalsTableData
{
    padding-top: 10px;
	margin-left:15px;
	width: 407px;
	
}

#DeparturesTable
{
	margin-left:15px;
	padding-top:10px;
	width:407px;
}
#DeparturesTableData
{
    padding-top: 10px;
	margin-left:15px;
	width:407px;
	
}
/*
	Utility Pseudo Classses
*/



/*
	The ID'd Divs
	Header
	Content
	Footer
	Houskeeping bar etc
	
*/

#BodyBottomAdvertisment
{
	width:765px;
	clear: both;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

.FloatingCalendar
{
	position: relative;
	left: 0px;
	top: 0px;
	z-index: auto;
	background-color: White;
}

#HomeNav ul
{
	list-style-type:none;
	float:left;	
}
#HomeNav li
{
	padding-left:5px;
	padding-right:5px;
	float:left;
	list-style-type:none;
	font-size:0.8em;
}
#HomeNav .Seperator
{
	padding:0px;
}

#HouseKeeping
{
	padding:5px 0px 5px 0px;
	margin:0px;
}
#HouseKeeping ul
{
    float: left;
	padding:0px;
	margin:0px;
	list-style-type:none;
}
#HouseKeeping li
{
	float: left;
	padding-right: 1px;
	margin: 0px;
}
#HouseKeeping a
{
	font-family:Arial;
	list-style-type:none;
	text-decoration:none;
	font-size:0.9em;		
	float:left;	
	font-weight: lighter;
	text-align:left;
	/*background-image:url(Images/HouseKeepingBackgroundTopDown.gif);*/
	background-color:#D1D4D3;
	/*background-repeat:repeat-x;	*/
}

#HouseKeeping .HouseKeepingSelected
{
	background-color:#85A5BE;
	color:#FFFFFF;
}



.NavigationNode
{
	margin-bottom:10px;
}

.RegularText
{
	font-family: Arial, Sans-Serif;
	font-size: small;
	color: Black;
}

.Advertisement
{
	border:0px;
}


/* Special Offers */
.OffersBox
{
	width:214px;
	margin-bottom: 20px;
}

.OffersBox h3
{
	background-image: url(Images/LightBlueHeader.png);
	font-size: small;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	color:#1E1E1E;
	margin-bottom:0px;
	padding-bottom:0px;
}
.OffersBox .Destination
{
	text-transform:uppercase;	
	width:130px;
}
.OffersBox a.Destination
{
	text-decoration:underline;
}
.OffersBox .Price
{
	font-family:Arial;
	font-size:0.8em;
	font-weight:300;
	color:#0B4A80;
	width:75px;	
}
.OffersBox a
{
	text-decoration:none;		
	display:block;
}
.OffersBox .OffersIntro
{
	padding:2px;
	margin:5px 0px 5px 0px;
	font-family:Arial;
	font-size:0.7em;
}

.OffersBox ul
{
	margin:0px 0px 15px 0px;
	padding:0px;
	list-style-type:none;
}
.OffersBox .OfferDescription
{
	font-size:0.9em;
	font-weight:300;
	text-decoration:underline;
}

.OffersBox a.NormalLink
{
	display:inline;
	text-decoration:underline;
}
.OffersBox a.NormalLink:hover
{
	background-color:#FFFFFF;
}

/* Light Blue Boxes */
.LightBlueBox
{		
	width:214px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-color: #D1D4D3 /*#C8E0F2*/;
	background-image:url(Images/LightBlueFooter.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.LightBlueBox a
{
	/*color:#0B4A80;*/
}
.LightBlueBox h3
{	
	width:200px;	
	padding:4px 0px 4px 14px;
	background-image:url(Images/LightBlueHeader.png);
	background-repeat:no-repeat;
	font-size:0.9em;
	font-weight:bold;
	
	border-bottom:2px solid #FFFFFF;
	margin-bottom:5px;
}

.LightBlueBox label,.LightBlueBox input
{
	
	font-size:0.7em;	
	display:block;
	float:left;			
	vertical-align:bottom;
}

.LightBlueBox label
{
	font-size:0.7em;
	height:15px;
	width:60px;
	margin-left:10px;	
	
}

/* Middle Blue Boxes */

.MiddleBlueCurveLeft
{
	background-image: url(Images/BlueHeaderLeftCurve.png);
	background-repeat: no-repeat;
	width: 8px;
	height: 27px;
	float:left
}
.MiddleBlueBackground
{
	background-image: url(Images/BlueHeaderBackground.png);
	background-repeat: repeat-x;
	height: 27px;
	float: left;
	width: 433px;
}
.MiddleBlueBackground h2
{
	font-size: medium;
	color: #FFFFFF;
	margin: 3px 0px 0px 0px;
}
.MiddleBlueCurveRight
{
	background-image: url(Images/BlueHeaderRightCurve.png);
	background-repeat: no-repeat;
	width: 8px;
	height: 27px;
	float: left;
}

.PaleBlueBAckground
{
	background-color: #E1EDF9;
}
	



/* Dark Blue Boxes */

.DarkBlueBox
{
	width:214px;
	background-color:#D1D4D3;
	background-image:url(Images/DarkBlueFooter.png);
	background-repeat: no-repeat;
	background-position:bottom;
}
.DarkBlueBox h3
{
	background-image:url(Images/DarkBlueHeader.png);
	background-repeat:no-repeat;
	padding:4px 0px 4px 10px;
	font-weight:bold;
	width:204px;
	margin-right:0px;
	height:17px;
	margin: 0px;
	font-size: small;
	color: #1E1E1E;
}
.DarkBlueBox ul
{
	margin:5px;
	padding:0px;
	list-style-type:none;
}
.DarkBlueBox a
{
	color:#0B4A80;
}

/*
	Horizontal Links
*/

.HorizontalLinks ul
{
	margin:0px;
	padding:0px;	
	
		
}
.HorizontalLinks li, .HorizontalLinks a
{
	list-style-type:none;
	
	font-size:0.9em;
	width:75px;
	float:left;
	margin:0px 0px 0px 0px;
	
}

/*
	Destination Surveys
*/

#DestinationSurveys
{
		
}

/*
	Intro Boxes
	used to introduce each page
*/

.IntroBoxHeader
{
	width:449px;
	background-image:url(Images/IntroBoxHeader.png);
	background-position:top;
	background-repeat:no-repeat;	
	height: 8px;
	padding: 0px;
}
.IntroBoxHeader_Black
{
	width:449px;
	background-image:url(Images/IntroBoxHeader_Black.png);
	background-position:top;
	background-repeat:no-repeat;	
	height: 7px;
	padding: 0px;
}
h2.IntroBoxHeader {display: none;}

.IntroBox
{
	margin-bottom: 10px;
}
.StaticPageContent
{
	padding: 0px 10px 5px 10px;
}
.IntroBoxBody
{
	width:429px;
	
	font-size:small;
	padding: 0px 10px 5px 10px;
	background-image: url(Images/IntroBoxContent.png);
	background-repeat: repeat-y;
	
	margin:0px;
	border:0px solid red;
}

.IntroBoxBody a:link {text-decoration: underline;}
.IntroBoxBody a:visited {text-decoration: underline;}
.IntroBoxBody a:active {text-decoration: underline;}
.IntroBoxBody a:hover {text-decoration: underline;}

.IntroBoxBody_Black a:link {text-decoration: underline; color: White;}
.IntroBoxBody_Black a:visited {text-decoration: underline; color: White;}
.IntroBoxBody_Black a:active {text-decoration: underline; color: White;}
.IntroBoxBody_Black a:hover {text-decoration: underline; color: #992222;}

.IntroBoxBody_Black
{
	width:430px;
	color:white;
	font-size:small;
	padding: 5px 10px 5px 10px;
	background-image: url(../Images/IntroBoxContent_Black.png);
	background-repeat: repeat-y;
	background-color: Black;
	margin:0px;
	border:0px solid red;
}
.IntroBoxBody h2
{
	margin: 0px 0px 5px 0px;
	padding:0px;
	font-size: medium;
}
.IntroBoxBody_Black h2
{
	margin: 0px 0px 5px 0px;
	padding:0px;
	font-size: medium;
	color: White;
}
.IntroBoxFooter
{
	width:449px;	
	height:6px;
	background-image:url(Images/IntroBoxFooter2.png);
	background-position:bottom;
	background-repeat:no-repeat;	
	margin:0px 0px 20px 0px;
}
.IntroBoxFooter_Black
{
	width:449px;	
	height:6px;
	background-image:url(Images/IntroBoxFooter_black.png);
	background-position:bottom;
	background-repeat:no-repeat;	
	margin:0px 0px 20px 0px;
}



/*
	Body Boxes
	used to provide a grey/blue background for content, usually under an Intro Box
*/
.BodyBoxContent h2
{
	font-size: medium;
	margin:0px 0px 10px 0px;
	padding:0px;	
	
}

.BodyBoxContent h3
{
	font-size: small;
	font-weight: bolder;
}

.BodyBoxHeader
{
	width:440px;
	margin:0px;	
	background-image:url(Images/BodyBoxHeader.png);
	background-position:top;
	background-repeat:no-repeat;	
	
	font-size:medium;	
	padding:5px 0px 0px 10px;
	margin:0px;
	height:10px;
}
.BodyBoxContent
{
	width:449px;
	font-size:small;
	padding:5px 0px 5px 10px;
	background-image:url(Images/BodyBoxContent.png);
	background-repeat: repeat-y;
	margin:0px;
}
.BodyBoxFooter
{
	width:449px;	
	height:10px;
	background-image:url(Images/BodyBoxFooter.png);
	background-position:bottom;
	background-repeat:no-repeat;	
	margin:0px;
}

#eBlastBox {
    background-image:url(images/e-blast-background.gif);
    background-repeat: no-repeat;
    padding: 5px 0px 0px 5px;
}
/*
	NoScript class for areas where <noscript> is being used.
*/
.NoScript
{
	color: red;
	padding: 10px 0px 10px 0px;
}

.TimetableGrid 
{
    border-collapse:collapse;
}
.TimetableGrid caption
{
    visibility:hidden;
}
.TimetableGrid th
{
    background-color:#1E1E1E;
    color:#FFFFFF;
    padding:5px;
}
.TimetableGrid td
{
    padding:5px;
}
.TimetableSubHeader td
{
    text-align:center;
    color:#17447B;
    font-weight:bold;
}

.TimetableGridRow td
{
    text-align:center;
    background-color: #d1d4d3;
    border-bottom:2px solid #FFFFFF;
    
}

.TimetablePagerClass
{
    border-top:2px solid #5D7B9D;
}
.TimetableRowClass
{

}
.TimetableDestination:active
{
    color:#507AA2;    
}
.TimetableDestination:link
{
    color:#507AA2;    
}
.TimetableDestination:visited
{
    color:#507AA2;    
}

.NoResultsLabel
{
    background-color:#A2A4A3;
    border:1px solid #000000;
    display:block;
    padding:10px;
    margin:20px;
    text-align:center;
    
    
}
.SiteMap
{
	margin: 120px 0px 5px 0px;
}



/*
	Generics
*/
.FloatRight {float: right;}
.FloatLeft {float: left;}


/*
Questionnaire CSS
*/
.SmallerText {font-size: smaller}
.MandatoryStar {color: #FF0000;
	font-size: smaller;}

/*
    Homepage_DestinationList
*/
#Homepage_DestinationList {
    text-align: center;
    margin-bottom: 10px;
    padding: 0px 0px 0px 5px;
}
#Homepage_DestinationList select {
    width: 142px;
}

#Homepage_DestinationList h3 {
    font-size: 11pt;
    text-align: left;
}
.CriticalNotice h2 {
    display: block;
    padding: 3px;
    margin: 0px;
    background-color: #772432;
    color: White;
}
.CriticalNotice p {
    color: #565A5C;
    clear: both;
    padding: 3px;
}
.CriticalNotice #CloseButton {
    float: right;
    color: White;
    font-size: smaller;
    padding: 0px 5px 0px 0px;
}
.CriticalNotice #CloseButton a:link, .CriticalNotice #CloseButton a:visited {
    text-decoration: none;
    color: White;
}

.CriticalNotice {
    border:1px solid #A2A4A3;
}

#BookingTypeChoice {
    margin-left: 20px;
}
#BookingTypeChoice > ul {
    list-style-type: none;
    padding: 10px 0px 0px 0px;
    margin: 0em;
}
#BookingTypeChoice > ul > li {
    display: inline;
}