/*
----------------------------------------------- 
Southern Railways 
Author:www.imaginet.co.uk 
Version:22 Sep 2009 
----------------------------------------------- */ 


/* Global Styles 
----------------------------------------------- */ 

* {
   padding:0; 
   margin:0; 
}
a {
   text-decoration:none; 
   color:#24592e; 
}
a:hover {
   color:#497854; 
   text-decoration:underline; 
}
a img {
   border:none; 
}
table td a {
   text-decoration:underline; 
}
#page p a, #homepage p a {
   text-decoration:underline; 
}
#page p, #homepage p, #footer p {
   margin:0 0 1em 0;
   line-height:1.5em;
}
ul {
   list-style-type:none; 
}
table {
   font-size:1em; 
}
.breaker { 
   clear:both; 
   width:100%; 
   height:1px; 
   font-size:0.1em; 
   overflow:hidden; 
}
.none {
   display:none;
}
.alert {
   color:#f00;
}
div.bot {
   overflow:hidden;
   background-repeat:no-repeat;
   font-size:0.01em;
}
div.test {
   background-color:#f00;
}
div#validation {
   padding:5em 0 1em 0;
   text-align:center;
   xdisplay:none;
}
#printlogo {
   display:none;
}



/* Page Structure 
----------------------------------------------- */

html body {
   background:#ebf7ec url("../graphics/bodybg.gif") no-repeat center top;
   color:#000;
   text-align:center;
   font:81.25%  Arial, Verdana, Sans-serif;
   margin:0 0 3em 0;
}
#page, #homepage {
   width:990px;
   margin:0 auto;
   text-align:left;
   padding:0 0 0 0;
   background:url("../graphics/pagebg.gif") repeat-y right top;
}
#left {
   width:231px;
   float:left;
   padding:55px 0 0 0;
}
#left div.container {
   width:231px;
   background:url("../graphics/leftbg.gif") repeat-y 96px 60px;
}
#main {
   float:right;
   width:732px;
}
#mainblock {
   width:715px;
}
#middle {
   width:471px;
   float:left;
}
#pageheader {
   width:471px;
}
#right {
   width:228px;
   float:right;
}
div.content {
   margin:0 0 1em 0;
   padding:0 0 0 0;
}


/* Accessibility bits 
----------------------------------------------- */

#skipnav a {
   position:absolute;
   left:-40000px;
}
#skipnav a:active, #skipnav a:focus {
   text-decoration:none;
   text-align:center; 
   background-color:#24592e;
   color:#fff;
   font-weight:bold;
   border:3px solid #fff;
   padding:0.4em 24px 0.6em 24px;
   position:absolute;
   left:1px;
   top:1px;
   display:block;
}
#voice_only {
   position:absolute;
   left:-40000px;
}


/* Big alerts 
----------------------------------------------- */

#big_alert_yellow {
   width:715px;
   background:#fff390 url("../graphics/bigalertbg_yellow.gif") repeat-y 0 0;
   margin:0 0 0.5em 0;
}
#big_alert_green {
   width:715px;
   background:#def1df url("../graphics/bigalertbg_green.gif") repeat-y 0 0;
   margin:0 0 0.5em 0;
}
#big_alert_yellow .box, #big_alert_green .box {
   width:715px;
   padding:1em 0 0.5em 0;
}
#big_alert_green .box {
   background:url("../graphics/bigalerttop_green.gif") no-repeat 0 0;
}
#big_alert_green .bot {
   background:url("../graphics/bigalertbot_green.gif") no-repeat 0 bottom;
   height:12px;
}
#big_alert_yellow .box {
   background:url("../graphics/bigalerttop_yellow.gif") no-repeat 0 0;
}
#big_alert_yellow .bot {
   background:url("../graphics/bigalertbot_yellow.gif") no-repeat 0 bottom;
   height:12px;
}
#big_alert_icon {
   width:65px;
   float:left;
   text-align:right;
}
#big_alert_text {
   width:638px;
   float:right;
   text-align:left;
}
#big_alert_text p {
   padding:0 20px 0.5em 0;
   margin:0;
}



/* Breadcrumb trail   
----------------------------------------------- */

#bct {
   width:715px;
   color:#757575;
   border-bottom:1px solid #c3d9cc;
   margin:0 0 14px 0;
}
#bct p {
   padding:0.5em 0 1em 0;
   margin:0;
}
#bct p a {
   text-decoration:none;
}
#bct p a:hover {
   text-decoration:underline;
}




/* Masthead  
----------------------------------------------- */

#masthead {
   width:990px;
   margin:0 auto;
   color:#497854;
   text-align:left;
   background:url("../graphics/mastbg.gif") no-repeat right bottom;
}
#masthead a {
   color:#24592e;
}
#masthead .container {
}
#masthead #logo {
   width:228px;
   float:left;
   padding:5px 0 0 0;
   text-align:center;
}
#masthead #mastblock {
   width:719px;
   float:right;
}
#mastblocktop {
   width:660px;
   height:56px;
   float:right;
}
#masthead .breaker {
   height:9px;
}


/* Mast search
----------------------------------------------- */

#mastsearch {
   width:280px;
   float:left;
   padding-top:13px;
   vertical-align:top;
}
#mastsearch div#lmsearch_label {
   float:left;
   width:105px;
   padding:7px 0 0 0;
}
#mastsearch div#lmsearch_input {
   float:left;
   width:140px;
   padding:5px 0 0 0;
}
#mastsearch input#sitesearch {
   width:130px;
   border:2px solid #79b086;
}
#mastsearch div#lmsearch_submit {
   float:left;
   width:30px;
   margin-top:2px;
}




/* Mast navigation   
----------------------------------------------- */

#mastnav {
   width:310px;
   float:left;
   padding-top:20px;
   margin:0 8px 0 0;
}
#mastnav ul{
   margin:0;
   padding:0 15px 0 0;
   float:left;
}
#mastnav ul li {
   color:#24592e;
   display:inline;
   float:left;
   margin-right:2px;
}
#mastnav a {
   text-decoration:none;
}
#mastnav ul li a.first{
   background:url("../graphics/contrast01.gif") no-repeat top left;
   width:17px;
   height:17px;
   display:block;
}
#mastnav ul li a.second {
   background:url("../graphics/contrast02.gif") no-repeat top left;
   width:17px;
   height:17px;
   display:block;
}
#mastnav ul li a.third {
   background:url("../graphics/contrast03.gif") no-repeat top left;
   width:17px;
   height:17px;
   display:block;
}
#mastnav ul li a.fourth {
   background:url("../graphics/contrast04.gif") no-repeat top left;
   width:17px;
   height:17px;
   display:block;
}
#mastnav ul li a.small{
   background:url("../graphics/size01.gif") no-repeat top left;
   width:17px;
   height:17px;
   display:block;
}
#mastnav ul li a.medium{
   background:url("../graphics/size02.gif") no-repeat top left;
   width:17px;
   height:17px;
   display:block;
}
#mastnav ul li a.large{
   background:url("../graphics/size03.gif") no-repeat top left;
   width:17px;
   height:17px;
   display:block;
   margin:0 8px 0 0;
}
#mastnav ul li.accessibility a {
   border-right:1px solid #4f937c;
   margin-right:3px;
   padding-right:8px;
   color:#24592e;
}
#mastnav ul li.accessibility a:hover {
   text-decoration:underline;
}
#mastnav a span {
   display:none;
}




/* Topnav  
----------------------------------------------- */

#topnav {
   width:100%;
   clear:both;
   margin:0 0 0 0;
   min-height:37px;
}
#topnav ul {
   list-style:none;
}
#topnav ul li {
   display:inline;
   background:url("../graphics/tab_right_off.gif") no-repeat right top;
   float:left;
   margin:0 0 0 2px;
}
#topnav ul li a {
   color:#fff;
   display:block;
   background:url("../graphics/tab_left_off.gif") no-repeat 0 top;
   float:left;
   padding:0.7em 17px 10px 17px;
   font-weight:bold;
   font-size:1em;
   text-decoration:none;
}
#topnav ul li a:hover {
   color:#ffe002;
   text-decoration:underline;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
      #header a {float:none;}
/* End IE5-Mac hack */


#topnav ul li.active {
   background-image:url("../graphics/tab_right_on.gif");
}
#topnav ul li.active a {
   background-image:url("../graphics/tab_left_on.gif");
   color:#000;
   padding:0.7em 17px 13px 17px;
}
#topnav ul li.active a:hover {
   color:#000;
}



/* Footer 
----------------------------------------------- */

