@charset "UTF-8";
/* CSS Document */

.titleBackground {
    background-image: url('images/mmBgHeader.jpg');
	height: 45px;
}

.generalText {
    font-size: 12px;
	font-family: Arial;
    font-weight: normal;
    padding: 0.24em 2px;
}
.summaryText {
    font-size: 12px;
	font-family: Verdana;
    font-weight: bold;
    padding: 0.24em 2px;
}
.metricStationText {
    font-size: 12px;
	font-family: Arial;
    font-weight: bold;
    padding: 0.24em 2px;
	width: 250px;
}
.lineRatingText {
    font-size: 12px;
	font-family: Arial;
    padding: 0.24em 2px;
}
.lineRatingTextHdr {
    font-size: 12px;
	font-family: Arial;
    font-weight: bold;
    padding: 0.24em 2px;
}
.summaryHeaderText {
    font-size: 12px;
	font-family: Arial;
    font-weight: bold;
	background-color: #EEEEEE;
    padding: 0px 2px; 
}

.bannerHeaderText {
    font-size: 12px;
	font-family: Verdana;
    padding: 0.24em 2px;
}

.headerText {
    font-size: 12px;
	font-family: Arial;
    font-weight: bold;
    padding: 4px;
}
.subHeaderText {
    font-size: 10px;
	font-family: Verdana;
    font-weight: normal;
    padding: 0.24em 2px;
}
.subHeaderTextBold {
    font-size: 10px;
	font-family: Arial;
    font-weight: bold;
    padding: 0.24em 2px;
}

.subHeaderTextWhite {
    font-size: 10px;
	font-family: Verdana;
    font-weight: normal;
    padding: 0.24em 2px;
}

.highlightText {
    font-size: 16px;
	font-family: Verdana;
    padding: 0.24em 2px;
	font-weight: normal;

}
.lineStatusTable {
	background-color: #EEEEEE;
	bgcolor: #EEEEEE;
	padding: 0px;
	border: 2px solid #dddddd;
}
.containerRow {
	background-color: #EEEEEE;
	bgcolor: #EEEEEE;
	padding: 5px;
	border: 2px solid #000000;
}
.currentStationRed {
    background-color: #C20625;  
    color: #FFFFFF;
    font-weight: bold;
    padding: 0.24em 2px;
}
.currentStationYellow {
    background-color: #FAD639;  
    color: #000000;
    font-weight: bold;
    padding: 0.24em 2px;
}
.currentStationGreen {
    background-color: #016F3C;  
    color: #FFFFFF;
    font-weight: bold;
    padding: 0.24em 2px;
}
.currentStationBlue {
    background-color: #005890;  
    color: #FFFFFF;
    font-weight: bold;
    padding: 0.24em 2px;
}
.currentStationOrange {
    background-color: #E86B37;  
    color: #FFFFFF;
    font-weight: bold;
    padding: 0.24em 2px;
}
.performanceRowText {
	font-size: 7px;
	font-weight: bold;
    text-align: center;
}

.metricRowText {
	font-size: 12px;
	font-weight: bold;
}

.metroAlertText {
	font-size: 12px;
	font-weight: normal;
}

.mmStatusHeaders {
	font-size: 12px;
	font-weight: bold;
}

.mmSummaryStatusHeaders {
	font-size: 14px;
	font-weight: bold;
    color: #000000;
}


.metricPerformanceBox {
    height: 15px;
    width: 30px;
    font-size: 10px;
	font-family: Arial;
    font-weight: 600;
    border: 1px solid #333333;
}



.performanceRowText {
	font-size: 7px;
	font-weight: bold;
    text-align: center;
}

.metricRowText {
	font-size: 14px;
	font-weight: bold;
}

.metricRowTextStations {
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
    width: 50px;
	height: 15px;
}

.metroAlertText {
	font-size: 14px;
	font-weight: normal;
}

.mmStatusHeaders {
	font-size: 14px;
	font-weight: bold;
}

.mmSummaryStatusHeaders {
	font-size: 14px;
	font-weight: bold;
    color: #000000;
}


.metricPerformanceBox {
    height: 15px;
    width: 30px;
    font-size: 10px;
    font-weight: 600;
    border: 1px solid #333333;
}

.metricPerformanceBoxDetails {
    height: 15px;
    width: 20px;
    font-size: 10px;
    font-weight: 600;
    border: 1px solid #333333;
}


.performance {
	font-size: 12px;
	font-family: Verdana;
    font-weight: bold;
    padding: 0.24em 2px;	
	height: 12px;
}

.performanceBox {
	font-size: 12px;
	width: 30px;
	font-family: Arial;
    font-weight: bold;
    padding: 0.24em 2px;	
	height: 14px;
	padding: 2px;
	border: 1px solid #999999;
	margin-right: 5px;
}

.performanceBoxDetails {
	/* font-size: 14px; */
	font-family: Arial;
    /* font-weight: bold; */
    padding: 0.24em 2px;	
	height: 14px;
	width: 50px;
	border: solid 1px #000000;
}

.performancePoor {
	color: #FFFFFF;
	vertical-align:middle;
    background-color: #F90;  
}
.performanceVeryPoor {
	color: #FFFFFF;
	vertical-align:middle;
    background-color: #FF0000;  
}

.performanceOk {
	vertical-align:middle;
    background-color: #FFFF00;  
}
.performanceFair {
	vertical-align:middle;
    background-color: #FFFF00; 
}
.performanceGood {
	color: #FFFFFF;
	vertical-align:middle;
    background-color: #009900;  
}
.performanceGreat {
	vertical-align:middle;
    background-color: #00FF00; 
}
.performanceNoTrain {
	color: #FFFFFF;
    background-color: #000000; 
}
.performanceEmpty {
    background-color: #CCCCCC; 
}