/*GREENS*/
/*******************************
	album.pl Style Sheet
	http://perl.cdnarmy.ca/album
*******************************/

body	{
	background-color: #fff9d7;
	font-size: 8pt;
	letter-spacing: 1px;
	color: black;
	text-align: left;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';
	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;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';
}


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

/* The entire album "table" */
#album	{
	width: 93%;
	border: 2px solid #000040;
	background-color: #ffffff;
}

/* The title of the current object */
.title	{
	font-size: 10pt;
	font-variant: small-caps;
	background-color: #695141;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';
	text-align: left;
	line-height: 200%;
	word-spacing: 3px;
	letter-spacing: 8px;
	font-weight: bold;
	text-indent: 5px;
	color: white;
}

/* The object's description */
.description	{
	line-height: 200%;
	text-align: left;
	background-color: #ffffff;
	font-weight: bold;
}

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

/* Photo's title as displayed under it's thumbnail */
.photosubtitle	{ text-align: center; font-size: 8pt; 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 used to hold ??? - Light Gray (arbol carpetas) */
.lightbanner	{
	height: 25px;
	border: 1px solid #000040;
	background-color: #EFE9D7;
}

/* Horizontal banner used to hold "E-Mail This Page" and views information - Medium Gray */
.medbanner	{
	height: 25px;
	border: 1px solid #000040;
	background-color: #D2C3DC;
}

/* Horizontal banner used to hold ??? - Dark Gray (welcome) */
.darkbanner	{
	height: 25px;
	border: 1px solid #000040;
	background-color: #9A7E65;
	color: #ffffff;
}

/* Welcome/Login link/Username */
.login	{ line-height: 200%; text-align: left; width: 49.99%; font-size: 8pt; display: inline; }

/* The login form itself */
.loginform	{
	line-height: 200%;
	text-align: left;
	background-color: #ffffff;
	width: 65%;
	font-size: 8pt;
}

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

/* Admin menu */
.admin	{
	background-color: #fffeff;
	text-align: center;
	font-size: 6pt;
}

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

/* Used for displaying objects on the  Most Popular screen */
.popular	{ line-height: 200%; width: 28%; text-align: left; font-size: 8pt; 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;
	background-color: #ffffff;
}

/* Breadcrumbs */
.bread	{
	line-height: 200%;
	border: 1px solid #000040;
	background-color: #EFE9D7;
	text-align: left;
	font-size: 6pt;
}

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

/* The form to enter descriptions */
.enterdesc	{
	text-align: center;
	background-color: #ffffff;
}

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

/* The object itself (I.E. the photo, or an album full of photos) */
.objects	{
	text-align: center;
	background-color: #ffffff;
}

/* 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	{
	line-height: 200%;
	background-color: #ffffff;
	text-align: center;
	font-size: 6pt;
}

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

/* 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; }

/* Ratings (cuadrado bajo cada foto) */
.ratings	{
	line-height: 200%;
	text-align: center;
	font-size: 8pt;
	background-color: #ffffff;
}

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

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

/* The navigation footer at the bottom. */
.nav	{
	border: 1px solid #000040;
	text-align: center;
	background-color: #EFE9D7;
}

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

/* Group titles (albums or photos/movies) */
.group	{ text-align: left; font-size: 8pt; }

/* 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 #ffcc33;
	text-align: center;
	line-height: 140%;
	background-color: #D2C3DC;
	color: White;
	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: #330000;
	width: 80%;
}

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: #D2C3DC #EFE9D7 #ffffff #000040;
}
img.thumb	{
	border:3px outset;
	border-color: #EFE9D7 #D2C3DC #000040 #ffffff;
}
img.photo	{ border:0px; }
img.movie	{
	border:2px outset;
	border-color: #EFE9D7;
	border-style: dashed;
}
img.button	{ border:0px; vertical-align: middle; }


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

/* Standard links */
a:link	{ text-decoration: none; color: black; font-weight: normal;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';}

/* Links already visited */
a:visited	{ text-decoration: none; color: black; font-weight: normal;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';
	font-style: italic }

/* Links while being clicked */
a:active	{
	text-decoration: none;
	color: #669999;
	font-weight: normal;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';
}

/* Links when hovered over */
a:hover	{
	text-decoration: underline overline;
	color: #003366;
	font-weight: normal;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';
}

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

/* User option links */
a.optionslink	{ text-decoration: none; color: #ffffff; font-weight: normal;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';}

a.optionslink:hover	{ text-decoration: underline overline; color: #ffffff; font-weight: normal;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';}

a.optionslink:visited	{ text-decoration: nne; color: #ffffff; font-weight: normal;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif'; font-style: italic;}

/* 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 outset;
	background-color: #ffffff;
	font-size: 8pt;
	color: #000000;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';
}

input.button	{
	font-size: 8pt;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';
	font-weight: normal;
	color: White;
	border: 1px solid #669999;
	background-color: #003333;
}

textarea, select	{
	border:3px inset;
	background-color: #ffffff;
	font-size: 8pt;
	color: #000000;
	font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';
}

input.checkbox	{ border:3px; }

/*******************************
	webfx tree definitions
	(Used to display menu trees from webfx)
*******************************/
.webfx-tree-container {
         font: icon;
          white-space: nowrap;
          margin-top: 0px;
          margin-bottom: 0px;
          margin-left: 0px;
          margin-right: 0px;
          padding-top: 0px;
          padding-bottom: 0px;
          padding-left: 0px;
          padding-right: 0px;
 }

.webfx-tree-item {
	font: icon;
	white-space: nowrap;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: #000040;
}

.webfx-tree-item a, .webfx-tree-item a:active, .webfx-tree-item a:hover {
	margin-left: 3px;
	padding: 1px 2px 1px 2px;
}

.webfx-tree-item a {
	font-size: 8pt;
	text-decoration: none;
	margin-left: 3px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 2px;
	color: #000040;
}

.webfx-tree-item a:hover {
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	margin-left: 3px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 2px;
	color: white;
	background-color: #000040;

}

.webfx-tree-item a:active {
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	margin-left: 3px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 2px;
	color: white;
	background-color: #000040;
}

.webfx-tree-item img {
	vertical-align: middle;
	border: 0px;
}

.webfx-tree-icon {
	width: 16px;
	height: 16px;
}
.webfx-tree-item a.selected {
	color: selectedtext;
	background: selected;
}

.webfx-tree-item a.selected-inactive {
	color: windowtext;
	background: buttonface;
}

/*******************************
	GuestWho
	(Used in guestbook)
*******************************/
.main {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
a { text-decoration: none; color: black; font-weight: normal; font-family: Tahoma, verdana, arial, helvetica, 'Sans Serif';}
.main2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none }
.gb {font-family: Arial, Veranda, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}