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


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

#page, #homepage {
   background-image:url("../graphics/pagebg.gif");
}
#middle {
   color:#000;
   background-color:#fff;
}
#main {
   color:#000;
}
#main a, #bct a, #footer a {
   text-decoration:none; 
   color:#24592e; 
}

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

#bct {
   color:#757575;
   border-bottom:1px solid #c3d9cc;
}


/* Masthead 
----------------------------------------------- */ 
#masthead {
   color:#497854;
   background:url("../graphics/mastbg.gif") no-repeat right bottom;
}


/* Timetables Accordion
----------------------------------------------- */ 

div.timetables_accordion {
   background-image:url("../graphics/whitebox02bg.gif");
}
div.timetables_accordion div.bot {
   background:url("../graphics/whitebox02bot.gif") no-repeat 0 bottom;
}
div.timetables_accordion h2 {
   background:#ff0 url("../graphics/greentab02bg.gif") no-repeat 0 0;
   color:#fff;
}
div.timetables_accordion h3 {
   background:#eee;
   background:#d9dadc url("../graphics/timesacctab.gif") repeat-x 0 0;
   border-top:none;
}
div.timetables_accordion h3 a {
   color:#000;
   background-image:url("../graphics/arrow01.gif");
}
div.timetables_accordion h3 a.active {
   background-image:url("../graphics/arrow01_down.gif");
   background-position:8px 6px;
}
div.timetables_accordion div.acrobox {
   color:#666;
   border-top:1px solid #bdbdbd;
}


/* Profile
----------------------------------------------- */ 

#profilenav {
   background:#fff url("../graphics/profileboxbg.gif") repeat-y 0 0;
}
#profilenav .tab h2 {
   color:#fff;
}
#profilenav .tab {
   background:#fff url("../graphics/greentab01bg.gif") no-repeat 0 0;
}
#profilenav .bot {
   background:#fff url("../graphics/profileboxbot.gif") no-repeat 0 bottom;
}
#profilenav ul li a, #profilenav ul li a:hover, #profilenav ul li a.active {
   color:#fff;
   background-image:url("../graphics/profilenav01.gif");
}


/* Right Col Boxes
----------------------------------------------- */ 

#signup_rhs {
   background:#fff url("../graphics/yellowbox01top.gif") no-repeat 0 0;
}
#signup_rhs .top {
   background:none;
}
#signup_rhs .bot {
   background:url("../graphics/yellowbox01bot.gif") no-repeat 0 bottom;
}
#signup_rhs a.email {
   background:url("../graphics/icon_email2.gif") no-repeat 1px 0;
}
#travelrhs {
   background:#fff url("../graphics/whitebox01bg.gif") repeat-y 0 0;
}
#travelrhs .tab {
   background:url("../graphics/travelrhstab.gif") no-repeat 0 0;
}
#travelrhs .box {
   background:url("../graphics/whitebox01bot.gif") no-repeat 0 bottom;
}
#travelrhs ul li {
   color:#000;
   background-image:url("../graphics/box01arrow.gif");
}
#travelrhs .tab h2 {
   color:#497854;
}
#latestrhs ul li a, #travelrhs ul li a {
   color:#24592e;
}
#latestrhs ul li a:hover, #travelrhs ul li a:hover {
   color:#24592e;
}
div.more {
   border-top:1px solid #c3d9cc;
}
#page div.more p a, #homepage div.more p a {
   background:url("../graphics/seemorearrow.gif") no-repeat right 5px;
}
a.addlink {
   background:url("../graphics/addbutton.gif") no-repeat 0px 0px;
}


/* TopNav 
----------------------------------------------- */ 

#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;
}
#topnav ul li.active a:hover {
   color:#000;
}


/* Bookmarking 
----------------------------------------------- */ 

#bookmarks {
   border-top:1px solid #c3d9cc;
}
#bookmarks h2 {
   color:#497854;;
}


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

#footer {
   background:url("../graphics/footerbg.gif") no-repeat right bottom;
   color:#000;
}
#footer hr {
   color:#fff;
   border-color:#c3d9cc;
}
#footer ul li {
   background:url("../graphics/footerdiv.gif") no-repeat left;
}

#footleft span {
   color:#999;
}

#footer #govia {
   background:url("../graphics/govia.gif") no-repeat 0 0;
}


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

div.whitebox02 {
   background:url("../graphics/whitebox02bg.gif") repeat-y 0 0;
}
div.whitebox02 .box {
   background:url("../graphics/whitebox02top.gif") no-repeat 0 top;
}
div.whitebox02 .bot {
   background:url("../graphics/whitebox02bot.gif") no-repeat 0 bottom;
}
div.whitebox02 h2 {
   border-bottom:1px solid #c3d9cc;
}

/* Forms
----------------------------------------------- */

div.formblock {
   border:2px solid #ebf7ec;
}

form h2 {
   color:#497854;
}

form h3 {
   color:#497854;
   background-color:#ebf7ec;
}


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

div#liveupdates .tab {
   color:#fff;
   background-color:#497854;
   background-image:url("../graphics/greentab02bg.gif");
}
div#liveupdates h2 {
   color:#fff;
}
div#liveupdates .tab a {
   color:#fff;
}
div#liveupdates div.backtotop a {
   background:url("../graphics/backtotoparrow.gif") no-repeat right 2px;
}
div#liveupdates h3 {
   color:#000;
   border-bottom:1px solid #c3d9cc;
}
div#liveupdates div.box {
   background:url("../graphics/whitebox02bg.gif") repeat-y 0 0;
}
div#liveupdates div.details {
   background:url("../graphics/whitebox02bot.gif") no-repeat 0 bottom;
}