#footer {
   width:990px;
   margin:0 auto;
   text-align:left;
   background:url("../graphics/footerbg.gif") no-repeat right bottom;
}
#footer .container {
   padding:20px 0 3em 258px;
}
#footer hr {
   font-size:0.01em;
   color:#fff;
   height:5px;
   width:712px;
   border-width:5px 0 0 0; 
   border-color:#c3d9cc;
   border-style:solid;
   margin:0 0 12px 0;
}
#footer ul {
   margin:0 0 1em 0;
}
#footer ul li {
   list-style-type:none;
   display:inline;
   padding:0.5em 10px 0.5em 15px;
   background:url("../graphics/footerdiv.gif") no-repeat left;
}
#footer li.first {
   background:none;
   padding-left:0;
}
#footer #govia {
   width:95px;
   height:30px;
   float:right;
}
#footleft span {
   font-size:0.85em;
   color:#999;
}



/* Left Navigation 
----------------------------------------------- */

#leftnav {
   width:231px;
   background:#fff url("../graphics/leftnavbg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
#left .tab {
   width:231px;
   background:#4c8456 url("../graphics/lefttabbg.gif") no-repeat 0 0;
}
#left .tab h2 {
   font-size:1em;
   color:#fff;
   margin:0 0 0 0;
   padding:0.6em 15px 0.6em 12px;
}
#leftnav .bot {
   width:231px;
   height:14px;
   background:#fff url("../graphics/leftnavbot.gif") no-repeat left bottom;
}
#left .tab p {
   color:#fff;
   padding:0.5em 8px 0.7em 12px;
   margin:0;
}
#leftnav .box {
   padding:0 3px 0em 0px;
}
#leftnav ul {
}
#leftnav ul li a {
   color:#fff;
   display:block;
   background-image:url("../graphics/leftnav01.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   padding:8px 8px 0.6em 28px;
   margin:0;
}
#leftnav ul li.first a {
   background-image:url("../graphics/leftnav01first.gif");
}
#leftnav ul li.first a:hover, #leftnav ul li.first a.active {
   background-image:url("../graphics/leftnav01first_on.gif");
}
#leftnav ul li a:hover {
   color:#ffe002;
   text-decoration:none;
   background-color:#40805a;
   background-image:url("../graphics/leftnav01_on.gif");
}
#leftnav ul li a.active {
   font-weight:bold;
   color:#ffe002;
   background-color:#004d43;
   background-image:url("../graphics/leftnav01_on.gif");
}
#leftnav ul li ul {
   border:none;
   padding:0.1em 0 1em 0;
   background-color:#004d43;
}
#leftnav ul li ul li a, #leftnav ul li.first ul li a {
   background-image:url("../graphics/leftnav02.gif");   
   background-position:26px 10px;
   padding:4px 8px 0.4em 36px;
   margin:0;
}
#leftnav ul li ul li a:hover, #leftnav ul li.first ul li a:hover {
   background-image:url("../graphics/leftnav02_on.gif");   
}
#leftnav ul li ul li ul {
   padding:0.1em 0 0.2em 0;
}
#leftnav ul li ul li ul li a, #leftnav ul li.first ul li ul li a {
   background-image:url("../graphics/leftnav03.gif");   
   background-position:36px 7px;
   padding:0 8px 0.5em 46px;
   margin:0;
}
#leftnav ul li ul li ul li a:hover, #leftnav ul li.first ul li ul li a:hover {
   background-image:url("../graphics/leftnav03_on.gif");   
}




/* Buy tickets box LHS 
----------------------------------------------- */
.hidelabel {
   display:none;
}
#buyticketsbox {
   width:231px;
   color:#004d43;
   background:#fff url("../graphics/leftboxbg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
#buyticketsbox .pad {
   padding:0 6px 0 3px;
}
#buyticketsbox p {
   margin:0 0 0.2em 0;
}
#buyticketsbox a {
}
#buyticketsbox .expandbox {
   padding:6px 16px 0.8em 10px;
}
#buyticketsbox div.formheader {
   background:url("../graphics/buyboxhedbg.gif") no-repeat 0 0;
   padding:0.3em 0 0.4em 0;
   border-bottom:1px solid #40805a;
   font-size:0.9em;
}
#buyticketsbox div.formheader a {
   color:#fff;
   display:block;
   background:url("../graphics/blacktabarrow_closed.gif") no-repeat 200px 1px;
   padding:0 0 0 6px;
}
#buyticketsbox div.formheader a.active {
   background-image:url("../graphics/blacktabarrow_open.gif");
}
#searchbutton {
   width:231px;
   background:#fff url("../graphics/leftboxbotbg.gif") no-repeat-y left bottom;
}
#searchbutton div.box {
   padding:0.5em 16px 12px 16px;
}
#searchbutton p {
   margin:0 0 0.3em 0;
   padding:0;
}
#searchbutton p input {
   float:left;
   margin:0 4px 0 0;
}
#searchbutton div.button {
   text-align:center;
   padding:4px 0 8px 0;
}
#buyticketslinks {
   width:231px;
   background:url("/graphics/leftboxbgw.gif") no-repeat left bottom;
}
#buyticketslinks .box {
   padding:0 6px 16px 3px;
}
#buyticketslinks ul {
    border-top:1px solid #79b086;
    padding:10px 0 0 0;
}
#buyticketslinks ul li {
}
#buyticketslinks ul li a {
   display:block;
   text-decoration:none;
   background:url("/graphics/arrow01.gif") no-repeat 17px 3px;
   padding:0 0 0.5em 28px;
}
#buyticketslinks .box a:hover {
   text-decoration:underline;
}
#buyticketsform01 {
   text-align:right;
}
#buyticketsform01 div.form_row {
   margin:0 0 0.2em 0;
}
#buyticketsform01 div.labelblock {
   font-weight:bold;
   width:40px;
   float:left;
}
#buyticketsform01 div.inputblock {
   width:153px;
   float:left;
}
#lcOrigin, #lcDestination {
   width:144px;
}
#lcOptionLocation {
   width:120px;
}
#SingleOrReturn {
   margin:0 0 0.2em 0;
}
#MoreOptions p a {
   background:url("../graphics/smallarrow01.gif") no-repeat 0 5px;
   padding:0 0 0 8px;
   font-weight:bold;
   font-size:0.9em;
   text-decoration:none;
}
#MoreOptions p a:hover {
   text-decoration:underline;
}
div.TravelDateLine, div.OpenReturnLine, div.divPassengers, div.TravelStandardClass, div.TravelNoChanges {
   margin:0 0 0.5em 0;
}
img.PopupCalendar {
}
select.TravelTimeMonthYear, select.TravelTimeOption {
   width:100px;
}


/* Accordian LHS 
----------------------------------------------- */

#accordion {
   width:231px;
   background:#fff url("../graphics/accordionbg.gif") no-repeat left bottom;
   margin:0 0 1em 0;
   padding:0 0 6px 0;
}
#accordion h2 {
   cursor:pointer;
   font-size:1.1em;
   background-repeat:no-repeat;
   background-position:0 0;
   color:#004d43;
   margin:0 0 0 0;
   padding:18px 12px 23px 12px;
}
#accordion div.element {
   padding:0 0 0 0;
}
#accordion div.element p {
   margin:0 0 0.5em 0;
}
#accordion div.element form p {
   margin:0 0 0.5em 0;
}
#accordion ul li a {
   text-decoration:none;
}
#accordion ul li a:hover {
   text-decoration:underline;
}


#accordion h2#acc01 {
   background-image:url("../graphics/acc01bg.gif"); 
}
#accordion h2#acc02 {
   background-image:url("../graphics/acc02bg.gif");
}
#accordion h2#acc03 {
   background-image:url("../graphics/acc03bg.gif");
}
#accordion h2#acc04 {
   background-image:url("../graphics/acc05bg.gif");
   padding-bottom:23px;
}


#accordion #acc01box {
   padding:0.5em 15px 1em 12px;
   background:url("../graphics/accboxbg.gif") no-repeat 3px bottom;
}
#accordion #acc02box {
   padding:0.5em 15px 1em 12px;
   background:url("../graphics/accboxbg.gif") no-repeat 3px bottom;
}
#accordion #acc03box {
   padding:0.5em 15px 1em 12px;
   background:url("../graphics/accboxbg.gif") no-repeat 3px bottom;
}
#accordion #acc04box {
   padding:0.5em 15px 2em 12px;
}
#accordion div.form_row {
   width:100%;
}
#accordion select#infostations, #accordion select#timetablestations, #accordion select#liveinfostations  {
   float:left;
   width:174px;
}
#accordion input.accgo {
   float:left;
   width:22px;
   margin-left:3px;
}
#accordion div.accalendar {
   float:left;
   width:22px;
}
#accordion input#accengwrkstart {
   width:140px;
   float:left;
   margin:1px 5px 0 0;
}
#acc02box ul, #acc03box ul, #acc01box ul {
   padding:0.5em 0 0 0;
}
#accordion ul li {
   background-image:url("../graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:2px 3px;
   padding:0 0 0.5em 14px;
   font-weight:normal;
}




