/* Floatbox v3.24 */ /* December 01, 2008 */
#fbOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    margin: 0;
    padding: 0;
}

/* overlay color */
div.fbOverlay_1k6 {
    background-color: #000;
}

#fbBox {
    position: absolute;
    border-style: solid;
    border-width: 0;
    margin: 0;
    padding: 0;
}

div.fbBox_1k6 {
    border-color: #888; /* outerBorder color */
    background-color: #FFFFFF; /* main floatbox color */
}

#fbBox div,#fbBox a,#fbBox img,#fbBox iframe {
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: none;
    -moz-outline: none;
    /* for older Netscape, doesn't validate, remove if you like */
}

#fbBox a {
    zoom: 1;
}

#fbZoomDiv,a.fbPopup img,#fbBox #fbIndexLinks img {
    position: absolute;
    left: 0;
    top: -9999px;
    /* border-width is set in js code */
    border-style: solid;
    border-color: black;
    margin: 0;
    padding: 0;
}

#fbBox #fbLoader {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#fbBox #fbShadowTop,#fbShadowRight,#fbBox #fbShadowBottom,#fbBox #fbShadowLeft,#fbBox #fbShadowCorner
    {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

#fbBox #fbShadowTop {
    background-position: top left;
}

#fbBox .fbShadowTop_halo8 {
    background-image: url(graphics/shadowTop_halo8.png);
}

#fbBox .fbShadowTop_halo12 {
    background-image: url(graphics/shadowTop_halo12.png);
}

#fbBox .fbShadowTop_halo16 {
    background-image: url(graphics/shadowTop_halo16.png);
}

#fbBox .fbShadowTop_halo24 {
    background-image: url(graphics/shadowTop_halo24.png);
}

#fbBox #fbShadowRight {
    background-position: top right;
}

#fbBox .fbShadowRight_drop8 {
    background-image: url(graphics/shadowRight_drop8.png);
}

#fbBox .fbShadowRight_drop12 {
    background-image: url(graphics/shadowRight_drop12.png);
}

#fbBox .fbShadowRight_drop16 {
    background-image: url(graphics/shadowRight_drop16.png);
}

#fbBox .fbShadowRight_drop24 {
    background-image: url(graphics/shadowRight_drop24.png);
}

#fbBox .fbShadowRight_halo8 {
    background-image: url(graphics/shadowRight_halo8.png);
}

#fbBox .fbShadowRight_halo12 {
    background-image: url(graphics/shadowRight_halo12.png);
}

#fbBox .fbShadowRight_halo16 {
    background-image: url(graphics/shadowRight_halo16.png);
}

#fbBox .fbShadowRight_halo24 {
    background-image: url(graphics/shadowRight_halo24.png);
}

#fbBox #fbShadowBottom {
    background-position: bottom right;
}  /* overridden in code for drop shadow */
#fbBox .fbShadowBottom_drop8 {
    background-image: url(graphics/shadowBottom_drop8.png);
}

#fbBox .fbShadowBottom_drop12 {
    background-image: url(graphics/shadowBottom_drop12.png);
}

#fbBox .fbShadowBottom_drop16 {
    background-image: url(graphics/shadowBottom_drop16.png);
}

#fbBox .fbShadowBottom_drop24 {
    background-image: url(graphics/shadowBottom_drop24.png);
}

#fbBox .fbShadowBottom_halo8 {
    background-image: url(graphics/shadowBottom_halo8.png);
}

#fbBox .fbShadowBottom_halo12 {
    background-image: url(graphics/shadowBottom_halo12.png);
}

#fbBox .fbShadowBottom_halo16 {
    background-image: url(graphics/shadowBottom_halo16.png);
}

#fbBox .fbShadowBottom_halo24 {
    background-image: url(graphics/shadowBottom_halo24.png);
}

#fbBox #fbShadowLeft {
    background-position: bottom left;
}

#fbBox .fbShadowLeft_halo8 {
    background-image: url(graphics/shadowLeft_halo8.png);
}

#fbBox .fbShadowLeft_halo12 {
    background-image: url(graphics/shadowLeft_halo12.png);
}

#fbBox .fbShadowLeft_halo16 {
    background-image: url(graphics/shadowLeft_halo16.png);
}

#fbBox .fbShadowLeft_halo24 {
    background-image: url(graphics/shadowLeft_halo24.png);
}

#fbBox #fbShadowCorner {
    background-position: bottom right;
}

#fbBox .fbShadowCorner_drop8 {
    background-image: url(graphics/shadowCorner_drop8.png);
}

#fbBox .fbShadowCorner_drop12 {
    background-image: url(graphics/shadowCorner_drop12.png);
}

#fbBox .fbShadowCorner_drop16 {
    background-image: url(graphics/shadowCorner_drop16.png);
}

#fbBox .fbShadowCorner_drop24 {
    background-image: url(graphics/shadowCorner_drop24.png);
}

#fbBox #fbCanvas {
    position: relative; /* won't fade in ie6 if absolute */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#fbBox #fbMainDiv,#fbBox #fbInfoPanel,#fbBox #fbControlPanel {
    position: absolute;
    border-style: solid;
    overflow: hidden;
}

