/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent {
  position: relative;
  overflow: hidden;
}

#cboxLoadedContent { overflow: auto; }

#cboxLoadedContent iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay { background: url(../images/overlay.png) 0 0 repeat; }

#colorbox{}

    #cboxTopLeft, #cboxTopRight, 
    #cboxBottomLeft, #cboxBottomRight, 
    #cboxMiddleLeft, #cboxMiddleRight { width: 32px; }
    #cboxTopLeft, #cboxTopRight, 
    #cboxBottomLeft, #cboxBottomRight, 
    #cboxTopCenter, #cboxBottomCenter { height: 32px; } 
    #cboxTopLeft      { background: url(../images/controls.png) -116px 0 no-repeat; }
    #cboxTopRight     { background: url(../images/controls.png) -154px 0 no-repeat; }
    #cboxBottomLeft   { background: url(../images/controls.png) -116px -38px no-repeat; }
    #cboxBottomRight  { background: url(../images/controls.png) -154px -38px no-repeat; }
    #cboxMiddleLeft   { background: url(../images/controls.png) left top repeat-y; }
    #cboxMiddleRight  { background: url(../images/controls.png) right top repeat-y; }
    #cboxTopCenter    { background: url(../images/border.png) 0 0 repeat-x; }
    #cboxBottomCenter { background: url(../images/border.png) 0 -32px repeat-x; }
    #cboxContent      { background: #00baff; }

    #cboxLoadedContent { margin-bottom: 38px; }

    #cboxTitle, #cboxCurrent, #cboxSlideshow {
      position: absolute;
    }
    #cboxTitle {
      bottom: 7px;
      right: 50px;
      text-align: right;
      width: 50%;
      color: #000;
      font-weight: bold;
    }
    #cboxCurrent {
      bottom: 5px;
      left: 80px;
      color: #000;
      font-weight: bold;
    }
    #cboxSlideshow {
      bottom: 4px;
      right: 30px;
      color: #3a3a3a;
    }

    #cboxPrevious, #cboxNext, #cboxClose {
      position: absolute;
      bottom: 0;
      width: 28px;
      height: 28px;
      text-indent: -9999px;
    }
    /*#cboxPrevious, #cboxNext, #cboxClose {
      bottom: 0;
    }*/
    #cboxClose {
      right: 10px;
    }
    #cboxPrevious {
      left: 10px;
      background: url(../images/controls.png) -88px 0px no-repeat;
    }
    #cboxPrevious.hover { background-position: -88px -32px; }
    #cboxNext {
      left: 48px;
      background: url(../images/controls.png) -60px 0px no-repeat;
    }
    #cboxNext.hover {  background-position: -60px -32px; }
    #cboxClose {
      background: url(../images/controls.png) -32px 0px no-repeat;
    }
    #cboxClose.hover { background-position:-32px -32px; }

    #cboxLoadingOverlay { background:url(../images/loading_background.png) center center no-repeat; }
    #cboxLoadingGraphic { background:url(../images/loading.gif) center center no-repeat; }

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft, 
.cboxIE #cboxTopCenter, 
.cboxIE #cboxTopRight, 
.cboxIE #cboxBottomLeft, 
.cboxIE #cboxBottomCenter, 
.cboxIE #cboxBottomRight, 
.cboxIE #cboxMiddleLeft, 
.cboxIE #cboxMiddleRight {
  background: transparent;
}
.cboxIE #cboxTopLeft { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.iglesiant.org/images/internet_explorer/bordertopleft.png, sizingMethod='scale'); }
.cboxIE #cboxTopCenter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.iglesiant.org/images/internet_explorer/bordertopcenter.png, sizingMethod='scale'); }
.cboxIE #cboxTopRight { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.iglesiant.org/images/internet_explorer/bordertopright.png, sizingMethod='scale'); }
.cboxIE #cboxBottomLeft { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.iglesiant.org/images/internet_explorer/borderbottomleft.png, sizingMethod='scale'); }
.cboxIE #cboxBottomCenter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.iglesiant.org/images/internet_explorer/borderbottomcenter.png, sizingMethod='scale'); }
.cboxIE #cboxBottomRight { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.iglesiant.org/images/internet_explorer/borderbottomright.png, sizingMethod='scale'); }
.cboxIE #cboxMiddleLeft { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.iglesiant.org/images/internet_explorer/bordermiddleleft.png, sizingMethod='scale'); }
.cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.iglesiant.org/images/internet_explorer/bordermiddleright.png, sizingMethod='scale'); }