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

#lightbox a img{border:none;}

#outerImageContainer{
        position:relative;
        background-color:#ffffff;
        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/popicon/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/popicon/prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background:url(../images/popicon/next.gif) right 15% no-repeat;}


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

#imageData{padding:0 10px;color:#666;}
#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:#000;
        }


/* Min-Width */
.lbWidth { /* most browsers */
        position: absolute;
        top:0px;left:0px;
        width:100%;
        min-width:790px;
        }

* html .lbContent { /* IE6 */
        margin-left:-790px;
        position:relative;
        }

* html .lbMinWidth { /* IE6 */
        padding-left:790px;
        }


/* Clearfix */
.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility: hidden;
}

.clearfix {display:inline-block;}

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