/*******************************
	album.pl Style Sheet
	http://perl.Bobbitt.ca/album
 $Id: Photo_Album.css,v 1.10 2004/09/13 15:25:39 bobbitt Exp $
*******************************/

body	{ font-size: 6pt;
	font-family: Verdana, Arial, helvetica;
	scrollbar-face-color: #808080; scrollbar-highlight-color: white;
	scrollbar-shadow-color: #808080; scrollbar-3dlight-color: black;
	scrollbar-arrow-color: silver; scrollbar-track-color: #c0c0c0;
	scrollbar-darkshadow-color: black; }

P	{ font-size: 8pt; color: black; text-align: left; letter-spacing: 1px;}


/*******************************
	div definitions
	(These define the styles of the main "sections" of the album.)
*******************************/

/* The album "table" */
.album	{ width: 95%; background-color: #999999; border-style: ridge; border-color: #999999; border-width: thin; }

/* The title of the current object */
.title	{ font-size: 12pt; font-weight: bold; }

/* The object's description */
.description	{font-size: 10px; padding: 2px; background-color: #999999; border-color: #CCCCCC; border-style: inset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;}

/* Album's title as displayed under it's thumbnail */
.albumsubtitle	{ text-align: center; font-size: 8pt; color: #000000; display: inline; }

/* Photo's title as displayed under it's thumbnail */
.photosubtitle	{ text-align: center; font-size: 8pt; color: #000000; display: inline; }

/* 2nd level titles, such as those used on the upload screen */
.subtitle	{ text-align: left; font-size: 10pt; font-weight: bold; }

/* Horizontal banner (NOT USED) - Light Gray */
.lightbanner	{ height: 25px; border: 1px solid #333333; background-color: #999999; }

/* Horizontal banner used to hold "E-Mail This Page" and views information - Medium Gray */

/* Horizontal banner used to hold login, home, search, etc - Dark Gray */
.medbanner	{padding: 2px; background-color: #BBBBBB; border-color: #CCCCCC; border-style: outset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;}

.darkbanner	{ height: 25px; border: 1px solid #333333; background-color: #333333; }

/* Welcome/Login link/Username */
.login	{ text-align: left; width: 20%; font-size: 7pt; display: inline; }

/* The login form itself */
.loginform	{ width: 60%; padding: 10px; text-align: left; background-color: #BBBBBB; font-size: 8pt;  border-color: #CCCCCC; border-style: inset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;}

/* Home, Search, Random, Upload, Recent Uploads */
.options	{ line-height: 200%; text-align: right; font-size: 8pt; display: inline; }

/* Admin menu */
.admin	{ width=100%; display: inline; padding=2px; color: black; font-size: 8px; background-color: #BBBBBB; border-color: #999999; border-style: inset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;}

/* Used for displaying objects on the Recent Uploads screen */
.recentuploads	{ line-height: 200%; width: 40%; text-align: left; font-size: 6pt; display: inline; }

/* Used for displaying objects on the  Most Popular screen */
.popular	{ line-height: 200%; width: 28%; text-align: left; color: #000000;
	font-size: 6pt; display: inline; }

/* Used for displaying objects on the Recent Uploads screen */
/* Objects will be displayed horizontally. To display vertically, remove "display: inline;" from the class below */
/* Height is the distance between thumbnails when spaced vertically. Width is the distance when spaced horizontally. */
.ssirecentuploads	{ height: 110px; width: 110px; display: inline; }

/* Breadcrumbs */
.bread	{font-weight: bold; font-size: 12px; width: 50%; text-align: left; padding: 2px; background-color: #999999; border-color: #CCCCCC; border-style: outset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;}

/* Pages, when there's more than 1 */
.pages	{ line-height: 200%; background-color: #BBBBBB; text-align: center; font-size: 8pt; }

/* The form to enter descriptions */
.enterdesc	{ color: white; line-height: 200%; font-size: 10px; background-color: #555555; border-color: #999999; border-style: inset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;}

/* The rules for uploading files */
.uploadrules	{ text-align: left; }

/* The object itself (I.E. the photo, or an album full of photos) */
.objects	{ width: 100%; padding: 20px; background-color: #BBBBBB; border-color: #CCCCCC; border-style: inset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; text-align: center; }

/* The text under each photo's thumbnail */
.photo	{ text-align: center; font-size: 6pt; }

/* The Small/Med/Large and Fullscreen Slideshow links for photos */
.viewing	{ width: 100%; padding: 2px; background-color: #999999; border-color: #BBBBBB; border-style: inset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; color: black; font-weight: bold; font-size: 10px;}
 text-align: center; font-size: 6pt; }

/* Ratings */
.ratings	{ line-height: 200%; font-weight: bold; font-size: 10px;}

/* Ratings box*/
.picratings	{ line-height: 200%; padding: 2px; background-color: #999999; border-color: #BBBBBB; border-style: inset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; color: black; font-weight: bold; font-size: 10px;}

/* The page views and mailto box. */
.pageinfo	{ width=95%; line-height: 200%; padding: 2px; background-color: #999999; border-color: #BBBBBB; border-style: inset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; color: black; font-weight: bold; font-size: 10px;}

/* The text saying how many times this photo has been viewed */
.views	{ line-height: 200%; width: 50%; text-align: center; font-size: 6pt; display: inline; }

/* The "E-mail this page" link */
.mailto	{ line-height: 200%; text-align: center; vertical-align: middle; width: 49.99%; font-size: 6pt; display: inline; }

/* The e-mail notify form */
.notify	{ width: 95%; text-align: center; font-size: 6pt; }

/* The icon legend at the bottom */
.legend	{ text-align: center; font-size: 6pt; background-color: #666666; }


/* The navigation footer at the bottom. */
.nav	{ width=95%; line-height: 200%; padding: 10px; background-color: #BBBBBB; border-color: #BBBBBB; border-style: inset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; color: black; font-weight: bold; font-size: 10px;}
 text-align: center; font-size: 6pt; }

/* The navigation footer at the bottom, covers spacing of individual prev/up/next buttons. */
.navwidth	{ width: 20%; display: inline; }

/* Group titles (albums or photos/movies) */
.group	{color: white; font-weight: bold; font-size: 12px; background-color: #555555; border-color: #999999; border-style: inset; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px;}

/* Subtext, used for things like the "fine print" on the search form */
.subtext { font-size: 6pt; display: inline; }

/* Used to display warnings */
.warning	{ padding: 10px; border: 3px solid #ffea23; text-align: center; line-height: 140%; background-color: #FF0000; color: #ffffff; font-size: 10pt; font-weight: bold; }

/* Used to display "Missing Style Sheet" warning. Actually, it's used to hide the warning. :) */
.hidden	{ display: none; }

/*******************************
	table definitions
	(Used to display the thumbnails of sub albums, movies and photos inside an album.)
*******************************/

table	{ border-collapse: collapse; empty-cells: hide;
	border-color: #000033; width: 80%; color: #000000; }

td	{ font-size: 8pt; border-color: #330000; }


/*******************************
	image definitions
	(Used to display the thumbnails of each object type differently.)
*******************************/

img.album	{ border:3px inset; border-color: #666666 #999999 #cccccc #333333; }
img.thumb	{ border:3px outset; border-color: #999999 #666666 #333333 #cccccc; }
img.photo	{ border:0px; }
img.movie	{ border:2px outset; border-color: #999999; border-style: dashed; }
img.button	{ border:0px; vertical-align: middle; }


/*******************************
	link definitions
	(Used to display links.)
*******************************/

/* Standard links */
a:link	{ text-decoration: none; color: #666666; font-weight: normal;}

/* Links already visited */
a:visited	{ text-decoration: none; color: #222222; font-weight: normal;}

/* Links while being clicked */
a:active	{ text-decoration: none; color: #DDDDDD; font-weight: normal;}

/* Links when hovered over */
a:hover	{ text-decoration: none; color: #DDDDDD; font-weight: normal;}

/* Admin menu links */
a.adminlink	{ }

/* User option links */
a.optionslink	{ }

/* Navigation footer links */
a.navlink	{ }

/* Breadcrumbs links */
a.breadlink	{ }

/* Full size photo links */
a.photolink	{ }

/* Pages links */
a.pageslink	{ }

/* Image thimbnail links */
a.imagethumb	{ }

/* Movie thimbnail links */
a.moviethumb	{ }

/* Album thimbnail links */
a.albumthumb	{ }


/*******************************
	input definitions
	(Used to display text boxes, input fields, checkboxes, radio buttons, etc...)
*******************************/

input	{ border:3px inset; background-color: #E4E4E4; font-size: 8pt;
	color: #808080;}

input.button	{ font-size: 8pt; font-weight: normal;
      color: #FFFFFF; border: 1px solid #2E3D46; background-color: #4E6878; }

textarea, select	{ border:3px inset; background-color: #E4E4E4; font-size: 8pt; color: #808080; }

input.checkbox	{ }