/* MILKBOX */

#mbOverlay {
  position: absolute;
  left: 0;
  width:100%;
  background-color: #100; /* set the Milkbox overlay color // opacity: see the js options */
  z-index:100;
  cursor: pointer;
}

#mbCenter {
  /* for default width and height, see the js options */
  position: absolute;
  z-index:101;
  overflow:hidden;
  left: 50%;
  top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
  background-color: #fff;/* set the Milkbox background color */
  border: 2px solid #111;/* set the Milkbox border */
  margin:0;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:2px;
  text-align:center;
  /*border-top:15px solid #ccccac;*/
}

.mbLoading{ background: #fff url(loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:2px; 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 {
  /* set text options */
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  /*line-height: 1.4em;*/
  text-align: left;
  padding-top:1px;
  margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
  float:right;
  width:100%;
  padding-top:3px;
  /*border-left:1px solid #9c9c9c;*//* set nav border */
}

#mbTitle{
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color:#000;
  overflow:hidden;
  padding-top:3px;
  display:block;
  float:left;
  text-align:left;
}

#mbCount{
  /*width:65px;*/
  overflow:hidden;
  padding-top:2px;
  padding-left:3px;
  padding-right:10px;
  display:block;
  float:right;
  text-align:left;
  font-size:9px; /* count font size */
}

#mbSelect{
  width:180px;
  overflow:hidden;
  padding-top:0px;
  background: #311;
  color:#eee;
  display:block;
  float:right;
  text-align:left;
  font-family: Arial;
  font-weight: normal;
  font-size:7pt; /* select font size */
}

a.mbArchive:link, a.mbArchive:visited{color:#22f; text-decoration: none;}
/* :hover must be specified after :link and :visited !!! */
a.mbArchive:hover{color:#f22; text-decoration: underline;}

a.mbArchive:link, a.mbArchive:visited, a.mbArchive:hover, .mbArchive{
  width:210px;
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  overflow:hidden;
  padding-top:0px;
  display:block;
  float:left;
  text-align:left;
}

#mbZoomLink, #mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
  outline:none;
  display:block;
  float:right;
  height:19px;
  cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; background: transparent url(play-pause.gif) no-repeat; }/* IMAGE: prev */

#mbZoomLink{ width:20px; background: transparent url(zoom.gif) no-repeat; }/* IMAGE: zoom */

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

#mbCloseLink {
  width:17px;
  background: transparent url(close.gif) no-repeat;/* IMAGE: close */
}

/* description */
#mbDescription{
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  margin-right:0px;
  padding:0px 0px 0px 0px;
  text-align:center;
  background:#e9e9e9;
  color:#e22;
}