
/**************************************************************

	MultiBox
	v1.1
	
**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: 0px solid #ffffff;
	background-image:url(../images/flash-animation-background.png);
	display: none;
	z-index: 20;
	width:940px !important;
	height:555px !important;
	margin-left:-30px;
}

.MultiBoxLoading {
	background: url(../images/multibox_loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align:center;
	padding:60px 30px 0 30px;
}

.MultiBoxClose {
	position: absolute;
	top: 20px;
	right: 30px;
	background-image: url(../images/button-close.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:27px;
	height:27px;
	cursor: pointer;
}

.MultiBoxClose:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
	
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #ffffff;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../images/multibox_previous.gif) no-repeat;
	width: 41px;
	height: 19px;
	right: 49px;
	margin:15px 0 0 0;
	cursor: pointer;
}

.MultiBoxPrevious:hover {
	background-image: url(../images/multibox_previous_grey.gif);
}


.MultiBoxNext {
	position: absolute;
	background: url(../images/multibox_next.gif) no-repeat;
	width: 41px;
	height: 19px;
	right: 0px;
	margin:15px 0 0 0;
	cursor: pointer;
}

.MultiBoxNext:hover {
	background-image: url(../images/multibox_next_grey.gif);
}


.MultiBoxNextDisabled, .MultiBoxNextDisabled:hover {
	cursor: default;
	background: url(../images/multibox_nextdisabled.gif) no-repeat;
}

.MultiBoxPreviousDisabled, .MultiBoxPreviousDisabled:hover {
	cursor: default;
	background: url(../images/multibox_previousdisabled.gif) no-repeat;
}

.MultiBoxTitle {
	position: absolute;
}

.MultiBoxNumber {
	display: none; /* don't display numbers [ showing X / Y ] */
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-size: 1em;
	text-align: right;
}

.MultiBoxDescription {
	position: relative;
	clear: left;
	margin: 0 90px 18px 0;
	padding-top: 14px;
	text-align: left;
	font-size: 1.0em;
}
.MultiBoxDescription div.title {
	font-size: 1.1em;
	color:#666666;
}
.MultiBoxDescription div.credits {
	padding-top:0.4em;
	font-size: 1.0em;
	color:#999999;
}



/*************************************************************/


