/* shadowbox
============================================================================= */
.shadowbox {
	border-collapse:collapse;
}
.shadowbox .tl, .shadowbox .tr, .shadowbox .bl, .shadowbox .br {
	height:10px;
	overflow:hidden;
	padding:0;
	width:10px;
}
.shadowbox .body {
	padding:5px;
	background:#cd0067;
}
.shadowbox .tl{
	background:url(../img/tl.png) repeat 0px 0px;
}
.shadowbox .tr{
	background:url(../img/tr.png) repeat 0px 0px;
}
.shadowbox .bl{
	background:url(../img/bl.png) repeat 0px 0px;
}
.shadowbox .br{
	background:url(../img/br.png) repeat 0px 0px;
}
.shadowbox .b{
	background:url(../img/b.png) repeat 0px 0px;
}
/* messagebox afmetingen
============================================================================= */
#MB_MessageBoxContent,
div.MB_PopupHeader,
iframe.popupframe,
.shadowbox .body {
	width:700px;
}
#MB_MessageBox{
	height:560px;
}
iframe.popupframe{
	height:500px;
}
/* messagebox afmetingen big
============================================================================= */
.emoticonPopup #MB_MessageBoxContent,
.emoticonPopup div.MB_PopupHeader,
.emoticonPopup iframe.popupframe,
.emoticonPopup .shadowbox .body {
	width:457px;
}
#MB_MessageBox.emoticonPopup{
	height:362px;
	overflow:hidden;
}
.emoticonPopup iframe.popupframe{
	height:198px;
}
.emoticonPopup .shadowbox .tl,
.emoticonPopup .shadowbox .tr,
.emoticonPopup .shadowbox .bl,
.emoticonPopup .shadowbox .br,
.emoticonPopup .shadowbox .b{
	background:none;
}	
.emoticonPopup .shadowbox .body{
	padding:0px;
	background:#000;
}
/* MB_MessageBox.emoticonPopup > MB_PopupHeader
============================================================================= */
.emoticonPopup div.MB_PopupHeader {
	margin:0px;
	padding:0px;
	overflow:hidden;
	height:62px;
	background:url(../img/emoticon_popup-header.gif) #000 no-repeat;
}
/* MB_MessageBox.emoticonPopup > MB_PopupHeader > MB_PopupTitle
============================================================================= */
.emoticonPopup div.MB_PopupHeader #MB_PopupTitle{
	margin:10px 0px 0px 10px;
	padding:0px;
	font-size:18px;
	color:#fff;
	float:left;
}
/* MB_MessageBox.emoticonPopup > MB_PopupHeader > MB_PopupClose 
============================================================================= */
.emoticonPopup a#MB_PopupClose {
	margin:18px 18px 0px 0px;
	display:block;
	font-size:12px;
	color:#fff;
	float:right;
	text-decoration:none;
	width:20px;
	height:20px;
	background:url(../img/btn_close_emoticon.png) 0px 0px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	_position:relative;
	_left: 20px;
}
.emoticonPopup a#MB_PopupClose:hover {
	text-decoration:underline;
	background-position:0px -20px;
}


/* MB_loader
============================================================================= */
#MB_Loader {
	position: fixed;
	top:50%;
	left:50%;
	width:120px;
	height:30px;
	z-index: 930;
	color:#999;
	background:url(../img/loader.gif) no-repeat;
}
p#MB_LoaderContent {
	margin:0;
	line-height:30px;
	text-align:center;
}
/* MB_MessageBox
============================================================================= */
#MB_MessageBox {
	margin:0px;
	padding:0px;
	position: fixed;
	top:50%;
	left:50%;
	z-index: 940;
}
/* MB_MessageBox > MB_PopupHeader
============================================================================= */
div.MB_PopupHeader {
	margin:0px;
	padding:0px;
	overflow:hidden;
	height:50px;
	background-color:#fff;
}
/* MB_MessageBox > MB_PopupHeader > MB_PopupTitle
============================================================================= */
div.MB_PopupHeader #MB_PopupTitle{
	margin:10px 0px 0px 10px;
	padding:0px;
	font-size:18px;
	color:#333;
	float:left;
}
/* MB_MessageBox > MB_PopupHeader > MB_PopupClose 
============================================================================= */
a#MB_PopupClose {
	margin:18px 18px 0px 0px;
	display:block;
	font-size:12px;
	color:#fff;
	float:right;
	text-decoration:none;
	width:20px;
	height:20px;
	background:url(../img/btn_close.png) 0px 0px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
a#MB_PopupClose:hover {
	text-decoration:underline;
	background-position:0px -20px;
}
/* MB_MessageBox > MB_MessageBoxContent 
============================================================================= */
#MB_MessageBoxContent {
	margin:0px;
	padding:0px;
	overflow-x:none !important;
	overflow-y:auto;
	background:#fff;
	color:#333;
}
/* MB_MessageBox > MB_MessageBoxContent > popupframe
============================================================================= */
iframe.popupframe {
	margin:0px;
	padding:0px;

}
/* MB_Overlay
============================================================================= */
#MB_Overlay, #MB_OverlayFrame {
	position: fixed;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
}
#MB_Overlay {
	background-color:black;
	filter:alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
	z-index:910;
}
#MB_OverlayFrame {
	z-index:920;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

/* IE6 hack */
* html #MB_MessageBox, * html #MB_Loader {
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
* html #MB_Overlay, * html #MB_OverlayFrame, {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
