/*

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

.gv_galleryWrap { 
    position: relative; 
    font-size: 10pt; 
}

/* GALLERY DIV */
.gv_gallery { 
    overflow: hidden; 
    position: relative;
    margin-left: 60px;
}

.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("img-loader.gif") 50% 50% no-repeat #aaa; 
}
.gv_frame-loading { 
    background: url("img-loader.gif") 50% 50% no-repeat #aaa; 
}

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

.gv_panel img { 
    position: absolute; 
}

.gv_overlay { 
    position: absolute;
    color: white; 
    z-index: 200;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(157,157,157,0.5) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(157,157,157,0.5) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(157,157,157,0.5) 0%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(157,157,157,0.5) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(157,157,157,0.5) 0%,rgba(255,255,255,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33ffffff',GradientType=1 ); /* IE6-8 */
 }

.gv_showOverlay { 
	position: absolute; 
	width: 20px; 
	height: 20px; 
	background: url("themes/light/info.png") #222; 
	cursor: pointer;
	z-index: 200;
	display: none;
}
.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: 43%;
	display: none;
	vertical-align: middle;
	z-index: 1;
	
}


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

.gv_filmstripWrap { 
    overflow: hidden; 
    position: absolute; 
    top: -20px!important; 
    left: 28px!important;
}


/* FILMSTRIP */
.gv_filmstrip { 
    margin: 0; 
    padding: 0; 
    position: absolute; 
    top: 20px; 
    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;
	right: 25px!important;
}
.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("themes/light/play-big.png") top left no-repeat;
}
.gv_navPause {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url("themes/light/pause-big.png") top left no-repeat;
}
.gv_navNext {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url("themes/light/next.png") top left no-repeat;
}
.gv_navPrev {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url("themes/light/prev.png") top right no-repeat;
}
.gv_panelNavNext {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url("themes/light/panel-next.png") top left no-repeat;
}
.gv_panelNavPrev {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url("themes/light/panel-prev.png") top right no-repeat;
}

/* Mobile  Vertical*/

@media only screen and (max-width: 504px) and (orientation:portrait) {
    
    .gv_gallery { 
    overflow: hidden; 
    position: relative;
    margin-left: 60px;
}
}

@media only screen and (max-width: 414px) and (orientation:portrait) {
    
    .gv_gallery { 
    overflow: hidden; 
    position: relative;
    margin-left: 1px;
}
    
}

@media only screen and (max-width: 360px) and (orientation:portrait) {
    
    .gv_gallery { 
    overflow: hidden; 
    position: relative;
    margin-left: 20px;
}
}

@media only screen and (max-width: 320px) and (orientation:portrait) {
    
    .gv_gallery { 
    overflow: hidden; 
    position: relative;
    margin-left: 60px;
}
    
}

/* Mobile Horizontal */

@media only screen and (max-width: 736px) and (orientation:landscape) {
    
}

@media only screen and (max-width: 640px) and (orientation:landscape) {
    
}

@media only screen and (max-width: 568px) and (orientation:landscape) {
    
}

@media only screen and (max-width: 533px) and (orientation:landscape)  {

}