@charset "UTF-8";
/* CSS Document */
.hidden { display:none; }

#picture_viewer {
	background:url(images/pv_bg.png);
	border:4px #000 solid;

	width:900px;
	height:auto;
	
	z-index:10;
	
	position:absolute;
	left:50%;
	margin-left:-450px;
	
	top:30px;
}

#picture_viewer #pv_close {
	position:absolute;
	top:-14px;
	right:-14px;

	font-size:14px;
	line-height:14px;
	
	background:#5b5b5b;
	border:4px #000 solid;
	color:#fff;
	cursor:pointer;
	
	padding:5px;
	
	width:100px;
	text-align:center;
}

#picture_viewer #pv_close a:hover {
	color:#FF0;
}

#picture_viewer #pv_project_name {
	font-size:20px;
	color:#fff;
	font-weight:bold;

	text-align:center;
	
	padding:3px 0px;
	
	background:#5b5b5b;
}

#picture_viewer #pv_project_details {
	padding:10px 0px 5px 0px;
	font-size:12px;
	color:#fff;
	text-align:center;
	
	background:#5b5b5b;
	
	border-bottom:4px #fff solid;
}

#picture_viewer #pv_project_details td { padding-right:10px; }

#picture_viewer #pv_pictures {
	border-bottom:4px #fff solid;
	height:475px;
}

#picture_viewer #pv_pictures #pv_back {
	width:80px;
	height:475px;
	float:left;
	cursor:pointer;
}

#picture_viewer #pv_pictures #pv_back a {
	display:block;
	width:100%;
	height:100%;
	
	background:url(images/pv_back.png) center no-repeat;
	cursor:pointer;
}

#picture_viewer #pv_pictures #pv_back a:hover {
	background:url(images/pv_back_hover.png) center no-repeat;
	cursor:pointer;
}

#picture_viewer #pv_pictures #pv_next {
	width:80px;
	height:475px;
	float:left;
	cursor:pointer;
}

#picture_viewer #pv_pictures #pv_next a {
	display:block;
	width:100%;
	height:100%;
	
	background:url(images/pv_next.png) center no-repeat;
	cursor:pointer;
}

#picture_viewer #pv_pictures #pv_next a:hover {
	background:url(images/pv_next_hover.png) center no-repeat;
	cursor:pointer;
}

#picture_viewer #pv_pictures #pv_image {
	width:740px;
	height:475px;
	float:left;
	
	text-align:center;
	color:#fff;
	background: center no-repeat;
}

#picture_viewer #pv_pictures #pv_image #caption { position:relative; top:440px; font-size:14px; }

#picture_viewer #pv_thumbnails {
	clear:both;
	padding:5px 0;
	overflow:hidden;
	
	width:900px;
	overflow-x:auto;
}

#picture_viewer #pv_thumbnails table  {
	padding:0;
	margin:0;
	list-style:none;
	left:18px;
	position:relative;
}

#picture_viewer #pv_thumbnails td {
	padding-right:10px;
	cursor:pointer;
}

#picture_viewer #pv_thumbnails img {
	border:1px #fff solid;
	margin:1px;
}

#picture_viewer #pv_thumbnails img:hover {
	border:2px #fff solid;
	margin:0px;
}