/*
    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) -115px 0 no-repeat; }
    #cboxTopRight     { background: url(../images/controls.png) -153px 0 no-repeat; }
    #cboxBottomLeft   { background: url(../images/controls.png) -115px -38px no-repeat; }
    #cboxBottomRight  { background: url(../images/controls.png) -153px -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: 5px;
          right: 35px;
          text-align: right;
          width: 50%;
          color: #3a3a3a;
        }
        #cboxCurrent {
          bottom: 5px;
          left: 59px;
          color: #3a3a3a;
        }
        #cboxSlideshow {
          bottom: 4px;
          right: 30px;
          color: #3a3a3a;
        }

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

        #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=images/internet_explorer/bordertopleft.png, sizingMethod='scale'); }
.cboxIE #cboxTopCenter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/bordertopcenter.png, sizingMethod='scale'); }
.cboxIE #cboxTopRight { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/bordertopright.png, sizingMethod='scale'); }
.cboxIE #cboxBottomLeft { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderbottomleft.png, sizingMethod='scale'); }
.cboxIE #cboxBottomCenter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderbottomcenter.png, sizingMethod='scale'); }
.cboxIE #cboxBottomRight { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderbottomright.png, sizingMethod='scale'); }
.cboxIE #cboxMiddleLeft { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/bordermiddleleft.png, sizingMethod='scale'); }
.cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/bordermiddleright.png, sizingMethod='scale'); }