html {
  background: #fff; 
}

#container {
  width: 900px;
  margin: 0 auto; 
  position: relative;
  top: -25px; 
  padding-top: 1px; 
}

#campus_map {
  margin-top: 60px; 
  margin-left: 56px;
  width: 844px;
}

#campus_map th {
  text-align: center;
  padding-bottom: 15px; 
  
}
  #campus_map th img {
    position: relative; 
  }
  #building1_header {
    left: -5px; 
  }
  #building2_header {
    top: 100px; 
    left: -5px; 
  }
  #building2west_header {
    top: 205px; 
    left: 5px; 
  }
  #building3_header {
    top: 185px; 
    left: -5px; 
  }

#campus_map td {
  border: 1px solid #fff;
  color: #fff; 
  line-height: 13px;
  font-size: 11px; 
  vertical-align: top;
  border-collapse: separate;

  height: 14px;
}

#campus_map td.blank {
  border-color: #fff;
}

#campus_map td.bridge {
  border-color: #fff;
  background-color: #fff;
  width: 19px; 
}
  #diagonal_bridge {
    position: absolute;
    right: 201px;
    top: 467px; 
  }

#campus_map td.bridge_active, 
#campus_map td.building2west_floor13,
#campus_map td.building2west_floor12,
#campus_map td.building2west_floor13_bridge,
#campus_map td.building2west_floor12_bridge,
#container #campus_map td.bridge_active.ezpath {
  background: #fee4ac url(/images/campus_map/icon_bridge.gif) center center no-repeat;
  border: none;
  border-bottom: 1px solid #fff;
  
}
  #campus_map td.building2west_floor13_bridge,
  #campus_map td.building2west_floor12_bridge {
    background: #fee4ac;
  }

  #campus_map td.building2west_floor13,
  #campus_map td.building2west_floor12,
  #campus_map td.building2west_floor13_bridge,
  #campus_map td.building2west_floor12_bridge {
    border-left: #999;
    border-right: #999;
  }

#campus_map td.floor {
  width: 200px;
  overflow: hidden;
  line-height: 14px;
}

  #campus_map td.highlight span.desc {
  }

#campus_map td a {
  display: block;
  position: relative; 
  width: 195px;
  padding: 3px 0 3px 5px;
  min-height: 14px; 
  height: 14px; 
  margin: 0;
  color: #fff; 
}
  #container #campus_map td a:hover,
  #container #campus_map td.ezpath a:hover,
  #container #campus_map td.ezpath a.temp:hover,
  #container #campus_map td.building2 a:hover,
  #container #campus_map td.building2west a:hover,
  #container #campus_map td.building3 a:hover,
  #container #campus_map td a.hovering {
    text-decoration: none !important; 
    background: #000 !important;
    color: #fff !important;
  }


  #campus_map td.building1 a.temp {
    background: #98c8ec;
    color: #000;
  }
  #campus_map td.building2 a.temp,
  #campus_map td.building2west a.temp {
    background: #e8a0ac;
    color: #000;
  }

  #campus_map td.building3 a.temp {
    background: #96d0ba;
    color: #000;
  }

  #container #campus_map td.ezpath,
  #container #campus_map td.ezpath a,
  #container #campus_map td.ezpath a.temp,
  #container #campus_map td.ezpath.bridge_active {
    background: #fdbb2f;
    color: #000;
  }
  #container #campus_map td.bridge_active.ezpath {
    background: #fdbb2f url(/images/campus_map/icon_bridge.gif) center center no-repeat;
  }


#campus_map td span.num {
  position: absolute;
  top: 3px;
  left: 5px; 
  font-weight: bold;
}

#campus_map td span.desc {
  display: block;
  margin-left: 20px; 
  padding-right: 5px; 
}

#campus_map td img.legend_icon {
  position: absolute;
  top: 3px;
  right: 4px; 
  display: block;
  border: 1px solid #ccc;
}

.building1 {
  background: #1c569a;
}

.building2,
.building2west {
  background: #851c29;
}

