/* VIEWER */

.viewerblackdiv{
	position:absolute;
	z-index: 201;
	width:100%;
	height: 100%;
	background-color: black;
	top: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	display: none;
}

.viewertranspdiv{
	position:absolute;
	z-index: 201;
	width:100%;
	display:table;
	top: 0;
	display: none;
	margin-top: 100px;
}

.viewer {
	background:white;
	margin:0 auto 0 auto;
	width:0px;
	position: relative;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	top: 20px;
}

.viewer table {	margin: 4px 0 0 0; }

.viewerLogo { margin:0 0 0 10px; }

.viewerNum {
	font-size:14px;
	color:black;
	cursor:default;
	padding: 0 0 2px 0;
}

.viewerClose { margin:0 10px 0 0; cursor:pointer; }

.viewerImg {
	z-index: 202;
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	filter: alpha(opacity=0);
	_border-bottom-color:white;
	_border-bottom-width:10px;	
	_border-bottom-style:solid;
}

.viewerImghidder{
	z-index: 204;
	position:absolute;
	background-color:white;
	top: 0px;
	left: 0px;
	filter:alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
}

.viewerflashload {	
	position: absolute;
	width: 100%;
	height: 107px;
	top: 78px;
	visibility: hidden;
	text-align: center;
}

.viewerPagerDiv{
	color:black;
	text-align:center;
	width: 100px;
	height: 30px;
	margin: 0 auto 0 auto;
	
}

.viewerPrevious{	
	float:left;
	z-index: 203;
	top: 200px;
	left: 10px;
	visibility: hidden;
	cursor: pointer;
	width: 20px;
	height: 17px;
	
}

div.viewerCourt{
	text-align:center;
	width: 60px;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

.viewerNext{
	float:right;
	z-index: 203;
	top: 200px;
	visibility: hidden;
	cursor: pointer;
	width: 20px;
	height: 17px;
}

div.viewerImgDecal{	
	position:relative;
	width:100px;
	height: 200px;
}

div.viewerBottomDiv{
	position:relative;
	height: 20px;
	width: 100%;
	_display:none;
	padding: 7px 10px 5px 10px;
}

div.viewerTzone{
	position:relative;
	margin: -5px 0 0 0;
	font-size: 11px;
	color: black;
	float:left;
}

div.viewerTzone a{ font-weight:normal; font-size: 10px; }

div.viewerEnlarger{	
	position:absolute;
	font-size: 11px;
	color: black;
	width: 24px;
	height: 26px;
	float: right;
	top: 3px;
	visibility: hidden;
}

div.viewerEnlarger a{ color: black; }

div.viewerEnlarger a:hover{ text-decoration: none; }