.ui-body-c,.ui-overlay-c {
	border: 0px /*{b-body-border}*/;
}

.ui-shadow,.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a,.ui-body-b,.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b,.ui-bar-c,.ui-body-c,.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c,.ui-bar-c,.ui-body-d,.ui-btn-up-d,.ui-btn-hover-d,.ui-btn-down-d,.ui-bar-d,.ui-body-e,.ui-btn-up-e,.ui-btn-hover-e,.ui-btn-down-e,.ui-bar-e,.ui-overlay-shadow,.ui-shadow,.ui-btn-active,.ui-body-a,.ui-bar-a
	{
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.ui-btn-inner {
	text-overflow: initial;
}

.ui-header .ui-title {
	margin-left: 1em;
	margin-right: 1em;
}

.ui-li .ui-btn-text a.ui-link-inherit {
	white-space: normal;
}


#searchTopNavBar .ui-btn-inner {
	padding-left: 0px;
	padding-right: 0px;
}

.searchPageSearchBtn .ui-btn-inner {
	padding-left: 0px;
	padding-right: 0px;
}

/*
.ui-header .ui-corner-all {
   -webkit-border-radius:.0 !important;
   border-radius: 0 !important;
}
*/

.ui-dialog-contain {
	width: 100%;
	max-width: 1024px;
	margin: 0px auto 0px auto;
	padding: 0px;
	position: relative;
	top: 0px;
}

.ui-icon-bus-stop {
	background-image: url("images/routeStationsIcon.png");
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
}

.ui-icon-map {
	background-image: url("images/go_to_Map.png");
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
}

.ui-icon-my-location {
	background-image: url("images/myLocation.png");
	background-size: 65%;
	background-repeat: no-repeat;
	background-position: center;
}



#nextBusRoutesListFormPopupBody,#nextBusRoutesListFormPopupBodyForMap {
	font-size: smaller;
}

.nextBusRoutesListFormPopupBodyTitle {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.nextBusRoutesListFormPopupBodyTitle .stationName {
	font-size: larger;
	font-weight: bold;
	white-space: nowrap;
}


#nextBusRoutesList,#nextBusRoutesListForMap,.nextBusRoutesListLegend {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}

#nextBusRoutesList table,#nextBusRoutesListForMap table {
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

.odd
{
	background-color: white;
}

.even
{
	background-color: White;
}

.pickupStation {
	color: #00897B;
}

.dropOffStation {
	color: #C80000;
}


#nextBusRoutesList table .plannedTimeValue,#nextBusRoutesListForMap table .plannedTimeValue
	{
	color: #00897B;
}





#activityIndicator .activityIndicatorSpan {
	font-size: medium;
	width: 100%;
	text-align: center;
}


#searchResultsForm {
	padding: 0px;
	margin: 0px;
	direction: rtl;
}


#quickSearchToolbar select {
	font-size: smaller;
	font-weight: normal;
}


#searchResultsForm #searchResultsRoutes {
	padding: 0px;
	margin: 0px;
}

#searchResultsForm #searchResultsRoutes #searchResultsRoutesHeader {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
}




#routesTable .routeTableValue
	{
	font-weight: bold;
}


#searchResultsForm #searchResultsRoutes #searchResultsRoutesBody #routesTable .routeRow .scheduleLabel
	{
	float: right;
}

#searchResultsForm #searchResultsRoutes #searchResultsRoutesBody #routesTable .routeTableValue
	{
	font-weight: bold;
}

#routesTable .routeTableRealTimeSpan
	{
	color: #FF6600;
	font-weight: bold;
}

#routesTable .routeTableRealTimeValue
	{
	font-size: larger;
	background-color: White;
	padding-left: 4px;
	padding-right: 4px;
	color: #FF6600;
}

#routesTable .routeRow .withTopBorder
	{
	float: right;
	width: 100%;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: silver;
	padding-top: 2px;
	margin-top: 2px;
	color: #434242;
	font-weight: normal;
}


#searchResultsForm1 #searchResultsRoutes #searchResultsRoutesBody #routesTable td
	{
	border-style: solid none solid none;
	border-width: thick;
	border-color: Aqua;
}


#searchResultsStations {
	padding: 0px;
	margin: 0px;
	direction: rtl;
	font-size: 1.125em;
}

#searchResultsStationsHeader {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
}





#searchResultsStations #searchResultsStationsBody #busesOnTheWayDiv #busesOnTheWayTable
	{
	margin: 2px auto 4px auto;
	border-collapse: collapse;
}

#busesOnTheWayTable th {
	text-align: center;
}

#busesOnTheWayTable td {
	text-align: right;
}



#stationsTable .stationRow .stationNameAndBtns
{
	padding-top: 2px;
	margin-top: 2px;
	color: #434242;
	font-weight: normal;
}

#stationsTable .stationRow .stationNameAndBtns .stationRealTimeBtn
	{
	padding: 0px;
	margin: 0px 0px 0px 10px;
	cursor: pointer;
	float: left;
}


#stationsTable .stationRow .withTopBorder
	{
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	margin-top: 2px;
	color: #434242;
	font-weight: normal;
}

#stationsTable .stationRow .stationBtnsOnly
	{
	width: 100%;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #F3E6D6;
	padding-top: 2px;
	margin-top: 2px;
	color: #434242;
	font-weight: normal;
}

#stationsTable .stationRow .waitingForRealTime
	{
	color: #FF6600;
	font-weight: bold;
}

#stationsTable .stationRow .stationsTableRealTimeSpan
	{
	color: #FF6600;
	font-weight: bold;
}

#searchResultsStations #searchResultsStationsBody .stationsTableRealTimeValue
	{
	color: #FF6600;
	font-weight: bold;
}

#searchResultsStations #searchResultsStationsBody .stationsTablePlannedTimeValue
	{
	color: #00897B;
	font-weight: bold;
}

#searchResultsStations #searchResultsStationsBody #stationsTable .stationRow .stationStopTimes
	{
	background: #F3E6D6;
	line-height: 15px;
	padding: 10px;
}

#searchResultsStations #searchResultsStationsHeader span {
	font-weight: bold;
	margin-right: 15px;
}




#nextBusesPage {
	width: 100%;
	max-width: 1024px;
	margin: 0px auto 0px auto;
	padding: 0px;
	position: relative;
	top: 0px;
}

.ui-content {
	padding: 0px;
	margin: 0px;
}




@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.efobusLogo1 {
		width: 114px;
		height: 58px;
	}
}

@media screen and (max-device-width: 800px) and (min-device-width:
	480px) {
	h3 .ui-btn-inner {
		padding-top: 1.6em;
		padding-bottom: 1.0em;
	}
}

.googleAdDiv {
	margin-left: auto;
	margin-right: auto;
}

.onTheBusBtn {
	
}

