﻿/*
Multibox - for MooTools 1.2 - - - - */
a.mb, a:link.mb, a:visited.mb, a:hover.mb, a:active.mb{
	outline:none;
	/*float: left;*/
	text-align: center;
	margin: 0px;
	padding:0;
	text-decoration:none;
	color:#999;
}

.mb img{
	/*display:block;*/
	border:none;
}

.mbClear{
	clear:both;
	width:100%;
	height:20px;
}

.mbHidden{
	display:none;
}

.multiBoxDesc{
	display:none;
}


/*
Pop-up styles - - - - */
.MultiBoxContainer{
	position:absolute;
	border: 7px solid #7B7B7B;
	border-bottom: 10px solid #7B7B7B;
	background:#FFF;
	display:none;
	z-index:2;
	text-align:center;
}

.MultiBoxLoading{
	background:url(../image/multibox/loader.gif) no-repeat center;
}

.MultiBoxContent{
	position:relative;
	width:100%;
	height:100%;
	text-align: center;
	vertical-align: middle;
}

.MultiBoxContent #MultiBoxContentContainer {
    vertical-align: middle;
}

.MultiBoxClose{
	position:absolute;
	top: -12px;
	right: -12px;
	background: url(../image/multibox/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;

}

.MultiBoxControlsContainer{
	overflow:hidden;
	position:relative;
	background:#7B7B7B;
	padding-bottom: 5px;
}

.MultiBoxControls{
	width:100%;
	height:auto;
	position:relative;
	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;
}

.MultiBoxDownload a:hover{
	color:#FFF;
}

.MultiBoxPrevious{
	position:absolute;
	background:url(../image/multibox/left.png) no-repeat;
	width:24px;
	height:24px;
	left:0px;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNext{
	position:absolute;
	background:url(../image/multibox/right.png) no-repeat;
	width:24px;
	height:24px;
	right:0px;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNextDisabled{
	cursor:default;
	background:url(../image/multibox/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled{
	cursor:default;
	background:url(../image/multibox/leftDisabled.png) no-repeat;
}


/*
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;
	display: none;
}

/*
Overlay icon - - - - */
.Overlay{
	position: relative;
	/*
	right: -20px;
	top: -15px;
	*/
	right: -50px;
	top: -17px;
	width:17px;
	height:17px;
	background:transparent url(../image/multibox/MagIcon(orange).png) left top no-repeat;
}

.magnifier {
    position: relative; top: -17px; right: -50px;
}
