/**
 * CSS derived from CSS loaded from the First Glasgow site and spiderStyles.css
 */

 /**********************************************************************************/

@media print 
	{
	/* Hide unwanted text */
	div#buttons_sidebar,
	div.description,
	#content div.enquiry form#JourneyDetailsForm a,
	#content div.enquiry form#TimetableDetailsForm a,
	#content div.enquiry form#JourneyDetailsForm input,
	#content div.enquiry form#TimetableDetailsForm input
		{
		visibility: hidden;
		}	
	
	/* display wanted text */
	#content div.enquiry form#JourneyDetailsForm,
	#content div.enquiry form#TimetableDetailsForm
		{
		color:black;
		visibility:visible;
		display: block;
		}	
		
	#content div.enquiry form#JourneyDetailsForm table,
	#content div.enquiry form#JourneyDetailsForm th,
	#content div.enquiry form#JourneyDetailsForm td,
	#content div.enquiry form#TimetableDetailsForm table,
	#content div.enquiry form#TimetableDetailsForm th,
	#content div.enquiry form#TimetableDetailsForm td
		{
		border: 1px solid black;
		}
	}

/* Override the top margin on containers */
#content div#container
	{
	margin:0;
	}
	
/* Override the hiding of the bottom hr */
div#content div#container hr
	{
	color:#CCCCCC;
	border:none;
	display:block;
	height:0.1em;
	}

/* Override the font colour of the labels */
#locationInput_originName label,
#locationInput_destinationName label,
#locationInput_viaName label,
div.timeDateInput label,
div.timeDateInput label,
div.help,
#CaptureServiceDetailsForm .required label
	{
	color:#444444;
	}
	
/* Override the results table font colour */
div.results table.journies,
div.results table.timetable,
div.enquiry table.keys
	{
	color:#013473;
	}
	
/* Override the font sizes */
#locationInput_originName label,
#locationInput_destinationName label,
#locationInput_viaName label,
div.timeDateInput label,
div.timeDateInput label
	{
	font-size: 1.1em;
	}

fieldset.locationList div,
#OverviewResultsForm div.search,
#JourneyDetailsForm div.search,
fieldset.TimetableList div
	{
	font-size: 9pt;
	}
	
/* Override the font size and colour of the description */
div.description	
	{
	font-size:1.3em;
	color:#013A81;
	}

/* Override the date range help text position */
#mainJourneyRequestDetails fieldset div.timeDateInput div.help
	{
	padding-left: 75px;
	}

	
/* Override the hiding of legends */
form fieldset legend
	{
	visibility:visible;
	position:static;
	}

@media print {
	/* make the keys table float left so the image can go beside it */
	div#middlebody,
	div#middle,
	div#mainarea {
		width: 100%;
	}
}
/* All "normal text" */
div#middlebody div.ContentBody
	{
	font-size: 0.75em;
	}

/* enlarge headers */
div#container div.ContentBody h2
	{
	font-size: 1.2em;
	}
div#container div.ContentBody h3
	{
	font-size: 1.1em;
	}

/* override the first glasgow shrinking of p text as we shrink all text. */
div#container div.ContentBody p
	{
	font-size: 100%;
	}

/*
This is to compensate for a bug in firefox 3 where the font-size
within a table does not properly default to 100% of the 75%.
*/
table {
	font-size: 1.1em;
}

form fieldset legend, form fieldset div.legend {
	font-size: 1.1em;
}

#content #footer {
	text-align: left;
	background: none;
	float: none;
	font-weight: normal;
	font-size: 1em;
	width: 100%;
	padding-left: 7px;
	color:#013A81;
}

#content #footer a:visited,
p.error a:visited
	{
	text-decoration:none;
	color:#E20077;
	}
	
#content #footer a:hover
	{
	color:#ffffff;
	}

form fieldset legend {
	font-weight: bold;
}


/* user input text areas */
textarea {
	font-size: 1.1em;
}

/* paging controls */
form fieldset div.pagingControls span.currentScrollButton {
	font-weight: bold;
}

/* result page headings */
span.dataItem span.label,
span.dataItem span.text {
	font-weight: bold;
}