/* Timetables Accordian 
----------------------------------------------- */

div.timetables_accordion {
   width:471px;
   margin:0 0 1em 0;
   padding:0 0 0 0;
   background:url("../graphics/whitebox02bg.gif") repeat-y 0 0;
}
div.timetables_accordion div.box {
   padding:0 6px 0 3px;
}
div.timetables_accordion div.acrobox {
   color:#666;
   font-size:0.85em;
   border-top:1px solid #bdbdbd;
   padding:1em 19px 0 19px;
}
div.timetables_accordion div.bot {
   width:471px;
   height:14px;
   background:url("../graphics/whitebox02bot.gif") no-repeat 0 bottom;
}
div.timetables_accordion h2 {
   color:#fff;
   font-size:1.1em;
   background-color:#497854;
   background-image:url("../graphics/greentab02bg.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   margin:0 0 0 0;
   padding:0.7em 18px 0.7em 15px;
}
div.timetables_accordion h3 {
   font-size:1em;
   background:#eee;
   padding:10px 0 0.8em 0;
   margin:0;
   background:#d9dadc url("../graphics/timesacctab.gif") repeat-x 0 0;
   cursor:pointer;
}
div.timetables_accordion h3 a {
   color:#000;
   background-image:url("../graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:11px 3px;
   padding:0 12px 0 24px;
   display:block;
}
div.timetables_accordion h3 a.active {
   background-image:url("../graphics/arrow01_down.gif");
   background-position:8px 6px;
}
div.timetable_details {
   padding:0.5em 12px 0.5em 24px;
}

div.routecard_details {
   padding:0.5em 12px 0.5em 24px;
}



/* Middle Column 
----------------------------------------------- */

#middle div.banner {
   margin:0 0 1em 0;
}



/* Right Column  
----------------------------------------------- */

#right div.banner {
   margin:0 0 1em 0;
}
#right div.widget {
   margin:0 0 1em 0;
}
#right .tab p {
   margin:0;
}



/* Sign-up RHS 
----------------------------------------------- */

#signup_rhs {
   width:100%;
   margin:0 0 1em 0;
   background:#fff url("../graphics/yellowbox01top.gif") no-repeat 0 0;
}
#signup_rhs .top {
   height:10px;
}
#signup_rhs .box {
   padding:0 20px 0 16px;
}
#signup_rhs .box p {
   margin:0 0 0.1em 0;
}
#signup_rhs .bot {
   background:url("../graphics/yellowbox01bot.gif") no-repeat 0 bottom;
   height:11px;
}
#signup_rhs a.email {
   display:block;
   background:url("../graphics/icon_email2.gif") no-repeat 1px 0px;
   padding:0 0 0.5em 37px;
   text-decoration:none;
}
#signup_rhs a.email:hover {
   text-decoration:underline;
}



/* Profile Navigation - Personalise 
----------------------------------------------- */

#profilenav {
   width:227px;
   background:#fff url("../graphics/profileboxbg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
#profilenav .tab {
   width:227px;
   background:#fff url("../graphics/greentab01bg.gif") no-repeat 0 0;
}
#profilenav .bot {
   width:227px;
   height:12px;
   background:#fff url("../graphics/profileboxbot.gif") no-repeat 0 bottom;
}
#profilenav .box {
   padding:0 3px 0 0;
}
#profilenav .tab h2 {
   font-size:1em;
   color:#fff;
   margin:0 0 0 0;
   padding:0.6em 15px 0.6em 12px;
}
#profilenav ul {
   margin:0 0 0 0;
}
#profilenav ul li {
}
#profilenav ul li a {
   color:#fff;
   display:block;
   background-image:url("../graphics/profilenav01.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   padding:9px 18px 0.8em 18px;
   margin:0;
}
#profilenav ul li a:hover, #profilenav ul li a.active {
   color:#ffe002;
   text-decoration:none;
   background-image:url("../graphics/profilenav01_on.gif");
}







/* Travel update RHS   
----------------------------------------------- */

#travelrhs {
   width:227px;
   margin:0 0 1em 0;
   background:#fff url("../graphics/whitebox01bg.gif") repeat-y 0 0;
}
#travelrhs .tab {
   width:227px;
   padding:18px 0 1em 0;
   background:url("../graphics/travelrhstab.gif") no-repeat 0 0;
}
#travelrhs .tab div.hed {
   float:left;
   width:170px;
   margin:0;
}
#travelrhs .tab h2 {
   font-size:1.1em;
   padding:2px 0 0 55px;
   margin:0;
}
#travelrhs #flashclock {
   width:57px;
   height:19px;
   float:right;
}
#travelrhs .box {
   padding:0 6px 0.5em 2px;
   background:url("../graphics/whitebox01bot.gif") no-repeat 0 bottom;
}
#travelrhs p {
   margin:0 3px 1em 3px;
}
#travelrhs ul {
}
#travelrhs ul li {
   color:#000;
   background-image:url("../graphics/box01arrow.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:9px 8px 0 24px;
   margin:0 0 0.2em 0;
}
#travelrhs ul li a {
   color:#000;
}
#travelrhs ul li a:hover {
   color:#4a7854;
}
#travelrhs .box table {
   width:100%;
   border-top:1px solid #c3d9cc;
   margin:0 0 0.5em 0;
   border-left:1px solid #fff;
}
#travelrhs .box table th {
   padding:0.5em 5px 0.3em 5px;
}
#travelrhs .box table td {
   background-color:#dedede;
   color:#000;
   border-color:#fff;
   border-style:solid;
   border-width:1px 1px 0 0;
   padding:0.2em 5px 0.3em 5px;
}




/* Member details 
----------------------------------------------- */

#member_details {
   width:228px;
   background:#fff url("../graphics/whitebox01bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
#member_details .tab {
   width:228px;
   background:#4c8456 url("../graphics/greentab01bg.gif") no-repeat 0 0;
}
#member_details .bot {
   width:228px;
   background:#fff url("../graphics/whitebox01bot.gif") no-repeat 0 bottom;
   height:14px;
}
#member_details .tab h2 {
   color:#fff;
   font-size:1em;
   padding:0.5em 8px 0.7em 12px;
   margin:0;
}
#member_details .box {
   padding:0 7px 0.5em 4px;
}
#member_details ul li {
   color:#000;
   background-image:url("../graphics/whiteboxarrow.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:8px 8px 0 24px;
   margin:0 0 0.2em 0;
}
#member_details ul li.first {
   background-image:url("../graphics/whiteboxarrowfirst.gif");
}
#member_details ul li span {
   font-size:0.85em;
}
#member_details ul li a {
   color:#000;
}
#member_details ul li a:hover {
   color:#4a7854;
}




/* RHS Tabs 
----------------------------------------------- */

#rhstabs1 {
   width:228px;
   height:35px;
   background:url("../graphics/rhstabs1.gif") no-repeat 0 0;
}
#rhstabs2 {
   width:228px;
   height:35px;
   background:url("../graphics/rhstabs2.gif") no-repeat 0 0;
}
#right ul#rhstabs {
   margin:0;
   padding:0;
}
#right ul#rhstabs li {
   background:none;
   display:inline;
   margin:0;
   padding:0;
}
#right ul#rhstabs li a {
   display:block;
   text-align:center;
   font-weight:bold;
   padding:8px 0 0.4em 0;
}
#right ul li#rhstab01 a {
   width:109px;
   float:left;
}
#right ul li#rhstab02 a {
   width:115px;
   float:right;
}
#right #rhstabs1 ul li#rhstab02 a {
   color:#fff;
}
#right #rhstabs2 ul li#rhstab01 a {
   color:#fff;
}



/* Latest RHS   
----------------------------------------------- */

