#lightbox
{
    Z-INDEX: 100;
    LEFT: 0px;
    WIDTH: 100%;
    LINE-HEIGHT: 0;
    POSITION: absolute;
    TEXT-ALIGN: center
}
#outerImageContainer
{
    BACKGROUND: #ffffff;
    MARGIN: 0px auto;
    WIDTH: 250px;
    POSITION: relative;
    HEIGHT: 250px
}
#imageContainer
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px
}
#loading
{
    LEFT: 0%;
    WIDTH: 100%;
    LINE-HEIGHT: 0;
    POSITION: absolute;
    TOP: 40%;
    HEIGHT: 25%;
    TEXT-ALIGN: center
}
#hoverNav
{
    Z-INDEX: 10;
    LEFT: 0px;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 100%
}
UNKNOWN
{
    LEFT: 0px
}
#prevLink
{
    DISPLAY: block;
    BACKGROUND: url(../img/lightbox/blank.gif) no-repeat;
    WIDTH: 49%;
    HEIGHT: 100%
}
#nextLink
{
    DISPLAY: block;
    BACKGROUND: url(../img/lightbox/blank.gif) no-repeat;
    WIDTH: 49%;
    HEIGHT: 100%
}
#prevLink
{
    LEFT: 0px;
    FLOAT: left
}
#nextLink
{
    RIGHT: 0px;
    FLOAT: right
}
#nextLinkText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #a0aaad;
    TEXT-DECORATION: none
}
#prevLinkText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #a0aaad;
    TEXT-DECORATION: none
}
#nextLinkText
{
    PADDING-LEFT: 15px
}
#prevLinkText
{
    PADDING-RIGHT: 15px
}
.ontop #imageData
{
    PADDING-TOP: 5px
}
#imageDataContainer
{
    FONT-SIZE: 12px;
    BACKGROUND: #ffffff;
    MARGIN: 0px auto;
    LINE-HEIGHT: 1.4em
}
#imageData
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
#imageData #imageDetails
{
    FLOAT: left;
    WIDTH: 70%;
    TEXT-ALIGN: left
}
#imageData #caption
{
    FONT-WEIGHT: bold;
    COLOR: #40555a
}
#imageData #numberDisplay
{
    CLEAR: left;
    DISPLAY: block;
    FONT-SIZE: 10px
}
#imageData #bottomNavClose
{
    FLOAT: right;
    PADDING-BOTTOM: 0.7em;
    WIDTH: 66px;
    MARGIN-RIGHT: 0px
}
#imageData #helpDisplay
{
    CLEAR: left;
    DISPLAY: block;
    FLOAT: left
}
#overlay
{
    DISPLAY: none;
    Z-INDEX: 90;
    BACKGROUND: #000000;
    FILTER: alpha(opacity=60);
    LEFT: 0px;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 500px;
    moz-opacity: 0.6;
    opacity: 0.6
}
.clearfix:unknown
{
    CLEAR: both;
    DISPLAY: block;
    VISIBILITY: hidden;
    HEIGHT: 0px;
    content: "."
}
UNKNOWN
{
    DISPLAY: inline-block;
    WIDTH: 100%
}
 HTML .clearfix
{
    HEIGHT: 1%
}
