/*body { font-size: 9pt; font-family: Helvetica, Arial, sans-serif; }
img { border: 0; }
*/
/* ############## DON NOTE #2 ADDED 2 px to width to make it fit##########################*/
#map { width: 860px; height: 600px; }
div.overlay { 
    background-image:url(../images/overlay/white.png); 
    /* dimensions after the growing animation finishes  */ 
    width:550px; 
    height:550px;         
    /* initially overlay is hidden */ 
    display:none; 
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../images/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
/* black */ 
div.overlay.black { 
    background:url(../images/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(../images/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}

/* menu */
#menubar { height: 25px; }
#menubar ul.menu { height: 25px; }
#menubar ul.menu, #menubar ul.submenu { padding: 0; margin: 0; }
#menubar ul.menu li { padding: 0; margin: 0; }
#menubar ul.menu li { list-style: none; display: block; }
#menubar ul.menu > li { float: left; }
/* ############## DON NOTE #1 ADDED MARGIN-TOP TO RETAIN QUICKLINK MENU ON ROLLOVER ##########################*/
#menubar ul.menu ul { margin-top: -2px; position: absolute; z-index: 5; background-color: #79272a; width: 200px; }

/* ############## DON NOTE #3 ADDED THIS TO GET RID OF HALF BULLETS IN DROPDOWN background-image: none; ##########################*/
#menubar ul.menu ul li { width: 100%; border-top: 1px #ccc solid; background-image: none; }
#menubar ul.menu ul { position: absolute; z-index: 5; background-color: #79272a; width: 200px; }
#menubar ul.menu ul li { border-top: 1px #ccc solid; }
#menubar ul.menu ul li:first-child { border: 0; }
#menubar ul.menu li ul { display: none; }
#menubar ul.menu li:hover ul { display: block; }
#menubar ul.menu a, #menubar ul.menu img { display: block; }
#menubar ul.menu ul a {
  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.9em;
  color: #fff; padding: 2px 0 2px .6em; text-decoration: none;
}
#menubar ul.menu ul li a:hover { background-color: #5d1416; }

/* dialog ../images/box */
#dia { width: 580px;}
#dia_close { width: 19px; height: 19px; background: url(../images/box/popup_close.png) top left no-repeat transparent; cursor: pointer; margin: 0 0 0 -10px; }
#dia_contents { background: url(../images/box/dia_contents.png) top left repeat-x transparent; height: 300px; }
#dia_t { height: 10px; background: url(../images/box/dia_t.png) top left repeat-x transparent; }
#dia_tl { width: 10px; height: 10px; background: url(../images/box/dia_tl.png) top left no-repeat transparent; }
#dia_tr { width: 17px; height: 10px; background: url(../images/box/dia_tr.png) top left no-repeat transparent; }
#dia_l { width: 9px; background: url(../images/box/dia_l.png) top left no-repeat transparent; }
#dia_r { width: 17px; background: url(../images/box/dia_r.png) top left no-repeat transparent; }
#dia_bl { width: 10px; height: 17px; background: url(../images/box/dia_bl.png) top left no-repeat transparent; }
#dia_br { width: 17px; height: 17px; background: url(../images/box/dia_br.png) top right no-repeat transparent; }
#dia_b { height: 17px; background: url(../images/box/dia_b.png) top left repeat-x transparent; }
#dia_beak { width: 161px; height: 38px; background: url(../images/box/dia_beak.png) top right no-repeat transparent; }
/* dialog tabs */
#dia ul.tabs { padding: 0; margin: 0; display: block; position: relative; top: -33px; height: 23px; }
#dia li.tab {
  display: block; width: 192px; height: 23px; float: left; margin: 0; padding: 0;
  background: url(../images/box/tab_inactive.png) top left no-repeat transparent;
  color: #fff; font-size: 12px; font-weight: bold;
}
#dia li.tab.active { background-image: url(../images/box/tab_active.png); }
#dia li.tab a { color: #fff; text-decoration: none; display: block; margin: 5px 4em; }
#dia div.tab { position: relative; display: none; top: -23px; }
#dia div.tab.active { display: block; }
#dia .description { height: 23px;  font-family: Verdana, sans-serif; font-size: 11px; color: #a1a2a5; padding-left:5px;}
#dia .info { width: 560px; height: 257px; overflow: auto; border: 1px solid #888; padding: 10px; }
#dia .info h2 { color: #3473a8; }
#dia .info .address { color: #3473a8; }

#dia .wrapper { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 560px; height: 257px; }
#dia .header { margin: 0 0 18px 0; }
#dia .title  { font-family: Verdana, sans-serif; font-size: 14px; color: #5587b2; text-decoration: none;font-weight:bold; padding-left: 12px; margin-bottom: 15px; }
#dia .headingtitle  { font-family: Arial, sans-serif; font-size: 14px; color: #5587b2; text-decoration: none;font-weight:normal; padding-bottom: 2px; padding-left:5px; }
#dia .desc  { font-family: Arial, sans-serif; font-size: 12px; color: #000000; text-decoration: none;font-weight:normal; padding-bottom: 10px; padding-left:15px;  }
#dia .desc a { font-family: Arial, sans-serif; font-size: 12px; color: #8a738f; font-weight:bold; text-decoration: none; }
#dia .desc a:hover { color:#60416a; text-decoration:underline; }
#dia .descgeneral  { font-family: Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: none;font-weight:normal; padding-bottom: 10px; padding-left:5px;  }
#dia .descgeneral a { font-family: Arial, sans-serif; font-size: 12px; color: #8a738f; font-weight:bold; text-decoration: none; }
#dia .descgeneral a:hover { color:#60416a; text-decoration:underline; }


#dia .side-a { float: left; width: 340px; margin-right: 10px;  border: 1px solid #dfdfe0; margin-left: 3px; height: 256px;}
#dia .side-b { margin: 0; padding: 12px 10px 0px 10px; float: left; width: 201px; overflow: auto; overflow-x: hidden; height: 245px;  border: 1px solid #dfdfe0; margin-top: 0px; }
#dia .side-b { background: #f1f1f1 url(../images/box/dia_contentspg.png) top left repeat-x; background-color: #ececec; }
#dia .side-b-noimage { margin: 0 5px 0 5px; padding: 12px 10px 0px 10px; float: left; width: 550px; overflow: auto; overflow-x: hidden; height: 245px;  border: 1px solid #dfdfe0; margin-top: 0px; }
#dia .side-b-noimage { background: #f1f1f1 url(../images/box/dia_contentspg.png) top left repeat-x; background-color: #ececec; }


#dia .footer { clear: both; }

#dia .3drotator {  margin-top: 8px; padding: 5px 5px 0 4px; }
#dia .rotator {}
/* UNUSED 
#dia .locationicons {margin: 0px 0px 12px 0px; padding: 3px 0px 3px 3px; border: 1px solid #e3e3e3; width: 192px; height: 19px; background-color: #c2c7ca }
#dia .accessable {height: 19px; background: url(../images/icons/panohandi.png) top left no-repeat;}
#dia .administration {height: 19px; width: 19px; background: url(../images/icons/panoadmin.png) top left no-repeat;}
#dia .reststop {height: 19px; width: 19px; background: url(../images/icons/panorest.png) top left no-repeat;}
#dia .atm {height: 19px; width: 19px; background: url(../images/icons/panoatm.png) top left no-repeat;}
#dia .classroom {height: 19px; width: 19px; background: url(../images/icons/panoclassroom.png) top left no-repeat;}
#dia .chemicals {height: 19px; width: 19px; background: url(../images/icons/panochem.png) top left no-repeat;}
#dia .computeraccess {height: 19px; width: 19px; background: url(../images/icons/panocomputer.png) top left no-repeat;}
#dia .busstop {height: 19px; width: 19px; background: url(../images/icons/panobus.png) top left no-repeat;}
#dia .library {height: 19px; width: 19px; background: url(../images/icons/panobooks.png) top left no-repeat;}
#dia .laundry {height: 19px; width: 19px; background: url(../images/icons/panolaundry.png) top left no-repeat;}
#dia .cinema {height: 19px; width: 19px; background: url(../images/icons/panobooks.png) top left no-repeat;}
#dia .accommodation {height: 19px; width: 19px; background: url(../images/icons/panobed.png) top left no-repeat;}
#dia .disabledparking {height: 19px; width: 19px; background: url(../images/icons/panodisabledp.png) top left no-repeat;}
#dia .parking {height: 19px; width: 19px; background: url(../images/icons/panoparking.png) top left no-repeat;}
#dia .phone {height: 19px; width: 19px; background: url(../images/icons/panophone2.png) top left no-repeat;}
#dia .washroom {height: 19px; width: 19px; background: url(../images/icons/panowashroom2.png) top left no-repeat;}
#dia .wireless {height: 19px; width: 19px; background: url(../images/icons/panowireless.png) top left no-repeat;}
#dia .crosswalk {height: 19px; width: 19px; background: url(../images/icons/panocrosswalk.png) top left no-repeat;}
#dia .recreation {height: 19px; width: 19px; background: url(../images/icons/panorec.png) top left no-repeat;}
*/

/* popup */
#popup {
  display: none; position: absolute;
  width: 452px; height: 220px;
  top: 33px; left: 370px;
  background: url(../images/hcpopup-back.png) top left no-repeat transparent;
  z-index: 1;
}

.popup-top {
  background: url(../images/hclogo.png) top left no-repeat transparent;
  position: absolute;
  height: 50px; width: 392px;
  top: 21px; left: 30px;
  font-family: Arial, sans-serif;
  color: #8f979f;
  padding-top: 12px;
}

.popup-close {
  background: url(../images/hcpopup-close.png) top right no-repeat transparent;
  position: absolute;
  top: 25px; right: 25px; height: 30px; width: 30px;
  cursor: pointer;
  z-index: 2;
}

.popup-title {
  font-size: 12px;
  margin-left: 160px;
}

.popup-subtitle {
  font-size: 18px;
  font-weight: bold;
  margin-left: 160px;
}

.popup-text {
  font-size: 11px;
  font-weight: bold;
  color: #646566;
  width: 372px; height: 100px; overflow: hidden;
  position: absolute; top: 90px; left: 40px;
}

/* THIS IS FOR AJAX SPINNER PRE-LOADER */
#map-container {
position: relative;
}

#loading {
display: none;
z-index: 3;
position: absolute;
width: 830px;
height: 600px;
background: url(../images/loading.gif) center center no-repeat #fff;
opacity: 0.75;
filter: alpha(opacity=75);
}