.waitAndShareBtn {
	background-image: linear-gradient(bottom, rgb(189, 102, 44) 4%,
		rgb(222, 114, 42) 52%, rgb(255, 135, 71) 76% );
	background-image: -o-linear-gradient(bottom, rgb(189, 102, 44) 4%,
		rgb(222, 114, 42) 52%, rgb(255, 135, 71) 76% );
	background-image: -moz-linear-gradient(bottom, rgb(189, 102, 44) 4%,
		rgb(222, 114, 42) 52%, rgb(255, 135, 71) 76% );
	background-image: -webkit-linear-gradient(bottom, rgb(189, 102, 44) 4%,
		rgb(222, 114, 42) 52%, rgb(255, 135, 71) 76% );
	background-image: -ms-linear-gradient(bottom, rgb(189, 102, 44) 4%,
		rgb(222, 114, 42) 52%, rgb(255, 135, 71) 76% );
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.04, rgb(189
		, 102, 44) ), color-stop(0.52, rgb(222, 114, 42) ),
		color-stop(0.76, rgb(255, 135, 71) ) );
	text-decoration: none;
	padding: 2px;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: larger;
	color: White;
	margin-top: 4px;
	float: right;
}

.waitAndShareBtnForHelp {
	background-image: linear-gradient(bottom, rgb(189, 102, 44) 4%,
		rgb(222, 114, 42) 52%, rgb(255, 135, 71) 76% );
	background-image: -o-linear-gradient(bottom, rgb(189, 102, 44) 4%,
		rgb(222, 114, 42) 52%, rgb(255, 135, 71) 76% );
	background-image: -moz-linear-gradient(bottom, rgb(189, 102, 44) 4%,
		rgb(222, 114, 42) 52%, rgb(255, 135, 71) 76% );
	background-image: -webkit-linear-gradient(bottom, rgb(189, 102, 44) 4%,
		rgb(222, 114, 42) 52%, rgb(255, 135, 71) 76% );
	background-image: -ms-linear-gradient(bottom, rgb(189, 102, 44) 4%,
		rgb(222, 114, 42) 52%, rgb(255, 135, 71) 76% );
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.04, rgb(189
		, 102, 44) ), color-stop(0.52, rgb(222, 114, 42) ),
		color-stop(0.76, rgb(255, 135, 71) ) );
	text-decoration: none;
	padding: 2px;
	font-weight: bold;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	color: White;
	margin-top: 4px;
}

.routesListAdBanner {
	text-align: center;
	background-color: White;
	font-size: smaller;
	text-decoration: none;
}

.plannedTimeToNextBusLabel {
	font-weight: bold;
}

.plannedTimeToNextBusValue {
	font-weight: bold;
}

.plannedTimeToNextBusValueLate {
	font-weight: bold;
	background-color: White;
	color: Red;
	padding-left: 4px;
	padding-right: 4px;
}



#tripsHistoryPage #tripsHistoryRoutes {
	padding: 0px;
	margin: 0px;
	direction: rtl;
	background-color: #F3E6D6;
	font-size: 0.875em;
	font-size: 1.125em;
}

#tripsHistoryPage #tripsHistoryRoutes #tripsHistorySummary {
	padding: 4px;
	font-size: smaller;
	font-weight: normal;
	color: #434242;
	line-height: 20px;
	background-color: #c6baab;
	border: 4px solid #F3E6D6;
}

#tripsHistoryPage #tripsHistoryRoutes #tripsHistorySummary div {
	margin-right: 10px;
}

#tripsHistoryPage #tripsHistoryRoutes #tripsHistorySummary .tripsSummaryValues
	{
	font-weight: bold;
	color: #434242;
}

#tripsHistoryPage #tripsHistoryRoutes #tripsHistoryBody {
	background-color: #c6baab;
	border: 4px solid #F3E6D6;
}

#tripsHistoryPage #tripsHistoryRoutes #tripsHistoryBody #tripsHistoryTable
	{
	margin: 0px auto 0px auto;
	border: none;
	width: 100%;
}

#tripsHistoryPage #tripsHistoryRoutes #tripsHistoryBody #tripsHistoryTable .routeRow
	{
	font-size: smaller;
	border-style: solid none solid none;
	border-width: thin;
	border-color: #F3E6D6;
	font-weight: normal;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 2px;
	color: #434242;
	line-height: 20px;
}

#tripsHistoryPage #tripsHistoryRoutes #tripsHistoryBody #tripsHistoryTable .routeRow .routeDetailsDiv
	{
	width: 100%;
	padding-top: 2px;
	margin-top: 2px;
	color: #434242;
	font-weight: normal;
}

#tripsHistoryPage #tripsHistoryRoutes #tripsHistoryBody #tripsHistoryTable .routeRow .routeDetailsDiv .tripsHistoryTableValues
	{
	font-weight: bold;
	color: #434242;
}

#tripsHistoryPage #tripsHistoryRoutes #tripsHistoryBody #tripsHistoryTable .routeRow .routeDetailsDiv .stationName
	{
	font-weight: bold;
	color: White;
}

#currentLocationNameSpan {
	padding-top: 2px;
	padding-bottom: 5px;
	font-weight: bold;
}

#routeNameVirtualKeyboard li .ui-btn {
	height: 37px;
}

#routeNameVirtualKeyboard li .ui-btn .ui-btn-inner {
	padding-top: 0px;
	font-size: 1.5em;
}

#routeNameVirtualKeyboard li .ui-btn .ui-icon {
	top: 18px;
}

.in,.out {
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 250ms !important;
}




#tripPlansParams {
	padding: 4px;
}

#tripPlansRoutes {
	padding: 0px;
	margin: 0px;
}

#tripPlansRoutesHeader {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
}



#tripPlansTable .tripPlanRow
	{
	direction: rtl;
	font-size: medium;
	font-weight: normal;
	padding: 10px;
	padding-bottom: 5px;
	color: #434242;
	line-height: 20px;
	text-shadow: 0px opx;
	font-size: smaller;
}




#tripPlansTable .tripPlanTableValue
{
	font-weight: bold;
}


#tripPlansForm #tripPlansRoutes #tripPlansRoutesBody #tripPlansTable .tripPlanRealTimeDiv
	{
	padding: 0px;
	padding-top: 6px;
	text-indent: 4px;
	width: 100%;
}

.GTFSStationLabel {
	color: black;
	background-color: white;
	font-family: "Lucida Grande", "Arial", "sans-serif";
	font-size: 12px;
	text-align: center;
	width: 60px;
	border: 1px solid black;
	white-space: nowrap;
}

.MOTZoneLabel, .MOTZoneLabelMini {
	color: black;
	background-color: white;
	font-family: "Lucida Grande", "Arial", "sans-serif";
	font-size: 12px;
	text-align: center;
	width: 25px;
	font-weight:bold;
	border: 1px solid black;
	white-space: nowrap;
}

