﻿
#hover-prev-container
{
 	visibility:hidden;
    position:absolute;
    left:10px;
    top:-60px;
	display:block;
    background-color:Transparent;
    background-color:GreenYellow;
    background-color:whitesmoke;
   	border:solid 2px DarkGrey;
   	border-style:ridge;

    z-index:11;
}
#hover-prev-photo-block
{
    display:block;
	clear:both;
}
#hover-prev-img
{
	/*
	background-color:Black;
	BACKGROUND: url(../images/gal-progress.gif) no-repeat center center; */
   	border:solid 1px Black;
   	border-style:inset;
    display:block;
    clear:both;
    float:left;
    margin:4px;
}
#hover-prev-description-block
{
    background-color:LightGray;
    background-color:whitesmoke;
    background-color:Yellow;
    
    
	/* For Chrome and Safari */
	/* For old Fx (3.6 to 15) */
	/* For pre-releases of IE 10*/
	/* For old Opera (11.1 to 12.0) */
		vertical-align: bottom;
	display: block;
	clear: both;
	font: bold 17px Arial;
	left: 5px;
	height: 83px;
	bottom: 0px;
	margin: 1px 3px 2px 3px;
	padding: 2px;
	background-image: linear-gradient(to bottom, #ffff00, #ffff88);/* Standard syntax; must be last */
	border:solid 0px Pink;
}
#hover-prev-metrics
{
	position:absolute;
	padding:3px;
	left:0px;
	bottom:0px;
	height:auto;
	width:auto;
	
	border:solid 1px Lime;
	color:White;
	background-color:Black;
	font:normal 10px Arial;
	
}

#fs-prev-container
{
	position:fixed;
	position:absolute;
	background-color:Transparent;
	border:solid 2px Red;
	visibility:hidden;
	z-index:90;
	cursor:pointer;
}    
#fs-prev-backplane
{
	position:fixed;
	background-color:DarkSlateGray;
    left: 0;
    top: 0;
	width:100%;
	height:100%;
	zoom: 1;
	/*
	background-color:Black;
	filter: alpha(opacity=50);
	opacity: 0.5;
	*/
}


#fs-prev-progress
{
	visibility:hidden;
	position:absolute;
	left:400px;
	top:300px;
	width:150px;
	height:150px;
	background-color:Red;
	background: url(../Images/loading28.gif) no-repeat;	
	z-index:3;
}

#fs-prev-stats
{
	z-index:980;
	visibility:visible;
	visibility:hidden;
	position:absolute;
	position:fixed;
	left:600px;
	top:35px;
	width:140px;
	height:350px;
	font:bold 11px Arial;
	background-color:Lime;
	border:solid 0px Yellow;
	
}

#fs-prev-navigator-cursor
{
	position:fixed;
	left:25px;
	top:25px;
	width:60px;
	height:50px;
	background-color:White;
	border:solid 1px Blue;
	
	filter: alpha(opacity=70);opacity: 0.7;
	cursor:pointer;
	
}

#fs-prev-story-text
{
	position:fixed;
	top:5px;
	left:260px;
	width:300px;
	height:Auto;
	width:Auto;
	background-color:White;
	color:Black;
	font:bold 20px Arial;
	/*font-family: 'VAGRoundedBold';*/
	border:solid 1px LightGray;
	filter: alpha(opacity=80);opacity: 0.8;
	padding:5px;
	max-width:600px;	
}
#fs-nav-instruction-block {
	position: fixed;
	right: 230px;
	bottom: 10px;
	width: 400px;
	height: 150px;
	font: bold 30px Arial;
	background-color: Yellow;
	border: solid 1px Gray;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#fs-prev-next-image-block
{
	background-color:Aqua;
	color:Black;
	font:bold 20px Arial;
	border:solid 2px Gold;
	
	position:fixed;
	right:110px;
	top:400px;
	width:100px;
	height:100px;
	
}

#fs-prev-image-box
{
	overflow:hidden;
}
#fs-prev-image
{
	position:absolute;
	background-color:DarkSlateGray;
	background-color:#222;
	border:solid 3px Red;
	padding:1px 1px 1px 1px;
}

/*********************************************************************************************************
**********************************************************************************************************/
#fs-nav
{
	position:fixed;
	top:0px;
	right:0px;
	background-color:Yellow;
	background-color:Transparent;
	border:solid 1px Olive;
	border:solid 0px Olive;
	margin:3px 3px 3px 3px;
	
	height:auto;
	width:20%;
	width:220px;
	
	overflow:visible;
}

#fs-nav-background
{
	background-color:DarkBlue;
	color:White;
	font:bold 20px Arial;
	border:solid 0px Gold;
	left:0px;
	top:0px;
	background-color:Black;
	filter: alpha(opacity=50);
	opacity: 0.5;
	
	overflow:visible;
	height:auto;
	width:104%;
}

#fs-nav-block-container
{
	background-color:Aqua;
	background-color:Transparent;
	color:Black;
	font:bold 20px Arial;
	border:solid 0px Lime;
	left:5px;
	top:3px;
	height:auto;
	width:215px;
	width:175%;
	z-index:70;
	height:auto;
}
#fs-nav-flip-button
{
	position:absolute;
	top:3px;
	left:5px;
	width:60px;
	height:20px;
	border:solid 2px Whitesmoke;
	font:bold 9px Arial;
	color:Black;
	background-color:DarkSlateBlue ;
  	border-style:outset;
  	padding:2px 2px 2px 6px;
  	
    background: linear-gradient(#bbbbdd, #5555ff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddddff', EndColorStr='#5555ff');
  	
}

#fs-prev-navigator-info-block {
	position: absolute;
	background-color: Black;
	color: White;
	font: normal 9px Arial;
	clear: both;
	border: solid 1px Gray;
	display: block;
	margin: -2px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	width: auto;
	left: 80px;
	top: 4px;
	height: 20px;
	filter: alpha(opacity=70);
	opacity: 0.7;
	padding: 4px;
}
#fs-nav-close-button
{
	position:absolute;
	top:3px;
	right:5px;
	width:70px;
	height:25px;
	border:solid 2px Whitesmoke;
	font:bold 9px Arial;
	color:Black;
	background-color:DarkSlateBlue ;
  	border-style:outset;
  	padding:0px 2px 0px 6px;
  	
    background: linear-gradient(#aaddaa, #55ff55);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaddaa', EndColorStr='#55ff55');
  	
}

.rot-neg-90 {
}
#fs-logo-text
{
    -moz-transform:rotate(-270deg); 
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-270deg);
    -o-transform-origin:  bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    
	position:relative;
	top:10px;
	left:10px;
	height:100px;
	width:200px;
	background-color:Pink;
	border:solid 1px Gray;
	
	visibility:hidden;

}

#fs-nav-thumbnail-container
{
	position:absolute;
	top:5px;
	border:solid 3px Aqua;
	border:solid 0px DarkGray;
	background-color:Blue;
	background-color:Transparent;
	margin: 30px 0px 0px 0px;
	cursor:auto;
	overflow-y:auto;
	overflow-x:hidden;
	padding:5px;
}

.nid
{
	position:relative;
	border:solid 0px Green;
	float:left;
	width:auto;
	margin:2px 2px 2px 5px;

	overflow:visible;
	padding:0px;
}

.fs-prev-ai-img
{
	border:solid 2px DarkSlateGray;
	border:solid 2px Black;
	background-color:White;
	cursor:pointer;
	padding:1px;

	width:185px;
	width:96%;
	width:97%;
	width:100%;
}

.fs-nav-cursor
{
	position:absolute;
	visibility:hidden;
	left:10px;
	top:10px;
	width:30px;
	height:20px;
	background-color:White;

	border:solid 1px Blue;
	filter: alpha(opacity=70);opacity: 0.7;
	cursor:move;
}
