/*
    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; }*/
#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;}
#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;}

/* 
    ColorBox 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: #000;}*/
#cboxOverlay{background: transparent url('../images/blueBackground2.jpg') fixed bottom center;}
#colorbox{background-color: #000; -moz-box-shadow: 0 0 28px 0 #000000;}

        #cboxLoadedContent{background:#000; padding:5px;}
       /* #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}*/

        


/* MY SHIT */

#cboxMyControls {
width: 100%;
height: 75px;
position: fixed;
bottom: 0;
background: transparent url('../images/footerBackground.png') repeat-x;
z-index: 99999;}

#cboxMyInnerControls {
  width: 410px;
  margin: 0 auto;
  position: relative;
  margin-top: 10px;
  }
  
  
        #cboxCurrent{margin-top: 3px; text-align:center; width:310px; float: left; color:#CCCCCC; font-family:arial; font-size:36px; font-weight:bold; filter:alpha(opacity=20); opacity:0.2; text-transform:uppercase; }
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        
        #cboxPrevious{float: left; background:url('../images/myControls.png') no-repeat 0 0; width:49px; height:49px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position: 0 -48px;}
        
        #cboxNext{float: left; background:url('../images/myControls.png') no-repeat -49px 0; width:49px; height:49px; text-indent:-9999px;}
        #cboxNext.hover{background-position: -49px -48px;}
        
        #cboxClose{position: absolute; right: 10px; top: 10px; display:block; background:url('../images/myControls.png') no-repeat -98px 0; width:49px; height:49px; text-indent:-9999px;}
        #cboxClose.hover{background-position: -98px -48px;}
        
        
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url('../images/loading.gif') center center no-repeat;}