/* Andreas Bester - 01/06/06 */
/* medium = 16 px | 1em = 12 px */


* {margin:0;}

body{
padding:0;
text-align:center;
font-size:75%;
font-family:Tahoma,Verdana,Helvetica,Arial;
color:#445F62;
background:#10929f url(../images/bg_page.gif) repeat;
background-attachment:fixed;
}

/* Links */
a{font-weight:normal; }
a:link{color:#cc0000; text-decoration: none;}
a:visited{color:#A20000; text-decoration: none;}
a:hover{color:#A20000; text-decoration:underline;}
a:active{color:#cc0000; text-decoration: none;}
a.strong:link{color:#cc0000; text-decoration: none;font-weight:bold;font-size:100%;}
a.strong:visited{color:#A20000; text-decoration: none;font-weight:bold;font-size:100%;}
a.strong:hover{color:#A20000; text-decoration:underline;font-weight:bold;font-size:100%;}
a.strong:active{color:#cc0000; text-decoration: none;font-weight:bold;font-size:100%;}

/* Headings */
h1{font-size:1.65em;  font-weight:normal; color:#02505A; padding:0; margin:0;}
h2{font-size:1.3em; font-weight:bold; color:#02505A; padding:15px 0 0 0; margin:0;}
h3{font-size:1.25em;  font-weight:bold; color:#02505A; padding:0; margin:0;}

/* Paragraphs */
/*p{padding:14px 0 0 0; line-height:1.55em;} original */
p{padding: 0 0 10px 0; line-height:1.55em;}
p.strong{font-weight:bold;}
p.introparagraph{color:#007788; font-weight:bold; font-size:1.05em; line-height:1.65em;}
p.errorparagraph{color:#f56707; font-weight:bold;}
p.mandatory{color:#f56707; font-weight:bold;}

/*I.E Mac clearing floats */
#main p.withimageleft{clear:none;}

#main p.withimageleft img{
float:left;
padding:0;
margin:4px 14px 5px 0;
}

/*I.E Mac clearing floats */
#main p.withimageright{clear:none;}

#main p.withimageright img{
clear:none;
float:right;
padding:0;
margin:4px 0 5px 14px;
}

/*
Needed in situation where the image was floated to left/right within p
classes "withimageleft","withimageright" following elements needs the
float to be cleared.
Contain it to main content div only.
*/
#main h1, #main h2, #main h3, #main p, #main ul, #main ol, #main table, #main hr{clear:both;}

hr{
border:0 none;
border-bottom: 1px solid #e9e9cd;
background-color: Transparent;
width: 100%;
height:1px;
margin:0 0 5px 0;
color:#e9e9cd; /*I.E mac set to bg color otherwise its grey */
}

/*I.E always set height of hr to 10px... */
* html hr{
height:1px;
margin:0;
}
/* temporary fix */
p 
{
    overflow: hidden;
    clear: both;
}
/* Tables */
table,th,td,input,select,textarea{
font-family:Tahoma,Verdana,Helvetica,Arial;
font-size:1em;
}

.shadow{
WIDTH: 100%;
margin:auto;
background:#FFFFFF url("../images/shad.jpg") top repeat-x;
height:20px;
}

table	{color:#ffffff; BACKGROUND: #FFFFFF;WIDTH:100%; text-align:left;border:0; border-collapse: collapse;}/*border:2px solid #B5D8DA;*/
tr.altrows	{color:#ffffff; BACKGROUND:#FFFFFF; background-image:url('../img/TR_yel.jpg');background-repeat:repeat-x;background-position:top;}
td	{color:#000000; PADDING: 4px; BORDER: 0; MARGIN: 0px; } /* border-right:2px solid #DBD7AD; border-left:2px solid #DBD7AD; border-bottom:1px solid #B1D5D8;*/
th	{color:#ffffff; PADDING: 10px; BORDER: 0; MARGIN: 0px; TEXT-ALIGN: center; background-color:#0E8190; color:#FFFFFF; background-image:url('../img/TH.jpg');background-repeat:repeat-x;background-position:bottom left;border-right:1px solid #C3E0E1;}
 
div#main .tableheader{
width:571px;
background:#fcf9da url(../images/table_bg.gif) repeat-y;
margin:9px 0 0 0;
text-align:center;
}

div#main .tableheadermain{
width:550px;
color:#ffffff;
margin:0 auto;
text-align:left;
padding:0;
}

div#main .tableheadermain p{
padding:0;
}

/* Images */
img {border:0 none;}

/* Lists */
ol{padding:0 14px 0 40px;}

ul{
    padding:10px 14px 0 15px;
    list-style-type:disc;
}

li{
    margin-left:15px;
    padding:0 0 3px 0;
}
/* Lists for Sitemap page */
#page_sitemap ul {
    padding: 0px 14px 0 15px;
    list-style-type:disc;
}

#page_sitemap li {
    margin-left:15px;
    padding: 3px 0 0 0;
    line-height: 1.5em;
}
#page_sitemap li ul {
    padding: 0 0 0 20px;
}
/* Generic styles */

.clear{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}

.floatleft{float:left;}
.floatright{float:right;}
.allignright{text-align:right;}
.valigntop{vertical-align:top;}
.valignbottom{vertical-align:bottom;}
.valignmiddle{vertical-align:middle;}


/* Div's  */

/* Screen reader */
div#screenreader{
position:absolute;
width:0;
height:0;
overflow:hidden;
}

div#screenreader ul, div#screenreader li {
padding:0;
margin:0;
}

/*Following styles border specific
759 + 16(7+7+1+1) = 775
*/
div#containerbordered{
width:759px;
margin: 0 auto;
padding:0 7px 0 7px;
background-color:#ffffff;
min-height:650px;
border-top:0 none;
border-left:1px solid #00606E;
border-bottom:1px solid #00606E;
border-right:1px solid #00606E;
text-align:left;
}

* html div#containerbordered{
width:775px; /* for IE5 and IE6 in quirks mode */
width:759px; /* for IE6 in standards mode */
}

div#blocktop{
position:relative;
height:121px;
margin-left:-7px;
background-color:#FFFFFF;
}

div#blocktop-section{
z-index:1; visibility:visible; position:absolute;
top:0px; left:0px; width:772px; height:121px;
}

/*images are inline elements - text needs space below the 
baseline for the "tails" of letters such as g, p, q etc. This is the 
space you are seeing under the image  use display:block
if the images would wrap  or the one below  for no wrapping images*/
div#blocktop-section img{ vertical-align:bottom; }

div#blocktop-overlay{
z-index:2; visibility:visible; position:absolute;
top:0px; left:0px; width:772px; height:121px;
}

div#mainnavcopystart{
visibility:hidden;
height:0;
font-size:1px; /*I.E Mac as it ignores 0 */
line-height:1px;
}

div#blocktop-topnav{
float:right;
}

div#blocktop-topnav-logreg{
z-index:2; visibility:visible; position:absolute;
top:0; left:0; width:143px; height:auto;
border-top:0 none;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color:#007E8A;
}

