html {
	overflow: auto;
}
body { 
	font-family: Arial; 
	font-size: 12pt;
	height: 100%;
	padding: 0px 5px;
	margin: 0px;
	overflow: visible;
}
.smaller { font-size: 90%;}
.bigger{ font-size: 111%;}
td   { font-family: Arial; font-size: 12pt;}
th   { font-family: Arial; font-size: 12pt;}
h1   { font-family: Arial; font-size: 24pt; font-weight: normal;}
h2   { font-family: Arial; font-size: 16pt; font-weight: normal;}
pre  { font-family: "Courier New", "fixedsys"; font-size: 10pt;}
a:link { Text-Decoration: none; color: #000000; font-weight: bold;}
a:visited { Text-Decoration: none; color: #000000; font-weight: bold;}
a:active { Text-Decoration: none; color: #c00000; font-weight: bold;}
a:hover { Text-Decoration: none; color: #c00000; font-weight: bold;}

.tagsize1{ font-size: 110%;}
.tagsize2{ font-size: 120%;}
.tagsize3{ font-size: 130%;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px; /*position:absolute; left:0px; right:0px;*/}
/*.xtop {top:-5px;}
.xbottom {bottom:-5px;}*/
/* blue border: #08c */
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ddd; border-left:1px solid #000; border-right:1px solid #000;}
.xb1 {margin:0 5px; background:#000;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {margin:0 1px; height:2px;}

.xboxcontent {display:block; background:#ddd; border:0 solid #000; border-width:0 1px; padding:5px; }

img {
	background-color: #000;
	border-width: 1px;
	border-color: #000;
}

img.highlight {
	background-color: #fff;
	border-width: 1px;
	border-color: #000;
	padding: 1px;
}

form {
  display: inline;
  margin-top: 2px;
  margin-bottom: 2px;
}

span {
	display: inline;
}

td {
	vertical-align: top;
}

.transluc {
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	/* for Mozilla */
	-moz-opacity:0.6;
}

.album_preview {
	border: 1px solid #000;
	background-color: #fff;
	padding: 4px;
	margin: 4px;
	width: 122px;
}

.editFieldBox {
/*	font-family: Arial; 
	font-size: 16pt;
	font-weight: normal;*/
	background-color: #ddd;
}

.subAlbumDragParent {
	background-color: #fff;
	border: 1px solid #000;
	margin: 4px 2px 4px 0px;
	padding: 0px;
}

.subAlbumDrag {
	min-height: 102px; 
	min-width: 100px;
	_height: 102px;
}

.photo_title { display: inline; }
.photo_title_edit { display: none; }
.album_title { display: inline; }
.album_title_edit { display: none; }
.photo_tag { display: inline; }
.photo_tag_edit { display: none; }

div.editable:hover, span.editable:hover {
	background-color: #eea;
}

.main_photo {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#mainPhotoDrag {
/*	position: absolute;
	left: 10px;
	top: 9%; 
	height: 90%; */
	width: 800px; 
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #000; 
	margin: 1px;
	background-color: #eee;
}

#mainAlbumDrag {
/*	position: absolute;
	left: 10px;
	top: 9%; 
	height: 90%; */
	width: 800px; 
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #000; 
	margin: 1px;
	background-color: #eee;
}

#arrangeTopBar {
	position: relative;
/*	position: absolute;
	left: 10px;
	top: 2px; 
	bottom: 91%;
	height: 100px;*/
	width: 800px;
	padding: 2px;
}

#arrangeOptionsBar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

#arrangeSubAlbumBar {
	position: absolute;
	right: 0px;
	top: 100px; 
/*	height: 90%; */
/*	width: 220px;*/
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}

#view_mainarea {
	position: relative;
	width: 800px;
	max-width: 800px;
}

#view_bar {
	position: absolute;
	float: left;
	left: 830px;
	top: 3em;
	min-width: 200px;
	max-width: 300px;
}

#med_photo {
	position: relative;
	width: 800px;
	max-width: 800px;
}

#med_bar {
	position: absolute;
	left: 830px;
	top: 3em;
	min-width: 200px;
}

#menubar {
	display: block;
	position: relative;
	width: 100%;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-color: #ddd;
	border-top-color: #aaa;
	border-bottom-color: #aaa;
}


#menubar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menubar li {
	float: left;
	position: relative;
	width: 8em;
	cursor: default;
	background-color: #ddd;
	text-indent: 10px;
}

#menubar li:hover, #menubar li.over {
	background-color: #eee;
}

#menubar li > ul {
	top: auto;
	left: auto;
}

#menubar li ul {
	display: none;
	position: absolute;
	top: 1em;
	left: 0px;
	background-color: #eee;
	border: 1px solid #000;
	z-index: 2;
}

#menubar li:hover ul, #menubar li.over ul {
	display: block;
}

#menubar li ul li {
	background-color: #eee;
	text-indent: 20px;
	margin-top: 2px;
}

#menubar li ul li:hover {
	display: block;
	background-color: #fff;
}