#previewPane
{
	border: 1px solid #000;
/*margin-left:10px;*/
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	padding-top: 30px;
/*CSS HACK*/
	height: 452px;
/*IE 5.x*/
	height/* */: 420px;
/*Other browsers*/
	height: 420px;
	width: 580px;
	float: left;
}
#waitMessage
{
	display: none;
	position: absolute;
	left: 200px;
	top: 150px;
	background-color: #FFF;
	border: 3px double #000;
	padding: 4px;
	color: #555;
	font-size: 0.9em;
	font-family: arial;
}
#galleryContainer
{
/*Big Div surrounding up image, list of images and down image*/
	float: left;
/*Floating
CSS HACK*/
	height: 454px;
/*IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	height/* */: 438px;
/*Other browsers*/
	height: 438px;
/*CSS HACK*/
	width: 124px;
/*IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	width/* */: 120px;
/*Other browsers*/
	width: 120px;
	border: 1px solid #000;
/*Black border*/
	padding: 1px;
/*A little space between the black border and the content inside*/
}
#galleryContainer #arrow_down
{
/*Arrow down image*/
	height: 35px;
}
#galleryContainer #arrow_up
{
	height: 35px;
/*Arrow up image*/
}
#theImages
{
/*DIV where the images are located*/
	position: relative;
	overflow: hidden;
	height: 375px;
/*Height of boxes for the images*/
}
#theImages DIV
{
	position: relative;
/*Don't change this*/
	height: 1500px;
/*Higher than total height of thumbnails*/
}
#theImages IMG
{
	border: 0px;
/*No border*/
	filter: alpha(opacity=50);
/*Transparency - IE*/
	opacity: 0.5;
/*Transparency - Firefox*/
	padding-top: 1px;
/*Space between images*/
}
#previewPane #largeImageCaption
{
/*CSS styling of image caption below large image*/
	font-style: italic;
	text-align: center;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
/*Font to use*/
	font-size: 0.9em;
}
#theImages .imageCaption
{
	display: none;
}

