/* (C) Metaswitch Networks 2009 */

div#popupOverlayDiv
{
  z-index: 1000;
  position: absolute;
  width: 80%;
  min-width: 625px;
  height: 80%;
  min-height: 530px;
  top: 10%;
  left: 10%;
  /* The properties min-height and min-width are not supported by IE6
     IE6 will treat height as min-height and width as min-width
     We need to use expression to determine the width and the height of the page */
  _width:expression( parent.document.documentElement.clientWidth <= 775 ? "625px" : parent.document.documentElement.clientWidth * 0.8 );
  _height:expression( parent.document.documentElement.clientHeight <= 673 ? "530px" : parent.document.documentElement.clientHeight * 0.8 );
  background: #EAEAEA;
}

  div#popupOverlayDiv iframe
  {
    position:absolute;
    /* The iframe has 98% of the div width to keep a 1% margin on both sides */
    margin: 1%;
    width: 98%;
    border: 0px;
    frameborder: 0px;
    scrolling: no;
  }

  div#popupOverlayDiv #popupOverlayButton
  {
    float: right;
    color:#2B3E52;
    font-family:Tahoma,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    background:transparent no-repeat scroll left top;
  }

    div#popupOverlayDiv #popupOverlayButton a
    {
      background:transparent no-repeat scroll right top;
      color:#000000;
      display:block;
      font-weight:normal;
      height:17px;
      padding:3px 10px 0pt 8px;
      text-align:center;
      text-decoration:none;
      margin-left: 3px;
      float: left;
    }

  div.popupOverlayBottom
  {
    position: absolute;
    /* The right margin is kept at 1% to synch with the iframe margin */
    bottom: 6px;
    height: 20px;
    right: 1%;
  }

div#popupOverlayBackground
{
  position: absolute;
  z-index: 999;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #f3f6fc;
  opacity: 0.6;
  filter: alpha(opacity = 60);
  _width:expression( parent.document.documentElement.clientWidth );
  _height:expression( parent.document.documentElement.clientHeight );
}