/* 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_custom { background-color: #000; }

#fbBox {position: absolute;border:0;margin: 0;padding: 0;}
div.fbBox_custom {border-color: #da7b4d;;border:0;}/* outerBorder color; main floatbox color*/

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

#fbZoomDiv, a.fbPopup img, #fbBox #fbIndexLinks img {position: absolute;left: 0;top: -9999px;/* border-width is set in js code */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_custom { background-image: url(graphics/loading_black_small.gif); }

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

#fbBox #fbShadowTop, #fbBox #fbShadowRight, #fbBox #fbShadowBottom, #fbBox #fbShadowLeft, #fbBox #fbShadowCorner {width:0;overflow:hidden;}

#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;overflow: hidden;border:0;}
#fbBox #fbMainDiv {}

/* innerBorder color */
#fbBox .fbMainDiv_custom {border:0;}

#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_custom { }/*missing?*/
/* 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_custom { background:red; }
/* on-mouse-over upper nav next graphic */
#fbBox .fbOverlayNext_custom { background:teal; }

#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; }
#fbBox .fbItemNumber_white, #fbBox #fbIndexLinks.fbIndexLinks_white, #fbBox #fbIndexLinks.fbIndexLinks_white a:link, #fbBox #fbIndexLinks.fbIndexLinks_white a:visited { color: #666; }
#fbBox .fbItemNumber_blue, #fbBox #fbIndexLinks.fbIndexLinks_blue, #fbBox #fbIndexLinks.fbIndexLinks_blue a:link, #fbBox #fbIndexLinks.fbIndexLinks_blue a:visited { color: #aaa8be; }
#fbBox .fbItemNumber_yellow, #fbBox #fbIndexLinks.fbIndexLinks_yellow, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:link, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:visited { color: #700; }
#fbBox .fbItemNumber_red, #fbBox #fbIndexLinks.fbIndexLinks_red, #fbBox #fbIndexLinks.fbIndexLinks_red a:link, #fbBox #fbIndexLinks.fbIndexLinks_red a:visited { color: #ca8; }
#fbBox .fbItemNumber_custom, #fbBox #fbIndexLinks.fbIndexLinks_custom, #fbBox #fbIndexLinks.fbIndexLinks_custom a:link, #fbBox #fbIndexLinks.fbIndexLinks_custom a:visited { color: #965f74; }

/* 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 .fbInfoPanel_white, #fbBox .fbInfoPanel_white a:link, #fbBox .fbInfoPanel_white a:visited, #fbBox #fbIndexLinks.fbIndexLinks_white a:hover { color: #000; }
#fbBox .fbInfoPanel_blue, #fbBox .fbInfoPanel_blue a:link, #fbBox .fbInfoPanel_blue a:visited, #fbBox #fbIndexLinks.fbIndexLinks_blue a:hover { color: #aaa8be; }
#fbBox .fbInfoPanel_yellow, #fbBox .fbInfoPanel_yellow a:link, #fbBox .fbInfoPanel_yellow a:visited, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:hover { color: #700; }
#fbBox .fbInfoPanel_red, #fbBox .fbInfoPanel_red a:link, #fbBox .fbInfoPanel_red a:visited, #fbBox #fbIndexLinks.fbIndexLinks_red a:hover { color: #ec9; }
#fbBox .fbInfoPanel_custom, #fbBox .fbInfoPanel_custom a:link, #fbBox .fbInfoPanel_custom a:visited, #fbBox #fbIndexLinks.fbIndexLinks_custom a:hover { color: #735; }

#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_custom { background:yellow; }
/* lower nav greyed-out 'prev' graphic */
#fbBox .fbPrev_custom_off { background:blue; }

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

/* lower nav 'next' graphic */
#fbBox .fbNext_custom {background:orange; }

/* lower nav greyed-out 'next' graphic */
#fbBox .fbNext_custom_off {background:purple; }

#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 .fbPause_custom { background:green; }

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

/* 'close' graphic */
#fbBox .fbClose_custom { background:lightblue;  }

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