* html div#blocktop-topnav-logreg{
width:144px; /* for IE5 and IE6 in quirks mode */
width:143px; /* for IE6 in standards mode */
}

div#blocktop-topnav-logreg, div#blocktop-topnav-logreg a{
color:#FFFFFF;
}

div#blocktop-topnav-engcym{
z-index:2; visibility:visible; position:absolute;
top:0; left:144px; width:80px; height:auto;
border-top:0 none;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
background:#E1F7F7 url("../images/topnav_grad.gif") left repeat-y;
background-color:#E1F7F7;
}

div#blocktop-topnav-engcym a{
color:#A20000;
}
/* Buy ticket - homepage */
div#containerbordered_top {
width:759px;
margin: 0 auto;
padding:0 7px 0 7px;
border-top:0 none;
border-left:1px solid #00606E;
border-bottom:1px solid #00606E;
border-right:1px solid #00606E;
text-align:left;
z-index: 100;
position: relative;
}

* html div#containerbordered_top{
width:775px; /* for IE5 and IE6 in quirks mode */
width:759px; /* for IE6 in standards mode */
}

div#traincrumb_homepage {
width:759px;
background:#E5F8F8 url("../images/topnav_traincrumb_bg.gif") repeat-y;
margin:0 0 9px 0;
position: absolute;
top: 110px;
}