#latestrhs {
   width:228px;
   margin:0 0 1em 0;
   background:#fff url("../graphics/whitebox01bg.gif") repeat-y 0 0;
}
#latestrhs .box {
   padding:0 6px 0.5em 2px;
   background:url("../graphics/whitebox01bot.gif") no-repeat 0 bottom;
}
#latestrhs ul {
   width:100%;
   padding-bottom:0.2em;
}
#latestrhs ul li {
   color:#000;
   background-image:url("../graphics/box01arrow.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:8px 8px 0 24px;
   margin:0 0 0.4em 0;
}
#latestrhs ul li.first {
   background-image:url("../graphics/box01arrowfirst.gif");
}
#latestrhs ul li span {
   font-size:0.85em;
}
#latestrhs ul li a {
   color:#000;
}
#latestrhs ul li a:hover {
   color:#4a7854;
}




/* See also RHS   
----------------------------------------------- */

#seealsorhs {
   width:228px;
   background:#191919 url("../graphics/whitebox01bg.gif") no-repeat 0 bottom;
   margin:0 0 1em 0;
}
#seealsorhs .tab {
   width:228px;
   background:#4c8456 url("../graphics/greentab01bg.gif") no-repeat 0 0;
}
#seealsorhs .tab h2 {
   color:#fff;
   font-size:1em;
   padding:0.5em 8px 0.7em 12px;
   margin:0;
}
#seealsorhs .box {
   padding:0 7px 1.7em 4px;
}
#seealsorhs ul li {
   color:#000;
   background-image:url("../graphics/whiteboxarrow.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:8px 8px 0 24px;
   margin:0 0 0.2em 0;
}
#seealsorhs ul li.first {
   background-image:url("../graphics/whiteboxarrowfirst.gif");
}
#seealsorhs ul li a {
   color:#000;
}
#seealsorhs ul li a:hover {
   color:#4a7854;
}




/* Home Page 
----------------------------------------------- */

#homeintro {
   padding:0 0 0 0;
   margin:0.5em 0 1.5em 0;
}
#homeintro h1 {
   font-size:1.9em;
   border:none;
   margin:0 0 0.2em 0;
   padding:0;
   display:none;
}
#page #homebanner {
}
#homebanner {
   margin:0 0 1em 0;
}
#homebanner h1 {
   display:none;
}
#carousel {
   margin:0 0 1em 0;
}
#home_carousel {
   width:100%;
   margin:0 0 2em 0;
}
#home_carousel #flash_carousel {
   width:462px;
   overflow:hidden;
   text-align:center;
}
#home_carousel h2 {
   padding:0.5em 0 0.5em 0;
   border-top:1px solid #c3d9cc;
}

#home_carousel p {
   width:50%;
   float:left;
   text-align:left;
}
#home_carousel p img {
   width:40px;
   float:left;
   margin:0 10px 0 0;
}


/* Home options    
----------------------------------------------- */

#homeoptions {
   width:100%;
   background:url("../graphics/whitebox02bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
#homeoptions .box {
   background:url("../graphics/whitebox02top.gif") no-repeat 0 top;
   padding:12px 18px 7px 15px;
}
#homeoptions .bot {
   background:url("../graphics/whitebox02bot.gif") no-repeat 0 bottom;
   width:100%;
   height:14px;
}
#homeoptions .boxrow {
   width:100%;
   margin:0 0 0.5em 0;
}
#homeoptions .boxleft {
   width:210px;
   float:left;
}
#homeoptions .boxright {
   width:210px;
   float:right;
}
#homeoptions h2 {
   font-size:1.2em;
   margin:0;
   padding:9px 0 0 0;
}
#homeoptions .doubleline h2 {
   padding-top:2px;
}
#homeoptions div.optionicon {
   float:left;
   width:40px;
}
#homeoptions div.optiontext {
   float:right;
   width:165px;
}






#travelhome {
   width:715px;
   height:52px;
   overflow:visible;
   background:#fff url("../graphics/homeupdatebg.gif") no-repeat 0 bottom;
   margin:0 0 1em 0;
   padding:0;
}
#travelhome .box {
   width:100%;
   background-image:url("../graphics/homeupdatetop.gif");
   background-repeat:no-repeat;
   background-position:0 0;
}
#travelhome .hed {
   width:190px;
   float:left;
}
#travelhome .hed h2 {
   font-size:1.1em;
   padding:17px 0 0 56px;
   margin:0;
}
#travelhome #hometicker {
   width:430px;
   height:30px;
   float:left;
   display:block;
   padding:0 0 0.5em 0;
   margin-top:5px;
   overflow:hidden;
   position:relative;
}
#hometicker * {
   margin:0;
   padding:0;
}
#hometicker div#start p{
   padding:0;
   margin:0;
   left:0;
   padding-top:10px;
   width:auto;
   display:inline;
   float:left;
   white-space: nowrap;
   height:35px;
}
#hometicker p a{
   text-decoration: none;
}
#hometicker div#start p.spacer{
   width:80px;
}
#hometicker div#start p.first-spacer{
   width:430px;
}

#hometicker div#start{
 display:block;
 height:15px;
}
#tickerhoriz {
  list-style: none;
  margin:0 0 0 0;
  display:block;
  height:45px;
}
#tickerhoriz li {
   display:block;
   height:40px;
   line-height:40px;
   color:#fff;
   text-align: center;
   padding:0 0 0 50px;
   float:left;
}
#travelhome #flashclock {
   width:65px;
   height:19px;
   float:right;
   margin:0 0 0 0;
   padding:15px 0 8px 0;
}

#flashclock {
   color:#004d43;
   font-weight:bold;
   font-size:1em;
}
#travelhome ul li {
}
#travelrhs ul {
   padding-bottom:0.2em;
}
#travelrhs ul li a {
   color:#000;
}
#travelrhs ul li a:hover {
   color:#4a7854;
}




/* Station Facilities 
----------------------------------------------- */

#stationinfosearch div.whitebox02 div.form_row {
   margin-bottom:1em;
}
#getstationinfo {
   margin-top:-4px;
}
#stationinfo {
   width:100%;
   padding:0 0 1em 0;
}
#stationinfo h2 {
   font-size:1em;
   margin:0 0 0.5em 0;
}
#station_nav {
   width:28%;
   float:left;
   margin:0 5% 0 0;
}
#stationaddress {
   width:28%;
   float:left;
}
#ticket_office {
   width:34%;
   float:right;
}
#station_nav ul li {
   background-image:url("../graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:8px 3px;
   padding:0 0 0.5em 18px;
   font-weight:normal;
}
#stationaddress ul li {
   background-image:url("../graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:0px 3px;
   padding:0 0 0.5em 10px;
   font-weight:normal;
}
#ticket_office table td {
   padding:0 10px 0.2em 0;
}
table.stationdetails {
   width:100%;
   border:none;
   border-collapse:collapse;
   padding:0;
   margin-bottom:1em;
} 
table.stationdetails th {
   width:auto;
   height:20px;
   font-weight:bold;
   padding:5px 10px 4px 10px;
   color:#fff;
   border-bottom:1px solid #6aaf37;
} 
table.stationdetails th a {
   color:#fff;
}
table.stationdetails th a:hover {
   color:#fff;
}
#main table.stationdetails th a.backtotop {
   float:right;
   display:block;
   width:200px;
   background:url("../graphics/backtotoparrow.gif") no-repeat right 2px;
   padding:0 20px 0 0;
   font-weight:normal;
   text-align:right;
   color:#fff;
}
table th.col_first {
   background:#4c8456 url("../graphics/greentableft.gif") no-repeat left top;
}
table th.col_last {
   background:#4c8456 url("../graphics/greentabright.gif") no-repeat right top;
}
table.stationdetails td {
   font-weight:normal;
   vertical-align:top;
   width:auto;
   padding:0.5em 10px 0.5em 10px;
   border-bottom:1px solid #98bea0;
   border-right:1px solid #98bea0;
}
table tr.row01 td {
   background-color:#ebf7ec;
}
table tr.row02 td {
   background-color:#fff;
}
table tr td.col01 {
   background-image:url("../graphics/tableborderfix.gif");
   background-position:0 0;
   background-repeat:repeat-y;
}
table.stationdetails tr td.col01 {
   width:30%;
}
table.stationdetails tr td.col02 {
   width:70%;
}
table td a.arrow {
   display:block;
   background:transparent url("../graphics/arrow01.gif") right 8px no-repeat;
}
table.legend {
   border:none;
   border-collapse:collapse;
   padding:0;
   margin-bottom:1em;
} 
table.legend td {
   font-size:0.85em;
   color:#497854;
   padding:0 5px 0.2em 0;
} 
table.stationdetails ul {
    margin:5px 0 5px 10px;
}
table.stationdetails li {
    background-image:url("../graphics/arrow01.gif");
    background-repeat:no-repeat;
    background-position:0px 3px;
    padding:0 0 0.5em 10px;
    font-weight:normal;
}
table.stationdetails tr td.col02_special {
   padding:0;
   border-bottom:none;
}
table.facilities_tableinatable_carpark{
    padding:0;
    margin:0; 
    border:0;
    width:100%;
}
table.facilities_tableinatable_carpark .fieldcol{
    border:none;
    text-align: left;
    border-right:1px solid #98bea0;
    border-bottom:1px solid #98bea0;
    padding:0.5em 0 0.5em 10px;
}
table.facilities_tableinatable_carpark .datacol{
    border:none;
    padding:0px;
    border-bottom:1px solid #98bea0;
    padding:0.5em 0 0.5em 10px;
}
table.facilities-tableinatable .fieldcol{
    border:none;
    text-align: left;
    padding:0px;
}
table.facilities-tableinatable .datacol{
    border:none;
    padding:0px;
}



