﻿/* Train Status Control */
.trainStatusControlContainer{
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
width: 251px;
background-color: #3F6EAA;
color: White;
border: none 0px black;
}
.trainStatusControlTopContainer{
background-color: #3F6EAA;
}
.trainStatusControlTopTitleContainer{
width: 231px;
border-bottom: solid 1px white;
}
.trainStatusControlTopBorderContainer{
border-bottom: solid 1px white;
}
.trainStatusControlTitle{
font-family: Arial, Helvetica, Sans-Serif;
font-size: small;
text-align: left;
font-weight: bold;
color: white;
}
.trainStatusStationsLink a{
font-family: Arial, Helvetica, Sans-Serif;
font-size: x-small;
text-align: right;
font-weight: normal;
color: white;
}
.trainStatusControlBottomContainer{
width: 251px;
height: 50px;
background-image: url('../images/trainStatusBottom.jpg');
}
.trainStatusControlFormFieldContainer{
width: 100%;
font-family: Arial, Helvetica, Sans-Serif;
font-size: small;
font-weight: bold;
color: White;
text-align: left;
border: none 0px black;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.trainStatusRadioButtonLabel{
font-family: Arial, Helvetica, Sans-Serif;
font-size: x-small;
font-weight: normal;
color: White;
}

/* Fare Finder Control */
.fareFinderControlContainer{
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
width: 251px;
background-color: #3F6EAA;
color: White;
border: none 0px black;
}
.fareFinderControlTopContainer{
background-color: #3F6EAA;
}
.fareFinderControlTopTitleContainer{
width: 231px;
border-bottom: solid 1px white;
}
.fareFinderControlTopBorderContainer{
border-bottom: solid 1px white;
}
.fareFinderControlTitle{
font-family: Arial, Helvetica, Sans-Serif;
font-size: small;
text-align: left;
font-weight: bold;
color: white;
}
.trainStatusStationsLink a{
font-family: Arial, Helvetica, Sans-Serif;
font-size: x-small;
text-align: right;
font-weight: normal;
color: white;
}
.fareFinderControlBottomContainer{
width: 251px;
height: 50px;
vertical-align: bottom;
}
.fareFinderControlFormFieldContainer{
width: 100%;
font-family: Arial, Helvetica, Sans-Serif;
font-size: small;
font-weight: bold;
color: White;
text-align: left;
border: none 0px black;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.fareFinderRadioButtonLabel{
font-family: Arial, Helvetica, Sans-Serif;
font-size: x-small;
font-weight: normal;
color: White;
}
.fareFinderPassengersLink {
font-family: Arial, Helvetica, Sans-Serif;
font-size: x-small;
text-align: right;
font-weight: normal;
color: white;
}

/* The Latest */
.theLatestControlContainer{
margin:  10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
width: 502px;
background-color: #3F6EAA;
color: White;
border: none 0px black;
}
.theLatestControlTopContainer{
background-color: #3F6EAA;
}
.theLatestControlTopTitleContainer{
width: 482px;
border-bottom: solid 1px white;
background-color: #3F6EAA;
text-align: left;
font-family: Arial, Helvetica, Sans-Serif;
font-size: large;
font-weight: bold;
}
.theLatestControlTopBorderContainer{
border-bottom: solid 1px white;
background-color: #3F6EAA;
}
.theLatestControlTitle{
font-family: Arial, Helvetica, Sans-Serif;
font-size: small;
text-align: left;
font-weight: bold;
color: white;
background-color: #3F6EAA;
}
.theLatestSection {
 width: 241px;
}
.theLatestSection, .theLatestSection p, .theLatestSection a{
font-family: Arial, Helvetica, Sans-Serif;
font-size: small;
text-align: left;
color: white;
background-color: #3F6EAA;
padding: 4px 4px 4px 4px;
vertical-align: top;
}
.theLatestSection h2{
font-family: Arial, Helvetica, Sans-Serif;
font-size: medium;
font-weight: bold;
text-align: left;
color: white;
background-color: #3F6EAA;
padding: 4px 4px 4px 4px;
}
.theLatestControlBottomContainer
{
background-color: #3F6EAA;
border: none 0px black;
}
/* Routes Table */
.routesTable{
width: 496px;
margin: 5px 5px 5px 5px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: small;
text-align: left;
}
.routesTable th{
background-color: #2A4A71;
color: White;
font-family: Arial, Helvetica, Sans-Serif;
font-size: small;
font-weight: bold;
text-align: left;
padding: 5px 5px 5px 5px;
}
.routesTable a{
color: Black;
}
.routesTableCol1{
background-color: #D5DBE3;
color: Black;
text-align: left;
border-bottom: solid 1px white;
}
.routesTableCol1 div{
width: 100%;
margin: 5px 5px 5px 5px;
}
.routesTableCol2{
background-color: #AAB7C6;
color: Black;
text-align: left;
border-bottom: solid 1px white;
}
.routesTableCol2 div{
width: 100%;
margin: 5px 5px 5px 5px;
}
.routesTableCol3{
background-color: #B3BECC;
color: Black;
text-align: left;
border-bottom: solid 1px white;
}
.routesTableCol3 div{
width: 100%;
margin: 5px 5px 5px 5px;
}

/* News Releases */
.newsReleaseTable{
border: none 0px black;
}
.newsReleaseTable td{
text-align: left;
}

/* Publications */
.publicationsTable{
border: none 0px black;
}
.publicationsTable td{
text-align: left;
}
.stationSubMenu
{
    color:White;
    font-size:9pt;
    text-decoration:none;
    font-family: Arial, Helvetica, Sans-Serif;
}
.selectedstationSubMenu
{
    color:Silver;
    font-weight:bold;
    font-size:9pt;
    font-family: Arial, Helvetica, Sans-Serif;
}
.stationSubMenuContent
{
    color:black;
    font-size:9pt;
    text-decoration:none;
    font-family: Arial, Helvetica, Sans-Serif;
}
.accordionHeader
{
    font-family: Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 10pt;
	font-weight:bold;
	text-decoration:none;
	color: White;
	background-color:#2e4d7b;
	text-align:left;
	border:solid 1px #2e4d7b;
	padding:2px 2px 2px 2px;
	margin-top:5px;
	cursor:pointer;
}
.accordionHeaderSelected {
    font-family: Arial, Helvetica, Sans-Serif;
	FONT-SIZE: 10pt;
	font-weight:bold;
	text-decoration:none;
	color: white;
	background-color:#5078b3;
	text-align:left;
	border:solid 1px #5078b3;
	padding:2px 2px 2px 2px;
	margin-top:5px;
	cursor:pointer;
}
.accordionContent	
{
    font-family: Arial, Helvetica, Sans-Serif;
    color:Gray;
    FONT-SIZE: 10pt;
    background-color:#d3deef;
    border-bottom: dotted 1px black;
    border-left:dotted 1px black;
    border-right:dotted 1px black;
    padding:2px 2px 2px 2px;
}
.createNewStation
{
    color:Blue;
    font-weight:bold;
    font-size:10pt;
    font-family: Arial, Helvetica, Sans-Serif;
}
.stationTables
{
    border:solid 1px black;
}