/**
  * Copyright (C) 2005; Action Information Management Ltd
  *
  * System Name		 : 	Mia 5.1 Website
  * Task Name		 :	Wales Website
  * Module Name		 :	CSS Stylesheet
  * Module Identity	 :	cymru.css
  * Author           : 	nsherman
  * Date Created 	 : 	30-Nov-2006
  */

/** ----------------------------------- SPIN DOGS -----------------------------------------------**/
#header {  width:100%; height:241px; margin:0px; padding:0px 0px 0px 0px; padding:0px;
		background:url(../images/container/header.jpg) top left no-repeat;
		font-size:8px;
}

#header_img { position:relative; display:block; background:url(http://www.spindogs-dev.co.uk/travelline/images/header_img.jpg) no-repeat bottom right; width:850px; height:235px; }
#lang {width:100px; height:20px; position:absolute; top:60px; left:20px;}
#lang a {color:#ffffff; font-size:1.4em;}
#lang a:hover {}

#search {position:absolute; top:98px; right:20px;}
#search input {width:190px; border:0px; padding:3px 0px 3px 3px; margin:0px 5px 0px 0px; color:#B3B3B3;}
#search button {border:0px; background:#FFFFFF; color:#333333; font-size:1.4em; padding:2px;}
*html #search button {padding:1px;}
*+html #search button {padding:1px;}
body:last-child:not(:root:root) #search button {padding:1px; margin-top:0px; display:block; float:left; padding:1px 2px 1px 2px;}
body:last-child:not(:root:root) #search input {width:190px; border:0px; padding:0px 0px 3px 3px; width:200px;  color:#B3B3B3; display:block; float:left;}

#links_header {width:220px;  position:absolute; top:62px; right:38px; height:24px; vertical-align:middle;}
#links_header a {display:block; float:left; vertical-align:middle !important; margin-left:4px; color:#ffffff; font-size:1.4em;}
*html #links_header a  {margin-left:5px;}

/*
	Correct the font size.

	Spindogs use a base size of 0.6em, we use 0.8em. Setting the base size to 0.75em converts our
	standard 0.8 to their 0.6.
 */
#header {
	font-size: 0.75em;
}

#header a {
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
}
#header a:hover {
	font-weight: normal;
	text-decoration: underline;
}
#nav {
	display:block;
	height:auto !important;
	margin:0;
	margin-left: 6px;
	font-size: 0.75em;
	min-height:29px;
	padding:0;
	position:absolute;
	top:-35px;
	z-index:20;
}
#nav ul {
	margin:0;
	padding:0;
}
#nav li {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size: 1.2em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 5px 0 0;
	padding:0;
	position:relative;
	z-index:500;
}
#nav li a {
	text-decoration:none;
}
:root #nav li a {
	height:16px;
}
#nav li a {
	background:transparent url(../images/green_nav_rep.jpg) repeat-x scroll 0 0;
	color:#FFFFFF;
	display:block;
	font-size:1em;
	margin:5px 7px 0;
	padding:5px 0px 3px 0px;
	font-weight: normal;
}
#nav li a .left {
	background:transparent url(../images/green_left.gif) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	height:24px;
	left:-2px;
	position:absolute;
	top:5px;
	width:9px;
}
#nav li a .right {
	background:transparent url(../images/green_right.gif) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	height:24px;
	position:absolute;
	right:-2px;
	top:5px;
	width:9px;
}
#nav li a.active,
#nav li a:hover {
	background:transparent url(../images/orange_nav_rep.jpg) repeat-x scroll 0 0;
}
#nav li a.active .left,
#nav li a:hover .left {
	background:transparent url(../images/orange_right.gif) no-repeat scroll 0 0;
}
#nav li a.active .right,
#nav li a:hover .right {
	background:transparent url(../images/orange_left.gif) no-repeat scroll 0 0;
}
#nav ul li:hover ul {
	display:block;
}

/** ----------------------------------- REDEFINE TAGS -----------------------------------------------**/
body
	{
	font-family: Arial, Helvetica, sans-serif;
	background-image:none;
	background-color:#fffff;
	position:relative;
	}

/* No borders on images */
a img
	{
	border:0px;
	}


strong
	{
	font-size:110%;
	}

h1,
h2,
h3,
h4,
h5,
li,
ul li
	{
	background-color: inherit;
	color:#001d92;
	margin-top:5px;
	}

/*table	{font-size:96%;}*/

a
	{
	text-decoration:underline;
	font-weight:bold;
	}
a:link
	{
	color:#060;
	background-color: inherit;
	}
a:visited
	{
	color:#060;
	background-color: inherit;
	}
a:hover
	{
	color:#F80;
	background-color: inherit;
	}
a:active
	{
	color:#F80;
	background-color: inherit;
	}

