/*
_____________________________________________
DARK TABS - additional to styles from tabs.css */

#tube-map-flash
{
padding-top: 32px;
background: #FFFFFF url(/tfl/livetravelnews/realtime/images/ltn-top-bar.jpg) repeat-x scroll 0 11px;
}

.tabbed-panel-dark
{
height: 67px;
background: #FFFFFF url(/tfl/livetravelnews/realtime/images/tab-stationline-bg.jpg) no-repeat scroll -1px 35px;
}

span.tab-content
{
padding-right: 5px;
padding-left: 5px;
}

.tabbed-panel-dark .ui-tabs-nav
{
background: transparent url(/tfl/livetravelnews/realtime/images/tab-dark-ltn-ul-bg.png) no-repeat scroll -348px 29px !important;
}

.tabbed-panel, .js-version .hide
{
display: none;
}

.js-version .show, 
.js-version .tabbed-panel
{
display: block;
}

object  
{
outline:none;
}

#last-update {
display: none;
}

#tube-map {
background-color: #f7f7f7;
display: none; /* Non-JS */
}

/*
____________________
SERVICE UPDATE BOARD 
*/

#service-board {
border-bottom: 1px solid #CCC;
margin-bottom: 19px;
}

/* Tube lines */

#lines {
	float: left;
}

#lines li
{
padding: 0;
float: left;
border-bottom: 1px solid #dbdbdb;
background-image: url('/tfl/livetravelnews/realtime/images/line-bg-mask.gif');
}

#lines li:last-child {
	border-bottom: 0;
}

#lines h3
{
width: 130px;
display: block;
float: left;
font-weight: bold;
padding: 0 0 0 2px;
}

#lines div.status
{
background: #fff;
color: #565656;
float: left;
display: block;
padding-left: 8px;
width: 560px;
}

#service-board #lines div.status a, #service-board #lines div.status h4
{
font-weight: bold;
}

/* Tube stations */

#stations
{
font-weight: bold;
color: #000;
}

#stations li
{
padding: 0;
background: none;
}

#stations li ul
{
font-weight: normal;
margin-bottom: 0;
}

#stations li ul li
{
font-weight: normal;
padding-left: 8px;
background: url(/tfl-global/images/grey-bullet.gif) no-repeat 0px 5px;
}

#stations li ul h4
{
float: none;
}

#stations h3
{
float: none;
}

.message-link:hover
{
text-decoration: underline;
cursor: pointer;
}

.ltn-closed h4
{
color: red !important;
}

/* Message detail */
#message-detail h3{
font-family:Arial, Helvetica, sans-serif;
margin: 0 2px 8px 0;
padding-left: 2px;
}

#message-detail h3.station{
color: #FFF;
background-color: #666;
}

#message-detail{
display: none;
background-color: #FFF;
padding: 0;
width: 201px;
padding-bottom: 38px;
background: #FFF url('/tfl/livetravelnews/realtime/images/service-board-bottom.jpg') repeat-x left bottom;
}

#message-detail #message,
.js-version #stations{
max-height: 278px; /* sets max-height value for all standards-compliant browsers */
overflow: auto;
}

#service-board .message p,
#message-detail p{
margin-bottom: 8px;
}

#close-top{
float: right;
margin: 3px 5px 0 0;
background: url(/tfl/livetravelnews/realtime/images/message-close-1.gif) no-repeat; 
height: 12px; 
width: 12px;
}

#close-top span{
display: none;
}

.ltn-more-info
{
color: #979797; 
font-weight: normal; 
margin: 0
}


/*
________________________________
JAVASCRIPT-ENABLED VERSION */

.js-version #service-board{
border-bottom: 0 solid; margin-bottom: 0;
}

.js-version #service-board,
#tube-map {
float: left;
width: 100%;
background: #f7f7f7 url('/tfl-global/images/panel-shadow.gif') repeat-x left bottom
}

.js-version #lines h3
{
width: 89px;
display: block;
float: left;
font-weight: bold;
padding: 0 0 0 2px;
}

.js-version #lines li
{
padding: 0;
float: left;
border-bottom: 1px solid #fff;
background-image: none;
}

.js-version .message, 
.js-version #message-detail
{
display: none;
}

.js-version #lines
{
font-family: Arial,Helvetica,sans-serif;
}

.js-version #lines div.status
{
width: 108px;
color: #565656;
float: left;
padding-left: 2px;
border-bottom: 1px solid #dbdbdb;
}

.js-version #service-board #lines div.status a, 
.js-version #service-board #lines div.status h4
{   
background: url("/tfl-global/images/information.png") no-repeat scroll right center #FFFFFF;
color: #113B92;
display: block;
font-weight: 400;
padding-left: 2px;
padding-right: 15px;
margin-right: 0;
width: 92px;
}



.js-version #service-board #lines div.status.problem h4
{
background-color: #fff !important;
font-weight: 700;
}

.js-version #service-board ul#lines
{
background: url("/tfl/livetravelnews/realtime/images/service-board-bottom.jpg") repeat-x scroll left bottom #FFFFFF;
padding-bottom: 38px;
float: left;
}

.js-version #service-board ul#stations
{
/*background: url("/tfl/livetravelnews/realtime/images/service-board-bottom.jpg") repeat-x left bottom #FFFFFF;*/
padding-bottom: 38px;
float: left;
}

#message-detail #message, .js-version #stations{ /* sets max-height for IE */
height: expression( this.scrollHeight > 277 ? "278px" : "auto" ); 
}

.js-version #stations li ul h4
{
color: #246CCE;
font-weight: normal;
margin-right: 0;
}

.js-version #service-board h2,
.js-version #date-select ul li.sixmonth
{
display: none;
}

.js-version #service-board,
.js-version #tube-map {
width: 202px;
min-height: 420px;
height: auto !important;
height: 420px;
padding-top:0;
}

.js-version #tube-map {
display: block;
width: 504px;
}

.js-version #stations{
background: url("/tfl/livetravelnews/realtime/images/ltn-bottom-bar.gif") repeat-x top left #f7f7f7;
width: 100%;
}

.js-version #service-board #lines{
font-family:Arial, Helvetica, sans-serif;
}

/*
________________________________
EXPLICIT TEXT VERSION */

.text-version #stations, .text-version #lines {
display: inline !important;
}

.text-version #message-detail {
display: none !important;
}

.text-version #lines h4 {
float: none;
}