/*Breadcrumbs*/

div#traincrumb{
width:759px;
background:#E5F8F8 url("../images/topnav_traincrumb_bg.gif") repeat-y;
margin:0 0 9px 0;
}

div#traincrumb-trail{
float:left;
width:725px;
padding:0 15px 0 15px;
}

div#traincrumb-trail a{
text-decoration:underline;
}

/*blockleft - Main menu area*/

div#blockleft{
width:161px;
float:left;
padding:0 0 9px 0;
}

div#blockleft .smlbox{
width:161px;
background:#E5F8F8 url(../images/smlbox_bg.gif) repeat-y;
margin:9px 0 0 0;
text-align:center;
}

div#blockleft .smlboxmain{
width:139px;
color:#000000;
margin:0 auto;
text-align:left;
}

div#blockleft .smlboxmain a{
text-decoration:underline;
}

div#maincopystart{
display:none;
visibility:hidden;
height:0;
font-size:1px; /*I.E Mac as it ignores 0 */
line-height:1px;
}

/*blockright - main content area*/

div#blockright{
float:left;
width:585px;
margin-left: 10px;
}

/* To control right-hand column in main content area */
.rightCol{
float:right;
display: block;
width:174px;
/*margin-left: 20px; */
margin-bottom: 20px;
}

/*To control width of content column in main content area*/
.thin{
width: 384px;
}

/* To control Twitter widget */
.twtr-doc
{
margin-left: 10px;
width: 200px;
}

div#main{
float:left;
width:567px;
margin:1px 0 0 0;
padding:0 0 50px 0;
}

div#main a, div#related a{
text-decoration:underline;
}

div#related{
float:right;
width:174px;
}

div#related h3{
padding:0 0 7px 27px;
color:#007788;
}

div#related a{
line-height:1.4em;
margin:0 0 0 27px;
}

div#related div.related-image{
margin:10px 0 0 0;
width:172px;
padding:11px 0 0 0;
float:right;
background:#ffffff url(../images/bg_tab.gif) top no-repeat;
}

div#related div.related-image img{
float:right;
}

div#footer{
line-height:26px;
background:#005560 url(../images/footer_bot.gif) bottom no-repeat;
padding:0 0 0 7px;
}

div#footer a{
color:#FFFFFF;
padding:0 0 0 4px;
}

div#footercopyright{
font-size:0.85em;
color:#005560;
padding:0 0 20px 11px;
background-color:#FFFFFF;
}

div#footercopyright a{
color:#005560;
padding:0 0 0 10px;
}

#loginBoxtoBottom
{
position:absolute;
bottom:10px;
width:100%; 
left:0;
}

* html #loginBoxtoBottom{ bottom:9px; }

#loginBox
{
float:right;
}

    #loginBox ul {
    margin:0;
    list-style:none;
      }
      
    #loginBox li {
    float:left;
    background:url("../images/login_slidingdoor_01.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 7px;
    }

    #loginBox  .item{
    float:left;
    display:block;
    background:url("../images/login_slidingdoor_02.gif") no-repeat right top;
    padding:5px 14px 6px 6px;
    text-decoration:none;
    font-weight:normal;
    color:#fff;
    }

    #loginBox  .item a{
    text-decoration:none;
    font-weight:normal;
    color:#fff;
    }

    #loginBox  .item a:hover{
    text-decoration:underline;
    font-weight:normal;
    color:#fff;
    }

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

    /* End IE5-Mac hack */
    #loginBox a:hover {
    text-decoration :underline;
    color:#fff;
    }
      
    #loginBox #languageButton {
    background-image:url("../images/login_slidingdoor2_01.gif");
    }

    #loginBox #languageButton .item{
    background-image:url("../images/login_slidingdoor2_02.gif");
    color:#cc0000;
    }
      
    #loginBox #languageButton .item a{
    color:#cc0000;
    text-decoration:none;
    }
      
    #loginBox #languageButton .item a:hover{
    color:#cc0000;
    text-decoration:underline;
    }

/*Yellow comment box*/
.yellowbox{
background-color:#fffce3;
width:136px;
margin:15px;
color:#004b55;
float:right;
font-weight:bold;
}

