html, body {font-size: 12px; font-family: Arial, Helvetica;  margin: 0px; padding: 0px; height:auto; }
body { padding:10px; }
/* map control doesnot like when margin is 0, lat / lng calculation is wrong */
.MainContentSection { background-color:#E3E3E3; margin:-4px; padding:10px; }


form {padding:0px; margin:0px;}
input, select, textarea { font-size: 12px; text-decoration: none; }
label { font-weight: bold; font-size: 12px; text-decoration: none;  }
a { color: #0000FF; font-family: Verdana, Arial, Helvetica; }
a:hover { color: #FF0000; }

h1  {font-size:16px; font-weight:bold; margin-bottom:5px; color:#000000;}

.MapControl { height:400px; border:solid 3px white; }

.BusStopPin { left:5px; top:5px; z-index:100; position:relative;}
.BusPin { left:5px; top:6px; z-index:10000; position:relative;}
.ContextPin { left:5px; top: 5px; position:relative; }

.ero h2 { font-size:13px; font-weight:bold; margin-bottom:5px; color:#000000; }

#LeftPanel { border:3px solid #B52525; background-color:White; }
#LeftPanel .Search { position:relative; background-color:#D63939; background-image:url(Images/SearchBg.gif); background-repeat:repeat-x; font-size:11px; font-weight:bold; padding:5px; margin:0px; color:White; }
#LeftPanel .Search .SearchInput { border-width:0px; border-top: solid 1px #9B9F9E; border-bottom: solid 1px #9B9F9E; color:#D83538; height:14px; font-size:11px; }
#LeftPanel .Search .SearchInputLeftBg { padding-left:4px; background-image:url(Images/InputLeft.gif); background-position:1px left; background-repeat:no-repeat; }
#LeftPanel .Search .SearchInputRightBg { padding-right:4px; background-image:url(Images/InputRight.gif); background-position:1px right; background-repeat:no-repeat; }
#LeftPanel .RouteHeader { background-image:url(Images/LeftBarRoundBottom.gif); background-position:bottom; background-repeat:no-repeat; font-size:13px; padding:10px 5px 5px 10px; margin:-5px; }
#LeftPanel .Routes { position:relative; padding:5px 5px 5px 0px; margin:0px; }
#LeftPanel h2 { position:absolute; top:0px; font-size:14px; margin:0px; font-family:Verdana, Arial; z-index:1; padding:5px 0px 0px 20px; left:0px; }

.InfoBox { }
.InfoBox .Content { position:relative; float:left; background-color:#EAE9E7; background-image: url(Images/LeftNavHeader.gif); background-repeat:repeat-x; padding:35px 5px 5px 5px; margin:0px; }
.InfoBox h2 { position:absolute; top:0px; font-size:14px; margin:0px; font-family:Verdana, Arial; z-index:1; padding:5px 0px 0px 5px; left:0px; }

/* later to be moved to common lib */
.SmiRouteDetail { position:absolute; z-index:1000; border:1px solid #999999; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); -moz-opacity:.95; opacity:.95; font-family:Verdana, Arial; width:350px; background-color:#EAE9E7; background-image: url(Images/LeftNavHeader.gif); background-repeat:repeat-x;}
.SmiRouteDetail h2 { margin:0px; padding:5px 8px 8px 8px; font-size:12px; color:#666666; cursor:default;}
.SmiRouteDetail a.Close { float:right; padding:5px 8px 8px 8px; text-decoration:none; font-weight:bold; color:#666666; font-size:12px; }
.SmiRouteDetail a:hover.Close { color:#000000; }
.SmiRouteDetail iframe { display:block; width:100%; height: 280px; background-color:transparent; }

.VehicleDetailPopup { padding:0px 10px 0px 10px; height:100%; }
.VehicleDetailPopup h2 { font-size:13px; margin:10px 0px 0px 0px; }
.VehicleDetailPopup .Content { background-color:#DAD9D7; border:1px solid #999999; margin:0px 0px 10px 0px; padding:2px; }

#RouteColorLegend { position:relative; padding-top:3px; padding-left:10px; height:35px; overflow:auto; }
#RouteColorLegend div { position:relative; margin:0px 0px 7px 0px; clear:both; }
#RouteColorLegend .Line { position:relative; width: 30px; background-color:Red; display:block; float:left; height:3px; overflow:hidden; margin:7px 5px 0px 0px; }
#RouteColorLegend .Label { position:relative; display:block; white-space:nowrap; overflow:hidden;  }


.StopPopupLoading { width:100%; height:30px; text-align:center; padding-top:30px; font-weight:bold; font-size:11px; z-index:1;}
.StopPopupContent { color:#333333; z-index:100; background-color:White; }
.StopPopupContent h3 { font-size:12px; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-weight:normal; vertical-align:top;}
.StopPopupContent h3.checkbox { padding:0px 0px 0px 22px; }
.StopPopupContent input { margin:-2px 0px 0px -22px; padding:0px 0px 0px 0px; float:left;}
.StopPopupContent .StopTimeTable { font-size:10px; border-collapse:collapse; width:100%; margin-bottom:10px; font-size:11px; }
.StopPopupContent .StopTimeTable .Row { width:100%; font-weight:bold; }
.StopPopupContent .StopTimeTable .Row div { border:1px solid #999999; border-top-width:0px; padding:0px 3px 0px 3px; float:left; overflow:hidden; }
.StopPopupContent .StopTimeTable .HeaderRow div { text-align:center; border-top-width:1px; font-weight:normal; }
.StopPopupContent .StopTimeTable .Row .Cell1 { width:60px; border-right:0px; text-align:center;}
.StopPopupContent .StopTimeTable .Row .Cell2 { width:165px; }
.StopPopupContent .StopTimeTable .Row .CellAll { width:232px; text-align:center; }


/* later to be moved to common lib */
.SmiHelpDialog { border:1px solid red; position:absolute; z-index:1000; border:1px solid #999999; background-color:White; font-family:Verdana, Arial; width:500px;}
.SmiHelpDialog h2 { margin:0px; padding:8px; border-bottom:1px solid #999999; font-size:12px; color:#666666; cursor:default;}
.SmiHelpDialog a.Close { float:right; padding:8px; text-decoration:none; font-weight:bold; color:#666666; font-size:12px; }
.SmiHelpDialog a:hover.Close { color:#000000; }
.SmiHelpDialog iframe { display:block; width:100%; height: 250px;}


a.SmiHelpBtn { background-image: url(Images/help.gif); width:56px; height:28px; position:absolute; filter: alpha(opacity=85); }

a.SmiLegendBtn { background-image: url(Images/legend.gif); width:65px; height:18px; position:absolute; filter: alpha(opacity=85); text-align:center; color:#FFFFFF; text-decoration:none; font-size:11px; line-height:16px; }

.RoundBox { border:solid 1px #B9B9B9; padding:0px 0px 0px 0px; }
.RoundBox .RoundWrap { margin:-1px; }
.RoundBox .RoundContent { margin:-4px 0px -4px 0px; padding:5px; }
.RoundBox .tl { position:absolute; margin:0px 0px 0px 0px; background-image:url(Images/rc_tl.gif); background-position:top left; background-repeat:no-repeat; width:4px; height:4px;  }
.RoundBox .tr { position:relative; margin:0px 0px 0px 0px; background-image:url(Images/rc_tr.gif); background-position:top right; background-repeat:no-repeat; width:100%; height:4px; }
.RoundBox .bl { position:absolute; margin:0px 0px 0px 0px; background-image:url(Images/rc_bl.gif); background-position:bottom left; background-repeat:no-repeat; width:4px; height:4px;  }
.RoundBox .br { position:relative; margin:0px 0px 0px 0px; background-image:url(Images/rc_br.gif); background-position:bottom right; background-repeat:no-repeat; width:100%; height:4px; }

/*
 border:solid 1px red;
*/