#mbOverlay{ position:absolute; z-index:100000; background-color:#000; left:0; width:100%; cursor:pointer; }
#mbCenter { position:absolute; z-index:100001; background-color:#fff; left:50%; top:10%; overflow:hidden; border:5px solid #fff; margin:0; padding:5px; }

.mbLoading{ background: #fff url(/static/images/milkbox_new/loading.gif) no-repeat center; }
#mbCanvas { margin:0;padding:0;height:0;border:none;font-size:0;overflow:hidden; }
.mbClear  { clear:both;height:0;margin:0;padding:0;font-size:0;overflow:hidden; }


/* *** BOTTOM *** */
#mbBottom { 
	font:10px Verdana;
	color:#666;
	line-height:1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}


#mbNavigation{ float:right; padding:3px 0 0 10px; border-left:1px solid #9c9c9c; _width:150px;*width:150px; }

#mbCount{ 
	width:110px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	float:right;
	display:block;
	outline:none;
	cursor:pointer;
	background:url('/static/images/teava_milkbox_controls.gif') no-repeat;
}


#mbPrevLink, #mbNextLink{ width:12px; height:12px; margin:0px 3px; }
#mbPrevLink{ background-position: top left; }/* IMAGE: prev */
#mbNextLink{ background-position:-12px 0px; }/* IMAGE: next */

#mbPlayPause{ width:39px; height:12px; background-position: -64px 0px; margin-right:6px; }


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover { background-position:0px -12px; }
a#mbNextLink:hover { background-position:-12px -12px; }
a#mbCloseLink:hover{ background-position:-3px -39px; }
a#mbPlayPause:hover{ background-position: -25px -12px; }

#mbCloseLink  { background-position:-3px -25px; width:57px; height:14px; margin-left:6px; }

#mbDescription{ margin-right:27px; padding:0px 10px 0 0; font:11px Arial; color:#a7a7a7; font-weight:bold; }