.yellowbox p{
padding:10px;
}

.padding10pxbottom
{
padding-bottom:8px;
}

.lsbaLink
{
margin-top: 10px;
}

.update
{
 padding-top:16px;
 background:url(/images/hr.gif) top left no-repeat;
 margin-bottom:15px;
}

    .update .date
    { 
    padding-right:1em;
    }
    
    .update .summary
    { 
    font-weight:bold;
    }
    
    .update .summary a
    {
    font-weight:bold;
    }
    
    .update .description
    {
    clear:both;
    }
    
    .update .description p
    {
    padding:0;
    }
    
	.update .routes{
    color:red;
	}
	
/* new forms */
.formlabel.red  
{
color: #CC0001; font-weight: bold;
}

.row {
width: 100%;
margin-bottom: 10px;
}

.label {
float: left;
width: 105px;
}

.label.short {
width: 75px;
}

.control 
{
float: left;
width: 160px;
}

select.pagination 
{
    margin: 0;
}

ul.news 
{
list-style: none;
padding: 0;
}

ul.news li 
{
padding: 0;
margin: 0 0 8px;
padding: 0 0 8px 15px;
border-bottom: 1px solid #E9E9CD;
width: 552px;
}

.list_image 
{
float: left;
}

.list_description 
{
    float: left;
    margin-left: 15px;
    width: 350px;
}

.list_description p 
{
padding: 0;
margin: 0 0 10px;
}

/* faqs */
dl {
margin: 10px 0 20px;
padding-top: 10px;
border-top: 1px solid #E9E9CD;
}

dt  
{
margin-bottom: 2px; color: #007788;
}

dd {
margin-bottom: 10px;
padding-left: 9px;
}

/* clearfix */
.clearfix:after 
{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
 
.clearfix {
display: inline-block;
}
 
html[xmlns] .clearfix {
display: block;
}
 
* html .clearfix {
height: 1%;
}

.hidden
{
display:none;
}

.clearfloat
{
clear: both;
}

/* Station Search */

#stationSearch 
{
background: url(/images/form/bg_form.gif) repeat-y;
width:394px;
padding-bottom: 10px;
}

#stationSearch h1 
{
background: url(/images/form/searchforastation_title.gif) no-repeat;
height: 31px;
text-indent: -900em;
}

#stationSearch dl, #stationSearch dd, #stationSearch dt
{
margin:0;
padding:0;
border-top: none;
}

#stationSearch dl
{
margin:10px;
}

#stationSearch dt 
{ 
color: #007788;
font-weight: bold;
}

#stationSearch dd
{
margin-top: 7px;
}

#stationSearch .column1
{
width: 170px;
display: block;
float: left;
}

#stationSearch .column2
{
width: 170px;
display: block;
float: right;
}

* html #stationSearch .column1
{
width: 170px;
}

* html #stationSearch .column2
{
width: 170px;
}
/*
#stationSearch hr
{
clear: both;
} */

#stationSearch .stationSearchSubmit
{
background: url(/images/form/submit_bt_eng.gif) no-repeat;
margin-left: 300px;
padding-bottom: 5px;
}

#stationSearchBottom
{
background: url(/images/form/details_bot.gif) no-repeat;
height: 9px;
}

.pagination
{
    margin: 10px 0 0 0;
    clear:both;
}

/* General Enquiry */
#generalEnquiry 
{
background: url(/images/form/bg_form.gif) repeat-y;
width:394px;
padding-bottom: 10px;
margin-top: 20px;
}

#generalEnquiry h1 
{
background: url(/images/form/feedback_title.gif) no-repeat;
height: 31px;
text-indent: -900em;
}

#generalEnquiry dl
{
margin: 10px;
}

#generalEnquiry dt
{
display: block;
width: 190px;
margin-right: 10px;
float: left;
}

.mandatory
{
color: #ff6600;
}

#generalEnquiry hr{
height:1px;
margin:0 0 10px 0;
clear: both;
}

#generalEnquiry p{
margin:0 0 10px 0;
padding: 0;
}

#generalEnquiry .tickboxAnswer{
margin:0 10px 10px 0;
}

