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

	Comferr Website: Specific Modal Window Stylesheet
	Abyss Studios Ltd. (c) 2004-2009

	history:
		080603 - rewritten to general modal window
		070119 - creation -=AGi=-

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

.modalWindowTrap
{
	width: 100% !important;
	height: 100% !important;
	z-index: 100;

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

.modalWindowBorder 
{
	vertical-align: middle;
	z-index: 101;

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

	text-align: center;

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

	background-image: none;
	background-repeat: repeat;
}


.modalWindowContainer
{
	z-index: 102;
	position: absolute;	
	top: 30px;
	left: 30px;
	width: 840px;
	height: 500px;
	background-color: #f7f7f7;
}

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

/*
.modalWindow .padding
{
	width: 26px;
	height: 300px;
	float: left;
}

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

.modalWindow .fullres
{
	width: 12px;
	height: 12px;
	background: url('../images/icon_modalWindow_fullres_0.gif') no-repeat;
	margin: 16px 0px 12px 20px;
	float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

.modalWindow .thumbnails a
{
	float: left;
}

.modalWindow .thumbnails img
{
	width: 36px;
	height: 27px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}

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

.modalWindow .thumbnails a:hover, .modalWindow .thumbnails .selected
{
	padding: 1px;
	border: 3px solid #674f30;
}

.modalWindow .paging
{
	color: #d3851e;
	text-align: center;
	
}

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

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

	cursor: pointer;
	border-right: solid 1px #504434;
}

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

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