/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	Abyss Public Website: Specific Gallery Stylesheet
	Abyss Studios Ltd. (c) 2004-2007

	history:
		070119 - creation -=AGi=-

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

#galleryTrap
{
	width: 100% !important;
	height: 100% !important;
	z-index: 1000;

	position: absolute;
	top: 0px;
	left: 0px;
	/*background-color: #101010;*/
}

#galleryBorder 
{
	vertical-align: middle;
	z-index: 1001;

	position: absolute;
	top: 0px;
	left: 0px;

	text-align: center;
	/*width: 760px !important;
	height: 490px !important;*/

	width: 100% !important;
	height: 100% !important;
	
	/*border: solid 1px red;*/
	
	opacity: .7;
	filter: alpha(opacity=70); /* IE */
	/*background-color:transparent !important;*/
	background-color: #101010;

	/*background-image: url("maskBG.png") !important; */
	background-image: none;
	background-repeat: repeat;
	/*display:none;*/
}


#galleryContainer
{
	z-index: 1002;
	position: absolute;	
	top: 30px;
	left: 30px;
	width: 740px;
	height: 430px;
	/*background-color: #383838;*/
	background-color: #f7f7f7;

	/*border: solid 1px blue;*/
}

.gallery
{
	padding: 0px;
	margin: 0px;
	text-align: left;
	color: #c6c2bc;
	background-color: #f7f7f7;
}

.gallery .padding
{
	width: 26px;
	height: 300px;
	float: left;
}

.gallery .title
{
	font-size: 12px;
	width: 488px;
	margin: 12px 0px 8px 0px;
	float: left;
	text-align: left;
	font-weight: bold;
}

.gallery .fullres
{
	width: 12px;
	height: 12px;
	background: url('../images/icon_gallery_fullres_0.gif') no-repeat;
	margin: 16px 0px 12px 20px;
	float: left;
	/*cursor: pointer;*/
}

.gallery .fullres:hover
{
	background: url('../images/icon_gallery_fullres_1.gif') no-repeat;
}

.gallery .slideshow, .gallery .slideshowActive
{
	width: 12px;
	height: 12px;
	background: url('../images/icon_gallery_slideshow_0.gif') no-repeat;
	margin: 16px 0px 12px 8px;	
	float: left;
}

.gallery .slideshow:hover, .gallery .slideshowActive, .gallery .slideshowActive:hover
{
	background: url('../images/icon_gallery_slideshow_1.gif') no-repeat;
}

.gallery .close
{
	width: 12px;
	height: 12px;
	background: url('../images/icon_gallery_close_0.gif') no-repeat;
	margin: 16px 0px 12px 140px;
	float: left;
}

.gallery .close:hover
{
	background: url('../images/icon_gallery_close_1.gif') no-repeat;
}

.gallery .image
{
	width: 488px;
	height: 366px;
	float: left;
	cursor: pointer;
	background-position: top left;
	background-repeat: no-repeat;
}

.gallery .navigation, .gallery .thumbnails, .gallery .paging
{
	width: 182px;
	border-top: solid 1px #ACC544;
	float: left;
	margin: 0px 0px 12px 20px;
	padding-top: 12px;
	text-align: left;
}

.gallery a, .gallery a:hover, .gallery a:visited, .gallery a:link 
{
	text-decoration: none;
	color: #c6c2bc;	
	text-align: left;
}

.gallery .navigationRoot
{
	background: url('../images/gallery_arrow_right_0.gif') no-repeat top left; 
	padding: 2px 0px 12px 26px;	
	font-size: 12px;
	display: block;
	font-weight: bold;
}	

.gallery .navigationLink, .gallery .navigationLinkActive
{
	padding-left: 20px;
	padding-top: 2px;
	font-size: 10px;
	display: block;
	cursor: pointer;
}

.gallery .navigationLink
{
	background: url('../images/link_arrow_silver.gif') no-repeat top left; 
	background-position: 2.8em .2em;	
}

.gallery .navigationLink:hover, .gallery .navigationLinkActive, .gallery .navigationLinkActive:hover, .gallery .navigationLinkActive:visited, .gallery .navigationLinkActive:link
{
	background: url('../images/link_arrow_orange.gif') no-repeat top left; 
	/*  background-position: 2.8em .2em;*/ 
	color: #E2F791;
}

.gallery .thumbnails a
{
	float: left;
}

.gallery .thumbnails img
{
	width: 36px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}

.gallery .thumbnails a
{
	margin: 0px;
	padding: 4px;
}

.gallery .thumbnails a:hover, .gallery .thumbnails .selected
{
	padding: 1px;
	border: 3px solid #ACC544;
}

.gallery .paging
{
	color: #E2F791;
	text-align: center;
	
}

.gallery .paging .pagingPadding
{
	width: 64px;
	height: 15px;
	float: left;
}

.gallery .paging .pagePrevious
{
	background: url('../images/billboard_nav_arrow_left_0.png') no-repeat;
	width: 13px;
	height: 15px;
	float: left;
	cursor: pointer;
}

.gallery .paging .pageNumber
{
	float: left;
	margin-left: 4px;
	margin-right: 4px;	
	font-size: 10px;
}

.gallery .paging .pageNext
{
	background: url('../images/billboard_nav_arrow_right_0.png') no-repeat;
	width: 14px;
	height: 15px;
	float: left;
	cursor: pointer;
}