@media screen
{
	/* ### Imagebox/Flashbox */

	#ImageBoxOverlay, #FlashBoxOverlay{
		background-color: #000;
		z-index: 100;
		color: #000;
		width: 100% !important;
		overflow: hidden;
	}
	#ImageBoxOverlay a, #ImageBoxCaption a, #FlashBoxOverlay a, #FlashBoxCaption a  {padding: 0 !important; margin: 0 !important; background: transparent !important; text-decoration: none !important; }

	#ImageBoxCaption, #FlashBoxCaption{
		background-color: #fff;
		z-index: 250;
	}
	#ImageBoxContainer, #FlashBoxContainer{
		width: 250px;
		height: 250px;
		background-color: #fff;
		z-index: 103;
	}
	#ImageBoxContainer img, #FlashBoxContainer img {margin:0 !important; padding: 0 !important;}

	#ImageBoxLoader, #FlashBoxLoader{z-index: 101}
	#ImageBoxOuterContainer, #FlashBoxOuterContainer {z-index: 102;}

	#ImageBoxCopyrightText, #FlashBoxCopyrightText {color: #333; font-size: .8em; padding-top: 4px; height: 0 !important;}

	#ImageBoxCaptionText, #FlashBoxCaptionText{
		font-weight: bold;
		padding-bottom: 5px;
		margin-right: 130px;
		font-size: 13px;
		color: #000;
	}
	#ImageBoxCaptionImages, #FlashBoxCaptionFlashs {margin: 0; color: #333;}

	.not_active{
		cursor: default;
		background-image: url(blank.gif) !important;
	}

	#ImageBoxCloseLink, #FlashBoxCloseLink {
		font-size: 14px;
		font-weight: bold;
		cursor: pointer;
		text-transform: uppercase;
		color: #999 !important;
		display: block;
		padding: 3px 20px 3px 3px;
		margin:0 !important;
		background: transparent url(closelabel2.gif) no-repeat right top !important;
	}
	#ImageBoxNextImage, #ImageBoxPrevImage, #FlashBoxNextFlash, #FlashBoxPrevFlash{
		background-image: url(blank.gif);
		background-repeat:	no-repeat;
		margin: 0;
		padding: 0 !important;
		z-index: 220;
	}

	#ImageBoxNextImage:hover, #FlashBoxNextFlash:hover {
		background: transparent url(nextlabel.gif) no-repeat right 100px;
	}
	#ImageBoxPrevImage:hover, #FlashBoxPrevFlash:hover {
		background: transparent url(prevlabel.gif) no-repeat left 100px;
	}
}