/* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
    z-index:12;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
z-index:100;
-moz-border-radius:		3px;
-webkit-border-radius:	3px;
}

div#mb_center {
background-color: #FFF;
z-index:100;
overflow:visible;
-moz-border-radius:		3px;
-webkit-border-radius:	3px;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
-moz-border-radius:		3px;
-webkit-border-radius:	3px;

}

.mb_loading {
background: #DDD url(loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}


#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
	position:				absolute;
	width:					30px;
	height:					30px;
	right:					-15px;
	top:					-15px;
	background:				url(closebox.png) no-repeat center;
	border:					none;
}
#mb_hero {
	position:				absolute;
	width:					323px;
	height:					434px;
	left:					-310px;
	top:					-10px;
	background:				url(sidehero.png) no-repeat center;
	border:					none;
}

div#mb_caption {
margin-right: 20px;
}