form fieldset input.inputButtonOptional,
form fieldset input.inputButtonDisabled,
form fieldset input.inputButton
	{
	font-family:Helvetica,Arial,sans-serif;
}

/* tables */
div.results table.timetable th,
div.results table.timetable thead td,
div.results table.journies th,
div.results table.journies thead td {
	font-weight: bold;
}

div#unsupportedBrowserWarning p
	{
	font-weight: bold;
	font-size: 0.8em;
	}

div.dataEntry
	{
	margin-top: 0.5em;
	}
 /**********************************************************************************/
 /* COLOURS                                                                        */
/* Copied from ukbus-style.css
	Did have font-family: Helvetica, Arial, sans-serif;
*/

/* table heading */
th {
	color: #013473;
	background: #e8e9ed;
}

.pink,
h1, h3, a, input.inputButtonSearch,
div.listItem label span.text:hover,
#CustomiseTimetableForm span.rowName:hover
{
	color: #e20077;
}

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

/* header div bottom border */
#header {
	border-bottom-color: #013473;
}

#content #footer {
	color: #013473;
}

/* field set border */
form fieldset, div.dataEntry fieldset {
	border-top-color: #ccc;
}

/* help text border */
div.HelpTextTag div#helpText {
	border-color: #ccc;
}

legend {
	color: #000;
}

/* paging controls */
form fieldset div.pagingControls span.disabledScrollButton {
	color: #000;
}
form fieldset div.pagingControls input.scrollButton {
	color: #e20077;
}

form fieldset input.inputButtonOptional,
form fieldset input.inputButton
	{
	color: #013473;
}

/* key border */
#CustomiseTimetableForm table.keys, body.timetableplanner #TimetableDetailsForm table.keys {
	border-color: #ccc;
}

hr {
	color: #ccc;
	background-color: #ccc;
}

/* tables */
div.results table.timetable th,
div.results table.timetable thead td,
div.results table.journies th,
div.results table.journies thead td {
	background-color:#e8e9ed;
	border-color: #ccc;
	color:#013473;
}
div.results table.timetable th.controls,
div.results table.timetable thead td.controls,
div.results table.journies th.controls,
div.results table.journies thead td.controls {
	background-color: white;
}

table.keys,
div.results table.timetable td,
div.results table.journies td {
	border-color: #ccc;
}

/* splash screen */
#splashScreen
	{
	background: transparent;
	}

#splashScreen div.splashScreenText
	{
	background: white;
	border-color: #ccc;
	}


 /**********************************************************************************/
 /* IMAGES                                                                        */

 div.busImage {
 	border: none;
 	margin: 3px;
 	padding: 0;
	background: url('../images/bus-small.jpg') no-repeat scroll left top;
	height: 30px;
	width: 93px;
 }

 div.walkImage {
 	border: none;
 	margin: 3px;
 	padding: 0;
	background: url('../images/walk_icon.gif') no-repeat scroll left top;
	height: 38px;
	width: 28px;
 }

/* FIRST LOGO ON PRINT OUT BESIDE KEY - PUTTING THESE SETTINGS IN THE PRINT CSS FILE DIDN'T WORK :( */

div.printonly,
br.printbreak {
	display: none;
}

@media print {
	/* make the keys table float left so the image can go beside it */
	#JourneyDetailsForm div.search {
		float: left;
	}
	#JourneyDetailsForm div.printonly {
		display: block;
		float: right;
	}
	#JourneyDetailsForm br.printbreak {
		display: block;
		clear: both;
		font-size: xx-small;
	}
}

/* PRINT DIFFERENT FOOTER TEXT */

div#printfooter {
	display: none;
}

@media print {
	div#footer {
		display: none;
	}
	div#printfooter {
		display: block;
	}
}

/***********************************************/
/* Footer Divs                                 */
/***********************************************/

/*
	Copied from ukbus-style.css
	was .footertext
	Did have
*/
#content #footer {
 margin: 0px;
 padding: 0px;
 }

#content #footer a:link { text-decoration: none }

#content #footer a:visited { text-decoration: none }

#content #footer a:hover { text-decoration: underline }

#content #footer a:active { text-decoration: none }

.rightcontain {
        padding: 0px;
        margin: 0px 0px 10px 0px;
        width: 150px;
        float: right;
}

