/**
  *
  * kj_imagelightbox2 
  * Presentationmode CSS
  *
  */

.presentationmode a:link, .presentationmode a:visited {                            
  font-family:Verdana;
  size:11px;
  text-decoration:none;
  color:#999999;
  width:100%;                        
}

                                    
.presentationmodeAct a:link {
/*  color:#000000; font-weight:bold; text-decoration:none; width:100%;               */
}                      
                                  
.presentationmodeSpan {    
  padding-right:20px;    
  font-family:Verdana;
  size:11px;
  text-decoration:none;
  color:#999999;    
  width:100%;                                                    
}

#lightbox {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox a img { 
    border: none; 
}

#lightboximage{
	width: 100%;
	height: 100%;
}

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 250px;
    margin: 0 auto;
}

#imageContainer {
    padding: 10px;
    position: relative;
    
}

#_imageContainer #loadingLink img { width: 20px; }

#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer>#hoverNav { 
    left: 0;
}

#hoverNav a { 
    outline: none;
}


#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
}

#imageData {
    padding:0 10px;
}

#imageData #imageDetails { 
    text-align: center;
}    

#imageData #caption { 
    font-weight: bold;    
}

#imageData #numberDisplay {
     display: block; 
     clear: left; 
     padding-bottom: 1.0em;    
}    
        
#bottomNav{
   padding-bottom:10px;
   margin-top:-30px;

}


#overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    /*background-color: #ff0000;
    filter:alpha(opacity=50);
    -moz-opacity: 0.6;
    opacity: 0.6;         */
}
    
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html>body .clearfix {
    display: inline-block; 
    width: 100%;
}

* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
}