/* Name: "Simple Grey" 
 * Author: Jan Berndt <jan_berndt(at)users(dot)sf(dot)net>
 * $Id: simplegrey.css,v 1.11 2007/09/30 22:48:29 saschalorenz Exp $
 */


a:link { color:#FFFFFF; text-decoration:underline }
a:visited { color:#FFFFFF; text-decoration:underline }
a:hover { color:#FFFFFF; text-decoration:underline; font-style:oblique }

/* general block section styles here */
.title,
.location,
.naviarea,
.mainarea,
.footer{
	padding-left: 10px;
	padding-right: 10px;
	border: 2px outset #FFFFFF; 
	background-color: #9C999C;
}

.body{
	font-family: sans-serif; 
	font-size: medium; 
	color: #FFFFFF;  
	background-color: #DEDED5;
}


.title{
	height: 45px; 
	padding-top: 4px;
	margin-bottom: 10px;
	
	font-size: large; 
	text-align: center;
	vertical-align: middle;
}

.admintitle{
	height: 45px; 
	padding-top: 4px;
	margin-bottom: 10px;
	
	font-size: large; 
	text-align: center;
	vertical-align: middle;
}

.location{
	height: 15px; 
	margin-bottom: 15px;
	padding: 3px 6px;
	
	font-size: small; 
	font-style: oblique;
	text-align: left;
}

.naviarea{
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 20px;
	
	font-size: medium;
	text-align: left;
}

.leftarea{
	font-size: small;
	text-align: left;
	margin-bottom: 15px;
}

ul.navi {
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
}

li.navi {
	padding:0;
}

ul.cart {
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
}

li.cart {
	padding:0;
}

.mainarea{
	min-height: 400px;
	padding: 10px;
		
	font-size: small; 
	text-align: center;
}

div.naviarea{
	padding-left: 4px;
	width: 250px; 
}

div.leftarea{
	float: left;
	width: 250px; 
}

div.mainarea{
	margin-left: 270px;
}

table.mainarea{

}

/* Bildertabelle */
.thumbs_table {
	width:100%;
}

/* Zeilen der Thumbnails */
.thumbs_row {
}

/* einzelne Zellen der Thumbnails */
.thumbs_cell {
	padding:3px;
	vertical-align: top;
}

.annotation {
	color: #000000;
}

td.leftarea{
	width: 1%;
	padding: 0px;
	vertical-align: top;
	white-space: nowrap;
	max-width: 250px;
}

td.naviarea{
	width: 1%;
	padding: 10px;
	vertical-align: top;
	white-space: nowrap;
	max-width: 250px;
}

td.mainarea{
	width: 99%; 
	vertical-align: top;
}

div.clear{
	clear:both;
}

.footer{
	margin-top: 15px;
	
	border: 2px outset #FFFFFF; 
	background-color: #9C999C;
	font-size: x-small;
}

.footer_left{
	text-align: left;
	width: 33%;
}

.footer_center{
	text-align: center;
	width: 33%;
}

.footer_right{
	text-align: right;
	width: 33%;
}

.picture{
	border: 2px outset #FFFFFF;
	background-color: #A7A7A7;
	text-align: center;
}

.picturedir {
	border: 3px outset yellow;
	background-color: #A7A7A7;
	text-align: center;
}

.picturefooter{
	font-size: x-small;
	padding-bottom:10px;
}

.thumbnail {
	border: 1px outset #FFFFFF;
	background-color: #A7A7A7;
	text-align: center;
}

.thumbdir {
	border: 3px outset yellow;
	background-color: #A7A7A7;
	text-align: center;
}

.thumbnailfooter{
	font-size: x-small;
	font-style: oblique;
}

table.quickjump{
	width:100%;
	border:0;
}

tr.quickjump{
}

.quickjump_showall{
	width: 2%;
}

.quickjump_left_enabled{
	font-weight: bold;
	width: 1%;
}

.quickjump_left_disabled{
	color: gray;
	width: 1%;
}

.quickjump_right_enabled{
	font-weight: bold;
	width: 1%;
}

.quickjump_right_disabled{
	color: gray;
	width: 1%;
}

.quickjump_page{
	width: 2%;
}

.quickjump_activepage{
	font-weight: bold;
	width: 2%;
}


.album_description{
	border: 1px outset #FFFFFF;
	background-color: #A7A7A7;
	text-align: center;
}

.picture_description{
	border: 1px outset #FFFFFF;
	background-color: #A7A7A7;
	text-align: center;
}

.admin_panel{
	min-height: 400px;
	padding: 10px;

	border: 2px outset #FFFFFF; 
	font-family: sans-serif; 
	font-size: medium; 
	background-color: #DEDED5;
	text-align: left;
}

.admin_item{
	border: 1px solid #000000;
	background-color: #EEEEEE;
	padding: 5px;
	margin: 5px;
}

.admin_list
{
	float: left;
	width: 400px;
	text-align: left;
	border: 1px solid #000000;
	background-color: #DEDED5;
	padding: 5px;
	margin: 5px;
}

.login_panel{
	padding: 10px;

	border: 2px outset #FFFFFF; 
	font-family: sans-serif; 
	font-size: medium; 
	background-color: #9C999C;
	text-align: center;
}

.login_text{
}
.login_box{
}
.login_submit{
}

.pictureDescForm {
	border: 2px outset #FFFFFF; 
	font-family: sans-serif; 
	font-size: 8pt;
	text-align: left;
	margin: 20px 5px 5px 5px ;
	padding: 10px;
}

.pictureDescForm input {
	font-size: 8pt;
}


table.exif {
	border:0;
	text-align:left;
	border-collapse:collapse;
	font-size:85%;
	margin-left:auto;
	margin-right:auto;
	}

caption.exif {
	caption-side:top;
	border:1px solid #7C777C;
	padding:3px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#7C777C;
	margin-top:10px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
}

tr.exif {
	border:0;
	padding:0;
	margin:0;
	border:1px solid #A0A0A0;
}

td.exif_key {
	border:1px solid #DEDED5;
	padding:3px;
	margin:0;
	font-weight:bold;
	background-color:#DEDED5;
	color:#000000;
}

td.exif_value {
	border:1px solid #DEDED5;
	padding:3px;
	margin:0;
	background-color:#9C999C;
}