/**************************************************************************
 * FORMS
 **************************************************************************/

form fieldset, div.dataEntry fieldset {
	margin: 0 0 10px;
	border: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc; /* colour has to be set of firefox uses -moz-use-font-color */
	padding: 10px;
}

 form fieldset div label,
 form fieldset div div.labelPadding
 	{
	/* Not as wide as the value in forms.css */
	width:80px;
	}

form fieldset div div.help {
	margin-left: 10px;
	width: 30em;
}

form fieldset div.required ul.errors {
	padding-left: 80px;
}

div.Content form fieldset div select
 	{
	border: 1px solid #ccc;
	padding: 3px;
 }

div.Content form fieldset div select,
div.Content form fieldset div input {
	margin: 5px 0px 0px 6px;
 }

div.Content form fieldset div input.inputRadio {
	margin: 5px 0px 0px 2px;
 }

div.Content form fieldset div input.inputText,
div.Content form fieldset div textarea
 	{
	width: 200px;
	border: 1px solid #ccc;
	padding: 3px;
	}

form fieldset div div.help em
	{
	margin-left:.25em;
	font-style:normal;
	}

form fieldset div select#timeH,
form fieldset div select#timeM,
form fieldset div select#dateH,
form fieldset div select#timetableTimeH,
form fieldset div select#timetableTimeM,
form fieldset div select#timetableDateH {
	width: 4em;
}

/* No border on nested field sets, or control field sets */
div.dataEntry fieldset fieldset
	{
	border:none;
	}
/* No legent on control field sets */
fieldset.controls legend
	{
	display:none;
	}

div.dataEntry fieldset div.enterTransportModes div.TransportModes
	{
	}
div.dataEntry fieldset div.enterTransportModes div.TransportModes div.TransportMode
	{
	float:left;
	clear:none;
	width:8em;
	}

div.dataEntry fieldset input.inputCheckbox,
div.dataEntry fieldset label.inputRadioWide input.inputRadio {
	margin-right: 2px;
}

/*
	The buttons used for secondary tasks
*/
div.Content form fieldset input.inputButtonSearch,
div.Content form fieldset input.inputButtonSearchDisabled
	{
	border: none;
	background: transparent url('../images/browse_mini.png') no-repeat scroll left bottom;
	padding: 0 0 0 15px;
	margin: 0 0 0 3px;
	/**
	  * 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
	  */
	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.
  */
div.Content form fieldset input.inputButtonSearch[class],
div.Content form fieldset input.inputButtonSearchDisabled[class]
	{
	width: auto;
	}

/*
	The buttons used for secondary tasks
*/
div.Content form#OverviewResultsForm fieldset input.inputButtonSearch,
div.Content form#OverviewResultsForm fieldset input.inputButtonSearchDisabled {
	width: 12em;
}

div.Content form#JourneyDetailsForm fieldset input.inputButtonSearch,
div.Content form#JourneyDetailsForm fieldset input.inputButtonSearchDisabled {
	width: 10em;
}

/* set width of large buttons so that ie doesn't screw up the border */

form#TimetableDetailsForm input#methodNewTimetable,
form#TimetableDetailsForm input#methodAlterTimetable,
form#TimetableDetailsForm input#methodBack,
form#ServiceSelectForm input#methodprev,
form#ServiceSelectForm input#methodstart {
	width: 9.5em;
}

form#CaptureServiceDetailsForm input#methodDefaultMethod,
form#ServiceSelectForm input#methodnext,
form#CustomiseTimetableForm input#methodConfirm {
	width: 12em;
}

form#ConfirmLocationForm input#buttonSelectLocation,
form#TimetableDetailsForm input#methodCustomiseTimetable,
form#TimetableDetailsForm input#methodbackToIJP {
	width: 13em;
}

/* All main buttons */
form fieldset input.inputButtonOptional,
form fieldset input.inputButtonDisabled,
form fieldset input.inputButton
	{
	padding: 2px 8px;
}

/*
 	Right aligned buttons
*/
form#ConfirmLocationForm span#buttonSelectLocation,
form#mainJourneyRequestDetails input#topSearchButton,
form#mainJourneyRequestDetails input#bottomSearchButton
	{
	float: right;
	}