.routeNameLabelForMap {
	color: Black;
	background-color: #FF6600;
	font-family: "Lucida Grande", "Arial", "sans-serif";
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 32px;
	height: 16px;
	max-height: 16px;
	max-width: 32px;
	white-space: nowrap;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}

.CurrentLocationLabel {
	color: Black;
	background-color: white;
	font-family: "Lucida Grande", "Arial", "sans-serif";
	font-size: 12px;
	text-align: center;
	width: 70px;
	border: 1px solid black;
	white-space: nowrap;
}


#tripSharingPage .ui-header .ui-navbar li .ui-btn .ui-btn-inner {
	white-space: normal;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.realTimeSecondsReverse {
	font-size: larger;
	background-color: White;
	padding-left: 4px;
	padding-right: 4px;
	color: #FF6600;
}

.realTimeSecondsReverseNormal {
	padding-left: 4px;
	padding-right: 4px;
	color: #FF6600;
}

.availableBikesLabel {
	font-weight: bold;
	font-size: smaller;
	color: green;
	margin: 0px 0px 0px 2px;
	vertical-align: middle;
}

.availableDocsLabel {
	font-weight: bold;
	font-size: smaller;
	color: #CC3300;
	margin: 0px 0px 0px 2px;
	vertical-align: middle;
}

.availableBikesSpan {
	font-weight: bold;
	color: green;
	margin: 0px;
	padding: 0px;
}

.availableDocsSpan {
	font-weight: bold;
	color: #CC3300;
	margin: 0px;
	padding: 0px;
}

.activeBusAlert {
	font-weight: bold;
	color: #0e9300;
}

.expiredBusAlert {
	color: Gray;
}

.suspendedBusAlert {
	color: Black;
}

#busAlertsListTable {
	background-color: #c6baab;
	border: 4px solid #F3E6D6;
	padding: 0px;
	margin: 0px;
}

#busAlertsListTable .alertRow {
	border-style: solid none solid none;
	border-width: medium;
	border-color: #F3E6D6;
	font-size: medium;
	font-weight: normal;
	padding: 10px;
	padding-bottom: 5px;
	line-height: 20px;
	text-shadow: 0px opx;
	font-size: smaller;
}

#busAlertsListTable .stationName {
	font-weight: bold;
	color: White;
	cursor: pointer;
	font-size: larger;
}

#busAlertsListTable td {
	border-style: solid none solid none;
	border-width: medium;
	border-color: #F3E6D6;
}

#busAlertsListTable .withTopBorder {
	width: 100%;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #F3E6D6;
	padding-top: 4px;
	margin-top: 2px;
}

#busAlertsListTable .alertTableValue {
	font-weight: bold;
}

#busAlertsListTable .alertTableLabel {
	color: Black;
}

#busAlertsListTable1 img {
	vertical-align: middle;
}

#busAlertsListTable .cancelBtn {
	color: red;
}

#busAlertsListTable1 .musicPlayerBtn {
	color: Green;
	font-size: xx-large;
	font-weight: bold;
}

#busAlertsListTable .activateBtn {
	color: green;
}

.smartMessage {
	font-size: 1.125em;
	font-weight: bold;
}

#messageOfTheDay {
	padding: 0px;
	margin: 0px;
	border-style: ridge;
}

#scriptsReloadPrompt {
	padding: 0px;
	margin: 0px;
	border-style: ridge;
}

.dailyTip {
	font-size: smaller;
	font-weight: bold;
	border-style: ridge;
	vertical-align: top;
}

.SMSLogo {
	padding: 0px;
	margin: 0px;
	height: 48px;
}

.AccessibilityVoiceOver {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	color: White;
	background-color: #400000;
}

.routeBusAlertBtn {
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}



#searchToNameSuggestions .ui-btn-text {
	font-size: small;
}

#searchFromNameSuggestions .ui-btn-text {
	font-size: smaller;
}


#lastRouteNumbersSearched td {
	width: 60px;
	text-align: center;
	color: White;
	padding: 2px;
}

.stopTimesTruncated {
	font-size: larger;
}


.instructionsHint {
	text-align: center;
	font-size: small;
	font-style: italic;
	color: Black;
	font-weight: normal;
}


.ui-btn-corner-all {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.ui-input-text.ui-corner-all {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}




.locationSelectionSmallBtn {
	border: 1px solid #7d99ca;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	background-color: #a5b8da;
	color: White;
	height: 26px;
	font-weight: bold;
	cursor: pointer;
	background-image: linear-gradient(to bottom, #a5b8da, #7089b3);
}

.locationSelectionSmallBtn:hover 
{
	opacity:0.5;
}


.routeNameSmallSpan {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-width: 60px;
	height: 25px;
	color: Black;
	font-size: 12pt;
	padding-top: 6px;
	display: inline-block;
	cursor: pointer;
	font-weight: normal;
	text-align: center;
	border: 1px solid #d7dada;
	background-color: #f4f5f5;
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.busAlertWebSiteBtn {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: Black;
	border: 1px solid #d7dada;
	background-color: #f4f5f5;
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
}



.showRouteStationsBtn {
	border: 1px solid #7d99ca;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	background-color: #a5b8da;
	color: White;
	height: 35px;
	width: 100%;
	font-weight: bold;
	font-size: large;
	cursor: pointer;
	background-image: linear-gradient(to bottom, #a5b8da, #7089b3);
}

.showRouteStationsBtn:hover {
	opacity:0.5;
}


#nextBusesPage .navBarBtn1 {
	border: 1px solid #25729a;
	background-color: #3093c7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 2px;
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	width: 100%;
	color: White;
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer;
	background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
}

#nextBusesPage .navBarBtn1:hover {
	opacity:0.5;
}

.withActiveBusAlert {
	background-repeat: no-repeat;
	background-image: url("images/speaker16x16.png");
	background-position: left top;
}

.withInactiveBusAlert {
	background-repeat: no-repeat;
	background-image: url("images/speaker_mute16x16.png");
	background-position: left top;
}


#nextBusesPage .routeActionBarBtn {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 5px 4px 5px 4px;
	text-decoration: none;
	color: Gray;
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer;
}

#nextBusesPage .routeActionBarBtn td {
	min-width: 15px;
	max-width: 15px;
	background-color: White;
	height: 2px;
}

.hide {
	position: absolute;
	top: -20em;
	left: -200em;
}

.style1 {
	width: 26px;
	height: 25px;
}

.style2 {
	color: #FF6600;
}

.style3 {
	width: 37px;
	height: 31px;
}

.style4 {
	width: 26px;
}

.style5 {
	width: 30px;
	height: 31px;
}

.style6 {
	width: 24px;
	height: 31px;
}

#topMenuDiv {
	left: 0px;
	position: absolute;
	color: White;
	background-color: #FF6600;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}

#firstSpan {
	display: block;
	overflow: hidden;
	height: 0px;
}

