/* Copyright Thomas Schoch, Essen, Germany */

/* common =================================================================== */

a:link {
     text-decoration:none;
     color:#999999;
}

a:visited {
     text-decoration:none;
     color:#999999;
}

a:hover {
     text-decoration:underline;
     color:#CCCCCC;
}

body {
     font-family:verdana,arial,sans-serif;
     line-height:100%;
     background-color:#333333;
     padding:0px;
     margin:0px;
     color:#CCCCCC;
     overflow:hidden;
}

h1 {
     text-align:center;
     margin-top:20px;
     margin-bottom:0px;
     font-size:130%;
     font-weight:bold;
}

h2 {
     text-align:center;
     font-size:90%;
     font-weight:normal;
     margin-top:10px;
     margin-bottom:0px;
}

.copy {
     text-align:center;
     font-size:60%;
     font-weight:normal;
     color:#999999;
     margin-top:10px;
}

.button {
     text-align:center;
     vertical-align:middle;
     border-style:none;
     margin-bottom:5px;
     margin-top:0px;
}

.counter {
     text-align:center;
     font-family:verdana,arial,sans-serif;
     font-size:60%;
     color:#999999;
}

/* album selection page ===================================================== */

/* table with thumbnails and description */
.menu {
     margin-top:10px;
}

.rtext {
     height:52px;
     width:300px;
     text-align:left;
     font-size:80%;
     vertical-align:middle;
}

.ltext {
     height:52px;
     width:300px;
     text-align:right;
     font-size:80%;
     vertical-align:middle;
}

.rmenu {
     height:52px;
     width:70px;
     padding:10px;
}

.lmenu {
     height:52px;
     width:70px;
     padding:10px;
}

/* photo selection page ===================================================== */

/* table with thumbnails */
.photos {
     margin-top:150px;
     margin-bottom:0px;
     padding:0px;
}

/* table cell with thumbnail */
td {
     width:160px;
     height:140px;
     text-align:center;
     vertical-align:top;
     font-family:verdana,arial,sans-serif;
     font-size:60%;
     line-height:140%;
     color:#CCCCCC;
}

.tn {
     border-width:2px;
     border-style:solid;
     border-color:#999999;
     background-color:#555;
}

/* photo page =============================================================== */

/* top margin */
.main {
     text-align:center;
     margin-top:20px;
}

.photo {
     border-width:2px;
     border-style:solid;
     border-color:#999999;
     margin-bottom:10px;
     background-color:#555;
}

.text {
     height:45px;
     vertical-align:top;
}

.label {
     text-align:center;
     font-family:verdana,arial,sans-serif;
     font-size:75%;
     line-height:140%;
     color:white;
}

.comment {
     text-align:center;
     font-family:verdana,arial,sans-serif;
     font-size:75%;
     line-height:140%;
     color:#999999;
}
.input {
	font-size: 80%;
}
input {
     font-family:verdana,arial,sans-serif;
     font-size:90%;
	margin-top: 2px;
	width: 600px;
	height: 22px;
	color: #eee;
	padding: 2px 3px 2px 3px;
	border: solid 1px #888;
	border-radius: 4px;
}
input.saved {
	background-color: #444;
}
input.unsaved {
	background-color: #222;
}
.butt {
	line-height: 10px;
	padding:0;
	xfont-size:110%;
	vertical-align:top;
}
input[type=checkbox] {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	width:  15px;
	height: 15px;
	border: solid red 2px;
}
input:checked {
	xwidth: 20px;
	border: solid red 2px;
	background-color: red;
	color: yellow;
}