/*
multiBox - for MooTools 1.2 stylesheet - - - - */

.productions {
	background-image: url(../../images/img/bg50.png);
	background-repeat: repeat;
	border: 1px solid #007BC6;
	margin-bottom: 0px;
	padding: 5px;
	font-size: 9pt;
	float: left;
	margin-top: 7px;
	margin-right: 10px;
	margin-left: 0px;
	width: 280px;
	height: 120px;
	color: #000000;
}
.protext {
	width: 180px;
	float: right;
	font-size: 9pt;
}
.proimg {
	float: left;
	height: 120px;
	width: 80px;
}

.dotshut {
	color: #9D9593
}

a.mb, a:link.mb, a:visited.mb, a:hover.mb, a:active.mb{
	outline:none;
	float:left;
	margin:0 15px 15px 0;
	padding:0;
	text-decoration:none;
	color:#666;
}


.mb img{
	display:block;
	border:none;
}

.mbClear{

	clear:both;
	width:100%;
	height:20px;
}

.mbHidden, .multiBoxDesc{
	display:none;
}


/* span hover */

a.mb{
	position:relative; /*this is the key*/
	z-index:24;
	text-decoration:none;
}

a.mb:hover{
	z-index:24
}

a.mb span{display: none}

a.mb:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:-6px;
	left:-6px;
	width:270px;
	border:1px solid #587EB7;
	color:#000000;
	text-align: left;
	padding: 10px;
	background-image: url(../../../images/transbits/transbitw75.png);
	background-repeat: repeat;
	height: 110px;
	font-size: 10pt;
}


/*
Pop-up styles - - - - */
.MultiBoxContainer{
	position:absolute;
	border:15px solid #000;
	display:none;
	z-index:103;
	text-align:left;
	background-color: #FFFFFF;
}

.MultiBoxLoading{
	background:url(../Images/mb_Components/loader.gif) center no-repeat;
}

.MultiBoxContent{
	position:relative;
	width:100%;
	height:100%;
}

.MultiBoxClose{
	position:absolute;
	top:-24px;
	right:-24px;
	background:url(../Images/mb_Components/close.png) no-repeat;
	width:24px;
	height:24px;
	cursor:pointer;
}

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

.MultiBoxControls{
	width:100%;
	position:relative;
	background:#000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#fff;
}

.MultiBoxDownload a, .MultiBoxDownload a:link, .MultiBoxDownload a:visited, .MultiBoxDownload a:hover, .MultiBoxDownload a:active{
	font-size:9px;
	color:#ccc;
	margin:5px 0 0 35px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	outline:none;
}

.MultiBoxDownload a:hover{
	color:#fff;
}

.MultiBoxPrevious{
	background:url(../Images/mb_Components/left.png) no-repeat;
	position:absolute;
	width:24px;
	height:24px;
	left:0;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNext{
	background:url(../Images/mb_Components/right.png) no-repeat;
	position:absolute;
	width:24px;
	height:24px;
	right:0;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNextDisabled{
	background:url(../Images/mb_Components/rightDisabled.png) no-repeat;
	cursor:default;
}

.MultiBoxPreviousDisabled{
	background:url(../Images/mb_Components/leftDisabled.png) no-repeat;
	cursor:default;
}


/*
Bottom text - - - - */
.MultiBoxTitle{
	position:relative;
	margin:10px 0 0 35px;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	display:inline;
}

.MultiBoxNumber{
	position:relative;
	width:90px;
	margin:10px 35px 0 0;
	float:right;
	font-size:11px;
	text-align:right;
	display:inline;
}

.MultiBoxDescription{
	clear:left;
	position:relative;
	margin:0 35px 0 35px;
	padding:5px 0 0 0;
	font-size:11px;
	text-align:left;
}


/*
Overlay icon - - - - */
.OverlayIcon{
	background:transparent url(../Images/mb_Components/MagIcon.png) no-repeat;
	position:absolute;
	right:-5px;
	top:-5px;
	width:17px;
	height:17px;
}