
*
{
	/*font-size: 10pt;*/
	font-family: Arial;
}

.PhotoGallery {
margin:20px 0 0 0;
width:490px;
}



/* Thumbnail view */
.PhotoGallery a img {
border:1px solid #666;
}



/* Control Bar */
.PhotoGallery .ControlBar {
padding:2px 0 0 0;
background-color: white;
font-size:0.9em;
color: #666;
text-align: right;
border-top: 1px solid #ec008c;
background-position: left bottom;
background-image: url('../images/std/dot-grey.gif');
background-repeat: repeat-x;
}
.PhotoGallery .ControlBar Img
{
	display:inline;
	padding-top:5px;
}

	.PhotoGallery .ControlBar a,
	.PhotoGallery .ControlBar a:visited {
	display:inline;
	top:-2px;
	position:relative;
	padding: 0 0 0 3px;
	color: #63009C !important; 	/*TK: changed link color to add more contrast*/
	font-weight:normal;
	text-decoration:none !important;
	}
			.PhotoGallery .ControlBar a:hover {
			color: #63009C !important; 	/*TK: changed link color to add more contrast*/
			text-decoration:underline;
			}
		

/* Main image */
.PhotoGallery .MainImageArea
{
	background-color: #fff;
}

/* Film strip */
.PhotoGallery .FilmStrip {
background-color: #fff;
width: 100%;
padding-bottom: 0px;
padding-top: 5px;
}

	.PhotoGallery .FilmStrip .HikiScrollButton {
	width: 20px;
	height: 110px;
	color: #fff;
	background-color: #ec008c;
	border: 1px solid #666;
	}

	.PhotoGallery .FilmStrip .HikiFilmStrip {
	margin:0;
	padding: 0;
	float: left;
	width: 450px;
	height: 110px;
	overflow: auto;
	overflow: hidden;
	overflow-y: hidden;
	background-color: #fff;
	border-bottom: 1px solid #666;
	}

		.PhotoGallery .FilmStrip img {
		border-right: white solid;
		border-top: white solid;
		border-left: white solid;
		border-bottom: white solid;
		}
		.PhotoGallery .FilmStrip table {
		border-collapse: collapse;
		background-color: #cf3;
		border-top: 1px solid #666;
		}
			.PhotoGallery .FilmStrip td {
			padding:0;
			background-color: #fff;
			border:0px;
			}

/* Photo Details */
.PhotoGallery .PhotoDetails {
margin:0 0 20px 0;
background-color: #fff;
border-top: 1px solid #ec008c;
background-position: left bottom;
background-image: url('../images/std/dot-grey.gif');
background-repeat: repeat-x;
}
	.PhotoGallery .PhotoDetails td {
	vertical-align:top;
	text-align:left;
	color:#ec008c;
	background-color: #fff;
	}
		.PhotoGallery .PhotoDetails td b {
		color:#000;
		}

/*
.Thumbnails
{ 
	height:100px;
	width:1100px;
	background-color: #00ffcc; 
 }

.FilmStrip, .LeftButton, .RightButton
{
	float:left;
}

*/

/* Sorted hacks etc */

.MainImageArea
{
	position: relative;
	width: 490px;
	height: 490px;
	background:lightgray;
}

.LargeImage
{
	text-align:center;
	display: table; 
	width:490px;
	height: 490px; 
	#position: relative; 
	overflow: hidden;
	
}

.LargeImage img {
width:490px !important;
/*max-height: 470px;*/
}

.LargeImage .VerticalCenter
{
	#position: absolute; 
	#top: 50%;
	#left:50%;
	display: table-cell; 
	vertical-align: middle;
	text-align:center;
}

.LargeImage .VerticalCenter .TheImage
{
	text-align:center;	
	#position: relative; 
	#top: -50%; 
	#left: -50%;
}
