/* MAP PANEL */

#mapPanel {
   padding-top:10px;
   width:688px;
}
#mapTabs {
    position:relative;
}

.mapPanelTitle, .stopListTitle {
    display: none;
}

/* CHANGE MAPS */

.changeMap {
    float:left;
    margin-left:0px;
    margin-top:7px;
    margin-right:15px;
}
.changeMap .Image img {
    border:1px solid #333333;
    cursor:pointer;
}
.changeMapLabel {
    float: left;
    font-family:sans-serif;
    font-size:12px;
    line-height:18px;
    font-weight: bold;
    border: 1px solid black;
    background-color: white;
    width: 20px;
    height:18px;
    position: absolute;
    top: 5px;
    left: 14px;
}

div.changeMapContainer {
    margin-top:-10px;
    padding:0;
    padding-left:12px;
}

.big-maps .changeMap {
    margin-left:29px;
}


/* MOVABLE MAP */

#olMapContainer {
  margin: 0 12px;
  padding:0;
  border:0;
  color: black;
  font-family: 'Trebuchet MS', 'Verdana', 'Arial', 'Helvetica', sans-serif;
  font-size: 10pt;
}

/* STATIC MAP (used by Map.php and staticMapGenerator.php) */

#staticMap {
    margin: 0 12px;
}

#ZoomButtonTable {
  margin-left: 40px;
  margin-bottom: 10px;
  border-collapse: collapse;
  border: none;
}

#ZoomButtonTable td {
  height: 25px;
  width: 15px;
  padding: 3px;
  text-align: center;
  vertical-align: bottom;
  font-size: 1px;
}

#ZoomButtonTable .ZoomButton {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #d4d4d4;
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
}

#ZoomButtonTable .ZoomButtonSelected {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #f90;
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
}

#ZoomButtonTable .ZoomButtonMinus  {
  width: 100%;
  background: url(../images/zoom_up.gif) no-repeat 50% 50%;
}

#ZoomButtonTable .ZoomButtonMinusDisabled {
  width: 100%;
  background: url(../images/zoom_up_disabled.gif) no-repeat 50% 50%;
}

#ZoomButtonTable .ZoomButtonPlus {
  width: 100%;
  background: url(../images/zoom_down.gif) no-repeat 50% 50%;
}

#ZoomButtonTable .ZoomButtonPlusDisabled {
  width: 100%;
  background: url(../images/zoom_down_disabled.gif) no-repeat 50% 50%;
}

#ZoomButtonTable a {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}

#MapTable {
  border: 2px solid #bbb;
  background: #e5e5e5;
  border-collapse: collapse;
}

#MapTable td {
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

#MapArea {
  border: 1px solid #ccc;
}

#MapArea form {
  margin: 0;
  padding: 0;
}

#MapArea input {
  margin: 0;
  padding: 0;
  display: block;
}

#MapTable .MapMoveButton {
  margin-left: auto;
  margin-right: auto;
  width: 17px;
  height: 17px;
}

#MapMoveButtonNW { background: url(../images/map_arrow_nw.gif) no-repeat 50% 50%; }
#MapMoveButtonN { background: url(../images/map_arrow_n.gif) no-repeat 50% 50%; }
#MapMoveButtonNE { background: url(../images/map_arrow_ne.gif) no-repeat 50% 50%; }
#MapMoveButtonW { background: url(../images/map_arrow_w.gif) no-repeat 50% 50%; }
#MapMoveButtonE { background: url(../images/map_arrow_e.gif) no-repeat 50% 50%; }
#MapMoveButtonSW { background: url(../images/map_arrow_sw.gif) no-repeat 50% 50%; }
#MapMoveButtonS { background: url(../images/map_arrow_s.gif) no-repeat 50% 50%; }
#MapMoveButtonSE { background: url(../images/map_arrow_se.gif) no-repeat 50% 50%;}


#MapTable .MapMoveButton a {
  display: block;
  width: 100%;
  height: 100%;
}

div#mapTypeButtons {
	display:inline;
	float:right;
	margin:13px 40px 10px 0;
}

div#mapTypeButtons div  {
	padding: 1px 8px;
	border:1px solid grey;
	display:inline;
	margin-right:4px;
}

div#mapTypeButtons, div#mapTypeButtons a {
	color:black;
	text-decoration:none;
	font-size:13px;
}

.bgDefault {
	background: #d4d4d4;
}
.bgSelected {
	background: #ff9900;
}

/* extra shit needed by map codes in staticMapGenerator.php */

#BackgroundTypeButtonTable
{
  margin-left: 40px;
  margin-bottom: 10px;
  border-collapse: collapse;
  border: none;
}

#BackgroundTypeButtonTable td
{
  height: 25px;
  padding: 3px;
  text-align: center;
  vertical-align: bottom;
}

#BackgroundTypeButtonTable .BackgroundTypeButton
{
  padding: 0 10px 0 10px;
  background: #d4d4d4;
  border: 1px solid #aaa;
  margin: 0;
}

#BackgroundTypeButtonTable .BackgroundTypeButtonSelected
{
  padding: 0 10px 0 10px;;
  background: #f90;
  border: 1px solid #aaa;
  margin: 0;
}

#BackgroundTypeButtonTable a
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}

.mapTypeButton {
    font-family:sans-serif;
    font-size:12px;
    color:black;
    text-decoration:none;
    line-height:18px;
    text-align:center;
    background:white;
    border:1px solid black;    
    width:65px;
    float:left;
}

#streetMapButton {    
    font-weight:bold;
    margin-right:5px
}

#aerialMapButton {
}

.mapTypeButton a,
.mapTypeButton a:link,
.mapTypeButton a:visited,
.mapTypeButton a:active,
.mapTypeButton a:hover {
    text-decoration:none;
    color:#000;
}