#generalEnquiry .generalEnquirySubmit
{
background: url(/images/form/submit_bt_eng.gif) no-repeat;
margin-left: 300px;
width: 77px;
height: 22px;
border: 0;
text-indent: -900em;
cursor: pointer;
display: block;
overflow: hidden;
}

#generalEnquiry .generalEnquirySubmit:active
{
background-position: 1px 1px;
}

#generalEnquiryBottom
{
background: url(/images/form/details_bot.gif) no-repeat;
height: 9px;
}

/* Station Details */
#stationDetails
{
background: url(/images/stationbackground.gif) repeat-y;
width:396px;
padding-bottom: 10px;
margin-top: 20px;
}

#stationDetails h1 
{
background: url(/images/stationInfo.gif) no-repeat;
height: 31px;
text-indent: -900em;
}

#stationDetails h2
{
margin: 10px 0 10px 10px;
padding-top: 0;
}

#stationDetails h2 a
{
font-weight: bold;
}

#stationDetails h2 a:hover
{
color:inherit;
text-decoration: none;
}

#stationDetails h3 
{
margin-left: 10px;
padding-top: 10px;
font-size: small;
clear: both;
}

#stationDetails dl
{
margin: 10px;
border: none;
}

#stationDetails dt
{
display: block;
width: 125px;
margin-right: 10px;
float: left;
clear:both;
margin-bottom: 10px;
}

#stationDetails dd
{
width: 220px;
float: left;
}

#stationDetails dl dd ul
{
margin: 0;
padding:0;
list-style-type: none;
text-indent: -15px;
}

#stationDetails hr{
height:1px;
margin:0 0 20px 0;
padding-top: 10px;
border-bottom: solid 1px #aadddd;
clear: both;
}

#stationDetails p{
margin: 0;
padding: 0;
clear: both;
}

#stationDetails .backToTopLink{
margin-left: 10px;
}

#stationDetailsBottom
{
background: url(/images/stationbottom.gif) no-repeat;
height: 9px;
}

.departArriveButton
{
margin-left: 8px;
}

/*findTrainsBar*/

#findTrainsBar
{
background: url(/images/traincrumb_bg.gif) no-repeat;
position:relative;
}

#findTrainsBarTop
{
background: url(/images/traincrumb_top.gif) no-repeat;
height: 14px;
margin-top: 10px;
}

#findTrainsBarBottom
{
background: url(/images/traincrumb_bot.gif) no-repeat;
height: 14px;
}

#findTrainsBar h1
{
display: block;
float: left;
width: 98px;
height: 43px;
text-indent: -900em;
background: url(/images/findtrains_title_eng.gif) no-repeat;
margin: 4px 0 0 20px;
padding: 0;
}

* html #findTrainsBar h1 
{
display: block;
float: left;
width: 98px;
height: 43px;
text-indent: -900em;
background: url(/images/findtrains_title_eng.gif) no-repeat;
margin: 4px 0 0 10px; /*Margin Adjustment for IE6*/
padding: 0;
}

#findTrainsBar #findTrainsBarForm
{
margin: 0 0 0 138px;
}

#findTrainsBar #findTrainsBarForm dl
{
border: none;
margin: 0;
padding: 2px 0;
}

#findTrainsBar #findTrainsBarForm dl dt, #findTrainsBar #findTrainsBarForm dl dd, #findTrainsBar #findTrainsBarForm p
{
display:inline;
margin: 0;
padding: 0;
}

/*
#findTrainsBar #findTrainsBarForm dl dt
{
width: 23px;
}

#findTrainsBar #findTrainsBarForm dl dt.longer
{
width: 63px;
}

#findTrainsBar #findTrainsBarForm dl dd
{
width: 125px;
}
*/

#findTrainsBarButtons
{
position: absolute;
right: 10px;
top: 0px;
}

* html #findTrainsBarButtons
{
position: absolute;
right: 137px; /*Positioning Adjustment for IE6*/
top: 0px;
}

#findTrainsBarButtons a
{
background: url(/images/myaccount_btn_eng.gif) no-repeat;
display: block;
width: 104px;
height: 21px;
text-indent: -900em;
}

#findTrainsBarButtons a:active
{
background-position: 1px 1px;
}



