/*
* Default CSS for Moobot MediaBox Plugin
*/

/* Moviebox and Slimbox stylesheet - black theme */

#MediaBox_Overlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#MediaBox_Center, #MediaBox_BottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.MediaBox_Loading {
	background: #000 url(popups/mediabox/images/1_loading.gif) no-repeat center;
}

div.moobot_mediabox {
    display : inline;
}
#MediaBox_Image {
	background-repeat: no-repeat;
	border: 7px solid #000;
}

#MediaBox_PrevLink, #MediaBox_NextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#MediaBox_PrevLink {
	left: 0;
}

#MediaBox_PrevLink:hover {
	background: transparent url(popups/mediabox/images/1_prev.png) no-repeat 0% 30%;
}

#MediaBox_NextLink {
	right: 0;
}

#MediaBox_NextLink:hover {
	background: transparent url(popups/mediabox/images/1_next.png) no-repeat 100% 30%;
}

#MediaBox_Bottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 16px;
	text-align: left;
	border: 7px solid #000;
	border-top-style: none;
}

#MediaBox_CloseLink {
	display: block;
	float: right;
	width: 80px;
	height: 16px;
	background: transparent url(popups/mediabox/images/1_close.png) no-repeat center;
	margin: 0px;
}

#MediaBox_Caption, #MediaBox_Number {
	margin-right: 14px;
}

#MediaBox_Caption {
	font-weight: bold;
}