/*

     This file is part of the XML Photo Gallery Project
     by Philip J. Guo (Created August 2005)
     Copyright 2005 Philip J. Guo
     http://alum.mit.edu/www/pgbovine/

       based on the People Photo Gallery Project
       by Philip J. Guo (Created January 2005)
       Copyright 2005 Philip J. Guo

     This program is free software; you can redistribute it and/or modify
     it under the terms of the GNU General Public License as published by
     the Free Software Foundation; either version 2 of the License, or
     (at your option) any later version.

     This program is distributed in the hope that it will be useful,
     but WITHOUT ANY WARRANTY; without even the implied warranty of
     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     GNU General Public License for more details.

     You should have received a copy of the GNU General Public License
     along with this program; if not, write to the Free Software
     Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

*/

.smallButton
{
  FONT-SIZE: 10px; 
  WIDTH: 120px;
  MARGIN-BOTTOM: 10px;
}

/* Center of slider */
.thumbnail
{
  CURSOR: pointer;
}

/* Center of slider */
DIV#sliderPane DIV.centerSlide
{
  WIDTH: 160px;
  HEIGHT: 155px;
  POSITION: absolute;
  LEFT: 293px;
  TOP: -6px;
  Z-INDEX: 1;
}

DIV#sliderPane DIV.slide
{
  OVERFLOW: hidden;
  TOP: 5px;
  WIDTH: 150px;
  POSITION: absolute;
  HEIGHT: 150px;
  TEXT-ALIGN: center;
}

DIV#sliderPane DIV.thickSlide
{
  BORDER-RIGHT: 4px solid;
  BORDER-TOP: 4px solid;
  BORDER-LEFT: 4px solid;
  BORDER-BOTTOM: 4px solid;
  WIDTH: 150px;
  HEIGHT: 144px;
  POSITION: absolute;
  LEFT: 294px;
  TOP: -5px;
  Z-INDEX: 1;
}

DIV.sliderPane
{
  WIDTH: 750px;
  Z-INDEX: 0;
  POSITION: relative;
}


/* Large image class */
DIV.selectedImageSection
{
  WIDTH: 730px;
  POSITION: relative;
  TOP: 20px;
}

/* Large image title class */
DIV.selectedImageSection DIV#photoTitle
{ 
  MARGIN-TOP: 10px;
  MARGIN-BOTTOM: 3px;
  WIDTH: 500px;
}

/* Large image title string class */
DIV.selectedImageSection SPAN#title
{
  FONT-WEIGHT: bold;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
  FONT-SIZE: 13px;
  COLOR: #faebd7;
}

DIV.selectedImageSection SPAN#date
{
  MARGIN-LEFT: 10px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman; 
  FONT-SIZE: 12px;
  COLOR: #faebd7;
 
}

DIV.selectedImageSection DIV#photoDescription
{
  FONT-SIZE: 11px;
  MARGIN-BOTTOM: 30px;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
  WIDTH: 500px;
}

DIV.selectedImageSection DIV.photoSubDescription
{
  FONT-SIZE: 10px;
  MARGIN-BOTTOM: 15px;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
}

DIV.selectedImageSection DIV.photoSubtitle
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  FONT-STYLE: italic;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
}

DIV.titleDesc
{
  FONT-SIZE: 20px;
  LEFT: 180px;
  WIDTH: 600px;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
  POSITION: relative;
  TEXT-ALIGN: center;
  MARGIN-BOTTOM: 15px;
  color: #000000;
}

DIV.titleDesc SPAN.desc
{
  FONT-SIZE: 10px;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
}

DIV.buttonPane
{
  MARGIN-TOP: 5px;
  WIDTH: 710px;
  POSITION: relative;
}

DIV.buttonPane SPAN.leftButton
{
  FONT-SIZE: 12px;
  LEFT: 15px;
  CURSOR: pointer;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
  POSITION: absolute;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none;
  COLOR: #999999;
}

DIV.buttonPane SPAN.rightButton
{
  FONT-SIZE: 12px;
  LEFT: 684px;
  CURSOR: pointer;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
  POSITION: absolute;
  TEXT-ALIGN: right;
  TEXT-DECORATION: none;
  COLOR: #999999;
}
/* n of m caption */
DIV.buttonPane SPAN.centerButton
{
  FONT-SIZE: 12px;
  LEFT: 55px;
  WIDTH: 600px;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
/*  FONT-FAMILY: Times New Roman, Serif;*/
  POSITION: absolute;
  text-align: center;
}

.link
{
  font-family: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
  TEXT-DECORATION: none;
  CURSOR: pointer;
  COLOR: #999999;
}

.link2
{
  font-family: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
  TEXT-DECORATION: none;
  COLOR: #111111;
}

DIV.buttonPane SPAN.centerButton SPAN.desc
{
  FONT-SIZE: 10px;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
}


DIV#GalleryTitle
{ 
  POSITION: relative;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
  FONT-SIZE: 1px;
  TEXT-ALIGN: center;
  FONT-VARIANT: small-caps;
}

DIV#GalleryAdvancedSearchTitle
{ 
  POSITION: relative;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
  FONT-SIZE: 12px;
  TEXT-ALIGN: center;
}

DIV#ThumbnailTitle
{ 
  MARGIN-TOP: 25px;
  MARGIN-BOTTOM: 5px;
  POSITION: relative;
  FONT-FAMILY: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
  FONT-SIZE: 16px;
  TEXT-ALIGN: center;
  FONT-VARIANT: small-caps;
}


DIV#ToggleThumbnails
{
  POSITION: absolute;
  TOP: 350px;
  LEFT: 365px;
  FONT-SIZE: 1px;
}

/* On large image view */
DIV#MainDisplayPanel
{
  width: 760px;
  POSITION: relative;
  background-color: #111111;
  border-style: solid;
  border-color: #333333;
  border-width: 1px;
}

/* On thubnail view */
DIV#ThumbnailsPanel
{
  width: 760px;
  POSITION: relative;
  background-color: #111111;
  border-style: solid;
  border-color: #333333;
  border-width: 1px;
}

a { 
	font-family: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
	text-decoration: none;
	color: #999999;
	CURSOR: pointer;
	}

body
{
	margin: 0px;
	font-family: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #000000;
}
table
{
	border-style: none; 
}
td
{
	font-family: Verdana, Tahoma, Helvetica, Arial, Times New Roman;
	font-size: 9pt;
	border-style: none; 
	cursor: default;
}