/***************/
/* Web Display */
/***************/

.webDisplay
{	
	background-color: transparent;	
    border:0px;
    margin:0px;
    padding:0px;
    text-align: center;
    width: 295px;    
    font-family: Arial, Verdana, Sans-Serif;    
}

.webDisplay #rtiContainer
{
    overflow:auto;
}

.webDisplay .stopRefLabel
{
    font-family: Arial, Verdana, Sans-Serif; 
    font-size: 62%; 
    font-weight: bold;
    width: 55%;
}

.webDisplay .servicesLabel
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 62%;
    font-weight: bold;
    width: 20%;
    
    padding-right:2px;
}

.webDisplay .servicesList
{
    font-family: Arial, Verdana, Sans-Serif; 
	font-size: 62%;
	text-align: left;
}

.webDisplay .servicesContainer2
{
	text-align: left;
}

.webDisplay #stopTitle
{
    font-family: Arial, Verdana, Sans-Serif; 
	font-size: 80%;
	font-weight: bold;
	position: absolute;
	top: 21px;
	left: 0px;
	height: 28px;
	text-align: center;
	width: 100%;
}

.webDisplay #messageLine
{
    font-family: Arial, Verdana, Sans-Serif; 
	font-size: 80%;
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%;
	left: 0px;
}

.webDisplay #gridContainer
{	
	position: absolute;
	top: 50px;	
	height: 90px;
	overflow: auto;
	text-align: center;
	width: 100%;
	left: 0px;
	overflow-x:hidden;
}

.webDisplay #gridViewRTI
{	
    font-family: Arial, Verdana, Sans-Serif; 
	font-size: 80%;
	text-align: center;	
	left:0px;
}

.webDisplay .systemMessageContainer
{
    position: absolute;
	top: 50px;	
	height: 88px;
	overflow: auto;
	text-align: center;
	width: 100%;
	left: 0px;
    margin-top:35px;
}

.webDisplay .gridHeader
{
    display: none;
}

.webDisplay .gridServiceItem
{
	text-align: left;
	width: 30px;	
	padding-left: 10px;
}

.webDisplay .gridDestinationItem
{
	text-align: left;
}

.webDisplay .gridTimeItem
{
	text-align: right;	
}

.webDisplay .gridLowFloorImageItem
{
	text-align: right;
	width: 15px;
	padding-right: 10px;
    padding-top: 4px;
}

.webDisplay #navigationMenu
{
 	position: absolute;
	top: 138px;	
	overflow: auto;
	text-align: center;
	width: 100%;   
	font-size: 62%;
	left: 0px;
}

.webDisplay #navigationMenu a
{
	font-weight:bold;
}

.webDisplay #timeOptions
{
 	position: absolute;
	top: 138px;	
	overflow: auto;
	text-align: center;
	width: 50%;   
	margin: 0px 25%;
	font-size: 62%;
	font-weight:bold;
	left: 0px;
}

.webDisplay a
{
	text-decoration: none;
	color: #000;
}

.webDisplay a:hover
{
	text-decoration: underline;
}

.webDisplay #lbEarlyDeparture
{
	float: left;
}

.webDisplay #lbLateDeparture
{
	float: right;
}

.webDisplay .gridRow
{
    vertical-align: top;
}

.webDisplay .systemError
{
    font-family: Arial, Verdana, Sans-Serif; 
	font-size: 80%;
}