div#liveupdates ul li {
   background-image:url("../graphics/bullet01.gif");

}

#liveinfo_departures, #liveinfo_updates {
   border-top:1px solid #c3d9cc;
}

/* News & Offers   
----------------------------------------------- */

#news p.date {
   color:#666;
}
#news p.date {
   border-top:1px solid #c3d9cc;
}
#featured_offers h2 {
   color:#497854;
}

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

#carparksearch table {
   background-color:#faf;
}

#carparking h2 {
  color:#fff;
  background-color:#497854;
}
#carparking table {
  border-color:#c0ddb1;
}
#carparking table th {
   border-color:#c0ddb1;
   background-color:#ebf7ec;
}
#carparking table td {
  background-color:#fff;
  border-color:#c0ddb1;
}


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

#rhstabs1 {
   background:url("../graphics/rhstabs1.gif") no-repeat 0 0;
}
#rhstabs2 {
   background:url("../graphics/rhstabs2.gif") no-repeat 0 0;
}

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

#latestrhs {
   background:#fff url("../graphics/whitebox01bg.gif") repeat-y 0 0;
}
#latestrhs .box {
   background:url("../graphics/whitebox01bot.gif") no-repeat 0 bottom;
}
#latestrhs ul li {
   color:#000;
   background-image:url("../graphics/box01arrow.gif");
}
#latestrhs ul li.first {
   background-image:url("../graphics/box01arrowfirst.gif");
}
#latestrhs ul li a {
   color:#000;
}
#latestrhs ul li a:hover {
   color:#4a7854;
}
#right #rhstabs1 ul li#rhstab02 a {
   color:#fff;
}
#right #rhstabs2 ul li#rhstab01 a {
   color:#fff;
}


/* Travel update - home page 
----------------------------------------------- */

#travelhome {
   background:#fff url("../graphics/homeupdatebg.gif") no-repeat 0 bottom;
}
#travelhome .box {
   background-image:url("../graphics/homeupdatetop.gif");
}

#tickerhoriz li {
   color:#fff;
}
#flashclock {
   color:#004d43;
}
#travelrhs ul li a {
   color:#000;
}
#travelrhs ul li a:hover {
   color:#4a7854;
}
#travelhome .hed h2 {
   color:#497854;
}
#home_carousel h2 {
   border-top:1px solid #c3d9cc;
}


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

#stationinfo {
   /*border-top:1px solid #c3d9cc;*/
}
#station_nav ul li {
   background-image:url("../graphics/arrow01.gif");
}
#stationaddress ul li {
   background-image:url("../graphics/arrow01.gif");
}
table.stationdetails th {
   color:#fff;
   border-bottom:1px solid #6aaf37;
   border-top:none;
   border-left:none;
   border-right:none;
}  
table.stationdetails th a {
   color:#fff;
}
table.stationdetails th a:hover {
   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 {
   border-bottom:1px solid #98bea0;
   border-right:1px solid #98bea0;
   color:#000;
}
table tr.row01 td {
   background-color:#ebf7ec;
}
table tr.row02 td {
   background-color:#fff;
}
table td a.arrow {
   background:transparent url("../graphics/arrow01.gif") right 8px no-repeat;
}
table.legend td {
   color:#497854;
} 
table.stationdetails li {
    background-image:url("../graphics/arrow01.gif");
}
table.facilities_tableinatable_carpark .fieldcol {
    border-right:1px solid #98bea0;
    border-bottom:1px solid #98bea0;
}
table.facilities_tableinatable_carpark .datacol {
    border-bottom:1px solid #98bea0;
}
#station_nav ul li {
   background-image:url("../graphics/arrow01.gif");
}
#stationaddress ul li {
   background-image:url("../graphics/arrow01.gif");
}
#stationaddress, #ticket_office {
   color:#000;
}
div.boxmenu ul li {
   background-image:url("../graphics/arrow01.gif");
}


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

#departure_boards h2 {
   border-top:1px solid #c3d9cc;
}
table.departures {
   border:none;
   border-collapse:collapse;
}
table.departures th {
   color:#fff;
   background:#4c8456 url("../graphics/greentabbg.gif") repeat-x left top;
   border:none;
}
table tr td.col01 {
   background-image:url("../graphics/tableborderfix.gif");
   background-position:0 0;
   background-repeat:repeat-y;
   border-left:none;
}
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;
   border:none;
}
table.departures td {
   border-bottom:1px solid #98bea0;
   border-right:1px solid #98bea0;
   color:#000;
}


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

table.arrivals {
   border:none;
   border-collapse:collapse;
}
table.arrivals th {
   color:#fff;
   background:#4c8456 url("../graphics/greentabbg.gif") repeat-x left top;
   border-bottom:none;
}
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 {
   border-bottom:1px solid #98bea0;
   border-right:1px solid #98bea0;
}


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

h1 {
   border-bottom:1px solid #c0ddb1;
}
h2 {
   color:#497854;
}
div.content h2 {
   border-top:1px solid #c3d9cc;
}
p strong span {
   color:#c3d9cc;
}
#homepage .content h2 {
   color:#497854;
}
div.content table {
  border-color:#c0ddb1;
}
div.content table th, div.content table thead td {
   color:#fff;
   background-color:#497854;
   border-color:#c0ddb1;
}
div.content table td {
  background-color:#fff;
  border-color:#c0ddb1;
}
div.content table.table1 td {
   background-color:#fff;
}
p strong {
   color:#000;
}