/*engineeringWorks*/

.engineeringWorks dl
{
border: 0;
}

.engineeringWorks dd
{
color: #ff0000;
margin-left: 95px;
}

.engineeringWorks dt
{
float: left;
margin-right: 5px;
}

.engineeringWorks p
{
padding: 0px 0px 10px 0px;
}

.Gallery
{
clear: both;
}

.GalleryItem
{
width:140px;
height: 190px;
float: left;
padding: 0;
margin: 0;
border-bottom: solid 1px #cccccc;
overflow:hidden;
}

.GalleryItemLast
{
width:140px;
height: 190px;
float: left;
padding: 0;
margin: 0;
border-bottom: none;
overflow:hidden;
}

.Gallery p
{
margin: 0 10px;
font-weight: bold;
}

.GalleryImage
{
margin: 20px 10px 0 10px;
}

.Widget
{
border: solid 1px #cccccc;
padding: 10px;
}

.Widget h1
{
font-size: 18px;
font-style: italic;
padding-left: 50px;
height: 50px;
display: block;
}

#serviceUpdates h1
{
background: url(../images/service_img.bmp) no-repeat;
}

#engineeringWorks h1
{
background: url(../images/advice_img.gif) no-repeat;
}

#liveDepartures h1
{
background: url(../images/live_img.gif) no-repeat;
}

#news h1
{
background: url(../images/advice_img.gif) no-repeat;
}

/* Homepage widgets */
#widgetbox 
{
    width: 583px;
}
#widgetbox_bg 
{
    width: 583px;
    background: transparent url(../images/widget_bg.gif) 0 0 repeat-y;
}
#widgetbox_top 
{
    width: 583px;
    height: 11px;
    background: transparent url(../images/widget_top.gif) 0 0 no-repeat;
    display: block;
    overflow: hidden;
}
#widgetbox_bottom 
{
    width: 583px;
    height: 11px;
    background: transparent url(../images/widget_bottom.gif) 0 0 no-repeat;
    display: block;
    overflow: hidden;
}
#widgetbox .Widget 
{
    border: 0 !important;
    width: 255px;
    min-height: 150px;
}
#widgetbox #serviceUpdates.Widget
{
    *min-height: 152px;
}
#widgetbox #serviceUpdates.Widget,
#widgetbox #engineeringWorks.Widget
{
    padding-left: 20px;
}
#widgetbox #news.Widget,
#widgetbox #liveDepartures.Widget
{
    margin-left: 20px;
}
#widgetbox #liveDepartures.Widget,
#widgetbox #engineeringWorks.Widget
{
    border-top: 1px solid #CCCCCC !important;
}
#news.Widget h3 
{
    font-size: 1.1em;
}

/* Content settings */
.dropzone 
{
    overflow: hidden;
}
/* CMS RHS */
#ctl00_ContentPlaceHolder1_DropZone1_columnDisplay_ctl01_zone /* ensure this ID is not renamed by CMS or code */
{
    float: right;
}
.ATW-NewsList-Article 
{
    margin-top: 10px;
}

/* Service Updates section */
.service_updates 
{
    margin: 10px 0;
}
.service_top 
{
    width: 481px;
    height: 5px;
    background: transparent url(../images/service_top.gif) 0 0 no-repeat;
    overflow: hidden;
}
.service_bottom 
{
    width: 481px;
    height: 5px;
    background: transparent url(../images/service_bottom.gif) 0 0 no-repeat;
    overflow: hidden;
}
.service_bottom_alternate
{
    width: 481px;
    height: 5px;
    background: transparent url(../images/service_bottom_dark.gif) 0 0 no-repeat;
    overflow: hidden;
}
.service_middle 
{
    width: 481px;
    background: transparent url(../images/service_bg.gif) 0 0 repeat-y;
}
.service_middle ul 
{
    list-style-type: none;
    padding: 0 !important;
    margin: 0 1px !important;
}
.service_middle ul li 
{
    border-bottom: 1px solid #d1cfcf;
    margin-left: 0 !important;
    padding: 5px 2px;
    min-height: 30px;
    height: auto;
    display: block;
}
.service_middle .service_line 
{
    float: left;
    margin: 5px;
    width: 250px;
}
.service_middle .service_date 
{
    float: left;
    margin: 2px 0;
    font-size: 75%;
}
.service_middle .service_status 
{
    float: right;
    text-indent: -9999px;
    width: 198px;
    height: 28px;
    display: block;
    overflow: hidden;
    margin: 0 5px;
}
.service_middle li.alternate 
{
    background-color: #ebebeb;
}
.service_middle li.first
{
    padding: 0 2px 5px 2px;
}
.service_middle li.last 
{
    border-bottom: 0px solid #d1cfcf;
    padding: 5px 2px 0 2px;
    margin-bottom: -2px;
}

