/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
  position: absolute;
  z-index: 200;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: .4;
  filter: alpha(opacity=40);
  /* this hack is so it works in IE
   * I find setting the color in the css gives me more flexibility 
   * than the PNG solution.
   */
  background-color:transparent !important;
  background-color: #333333;
  /* this hack is for opera support
   * you can uncomment the background-image if you don't care about opera.
   * this gives you the flexibility to use any bg color that you want, instead of the png
   */
  background-image/**/: url("http://www.sunnet.sg/images/common/maskBG.png") !important; // For browsers Moz, Opera, etc.
  background-image:none;
  background-repeat: repeat;
  display:none;
}
#popupContainer {
  position: absolute;
  z-index: 201;
  top: 0px;
  left: 0px;
  display:none;
  padding: 0px;
}
#popupInner {
  border: 2px solid #000000;
  background-color: #ffffff;
}

#popupFrame {
  margin: 0px;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 202;
}
#popupTitleBar {
  background-color: #FFBA00;
  color: #ffffff;
  font-weight: bold;
  height: 1.3em;
  padding: 5px;
  border-bottom: 2px solid #000000;
  border-top: 1px solid #FFD155;
  border-left: 1px solid #FFD155;
  border-right: 1px solid #FFBA00;
  position: relative;
  z-index: 203;
}
#popupTitle {
  float:left;
  font-size: 1.1em;
}
#popupControls {
  float: right;
  cursor: pointer;
  cursor: hand;
}