/* MILKBOX */

#bbOverlay,
#mbOverlay {
             position: absolute;
             left: 0;
             width:100%;
             background-color: #000; /* 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: 1px solid #111;/* set the Milkbox border */
            margin:0; padding:5px;
            }

#bbCenter {
            position: absolute;
            z-index:101;
            overflow:hidden;
            left: 0;
            top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
            margin:0;
            background: transparent url(book.png) 0 0 no-repeat;
            width: 510px;
            height: 552px;
            padding: 50px 80px 50px 140px;
            }

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

#bbImage, #mbImage{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }
/* #bbImage img { width: 295px; } */
.clear{ 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:8px;
            margin:0;
            }

#bbBottom {
            font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
            font-size: 10px;
            color: #666;
            line-height: 1.4em;
            position: absolute;
            left: 400px;
            top: 470px;
            }
/* navigation */
/* be careful if you change buttons dimensions */

#bbNavigation,
#mbNavigation{
               float:right;
               width:27px;
               padding-top:3px;
               border-left:1px solid #000;/* set nav border */
               }
#bbNavigation {
                border: none;
                position: absolute;
                /*                 left: 400px; */
                /*                 top: 470px; */
                }

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

#bbCloseLink, #bbPrevLink, #bbNextLink,
#mbCloseLink, #mbPrevLink, #mbNextLink{
                                        outline:none;
                                        display:block;
                                        float:right;
                                        height:20px;
                                        cursor: pointer;
                                        }


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

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

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

/* description */

#bbDescription,
#mbDescription{
                margin-right:27px;
                padding:0px 10px 0 0;
                min-height:23px;
                font-weight: normal;
                text-align:justify;
                }
#bbDescription { display: none; }