/* float fieldsets of controls and spans of buttons to the right
form fieldset.controlsPaging,
form fieldset.earlierLaterTimetables,
form fieldset.controlsChangeStops,
div.topNavigation fieldset {
	text-align: right;
} */

/******************************************************************************/
/* JOURNEYS FOUND															  */

/* placement of buttons */
form#OverviewResultsForm fieldset.controlsPaging span input {
	display: block;
	width: 9.5em;
}
form#OverviewResultsForm fieldset.controlsPaging span {
	float: left;
}

form#OverviewResultsForm fieldset.controls span {
	float: right;
}

/******************************************************************************/
/* JOURNEY DETAILS															  */

/* placement of buttons */
form#JourneyDetailsForm fieldset.controlsPaging span input {
	display: block;
	width: 9.5em;
}
form#JourneyDetailsForm fieldset.controlsPaging span {
	float: left;
}

form#JourneyDetailsForm fieldset.controls span input#printButton {
	float: right;
}

form#JourneyDetailsForm fieldset.controls span input#methodBack {
	float: left;
}


/******************************************************************************/
/* TIMETABLE PLANNER														  */

/* placement of buttons */
form#CaptureServiceDetailsForm fieldset.controls input#methodDefaultMethod {
	float: right;
}

form#CaptureServiceDetailsForm fieldset.controls input#methodReset {
	float: left;
}

/******************************************************************************/
/* PAGING CONTROLS															  */
form fieldset div.pagingControls {
	float: right;
	padding-top: 3px;
}

form fieldset div.pagingControls input.scrollButton {
	cursor: pointer;
}

form fieldset.controlsPaging span {
	display: block;
}

/******************************************************************************/
/* RESULT PAGE HEADINGS														  */
span.dataItem {
	display: block;
}
span.dataItem span.label {
	margin-right: 3px;
}
span.dataItem span.text {
	margin-left: 3px;
	margin-right: 3px;
}

/* KEY */
/* remove key header */
body.timetableplanner #CustomiseTimetableForm table.keys thead, body.timetableplanner #TimetableDetailsForm table.keys thead {
	display:none;
}
/* give a border */
#CustomiseTimetableForm table.keys, body.timetableplanner #TimetableDetailsForm table.keys {
	border-width: 1px;
	border-style: solid;
}

/******************************************************************************/
/* CONFIRM LOCATION LIST													  */

form fieldset.locationList div.pagedList div.listItem label {
	padding: 0;
	width: 390px;
}

form fieldset.locationList div.pagedList div.listItem input.inputRadio {
	margin-right: 2px;
}

/* currently selected location name */
form fieldset span.searchLocation_name em {
	margin-left: 3px;
}

/* confirm location buttons */
form#ConfirmLocationForm fieldset.controls input#buttonBack {
	float: left;
}
form#ConfirmLocationForm fieldset.controls input#buttonSelectLocation {
	float: right;
}

/******************************************************************************/
/* CONFIRM TIMETABLE														  */

/* buttons */
form#ServiceSelectForm fieldset.controls input#methodprev,
form#ServiceSelectForm fieldset.controls input#methodstart {
	float: left;
}
form#ServiceSelectForm fieldset.controls input#methodnext {
	float: right;
}

/* list */
form fieldset.TimetableList div.pagedList div.listItem label {
	padding: 0;
	width: 390px;
}

form fieldset.TimetableList div.pagedList div.listItem input.inputRadio {
	margin-right: 2px;
}
/******************************************************************************/
/* RESULTS TABLE															  */
table {
	border-collapse:collapse;
	width: 100%;
}

table.keys {
	width: auto;
	border-width: 1px;
	border-style: solid;
}
div.search {
	margin: 1em 0 0;
}

div.results table.timetable,
div.results table.journies
	{
	margin: 1em 0;
}

div.results table.timetable th,
div.results table.timetable thead td,
div.results table.journies th,
div.results table.journies thead td {
	border-width: 1px;
	border-style: solid;
	padding:5px;
	text-align:center;
	font-weight: bold;
}

div.results table.timetable td,
div.results table.journies td {
	border-width: 1px;
	border-style: solid;
	padding:5px;
}

