/* mediaboxAdvanced - black theme */

#mbOverlay {
   position: fixed;
   z-index: 9998;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   cursor: pointer;
}

#mbOverlay.mbOverlayFF {
   background: transparent url(images/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
   position: absolute;
}

#mbCenter {
   position: absolute;
   z-index: 9999;
   left: 50%;
   overflow: hidden;
   background-color: #000;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
   -webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
}

#mbCenter.mbLoading {
   background: #000 url(images/BlackLoading.gif) no-repeat center;

/* This style is applied only during animation. */
/* For example, the following turns off shadows,   */
/* helping browser performance on slow systems. */
/* To leave shadows on, just remove these lines:   */
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
}

#mbImage {
   position: relative;
   left: 0;
   top: 0;

/* Begin styles for inline content, if no style is given */
   font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
   line-height: 20px;
   font-size: 12px;
   color: #fff;
   text-align: left;
   background-position: center center;
   background-repeat: no-repeat;
   padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
   color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
   color: #fff;
}

/* End inline content styles  */

#mbBottom {
   min-height: 20px;
   font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
   line-height: 20px;
   font-size: 12px;
   color: #999;
   text-align: left;
   padding: 0 10px 10px;
}

#mbTitle {
   display: inline;
   color: #fff;
   font-weight: bold;
   line-height: 20px;
   font-size: 12px;
}

#mbNumber {
   display: inline;
   color: #999;
   line-height: 14px;
   font-size: 10px;
   margin: auto 10px;
}

#mbCaption {
   display: block;
   color: #999;
   line-height: 14px;
   font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
   display: block;
   float: right;
   height: 20px;
   margin: 0;
   outline: none;
}

#mbPrevLink {
   width: 69px;
   background: transparent url(images/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
   width: 41px;
   background: transparent url(images/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
   width: 46px;
   background: transparent url(images/BlackClose.gif) no-repeat center;
}

/* Styles for flash version alert   */

#mbError {
   position: relative;
   font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
   line-height: 20px;
   font-size: 12px;
   color: #fff;
   text-align: center;
   border: 10px solid #700;
   padding: 10px 10px 10px;
   margin: 20px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
   color: #d00;
   font-weight: bold;
   text-decoration: underline;
}