/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	 
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
*/

/* GALLERY LIST */
/* IMPORTANT - Change '#myGallery' to the ID of your gallery list to prevent a flash of unstyled content */
#myGallery { 
display: none; 
width: 100%;
height: 425px;
}

.gv_galleryWrap { 
position: relative; 
background: #222; 
font-size: 9pt; 
float: left; 
/*margin-left: 25px;*/
/*margin-bottom: 15px;*/
}

/* GALLERY DIV */
.gv_gallery { 
overflow: hidden; 
position: relative;
}

.gv_imageStore { 
visibility: hidden; 
position: absolute; 
top: -10000px; 
left: -10000px; 
}


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

.gv_panelWrap { 
filter: inherit; 
position: absolute; 
overflow: hidden; 
}

.gv_panel-loading { 
background: url(.../images/gallery/img-loader.gif) 50% 50% no-repeat #aaa; 
}

.gv_frame-loading { 
background: url(../images/gallery/img-loader.gif) 50% 50% no-repeat #aaa; 
}

/* GALLERY PANELS */
.gv_panel { 
filter: inherit;
 position: absolute; 
 top: 0; 
 left: 0; 
 overflow: hidden; 
 z-index: 100;
 }
 
.gv_panel img { 
position: absolute; 
}

.gv_overlay { 
position: absolute; 
background: #222; 
color: white; 
z-index: 200;
opacity: 0.8;
filter: alpha(opacity=80); /* For IE */
-moz-opacity: 0.8; /* For Firefox < 5.0*/
}

.gv_showOverlay { 
position: absolute; 
width: 95px; 
height: 25px; 
background: url(../images/gallery/info.png) #222; 
cursor: pointer;
z-index: 200;
opacity: 0.8;
filter: alpha(opacity=80); /* For IE */ 
-moz-opacity: 0.8; /* For Firefox < 5.0*/
background-repeat: no-repeat;

}

.gv_overlay h4 { color: white; margin: 1em; font-weight: bold; }
.gv_overlay p { color: white; margin: 1em; }

.gv_infobar {
background: #222;
padding: 0 0.5em;
line-height: 1.5em;
height: 1.5em;
font-size: 10pt;
font-weight: bold;
color: white;
	
position: absolute;
bottom: 0;
right: 0;
display: none;
vertical-align: middle;
z-index: 2000;
	
}


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

.gv_filmstripWrap { overflow: hidden; position: absolute; }


/* FILMSTRIP */
.gv_filmstrip { margin: 0; padding: 0; position: absolute; top: 0; left: 0; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.gv_frame { 
cursor: pointer;
float: left;
position: relative;
margin: 0;
padding: 0;
}

/* WRAPPER FOR FILMSTRIP IMAGES */
.gv_frame .gv_thumbnail { 
position: relative;
overflow: hidden !important; 
}

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.gv_frame.current .gv_thumbnail {}

/* FRAME IMAGES */
.gv_frame img { 
border: none; 
position: absolute; 
}

/* FRAME CAPTION */
.gv_frame .gv_caption { 
height: 14px; 
line-height: 14px; 
font-size: 10px; 
text-align: center; 
color:white; 
}

/* CURRENT FRAME CAPTION */
.gv_frame.current .gv_caption { }

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

/* NAVIGATION BUTTONS */
.gv_navWrap {
text-align: center;
position: absolute;
}

.gv_navPlay,
.gv_navPause,
.gv_navNext,
.gv_navPrev {
	
	opacity: 0.3;
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	filter:alpha(opacity=30);
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: middle;
}
.gv_navPlay:hover,
.gv_navPause:hover,
.gv_navNext:hover,
.gv_navPrev:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
}

.gv_panelNavPrev,
.gv_panelNavNext {
	position: absolute;
	display: none;
	opacity: 0.50;
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	filter:alpha(opacity=50);
	z-index: 200;
}

.gv_panelNavPrev:hover,
.gv_panelNavNext:hover {
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	filter:alpha(opacity=90);
}

.gv_navPlay {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url(../images/gallery/play-big.png) top left no-repeat;
}
.gv_navPause {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url(../images/gallery/pause-big.png) top left no-repeat;
}
.gv_navNext {
	height: 20px;
	width: 20px;
	margin-left: 0px;
	cursor: pointer;
	background: url(../images/gallery/next.png) top left no-repeat;
}
.gv_navPrev {
	height: 20px;
	width: 20px;
	margin-right: 0px;
	cursor: pointer;
	background: url(../images/gallery/prev.png) top right no-repeat;
}
.gv_panelNavNext {
	height: 45px;
	width: 45px;
	cursor: pointer;
	background: url(../images/gallery/panel-next-big.png) top left no-repeat;
}
.gv_panelNavPrev {
	height: 45px;
	width: 45px;
	cursor: pointer;
	background: url(../images/gallery/panel-prev-big.png) top right no-repeat;
}