/* Car parking  
----------------------------------------------- */

#carparksearch div.whitebox02 div.box {
   padding-top:1.5em;
   padding-bottom:1em;
}
#getparking {
   margin-top:-4px;
}
#carparksearch table {
   background-color:#faf;
}

#carparking h2 {
  color:#fff;
  background-color:#497854;
  margin:0 0 0 0;
  padding:0.4em 5px 0.5em 5px;
  font-size:1em;
}
#carparking table {
  width:100%;
  border-color:#c0ddb1;
  border-style:solid;
  border-width:0 0 1px 1px;
  margin:0 0 1em 0;
  border-collapse:collapse;
}
#carparking table th {
   padding:0.5em 5px 0.5em 5px;
   font-size:1em;
   border-color:#c0ddb1;
   border-style:solid;
   border-width:0 1px 0 0;
   background-color:#ebf7ec;
}
#carparking table td {
  padding:5px;
  background-color:#fff;
  border-color:#c0ddb1;
  border-style:solid;
  border-width:1px 1px 0 0;
}



/* Departure boards 
----------------------------------------------- */

#departure_boards h2 {
   border-top:1px solid #c3d9cc;
   padding:0.5em 0 0 0;
}
table.departures {
   width:100%;
   border:none;
   border-collapse:collapse;
   padding:0;
   margin-bottom:2em;
}
table.departures th {
   color:#fff;
   padding:0.5em 10px 0.5em 10px;
   background:#4c8456 url("../graphics/greentabbg.gif") repeat-x left top;
}
table.departures th.col_first {
   background:#4c8456 url("../graphics/greentableft.gif") no-repeat left top;
}
table.departures th.col_last {
   background:#4c8456 url("../graphics/greentabright.gif") no-repeat right top;
}
table.departures td {
   font-weight:normal;
   vertical-align:top;
   width:auto;
   border-bottom:1px solid #98bea0;
   border-right:1px solid #98bea0;
   padding:0.5em 10px 0.5em 10px;
}



/* Personalised departure boards 
----------------------------------------------- */

#departures_stations div.whitebox02 .box {
   padding-top:1.5em;
}
#departures_stations {
}
#departures_stations div.boxrow {
   margin:0 0 1em 0;
}
#departures_stations div.boxleft {
   width:52%;
}
#departures_stations div.boxright {
   width:47%;
}




/* Arrivals boards 
----------------------------------------------- */

table.arrivals {
   width:100%;
   border:none;
   border-collapse:collapse;
   padding:0;
   margin-bottom:1em;
}
table.arrivals th {
   color:#fff;
   padding:0.5em 10px 0.5em 10px;
   background:#4c8456 url("../graphics/greentabbg.gif") repeat-x left top;
}
table.arrivals th.col_first {
   background:#4c8456 url("../graphics/greentableft.gif") no-repeat left top;
}
table.arrivals th.col_last {
   background:#4c8456 url("../graphics/greentabright.gif") no-repeat right top;
}
table.arrivals td {
   font-weight:normal;
   vertical-align:top;
   width:auto;
   border-bottom:1px solid #98bea0;
   border-right:1px solid #98bea0;
   padding:0.5em 10px 0.5em 10px;
}





/* Improvement works 
----------------------------------------------- */

input#engwrkstartdate {
   width:100px;
   float:left;
   margin:1px 5px 0 0;
}
input#engwrksendate {
   width:100px;
   float:left;
   margin:1px 5px 0 0;
}
div#engworkslisting {
   padding:0.5em 0 0 0;
}
div#engworkslisting h2 {
   margin:0 0 0.3em 0;
   background:#497854;
   color:#fff;
   font-size:1em;
   padding:0.4em 8px 0.5em 8px;
}
div#engworkslisting p {
   padding:0 8px 0 8px;
}
div#engworkslisting ul {
   margin:0 0 1.5em 0;
}
div#engworkslisting ul li {
   background-image:url("../graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:22px 6px;
   padding:0 10px 0 40px;
   margin:0 0 0.5em 0;
}






/* Listing
----------------------------------------------- */

div.listing {
   margin:0 0 1em 0;
}
div.listing h2 {
   font-size:1.1em;
   margin:0 0 0.5em 0;
   padding:0.4em 8px 0.5em 8px;
   color:#fff;
   background-color:#58ab18;
}
div.listing ul {
   margin:0 0 1em 0;
}
div.listing ul li {
   background-image:url("../graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:12px 3px;
   padding:0px 10px 1em 24px;
   margin:0;
}
div.listing ul li a {
   text-decoration:none;
}
div.listing ul li a:hover {
   text-decoration:underline;
}
div.listing form {
   margin:0 0 1.5em 0;
}
div.listing form label {
   color:#000;
}
div.listing form table td {
   padding:0 5px 0.5em 0; 
}
div.listing table td {
   padding:0 5px 0.5em 0; 
}
div.listing table td ul li {
   padding-bottom:0.5em;
}



/* See more    
----------------------------------------------- */

div.more {
   border-top:1px solid #c3d9cc;
   text-align:right;
   padding:0.8em 0 0 0;
}
#page div.more p a, #homepage div.more p a {
   padding:0 24px 0 4px;
   background:url("../graphics/seemorearrow.gif") no-repeat right 5px;
   text-decoration:none;
}
#page div.more p a:hover, #homepage div.more p a:hover {
   text-decoration:underline;
}




/* Section Index 
----------------------------------------------- */

#section {
}
#section h2 {
   font-size:1.2em;
   padding:0.5em 0 0 0;
   margin:0 0 0.2em 0;
   border-top:1px solid #c3d9cc;
   clear:both;
}
#section p {
   padding:0 0 0 24px;
}
#section h2 a {
   background:url("../graphics/buttonarrow2.gif") no-repeat 0px 0px;
   padding:0 0 0.5em 24px;
}
#section h2 img {
   float:right;
   margin:0 0 1em 20px;
}



/* Pagenav 
----------------------------------------------- */

div.pagenav {
   color:#bdbdbd;
   margin:0 0 2em 0;
}
div.pagenav strong {
   color:#000;
}
div.pagenav a {
   text-decoration:none;
}
div.pagenav a:hover {
   text-decoration:underline;
}



/* Alert Box 02 
----------------------------------------------- */