/* cells containing the controls should not have borders */
div.results table.timetable th.controls,
div.results table.timetable thead td.controls,
div.results table.journies th.controls,
div.results table.journies thead td.controls,
div.results table.timetable td.controls,
div.results table.journies td.controls,
div.results table.journies td.Controls {
	border: none;
}


div.results table.timetable tbody td.journeyPlan,
div.results table.timetable tbody td.timingPoint,
div.results table.timetable tbody td.timingPointAndJourneyPlan,
div.results table.timetable tbody td.intermediateStop {
	display: table-cell;
	width: auto;
}
div.results table.timetable tbody td.eventTimes {
	width: auto;
}

div.results table.journies tbody td.Times {
	text-align: center;
}


/* remove fieldset decoration from table cell */
div.results table.journies tbody td.Provider fieldset,
div.results table.journies tbody td.controls fieldset,
div.results table.journies tbody td.Controls fieldset {
	border: none;
	padding: 2px 0px;
	overflow: visible;
}
div.results table.journies tbody td.Provider fieldset legend,
div.results table.journies tbody td.controls fieldset legend,
div.results table.journies tbody td.Controls fieldset legend  {
	display: none;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
}

/* remove border between leave and arrive times and details */
div.results table.journies tr.journeyRow1 td.Times,
div.results table.journies tr.journeyRow1 td.Detail {
	border-bottom: none;
}
div.results table.journies tr.journeyRow2 td.Times,
div.results table.journies tr.journeyRow2 td.Detail {
	border-top: none;
}


/******************************************************************************/
/* TIMETABLE DETAILS														  */

fieldset.earlierLaterTimetables legend {
	display: none;
}

/* button arrangement */
form#TimetableDetailsForm div.topNavigation span.changeButtons input#methodCustomiseTimetable {
	float: left;
}

form#TimetableDetailsForm div.topNavigation span.changeButtons input#methodReverseTimetable {
	float: right;
}

form#TimetableDetailsForm div.navigation fieldset.controls span.changeButtons
	{
	float:left;
	}

form#TimetableDetailsForm div.navigation fieldset.controls span#printButtonSurround {
	display: block;
	float: right;
}

form#TimetableDetailsForm div.results table td.timingPoint
	{
	font-weight: bold;
	}

div.timingPointKeyImage,
div.journeyPlanKeyImage {
	display: inline;
}

span.operatorCode, span.noteKey {
	display:inline;
	font-size:8px;
	font-style:italic;
	margin-right:2px;
}

/******************************************************************************/
/* CUSTOMIZE TIMETABLE														  */
#CustomiseTimetableForm fieldset div.dataItem {
	padding-left:25px;
}

#CustomiseTimetableForm fieldset.controlsChangeStops legend {
	display: none;
}

/* button placement */
#CustomiseTimetableForm fieldset.controlsChangeStops input#methodchooseAllStops,
#CustomiseTimetableForm fieldset.controls input#methodBack {
	float: left;
}
#CustomiseTimetableForm fieldset.controlsChangeStops input#methodclearAllStops,
#CustomiseTimetableForm fieldset.controls input#methodConfirm {
	float: right;
}

#CustomiseTimetableForm fieldset.displayedStops label
	{
	width: auto;
	}

#CustomiseTimetableForm fieldset.displayedStops div.HelpLink a
	{
	padding-left: 25px;
	}

ul.errors
	{
	display: block;
	float: left;
	padding-top: 10px;
	color: #e20077;
	}

/******************************************************************************/
/* HELP TEXT 																  */
div.HelpTextTag
	{
	margin:5px;
	}
div.HelpTextTag div#helpText
	{
	margin:5px;
	padding:5px;
	border-width:1px;
	border-style:solid;
	color:#013A81;
	font-size:1.1em;
	}

/******************************************************************************/
/* WORKING SPLASH 															  */

#splashScreen
	{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	padding:0px;
	background-repeat:repeat;
	z-index:23;
	text-align:center;
	}

#splashScreen div.splashScreenText
	{
	position:relative;
	padding:20px;
	top:35%;
	width:186px;
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
	border-width:1px;
	border-style: solid;
	}

#splashScreen img
	{
	margin: 0 auto;
	}