/* Screen Reader Specific */

.skip a, .skip a:hover, .skip a:visited 
{ 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 
 
.skip a:active
{ 
	position:static; 
	width:auto; 
	height:auto; 
} 


fieldset
{
	border:none;
	padding:0;
	margin:0;
}

legend
{
	position:absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	border:none;
	padding:0;
	margin:0;
}

/* General */

.StationSelect, .JourneyDate, .Passengers, .Extras, .Wizard, .PleaseWait, .FaresIntro, .Timetable, .ShowFares, .FaresRouteSummary, .CheaperTickets
{
	margin:10px;
}

.StationSelect input
{
	margin-left:5px;
}

.buttonleft
{
	float:left;
	padding:20px 5px 20px 10px;
}

.buttonright
{
	float:right;
	padding:20px 5px 20px 10px;
}

/* Station */

.StationList
{
	float:left;
	width:200px;
}

/* Date */

.JourneyDate .Label
{
	margin:0 10px 0 0;
}

.JourneyDate select
{
	margin:0 10px 0 0;
}

.JourneyDate .SelectDate, .JourneyDate .SelectTime
{
	float:left;
}

.JourneyDate .SelectTime
{
	width:30em;
}

.JourneyDate .SelectDate
{
	margin-left:20px;
}

.JourneyDate .SelectDate, .JourneyDate .SelectTime, .JourneyDate .JourneyType
{
	margin-left:10px;
}

.JourneyDate .JourneyType
{
	margin-top:10px;
}


.JourneyDate .SelectTime .SelectTimeSection
{
	margin:0 10px 0 0;
}

.JourneyDetails
{
	margin:10px 0 15px 0;
}

/* Railcards */

.RailcardGroup
{
	clear:both;
	margin-top:10px;
}

.RailcardGroup label.Children
{
	width:6em;
}

.RailcardGroup label.Adults, .RailcardGroup label.Children, .RailcardGroup label.RailcardNumber, .RailcardGroup label.Railcards
{
	float:left;
	text-align:right;
	margin-right:5px;
	width:auto;
}

.RailcardGroup label.Adults
{
	width:3em;
}


.RailcardGroup label.RailcardNumber
{
	width:7em;
}

.RailcardGroup label.Railcards
{
	width:6em;
}


.RailcardGroup select.Adults, .RailcardGroup select.Children, .RailcardGroup select.RailcardNumber
{
	float:left;
	width:3em;
}

.RailcardGroup select.Railcards
{
	float:left;
	width:15em;
}

.RailcardAdditionalInfo
{
	clear:both;
	margin-left:100px;
	padding-bottom:50px;
}

.PassengersTravelling
{
	margin-top:5px;
	margin-bottom:5px;
}

/* Extras */

.Extras .Class, .Extras .Direct, .Extras .Via, .Extras .ChangeTimes
{
	clear:both;
	margin:10px 0 10px 0;
}

.Extras .PaddedCheck
{
	display:block;
	float:left;
	width:200px;
}

.Extras .ItsoSmartCardCheck
{
	display:block;
	float:left;
	margin-top: 2px;
}

.Extras .ItsoSmartCardCheck input
{
	display:block;
	float:left;
}

.Extras .ItsoSmartCardCheck label
{
	display:block;
	float:left;
	width: 210px;
}

.Extras .PaddedRadio
{
	margin:0 20px 0 0;
}

.Extras .JourneyPreferences, .Extras .ChangePreferences
{
	float:left;
}

.SeasonJourneyPreferences
{
	float:left;
	width:100%;
}

.Extras .OrText
{
	padding-right:20px;
}

.PossibleStations
{
	width:400px;
}

/* FaresIntro */

.TicketDescription
{
	float:left;
	width:400px;
}

.TicketDescription h3, .TicketDescription p
{
	margin:0;
	padding:0;
}

.TicketDescription p
{
	margin-top:5px;
}


.TicketDescriptionSelect
{
	float:right;
	width:200px;
}

.TicketDetails
{
	margin-top:10px;
	margin-bottom:30px;
	clear:both;
}

/* Fares control */

.TicketDetail
{
	margin-top:10px;
	margin-bottom:10px;
	color:#5176A2;
	font-size:1.1em;
}

.TicketType
{
	width:120px;
	float:left;
}

.SeasonTicketType
{
	width:115px;
	float:left;
}

.TicketPrice
{
	float:left;
}

.TicketOutwardPrice
{
	width:200px;
}

.SeasonTicketOutwardPrice
{
	width:200px;
}

.TicketInwardPrice
{
	width:200px;
}

.SeasonTicketInwardPrice
{
	width:200px;
}


.TicketInfo
{
	margin-left:20px;
	width:20px;
	float:left;
}

.TicketBuy
{
	width:120px;
	float:left;
}

.TicketServices
{
	width:125px;
	float:left;
}

.PageNumber
{
	float:right;
	font-size: 1.2em;
}


/*************************************************/
/* Right hand side popup                        */
/*************************************************/

a.RightPopup:visited
{
	color:#000;
	text-decoration:none;
}

a.RightPopup
{
	color:#000; 
	text-decoration:none; 
	position:relative; 
	font-weight:bold;
}

a.RightPopup span
{
	display:none;
}

a.RightPopup:hover, a.RightPopup:active
{
	color:#000; 
	cursor:pointer;
	z-index:10;
}

a.RightPopup:hover .PopupRightLHS, a.RightPopup:active .PopupRightLHS
{
	display:block; 
	position:absolute; 
	top:-31px; 
	left:12px; 
/*	width:350px;  */
	height:157px;
	padding-left:20px;
	background-image: url(../../Images/LM/PopupRightLHS.gif);
	background-repeat:no-repeat;
	background-position:left;
	z-index:10;
}

a.RightPopup:hover .PopupRightRHS, a.RightPopup:active .PopupRightRHS
{
	display:block;
	background-image: url(../../Images/LM/PopupRightRHS.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:5px;
	z-index:10;
}

a.RightPopup:hover .PopupRightContent, a.RightPopup:active .PopupRightContent
{
	display:block;
	height:157px;
	border-top:solid 1px #989a95;
	border-bottom:solid 1px #989a95;
	background-color:#f9f6e2;
	z-index:10;
}

.PopupRightContent iframe
{
	width:370px;
}

/*
a.RightPopup:active, a.RightPopup:focus
{
	width:12px; 
	height:10px; 
}

a.RightPopup:active img, a.RightPopup:focus img 
{
	display:block; 
	width:12px; 
	height:12px;
}
*/

/* GridView styles */ 
.GridView tr th
{
	background-image:url(../../Images/LM/TableHeadingCellBackground.gif);
	background-repeat:repeat-x;
}

.GridView
{
	background-image:url(../../Images/LM/TableHeadingBackground.gif);
	background-repeat:repeat-x;
}

.GridView tr th
{
	color:#ffffff;
	background-color:#7497bc;
}

.GridView tr td, .GridView label
{
	color:#31597a;
	background-color:#dfe3e3;
}

.GridView tr.marked td
{
	color:#002e4f;
	background-color: #acbdcc;
}


/* Timetable styles */ 

.Timetable .GridView 
{
	text-align:center;
	width:630px;
}


.Timetable .JourneyDate
{
	margin-left:30px;
}

.Timetable .SelectTime
{
	margin-left:0;
}



.Timetable .Select
{
/*	width:20px; */
}

.Timetable .Time
{
/* 	width:40px; */
}

.Timetable .Changes
{
/*	width:30px; */
}

.Timetable .Duration
{
/*	width:30px; */
}

.Timetable .Price
{
/* 	width:40px; */
}

.Timetable .Info
{
/* 	width:50px; */
}

.Timetable .Notes
{
	width:250px;
}


.CheaperTickets h3
{
	margin:20px 0 5px 0;
}

.FaresRouteSummary .ShowFaster
{
	margin-top:5px;
}

.Restrictions
{
	width:330px;
	height:150px;
	overflow:auto;
}

.UpdateServicesButton
{
	margin-top:10px;
}

.ShawTrust
{
	display:block;
	clear:both;
	text-align:left;
	margin:110px 0 10px 10px;
}