div.alertbox02 {
   width:100%;
   background:url("../graphics/alertbox02bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
div.alertbox02 .box {
   background:url("../graphics/alertbox02top.gif") repeat-x 0 top;
   padding:1em 23px 10px 20px;
}
div.alertbox02 .bot {
   background:url("../graphics/alertbox02bot.gif") no-repeat 0 bottom;
   height:15px;
}
div.alertbox02 .icon {
   width:50px;
   float:left;
}
div.alertbox02 .text {
   width:375px;
   float:right;
}
div.alertbox02 h2 {
   color:#f00;
   font-size:1.2em;
   margin:0 0 0.5em 0;
}
div.alertbox02 ul {
   margin:0 0 0.5em 0;
}
div.alertbox02 ul li {
   background-image:url("../graphics/alert_bullet.gif");
   background-repeat:no-repeat;
   background-position:18px 4px;
   padding:0 0 0.5em 34px;
   font-weight:normal;
}



/* Alert Box 02 - GREEN 
----------------------------------------------- */

div.greenalertbox02 {
   width:100%;
   background:url("../graphics/greenalertbox02bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
div.greenalertbox02 .box {
   background:url("../graphics/greenalertbox02top.gif") repeat-x 0 top;
   padding:1em 23px 10px 20px;
}
div.greenalertbox02 .bot {
   background:url("../graphics/greenalertbox02bot.gif") repeat-x 0 bottom;
   height:15px;
}
div.greenalertbox02 .icon {
   width:50px;
   float:left;
}
div.greenalertbox02 .text {
   width:375px;
   float:right;
}
div.greenalertbox02 h2 {
   color:#000;
   font-size:1.2em;
   margin:0 0 0.5em 0;
}
div.greenalertbox02 ul {
   margin:0 0 0.5em 0;
}
div.greenalertbox02 ul li {
   background-image:url("../graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:18px 4px;
   padding:0 0 0.5em 34px;
   font-weight:normal;
}



/* Green Box 02 
----------------------------------------------- */

div.greenbox02 {
   width:100%;
   background:url("../graphics/greenalertbox02bg.gif") repeat-y 0 bottom;
   margin:0 0 1em 0;
}
div.greenbox02 .box {
   background:url("../graphics/greenalertbox02top.gif") repeat-x 0 top;
   padding:0.7em 23px 8px 20px;
}
div.greenbox02 .bot {
   width:100%;
   background:url("../graphics/greenalertbox02bot.gif") repeat-x 0 top;
   height:14px;
}
div.greenbox02 h2 {
   font-size:1.2em;
   padding:0.5em 0 0.5em 0;
   margin:0 0 1em 0;
   border-bottom:1px solid #c3d9cc;
}
div.greenbox02 h3 {
   color:#497854;
}




/* Grey Box 02 
----------------------------------------------- */

div.greybox02 {
   width:100%;
   background:url("../graphics/whitebox02bg.gif") repeat-x 0 bottom;
   margin:0 0 1em 0;
}
div.greybox02 .box {
   background:url("../graphics/whitebox02top.gif") repeat-x 0 top;
   padding:0.7em 23px 8px 20px;
}
div.greybox02 h2 {
   font-size:1.2em;
   padding:0.5em 0 0.5em 0;
   margin:0 0 1em 0;
   border-bottom:1px solid #c3d9cc;
}
div.greybox02 h3 {
   color:#497854;
}



/* Grey Box 03  
----------------------------------------------- */

div.greybox03 {
   width:715px;
   background:url("../graphics/whitebox03bg.gif") repeat-y 0 bottom;
   margin:0 0 1em 0;
}
div.greybox03 .box {
   background:url("../graphics/whitebox03top.gif") no-repeat 0 top;
   padding:1em 23px 3em 20px;
}
div.greybox03 h2 {
   font-size:1.2em;
   padding:0.5em 0 0.5em 0;
   margin:0 0 1em 0;
   border-bottom:1px solid #c3d9cc;
}


/* White Box 02 
----------------------------------------------- */

div.whitebox02 {
   width:100%;
   background:url("../graphics/whitebox02bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
div.whitebox02 .box {
   background:url("../graphics/whitebox02top.gif") no-repeat 0 top;
   padding:0.7em 23px 8px 20px;
}
div.whitebox02 .bot {
   width:100%;
   height:14px;
   background:url("../graphics/whitebox02bot.gif") no-repeat 0 bottom;
}
div.whitebox02 h2 {
   font-size:1.2em;
   padding:0.5em 0 0.5em 0;
   margin:0 0 1em 0;
   border-bottom:1px solid #c3d9cc;
}



/* White Box 03 
----------------------------------------------- */

div.whitebox03 {
   width:715px;
   background:url("../graphics/whitebox03bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
div.whitebox03 .box {
   background:url("../graphics/whitebox03top.gif") no-repeat 0 top;
   padding:0.7em 23px 8px 20px;
}
div.whitebox03 .bot {
   width:100%;
   height:12px;
   background:url("../graphics/whitebox03bot.gif") no-repeat 0 bottom;
}





/* Forms 
----------------------------------------------- */
fieldset {
   border:none;
}
fieldset legend {
   display:none;
}
form table {
   border-collapse:collapse;
}
#middle form table {   
   margin:0 0 0 0;
}
#middle form table td table {   
   margin:0 0 0 0;
}
#middle form table td {
   padding:0 5px 0.5em 0;
}
#middle form table td table td {
   padding:0 4px 0.5em 0;
}
#middle form ul {
   margin:0 0 1em 0;
}
#middle form ul li {
   background-image:url("../graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:0 0 0.5em 12px;
   font-weight:normal;
}
#middle form div.form_row {
   vertical-align:top;
}
#middle form div.form_row input {
   vertical-align:top;
}
#middle form div.form_row label {
   vertical-align:top;
}
form h3 {
   color:#497854;
   background-color:#ebf7ec;
   padding:0.5em 12px 0.5em 12px;
   margin:0;
}
a.addlink {
   display:block;
   background:url("../graphics/addbutton.gif") no-repeat 0px 0px;
   padding:0 0 1.5em 24px;
}
div.formblock {
   margin:0 0 1em 0;
   border:2px solid #ebf7ec;
   padding:0.5em 12px 0.5em 12px;
}



/* Create Timetables 
----------------------------------------------- */

#create_timetable {
   width:100%;
   margin:0 0 1em 0;
}
#create_timetable h2 {
   margin-top:1.5em;
   padding:1em 0 0 0;
   border-top:1px solid #c3d9cc;
}
#create_timetable form table {
   margin:0 0 1em 0;
}
#create_timetable form table td {
   padding:0 5px 0.5em 0;
}
#create_timetable form table td.radio {
   vertical-align:top;
   padding-top:1px;
}
#create_timetable form table td.top {
   vertical-align:top;
   padding-top:2px;
}
#create_timetable form table td.center {
   text-align:center;
}



/* Errors 
----------------------------------------------- */

div.errors {
   color:#f00;
   margin:0 0 1em 0;
   padding:0 0 1em 0;
   border-bottom:1px solid #c3d9cc;
}
#main div.errors ul {
   margin:0 0 1em 0;
}
#main div.errors ul li {
   background-image:url("../graphics/alert_bullet.gif");
   background-position:10px 5px;
   padding:0 0 0 28px;
   margin:0 0 0.5em 0;
}




/* Live info 
----------------------------------------------- */

#liveinfo div.whitebox02 .box {
   padding-top:1em;
}
#liveinfo div.boxleft {
   width:155px;
}
#liveinfo div.boxright {
   width:272px;
   text-align:right;
}
#liveinfo div.whitebox02 h2 {
   font-size:1.1em;
   background:none;
   padding:6px 0 0 0;
}
#liveinfo h2 {
   border:none;
}
#liveinfo_updates label strong {
   display:block;
   padding:6px 0 0 0;
   width:45px;
   float:left;
}
#liveinfo_departures, #liveinfo_updates {
   padding:1em 0 0 0;
   width:100%;
   border-top:1px solid #c3d9cc;
   background-repeat:repeat-x;
   background-position:0 0;
}
#liveinfo #arrivals_stations {
   margin:4px 0 0 0;
   width:188px;
}
#liveinfo #depart_stations {
   margin:4px 0 0 0;
   width:188px;
}
#liveinfo #updates_tostations {
   margin:4px 0 0 0;
   width:188px;
}
#liveinfo #updates_fromstations {
   margin:4px 33px 0.5em 0;
   width:188px;
}
#submit_updates, #submit_arrivals, #submit_departures {
   margin-top:0;
}



/* Live updates  
----------------------------------------------- */

div#liveupdates {
   padding:0.5em 0 0 0;
}
div#liveupdates .tab {
   color:#fff;
   background-color:#497854;
   background-image:url("../graphics/greentab02bg.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   margin:0 0 0 0;
   padding:0.8em 0 0.8em 0;
   width:100%;
}
div#liveupdates .header {
   width:369px;
   display:block;
   float:left;
}
div#liveupdates h2 {
   color:#fff;
   font-size:1em;
   margin:0;
   padding:0 0 0 15px;
}
div#liveupdates .tab a {
   color:#fff;
}
div#liveupdates div.backtotop {
   float:right;
   display:block;
   width:100px;
   text-align:left;
}
div#liveupdates div.backtotop a {
   background:url("../graphics/backtotoparrow.gif") no-repeat right 2px;
   padding:0 20px 0 0;
   font-weight:normal;
   text-align:right;
}
div#liveupdates h3 {
   color:#000;
   margin:0 0 0.3em 0;
   padding:0 0 0.3em 0;
   font-size:1em;
   border-bottom:1px solid #c3d9cc;
}
div#liveupdates div.box {
   background:url("../graphics/whitebox02bg.gif") repeat-y 0 0;
}
div#liveupdates div.details {
   margin:0 0 1em 0;   
   padding:0.7em 18px 1em 15px;
   background:url("../graphics/whitebox02bot.gif") no-repeat 0 bottom;
}
div#liveupdates p {
}
div#liveupdates ul {
   margin:0 0 1.5em 0;
}
div#liveupdates ul li {
   background-image:url("../graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:22px 6px;
   padding:0 10px 0 40px;
   margin:0 0 0.5em 0;
}
#liveupdates #metropolitan-line {background-color:#893267; background-image:url("../graphics/metrotab02bg.gif");}
#liveupdates #bakerloo-line {background-color:#ae6118; background-image:url("../graphics/bakerlootab02bg.gif");}
#liveupdates #central-line {background-color:#e41f1f; background-image:url("../graphics/centraltab02bg.gif");}
#liveupdates #circle-line {background-color:#f8d42d; color:#034694; background-image:url("../graphics/circletab02bg.gif");}
#liveupdates #hammersmith-and-city-line {background-color:#e899a8; color:#034694; background-image:url("../graphics/hammcitytab02bg.gif");}
#liveupdates #district-line {background-color:#00a575; background-image:url("../graphics/districttab02bg.gif");}
#liveupdates #jubilee-line {background-color:#8f989e; background-image:url("../graphics/jubileetab02bg.gif");}
#liveupdates #northern-line {background-color:#000000; background-image:url("../graphics/northerntab02bg.gif");}
#liveupdates #piccadilly-line {background-color:#0450a1; background-image:url("../graphics/piccadillytab02bg.gif");}
#liveupdates #victoria-line {background-color:#009fe0; background-image:url("../graphics/victoriatab02bg.gif");}
#liveupdates #waterloo-and-city-line {background-color:#70c3ce; background-image:url("../graphics/waterlootab02bg.gif");}