h1 {margin:10px 0px 5px 0px; padding:0px; font-size:140%; color:#060;}
h2 {margin:0px 0px 0px 0px; padding:0px; font-size:120%; color:#060;}
h3 {margin:30px 0px 0px 0px; padding:0px; font-size:110%; color:#040;}

img	{margin:0; padding:0; border:0px none;}

/* Put some basic styling onto the data item */
span.dataItem span.data
	{
	padding-left:0.25em;
	font-weight:bold;
	}
span.dataItem span.data span.text,
span.dataItem span.data em
	{
	color:inherit;
	font-style:inherit;
	font-weight:normal;
	margin-left:.3em;
	margin-right:.3em;
	}

#JourneyDetailsForm div.search span.time,
#OverviewResultsForm div.search span.time
	{
	margin-left:0.5em;
	}
/**
  * Put a space between the location name label, and the actual location name
  */
span.searchLocation_name em
	{
	margin-left:5px;
	}

/** ################################################################################################################# */
/** 											Content Layout														  */

/* The area of the page that holds the page text */
div.container
	{
	width:auto;
	height:auto;
	background-color:#fff;
	min-height: 450px;
	}

/* IE specific style rules */
/*\*/
* html div.container
	{
	height:auto !important;
	height:450px;
	}
/**/

/* Set width for content area for data entry */
div.Content div.dataEntry
	{
	width:100%;
	}

div.ContentCMS
	{
	width:640px;
	}
/* Containing div for the bulk of the page */
div.ContentBody
	{
	margin:0px;
	padding:0px;
	}
/* The area of the page that holds the page text */
div.Content,
div.ContentCMS
	{
	margin-top:0px;		/* Same as header size */
	margin-left: 0px;	/* Same as left gutter size */
	margin-right: 0px;	/* Same as right gutter size */
	margin-bottom:0px;	/* Same as Footer size */
	padding-top:0px;
	z-index:12;
	background:transparent;
	height:auto;
	min-height: 450px;
	position:relative;
	}

div.ContentCMS
	{
	padding:5px 0px 0px 10px;
	}

div.ContentCMS>p
	{
	margin:0px;
	}

div.ContentCMS>p+p
	{
	text-indent:0px;
	}

div.ContentCMS p
	{
	color:#000000;
	background-color: inherit;
	width:80%;
	}

div.Content form fieldset div label,
div.Content form fieldset div div.labelPadding
	{
	width:6em;
	}

/** ################################################################################################################# */
/** 											Header																  */

div.container div.Header
	{
	margin:0;
	padding:0;
	width:100%;
	height:55px;
	background-color:#015E2E;
	color: inherit;
	}

div.container div.Header h1
	{
	padding-top:10px;
	position:absolute;
	top:0px;
	left:255px;
	color:#6C6;
	background-color: inherit;
	}
/** sets the background color of the link block */
div.container div.Header a
	{
	background-color:#fff;
	}

/**
  * The Traveline image on the header
  */
div.container div.Header #banner
	{
	margin:0;
	border-left:solid 5px #018240;
	}

/**
  * The Language buttons on the header
  */
div.container div.Header #language
	{
	position:absolute;
	top:1px;
	right:10px;
	height:54px;
	width:76px;
	padding:0px
	}

/**
  * Ensure that the language button images don't have a border
  */
div.container div.Header #language a img
	{
	margin:0;
	padding:0;
	border:0px none;
	}

/** ################################################################################################################# */
/** 											Page Gutters														  */

div.RightGutter,
div.LeftGutter
	{
/* 	height:51px;			Same as Footer size */
	margin-top:55px;		/* Same as header size */
	padding-top:0px;
	background:white;
	color: inherit;
	}

div.LeftGutter
	{
	width:200px;
	background-color:transparent;
	}
div.LeftGutter ul
	{
	margin:0; padding:0;
	}
div.LeftGutter ul	li
	{
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	list-style:none;
	background-color:#015E2E;
	color: inherit;
	border-top:5px solid #FFF;
	height:26px;
	line-height:26px;
	}
div.LeftGutter ul	li a
	{
	float:left;
	text-decoration:none;
	font-weight:bold;
	}
div.LeftGutter ul	li a:link
	{
	color:#FFF;
	background-color: inherit;
	}
div.LeftGutter ul	li a:visited
	{
	color:#FFF;
	background-color: inherit;
	}
div.LeftGutter ul	li a:hover
	{
	color:#FC0; text-decoration:none;
	background-color: inherit;
	}
div.LeftGutter ul	li img
	{
	position:absolute;
	right:0;
	margin-top:0px;
	border:0px none;
	vertical-align:top;
	display: block;
	padding-top:0px;
	margin-right:0px;
	padding-right:0px;
	}

/** ################################################################################################################# */
/**													Menu Options													  */

/**
  * Define where the first menu option is displayed
  * [Home]
  */
div.container div.LeftGutter ul li img#menuoptA
	{
	top:5px;
	}

/**
  * Define where the second menu option is displayed
  * [Journey Planner]
  */
div.container div.LeftGutter ul li img#menuoptB
	{
	border-right:27px solid #FFF;
	}

/**
  * Define where the third menu option is displayed
  * [Timetables]
  */
div.container div.LeftGutter ul li img#menuoptC
	{
	border-right:57px solid #FFF;
	}

/**
  * Define where the fourth menu option is displayed
  * [Traveline Link]
  */
* html body divdiv.LeftGutter ul li img#menuoptD
	{
	left:0px;
	}

/**
  * Define the bottom triangle for the menu
  */
div.container div.LeftGutter #point
	{
	margin-top:0px;
	width:109px;
	height:115px;
	border-top:5px solid #FFF;
	padding-left:0px;
	background-image:url('../images/f90point.gif');
	background-repeat:no-repeat
	}

/**
  * Define the rollover for the bottom triangle
  */
div.container div.LeftGutter #point a
	{
	text-decoration:none;
	font-weight:bold;
	}
div.container div.LeftGutter #point a:link
	{
	color:#015E2E;
	background-color: inherit;
	}
div.container div.LeftGutter #point a:visited
	{
	color:#015E2E;
	background-color: inherit;
	}
div.container div.LeftGutter #point a:hover
	{
	color:#FFF;
	background-color: inherit;
	text-decoration:underline;
	}

/** ################################################################################################################# */
/** 														Footer													  */



/* Set footer background-color */
div.footer,
div.footer div.footerMinWidth,
div.footer div.footerMinWidth div.footerMinWidthStrut,
div.footer div.footerMinWidth div.footerMinWidthStrut div.footerMinWidthContent,
div.footer div.footerLeft,
div.footer div.footerMid,
div.footer div.footerRight
	{
	background:silver;
	}
/* Make footer sit at bottom of page */
div.footer,
div.footer div.footerMinWidth,
div.footer div.footerMinWidth div.footerMinWidthStrut
	{
	height:0px;
	}
div.footer div.footerMinWidth div.footerMinWidthStrut div.footerMinWidthContent
	{
	/*height:36px; - This was the height but the phone text is bigger than this. Makes it look wrong on Linux-FF */
	text-align:center;
	}
div.footer
	{
	font-size:0.7em;
	padding:0px;
	margin:0px;
	color:black;
	}

/* Style left portion of footer - where Trapeze logo is located */
div.footer div.footerLeft
	{
	width:200px;
	float:left;
	clear:none;
	}

div.footer div.footerMid
	{
	/* force text over 3 lines */
	width:260px;

	/* Center align */
	margin-left:auto;
	margin-right:auto;
	}
/* Style right section of footer*/
div.footer div.footerRight
	{
	text-align:right;
	padding-right:10px;
	width:20em;
	float:right;
	clear:none;
	margin-top:-36px;
	}

/* Style right section of footer
div.footer div.footerRight
	{
	position:absolute bottom right;
	width:150px;
	}
*/

/**
  * Define rollover effects for footer links
  */
div.footer a
	{
	padding:0px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	background-color: inherit;
	}
div.footer a:link
	{
	font-weight:bold;
	color:#000;
	background-color: inherit;
	}
div.footer a:visited
	{
	font-weight:bold;
	color:#000;
	background-color: inherit;
	}
div.footer a:hover
	{
	font-weight:bold;
	color:#000;
	background-color: inherit;
	text-decoration:underline;
	}
div.footer a:hover
	{
	color:#001d92;
	background-color: inherit;
	text-decoration:underline;
	}

							/** ---------- Unsupported Browser Warning ---------- **/

/* colour */
div#unsupportedBrowserWarning,
div#unsupportedBrowserWarning p,
div#unsupportedBrowserWarning p a
	{
	color: red;
	}

/* font */
div#unsupportedBrowserWarning p,
div#unsupportedBrowserWarning p a
	{
	font-weight: bold;
	}
div#unsupportedBrowserWarning p
	{
	font-size: 0.8em;
	margin: 0;
	}

/* layout */
div#unsupportedBrowserWarning
	{
	text-align:left;
	padding-top: 2px;
	}

/** ################################################################################################################# */
/**													Help Text														  */
div.container div.Content div.HelpTextTag #helpText
	{
	border:1px solid black;
	background:#d3d3d3;			/* Light grey */
	color: inherit;
	padding:5px;
	margin:10px 30px;
	width:500px;	/* Avoid the peek-a-boo bug (see:http://www.positioniseverything.net/explorer/peekaboo.html) */
	}

/** ################################################################################################################# */

/*
 * fieldsets in results tables
 */
div.results table tbody td fieldset
	{
	border:0px;
	padding-top:2px;
	padding-left:0px;
	padding-bottom:2px;
	margin-left:0px;
	margin-right:1px; /* All these forms are on the right */
	margin-top:0px;
	margin-bottom:0px;
	background:none;	/* Pick up the table color */
	}

/*
 * FORM ELEMENTS
 *
 *	fieldset - surounds a set of form elements (fieldsets need no width set or they
 *				do not display in FF correctly )
 *	span.results - Surounds any Results - see results.css
 */
span.results,
	form fieldset
		{
		color:black;
		background-color: inherit;
		}

legend
	{
	color:black;
	background-color: inherit;
	}

/** Sets a border on all fields sets **/
div.dataEntry form fieldset,
form fieldset
	{
	border: 1px solid #018240;
	padding: 3px;
	}
form fieldset div label em
	{
	font-weight:normal;
	}

/* Turn off the border for the controls at the foot of the page */
/* Clear the background on controls fieldsets, the buttons on them must be cleared too */
div.dataEntry form fieldset.controls,
form fieldset.controls,
form fieldset.controlsPaging
	{
	background:none;
	border: none ;
	}

/* All share the same border size */
span.results,
	form fieldset
	{
	border: 2px solid ;
	}

/* Turn off the legend in the fieldsets */
form fieldset.controls legend,
form fieldset.controlsPaging legend
	{
	display:none;
	}

/* Replacement ffor fieldsets */
div.dataEntry form fieldset div.legend
	{
	color:#000000;
	background-color: inherit;
	font-weight:bold;
	}

div.dataentry fieldset
	{
	border-color: #018240;
	}

div.required label
	{
	font-weight:normal;
	}

form fieldset legend
	{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	}



/** ################################################################################################################# */
/** 													Form Buttons												  */

/**
  * Form buttons
  */

form fieldset div input,
fieldset input
	{
	font-size:1em;
	}

/* Input buton surround div */
form fieldset div div
	{
	clear:none;
	}

/**
  * Define the surrounding div to contain an input button
  * Used so that we can append a start and after image
  */
form fieldset span.inputButtonSurround
	{
	clear:none;
	position: relative;
	display: inline;
	float:left;
	margin: 5px 10px 0px 0px;
	padding: 0px;
	}

/**
  * Define the start of an input button
  */
span.inputButtonSurround span.inputButtonBefore,
span.inputButtonSurround span.inputButtonBeforeDisabled
	{
	position: absolute;
	left: 0;
	bottom: 0;

	width:4px;
	height:18px;
	margin:0px;
	padding:0px;
	font-size: 0.001em;		/** Nasty hack to ensure no space after image in I.E. */
	}

/**
  * Define the start background for an active input button
  */
span.inputButtonSurround span.inputButtonBefore
	{
	background-image: url('../images/buttons/buttonStart.gif');
 	background-repeat: no-repeat;
	}

/**
  * Define the start background for a disabled input button
  */
span.inputButtonSurround span.inputButtonBeforeDisabled
	{
	background-image: url('../images/buttons/buttonStartDisabled.gif');
	}

/**
  * Undo any margin settings on input elements
  *
  * Ideally this change would be placed as part of the .inputButton class below, but that does
  * not seem to have the desired affect, although I can't understand what the difference is!
  */
form fieldset span.inputButtonSurround input
	{
	margin: 0px 4px 0px 4px;
	border: 0px solid #000000;
	}

/**
  * Define how main functionality input buttons are displayed
  */
input.inputButton,
input.inputButtonSearch,
input.inputButtonOptional,
input.inputButtonDisabled,
input.inputButtonSearchDisabled,
input.inputButtonOptionalDisabled
	{
	font-family:verdana,arial,helvetica,sans-serif;
	height:18px;
	color: white;
	background-color: inherit;
	border: 0px solid #781351 ;
	font-weight:normal;
	padding-left:10px;		/* Put some space around the text */
	padding-right:10px;		/* Put some space around the text */
	padding-bottom:2px;		/* Raise the text off of the bottom */
	font-size:100%;
	text-align: left;
	text-transform: lowercase;

	/**
	  * The following is another nasty hack to get around the fact that I.E. will increase the
	  * padding in an input element depending on the number of characters it contains.  By setting
	  * the overflow attribute I.E. will still adjust the size of the input to the required width.
	  * NOTE: You will need the aditional CSS (defined below) in order to get the correct behaviour
	  *       in other browsers
	  */
	width: 0px;
	overflow: visible;
	}

/**
  * Define the width of input elements for all browsers except I.E.
  *
  * This is required as we previously set the width of an input element to 0px in order to get around
  * an I.E. bug.
  */
input.inputButton[class],
input.inputButtonSearch[class],
input.inputButtonOptional[class],
input.inputButtonDisabled[class],
input.inputButtonSearchDisabled[class],
input.inputButtonOptionalDisabled[class]
	{
	width: auto;
	}

/**
  * Define the background for an active input button
  * Also display a hand cursor when hovering the mouse over this button
  */
input.inputButton,
input.inputButtonSearch,
input.inputButtonOptional
	{
	background: #006400 url('../images/buttons/buttonBackground.gif');		/* Dark green */
	cursor:pointer;
	}

/**
  * Define the background for a disabled input button
  */
input.inputButtonDisabled,
input.inputButtonSearchDisabled,
input.inputButtonOptionalDisabled
	{
	background: #006400 url('../images/buttons/buttonBackgroundDisabled.gif');	/* dark green */
	}


/**
  * Define the end of an input button
  */
span.inputButtonSurround span.inputButtonAfter,
span.inputButtonSurround span.inputButtonAfterDisabled
	{
	position: absolute;
	right: 0;
	bottom: 0;

	width:4px;
	height:18px;
	border: 0px solid #000000;
	}

/**
  * Define the end background for an active input button
  */
span.inputButtonSurround span.inputButtonAfter
	{
 	background-image: url('../images/buttons/buttonAfter.gif');
 	background-repeat: no-repeat;
	}

/**
  * Define the end background for a disabled input button
  */
span.inputButtonSurround span.inputButtonAfterDisabled
	{
 	background-image: url('../images/buttons/buttonAfterDisabled.gif');
 	background-repeat: no-repeat;
	}



/*table.journies td.Controls input.inputButtonSearch
	{
	display:block;
	}*/

/**
  * Make enabled input buttons display a hand when the mouse hovers over it
  */
input.scrollButton
	{
	cursor: pointer;
	}

/**
  * Define the rollover for the search and optional input buttons
  */
input.scrollButton:hover
	{
	color:#006400; 					/* dark green */
	background-color: inherit;
	text-decoration:underline;
	}

span.TransportMode label input
	{
	margin-right: 5px;
	}

									/** -------- Confirm Operator Specific -------- **/

/**
  * Ensure that the select operator button is right aligned
  *
  * Applies to the confirm operator page
  */
#ChooseOperatorForm fieldset.controls #methodselectOperator
	{
	float:right;
	}

								/** -------- Confirm Location/Timetable Specific -------- **/

/**
  * Ensure the select location button is right aligned
  *
  * Applies to the confirm location, and confirm timetable pages
  */
#ConfirmTimetableForm fieldset.controls #buttonSelectLocation,
#ConfirmLocationForm fieldset.controls #buttonSelectLocation
	{
	float:right;
	margin-right:0px;
	}

form fieldset div.pagingControls
	{
	text-align:right;
	clear:both;
	}

/** ################################################################################################################# */
/** 									Journey Details Page														  */

#JourneyDetailsForm fieldset.controlsPaging
	{
	position:relative;
	height:50px;
	}

#JourneyDetailsForm fieldset.controlsPaging span.changeButtons
	{
	position:absolute;
	bottom:0px;
	left:0px;
	display:block;
	}

#JourneyDetailsForm fieldset.controlsPaging span.pagingButtons
	{
	display:block;
	position:absolute;
 	top:0px;
	}

#JourneyDetailsForm fieldset.controls
	{
	position:relative;
	height:18px;
	margin-bottom:20px;
	}



/** ################################################################################################################# */
/** 									Overview Results Page														  */

#OverviewResultsForm fieldset.controlsPaging
	{
	position:relative;
	height:50px;
	}

#OverviewResultsForm fieldset.controlsPaging span.pagingButtons,
#OverviewResultsForm fieldset.controlsPaging span.changeButtons,
#OverviewResultsForm fieldset.controls span.changeButtons
	{
	display:block;
	position:absolute;
	top:0px;
	}

#OverviewResultsForm fieldset.controlsPaging span.changeButtons,
#OverviewResultsForm fieldset.controls span.changeButtons
	{
	top:30px;
	}

#OverviewResultsForm fieldset.controls span.changeButtons
	{
	clear:none;
	}

#OverviewResultsForm fieldset.controls
	{
	position:relative;
	height:18px;
	margin-bottom:20px;
	}



/**
  * Set the width of the journey overview table
  */
#OverviewResultsForm table.journies
	{
	width: 100%;
	}

/**
  * Put border around the journey overview
  */
#OverviewResultsForm table.journies
	{
	border-left:2px #018240 solid;			/* Dark green border */
	border-right:2px #018240 solid;			/* Dark green border */
	}
#OverviewResultsForm table.journies tr td
	{
	border-bottom:2px #018240 solid;		/* Dark green border */
	}
#OverviewResultsForm table.journies tr th
	{
	border-top:2px #018240 solid;		/* Dark green border */
	border-bottom:2px #018240 solid;		/* Dark green border */
	}

/**
  * Put border around the journey overview
  */
#JourneyDetailsForm table.journies
	{
	width:100%;
	border-left:2px #018240 solid;			/* Dark green border */
	border-right:2px #018240 solid;			/* Dark green border */
	}
#JourneyDetailsForm table.journies tr.journeyRow2 td,
#JourneyDetailsForm table.journies tr.journeyRow1 td.Modes,
#JourneyDetailsForm table.journies tr.journeyRow1 td.Provider,
#JourneyDetailsForm table.journies tr.journeyRow1 td.Controls,
#JourneyDetailsForm table.journies tr.journeyRow1 td.Trainline
	{
	border-bottom:2px #018240 solid;		/* Dark green border */
	}

#JourneyDetailsForm table.journies tr.journeyRow1 td.Modes div span.modes
	{
	font-weight:bold;
	}

/** ################################################################################################################# */
/** 												Choose Operator Page											  */

#ChooseOperatorForm div.pagingControls input.inputButtonDisabled,
#ConfirmTimetableForm div.pagingControls input.inputButtonDisabled,
#ConfirmLocationForm div.pagingControls input.inputButtonDisabled
	{
	color:silver;
	background-color: inherit;
	}

/** ################################################################################################################# */
/**  														Maps													  */
/**                                                                                                                   */
/** The site uses the mapNavigableCSS.css stylingsheet, loaded using the script loader from miaxml mapping project.   */
/** Settings below override the default behaviour.                                                                    */
/**                                                                                                                   */
/** ################################################################################################################# */

/******************************************************************
 ** Define the image files to use for this site's LAF.           **
 ******************************************************************/
div.commonMap div.mapSurround_top form.mapNavigate input.NW {
	background-image:url(../images/Map/map_north_west.gif);
	background-repeat:no-repeat;
	border-style:none;
}
div.commonMap div.mapSurround_top div.leftBar {
	background-image:url(../images/Map/map_top_left_bar.gif);
	background-repeat:no-repeat;
	border-style:none;
}
div.commonMap form.mapNavigate input.N {
	background-image:url(../images/Map/map_north.gif);
	background-repeat:no-repeat;
	border-style:none;
}
div.commonMap div.mapSurround_top div.rightBar {
	background-image:url(../images/Map/map_top_right_bar.gif);
	float:left;
}
div.commonMap div.mapSurround_top form.mapNavigate input.NE {
background-image:url(../images/Map/map_north_east.gif);
background-repeat:no-repeat;
border-style:none;
}
div.commonMap div.mapSurround_mid div.mapSurround_mid_left div.topBar {
background-image:url(../images/Map/map_left_top_bar.gif);
background-repeat:no-repeat;
}
div.commonMap div.mapSurround_mid div.mapSurround_mid_left div.bottomBar {
background-image:url(../images/Map/map_left_bot_bar.gif);
background-repeat:no-repeat;
}
div.commonMap div.mapSurround_mid div.mapSurround_mid_left form.mapNavigate input.W {
background-image:url(../images/Map/map_west.gif);
background-repeat:no-repeat;
border-style:none;
}
div.commonMap div.mapSurround_mid div.mapSurround_mid_right div.topBar {
background-image:url(../images/Map/map_right_top_bar.gif);
background-repeat:no-repeat;
}
div.commonMap div.mapSurround_mid div.mapSurround_mid_right div.bottomBar {
background-image:url(../images/Map/map_right_bot_bar.gif);
background-repeat:no-repeat;
}
div.commonMap div.mapSurround_mid div.mapSurround_mid_right form.mapNavigate input.E {
background-image:url(../images/Map/map_east.gif);
background-repeat:no-repeat;
}
div.commonMap div.mapSurround_bot form.mapNavigate input.SW {
background-image:url(../images/Map/map_south_west.gif);
background-repeat:no-repeat;
}
div.commonMap div.mapSurround_bot div.leftBar {
background-image:url(../images/Map/map_bot_left_bar.gif);
background-repeat:no-repeat;
}
div.commonMap div.mapSurround_bot form.mapNavigate input.S {
background-image:url(../images/Map/map_south.gif);
background-repeat:no-repeat;
}
div.commonMap div.mapSurround_bot div.rightBar {
background-image:url(../images/Map/map_bot_right_bar.gif);
background-repeat:no-repeat;
}
div.commonMap div.mapSurround_bot form.mapNavigate input.SE {
background-image:url(../images/Map/map_south_east.gif);
background-repeat:no-repeat;
}
div.commonMap div.mapControls {
background-image:url(../images/Map/map_menu_bk.gif);
border-color:#060;
}

/******************************************************************
 ** Define site color for borders and backgrounds.               **
 ******************************************************************/
div.commonMap div.mapSurround_mid div.mapSurround_mid_mid {
background:#060 none repeat scroll 0%;
}
div.commonMap div.mapControls div.mapControlsInner {
border-color:#060;
}
/******************************************************************/
#LocationMapForm
	{
	background:white;
	height:352px;
	width:512px;
	}

#Map
	{
	width:590px;
	padding:5px;
	padding-left:10px;
	padding-right:0px;
	border:2px solid #018240 ;
	}

/**
  * Centre the map components
  */
div.commonMap div.mapMain div.mapSurround,
div.commonMap div.mapControls
	{
	margin-left:auto;
	margin-right:auto;
	}

#journeyLegMapSearchDetails
	{
	width:595px;
	}

/* Reduce the width of this div so that the right div has enough room for the welsh buttons. */
div#Map div.mapMain div.mapControls div.mapControlsInner div.mapControlsLeft
	{
	width:220px;
	}
/* To accomodate buttons in welsh this div needs to be wider. */
div#Map div.mapMain div.mapControls div.mapControlsInner div.mapControlsRight
	{
	width:280px;
	}

div#Map div.mapMain div.mapControls div.mapControlsInner div.mapControlsRight span.navButtons
	{
	display:block;
	width: 250px;
	}

#Map div.mapControls div.mapControl div.description
	{
	font-weight:bolder;
	padding:0px;
	margin-top:5px;
	}

#Map div.mapControls div.scrollBar
	{
	height:15px;
	}
#Map div.mapControls div.mapClickOption label,
#Map div.mapControls div.showStopsOption label
	{
	margin-left:10px;
	}
#Map div.mapControls div.scrollBar,
#Map div.mapControls select
	{
	margin-bottom:5px;
	margin-left:10px;
	}

/**
  * Define the image to use for the plus button
  */
#Map div.scrollPlusButton
	{
/*	height:16px;
	width:16px;
	background: url('../images/maps/blueh_pl.gif');
	background-repeat:no-repeat;
	float:left;
*/	cursor:pointer;			/** Display hand pointer */
	}

/**
  * Define the image to use for the minus button
  */
#Map div.scrollMinusButton
	{
/*	height:16px;
	width:16px;
	background: url('../images/maps/blueh_mn.gif');
	background-repeat:no-repeat;
	float:left;
*/	cursor:pointer;			/** Display hand pointer */
	}

/* The MAP KEY BLOCK */
#Map div.mapKey
	{
	margin-left:30px;	/* Puts it in line with the controls block */
	margin-bottom:5px;	/* Padds the botton and stops the block resting on the surounding area */

	width:508px;
	padding:3px;
	margin-top:5px;
	border:1px solid #018240;

	/* FF can not do the sizing correctly */
	min-height:80px;
	}
/* Extra keys require more room */
body.timetableplanner #Map div.mapKey
	{
	/* FF can not do the sizing correctly */
	min-height:127px; /* Space for 4 rows, 3 keys per row. */
	}
/* Journey Plan Map */
body.journeyplanner div.results div#Map div.mapKey
	{
	/* FF can not do the sizing correctly */
	min-height:160px; /* Space for 5 rows, 3 keys per row. */

	/** Centre key */
	margin-left:auto;
	margin-right:auto;
	}

#Map div.mapKey h2
	{
	font-size:120%;
	margin-bottom:5px;
	}
#Map div.mapKey div.mapKeysList img
	{
	margin-left:5px;
	border:1px solid black;
	height:20px;

	float:left;
	margin-right:5px;
	background:silver; /* Ensures all the images are visible against a white bkg */
	}

#Map div.mapKey div.mapKeysList div
	{
	padding-left:2px;
	margin-top:2px;
	margin-bottom:2px;
	width:160px;
	float:left;
	height:22px;
	}

#Map div.mapControls div.showStopsOption div.control input.inputCheckbox,
#Map div.mapControls div.control div.mapClickOption input.inputRadio
	{
	margin-left:10px; /* Align verticly with the scale & select box */
	}
#Map div.mapControls div.showStopsOption div.control label,
#Map div.mapControls div.control div.mapClickOption label
	{
	margin-left:0px; /* remove unneeded padding */
	}

/* The field set with the extra controls in it */
#Map  div.extraFormData fieldset
	{
	border:0px;
	margin:0px;
	padding:3px;
	}

#Map div.mapKey div.mapKeysList,
#Map div.mapKey div.legDetails
	{
	margin:0px;
	/* display:inline; */
	font-size:0.8em;
	/*width:205px;*/
	}

#Map div.mapKey div.mapKeysList div img
	{
	}

#Map div.mapKey div.legDetails
	{
	top:0px;
	}

#Map div.mapKey div.legDetails
	{
	padding:3px;
	}
#Map div.mapKey div.legDetails h2
	{
	font-size:larger;
	}

/* Take the fieldset color off */
#Map fieldset
	{
	background:none;
	border:none;
	}

div.container div.Content div.enquiry div.results #Map form fieldset span.changeButtons #methodallJournies,
div.container div.Content div.enquiry div.results #Map form fieldset span.changeButtons #methodjourneyDetails
	{
	background-image:url(../images/buttons/browse_mini.png) ;
	}

/*
 * Ensure map buttons are underneath each other
 */
#Map inputButtonSurround
	{
	clear:left;
	}

#journeyMapSearchDetails
	{
	width:600px;
	}

/* Place the items on concequtive lines */
div.legDetails span.dataItem
	{
	display:block;
	}

#JourneyDetailsForm div.results table.journies tr td.Provider span.dataItem
	{
	display:block;
	}


/** ################################################################################################################# */
/** 													Search Details												  */

/**
  * Define block of search details at the head of the page
  */
div.container div.Content div.enquiry div.search
	{
	color:black;
	background-color: inherit;
	margin-bottom:5px;
	padding:2px;
	border:2px #018240 solid; 	/* Light green border */
	position: relative;
	}

/* Place the items on concequtive lines */
div.search span.dataItem
	{
	display:block;
	}

/**
  * Define width of modes of transport div.
  */
body.journeyplanner form#mainJourneyRequestDetails div#toggleTransportModes div.enterTransportModes fieldset.options,
body.journeyplanner form#mainJourneyRequestDetails fieldset#ModesOfTransportFieldset div.enterTransportModes fieldset.options
	{
	width:auto;
	padding-bottom:1em;
	}

body.journeyplanner form#mainJourneyRequestDetails fieldset#ChangeTravelModesFieldset div
	{
	/*line-height:2em;*/
	}
/* Position change button next to text. */
body.journeyplanner form#mainJourneyRequestDetails fieldset#ChangeTravelModesFieldset span
	{
	float:left;
	padding-top:8px;
	}

body.journeyplanner form#mainJourneyRequestDetails fieldset#ChangeTravelModesFieldset span.inputButtonSurround
	{
	padding-top:3px;
	margin-left:1em;
	}

/** ################################################################################################################# */
/** 													Search Results												  */

/**
  * Table of search results
  */
div.container div.Content div.enquiry div.results table.timetable
	{
	font-size:1em;
	width:100%; 						/* Fill the available area */
	border:2px #018240 solid;			/* Light green border */
	}

/**
  * Table header
  */
div.container div.Content div.enquiry div.results table thead td,
div.container div.Content div.enquiry div.results table tfoot td,
div.container div.Content div.enquiry div.results table thead th,
div.container div.Content div.enquiry div.results table tfoot th
	{
	font-weight:bolder;					/* Make heading bold */
	background:#006400;					/* dark green */
	color:white;
	}

table.timetable th
	{
	text-align: center;
	}

/**
  * Define the padding between table cells
  */
div.container div.Content div.enquiry div.results table  td
	{
	padding:2px;
	}

/**
  * Define the width for the modes column
  * [We need to define the width as a percentage so that we determine how the table expands]
  */
div.container div.Content div.enquiry div.results table td.Modes
	{
	width:5%;
	}

/**
  * Define the width for the times column
  * [We need to define the width as a percentage so that we determine how the table expands]
  */
div.container div.Content div.enquiry div.results table td.Times
	{
	width:80px;
	}

/**
  * Define the width for the details column
  * [We need to define the width as a percentage so that we determine how the table expands]
  */
div.container div.Content div.enquiry div.results table td.Details
	{
	width:40%;
	}

/**
  * Define the width for the provider column
  * [We need to define the width as a percentage so that we determine how the table expands]
  */
div.container div.Content div.enquiry div.results table td.Provider
	{
	width:30%;
	}

/**
  * Define the border around the table cells (of the body)
  */
div.container div.Content div.enquiry div.results table tbody tr
	{
	border-top:1px #018240 solid;		/* Light green border */
	border:1px #018240 solid;		/* Light green border */
	font-style:italic;
	}

/* Take it off for the results table with two rows */
div.container div.Content div.enquiry div.results table tbody tr.journeyRow2 td.times,
div.container div.Content div.enquiry div.results table tbody tr.journeyRow2 td.Detail
	{
	border-top:none;
	}

/* Make a field set in a table loose all padding */
div.container div.Content div.enquiry div.results table tbody td fieldset
	{
	width:auto;
	margin:0px;
	padding:0px;
	}

div.container div.Content div.enquiry div.results table tbody td em
	{
	margin-right:3px;
	font-weight:normal;
	font-style:normal;
	}

div.container div.Content div.enquiry div.results table tr.paddingRow td
	{
	font-size:0.01em; /* all cells have a nbsp so shrink it */
	}

span.results span.dataItem span.data
	{
	color:black;
	background-color: inherit;
	}

span.results span.dataItem
	{
	color:#001d92;
	background-color: inherit;
	font-weight:bolder;
	}

span.results span.dataItem
	{
	width:7em;
	}

/** ################################################################################################################# */

form fieldset div fieldset.options
	{
	width:auto;
	border-width:1px;
	}

/*
	Remove the border defined above, not needed for option boxes
*/
div.Content form fieldset div fieldset.options legend
	{
	border:0px;
	}


/** ################################################################################################################# */
/** 												Splash Screen													  */

#splashScreen
	{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	padding:0px;
	background: transparent url(../images/container/translucent_fff.gif);
	z-index:23;
	text-align:center;
	}

#splashScreen	div.splashScreenText
	{
	color:white;
	position:relative;
	margin-top:180px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	width:186px;;
	background:#006400;				/* dark green */
	vertical-align:middle;
	}

#splashScreen	div.splashScreenText h1
	{
	color:white;
	background-color: inherit;
	}

#splashScreen	div.splashScreenText p
	{
	color:#ffe091;
	background-color: inherit;
	}

/** ################################################################################################################# */
/**  												Timetable Layout												  */

										/** ----- Main timetable table ----- **/


table.timetable tbody td.eventTimes
	{
	width:auto;
	}

table.timetable tfoot tr.viewTimetableMaps
	{
	background-color:white;
	}

										/** ----- Alternating rows ----- **/

div.container div.Content div.enquiry div.results table.timetable tbody td
	{
	border-top: 1px solid #018240;
	width: auto;
	}

div.container div.Content div.enquiry div.results table.timetable tbody tr.oddrow
	{
	background-color: #FFFFFF;
	}

div.container div.Content div.enquiry div.results table.timetable tbody tr.evenrow
	{
	background-color: #8ACC8A;
	}


										/** ----- Fieldset Display ----- **/

/**
  * Remove any borders from the fieldsets
  * NOTE: The table itself has a border
  */
body.timetableplanner  #TimetableDetailsForm div.results fieldset
	{
	padding:0px;
	border:0px;
	}

form#TimetableDetailsForm div.navigation
	{
	display:block;
	clear:both;
	}

/**
  * Hide any legends
  */
body.timetableplanner  #TimetableDetailsForm div.results fieldset legend,
body.timetableplanner  div.topNavigation fieldset legend
	{
	display:none;
	}

body.timetableplanner  #TimetableDetailsForm #methodPrinterFriendlyTimetable,
#CaptureServiceDetailsForm #methodDefaultMethod
	{
	float:right;
	}

/*
	Map button was grey on green
*/
body.timetableplanner  #TimetableDetailsForm table tr.viewTimetableMaps input.inputButtonOptional
	{
	color:white;
	}
body.timetableplanner  #TimetableDetailsForm table tr.viewTimetableMaps input.inputButtonOptional:hover
	{
	color:gold;
	}

/**
  * Hide the fieldset border for the top navigation fieldset
  * e.g. "change listed stops..." and "reverse route..." buttons
  */
body.timetableplanner  div.topNavigation fieldset
	{
	border:0px;
	}

/**
  * Hide the fieldset border for the customise timetable page
  */
#CustomiseTimetableForm fieldset.controlsChangeStops
	{
	border: 0px;
	}

#TimetableDetailsForm fieldset.controls span.changeButtons
	{
	margin-left:10px;
	}

/**
  * Add some spacing before the date values
  */
#earliestTime,
#latestTime
	{
	margin-left:3px;
	}

/** ################################################################################################################# */
/**													Timetable Buttons												  */

											/** ----- Map Buttons ----- **/

/**
  * Define the layout of the view map timetable buttons
  */
div.results div.viewMapTimetable input
	{
	width: 50px;
	padding-left: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 5px;
	margin-left: 1px;
	}

/** ################################################################################################################# */
/** 											Timetable Keys														  */

/* Style how the operator code will appear on the timetable details page. */
body.timetableplanner div.Content div.enquiry form#TimetableDetailsForm table.keys tbody tr td span.operatorCode,
body.timetableplanner div.Content div.enquiry form#TimetableDetailsForm div.results table.timetable thead tr div.operator span.operatorCode,
body.timetableplanner div.Content div.enquiry form#TimetableDetailsForm div.results table.timetable tfoot tr div.operator span.operatorCode
	{
	font-style:italic;
/*	font-size:8px;*/ /* This is size of note keys. */
	display:inline;
	margin-right:2px;
	}

/* Style how the operator name will appear in the key on the timetable details page. */
body.timetableplanner div.Content div.enquiry form#TimetableDetailsForm table.keys tbody tr td.operatorName
	{
	font-weight:bold;
	}

/**
  * The key at the head of the results. Shows the list of available keys
  */
#CustomiseTimetableForm table.keys,
body.timetableplanner  #TimetableDetailsForm table.keys
	{
	font-size:1.1em;
	border: 1px solid;
	border-color: #006400;		/* dark green */
	width:100%;
	}

body.timetableplanner #TimetableDetailsForm table.keys tbody tr td span.noteKey,
body.timetableplanner #TimetableDetailsForm table.keys tbody tr td span.operatorCode
	{
	color:black;
	font-size:0.8em;
	}

#TimetableDetailsForm  #search_timetableVehicle span.data
{
	text-transform: uppercase;
}

body.timetableplanner  #CustomiseTimetableForm table.keys em,
body.timetableplanner  #TimetableDetailsForm table.keys em
	{
	color: #006400;				/* dark green */
	background-color: inherit;
	font-weight:normal;
	font-style:normal;
	}

/* Hide the heading of the keys table */
body.timetableplanner  #CustomiseTimetableForm table.keys thead,
body.timetableplanner  #TimetableDetailsForm table.keys thead
	{
	display:none;
	}

/* BUG: Should not be generated */
body.timetableplanner  #CustomiseTimetableForm table.keys div.KeyImage,
body.timetableplanner  #TimetableDetailsForm table div.KeyImage
	{
	display:none;
	}

body.timetableplanner  #CustomiseTimetableForm table.keys td,
body.timetableplanner  #TimetableDetailsForm table.keys td
	{
	vertical-align:top;
	text-align:left;
	padding-left:2px;
	}


body.timetableplanner  #CustomiseTimetableForm span.timingPointKeyImage,
body.timetableplanner  #TimetableDetailsForm table div.timingPointKeyImage
	{
	width:19px;
	height:16px;
	}

body.timetableplanner  #CustomiseTimetableForm span.journeyPlanKeyImage,
table div.journeyPlanKeyImage,
body.timetableplanner  #TimetableDetailsForm table div.journeyPlanKeyImage
	{
	width:19px;
	height:16px;
	}

body.timetableplanner  #CustomiseTimetableForm table div.timingPointKeyImage,
body.timetableplanner  #TimetableDetailsForm table.keys div.timingPointKeyImage
	{
	width:19px;
	height:16px;
	}

body.timetableplanner  #TimetableDetailsForm table.keys div.journeyPlanKeyImage
	{
	width:19px;
	height:16px;
	}
/* SCHD = School Days Only */
body.timetableplanner  #TimetableDetailsForm table.keys div.SCHDKeyImage
	{
	width:19px;
	height:16px;
	}
body.timetableplanner  #TimetableDetailsForm table div.SCHDKeyImage
	{
	font-size:0.1em;
	width:19px;
	height:16px;
	}
/* SCHD = School Days Only */
body.timetableplanner  #TimetableDetailsForm table div.ShKeyImage,
body.timetableplanner  #TimetableDetailsForm table div.SCHHKeyImage
	{
	display:inline;
	font-size:0.1em;
	width:19px;
	height:16px;
	}
body.timetableplanner  #TimetableDetailsForm table.keys div.ShKeyImage
	{
	margin-left:5px;
	}

#TimetableDetailsForm div.results table.timetable thead td div.noteKeyList span
	{
	display: block;
	}

/** ################################################################################################################# */
/*
Could hide these elements using the stylesheet... currently removed in the skin.
div.enterTransportModes fieldset.options div.TransportModes div.TransportMode input#transportModes_Metro,
div.enterTransportModes fieldset.options div.TransportModes div.TransportMode input#transportModes_Metro+span,
div.enterTransportModes fieldset.options div.TransportModes div.TransportMode input#transportModes_Underground,
div.enterTransportModes fieldset.options div.TransportModes div.TransportMode input#transportModes_Underground+span,
div.enterTransportModes fieldset.options div.TransportModes div.TransportMode input#transportModes_PV,
div.enterTransportModes fieldset.options div.TransportModes div.TransportMode input#transportModes_PV+span
	{
	display:none;
	}
*/

/* Remove the legend div from inside the transportModeFieldset */
div.dataEntry form fieldset.transportModeFieldset div.legend
	{
	display:none;
	}

/* Style the warning message regarding checking travel details - inside fieldset. */
div.dataEntry form#mainJourneyRequestDetails fieldset div.warningMessage,
div.dataEntry form#CaptureServiceDetailsForm fieldset div.warningMessage
	{
	padding:10px 20px;
	margin-left:50px;
	font-size:1em;
	/*font-weight:bold;*/
	font-style:italic;
	color:black;
	}
/* Style the warning message regarding checking travel details - above help text. */
body.journeyplanner div.Content div.warningMessage,
body.timetableplanner div.Content div.warningMessage
	{
	/*width:550px;*/
	padding-top:10px;
	padding-bottom:20px;
	margin-left:0px;
	font-size:1em;
	/*font-weight:bold;*/
	color:black;
	}

/* Remove the "Controls" legend div from the JourneyPlanner entry screen. */
div.dataEntry form#mainJourneyRequestDetails fieldset.controls div.legend,
div.dataEntry form#CaptureServiceDetailsForm fieldset.controls div.legend,
div.dataEntry form#ConfirmTimetableForm fieldset.controls div.legend
	{
	display:none;
	}
/* Position the filter location useage note. */
div.dataEntry form#mainJourneyRequestDetails div.formPadding fieldset div.infoMessage
	{
	width:450px;
	padding:5px 0px;
	margin-left:75px;
	font-size:0.9em;
	/*font-weight:bold;*/
	color:black;
	}

/* Remove the border from the No Exact Match fieldset. */
div.dataEntry form.NoExactMatches fieldset.noExactMatch
	{
	border:none;
	}

/* Set width of the Journey Planner From & To labels so that appear correctly in Welsh. */
form#mainJourneyRequestDetails div fieldset div#locationInput_originName label,
form#mainJourneyRequestDetails div fieldset div#locationInput_destinationName label
	{
	width:5em;
	}

/* Set width of the Journey Planner From & To input controls so that appear correctly in Welsh! */
form#mainJourneyRequestDetails div fieldset div#locationInput_originName input#originName,
form#mainJourneyRequestDetails div fieldset div#locationInput_destinationName input#destinationName
	{
	width:15em;
	float:left;
	}

/* Version Page */
.open .normalText
	{
	color:#000;
	background-color:#fff;
	}

/* 	Unsupported Browser page */
div.ContentCMS p.bigger
	{
	font-size:125%;
	font-weight:bolder;
	}

div.ContentCMS div.browserLinks
	{
	margin:5px;
	border:1px solid #015E2E;
	float:right;
	width:200px;
	}
div.ContentCMS div.supportedBrowsers
	{
	float:left;
	width:250px;
	}
div.ContentCMS li em
	{
	font-size:75%;
	color:black;
	font-weight:normal;
	}
div.ContentCMS div.browserLinks h3
	{
	width:195px;
	background: #015E2E;
	color:white;
	font-size:12px;
	margin-top:0px;
	margin-bottom:3px;
	padding:3px;
	}

div.ContentCMS div.browserLinks a
	{
	text-decoration:none;
	}

div.Content form fieldset div.help em
	{
	margin-left:3px;
	}

/*
 * Limit the size of the label for a confirm location, so that the addresses fit neatly on
 * the correct line
 */
form fieldset div.pagedList div.listItem label
	{
	width:90%;
	}


/** ################################################################################################################# */
/**													Page Lander Layout												  */

/** 									   ---- Terms and Conditions Page ---- 										  */

/* Terms and Conditions */
body.pageLanderWizard textarea.termsAndConditions
	{
	width:96%;
	}

/** 									   ---- Enter Location Page ---- 										  	  */

body.pageLanderWizard form.pageLanderWizard label
	{
	width:auto;
	margin-left:10px;
	}

body.pageLanderWizard form.pageLanderWizard input
	{
	float:left;
	}

/** 									   	---- Select Template ---- 										  	  	  */

body.pageLanderWizard form.pageLanderWizard div.templateRow
	{
	margin:0px auto;
	text-align:left;
	width:90%;
	}

body.pageLanderWizard form.pageLanderWizard div.templateRow div.template
	{
	clear:none;
	float:left;
	margin-bottom:25px;
	width:40%;
	}

body.pageLanderWizard form.pageLanderWizard div.templateRow div.template img
	{
	width:100%;
	}

body.pageLanderWizard form.pageLanderWizard div.templateRow div.templateSpace
	{
	clear:none;
	width:10%;
	height:50px;
	float:left;
	}

body.pageLanderWizard form.pageLanderWizard div.template label
	{
	float:none;
	display:inline;
	margin-left:10px;
	}

/** 									   	---- Copy & Paste Code ----										  	  	  */

body.pageLanderWizard form.pageLanderWizard textarea#templateCode
	{
	width:96%;
	}

/** 									   	---- Error Page ----										  	  	  	  */

body.pageLanderWizard form.pageLanderWizard span#methodnewJourney
	{
	display:none;
	}

/**
  * Hide drop down scale box for mapping pages
  */
div.scaleControl
	{
	display:none;
	}

/**
  * Hide print header
  */
div#print_header_img
	{
	display:none;
	}

span#buttonSelectLocation_top
	{
	float:right;
	margin-top:15px;
	margin-left:20px;
	}

div.Content form div select.inputFilter
	{
	float:left;
	margin-right:5px;
	}

div.container div.Content div.enquiry div.results table.timetable tbody td.eventTimes
	{
	width:80px;
	}

tr.viewTimetableMaps fieldset span.inputButtonSurround
	{
	margin-left:9px;
	margin-right:0px;
	}

form fieldset div.pagedList div.listItem input
	{
	background:white;
	border:0px;
	width: auto;
	}

form#ServiceSelectForm input.scrollButton
	{
	text-align: left;
	}

/** ################################################################################################################# */
/** 							Define help text styling for when JavaScript is enabled 							  */

#helpText.javascriptEnabled
	{
	background:rgba(211,211,211,0.9);
	margin:0px;
	width:300px;
	}

div.HelpTextTagJavascriptEnabled
	{
	position:absolute;
	top:0px;
	right:10px;
	z-index:21;
	}

div.HelpLinkJavascriptEnabled
	{
	text-align:center;
	background:rgb(5,131,68);
	margin: 0px 4px 0px 4px;
	height:18px;
	width:212px;
	display:block;
	background:url(../images/buttons/buttonBackground.gif);
	}

span#helpInputButtonSurround
	{
	position:absolute;
	right:10px;
	top:0px;
	width:220px;
	}

div#TextTag_1.javascriptEnabled
	{
	margin-top:19px;
	padding:5px;
	background:rgba(5,131,68,0.6);
	right:25px;
	position:absolute;
	}

div.HelpLink a.javascriptEnabled
	{
	color:white;
	font-weight:normal;
	font-family:verdana,arial,helvetica,sans-serif;
	}

p.descriptionJavascriptEnabled
	{
	width:590px;
	margin-bottom:10px;
	}

/**	End of help text styling for when javascript is enabled */
/** ################################################################################################################# */