#lightbox {
position : absolute;
top : 20px;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
color : #151410;
}
#lightbox a, #lightbox a:hover {
border-bottom : none;
color : #151410;
text-decoration : underline;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainerBottom .icLine1, #imageContainerBottom .icLine2, #imageContainerBottom .icLine3, #imageContainerBottom .icLine4, #imageContainerBottom .icLine5, #imageContainerTop .icLine1, #imageContainerTop .icLine2, #imageContainerTop .icLine3, #imageContainerTop .icLine4, #imageContainerTop .icLine5 {
font-size : 1px;
height : 1px;
background-color : #fff;
border-style : solid;
border-width : 0 1px;
}
#imageContainerTop .icLine1, #imageContainerBottom .icLine1 {
margin : 0 0;
border-color : #9e9e9e;
}
#imageContainerTop .icLine2, #imageContainerBottom .icLine2 {
margin : 0 0;
border-color : #3b3b3b;
}
#imageContainerTop .icLine3, #imageContainerBottom .icLine3 {
margin : 0 1px;
border-color : #7b7b7b;
}
#imageContainerTop .icLine4, #imageContainerBottom .icLine4 {
margin : 0 2px;
border-color : #676767;
}
#imageContainerTop .icLine5, #imageContainerBottom .icLine5 {
margin : 0 4px;
border-color : #9e9e9e;
}
#imageContainerTop, #imageContainerBottom {
position : relative;
width : 250px;
margin : 0 auto;
}
#imageContainer {
border-style : solid;
border-color : #fff;
border-width : 6px 10px 10px 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#loadingLink {
display : block;
margin : 0 auto;
padding : 0;
width : 32px;
height : 32px;
background : url("loading.gif") no-repeat center center;
text-indent : -9999px;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLinkImg, #nextLinkImg {
width : 49%;
height : 100%;
display : block;
text-indent : -9999px;
}
#prevLinkImg {
left : 0;
float : left;
}
#nextLinkImg {
right : 0;
float : right;
}
#prevLinkImg:hover, #prevLinkImg:visited:hover {
background : url("prev.png") no-repeat 5% center;
}
#nextLinkImg:hover, #nextLinkImg:visited:hover {
background : url("next.png") no-repeat 97% center;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
}
#imageData {
padding : 0 10px;
}
#imageDetails {
width : 70%;
float : left;
text-align : left;
}
#caption {
font-weight : bold;
}
#numberDisplay {
display : block;
float : left;
padding-right : 10px;
}
#detailsNav {
display : block;
padding : 0 0 10px 0;
}
#prevLinkDetails {
margin : 3px;
margin-top : 1px;
display : block;
width : 16px;
height : 16px;
background : url("prevlabel.gif") no-repeat left center;
float : left;
}
#nextLinkDetails {
margin : 3px;
margin-top : 1px;
display : block;
width : 16px;
height : 16px;
background : url("nextlabel.gif") no-repeat right center;
float : left;
}
#slideShowControl.started {
background-image : url("pause.gif");
}
#slideShowControl {
display : block;
width : 17px;
height : 17px;
float : left;
background : url("start.gif");
background-position : center center;
background-repeat : no-repeat;
}
#closeLink {
display : block;
margin : 0;
padding : 0;
text-decoration : none;
float : right;
width : 32px;
height : 32px;
background : url("close.gif") no-repeat;
text-indent : -9999px;
overflow : hidden;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #151410;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html > body .clearfix {
display : inline-block;
width : 100%;
}
* html .clearfix {
height : 1%;
}