/* Floatbox v3.24 */

#fbOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
margin: 0;
padding: 0;
}

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

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

div.fbBox_black {
border-color: #888;  /* outerBorder color */
background-color: #000;  /* 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 {
background: url(graphics/blank.gif);
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;
}

/* animated 'loading' graphic */
#fbBox .fbLoader_black { background-image: url(graphics/loading_black.gif); }

#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 #fbShadowRight { background-position: top right; }

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

#fbBox #fbShadowBottom { background-position: bottom right; }  /* overridden in code for drop shadow */

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

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

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

#fbBox .fbShadowCorner_drop12 { background-image: url(graphics/shadowCorner_drop12.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_black { border-color: #ccc; }

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

/* resize button graphic */
#fbBox .fbResizer_black { background-image: url(graphics/resize_black.gif); }

/* 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;
}

/* on-mouse-over upper nav prev graphic */
#fbBox .fbOverlayPrev_black { background-image: url(graphics/prev_upr_black.gif); }

/* on-mouse-over upper nav next graphic */
#fbBox .fbOverlayNext_black { background-image: url(graphics/next_upr_black.gif); }

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

#fbBox #fbCaption { cursor: default; }

#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_black, #fbBox #fbIndexLinks.fbIndexLinks_black, #fbBox #fbIndexLinks.fbIndexLinks_black a:link, #fbBox #fbIndexLinks.fbIndexLinks_black a:visited { color: #aaa; }

/* caption, infoLink, printLink, & indexLinks:hover color */
#fbBox .fbInfoPanel_black, #fbBox .fbInfoPanel_black a:link, #fbBox .fbInfoPanel_black a:visited, #fbBox #fbIndexLinks.fbIndexLinks_black a:hover { color: #d7d7d7; }

#fbBox #fbControls {
height: 14px;  /* 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: 14px;  /* height of 1 sprite panel in lowerprev and lowernext graphics */
}

#fbBox #fbPrev {
float: left;
width: 44px;  /* = dimensions of the lower nav 'prev' graphic */
height: 14px;
background-repeat: no-repeat;
}

/* lower nav 'prev' graphic */
#fbBox .fbPrev_black { background-image: url(graphics/prev_lwr_black.gif); }

/* lower nav greyed-out 'prev' graphic */
#fbBox .fbPrev_black_off { background-image: url(graphics/prev_lwr_off_black.gif); }

#fbBox #fbNext {
float: right;
width: 44px;  /* = dimensions of the lower nav 'next' graphic */
height: 14px;
background-repeat: no-repeat;
}

/* lower nav 'next' graphic */
#fbBox .fbNext_black { background-image: url(graphics/next_lwr_black.gif); }

/* lower nav greyed-out 'next' graphic */
#fbBox .fbNext_black_off { background-image: url(graphics/next_lwr_off_black.gif); }

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

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

/* 'play' and 'pause' graphics */
#fbBox .fbPlay_black { background-image: url(graphics/play_black.gif); }

#fbBox .fbPause_black { background-image: url(graphics/pause_black.gif); }

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

/* 'close' graphic */
#fbBox .fbClose_black { background-image: url(graphics/close_black.gif); }

#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; }