#liveupdates #metropolitan-line div.backtotop a {background-image:url("../graphics/metro_arrow.gif");}
#liveupdates #bakerloo-line div.backtotop a {background-image:url("../graphics/bakerloo_arrow.gif");}
#liveupdates #central-line div.backtotop a {background-image:url("../graphics/central_arrow.gif");}
#liveupdates #circle-line div.backtotop a {background-image:url("../graphics/circle_arrow.gif");}
#liveupdates #hammersmith-and-city-line div.backtotop a {background-image:url("../graphics/hammcity_arrow.gif");}
#liveupdates #district-line div.backtotop a {background-image:url("../graphics/district_arrow.gif");}
#liveupdates #jubilee-line div.backtotop a {background-image:url("../graphics/jubilee_arrow.gif");}
#liveupdates #northern-line div.backtotop a {background-image:url("../graphics/northern_arrow.gif");}
#liveupdates #piccadilly-line div.backtotop a {background-image:url("../graphics/piccadilly_arrow.gif");}
#liveupdates #victoria-line div.backtotop a {background-image:url("../graphics/victoria_arrow.gif");}
#liveupdates #waterloo-and-city-line div.backtotop a {background-image:url("../graphics/waterloo_arrow.gif");}




/* Boxes - Common elements 
----------------------------------------------- */

div.boxmenu ul {
   margin:0 0 1em 0;
}
div.boxmenu ul li {
   background-image:url("../graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:12px 3px;
   padding:0px 10px 1em 24px;
   margin:0;
}
div.boxmenu ul li a {
   text-decoration:none;
}
div.boxmenu ul li a:hover {
   text-decoration:underline;
}
div.bigbutton {
   text-align:center;
}
div.buttonblock {
   text-align:right;
}
div.button_right {
   text-align:right;
}
div.boxleft {
   width:49%;
   float:left;
}
div.boxright {
   width:49%;
   float:right;
}
#middle div.boxleft p, #middle div.boxright p {
   margin:0 0 0.5em 0;
}




/* Registration options   
----------------------------------------------- */

#iconlist ul li {
   background-image:url("../graphics/regoption01.gif");
   background-repeat:no-repeat;
   background-position:2px 15px;
   padding:15px 0 2em 52px;
   font-weight:normal;
}
#iconlist ul li strong a {
   font-size:1.2em;
}
#iconlist ul li.icon_timetable {
   background-image:url("../graphics/icon_timetable.gif");
   border:none;
}
#iconlist ul li.icon_alert {
   background-image:url("../graphics/icon_alert.gif");
}
#iconlist ul li.icon_mobile {
   background-image:url("../graphics/icon_mobile.gif");
}
#iconlist ul li.icon_tickets {
   background-image:url("../graphics/icon_tickets.gif");
}
#iconlist ul li.icon_mail {
   background-image:url("../graphics/icon_mail.gif");
}
#iconlist ul li.icon_car {
   background-image:url("../graphics/icon_car.gif");
}
#iconlist ul li.icon_environment {
   background-image:url("../graphics/icon_trees.gif");
}
#iconlist ul li.icon_aeroplane {
   background-image:url("../graphics/icon_aeroplane.gif");
}
#iconlist ul li.icon_eurostar {
   background-image:url("../graphics/icon_eurostar.gif");
}
#iconlist ul li.icon_railcard {
   background-image:url("../graphics/icon_railcard.gif");
}




/* Route maps     
----------------------------------------------- */

div.boxmap {
   text-align:center;
   margin:0 0 1em 0;
}



/* News     
----------------------------------------------- */

#news h2 {
   font-size:1.2em;
   margin:0 0 0.3em 0;
}
#news p {
   margin:0 0 2em 0;
}
#news p.date {
   font-size:0.85em;
   color:#666;
   margin:0 0 0.3em 0;
}
#news p.date {
   border-top:1px solid #c3d9cc;
   padding:0.5em 0 0 0;
}
#news p strong a {
   text-decoration:none;
}
#news p strong a:hover {
   text-decoration:underline;
}


/* RSS News
----------------------------------------------- */

#news_hed {
   width:100%;
   margin:0 0 0.5em 0;
}
#news_hed .breaker {
   border-top:1px solid #c3d9cc;
}
#news_hed_left {
   width:300px;
}
#news_hed_left h1 {
   border:none;
   margin:0;
}
#news_rss {
   width:100px;
   float:right;
   padding:14px 0 0 0;
}
#page #news_rss a {
   display:block;
   background:url("../graphics/icon_rss.gif") no-repeat 0 2px;
   padding:0 0 0 24px;
   text-decoration:none;
}
#page #news_rss a:hover {
   text-decoration:underline;
}


/* News Archive 
----------------------------------------------- */

#news_archive {
   width:100%;
}
#news_archive h2 {
   color:#fff;
   font-size:1em;
   background-color:#497854;
   background-image:url("../graphics/greentab02bg.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   margin:0 0 0 0;
   padding:0.6em 18px 0.7em 15px;
}
#news_archive ul li {
   border:none;
   color:#999;
   background-image:url("../graphics/arrow01.gif");
   background-position:22px 3px;
   background-repeat:no-repeat;
   padding:0 10px 0 34px;
   margin:0 0 0.5em 0;
}
#news_archive ul li ul {
   margin:0 0 1em 0;
}
#news_archive .box {
   width:100%;
   background:url("../graphics/whitebox02bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
   padding:0.5em 0 0 0;
}
#news_archive .bot {
   width:100%;
   background:url("../graphics/whitebox02bot.gif") no-repeat 0 bottom;
   height:18px;
}
.box3a {
   width:33%;
   float:left;
}
.box3b {
   width:33%;
   float:left;
}
.box3c {
   width:33%;
   float:left;
}



/* Offers      
----------------------------------------------- */

#offers {
   width:100%;
   margin:0 0 1em 0;
}
#offers h2, #featured_offers h3 {
   clear:both;
   border-color:#b3c8a3;
   border-width:1px 0 0 0;
   border-style:solid;
   padding:1em 0 0 0;
   font-size:1.2em;
   margin:0 0 0.3em 0;
}
#offers h2 img, #featured_offers h3 img {
   width:95px;
   float:right;
   margin:0 0 0 12px;
}





/* Site map 
----------------------------------------------- */

#sitemap {
   margin:0 0 1em 0;
}
#sitemap ul li {
   border-color:#b3c8a3;
   border-width:1px 0 0 0;
   border-style:solid;
   background-image:url("../graphics/buttonarrow2.gif");
   background-repeat:no-repeat;
   background-position:0 8px;
   padding:8px 10px 0 24px;
   margin:0 0 0.5em 0;
}
#sitemap ul li ul {
   padding:0.5em 0 0.5em 0;
}
#sitemap ul li ul li {
   border:none;
   background-image:url("../graphics/arrow01.gif");
   background-position:10px 3px;
   padding:0 10px 0 22px;
}
#sitemap ul li ul li ul li {
   border:none;
   background-image:url("../graphics/bullet02.gif");
   background-position:12px 6px;
   padding:0 10px 0 24px;
}



/* Image gallery 
----------------------------------------------- */