#nextBusesPageActionsMenu1 {
	margin-left: auto;
	margin-right: auto;
	border: solid thin gray;
	width: 80%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#nextBusesPageActionsMenu {
	padding: 10px;
}

#nextBusesPageFavoritesTooltip {
	border: solid thin gray;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px;
}

#routeStationsPageFavoritesTooltip {
	border: solid thin gray;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px;
}

#nextBusesRouteOptionsPopup {
	border: solid thin gray;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 5px;
	min-width: 200px;
}

#nextBusesRouteOptionsPopupBody {
	margin-left: auto;
	margin-right: auto;
}

#tripPlansRouteOptionsPopup {
	border: solid thin gray;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 5px;
	min-width: 200px;
}

#tripPlansRouteOptionsPopupBody {
	margin-left: auto;
	margin-right: auto;
}


.realTimeTableHeader {
	background-color: White;
}

.tripSharingBtn img {
	height: 32px;
}
/*
.showRouteMenuBtn,.showStopMapBtn,.addRemoveFavoritesBtn,.showRouteStationMenuBtn,.showGroupAdBannersBtn,.showAdOnMapBtn
	{
	display: block;
	width: 32px;
	height: 32px;
	padding: 0px;
	cursor: pointer;
	float: left;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	vertical-align: middle;
}

.showRouteMenuBtn:hover,.showStopMapBtn:hover,.addRemoveFavoritesBtn:hover,.showRouteStationMenuBtn:hover,.showGroupAdBannersBtn:hover,.showAdOnMapBtn:hover
	{
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}
*/
.showGroupAdBannersBtn img {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.showGroupAdBannersBtnCell
{
	height:32px;
	width:32px;
	text-align:center;
	vertical-align:middle;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	cursor: pointer;
}

.musicPlayerInfoDiv {
	background-color: Black;
	color: Lime;
	padding: 4px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-overflow: ellipsis;
}

#musicPlayerNextStop,#musicPlayerDestination {
	text-overflow: ellipsis;
}

.musicPlayerMainFrame {
	font-size: medium;
	border: solid thin gray;
	margin: 4px;
	padding: 4px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.myLocationControlBtn {
	font: 10px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
}

.leaflet-touch .myLocationControlBtn {
	font-size: 12px;
}

.StopNumbersControlBtn {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.leaflet-touch .StopNumbersControlBtn {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.myLocationBtnForLeaflet {
	width: 50%;
	margin-top: 5px;
}

#stopsMapPopup {
	border: solid thin gray;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0px;
}


#dailySchedulePageForm {
	direction: rtl;
	padding: 4px;
}

.leafletMapPopupText {
	text-align: right;
}

.leaflet-popup-content-wrapper {
	text-align: right;
}

.routeNameLabelForMapMini {
	color: Black;
	background-color: #FF6600;
	font-family: "Lucida Grande", "Arial", "sans-serif";
	font-weight: bold;
	font-size: 6px;
	text-align: center;
	width: 16px;
	height: 8px;
	max-height: 8px;
	max-width: 16px;
	white-space: nowrap;
	-webkit-border-radius: 1px 1px 0px 0px;
	-moz-border-radius: 1px 1px 0px 0px;
	border-radius: 1px 1px 0px 0px;
}

.GTFSStationLabelMini {
	color: black;
	background-color: white;
	font-family: "Lucida Grande", "Arial", "sans-serif";
	font-size: 8px;
	text-align: center;
	width: 50px;
	border: 1px solid black;
	white-space: nowrap;
}

.CurrentLocationLabelMini {
	color: Black;
	background-color: white;
	font-family: "Lucida Grande", "Arial", "sans-serif";
	font-size: 8px;
	text-align: center;
	width: 50px;
	border: 1px solid black;
	white-space: nowrap;
}

.busStopMiniBtnForLeaflet {
	width: 50%;
	margin-top: 5px;
	margin-left: 5px;
}

.busStopNormalBtnForLeaflet {
	width: 70%;
	margin-top: 5px;
	margin-left: 5px;
}

.showMoreNextTimesBtn {
	padding:2px 4px 2px 4px;
	font-size: smaller;
	cursor: pointer;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
}

.showMoreNextTimesBtn:hover {
	opacity:0.5;
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}

/*
.notSelectedRoute {
	border-style: solid none solid none;
	border-width: medium;
	border-color: inherit;
}
*/


.showRouteMenuBtn span,.showRouteStationMenuBtn span {
	font-family: 'Times New Roman', Times, serif;
	text-align: center;
	color: White;
	display: inline-block;
	height: 24px;
	width: 24px;
	padding: 0px;
	margin: 4px;
	background-color: #0099FF;
	font-weight: bold;
	font-size: large;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

#backToTripSharingBtn {
	background-image: -webkit-linear-gradient(bottom, rgb(18, 29, 64) 23%,
		rgb(45, 56, 90) 62%, rgb(72, 84, 117) 81% );
	background-image: linear-gradient(bottom, rgb(18, 29, 64) 23%,
		rgb(45, 56, 90) 62%, rgb(72, 84, 117) 81% );
	background-image: -o-linear-gradient(bottom, rgb(18, 29, 64) 23%,
		rgb(45, 56, 90) 62%, rgb(72, 84, 117) 81% );
	background-image: -moz-linear-gradient(bottom, rgb(18, 29, 64) 23%,
		rgb(45, 56, 90) 62%, rgb(72, 84, 117) 81% );
	background-image: -ms-linear-gradient(bottom, rgb(18, 29, 64) 23%,
		rgb(45, 56, 90) 62%, rgb(72, 84, 117) 81% );
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.23, rgb(18,
		29, 64) ), color-stop(0.62, rgb(45, 56, 90) ),
		color-stop(0.81, rgb(72, 84, 117) ) );
	font-size: larger;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 35px;
	color: lime;
	width: 100%
}

.casponetAtmsListPopup {
	background-color: #85daff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 10px;
}

.casponetAtmsListPopup table {
	border-collapse: collapse;
}

.casponetAtmsListPopup .groupAdsListAdText {
	font-size: larger;
	font-weight: bold;
}

.casponetAtmsListPopup .nextBusesAdsListPopupTitleDiv {
	font-weight: bold;
}

.casponetAtmsListPopup .groupAdsListAdAddress {
	font-size: smaller;
}






.ui-dialog {
	min-height: 100% !important;
	background-color: white !important; 
}

