/**

  *

  * 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; 

}



#outerImageContainer {

    position: relative;

    background-color: #fff;

    width: 250px;

    height: 250px;

    margin: 0 auto;

}



#imageContainer {

    padding: 10px;

}



#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;

}



#prevLink, #nextLink {

    width: 49%;

    height: 100%;

    /*background: transparent url(../images/blank.gif) no-repeat;*/ /* Trick IE into showing hover */

    display: block;

}



#prevLink { 

    left: 0; 

    float: left;

}



#nextLink { 

    right: 0; 

    float: right;

}



#prevLink:hover, #prevLink:visited:hover { 

    /*background: url(../images/prevlabel.gif) left 15% no-repeat; */

}



#nextLink:hover, #nextLink:visited:hover { 

    /*background: url(../images/nextlabel.gif) right 15% no-repeat; */

}



#imageDataContainer {

    font: 10px Verdana, Helvetica, sans-serif;

    background-color: #fff;

    margin: 0 auto;

    line-height: 1.4em;

}



#imageData {

    padding:0 10px;

}



#imageData #imageDetails { 

    width: 70%; 

    float: left; 

    text-align: left; 

}    



#imageData #caption { 

    font-weight: bold;    

}



#imageData #numberDisplay {

     display: block; 

     clear: left; 

     padding-bottom: 1.0em;    

}    

        

/*#imageData #bottomNavClose { 

    width: 66px; 

    float: right;  

    padding-bottom: 0.7em;    

}    */

    

#overlay {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 90;

    width: 100%;

    height: 500px;

    /*background-color: #ff0000;*/

opacity:.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;

}

    

.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 */

}