#galleries {
}
#galleries div.galleryrow {
   width:100%;
}
#galleries div.box {
   padding-top:1em;
   padding-bottom:1.7em;
}
#galleries .pic {
   width:80px;
   float:left;
}
#galleries .pic img {
   width:72px;
   height:72px;
   border:1px solid #000;
}
#galleries .text {
   width:340px;
   float:right;
}
#galleries h2 {
   margin:0 0 0.3em 0;
   padding:0 0 0.3em 0;
}
#galleries p {
   margin:0;
}



#gallery {
   width:100%;
   padding:0.5em 0 0 0;
}
#gallery_thumbs {
   width:160px;
   float:right;
}
#gallery_main {
   width:502px;
   float:left;
}
#gallery_main img {
   width:500px;
   border:1px solid #000;
}
#gallery_thumbs img.thumb01 {
   width:72px;
   border:1px solid #000;
   margin:0 10px 0 0;
}
#gallery_thumbs img.thumb02 {
   width:72px;
   border:1px solid #000;
}
#gallery_thumbs p {
   margin:0 0 10px 0;
}
#gallery_nav {
   text-align:center;
   padding:1em 0 0 0;
}
#gallery_nav img {
   margin:0 0 -4px 0;
}
div.image_details {
   color:#fff;
   background-color:#000;  
   margin:0;
   width:502px;
}
#page div.image_details p {
   padding:0.5em 12px 0.7em 12px;
   margin:0;
}
div.image_details p span {
   color:#666;
}
div.image_details a {
   color:#8cc63f;
}




/* Downloads 
----------------------------------------------- */

div.downloads {
   margin:0 0 1em 0;
}
div.downloads h2 {
   margin:0 0 1em 0;
}
div.downloads ul {
   margin:0 0 1em 0;
}
div.downloads ul li {
   background-image:url("../graphics/arrow3a.gif");
   background-repeat:no-repeat;
   background-position:0px 1px;
   padding:2px 0 1em 26px;
   font-weight:normal;
}

div.downloads ul li.excel {background-image:url("../graphics/icon_excel.gif");}
div.downloads ul li.link {background-image:url("../graphics/icon_link.gif");}
div.downloads ul li.pdf {background-image:url("../graphics/icon_pdf.gif");}
div.downloads ul li.photo {background-image:url("../graphics/icon_photo.gif");}
div.downloads ul li.ppoint {background-image:url("../graphics/icon_ppoint.gif");}
div.downloads ul li.text {background-image:url("../graphics/icon_text.gif");}
div.downloads ul li.word {background-image:url("../graphics/icon_word.gif");}

div.downloads ul li a {
   text-decoration:none;
}
div.downloads ul li a:hover {
   text-decoration:underline;
}
#page p a.pdf {
   background-image:url("../graphics/icon_pdf.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   display:block;
   padding:0 0 0 24px;
   text-decoration:none;
}
#page p a.pdf:hover {
   text-decoration:underline;
}



/* Bookmarks  
----------------------------------------------- */

#bookmarks {
   border-top:1px solid #c3d9cc;
   padding:0.5em 0 0 0;
   margin:0 0 1em 0;
}
#middle #bookmarks {
   width:470px;
}
#bookmarks h2 {
   font-size:1em;
   margin:0 0 1em 0;
}
#bookmarks ul li {
   display:inline;
}
#bookmarks ul li a {
   display:block;
   float:left;
   background-repeat:no-repeat;
   background-position:0 0;
   padding:0 23px 0.5em 20px;
}
#bookmarks ul li#delicious a {
   background-image:url("../graphics/icon_delicious.gif");
}
#bookmarks ul li#diggit a {
   background-image:url("../graphics/icon_diggit.gif");
}
#bookmarks ul li#reddit a {
   background-image:url("../graphics/icon_reddit.gif");
}
#bookmarks ul li#facebook a {
   background-image:url("../graphics/icon_facebook.gif");
}
#bookmarks ul li#stumbleupon a {
   background-image:url("../graphics/icon_stumbleupon.gif");
}
#bookmarks ul li#kaboodle a {
   background-image:url("../graphics/icon_kaboodle.gif");
}


/* Network Map
----------------------------------------------- */

#networkmap {
   margin:0 auto;
   width:572px;
   border:1px solid #004d43;
}
#networkmap .map_header {
   width:572px;
   background-color:#004d43;
   color:#fff;
}
#networkmap .map_header .left {
   width:300px;
   float:left;
}
#networkmap .map_header .left form {
   padding:5px 10px 0 10px;
}
#networkmap .map_header .right {
   width:220px;
   float:right;
}
#networkmap .map_header .right ul {
   padding:5px 0;
}
#networkmap .map_header .right ul li a {
   color:#fff;
}
.map_popup { 
   background-color:#8eb3ac;
   color:#fff;
   width:180px;
   text-align:left;
   border:1px solid #004d43;
}
.map_popup a {
   color:#fff;
}
.map_popup .bar {
   background-color:#004d43;
   text-align:right;
   padding:0 5px 0 0;
}
.map_popup .col {
   padding:5px;
}
.map_popup ul li {
   background-image:url("../graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:2px 3px;
   padding:0 0 0 15px;
}
#mapaccesssymbols {
   padding:0 16px 0 16px;
}
#mapaccesssymbols table {
   margin:0 0 1em 0;
}
#mapaccesssymbols table td {
   padding:5px;
}


/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 10px 5px 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 5px 10px;
}
img.left2, img.right2 {
   border:1px solid #000;
}
img.none2 {
   float:none;
   border:1px solid #000;
}
img.none1 {
   float:none;
   border:none;
}




/* Content Block 
----------------------------------------------- */

div.content_block {
   padding:1em 0 0 0;
   border-top:1px solid #c3d9cc;
   width:100%;
}
div.content_left {
   width:40%;
   float:left;
}
div.content_right {
   width:59%;
   float:right;
}
div.clear_float {
   clear:both;
}



/* Content   
----------------------------------------------- */


div.buttonarrow {
   background-image:url("../graphics/buttonarrow.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   padding:5px 0 1.5em 36px;
   margin:0;
}
div.buttonarrow a {
}
#main hr {
   font-size:0.01em;
   color:#fff;
   height:1px;
   margin:0 0 1em 0;
   border-width:1px 0 0 0;
   border-color:#c3d9cc;
   border-style:solid;
}
p strong span {
   color:#497854;
}
h1, h2 {
   color:#497854;
}
h1 span, h2 span {
   font-weight:100; 
}
h1 {
   font-size:2.4em;
   display:block;
   font-weight:200;
   font-family:Arial, Verdana, Sans-serif;
   border-bottom:1px solid #c0ddb1;
   margin:0 0 0.5em 0;
   padding:0 0 0.3em 0;
}
h1 a {
   color:#497854;
}
div.content h2 a, div.content h3 a {
   text-decoration:underline;
}
div.content h2 a:hover, div.content h3 a:hover {
}
h2 {
   font-size:1.3em;
   margin:0 0 0.8em 0;
}
div.content h2 {
   margin-top:1.5em;
   padding:1em 0 0 0;
   border-top:1px solid #c3d9cc;
}
div.content h2.noborder {
   margin-top:0;
   padding:0;
   border:none;
}
h3 {
   font-size:1em;
   margin:0 0 1em 0;
}
h4 {
   font-size:1em;
   margin:0 0 1em 0;
}
div.content ul {
   list-style-type:none; 
   line-height:1.5em;
   margin:0 0 1em 0;
}
div.content ul li {
   background-image:url("../graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:22px 6px;
   padding:0 10px 0 40px;
   margin:0 0 1em 0;
}
div.content ul.list2 li {
   margin:0;
}
div.content ul li a {
   text-decoration:underline;
}
div.content table {
  border-color:#c0ddb1;
  border-style:solid;
  border-width:0 0 1px 1px;
  margin:0 0 1em 0;
  border-collapse:collapse;
}
div.content table th, div.content table thead td {
   color:#fff;
   padding:0.5em 5px 0.5em 5px;
   font-size:1.0em;
   background-color:#497854;
   border-color:#c0ddb1;
   border-width:1px 1px 0 0;
}
div.content table td {
  padding:5px;
  background-color:#fff;
  border-color:#c0ddb1;
  border-style:solid;
  border-width:1px 1px 0 0;
}
div.content table.table1 td {
   background-color:#fff;
}
div.content table td h2 {
   font-size:1em;
   padding:0;
   background:none;
   margin:0 0 0.5em 0;
}
ol {
   padding:0 0 0 40px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:lower-alpha
}