.building3 {
  background: #20693b; 
}



#campus_map td.building2 {
}

.details {
  background: #444; 
  padding: 2px 5px 5px 5px; 
  display: none;
  color: #fff; 
  font-size: 11px; 
  margin-left: 1px; 
  min-height: 14px; 
  line-height: 13px; 
}
  .details p {
  }
  .details_building3 {
    width: 200px; 
  }

  .details img.floorplan {
    border: 2px solid #fff;
    margin: 3px 0;
  }

  .details img.icon {
    display: inline; 
    border: 1px solid #777;
    margin-right: 1px;
    
  }

  .details span.icons {
    display: block;
    margin: 3px 0; 
  }

  .details h3 {
    font-weight: bold;
    font-size: 11px; 
    color: #fff;
    text-transform: none;
    margin: 0;
  }

  .details a {
    color: #ffff99;
    text-decoration: underline; 
  }
    .details a:hover {
      background: #777;
    }

#logo {
  position: absolute;
  top: 15px;
  top: 43px; 
  right: 345px; 
  padding-right: 18px; 
  xborder-right: 1px dotted #999;
}

#legend {
  position: absolute;
  top: 12px;
  right: 40px; 
  z-index: 1;
}

  #legend td {
    padding-right: 20px; 
    font-size: 11px; 
    line-height: 13px; 
  }
    #legend td img {
      border: 1px solid #ccc;
      position: relative;
      bottom: -2px; 
    }

    #legend h3 {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold; 
      color: #999;
      margin: 0 0 0 0;
    }

    #legend td a {
      color: #222;
      padding: 4px 2px 1px 2px; 
    }
    #legend td a:hover {
      background: #000;
      color: #fff;
      text-decoration: none;
    }

    #legend td.hints {
      padding-top: 10px; 
      font-style: italic; 
      color: #999;
      line-height: 1.4em;
      display: none;
    }


#escalator,
#elevators {
  position: absolute; 
  display: none;
  top: 154px; 
  left: 220px; 
  z-index: 99; 
}
  #elevators {
    top: 133px;
  }

#ezpath1, #ezpath2
{
  position: absolute; 
  top: 571px; 
}

#ezpath1
{
  left: -1px; 
}
#ezpath2
{
  right: -60px; 
}

.street {
  position: absolute; 
  background: url(/images/campus_map/street_bg_left.gif) top left no-repeat; 
  height: 22px;
  width: 100px; 
  padding-left: 75px; 
  font-size: 11px; 
  color: #999;
  padding-top: 9px; 
  line-height: 11px;
}
  #building1_street {
    top: 612px; 
    left: 56px; 
  }
  #building2_street {
    top: 612px; 
    left: 277px; 
  }
  #building2west_street {
    top: 654px; 
    left: 478px; 
    background: url(/images/campus_map/street_bg_left.gif) top left no-repeat; 
  }
  #building3_street {
    top: 612px; 
    left: 699px; 
  }

#google_map_thumb {
  position: absolute;
  top: 40px;
  right: 0; 
  border: 1px solid #ccc;
  z-index: 200; 
}
  #google_map_thumb:hover {
    border: 1px solid orange;
  }


#editpage {
  position: absolute;
  top: 1em;
  left: 1em; 
}  


/*** SIMPLEMODAL ********************************************************************************************/

#modalOverlay {
        background-color:#000;
        /* cursor:wait; */
        width: 100%;
        height: 100%;
}

#modalContainer {
        height:60%;
        width:760px;
        left:50%;
        top:15%;
        margin-left:-380px; // half the width, to center
        background: #fff;
        display: block;
        border:3px solid #ccc;
}

#modalContainer a.modalCloseImg {
        background:url(/images/campus_map/modal_close.png) no-repeat;
        width:25px;
        height:29px;
        display:inline;
        z-index:3200;
        position:absolute;
        top:-14px;
        right:-18px;
        cursor:pointer;
}

#modalContainer iframe {
        width:100%;
        height:100%;
        border:none;
}