html {
height: 100%;
overflow: hidden;
}

body {
background: url(../DoNotDelete/texture.gif) #555 repeat;
margin: 0; 
padding: 0; 
color: #000;
font-family: georgia, serif;
}

.photobox, .photoboxc {
position: absolute;
overflow: hidden;
cursor: help;
z-index: 1;
background-color: #8b8888;
border: 1px solid;
border-color: #484848;
}

.photoboxc {
background: #8b8888 url(../DoNotDelete/loader.gif) center no-repeat;
z-index: 8;
}

#previewbox {
cursor: crosshair;
background: url(../DoNotDelete/texture2.jpg) #333 repeat; 
position: fixed;
left: 0; 
top: 0;
height: 100%;
z-index: 20; 
overflow: auto;
display: none;
width: 109px;
}

#previewtop {
height: 1.4em;	
}

#closepreview {
color: #ccc;
position: fixed;
background-color: #525252;
width: 92px;
top: 0;
left: 0;
opacity: 0.75;
filter: alpha(opacity=75);
cursor: pointer;
text-align: right;
font-size: 1em;
font-weight: bold;
padding-bottom: 0.04em;
line-height: 100%;
font-family: sans-serif;
}

#closepreview:hover {
color: #fff;
opacity: 0.85;
filter: alpha(opacity=0.85);
}

.pib,.pibl {
border: 2px solid #333;
padding: 2px;
margin: 2px auto;
text-align: center;
height: 80px; 
width: 80px;
overflow: hidden;
font-size: 0.8em;
}

.pibl img {
background-color: #555;	
}

.pibl {
background: url(../DoNotDelete/texture2.jpg) #333 repeat;
}

#infobox {
display: none;
position: absolute;
background-color: #8c8c8c;
border: 1px solid #111;
z-index: 10;
font-size: 0.85em;
padding: 0.2em;
max-width: 24em;
min-width: 10em;
opacity: 0.9;
filter: alpha(opacity=90);
overflow: auto;
top: 5px;
}

#infobox input {
font-size: 0.85em;
}

#infobox p {
margin: 0.5em 0 0 0;
}

#infobox .small {
font-size: 0.8em;
}

#infobox .smaller {
font-size: 0.7em;
}

#imageurl {
width: 25.5em;
}

#backtomenu {
text-align: right;
}

#infobox hr {
color: #444;
background-color: #444;
border: 0;
height: 1px;
width: 85%;
}

#infobox fieldset {
margin: 1em 2px 0.2em 2px;
border: 1px solid #444;
padding: 0.2em 5px 0.5em 5px;
}

#infobox legend {
color: #000;	
}

form {
margin: 0;
}

#infobox h3 {
margin: 0.8em 0 0.5em 0;
font-size: 1.1em;
clear: both;
}

#infobox label, .label {
display: block;
font-size: 90%;
}

#move { 
width: 5em;
}

#phototitle, #albumtitle {
width: 18em;
}

#makepreviewimage, #deleteimage, #update {
float: right;
margin-top: 0.6em;
}

#deleteimage {
clear: both;
}

#rescan {
margin-top: 0.9em !important;
}

#left, #right {
position: absolute;
height: 100%;
top: 0;
z-index: 5;
width: 50%;
opacity:0.8;
filter: alpha(opacity=80);
background-repeat: no-repeat;
background-image: url(../DoNotDelete/transparent.gif);

}

#left {
left: 0;
background-position: left center;
}

#right {
right: 0;
background-position: right center;
}

.hide {
display: none;
}

.more, .less {
font-size: 80%;
}

.shlink {
text-align: right;
font-size: 90%;
float: left;
}

#sets {
margin-left: 0.2em;
}

noscript {
margin: 1em;
font-size: 110%;
}

a {
color: #111;
}