#mbOverlay {
background-color:#cad0d4;
cursor:pointer;
left:0;
position:absolute;
width:100%;
z-index:100;
}
#mbCenter {
background-color:#eff4ea;
border:1px solid #5aba7c;
left:50%;
margin:0;
overflow:hidden;
padding:5px;
position:absolute;
top:10%;
z-index:101;
}
.mbLoading {
background:#eff4ea url(milkbox_loading.gif) no-repeat scroll center center;
}
#mbCanvas {
border:medium none;
font-size:0;
height:0;
margin:0;
overflow:hidden;
padding:0;
}
.clear {
clear:both;
font-size:0;
height:0;
margin:0;
overflow:hidden;
padding:0;
}
#mbBottom {
color:#868e92;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
font-size:10px;
line-height:1.4em;
margin:0;
padding-top:8px;
text-align:left;
}
#mbNavigation {
border-left:1px solid #cad0d4;
float:right;
padding-top:3px;
padding-left:5px;
width:27px;
}
#mbCount {
float:right;
font-size:9px;
overflow:hidden;
padding-top:1px;
text-align:right;
width:45px;
}
#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause {
cursor:pointer;
display:block;
float:right;
height:19px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#mbPrevLink, #mbNextLink {
width:17px;
}
#mbPrevLink {
background:transparent url(milkbox_prev.gif) no-repeat scroll 0 0;
}
#mbNextLink {
background:transparent url(milkbox_next.gif) no-repeat scroll 0 0;
}
#mbPlayPause {
width:17px;
background:transparent url(milkbox_play-pause.gif) no-repeat scroll 0 0;
}
a#mbPrevLink:hover, a#mbNextLink:hover, a#mbCloseLink:hover, a#mbPlayPause:hover {
background-position:0 -22px;
}
#mbCloseLink {
background:transparent url(milkbox_close.gif) no-repeat scroll 0 0;
width:17px;
}
#mbDescription {
font-weight:normal;
margin-right:27px;
padding:0 10px 0 0;
text-align:justify;
}