.currentDateTime {
	color: #FF6600;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}

#nextBusRoutesList .nextBusStationNameCell,#nextBusRoutesListForMap .nextBusStationNameCell
{
	background-color: #EEEEEE;
	font-weight: bold;
	font-size: 10pt;
}

#routeStationsPage .routeStationsNameCell
{
	background-color: #EEEEEE;
	font-weight: bold;
	font-size: 14pt;
}

.nextBusesTableRow .nextBusTime
{
	background-color: white;
	font-weight: bold;
	color: #FF6600;
	font-size: larger;
}

.nextBusesTableRow .endStationName
{
	font-size: smaller;
}

@media screen and (max-width: 400px) {
	.overflowEllipsis
	{
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space:nowrap;
		max-width:200px;
	}
	
#stationsTable .stationRow .stationNameAndBtns
{
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space:nowrap;
		max-width:320px;
}
	
	
	
}

@media screen and (max-width: 320px) {
	.overflowEllipsis
	{
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space:nowrap;
		max-width:170px;
	}
#stationsTable .stationRow .stationNameAndBtns
{
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space:nowrap;
		max-width:260px;
}

}

.popupToolbarTable td {
	text-align: center;
}

.popupToolbarTable	.toolbarBtnDiv {
	height: 85px;
	width: 70px;
}

.popupToolbarTable	.toolbarBtnDivImg {
	display: block;
	vertical-align: middle;
	margin: auto;
	padding: 0px;
	height: 48px;
	width: 48px;
	background-color:#E0F2F1;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
}

.popupToolbarTable	.toolbarBtnDivImg img {
	position: relative;
	top: 8px;
}


.popupToolbarTable .toolbarBtnDivImg .awesomeIconBtn {
	position: relative;
	font-size:20pt;
	top: 8px;
	color: #00695C;
}


.popupToolbarTable	.toolbarBtnDivImg:hover {
	opacity:0.5;
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}

.popupToolbarTable	.toolbarBtnLabel {
	position: relative;
	top: 4px;
	padding: 0px;
	margin: 0px auto 0px auto;
	font-size: small;
	font-weight: bold;
	vertical-align: text-bottom;
	text-decoration: underline;
	white-space: nowrap;
}



.rowToolbarTable1 {
	direction: ltr;
	float: left;
	padding: 0px;
	margin: 0px;
}

.rowToolbarTable {
	padding: 0px;
	margin: 0px;
}



.rowToolbarTable td {
	text-align: center;
}

.rowToolbarTable	.toolbarBtnDiv {
	width: 50px;
}

.rowToolbarTable	.toolbarBtnDivImg {
	display: block;
	vertical-align: middle;
	margin: auto;
	padding: 0px;
	height: 48px;
	width: 48px;
	background-color:#E0F2F1;
	text-align: center;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
}

.rowToolbarTable	.toolbarBtnDivImg img {
	position: relative;
	top: 8px;
}

.rowToolbarTable .toolbarBtnDivImg .awesomeIconBtn {
	font-size:20pt;
	padding:12px 0px 0px 0px;
	color: #00695C;
}

.rowToolbarTable	.toolbarBtnDivImg:hover {
	opacity:0.5;
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}

.rowToolbarTable	.toolbarBtnLabel {
	display: block;
	padding: 0px;
	margin: 0px auto 0px auto;
	font-size: x-small;
	font-weight: bold;
	text-decoration: underline;
	white-space: nowrap;
}

@font-face {
      font-family: 'fontawesome';
      src: url('./extFonts/fontello/fontawesome.eot?75762037');
      src: url('./extFonts/fontello/fontawesome.eot?75762037#iefix') format('embedded-opentype'),
           url('./extFonts/fontello/fontawesome.woff?75762037') format('woff'),
           url('./extFonts/fontello/fontawesome.ttf?75762037') format('truetype'),
           url('./extFonts/fontello/fontawesome.svg?75762037#fontawesome') format('svg');
      font-weight: normal;
      font-style: normal;
    }


.quickRouteLink,.nextBusRouteLink {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	min-width: 32px;
	cursor: pointer;
	font-size:10pt;
}


.awesomeIconBtn
{
  font-family: "fontawesome";
	display: inline-block;
	padding: auto;
	margin: auto;
	width: 100%;
	min-width: 32px;
	cursor: pointer;
	font-size: 16pt;
}


.showRouteStationMenuBtn.awesomeIconBtn
{
	margin-top:4px;
}



.awesomeIcon
{
	display:inline-block;
	border-style: outset;
	border-width: thin;
	font-family: "fontawesome";
	padding:0px 4px 0px 6px;
	cursor: pointer;
}

.pickupDropoffArrow
{
	font-family: "fontawesome";
	font-size:10pt;
	color: #4DB6AC;
}

.busTransferArrow
{
	display:inline-block;
	font-family: "fontawesome";
	font-size:14pt;
	color: #4DB6AC;
}

.pickupDropOffCell
{
	vertical-align:top;
}

.navBarBtn {
	display: inline-block;
	padding: 0px;
	width: 100%;
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer;
}

.dialogHeader {
	background-image: none;
	background-color: #009688 !important;
	color: White !important;
	margin: 1px;
}

.quickRouteLinkCell
{
	display:table-cell;
	text-align: center;
	background-color: #00695C;
	height: 32px;
	width:32px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	color: white;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.quickRouteLinkCell:hover {
opacity:0.5;
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}


.routesNamesHistory .quickRouteLinkCell
{
	display:table-cell;
	text-align: center;
	height: 40px;
	width:40px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	color: white;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


.cid-3
{
	background-color:#00796B !important;
}
.cid-4
{
	color:white !important;
	background-color: #00796B !important;
	background-image: -ms-linear-gradient(top, #AEEA00 0%, #00796B 100%)	!important;
	background-image: -moz-linear-gradient(top, #AEEA00 0%, #00796B 100%)	!important;
	background-image: -o-linear-gradient(top, #AEEA00 0%, #00796B 100%)	!important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AEEA00), color-stop(100, #00796B))	!important;
	background-image: -webkit-linear-gradient(top, #AEEA00 0%, #00796B 100%)	!important;
	background-image: linear-gradient(to bottom, #AEEA00 0%, #00796B 100%)	!important;
}
.cid-5
{
	background-color:	#01579B !important;
}
.cid-6
{
	background-color:	#8BC34A !important;
	color:black !important;
}
.cid-7
{
	background-color:	#B71C1C !important;
}
.cid-8
{
	background-color:	#B71C1C !important;
}

.cid-14
{
	background-color:	#F57F17 !important;
}

.cid-15, .cid-19
{
	color:Black !important;
	background-color: #FF9900 !important;
	background-image: -ms-linear-gradient(top, #FF9900 0%, #9E9E9E 100%)	!important;
	background-image: -moz-linear-gradient(top, #FF9900 0%, #9E9E9E 100%)	!important;
	background-image: -o-linear-gradient(top, #FF9900 0%, #9E9E9E 100%)	!important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9900), color-stop(100, #9E9E9E))	!important;
	background-image: -webkit-linear-gradient(top, #FF9900 0%, #9E9E9E 100%)	!important;
	background-image: linear-gradient(to bottom, #FF9900 0%, #9E9E9E 100%)	!important;
}

.cid-16
{
	background-color: #00796B !important;
	background-image: -ms-linear-gradient(top, #0D47A1 0%, #00796B 100%)	!important;
	background-image: -moz-linear-gradient(top, #0D47A1 0%, #00796B 100%)	!important;
	background-image: -o-linear-gradient(top, #0D47A1 0%, #00796B 100%)	!important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0D47A1), color-stop(100, #00796B))	!important;
	background-image: -webkit-linear-gradient(top, #0D47A1 0%, #00796B 100%)	!important;
	background-image: linear-gradient(to bottom, #0D47A1 0%, #00796B 100%)	!important;
}

.cid-30
{
	background-color:	#01579B !important;
}

.cid-18
{
	background-color: #0B3C86 !important;
	background-image: -ms-linear-gradient(top, #0B3C86 0%, #8BC34A 100%)	!important;
	background-image: -moz-linear-gradient(top, #0B3C86 0%, #8BC34A 100%)	!important;
	background-image: -o-linear-gradient(top, #0B3C86 0%, #8BC34A 100%)	!important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0B3C86), color-stop(100, #8BC34A))	!important;
	background-image: -webkit-linear-gradient(top, #0B3C86 0%, #8BC34A 100%)	!important;
	background-image: linear-gradient(to bottom, #0B3C86 0%, #8BC34A 100%)	!important;
}
.cid-21
{
	background-color: #B71C1C !important;
	background-image: -ms-linear-gradient(top, #FF6D00 0%, #B71C1C 100%)	!important;
	background-image: -moz-linear-gradient(top, #FF6D00 0%, #B71C1C 100%)	!important;
	background-image: -o-linear-gradient(top, #FF6D00 0%, #B71C1C 100%)	!important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF6D00), color-stop(100, #B71C1C))	!important;
	background-image: -webkit-linear-gradient(top, #FF6D00 0%, #B71C1C 100%)	!important;
	background-image: linear-gradient(to bottom, #FF6D00 0%, #B71C1C 100%)	!important;
}

.cid-23
{
	background-color: #01579B !important;
	background-image: -ms-linear-gradient(top, #CDDC39 0%, #01579B 100%)	!important;
	background-image: -moz-linear-gradient(top, #CDDC39 0%, #01579B 100%)	!important;
	background-image: -o-linear-gradient(top, #CDDC39 0%, #01579B 100%)	!important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CDDC39), color-stop(100, #01579B))	!important;
	background-image: -webkit-linear-gradient(top, #CDDC39 0%, #01579B 100%)	!important;
	background-image: linear-gradient(to bottom, #CDDC39 0%, #01579B 100%)	!important;
}

.cid-24
{
	background-color: #7CB342 !important;
}

.cid-25
{
	background-color: #8BC34A !important;
}


.cid-78
{
	background-color: #039BE5 !important;
	background-image: -ms-linear-gradient(top, #1A237E 0%, #039BE5 100%)	!important;
	background-image: -moz-linear-gradient(top, #1A237E 0%, #039BE5 100%)	!important;
	background-image: -o-linear-gradient(top, #1A237E 0%, #039BE5 100%)	!important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1A237E), color-stop(100, #039BE5))	!important;
	background-image: -webkit-linear-gradient(top, #1A237E 0%, #039BE5 100%)	!important;
	background-image: linear-gradient(to bottom, #1A237E 0%, #039BE5 100%)	!important;
}

.quickRouteLinkCell.cid-78
{
	color:rgba(0, 0, 255,1.0) !important;
	background-color: white !important;
	background-image: url("images/railLogo.png") !important;
	background-size: 80% !important;
	background-repeat: no-repeat !important;
	background-position:center 15% !important;
}


.cid-78 .nextBusRouteLink {
	padding: 0px;
	margin: 0px;
	font-size:7pt;
	font-weight:bold;
	margin-top:17px;
}


.tripPlanRouteName.cid-78
{
	color:rgba(0, 0, 255,1.0) !important;
	background-color: white !important;
	background-image: url("images/railLogo.png") !important;
	background-size: 80% !important;
	background-repeat: no-repeat !important;
	background-position:center 20% !important;

	line-height:54px;
	font-size:7pt;
	font-weight:bold;

}



.cid-31
{
 background-color: #8981FC; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#8981FC), to(#0000ff));
 background-image: -webkit-linear-gradient(top, #8981FC, #0000ff);
 background-image: -moz-linear-gradient(top, #8981FC, #0000ff);
 background-image: -ms-linear-gradient(top, #8981FC, #0000ff);
 background-image: -o-linear-gradient(top, #8981FC, #0000ff);
 background-image: linear-gradient(to bottom, #8981FC, #0000ff);
 }

.cid-802
{
	background-image: -ms-linear-gradient(top, #FF8000 0%, #FF0000 100%) !important;
	background-image: -moz-linear-gradient(top, #FF8000 0%, #FF0000 100%) !important;
	background-image: -o-linear-gradient(top, #FF8000 0%, #FF0000 100%) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF8000), color-stop(100, #FF0000)) !important;
	background-image: -webkit-linear-gradient(top, #FF8000 0%, #FF0000 100%) !important;
	background-image: linear-gradient(to bottom, #FF8000 0%, #FF0000 100%) !important;	
}

.nextBusesIconCol
{
	text-align: center;
	background-color: #4DB6AC;
	height: 32px;
	max-height:32px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	color: white;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}




.routeStationsIconCol
{
	text-align: center;
	background-color: #4DB6AC;
	height: 32px;
	max-height:32px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	color: white;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}


.nextBusesIconCol.map
{
	background-color: inherit;
	color:#00C853;
}

.mainScreenRouteSearchInputCell
{
	text-align: center;
	margin:auto;
	vertical-align:middle;
	height: 36px;
	width: 36px;
}

.mainScreenRouteSearchInputCell input
{
	font-size:larger;
	direction:ltr;
	border-color:Black;
	border-width:thin;
	text-align: center;
	vertical-align:middle;
}

.mainScreenRouteSearchBtn
{
	text-align: center;
	background-color: inherit;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	height: 36px;
	width: 36px;
	color:Blue;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	vertical-align:middle;
}

#nextBusesAdsListPopup .mapIcon
{
	text-align: center;
	height: 32px;
	max-height:32px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	color: white;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background-color: white;
	vertical-align:middle;
	line-height:32px;
	color:#00C853;
	margin:1px;
}



.nextBusesIconCol.fav
{
	background-color: inherit;
	color: #00695C;
}

.favoriteRoute, .nextBusesIconCol.info.favoriteRoute,	.nextBusesIconCol.fav.favoriteRoute,.routeStationsIconCol.info.favoriteRoute
{
	background-color:#B2EBF2;
}


.nextBusesPageToolbarCell {
	text-align: center;
	background-color: #00695C;
	height: 35px;
	color: White;
}

.nextBusesPageToolbarCell:hover {
	opacity:0.5;
}

#nextBusesPage .actionBarBtn {
	background-color: #00897B;
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	color: White;
	font-size: 18pt;
	cursor: pointer;
  font-family: "fontawesome";
}




#searchResultsRoutesBody {
	padding: 0px;
	margin: 4px;
}


.routeName  {
	direction: rtl;
	font-size: larger;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	background-color: #F3E6D6;
	cursor: pointer;
	background-color: #00695C;
	color:White;
}


.tripPlanRouteName
{
	display:inline-block;
	text-align: center;
	background-color: #00695C;
	height: 36px;
	width:36px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	color: white;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	cursor: pointer;
	line-height:36px;
	vertical-align:middle;
}

.tripPlanRouteName:hover
{
opacity:0.5;
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}

.locationSelectionBtn, .tripPlanDescriptionBtn, .showBusLocationsMapBtn, .showAltRoutesBtn {
	text-align: center;
	font-weight: bold;
	background-color: #4DB6AC;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	color: white;
	font-size:larger;
	padding:4px 0 4px 0px;
	width:100%;
	cursor: pointer;
}

.locationSelectionBtn:hover, .tripPlanDescriptionBtn:hover, .showBusLocationsMapBtn:hover, .showAltRoutesBtn:hover {
	opacity:0.5;
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}

.routeNumberDigitBtn {
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	color: White;
	background-color: #455A64;
	height: 35px;
	width: 100%;
	color: White;
	padding: 0px;
	font-weight: bold;
	font-size: large;
	cursor: pointer;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
}

.routeNumberDigitBtn:hover {
	opacity: 0.5;
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}

.searchRouteBtn {
	background-color: #00695C;
	width: 100%;
	color: White;
	font-weight: bold;
	cursor: pointer;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	font-size:larger;
	padding:4px 0 4px 0;

}

.searchRouteBtn:hover {
	opacity: 0.5;
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}

.routeNameSmallBtn {
	min-width: 40px;
	height: 24px;
	color: White;
	font-size: 12pt;
	display: inline-block;
	cursor: pointer;
	font-weight: normal;
	text-align: center;
	padding:5px 0px 0px 0px;
	background-color: #00695C;
}


.tripPlanQuickSearchLink {
	text-decoration: none;
	display: inline-block;
	background-color: #B2DFDB;
	width: 100%;
	cursor: pointer;
	text-align: right;
	font-weight: normal;
	vertical-align: top;
}

.tripPlanQuickSearchLink:hover {
	opacity: 0.5;
}

.currentLocationForSearchHistory {
	color: #00695C;
	vertical-align: top;
}

#searchResultsStationsRouteDetails {
	padding: 4px;
	font-size: smaller;
	font-weight: normal;
	color: #434242;
	line-height: 20px;
	background-color:#CFD8DC
}

#searchResultsStationsRouteDetails .stationName {
		font-weight:bold;
	color: #00695C;
	cursor: pointer;
	text-decoration:underline;
	
}

#searchResultsStationsRouteDetails .routeDetailsValue
	{
	font-weight: bold;
	color: #434242;
}

#busesOnTheWayDiv {
	font-size: smaller;
	font-weight: normal;
	color: #434242;
	width: 100%;
	text-align: center;
}

#stationsTable
{
	margin: 0px auto 0px auto;
	border: thin solid #CFD8DC;
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
}

#stationsTable .stationRow
	{
	font-size: smaller;
	font-weight: normal;
	color: #434242;
	background-color:white;
	vertical-align:top;
}

#stationsTable .stationRow.selectedStation
{
	background-color:#B2DFDB;
}

#stationsTable .stationRow .stationNameAndBtns .stationName
	{
	cursor: pointer;
	text-decoration:underline;
	font-size:10pt;
}

.searchTitle
{
	color: #00695C;
	font-size:larger;
	font-weight:bold;
	padding:4px 0 4px 0;
	cursor:pointer;
}


#tripPlansForm {
	padding: 0px;
	margin: 0px;
	direction: rtl;
}

.tripPlansResultsHeader
{
	padding: 4px;
	font-size: smaller;
	font-weight: normal;
	color: #434242;
	line-height: 20px;
	background-color:#CFD8DC
	
}

#tripPlansRoutesBody {
	padding: 0px;
	margin: 4px;
}

#searchReasultsParams {
	padding: 4px;
	font-size: smaller;
	font-weight: normal;
	color: #434242;
	line-height: 20px;
	background-color:#CFD8DC
}

#routesTable
	{
	margin: 0px auto 0px auto;
	 border: thin solid #CFD8DC;
}

#routesTable .stationName
	{
		font-weight:bold;
	color: #00695C;
	cursor: pointer;
}

#tripPlansTable .stationName
	{
	font-weight: bold;
	color: #00695C;
	text-decoration: underline;
	cursor: pointer;
}


#tripPlansTable {
	margin: 0px auto 0px auto;
	 border: thin solid #CFD8DC;
}

#tripPlansTable .pickupStation
	{
	color: #00897B !important;
}

#tripPlansTable .dropOffStation
	{
	color: #C80000	!important;
}

.tripPlansEntryTable
{
	background-color:#CFD8DC
}

.refreshingRealTimeData {
	position: absolute;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-weight: bold;
	color: #FF6600;
	text-align: center;
	z-index: 100;
	background-color: White;
}

#routesTable .routeRow
	{
	direction: rtl;
	font-size: medium;
	font-weight: normal;
	padding: 10px;
	padding-bottom: 5px;
	color: #434242;
	line-height: 20px;
	text-shadow: 0px opx;
	font-size: smaller;
}

#routesTable .routeRow .scheduleDiv1
	{
	direction: rtl;
	float: right;
	width: 100%;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: silver;
	padding-top: 2px;
	margin-top: 2px;
	color: #434242;
	font-weight: normal;
}


#routesTable .scheduleDiv
	{
	color: #434242;
	font-weight: normal;
}



.musicPlayerSettingsSection {
	padding: 5px;
	color: #434242;
	font-size: smaller;
	background-color: #CFD8DC;
}

.collorPallete
{
	min-width:50px;
	min-height:50px;
}

.collorPallete.teal
{
	background-color:#009688;
}
.collorPallete.indigo
{
	background-color:#3F51B5;
}

.collorPallete.red
{
	background-color:#F44336;
}
.collorPallete.pink
{
	background-color:#E91E63;
}
.collorPallete.purple
{
	background-color:#9C27B0;
}
.collorPallete.deepPurple
{
	background-color:#673AB7;
}

.collorPallete.blue
{
	background-color:#2196F3;
}
.collorPallete.lightBlue
{
	background-color:#03A9F4;
}
.collorPallete.cyan
{
	background-color:#00BCD4;
}
.collorPallete.green
{
	background-color:#4CAF50;
}

.collorPallete.lightGreen
{
	background-color:#8BC34A;
}
.collorPallete.lime
{
	background-color:#CDDC39;
}

.collorPallete.amber
{
	background-color:#FFC107;
}
.collorPallete.orange
{
	background-color:#FF9800;
}
.collorPallete.brown
{
	background-color:#795548;
}



.collorPallete.yellow
{
	background-color:#FFEB3B;
}

.collorPallete.deepOrange
{
	background-color:#FF5722;
}
.collorPallete.grey
{
	background-color:#9E9E9E;
}
.collorPallete.blueGrey
{
	background-color:#607D8B;
}






.adBannerDiv
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	vertical-align: middle;
	text-align: center;
	background-color: #FFFFFF;
	border: solid 1px gray;
}

.adTitle
{
	color:Blue;
	text-decoration: none;
	font-size: larger;
	font-weight:bold;
}

.adImage
{
}

.adText
{
}
.adBannerAwesomeIcon
{
	display:inline-block;
	font-family: "fontawesome";
}

.adAddress
{
	text-align:right;
}

.adPhone
{
}

.adPhone td:nth-child(2)
{
	direction:ltr;
	text-align:right;
	text-decoration:underline;
	cursor:pointer;
}

.adEmail
{
}
.adEmail td:nth-child(2)
{
	direction:ltr;
	text-align:right;
	text-decoration:underline;
	cursor:pointer;
}

.adWebSite
{
}
.adWebSite td:nth-child(2)
{
	text-align:right;
	text-decoration:underline;
	cursor:pointer;
}

.adFacebook
{
}
.adFacebook td:nth-child(2)
{
	text-align:right;
	text-decoration:underline;
	cursor:pointer;
}

.adBannerIconCol
{
	text-align: center;
	background-color: white;
	height: 24px;
	max-height:24px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	color:#00C853;
}

.adAwesomeIconBtn
{
  font-family: "fontawesome";
	display: inline-block;
	padding: auto;
	margin: auto;
	width: 100%;
	min-width: 24px;
	cursor: pointer;
	font-size: 12pt;
}

.adTestingBtn
{
	font-size:12pt;
}

.adMapIconClippedSpan
{
	display:inline-block;
	width:32px;
	height:30px;
	overflow:hidden;
	padding:0px;
	margin:0px;
}

.adMapIconClipped
{
	padding:0px;
	margin:0px;
	margin-top:-26px;
}

#adBannersListPage .mapIcon
{
	text-align: center;
	height: 32px;
	max-height:32px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	color: white;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background-color: white;
	vertical-align:middle;
	line-height:32px;
	color:#00C853;
	margin:1px;
}

.casponetAtmsListPopup .adBannersListPageTitleDiv {
	font-weight: bold;
}

#adBannersListPage .adBannersListPageTitleDiv {
	font-weight: bold;
}

.efoBusAdIcon
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	padding:2px 1px 0px 1px;
	margin:0px;
	width: 36px;
	height: 32px;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


.busLocationBtnForLeaflet {
	width: 80%;
	margin-top: 2px;
}

#stationsMapTooltip
{
	position: absolute; 
	z-index: 101;
	font-weight: bold;
	color: #FF6600;
	text-align: center;
	background-color: White;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px gray;
	padding: 5px;
}

.searchControlBtn {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
  font-family: "fontawesome";
}

.leaflet-touch .searchControlBtn {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
  font-family: "fontawesome";
}
.moreNextTimesRow
{
	color:#FF6600;
}

.awesomeSmallIcon {
	font-size: 8pt;
  font-family: "fontawesome";
	color:#FF6600;
}

.endOfLine
{
	float:left;
}

.tripRideFareBtn
{
	display:inline-block;
	text-align: center;
	background-color: #00695C;
	height: 36px;
	width:36px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	color: white;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	cursor: pointer;
	line-height:36px;
	vertical-align:middle;
}

.tripRideFareBtn:hover
{
opacity:0.5;
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}

#nextBusesPage .avgArrivalStats, #nextBusesPageForMap .avgArrivalStats
{
	direction:ltr;
	font-size:7pt;
	color: #993300;
	display:block;
	margin-top:1px;
}

#routeStationsPage .avgArrivalStats
{
	direction:ltr;
	color: #993300;
	font-size:smaller;
	font-weight:bold;
	
	display:inline-block;
}

#historyArrivalsTable
{
	background-color:White;
}
#historyArrivalsTable td
{
	font-weight:bold;
}

#historyArrivalsTable td:nth-child(1)
{
	color: #00897B;
	font-weight: bold;
}

#historyArrivalsTable td:nth-child(2)
{
	color: #00897B;
	font-weight: bold;
}
#historyArrivalsTable td:nth-child(4)
{
	direction:ltr;
	font-weight:bold;
}

.actualEarly
{
	color:blue;
}


.actualLate
{
	color:Red;
}

.actualOnTime
{
	color: #993300;
}


.efoBusEarly
{
	background-color:blue;
	color: white;
	padding:1px 2px 1px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


.efoBusLate
{
	background-color:red;
	color: white;
	padding:1px 2px 1px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.efoBusOnTime
{
	background-color:#FF6600;
	color: white;
	padding:1px 2px 1px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}



#historyArrivalsTable .nextBusTime
{
	font-weight: bold;
	color: #FF6600;
}


.routesListRouteTable
{
	border-collapse:collapse;
}

.includingStopsLabel
{
	font-size:larger;
	font-weight:bold;
	color:Blue;
}

.excludingStopsLabel
{
	font-size:larger;
	font-weight:bold;
	color:Red;
}

.tripPlanTableRealTime
{
	direction:ltr;
	font-weight:bold;
	color: #FF6600;
}
.tripPlanTablePlannedTime
{
	direction:ltr;
	font-weight:bold;
	color: #00897B;
}

.SwitchDirectionBtn
{
	display:inline-block;
	text-align: center;
	background-color: #00695C;
	height: 36px;
	width:36px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	color: white;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	cursor: pointer;
	line-height:36px;
	vertical-align:middle;
  font-family: "fontawesome";
}

.SwitchDirectionBtn:hover
{
opacity:0.5;
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}


.nextBusesIconCol.info, .routeStationsIconCol.info
{
	background-color: inherit;
	color: #03A9F4;
	color: Gray;
}

.showTripPlanMenuBtn {
	color: Gray;
	text-align: center;
	display: inline-block;
	font-size: large;
  font-family: "fontawesome";
	height: 36px;
	width:36px;
	-moz-box-shadow: inset -1px -1px 1px gray;
	-webkit-box-shadow: inset -1px -1px 1px gray;
	box-shadow: inset -1px -1px 1px gray;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	cursor: pointer;
	line-height:36px;
	vertical-align:middle;
}

.showTripPlanMenuBtn:hover
{
opacity:0.5;
	-moz-box-shadow: inset 1px 1px 1px gray;
	-webkit-box-shadow: inset 1px 1px 1px gray;
	box-shadow: inset 1px 1px 1px gray;
}