#fbBox #fbMainDiv {
    background-color: #fff;
}

/* innerBorder color */
#fbBox .fbMainDiv_1k6 {
    border-color: #ccc;
}

#fbBox #fbResizer {
    position: absolute;
    width: 25px;
    /* = dimensions of the resize button (see note below) */
    height: 25px;
    left: 0;
    top: 0;
}

/* note: if you want the smaller resize button, change #fbResizer width and height to 19px
   and also add "_small" to the resize gif name (e.g., graphics/resize_black_small.gif) */
#fbBox #fbLeftNav,#fbBox #fbRightNav {
    position: absolute;
    height: 100%;
}

#fbBox #fbLeftNav,#fbBox #fbOverlayPrev {
    left: 0;
}

#fbBox #fbRightNav,#fbBox #fbOverlayNext {
    right: 0;
}

#fbBox #fbOverlayPrev,#fbBox #fbOverlayNext {
    position: absolute;
    width: 49px; /* = dimensions of the upper prev and next graphics */
    height: 23px;
    background-repeat: no-repeat;
}

#fbBox #fbInfoPanel {
    line-height: 1.25em;
    /* caption and info link text */
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

#fbBox #fbCaption {
    cursor: default;
    font-weight: bold;
}

#fbBox #fbInfoLink,#fbBox #fbPrintLink {
    padding-bottom: .1em;
}

#fbBox #fbItemNumber {
    font-size: 10px; /* 'image x of y' text */
    white-space: nowrap;
    cursor: default;
}

/* 'image x of y' and indexLinks color */
#fbBox .fbItemNumber_1k6,#fbBox #fbIndexLinks.fbIndexLinks_1k6,#fbBox #fbIndexLinks.fbIndexLinks_1k6 a:link,#fbBox #fbIndexLinks.fbIndexLinks_1k6 a:visited
    {
    color: #999;
}

/* caption, infoLink, printLink, & indexLinks:hover color */
#fbBox .fbInfoPanel_1k6,#fbBox .fbInfoPanel_1k6 a:link,#fbBox .fbInfoPanel_1k6 a:visited,#fbBox #fbIndexLinks.fbIndexLinks_1k6 a:hover
    {
    color: #555;
}

#fbBox #fbControls {
    height: 26px;
    /* height of control widget graphics - they should all be the same */
    font-size: 1px;
}

#fbBox #fbNavControls {
    width: 88px; /* sum of lowerprev and lowernext widths */
    height: 26px;
    /* height of 1 sprite panel in lowerprev and lowernext graphics */
}

#fbBox #fbPrev {
    position: absolute;
    left: 0;
    top: 20%;
    width: 45px; /* = dimensions of the lower nav 'prev' graphic */
    height: 45px;
    background-repeat: no-repeat;
    visibility: hidden;
}

#fbBox #fbNext {
    position: absolute;
    right: 0;
    top: 20%;
    width: 45px; /* = dimensions of the lower nav 'next' graphic */
    height: 45px;
    background-repeat: no-repeat;
    visibility: hidden;
}

#fbBox #fbPlay,#fbBox #fbPause {
    position: absolute;
    background-repeat: no-repeat;
}

#fbBox #fbPlayPause,#fbBox #fbPlay,#fbBox #fbPause {
    width: 26px;
    /* = dimensions of the 'play' and 'pause' graphics (they need to be the same size) */
    height: 26px;
    text-align: justify;
}

#fbBox #fbClose {
    width: 26px; /* = dimensions of the 'close' graphic */
    height: 26px;
    background-repeat: no-repeat;
}

#fbBox #fbIndexLinks {
    clear: both;
    font-size: 11px;
    cursor: default;
}

#fbBox #fbIndexLinks a:hover {
    font-weight: bold;
}

/* posLeft, posCenter & posRight are dynamically assigned classes that allow layout of the info and control panels depending on which side they're on */
    /* info panel */
#fbInfoPanel.posCenter,#fbInfoDiv.posCenter,#fbIndexLinks.posCenter {
    margin: 0 auto;
}

#fbInfoPanel.posRight,#fbInfoDiv.posRight,#fbIndexLinks.posRight {
    float: right;
}

#fbInfoPanel.posLeft,#fbInfoDiv.posLeft,#fbIndexLinks.posLeft {
    float: left;
}

/* control panel */
#fbControlPanel.posRight,#fbControls.posRight,#fbClose.posRight,#fbSubControls.posRight,#fbNavControls.posLeft,#fbPlayPause.posLeft
    {
    float: right;
}

#fbControlPanel.posLeft,#fbControls.posLeft,#fbClose.posLeft,#fbSubControls.posLeft,#fbNavControls.posRight,#fbPlayPause.posRight
    {
    float: left;
}

/* IE6 wants these, maybe for layout? */
#fbSubControls,#fbClose,#fbIndexLinks,#fbPlayPause,#fbNavControls {
    float: left;
}