/* LIVE TRAVEL NEWS */

ul.tabs
{
    margin-bottom:3px;
}

#main-content h2
{
    margin-top:5px;
}

/* Two sub-columns */
.col1,
.col2{
	float: left;
	padding: 0;
}
.col1{
	width: 188px;
	margin-right: 13px;
}

.col2{
	width: 158px;
	margin-right: 13px;
}


/* Tube service board */
#main-content #service-board{
	background: url("/tfl-global/images/3d-panel-service-top.gif") top left no-repeat;
	padding: 0;
	margin-bottom: 5px;	
}
#main-content #service-board dl{
	background: url("/tfl-global/images/3d-panel-service-bottom.gif") bottom left no-repeat;
	margin: 0;
	padding: 12px 10px;
}
#main-content #service-board dt a{
	width: 118px;
}
#main-content #service-board dd{
	width: 107px;
	margin-left: 122px;
}
#main-content #service-board .detail{
	width: 227px;
	margin-left: -122px;
	padding: 0; padding-top: 8px;
}

/* Incident headers */
h3{ float: left;}
.col1 h3,
.col2 h3,
.col3 h3 {
	float: none;
}
h3 div,
h3 li,
h3 span{
  	font-family:Arial, Helvetica, sans-serif;
	display: block;
	width: 9em;
	padding: 0; margin: 0;
	margin-bottom: 5px;
}
h3 div,
h3 ul,
h3 span{
	margin-right: 19px;
}

h3 .bakerloo,
h3 .central,
h3 .circle,
h3 .district,
h3 .eastlondon,
h3 .hammersmithandcity,
h3 .hammersmithandcity,
h3 .jubilee,
h3 .metropolitan,
h3 .northern,
h3 .piccadilly,
h3 .victoria,
h3 .waterlooandcity{
	text-align: center;
}

h2.tubelineheader{
	padding: 2px 0 6px 0;
	margin-bottom: 8px;
	color: #000;
	background: url("/tfl-global/images/tab-background.gif") repeat-x;
	
}

#tubelinecolour{
	height: 4px; margin-bottom: 4px;
	font-size:1px;
	line-height:0;
}


#tube-line-select{
	float: right;
}

h2 span{
	width: 100%;
}

h3 div{
	text-align: left;
}

.transforming{
display: block;
margin-top: 8px;
}

#stationclosures{
	float: right;
}

#closure-pdfs{
	background: url("/tfl-global/images/tab-background.gif") repeat-x;
	padding-bottom: 1px;
}

/* Incident messages */

.message{
	width: 396px;
	margin-left: 120px;
	display: block;
}

#last-update{
	float: right;
	position:relative; 
	top: -2em;
}
#tube-map-link{
	margin-left: 29px;
	float: left;
}

/* ROAD SERVICE UPDATES */
#map 				{ width: 703px; height: 440px; border: 1px solid #6C6C6C;}
#mapSearchForm		{ margin-bottom: 0; padding: 4px;background-image: none; }
#maptext			{ float: right; text-align: right; position: relative; top: -2.1em; margin-bottom: -2.1em; padding-right: 19px; }
.location			{ color: green; margin: 0; }
#textversion		{ margin-top: 19px; }
#textversion h2 img	{ margin-right: 8px; }
#road-map-key		{ width: 703px; 			float: left}
#road-map-key input	{ margin-left: 4px; 		float: left}
#road-map-key legend input	{margin-bottom: -3px;}
#road-map-key label	{ margin: 0; width: 130px; text-align:left; }
#road-map-key img	{ margin: 0 4px; float: left;}

/* BUS SERVICE UPDATES */
#bussearch { padding-top: 8px }
#bussearch #line {
	margin-right: 8px;
}


/* MODAL STYLES */
h3 .buses,
h3 .rail,
h3 .overground,
h3 .trams,
h3 .river,
h3 .dlr{
	width: 9em;
	text-align: center !important;
	padding: 0; 
	margin-bottom: 0;
}
/* Buses Colours */
.buses			{color: #FFF;  		background: #E41F1F;}
.buses:hover	{color: #FFF;  		background: #E41F1F; text-decoration: underline}

/* DLR colours */
.dlr			{color: #FFF;  		background: #09ADA8;}
.dlr:hover		{color: #FFF;  		background: #09ADA8; text-decoration: underline}

/* Trams colours */
.trams			{color: #FFF;  		background: #0A9900;}
.trams:hover	{color: #FFF;  		background: #0A9900; text-decoration: underline}

/* Rail colours */
.rail			{color: #FFF;  		background: #AE6119;}
.rail:hover		{color: #FFF;  		background: #AE6119; text-decoration: underline}

/* Overground colours */
.overground			{color: #FFF;  		background: #F86C00;}
.overground:hover		{color: #FFF;  		background: #F86C00; text-decoration: underline}

/* River colours */
.river			{color: #FFF;  		background: #0076BD;}
.river:hover	{color: #FFF;  		background: #0076BD; text-decoration: underline}



/*
________________________________
MODAL TABS */
.tabs{
border-bottom: 3px solid #FFF;
margin-bottom: 0;
padding-bottom: 1px;
}
#last-update {
float:right;
position:relative;
top:-.4em;
color: #000;
}

/*
________________________________
DATE SELECTOR */
#date-select label{
color: #246CCE
}
#date-select ul{
background: url('/tfl-global/images/tab-background.gif') repeat-x;
border-bottom:1px solid #CCCCCC;
margin:0 0 19px;
padding:2px 0 .4em 8px;
}
#date-select li{
display:inline;
margin:0;
padding:0;
background-image: none;
}
#date-select li a{
border-right: 1px solid #000;
margin-right: 4px; padding-right: 8px
}
#date-select li.selected a,
#date-select li.selected label{
color:#333333;
font-weight:bold;
}
#date-select select{
font-size: 1.2em
}
#date-select optgroup{
font-family: monospace;
border-top: 1px solid #666;
padding-top: 4px; margin-top: 4px;
}
#date-select option.weekend{
background-color: #eaffe8
}
#date-select optgroup option{
padding: 0 4px;
font-size: 1.2em
}

/*
________________________________
INTERIM TUBE MAP */

#tube-map{
	margin-bottom: 19px;
	padding: 5px 0 8px 8px;
	background: #DDD url('/tfl/livetravelnews/realtime/images/ltn-top-bar.jpg') repeat-x left top;
}