@charset "utf-8";
/* CSS Document */


.PopupGallery
{
	visibility:hidden;
	opacity:0.0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
    position: fixed;
    left:0;
	right:0;
    top: 0;
	bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	width: 650px;
    height: 480px;
	padding:0px;
	border:3px;
	border-color:#fff;
	border-style:solid;
    background-color:#000000;
    z-index: 100;
	transition:opacity 3s;
	-moz-transition:opacity 3s; /* Firefox 4 */
	-webkit-transition:opacity 3s; /* Safari and Chrome */
	-o-transition:opacity 3s; /* Opera */
}

.PopupImageContainer
{
	transition:opacity 0.4s;
	-moz-transition:opacity 0.4s; /* Firefox 4 */
	-webkit-transition:opacity 0.4s; /* Safari and Chrome */
	-o-transition:opacity 0.4s; /* Opera */
	transition-timing-function:linear;
}


.ImageNavPrevious
{
	position:absolute;
	right:400px;
	bottom:6px;
	z-index:101;	
	cursor:pointer;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#666;
	transition:color 0.2s;
	-moz-transition:color 0.2s; /* Firefox 4 */
	-webkit-transition:color 0.2s; /* Safari and Chrome */
	-o-transition:color 0.2s; /* Opera */
}

.ImageNavPrevious:hover
{
	color:#FFF;
}

.ImageNavNext
{
	position:absolute;
	left:400px;
	bottom:6px;
	z-index:101;	
	cursor:pointer;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#666;
	transition:color 0.2s;
	-moz-transition:color 0.2s; /* Firefox 4 */
	-webkit-transition:color 0.2s; /* Safari and Chrome */
	-o-transition:color 0.2s; /* Opera */
}

.ImageNavNext:hover
{
	color:#FFF;
}

.ImageNavClose
{
	position:absolute;
	width:150px;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	bottom:6px;
	z-index:101;	
	cursor:pointer;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#666;
	transition:color 0.2s;
	-moz-transition:color 0.2s; /* Firefox 4 */
	-webkit-transition:color 0.2s; /* Safari and Chrome */
	-o-transition:color 0.2s; /* Opera */
}

.ImageNavClose:hover
{
	color:#FFF;
}

.ImageNavStatus
{
	position:absolute;
	width:100px;
	right:15px;
	bottom:11px;
	z-index:101;	
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666;
}

.greyout
{	
	display:none;
	opacity:0.8;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:99;
}