/* CSS document for myNewsletter pages. */

/* ---------------------------------------------------------------- */
/* Project Name: mySlideShow                                        */
/*   Page Title: styles for public display area                     */
/*   Web Author: Russ Thompson                                      */
/* ---------------------------------------------------------------- */
/* File:  ..\css\ss_display.css                                     */
/* Image Path: ../images/                                           */
/* E-Mail: russATfreelanceitsolutionsDOTcom                         */
/* ---------------------------------------------------------------- */
/* Version Control                                                  */
/* 		Version 1.0                                                 */
/* 		Version Begin Date 10/01/2008                               */
/* ---------------------------------------------------------------- */
/* Copyright © 2008 - Russell Thompson and Freelance I.T. Solutions */
/*		All Rights Reserved                                         */
/* ---------------------------------------------------------------- */

div.ss_slideshowArea {
	/* all the other slide show display stuff goes in here */
	background-color: transparent;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 900px;
	min-width: 900px;
	max-width: 900px;
	
	height: 590px;
	min-height: 590px;
	max-height: 590px;
	
	overflow: hidden;
}

div.ss_displayArea {
	/* this is where the full size images are displayed */
	background-color: #F8F8FF;
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	display: table;
	
	width: 668px;
	min-width: 668px;
	max-width: 668px;
	
	height: 540px;
	min-height: 540px;
	max-height: 540px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #483D8B;
	text-align: center;
	vertical-align: middle;
	
	border: 1px dotted #483D8B;
	
	overflow: auto;
}

div.ss_previewArea {
	/* this is where the thumbnails are displayed */
	background-color: #F5F5DC;
	
	position: absolute;
	top: 0px;
	left: 668px;
	
	width: 230px;
	min-width: 230px;
	max-width: 230px;
	
	height: 540px;
	min-height: 540px;
	max-height: 540px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #483D8B;
	text-align: center;
	
	border: 1px dotted #483D8B;
	
	overflow: auto;
}

div.ss_controlArea {
	/* the area at the bottom where the ddown is for choosing another gallery */
	/* also the area (on left) where the photo's discription is */
	background-color: #F5FFFA;
	
	position: absolute;
	top: 540px;
	left: 0px;
	
	width: 898px;
	min-width: 898px;
	max-width: 898px;
	
	height: 46px;
	min-height: 46px;
	max-height: 46px;
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #483D8B;
	
	border: 1px dotted #483D8B;
	
	overflow: hidden;
}

img.displayImage {
	display: block;
	
	margin: 0px auto;
	
	max-width: 660px;
	max-height: 540px;
}

span.centerVerticalAndHorizontal {
	display: table-cell;
	
	text-align: center;
	vertical-align: middle;
}