#lightbox
{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;

	z-index: 10000;
}

#lightboxDetails
{
	font-size: 0.8em;
	padding-top: 0.4em;
}

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../Images/LightBox/overlay.png); }

* html #overlay
{
    background-color: #333;
    back\ground-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/LightBox/overlay.png", sizingMethod="scale");
}

/* 
    The following is necessary to correctly place the Telerik navigation
    beneath our Lightbox overlay
*/
.primaryNavigation
{
    z-index: 1 !important;
}