/* =Gallery Viewer (sized for skygrid layout)
   left: picture area
   right: thumbnail area
   ---> physical alignment is ordinate (2008/10/24)
-----------------------------------------------------------------------------*/
.gallery-viewer {
	margin-bottom: 20px;
	text-align: left;
}

.gallery-viewer .header {
	height: 26px;
	background: #000 url(/staticfiles/NGS/Global/ApplicationAssets/img/image-footer-background.gif) repeat-x top;
}

.gallery-viewer .prev-next {
	width: 112px;
	padding-bottom: 0px;
	font-weight: bold;
	background-color: #666666;
	color: #ffffff;
	text-align: center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.gallery-viewer a#prev {
	display: block;
	width: 184px;
	height: 24px;
	background-image: url(/images/button_prev.gif);
}

.gallery-viewer a#prev:hover {
	background-position: right top;
}

.gallery-viewer a#next {
	display: block;
	width: 184px;
	height: 24px;
	background-image: url(/images/button_next.gif);
}

.gallery-viewer a#next:hover {
	background-position: right top;
}

.gallery-viewer .left-side {
	background: #000;
}

.gallery-viewer .left-side div {
	text-align: center;
	width: 484px;
}

.gallery-viewer .right-side {
	background: #666666;
	/*background: url(/staticfiles/NGS/Global/ApplicationAssets/img/bg_gallery_selector_shadow_left.gif) repeat-y;*/
	width: 484px;
	height: 72px !important;
	text-align: left;
}

.gallery-viewer .footer {
	height: 26px;
	background: #000 url(/staticfiles/NGS/Global/ApplicationAssets/img/image-footer-background.gif) repeat-x top;
}

.gallery-viewer .caption {
	background-color: #fff;
	padding-top: 10px;
	padding-right: 15px;
}

.gallery-viewer .credit {
	padding-right: 15px;
   	padding-bottom: 10px;
	background-color: #fff;
}

#picture-selector {
	background: #666666;
	/*background-image: url("/staticfiles/NGS/Global/ApplicationAssets/img/picture-selector-background.gif");*/
	text-align: left;
	border-top: solid 1px #000000; 
	border-bottom: solid 1px #000000;		 
	background: #666666; 
	position: relative;
	color: #ffffff;
	padding: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	/*overflow: auto;*/
	width: 484px;
	height: 72px !important;
}

#picture-selector img {		
	width: 75px;
	height: 51px; 
	border: 2px solid #000000;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	margin-right: 0px;
}

#picture-selector img:hover {		
	border: 2px solid #ffffff;
}

#picture-selector a#selected img{
	border: 2px solid #ffcc00;
	margin-bottom: 8px;
}