.service_severe 
{
    background: transparent url(../images/service_severe.png) 0 0 no-repeat;
}
.service_good 
{
    background: transparent url(../images/service_good.png) 0 0 no-repeat;
}
.service_donottravel
{
    background: transparent url(../images/service_donottravel.png) 0 0 no-repeat;
}
.service_minor 
{
    background: transparent url(../images/service_minor.png) 0 0 no-repeat;
}

/* Service Updates section - widget version for homepage */
.service_updates_widget
{
    margin: 10px 0;
}
.service_top_widget 
{
    width: 257px;
    height: 5px;
    background: transparent url(../images/service_top_m.gif) 0 0 no-repeat;
    overflow: hidden;
}
.service_bottom_widget 
{
    width: 257px;
    height: 5px;
    background: transparent url(../images/service_bottom_m.gif) 0 0 no-repeat;
    overflow: hidden;
}
.service_bottom_widget_alternate
{
    width: 257px;
    height: 5px;
    background: transparent url(../images/service_bottom_dark_m.gif) 0 0 no-repeat;
    overflow: hidden;
}
.service_middle_widget
{
    width: 257px;
    background: transparent url(../images/service_bg_m.gif) 0 0 repeat-y;
    padding: 0 1px;
}
.service_middle_widget ul 
{
    list-style-type: none;
    padding: 0 !important;
    margin: 0 1px !important;
    overflow: hidden;
    width: 254px;
}
.service_middle_widget ul li 
{
    border-bottom: 1px solid #d1cfcf;
    margin-left: 0 !important;
    padding: 5px 2px;
    min-height: 30px;
    height: auto;
    display: block;
}
.service_middle_widget .service_line
{
    display: block;
    margin: -3px 5px 5px;
    width: 247px;
}
.service_middle_widget .service_status 
{
    text-indent: -9999px;
    width: 236px;
    height: 28px;
    display: block;
    overflow: hidden;
    margin: 0 5px;
}
.service_middle_widget li.alternate 
{
    background-color: #ebebeb;
}
.service_middle_widget li.first
{
    padding: 0 2px 5px 2px;
}
.service_middle_widget li.last 
{
    border-bottom: 0px solid #d1cfcf;
    padding: 5px 2px 0 2px;
}
.service_updates_widget .service_severe 
{
    background: transparent url(../images/service_severe_m.png) center center no-repeat;
}
.service_updates_widget .service_good 
{
    background: transparent url(../images/service_good_m.png) center center no-repeat;
}
.service_updates_widget .service_donottravel
{
    background: transparent url(../images/service_donottravel_m.png) center center no-repeat;
}
.service_updates_widget .service_minor 
{
    background: transparent url(../images/service_minor_m.png) center center no-repeat;
}

/* Buttons */
.css_buttons 
{
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
    text-align: -9999px;
    display: block;
    border: 0;
}
.board_btn_arrivals 
{
    background: transparent url(../images/arrivals_btn_eng.gif) 0 0 no-repeat;
    width: 124px;
    height: 22px;
}
.board_btn_arrivals_cym
{
    background: transparent url(../images/arrivals_btn_cym.gif) 0 0 no-repeat;
    width: 89px;
    height: 23px;
}
.board_btn_departures
{
    background: transparent url(../images/departures_btn_eng.gif) 0 0 no-repeat;
    width: 131px;
    height: 22px;
}
.board_btn_departures_cym
{
    background: transparent url(../images/departures_btn_cym.gif) 0 0 no-repeat;
    width: 79px;
    height: 23px;
}