#lightbox{
	margin-top:50px !important;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 0px; right: 0px; 
 }

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

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

* html #overlay{
	background-color: #FFF;
	back\ground-color: transparent;
	background-image: url(img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}
	
	
	
@media (min-width: 960px) and (max-width: 1280px) {}
@media (min-width: 941px) and (max-width: 959px) {}
@media (min-width: 768px) and (max-width: 940px) {}
	
#lightbox{
	margin-top:-4px !important;
	top:1px !important; left:0; 
	position:fixed !important;
	margin:0 auto; 
    width:auto !important; height:auto !important;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
   width:auto !important; height:auto !important;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; width:20px !important; height:20px !important; }

#lightbox img{ border: none; clear: both; width:100%; height:90%;} 
#overlay img{ border: none; width:100%; height:90%; }

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

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

	}



	
	
@media (min-width: 936px) and (max-width: 1010px) {
	
#lightbox{
	top:1px !important; left:0; 
	position:fixed !important;
	margin:0 auto; 
    width:auto !important; height:auto !important;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
   width:auto !important; height:auto !important;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; width:20px !important; height:20px !important; }

#lightbox img{ border: none; clear: both; width:100%; height:auto;} 
#overlay img{ border: none; width:100%; height:auto; }

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

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

/*img #closeButton{ position: absolute; z-index: 2009999 !important; width:20px; height:20px;}
#closeButton img{width:20px; height:20px;}
*/	}


	
@media (min-width: 640px) and (max-width: 640px) {
#lightbox{
	margin-top:3px !important;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 0px; right: 0px; 
 }

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

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

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



@media (min-width: 480px) and (max-width: 480px) {
#lightbox{
	margin-top:3px !important;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 0px; right: 0px; 
 }

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

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

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



/*@media (min-width: 360px) and (max-width: 360px) {
#lightbox{
	margin-top:3px !important;
	width:60%; height:50%;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 0px; right: 0px; 
 }

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

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

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

@media (min-width: 320px) and (max-width: 360px) {
#lightbox{
    width:260px !important; height:290px !important;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	margin:50px 0 0 38px !important;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
width:250px !important; height:250px !important;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; width:20px !important; height:20px !important; }

#lightbox img{ border: none; clear: both; width:250px; height:280px;} 
#overlay img{ border: none; width:250px; height:280px; }

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

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


}

@media (min-width: 320px) and (max-width: 320px) {
#lightbox{
    width:260px !important; height:290px !important;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	margin:50px 0 0 11px !important;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
width:250px !important; height:250px !important;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; width:20px !important; height:20px !important; }

#lightbox img{ border: none; clear: both; width:250px; height:280px;} 
#overlay img{ border: none; width:250px; height:280px; }

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

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


}