html{
    width:100%; height:100%;
    margin:0; border:0; padding:0;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;	
    font-size: 14px;
    color: #606060;
  }
  body{
   width:100%; height:100%;
   margin:0; border:0; padding:0;
 }
 table{
  font-size: 13px;
  width:100%;
  border: 1px solid #d4d4d4;
  font-weight: normal;
  color: #555555;
  vertical-align: middle;
  border-collapse: collapse;
  border-color: grey;    
}
table th{
  background-color: #c3cfe0;
  text-align:left;
}
table td{
  vertical-align: top;
}
.versionName{
  width: 6%;
  padding:8px;
  text-align:left;
}
.versionDescription{
  width: 94%;
  padding:8px;
}
#pageTop{
  width:100%;
  border-top:0;border-left:0;border-right:0;
  border-bottom:1px solid #C0C0C0;
  margin:0; padding:0;
  text-align: center;
}
#pageBody{
  width:100%; min-height:500px;
  margin:0; border:0; padding:0;
}
div.fixedWidth{
  width:850px; margin:0 auto 0 auto; border:0; padding:25px 0 25px 0;
}
#pageFooter{
  width:100%; min-height:200px;
  margin:0; border:0; padding:0;
  background: url("/images/footerBg.png") repeat-x;
  font-size: 0.95em;
}
#mapContainer{
  width:850px; height:640px;
  margin:0; padding:0;
  border-width:1px;
  border-style:solid;
  border-color:#999999;
  background-color: #F5F2F2;
}
p.mainTitle{
  width:500px;
  margin:0 auto 0 auto; border:0; padding:10px 0 5px 0;
  font-size: 1.4em;
}
p.headLinks {
  font-size: 1.25em;
  align:center;
}
a {
  border:none;
  color: #2d64b6;
  text-decoration:none;
}
p a:hover {
 color: #6e95cf;
}
p.headLinks a {
 margin:0 15px 10px 15px;
}
div.tableLayout
{
 display: table;
 border-collapse: separate;
 border-spacing: 15px 0px;
 margin: 10px auto 10px auto;
}
div.tableRowLayout
{
 display: table-row;
}
div.tableCellLayout
{
 display: table-cell;
 padding: 8px 8px 8px 40px;
 text-align: left;
 border: solid 1px #2d64b6;
}
div.realTimeModule
{
 background: url("/images/IconMenuRealTimeTraffic.png") no-repeat;
 background-position: -9px -12px;
}  
div.webcamsModule
{
 background: url("/images/IconMenuWebcams.png") no-repeat;
 background-position: -9px -12px;
}  
div.tripTimesModule
{
 background: url("/images/IconMenuTripTimes.png") no-repeat;
 background-position: -9px -12px;
}  
div.trafficForecastModule
{
 background: url("/images/IconMenuTrafficForecast.png") no-repeat;
 background-position: -9px -12px;
}  
div.weatherForecastModule 
{
 background: url("/images/IconMenuWeatherForecast.png") no-repeat;
 background-position: -9px -12px;
}  
div.activated
{
 background-color: #eeeeff;
 color: #6e95cf;
}