/* Procedure: monthclbScroller.css

   Purpose: style sheet for scroller functionality

   Author: sebastian.fernandes@monthlyclubs.ca

   History:
   ========
   2011.04.17 - original development, based on Jack Anderson's 
                GalleryView jQuery plugin
*/

#monthclbScroller { visibility: hidden; margin: 0 auto; }

/* GALLERY CONTAINER */
.gv-gallery { overflow: hidden; }

/* LOADING BOX */
.gv-loader { background: url(loader.gif) center center no-repeat #fff; }

/*************************************************/
/**   PANEL STYLES								**/
/*************************************************/

/* GALLERY PANELS */
.gv-panel { filter: inherit; }

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.gv-panel .gv-panel-overlay,
.gv-panel .gv-overlay-background { height: 5em; padding: 1em; }

/* PANEL OVERLAY BACKGROUND */
.gv-panel .gv-overlay-background { background: #000; }

/* PANEL OVERLAY CONTENT */
.gv-panel .gv-panel-overlay { color: white; }
.gv-panel .gv-panel-overlay a { font-weight: bold; }
.gv-panel .gv-panel-overlay p { font-size: small;}

/* CONTENT PANELS */
.gv-panel-content { overflow-y: auto; }

/*************************************************/
/**   FILMSTRIP STYLES							**/
/*************************************************/

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.gv-filmstrip { margin: 5px; }

/* FRAME IMAGES */
.gv-frame img { border: none; }

/* POINTER FOR CURRENT FRAME */
.gv-pointer { border-color: black; }

/* NAVIGATION BUTTONS */
.gv-nav-next { height: 22px; width: 22px; cursor: pointer; background: url(themes/dark/next.png) top left no-repeat; }
.gv-nav-prev { height: 22px; width: 22px; cursor: pointer; background: url(themes/dark/prev.png) top right no-repeat; }
.gv-panel-nav-next { height: 42px; width: 42px; cursor: pointer; background: url(themes/dark/panel-nav-next.png) top left no-repeat; }
.gv-panel-nav-prev { height: 42px; width: 42px; cursor: pointer; background: url(themes/dark/panel-nav-prev.png) top right no-repeat; }

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .gv-pointer { filter: chroma(color=pink); }
