/*
 $Id: pxapplication.css,v 1.1 2008/03/17 01:01:36 knut Exp $

 Pixory - the personal image server
 Copyright 2004-2005 Joe Panico

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

 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.
*/

/* predefined elements */
html { height: 100%; text-align:center; font-family: verdana, arial, helvetica, sans-serif; }

body { height: 100%; margin: 0px; padding: 1px; }

hr { width: 100%; height: 1px; border: none; background-color:#7070a1; }

/* pseudo classes */
a:link {color:#606091;}
a:visited {color:#606091;}

/* force vertical scrollbar in Moz */
#force-scrollbar { position: absolute; top: 0; bottom: -1px; width: 1em; z-index: -1; }

/* generic classes */
/* i.e. css side orderings: top, right, bottom, left */

.thintable { width: 100%; border: none; border-collapse: collapse; padding: 0px; }
.error_message { font-size: medium; font-style: italic; }
/* a piece of text styled to look like a button */
.text_button { border: 1px solid black; color: black; background-color: rgb(80%,80%,80%); text-align: center; padding: 3px 5px 3px 5px; text-decoration: none;}

/* currently used only on ViewerHome */
.dropShadowContent { float: left; position: relative; left: -2px; top: -2px; border: none; background: #9fc;}
.dropShadowContainer { float: left; position: relative; background: #666; margin: 4px; border: none;}

/* PXShowMessage */
.show_message_table { border: none; height: 35px;}
.show_message_table .success_message_cell {  color: black;}
.show_message_table .running_message_cell {  color: black;}
.show_message_table .error_message_cell { color: red;}
.show_message_table .warn_message_cell { color: red;}

/* PXPageDecorator */
#page_decorator_table { height: 100%; width: 100%;  border: none; color:#606091;  background-color:  #fffffb; vertical-align: top; text-align: left; margin: 0px; padding: 0px;}
#page_decorator_cell {  height: 90%; border:none; vertical-align: top;}
#footer_cell { border: none; text-align: right; vertical-align: bottom; font-size: small; font-style: italic; color: #666; padding: 0px 4px 4px 0px; }

/* Message page */
#message_table {width: 30%; height: 30%; vertical-align: middle; text-align: center; margin-left: auto; margin-right:auto; border: 1px solid orange; background-color: #ddd;}
#message_table td { padding: 10px; }

/* all pages */
#content_table { width: 100%; border: none; text-align: center; border-collapse: collapse; }

/* pxtapestry:PXPropertiesTable */
table.properties_table { border: 1px dotted #ccc; text-align: left; font-size: xx-small; margin: 0px 7px 0px 7px; }
table.properties_table caption { font-size: small; font-weight: bold; text-decoration: underline; text-align: center; }
table.properties_table tr.even { background-color: #ccb; }
table.properties_table td { padding: 0px 5px 0px 5px; }

/* all/any viewer pages */
.image { border: 1px solid #606091; padding: 0px;}
.caption { border: none; font-size: xx-small; padding: 0px; vertical-align: top;}
.filename { border: none; font-size: xx-small; font-style: italic; padding: 0px; vertical-align: top;}
.photo_grid_table { width: 100%; height: 100%; vertical-align: top; padding: 0px 0px 0px 0px;  border: none; border-spacing: 7px; empty-cells: hide; background-color: #ddd; }
.photo_grid_cell { vertical-align: top; background-color: #fffffb; border: 1px dotted #ccc; padding: 0px 0px 0px 0px; }

/* ViewerHome */
#viewer_home_title_cell {border: none; text-align: left; font-size: x-large; padding: 10px 20px 10px 10px; }
#viewer_home_greeting_cell {border: none; text-align: right; font-size: xx-small; padding: 5px 20px 5px 0px; }
#viewer_home_noalbums_cell {border: none; text-align: center; padding: 60px 0px 30px 0px; }

td.home_year { text-align: left; font-size: large; font-weight: bold; padding: 5px 5px 5px 5px; }
table.home_entry_table { width: 100%; vertical-align: top; text-align: center; font-size: xx-small; color:#606091;  }
table.home_entry_table td.caption { padding: 0px 5px 5px 5px; }

/* album/index pages */
#album_header_table { border: none; width: 100%; padding: 0px; vertical-align: top; border-collapse: collapse; }
#album_name_cell { width: 50%; text-align: left; font-weight: bold; }
#album_control_cell { width: 50%; text-align: left; font-weight: bold; }
#album_control_cell .button { width: 15% }
#album_control_cell .control { width: 35%; text-align: right; }
#album_control_cell .label { width: 35%; text-align: center; font-size: small; color: #888; }

/* album pages */
.album_image_table { border: none; border-collapse: collapse; margin-left: auto; margin-right:auto; }
.album_image_table td { padding: 0px; }
.album_image_table .image_properties { height: 16px; font-size: xx-small; color: #888; }
.album_narrative_cell { padding: 0px 10px 20px 10px; white-space: normal; border: none; }

/* index page */
table.index_entry_table { border: none; height: 100%; width: 100%; vertical-align: middle; text-align: center; font-size: xx-small; color:#606091;  }

/* FullPhoto page */
table.full_photo { border: none; width: 100%; height: 100%; vertical-align: middle; text-align: center; border-collapse: collapse; padding: 0px; margin-left: auto; margin-right:auto;}

/* AboutPanel */
#about_table { border: 1px dotted #ccc; text-align: left; font-size: small; margin: 0px 7px 0px 0px; } 
#about_table .heading { text-align: center; padding: 7px; }
#about_table .properties_table { text-align: left; border-top: 1px solid #ccc;}
#about_table .author { font-weight: bold; }
#about_table .label { width: 20%; text-align: right; }
#about_table .odd { background-color: #ccb; }
#about_table .centered { text-align: center; }

/* AlbumDownload */
#download_table { border: 1px dotted #ccc; text-align: center; font-size: small; margin: 0px 7px 0px 7px; }

/* Login, SendCredentials */
.icon_table { width: 100%; border: none; text-align: right; }
.centering_table { width: 100%; height: 100%; vertical-align: middle; text-align: center; border: none; }

#login_table { border: 2px solid orange; background-color: #ddd; margin-left: auto; margin-right:auto; text-align: left; empty-cells: show;}
#login_table .error { height: 35px; }
#login_table .label { text-align: right; }
#login_table .submit { text-align: right; }

.submit_button { padding: 0px ; border: 1px solid black; background-color: orange; }

.form_field { padding: 0px 0px 0px 5px; border: 1px solid #888; }