/*  travelinfo  */
.ticketslinks {margin-top: 30px; margin-bottom: 20px;}
.infocontainer {float:left;	padding-top:0; width:530px;}
.infocontainer .infoicon {display:inline; float:left; margin-left:15px;	margin-right:7px; width:42px;}

.infocontainer .infodesc {display:inline; float:left; width:463px;}
.homecolleft .infocontainer{width:264px;}
.homecolleft .infocontainer .infodesc {display:inline; float:left; width:200px;}
.infocontainer .infodesc select {font-size:1em;	font-weight:normal;	vertical-align:middle; color: #788e91; font-weight: 700; width: 170px;}
.infocontainer .infodesc label {color:#45657B;	font-weight:bold;}
.infocontainer .infodesc .liveTrainLabel label {color:#66747b; font-size:0.7em; font-weight:normal;}
.infocontainer .infodesc label.biggerLabel {font-size:0.95em;}
.infocontainer .infodesc p.contain label {padding-bottom:7px; font-size:1.2em;}
.infocontainer .infodesc .submit {vertical-align:middle;}
.infocontainer .infodesc table td {padding:0px 12px 7px 0px; border: none; font-size: 100%;}

.travelinfo .infocontainer .infodesc h2 {font-size:115%}
ul.ticketlist {list-style-type:none; margin:0; padding:0;}
ul.ticketlist li {float:left; padding-bottom:5px; width:219px;}
ul.ticketlist li p {font-size:0.9em; padding-left:13px;}
ul.ticketlist li a {font-size:1.2em;}

.travelinfo ul.iconHeader li h2 {font-size:1.4em;}
.travelinfo .greyCurveBtm464 {float:left; width:464px; padding-bottom:6px; background:url(../img/greyCurveBtm464.gif) bottom left no-repeat;}						
.travelinfo .greyCurveTop464 {float:left; width:464px; padding-top:6px; background:url(../img/greyCurveTop464.gif) top left no-repeat;}
.travelinfo .boxBg464 {float:left; width:464px;	background:url(../img/boxBg464.gif) top left repeat-y;}
.travelinfo .boxBg463 {float:left; width:463px; border:1px solid #6EA0B0; background-color:#FCF9EC;}
.travelinfo .boxBg463Greys {float:left;	width:463px; background:url(../img/sbsColumnDrkLftSmall.gif) top left repeat-y;}
.travelinfo .boxBg464NoColour {float:left; width:464px;	background:url(../img/boxBg464NoColour.gif) top left repeat-y;}	
.travelinfo .boxBg464NoColour p img, .travelinfo .boxBg463NoColour p img {margin-bottom:6px;}
.travelinfo .boxBg464NoColour p, .travelinfo .boxBg463NoColour p {display:inline; margin:0 6px;	float:right; font-size:0.9em;}
.travelinfo .boxBg463NoColour .yellowcorner p {font-size:0.7em;}
							
.travelinfo .timetableleft, .travelinfo .timetableright {display:inline; float:left; width:211px; padding:10px;}							
.timetableright {float:right;}
.travelinfo .timetableleft {background-color:#FCF9EC;}
.travelinfo .timetableleft .redarrowlink {font-size:0.9em;}
.travelinfo .timetableleft .form {float:left; margin:0;	padding:20px 0 0 0;}
.travelinfo .timetableleft label {margin-bottom:8px;}
.travelinfo .timetableleft label, .travelinfo .timetableleft select {float:left; font-weight:normal;}
.travelinfo .timetableleft select {font-size:0.7em;	color:#000000;}
.travelinfo .timetableleft input.submit {float:left; margin-left:5px; margin-top:-3px;}
.travelinfo .timetableright select {font-size:0.7em; color:#000000;	font-weight:normal;}
.travelinfo .timetableright {background-color:#F4F7FA; border-left:1px solid #6EA0B0;}
.travelinfo .timetableright h3, .travelinfo .timetableleft h3 {font-size:1em; margin:0;}
.travelinfo .timetableright p {color:#4f585e; font-size:0.7em;}
.travelinfo .timetableright li {color:#4f585e;}
.travelinfo .timetableright .calendartable {margin:0 !important; padding:15px 7px !important;}
.travelinfo .timetableright .calendartable a {color:#fff;}
.timetableButton {display:block; width:196px; height:40px; margin:7px; padding-top:4px; background:transparent url(../img/arrows_buttons/timetable-button.gif) top left no-repeat; color:#ffffff; font-size:0.75em; font-weight:bold; text-align:center;}
.timetableButton:hover, .timetableButton:focus {background-color:transparent; color:#fff;}

.infocontent {clear:both;}
.infocontainer {float:left;	width:530px;}
.infoicon {float:left; margin-right:10px;}	
.homecolright .calendar .infoicon {float:left; width:25px; margin:0; padding:0; display:inline; border:0px solid red;}	
/*.calendar div {display:inline;}
 .homecolright .calendar div p {float:left;}	  */
.infodesc {float:left;}

.maininfo {padding-top:20px;}
.maininfo h1 {line-height:1em; margin:0; padding:0;}
.maininfo .infoicon {width:42px;}
.maininfo .infodesc {width:478px;}
.maininfo .infodesc p.introtext {font-size:0.9em;}

/*  disruptions  */
div.nodisruption {float:left; width:516px; background:#c6da74;}
div.nodisruption h2 {font-size:1.1em; margin:25px 15px;	color:#264144;}
div.disruption {display:none; float:left; width:516px; background:#f7fbf5;}
div.open-disruption {display:block; float:left;	width:516px; background:#f7fbf5;}
div.disruptiontitle {float:left; width:516px; background:#ffce22; border-bottom:1px solid #fee89a;}
div.lighter {background:#fcdc6c;}
div.disruptiontitle h2 {color:#2b240a; font-size:1em;}
div.disruptiontitle div p {margin:0;}
div.disruptiontitle div p span {color:#7e734d; font-size:1em; font-weight:bold;}
div.disruptiontitle div {float:left; padding:15px 20px;}
div.disruptiontitle div.arrowmore {float:right;	margin-top:15px;}
div.disruptiontitle div.arrowmore{display:block; width:23px; height:22px; background:url(../img/iconYellowArrow.gif) top left no-repeat; text-indent:-9999px; cursor: pointer;}
div.lighter div.arrowmore{cursor: pointer; background:url(../img/iconYellowLightArrow.gif) top left no-repeat;}
div.disruptiontitle div.arrowless {float:right;	margin-top:15px;}
div.disruptiontitle div.arrowless{display:block; width:23px; height:22px; background:url(../img/iconYellowArrowDown.gif) top left no-repeat; text-indent:-9999px; cursor: pointer;}
div.lighter div.arrowless{cursor: pointer; background:url(../img/iconYellowLightArrowDown.gif) top left no-repeat;}
div.disruptiondesc {clear:both;	padding:20px;}
div.disruptiondesc h3 {margin:0; color:#002e4f;	font-size:0.9em;}
div.disruptiondesc ul {margin:0 0 20px 0; padding:0; font-size:0.9em; list-style-position:inside;}
div.disruptiondesc p {margin-bottom:20px;}

div.changescontainer {float:left; width:516px; background-color:#FCF9EC;}
div.changescontainer div.calendar {float:left; width:238px;}
div.changescontainer div.changestext {float:left; min-height:150px; width:253px;}
div.changescontainer div.calendar {margin:0; padding:0 !important; background-color:#F4F7FA; border:1px solid #A9C5CE; border-top:none;}
div.changescontainer div.calendar p {font-weight:bold; padding:0 15px 10px;}

div.changescontainer div.calendar p {padding-top:10px !important;}
.changescontainer .calendar .infoicon {padding:10px 5px 0 12px;}
div.changescontainer div.changestext p {font-size:70%; padding:0 15px 0 30px;}
div.changescontainer div.changestext p.yellowbullet {background:url(../img/bulletYellow.gif) 15px 4px no-repeat; color:#002e4f; font-size:75%; font-weight:bold; padding-left:30px;	margin-top:10px;}

div.changescontainer div.changestext p.routewidechangesbullet, div.changescontainer div.changestext p.localisedchanges {margin-top:10px; padding-left:30px; color:#002e4f; font-size:75%; font-weight:bold;}
div.changescontainer div.changestext p.routewidechangesbullet { background:url(../img/bulletPurple.png) 15px 4px no-repeat; }
div.changescontainer div.changestext p.localisedchangesbullet { background:url(../img/bulletLightPurple.png) 15px 4px no-repeat; }
 
div.changescontainer div.changestext p.yellowbullet span, div.changescontainer div.changestext p.routewidechangesbullet span, div.changescontainer div.changestext p.localisedchangesbullet span {color:#99aebd;}
.changestext .dotDivide {margin:0 10px 15px 10px; padding-top:5px;}

.calendar .infoicon {width:25px; margin:0px; padding:0px;}
.calendar a.redarrowlink, a.bluearrowlink {position:relative; display:inline;  border:0px solid blue;}

.calendar table.month {border-collapse:collapse; margin-top:15px;}
.calendar table.month td, .calendar table.month th {padding:0; background:#fff;	border:1px solid #d6e6f2; font-weight:bold;	text-align:center; font-size:11px; }
.calendar table.month th {background:#98a7b3; color:#fff; font-size:70%; padding:3px; }

.calendar table.month td.altered-routewidechanges {background:#91177c; color:#fff;}
.calendar table.month td.altered-localisedchanges {background:#dfaace; color:#fff;}
.calendar table.month td div { padding: 2px; }
.calendar table.month td div a { color:#000 !important; }
.calendar table.month td.currentdate div,
.calendar table.month td.altered-routewidechanges-currentdate div,
.calendar table.month td.altered-routewidechanges-currentdate:hover div,
.calendar table.month td.altered-localisedchanges-currentdate div,
.calendar table.month td.altered-localisedchanges-currentdate:hover div { padding: 0px; border: solid 2px #6e9096; border-collapse:collapse; border-spacing:0px; }
.calendar table.month td.currentdate div {background-color:#fff; }
.calendar table.month td.altered-routewidechanges-currentdate div {background-color:#91177c; }
.calendar table.month td.altered-localisedchanges-currentdate div {background-color:#dfaace; }
.calendar table.month td.altered-routewidechanges div a,
.calendar table.month td.altered-routewidechanges-currentdate div a,
.calendar table.month td.altered-localisedchanges div a, 
.calendar table.month td.altered-localisedchanges-currentdate div a {color:#fff !important; }

/*
.calendar table.month td.altered-routewidechanges-currentdate div a:link {color:#fff; }
.calendar table.month td.altered-routewidechanges-currentdate div a:visited {color:#fff; }
.calendar table.month td.altered-routewidechanges-currentdate div a:hover {color:#fff; }
.calendar table.month td.altered-localisedchanges-currentdate div a:link {color:#fff; }
.calendar table.month td.altered-localisedchanges-currentdate div a:visited {color:#fff; }
.calendar table.month td.altered-localisedchanges-currentdate div a:hover {color:#fff; }
*/
div.calendartable {margin:10px 8px; padding:15px; background:#E7EFF3 url(../img/backgrounds/timetable_gradient.gif) repeat-x; border:1px solid #9bb3c6; }
div.calendartable ul {margin:15px 0 0 0; padding:0;	font-size:0.9em; list-style-type:none;}
div.calendartable ul li.yellowbullet {padding-left:15px; background:url(../img/bulletYellow.gif) 0 4px no-repeat;}
div.calendartable ul li.routewidechangesbullet {padding-left:15px;	background:url(../img/bulletPurple.png) 0 4px no-repeat;}
div.calendartable ul li.localisedchangesbullet {padding-left:15px; background:url(../img/bulletLightPurple.png) 0 4px no-repeat;}
.calendar p {margin:20px 10px 10px 10px; color:#fff; font-size:70%;}

.arrowDisplayBox {float:left; width:21px; min-height:170px; margin-left:-1px; background:url(../img/backgrounds/timetableAlterations_arrow.gif) 0px 110px no-repeat;}

/*  download timetable  */
.stationform {padding:15px 10px; background:#8DB0BC url('../img/backgrounds/gradient45h.gif') repeat-x;}
.stationform label {color:#fff;	font-weight:bold;}
.greybg {float:left; padding-top:10px; background:#f7fbf5;}
.thetimetable {display:inline; float:left; width:496px; margin:10px; padding-bottom:10px;}
.thetimetable .timetabletype {float:left; margin-right:20px;}
.thetimetable .timetabletypeFullWidth {width:100%;}
.thetimetable .timetabletype h3 {margin:0; color:#002e4f; font-size:0.9em;}
.thetimetable .timetabletype p {font-size:80%; padding-left: 12px;}
.thetimetable .download {float:right;}
.thetimetable .download a {display:block; width:153px; padding:5px 0px;	background:url('../img/arrows_buttons/download_btn.gif') top left no-repeat; color:#fff; font-size:0.7em;	font-weight:bold;}
.thetimetable .download a span.downloadlink {padding-left:10px;}
.thetimetable .download a span {padding-left:40px;}
.centralContent .greyCurveTop .contain h2.headerbg {height:20px; width:496px;}

/*  live train times  */
.livetimeslist {float:left; list-style-type:none; margin: 0px !important; padding:10px 0px; margin-bottom:10px;}
.livetimeslist li {float:left; font-weight:bold; margin-right:20px; padding:0 5px;}
.livetimeslist li span.early, .livetimeslist li span.delayed, .livetimeslist li span.cancelled {float:left; display:block; width:22px; height:0px; overflow:hidden; padding-top:22px; background:transparent url('/img/icons/tickIcon.gif') no-repeat left top; font-size:0px; line-height:0px;}
.livetimeslist li span.delayed {background-image:url('/img/icons/delayedIcon.gif');}
.livetimeslist li span.cancelled {background-image:url('/img/icons/cancelledIcon.gif');}
.livetimeslist li span.legend {position:relative; top:2px; padding-left:5px;}
.stationformlive {float:left; width:516px; background:#5b8d9e url('/img/backgrounds/liveTrainTimes_gradient.gif') repeat-x;}
.stationformlive .stationformliveinner {padding:15px 10px 4px 15px;}

.stationformlive p {clear:left; padding-bottom:15px; color:#fff; font-weight:bold;}
.stationformlive select, .stationformlive input, .stationformlive label, .stationformlive p span {float:left; margin-right:10px;}
.stationformlive label, .stationformlive .label {padding-top: 3px; color:#ffffff;}
p.long label {width:210px;}
.stationformlive p select {font-size:1em; font-weight:normal;}
.livestation {clear:left; overflow:auto; width:496px;}
.livetable th, .livetable td {border:1px dotted #c9d5d4; border-collapse:collapse; padding:6px 10px; font-size:0.7em; color:Black; text-align:left;}
.livetable th {background:#d0d8dd; border:0;}
.livetable {border:1px solid #f7fbf5; width:100%;}
.livetable td {background:#f7fbf5;}
.livetable .early, .livetable .delayed, .livetable .cancelled, .livetable span {display:block; float:left; margin-right:10px; padding:4px;background:#accd47; color:#fff; font-size:1.2em; font-weight:bold;}
.livetable span {margin-right:14px;	background:#f7fbf5;}
.livetable .delayed {background:#ffb85c;}
.livetable .cancelled {background:#ff6b5c;}

.tablefooter {float:left; width:516px; background:#7999b3; text-align:center;}
.tablefooter div {float:left; width:33%; padding:5px 0;	color:#fff;	font-size:0.7em; font-weight:bold; text-align:center;}
.tablefooter div.prev {float:left; text-align:left;}
.tablefooter div.prev a {margin-left:5px; padding-left:12px; background:url(../img/arrowDrkBlueLeft.gif) left no-repeat; color:#fff;}
.tablefooter div.next {float:right;	text-align:right;}
.tablefooter div.next a {margin-right:5px; padding-right:12px; background:url(../img/arrowDrkBlueRight.gif) right no-repeat; color:#fff;}
.tablefooter div a:hover {color:#19354b;}

/* full timetables  */
.fulltimetabledir {clear:left; overflow:auto; width:516px; background:url(../img/headerBg.gif) top left repeat-y;}
.fulltimetabledir h2 {float:left; padding:8px 10px;	color:#fff;	font-size:0.9em;}
.fulltimetabledir div {float:right;	padding:8px 10px;}
.fulltimetabledir div a {padding-left:12px;	background:url(../img/arrowDrkBlueRight.gif) left no-repeat; color:#fff; font-size:0.7em; font-weight:bold;}
.fulltimetabledir div a:hover {color:#19354b;}
.fulltable {width:516px;}
.fulltable tr.numbers th {text-align:center;}
.fulltable th, .fulltable td {padding:5px 8px; border:1px dotted #c9d5d4; border-collapse:collapse;	color:#173e5f; font-size:0.7em;	text-align:left;}
.fulltable tr.grey1 {background:#d0d8dd;}
.fulltable tr.grey2 {background:#e9edf0;}
.fulltable tr.grey1 td, .fulltable tr.grey2 td {border:0; font-weight:bold;	text-align:center;}
.fulltable td.alignleft {text-align:left !important;}
.fulltable tr.darkerborder td {border-bottom:1px dotted #666;}
.fulltable td.shadowed {background:#f0f3f4;}
.fulltable tr.tableseperator td {height:4px; padding:0;	background:url(../img/tableSeperator.gif) top left repeat-x; border:0;}

#viewsymbolkey {display:none; position:absolute; left:380px; top:90px; width:173px; padding-top:4px; background:url(../img/symbolKeyTop.gif) top left no-repeat;}
.symbolkey {padding-bottom:20px; background:url(../img/symbolKeyBottom.gif) bottom left no-repeat;}
.keycontainer {padding:0 4px; background:url(../img/symbolKeyMain.gif) top left repeat-y;}
table.thekeys {border-collapse:separate;}
table.thekeys td {padding:3px 5px; background:#f2f8fd; border:2px solid #f2f8fd; color:#173e5f;	font-size:0.7em; font-weight:bold;}
.symbolkey table.thekeys td.symbol {background:#fff;}

.centralContent div.planicon, .centralContent div.plan {float:left;}
.centralContent div.planicon {display:inline; margin-right:7px;}
.centralContent div.plan {width:463px;}

.greyCurveBtm {float: left;	padding-bottom: 6px !important; background: url(../img/greyCurveBtm463.gif) no-repeat left bottom;}
.greyCurveTop {float: left;	width: 463px; background: url(../img/greyCurveTop463.gif) no-repeat left top;}
.boxBgNoColour {float: left; width: 463px; background: url(../img/boxBg463NoColour.gif) repeat-y left top;}
.boxBgNoColour p img {margin-bottom: 6px;}
.boxBgNoColour p {display: inline; float: right; margin: 0px 6px; font-size: 0.9em;}
.TravelInfoMod {width: 530px; margin-left: 15px;}

.infocontainer .liveTrainTimesPara {padding-left:64px;}
.infocontainer .liveTrainTimesH3 {font-size:0.95em;padding-left:64px;color:#45657B;font-weight:bold;margin-top:5px;}