/*** DREAMBOX ***/

/* Hidden elements */
.jsDreamBoxHidden, .jsDreamBoxOnce { visibility: hidden; }

/* Hidden elements in dreambox (when processing, dreambox gets extra class -> 'jsDreamBoxProcessing') and elements become visible */
.jsDreamBoxProcessing .jsDreamBoxHidden { visibility: visible; }

#dreambox_overlay {
	background-color: #000;
	cursor: pointer;
	filter: alpha(opacity=65);
	height: 100%;
	left: 0;
	opacity: 0.65;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9998;
}

#dreambox {
	background: #fff;
	left: 50%;
	margin: -120px 0 0 -160px;
	position: fixed;
	top: 50%;
	z-index: 9999;
}

#dreambox .close {
 	background: url(resource.html?a=Powerweb.Plugins.Generic.MediaGallery&r=Image.DreamBox.dreambox.png) no-repeat -205px -43px;
 	height: 19px;
 	position: absolute;
 	right: 0;
 	top: 0;
 	width: 19px;
	z-index: 2;
}
 
#dreambox .close:hover { background-position: -224px -43px; }

#dreambox .loading {
	background: url(resource.html?a=Powerweb.Plugins.Generic.MediaGallery&r=Image.DreamBox.loading.gif) no-repeat center;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

#dreambox_content {
	min-height: 240px;
	min-width: 320px;	
	position: relative;
	z-index: 1;
}

/* photo controls */
#dreamboxControls { position: relative; }
#dreamboxImg {	background: #fff; }
#dreamboxControls .prev, #dreamboxControls .next {
	background: url(resource.html?a=Powerweb.Plugins.Generic.MediaGallery&r=Image.DreamBox.dummy.gif); /* ie bug fix */
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 50%;
}
#dreamboxControls .next {
	left: auto;
	right: 0;
}
#dreamboxControls .prev em, #dreamboxControls .next em {
	background: url(resource.html?a=Powerweb.Plugins.Generic.MediaGallery&r=Image.DreamBox.dreambox.png) no-repeat 0 -9999px;
	bottom: 30px;
	display: block;
	height: 62px;
	left: 5px;
	position: absolute;
	width: 62px;
}
#dreamboxControls .next em {
	left: auto;
	right: 5px;
}
#dreamboxControls .prev:hover em { background-position: -44px -43px; }
#dreamboxControls .next:hover em { background-position: -107px -43px; }

#dreamboxControls .navhint {
	background: url(resource.html?a=Powerweb.Plugins.Generic.MediaGallery&r=Image.DreamBox.navigationhint.png) no-repeat center;
	bottom: 30px;
	display: block;
	height: 62px;
	position: absolute;
	width: 100%;
}

/* utility controls - paging */
#dreamboxUtility {
	height: 25px;
	padding-top: 1px;
	position: relative;
}
#dreamboxUtility .paging {
	color: #999;
	font: normal bold 1.1em Verdana, Helvetica, sans-serif;
	left: 0;
	position: absolute;
	top: 5px;
}
#dreamboxUtility .prev, #dreamboxUtility .next {
	background: url(resource.html?a=Powerweb.Plugins.Generic.MediaGallery&r=Image.DreamBox.dreambox.png) no-repeat -170px -43px;
	display: block;
	float: left;
	height: 17px;
	margin-right: 3px;
	width: 17px;
}
#dreamboxUtility .next { 
	background-position: -187px -43px;
	margin: 0 0 0 3px;
}
#dreamboxUtility .prev:hover { background-position: -170px -60px; }
#dreamboxUtility .next:hover { background-position: -187px -60px; }
#dreamboxUtility .paging span {
	display: block;
	float: left;
	padding-top: 1px;
}
#dreamboxUtility .disabled {
	cursor: default;
	filter: alpha(opacity=25);
	opacity: 0.25;
}

/* borders */
#dreamboxBorders * {
	background: url(resource.html?a=Powerweb.Plugins.Generic.MediaGallery&r=Image.DreamBox.dreambox.png);
	height: 21px;
	left: -21px;
	position: absolute;
	top: -21px;
	width: 21px;
}
#dreamboxBorders .borderT { left: auto; width: 100%; }
#dreamboxBorders .borderRT { background-position: -22px -42px; left: auto; right: -21px; }
#dreamboxBorders .borderR { background-position: right 0; height: 100%; left: auto; right: -21px; top: 0; }
#dreamboxBorders .borderRB { background-position: -22px -63px; bottom: -21px; left: auto; right: -21px; top: auto; }
#dreamboxBorders .borderB { background-position: 0 -21px; bottom: -21px; left: auto; top: auto; width: 100%; }
#dreamboxBorders .borderLB { background-position: -1px -63px; bottom: -21px; top: auto; }
#dreamboxBorders .borderL { background-position: -982px 0; height: 100%; top: 0; }
#dreamboxBorders .borderLT { background-position: -1px -42px; }