/*

	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; }
#photogallery{
display:none;
}

div.tabarea .gv_galleryWrap {
padding:0 !important;
position: relative;
font-size: 10pt;
}

/* GALLERY DIV */
div.tabarea .gv_gallery {
	overflow:hidden;
	position: relative;
	background:url(../../img/player/player_gallery_background.png) no-repeat 0 0;
	padding:15px 10px 15px 15px;
	min-height: 380px;
}

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

div.tabarea .gv_panel img{


}

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

div.tabarea .gv_panelWrap {
	margin:0x !important;

	filter: inherit;
	position: relative;
	overflow: hidden; }


div.tabarea .gv_panel-loading { background: url(img-loader.gif) 50% 50% no-repeat #aaa; }
div.tabarea .gv_frame-loading { background: url(img-loader.gif) 50% 50% no-repeat #aaa; }

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

div.tabarea .gv_overlay { position: absolute; background: #222; color: white; z-index: 200; }
div.tabarea .gv_showOverlay {
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(../../img/player/info.png) #222;
	cursor: pointer;
	z-index: 200;
}
div.tabarea .gv_overlay h4 { color: white; margin: 1em; font-weight: bold; }
div.tabarea .gv_overlay p { color: white; margin: 1em; }

div.tabarea .gv_infobar {
	background: #222;
	padding: 0.2em 0.5em;
	line-height: 1.5em;
	height: 1.5em;
	font-size: 10pt;
	font-weight: bold;
	color: white;

	position: absolute;
	top: 0;
	right: 0;
	display: none;
	vertical-align: middle;
	z-index: 2000;

}


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

div.tabarea .gv_filmstripWrap{
overflow: hidden;
position: absolute;
height:330px !important;
margin:25px 0 ;
right: -20px !important;
}


/* FILMSTRIP */
div.tabarea .gv_filmstrip { margin: 0; padding: 0; position: absolute; z-index:150; }

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

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

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

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

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

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

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

/* NAVIGATION BUTTONS */
div.tabarea .gv_navWrap {
	/*text-align: center;*/
	width:110px !important;
	position: absolute;
	top:0;
	height:100% !important;
}
div.tabarea .gv_navPlay,
div.tabarea .gv_navPause,
div.tabarea .gv_navNext,
div.tabarea .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;
}
div.tabarea .gv_navPlay:hover,
div.tabarea .gv_navPause:hover,
div.tabarea .gv_navNext:hover,
div.tabarea .gv_navPrev:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
	background-color:#eee;
}

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

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

div.tabarea .gv_navPlay {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url(../../img/player/play-big.png) top left no-repeat;
}
div.tabarea .gv_navPause {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url(../../img/player/pause-big.png) top left no-repeat;
}
div.tabarea .gv_navNext {
	position:absolute;
	right:0px;
	bottom:5px;
	height: 15px;
	width: 110px;
	cursor: pointer;
	background: url(../../img/player/gallery_icon_next.png) no-repeat 50% 50%;
}
div.tabarea .gv_navPrev {
	position:absolute;
	right:0px;
	top:5px;
	height: 15px;
	width: 110px;
	cursor: pointer;
	background: url(../../img/player/gallery_icon_prev.png) no-repeat 50% 50%;
}
div.tabarea .gv_panelNavNext {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(../../img/player/panel-next.png) top left no-repeat;
}
div.tabarea .gv_panelNavPrev {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(../../img/player/panel-prev.png) top right no-repeat;
}