
#lightbox
{
    Z-INDEX: 100;
    POSITION: absolute;
    TEXT-ALIGN: center;
    LINE-HEIGHT: 0;
    WIDTH: 100%;
    LEFT: 0px
}
#lightbox IMG
{
    WIDTH: auto;
    HEIGHT: auto
}
#lightbox A IMG
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none
}
#outerImageContainer
{
    POSITION: relative;
    BACKGROUND-COLOR: #fff;
    MARGIN: 0px auto;
    WIDTH: 250px;
    HEIGHT: 250px
}
#imageContainer
{
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 10px
}
#loading
{
    POSITION: absolute;
    TEXT-ALIGN: center;
    LINE-HEIGHT: 0;
    WIDTH: 100%;
    HEIGHT: 25%;
    TOP: 40%;
    LEFT: 0%
}
#hoverNav
{
    Z-INDEX: 10;
    POSITION: absolute;
    WIDTH: 100%;
    HEIGHT: 100%;
    TOP: 0px;
    LEFT: 0px
}
#imageContainer > #hoverNav
{
    LEFT: 0px
}
#hoverNav A
{
    OUTLINE-STYLE: none;
    OUTLINE-COLOR: invert;
    OUTLINE-WIDTH: medium
}
#prevLink
{
    BACKGROUND-IMAGE: url(data:image/gif;base64,AAAA);
    WIDTH: 49%;
    DISPLAY: block;
    HEIGHT: 100%
}
#nextLink
{
    BACKGROUND-IMAGE: url(data:image/gif;base64,AAAA);
    WIDTH: 49%;
    DISPLAY: block;
    HEIGHT: 100%
}
#prevLink
{
    FLOAT: left;
    LEFT: 0px
}
#nextLink
{
    FLOAT: right;
    RIGHT: 0px
}
#prevLink:hover
{
    BACKGROUND: url(../images/prevlabel.gif) no-repeat left 15%
}
#prevLink:hover:visited
{
    BACKGROUND: url(../images/prevlabel.gif) no-repeat left 15%
}
#nextLink:hover
{
    BACKGROUND: url(../images/nextlabel.gif) no-repeat right 15%
}
#nextLink:hover:visited
{
    BACKGROUND: url(../images/nextlabel.gif) no-repeat right 15%
}
#imageDataContainer
{
    BACKGROUND-COLOR: #fff;
    MARGIN: 0px auto;
    WIDTH: 100%;
    FONT: 10px/1.4em Verdana, Helvetica, sans-serif;
    OVERFLOW: auto
}
#imageData
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    COLOR: #666;
    PADDING-TOP: 0px
}
#imageData #imageDetails
{
    TEXT-ALIGN: left;
    WIDTH: 70%;
    FLOAT: left
}
#imageData #caption
{
    FONT-WEIGHT: bold
}
#imageData #numberDisplay
{
    PADDING-BOTTOM: 1em;
    DISPLAY: block;
    CLEAR: left
}
#imageData #bottomNavClose
{
    PADDING-BOTTOM: 0.7em;
    OUTLINE-STYLE: none;
    OUTLINE-COLOR: invert;
    OUTLINE-WIDTH: medium;
    WIDTH: 66px;
    FLOAT: right
}
#overlay
{
    Z-INDEX: 90;
    POSITION: absolute;
    BACKGROUND-COLOR: #000;
    WIDTH: 100%;
    HEIGHT: 500px;
    TOP: 0px;
    LEFT: 0px
}
