body
{
        font-family: arial, helvetica, sans-serif;
        font-size: 11px;
        background-color: #fff;
        color: #5A6F9E
}

#container
{
   width: 780px;
   margin-left: auto;
   margin-right: auto;
   background-color: #;
}

#header
{
   width: 780px;
   height: 100px;
   padding: 0;
   margin: 0;
   background-image: url("images/header_bg.gif");
   background-repeat: repeat-x;
}


#vicinitee-logo
{
   width: 170px;
   float: left;
}

#details
{
   width: 200px;
   float: left;
   padding: 32px 0 0 40px;
}


#trains-links
{
   width: 100px;
   float: right;
   padding: 55px 0 0 0;
}

#banner
{
   width: 780px;
   padding: 20px 0 10px 0;
   margin: 0;
}

.logo
{
   padding: 35px 0 0 0;
}

.banner /* positions the ad banner */
{
   padding: 0 0 0 40px;
}

.details-title
{
   padding: 0 0 2px 0;
}

.time /* sets the font for the current time */
{
   color: #547ca2;
}


/* link colours for the trains links */

#trains-links a
{
   font-size: 11px;
   color: #f16f18;
}

#trains-links a:hover
{
   font-size: 11px;
   color: #000;
}

#trains-links a:visited
{
   font-size: 11px;
   color: #f16f18;
}



td { font-family: verdana, arial, helvetica, sans-serif;  font-size: 
14px; color: #5A6F9E }

.tdlarge { font-family: arial, helvetica, sans-serif;  font-size: 
10px; color: 5A6F9E;}
.tdlargest { font-family: arial, helvetica, sans-serif;  font-size: 
14px; color: 5A6F9E; line-height: 1.4; }

.webcamheader { font-family: arial, helvetica, sans-serif;  font-size: 
12px;  font-weight: bold; color: 5A6F9E; line-height: 1.4; }


.webcamsubheader { font-family: arial, helvetica, sans-serif; font-
size: 12px;  font-weight: normal; color: 5A6F9E; line-height: 1.4; }



a:link {color: #FFFFFF;  font-family: verdana, arial, helvetica, sans-
serif; font-weight: normal; font-size: 14px; text-decoration: none;}

a:visited {color: #FFFFFF;  font-family: verdana, arial, helvetica, 
sans-serif;  font-size: 14px; text-decoration: none;}

a:active {color: #5A6F9E;  font-family: verdana, arial, helvetica, 
sans-serif;  font-size: 14px; text-decoration: none;}

a:hover {color: #5A6F9E;  font-family: verdana, arial, helvetica, sans-
serif;  font-size: 14px; text-decoration: none;}

.top
{
        background-color:#547ca2;
        color: #FFFFFF;
        font-family: verdana, arial, helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        text-decoration: none;
        background-image: url("images/table_header_bg.gif");
     background-repeat: repeat-x;
}

.evenrow {background-color:#e5eff8; color: #547ca2;  font-family: 
verdana, arial, helvetica, sans-serif;  font-weight: bold; font-size: 
12px; text-decoration: none;}
.evenrowred {background-color:#e5eff8; color: #990000;  font-family: 
verdana, arial, helvetica, sans-serif;  font-weight: bold; font-size: 
12px; text-decoration: none;}

.oddrow {background-color:#ededed; color: #999;  font-family: verdana, 
arial, helvetica, sans-serif;  font-weight: bold; font-size: 12px; 
text-decoration: none;}
.oddrowred
{background-color:#ededed; color: #990000;  font-family: verdana, 
arial, helvetica, sans-serif;  font-weight: bold; font-size: 12px; 
text-decoration: none;}


.row {background-color:#f16f18; color: #FFFFFF;  font-family: verdana, 
arial, helvetica, sans-serif;  font-weight: normal; font-size: 12px; 
text-decoration: none;}




/* Footer */

#footer
{
   width: 780px;
   padding: 20px 0 0 0;
   margin: 0;
   font-size: 11px;
}

#footer a
{
   color: #547ca2;
}

#footer a:hover
{
   color: #000;
}

#footer a:visited
{
   color: #547ca2;
}


/* Clearing element */

.clear
{
   position: relative; clear: both; height: 0; line-height: 0; font-
size: 0;
}

/*
        Standard images
*/

img
{
        border: none;
}
/*DM 20081111*/
.div-popup
{
  position:absolute;
  display:none;
  z-index:1000;
  width:250px;
}