/*
________________________________
MODAL TABS */
.tabs{
margin-bottom: 3px;
}
#service-board .tabs{
background: url('/tfl/livetravelnews/realtime/images/ltn-top-bar.jpg') repeat-x left bottom;
height: 17px;
margin-bottom: 0;
padding-top: 29px;
padding-bottom: 2px;
_padding-bottom: 1px; /* IE6 */
border-bottom: 3px solid #FFF;
}

/* Target Safari */
@media all and (min-width: 0px) {
	body:not(:root:root) 		 
	#service-board .tabs{
	height: 16px;
	padding-top: 30px;
	}
}

.toggle-version
{
float: right;
margin-top: -40px;
display: none;
}

#last-update {
float:right;
position:relative;
color: #000;
margin-top: 0;
margin-bottom: 0;
padding 0;
padding-left: 4px;
}

.hd-row {
height: 50px;
}

.hd-row h2 
{
float:left;
width: 24em;
border-bottom: 0;
}

/*
________________________________
PAGE TITLE */
.js-version h2{
border-bottom: 0 solid;
margin-bottom: 0;
}
h2 .alert{
font-family: Verdana;
font-size: .8em;
font-weight: normal;
margin-left: .2em
}
h2 .alert strong{
color: #246CCE
}

iframe /* overflow bg for fancybox */
{
background: #f7f7f7;
}

#works-later {
width:26em;
}

#works-now {
width:13em;
}

#works-now, #works-later {
color: #246CCE;
text-decoration: underline;
margin: 0.2em 0 0 0;
padding: 0;
display: block;
}

a#works-later .alert, a#works-now .alert {
text-align: left;
}

#works-now:hover, #works-later:hover{
text-decoration: none !important;
}

/*
________________________________
CLOSURE PDFS */

#closure-pdfs{
	background: url("/tfl-global/images/tab-background.gif") repeat-x;
	padding-bottom: 1px;
	margin-left: 200px;
	float: left;
	width: 100%;
}
#closure-pdfs p{
	float: left;
	margin-right: 8px;
	margin-top: -1em;
}

/*
________________________________
CLOSURES EMAIL BUTTON STYLES */

#closures-email {
width: 294px;
height: 47px;
position: relative;
float: right;
}

#closures-email h3 {
font-family: Arial,Helvetica,sans-serif;
font-size: 1.3em;
margin-bottom: 5px;
}


#closures-email h3 a {
color: #113B92;
background: url(/tfl/livetravelnews/realtime/images/ico-weekend-closures.jpg) no-repeat;
padding-left: 50px;
height: 47px;
display: block;
}

#closures-email p {
position: relative;
top: -32px;
left: 49px
}

#closures-email p {
left:49px;
position:absolute;
top: 19px;
}


#supporting-links {width: 33em; height: 47px; position: relative; float: right;}
#supporting-links ul {list-style: none; background: none; padding:0; margin: 0; float:right;}
#supporting-links ul li{ display: inline-block; background: none; padding: 0; width: 14em; float:left; margin-left: 0.7em}
#supporting-links ul li a{ font-family: Arial, Helvetica, sans-serif; font-size: 1.15em; font-weight:bold; color: #15358A; padding: 4px 0 10px 54px; display: inline-block; }
.ico-pw-cal {background: url("/tfl/livetravelnews/realtime/images/btn-planned-works-cal.gif") no-repeat;}
.ico-wc-email {background: url("/tfl/livetravelnews/realtime/images/btn-weekend-closures-email.gif") no-repeat;}
.ico-upgrade-plan {background: url("/tfl/livetravelnews/realtime/images/btn-tube-upgrade-plan.gif") no-repeat;}


/*
________________________________
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;
padding:2px 0 4px 8px;
position:relative;
}
#date-select ul li{
display:inline;
margin:0;
padding:0;
background-image: none;
}
#date-select ul li a{
border-right: 1px solid #000;
padding-right: 8px
}
.js-version #date-select ul li a{
margin-right: 4px;
}

#datepick-div a {
color:#246CCE !important;
font-weight: normal !important;
}

.js-version #date-select select {
	display: none;
}

#date-picker-holder {
display: inline;
}

.timeperiod {
z-index: 25;
}

/* Six month look-ahead */
#date-select ul li.sixmonth ul{
display: inline;
background-image: none;
border: 0 solid;
}
#date-select ul li.sixmonth{
margin-left: 4px;
padding-left: 8px;
border-left: 0;
}
#date-select ul li.sixmonth a{
border-right: 0 solid;
padding-right: 0;
margin-left: 4px
}
* html #date-select ul li.sixmonth{
border-left: 0 solid;
padding:0px;
margin:0px;
}

.js-version #date-select ul .sixmonth ul{
position:absolute;
right:-14px;
top:2px;
width:250px;
background:none;
border:0 !important;
}
#date-select ul ul li.last a{
border:none !important;
}

#date-select ul li.selected a,
#date-select ul li.selected label{
color:#333333;
font-weight:bold;
}
#date-select select, #date-select #date-button {
font-size: 1.1em;
vertical-align: top;
}
.js-version #date-button, .js-version p.sixmonth {
display: none;
}

li.sixmonth p {
display: inline;
}
#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
}


/*
____________________________________
DATE PICKER LIVETRAVEL RELATED STYLES - additional to styles from /tfl-global/scripts/datepick/tfl.datepick.css*/

.datepick-trigger:hover {
cursor:pointer;
text-decoration: underline;
color: #113b92;
}


.datepick-close p 
{
font-weight: normal;
padding: 0;
float: left;
font-size: 90%;
padding-left:5px;
padding-right:6px;
color: #fff;
margin: 0 !important
}

.cal-closures 
{
text-align: center;
font-size: 0.8em;
padding: 0;
margin: 0;
clear:both;
}

p.cal-closures a 
{
background: none;
}


#datepick-div a 
{
margin: 0 !important;
border-right: 0 !important;
padding-right: 0!important;
}


img.datepick-trigger 
{
display: none;    
margin: 0 !important;
vertical-align: top !important;
}


.js-version img.datepick-trigger 
{
display: inline;
}


/*
________________________________
PROMO SLOT */

.small-promotions{
	float: left;
	width: 353px;
	border-left: 1px solid #CCC;
	margin-top: -19px;
	/* IE hacks follow  */
	*margin-bottom: -19px;
	position: relative;
	zoom 1;
}
.small-promotions div{
	padding-left: 19px;
	padding-top: 19px;
}
.small-promotions h2{
	margin: 0; padding: 0;
	display:block;
}
.small-promotions p{
	color: #333;
	margin-bottom: 19px;
}
.small-promotions .left{
	margin-right: 8px;
	margin-bottom: 19px;
}

/*
________________________________
OTHER SECTIONS */

#othersections{
	display: block;
	float: left;
	width: 352px;
	clear: both;
	margin-bottom: 0;
}
#othersections p{
	margin-bottom: 0;
	line-height: 1em;
}#othersections a{
	font-weight: bold;
}