/* reset http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	padding: 0;
	margin: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset*/

body
{
    font-family: NJBook98,Verdana;
    font-size: 24px;
    color: #003399;
    overflow: hidden;
}
#page
{
    overflow: hidden;
    position: relative;
}
#network-status
{
    position: absolute;
    top: 0;
    left: -10000px;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-color: #FFF;
}
#network-status img
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -384px;
    margin-top: -317px;
}
#debug-info
{
    color: #F00;
    border: solid 1px #F00;
    background-color: #FFFFB2;
    padding: 6px;
}
.rotate-90
{
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.rotate-180
{
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.rotate-270
{
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.routeTable {
    width: 100%;
}

.routeTable td {
    border-top: none!important;
    
}
.routeName {
    padding-left: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.routeTable .routeName h2 {
    background-color: #003399;
	padding-right: 15px;
	padding:4px;
	height: 28px;
	line-height:28px;
	color: #FFF;
	display: inline;
    /*width: 80%;*/
	font-size: 80%!important;
}

.routeTable .status {
    font-size: 90%!important;
}

.headtable tr.middle .routeTable td {
    border-bottom: none;
}

.headtable tr .routeTable td {
    border-bottom: 1px dotted #666666;
}
.headtable tr.middle .routeTable tr.last td 
{
    border-bottom: none!important;
}

.headtable tr.last .routeTable tr.last td 
{
    border-bottom: none!important;
}

.headtable tr .routeTable tr.last td 
{
    border-bottom: none!important;
}

.Bakerloo{    color: #FFF;	background-color: #894E24;}.Central{    color: #FFF;	background-color: #DC241F;}.Circle{    color: #039;	background-color: #FFCE00;}.District{    color: #FFF;	background-color: #007229;}.HammersmithandCity{    color: #039;	background-color: #D799AF;}.Jubilee{    color: #FFF;	background-color: #868F98;}.Metropolitan{   	color: #FFF;	background-color: #751056;}.Northern{    color: #FFF;	background-color: #000;}.Piccadilly{    color: #FFF;	background-color: #0019A8;}.Victoria{    color: #FFF;	background-color: #00A0E2;}

.WaterlooandCity{    color: #039;	background-color: #76D0BD;}

.DLR{    color: #FFF;	background-color: #00AFAD;}

.Overground{    color: #FFF;	background-color: #E86A10;}

.TfLRail
{
	color: #FFF;
	background-color: #113B92;
}
.Trams
{
	color: #FFF;
	background-color: #78BE20;
}
.Other
{
	color: #0019A8;	background-color: #C9C9C9;
}
#clockcontainer 
{
    text-align: center;
    vertical-align: middle;
       
}
/*
.allServiceContainer
{
    position: relative; 
    text-align: center;
    vertical-align: middle;
}
*/
strong { font-weight: bold; }
.lineSubText 
{
    font-size: .7em;
    white-space: nowrap;
    display: block;
}

.goodLineNames .lineSubText 
{
    line-height: 120%;
    margin-top: 4px;
}
.lineCount16 .lineSubText, .lineCount17 .lineSubText, .lineCount18 .lineSubText, .lineCount19 .lineSubText,
.lineCount20 .lineSubText, .lineCount21 .lineSubText, .lineCount22 .lineSubText, .lineCount23 .lineSubText, .lineCount24 .lineSubText
{
    display: none;
}

.scrollable 
{
    overflow-y: auto;
    *overflow-y: hidden; /* IE7 hack */
}