table.jCalendar {
	background: #63A2D0;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #3C6495;
	color: #fff;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #63A2D0;
}
table.jCalendar td.today {
	background: #9EC0D8;
	color: #fff;
	font-weight: bold;
}
table.jCalendar td.selected {
	background: #E4287C;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #BF2C73;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #63A2D0;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #27456A;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #3C6495;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
	border: 2px solid #fff;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #fff;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #63A2D0;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}














div#JourneyPlanner { height: 278px; background: url(../images/layout/search/searchbg.gif) no-repeat left bottom; color: #FFFFFF; }
div#JourneyPlanner h2 { padding: 18px 0 0 12px; font-size: 12px; }
div#JourneyPlanner fieldset { border: 0px; }
div#JourneyPlanner fieldset legend { display: none; }
div#JourneyPlanner fieldset .frow { float: left; }
div#JourneyPlanner fieldset .frow label span.field { color: #464647; float: left; font-size: 11px; }
div#JourneyPlanner fieldset .frow-text label span.field input { padding: 1px; }
div#JourneyPlanner fieldset .frow-select label span.field select { min-width: 38px; }
div#JourneyPlanner fieldset .frow-select label span.field select option { padding: 0 0 0 1px; }
div#JourneyPlanner fieldset .frow-action { clear: both; padding: 10px 0 6px 10px; }
div#JourneyPlanner fieldset fieldset { clear: both; margin: 0 13px 0 12px; padding: 7px 0 0 0; }
div#JourneyPlanner fieldset fieldset h3 { font-size: 12px; font-weight: normal; padding: 0 0 2px 0; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerStations { background: url(../images/global/bg_dotted_f3b1d1_horizontal.gif) repeat-x 0 0; padding: 0; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerStations .frow { clear: both; float: none; padding: 7px 0 0 0; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerStations .frow label span.label { display: block; font-size: 12px; font-weight: normal; padding: 0 0 2px 0; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerStations .frow label span.field { color: #464647; font-size: 11px; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerOutwardJourney { margin-right: 0; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerOutwardJourney .frow { padding-left: 7px; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerOutwardJourney .frow label span.label { display: block; height: 0; overflow: hidden; width: 0; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerOutwardJourney .frow-text { padding-left: 0; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerReturnJourney { margin-right: 0; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerReturnJourney .frow { padding-left: 7px; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerReturnJourney .frow label span.label { display: block; height: 0; overflow: hidden; width: 0; }
div#JourneyPlanner fieldset fieldset#JourneyPlannerReturnJourney .frow-text { padding-left: 0; }
div#Container.safari div#JourneyPlanner { float: left; margin-bottom: 5px; width: 175px; }
div#Container.safari div#JourneyPlanner fieldset fieldset#JourneyPlannerOutwardJourney .frow,
div#Container.safari div#JourneyPlanner fieldset fieldset#JourneyPlannerReturnJourney .frow { padding-left: 8px; }
div#Container.safari div#JourneyPlanner fieldset fieldset#JourneyPlannerOutwardJourney .frow-text,
div#Container.safari div#JourneyPlanner fieldset fieldset#JourneyPlannerReturnJourney .frow-text { padding-left: 0; }
div#Container.safari div#JourneyPlanner fieldset fieldset#JourneyPlannerOutwardJourney .frow label span.label,
div#Container.safari div#JourneyPlanner fieldset fieldset#JourneyPlannerReturnJourney .frow label span.label { display: none; }

div#JourneyInformation { background: #24478C url(../images/global/journeyinformation_bg.gif) no-repeat left bottom; clear: both; color: #FFFFFF; margin: 4px 0 0 0; min-height: 110px; }
div#JourneyInformation fieldset { padding: 0 0 5px 0; }
div#JourneyInformation fieldset legend { display: none; }
div#JourneyInformation fieldset h2 { background: #155EA0 url(../images/global/journeyinformation_bg.gif) no-repeat 0 0; font-size: 12px; padding: 10px 0 0 12px; }
div#JourneyInformation fieldset .frow { margin: 5px 0 0 11px; }
div#JourneyInformation fieldset .frow label span.label { display: block; height: 0; overflow: hidden; width: 0; }
div#JourneyInformation fieldset .frow label span.field select { color: #474647; font-size: 11px; width: 150px; }
div#JourneyInformation fieldset .frow label span.field select option { padding: 1px 0 0 5px; }
div#JourneyInformation ul { list-style: none; }
div#JourneyInformation ul li { font-size: 12px; margin: 0 11px; }
div#JourneyInformation ul li.first { background: url(../images/global/bg_dotted_90a7c9_horizontal.gif) repeat-x left bottom; }
div#JourneyInformation ul li a { background: url(../images/global/arrow_7x8_e34391.gif) no-repeat 98% 50%; color: #FFFFFF; display: block; font-weight: bold; padding: 3px 0 4px 0; }
div#JourneyInformation ul li ul li { margin-right:0px;background: url(../images/global/arrow_7x8_e34391.gif) no-repeat 98% 50%; }
div#JourneyInformation ul li ul li a {padding-right:12px;}