#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        :   #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;
    background              :   url(../images/loading.gif) center 50% no-repeat; /* ADD */
}

#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;
    /*background              :   url(../images/prevlabel_n.gif) left 100% no-repeat;*/
}

#nextLink 
{
    right                   :   0;
    float                   :   right;
    /*background              :   url(../images/nextlabel_n.gif) right 100% no-repeat;*/
}

#prevLink:hover, #prevLink:visited:hover 
{
    background             :   url(../images/prevlabel_n.gif) left 100% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover
{
    background             :   url(../images/nextlabel_n.gif) right 100% no-repeat;
}

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

#imageData
{
    padding                 :   10px;
    padding-top             :   0px;
    padding-bottom          :   0px;
    clear                   :   left;
}

#imageData #imageDetails
{
    width                   :   100%;
    text-align              :   left;
}

#imageData #caption
{
    font-weight             :   bold;
    float                   :   left;
    padding-bottom          :   10px;
}

#imageData #imageAuthor
{
    float                   :   left;
    font-style              :   italic;
    margin-left             :   0px;
    margin-bottom           :   10px;
}

#imageData #imageDescription
{
    clear                   :   left;
    display                 :   block;
    clear                   :   left;
    margin-bottom           :   10px;
}

#imageData #bottomNav
{
    clear                   :   both;
    width                   :   100%;
}

#imageData #imageDate
{
    width                   :   40%;
    float                   :   left;
    display                 :   block;
    text-align              :   left;
    font-style              :   italic;
    font-weight             :   bold;
    margin-top              :   3px;
    vertical-align          :   middle;
}

#imageData #numberDisplay
{
    width                   :   20%;
    float                   :   left;
    display                 :   block;
    text-align              :   center;
    vertical-align          :   middle;
    margin-top              :   3px;
}

#imageData #navClose
{
    width                   :   40%;
    height                  :   22px;
    float                   :   right;
    display                 :   block;
    text-align              :   right;
    vertical-align          :   middle;
}

#imageData #bottomNavClose
{
    width                   :   66px;
    height                  :   22px;
    background              :   url(../images/closelabel.gif) right 100% no-repeat;  /* ADD */
    margin-left             :   auto;
    display                 :   block;
    /*margin-right: auto;*/
}

#overlay
{
	position                :   absolute;
	top                     :   0;
	left                    :   0;
	z-index                 :   90;
	width                   :   100%;
	height                  :   500px;
	background-color        :   #808080;
	filter                  :   alpha(opacity=25);
	-moz-opacity            :   0.25;
	opacity                 :   0.25;
}

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