body {margin:0; padding:0; height: 100%; max-height: 100%; font-family: Verdana, Arial, Sans-serif; font-size: .8em; background: #c8c8c8 url(images/line.jpg) center repeat-y; }
#page { position: static; width: 900px; margin-left: auto; margin-right: auto; }
#header, #footer { width: 900px; height: 135px; }
#header { position: absolute; top: 10px; background: url(images/kop.jpg); }
#footer {position: absolute; top: auto; bottom: 15px; height: 30px; border-top: 2px solid #8c796d; background: white; color: #9d8a7e; font-size: 0.8em;  text-align: right; line-height: 25px;}

#content { position: absolute; top: 0px; bottom: 0px; left: 200px; right: 0; overflow: auto; padding-right: 20px; width: 680px;  }
#menu {position: absolute; top: 0px; bottom: 0px; width: 195px; overflow: auto; overflow-x: hidden; }
#menu, #content { background: white; }
#container { position: absolute; top: 155px; bottom: 60px; width: 900px; }
#login { position: relative; background: #FFFACD; float: right; top: 15px; right: 5px; z-index: 100; font-size: .8em; text-align: right; width: auto; padding: 2px 6px; }

.error { background: #FF8F8F; margin: 5px 0; padding: 5px 0 5px 5px; color: black; }
.error IMG { vertical-align: middle; }
.head { background: #ddd; margin: 10px 0; padding: 5px 0 5px 5px; font-size: 2em; color: #555; margin-bottom: 15px; }
.headback { font-size: .5em; color: #777; }
.head IMG { margin-right: 5px; vertical-align: middle; }
.head A { color: #999; }

.menuitem, .menuitem_active { width: 165px; background: #8c796d; color: white; padding: 6px 0 6px 10px; margin-bottom: 1px; }
.menuitem_active { background: #16808c url(images/arrow.png) no-repeat 95% center; }
.menuitem:hover { background: #59443f; }

.kop, .head_page, .album_head { margin-bottom: 3px; color: #8c796d; font-size: 1.7em; font-family: Georgia, Times, Serif; font-weight: bold;  }
.head_page { margin-bottom: 10px; }
.text { margin-bottom: 30px; line-height: 1.6em; overflow: hidden;}
.subheader { margin-bottom: 8px; font-size: 0.8em; color: #16808c; }

.text A:link, .text A:visited, .text A:active { color: #8c796d; }
.text A:hover { color: #59443f; }
.text IMG { margin-bottom: 5px; margin-left: 10px; }
.text .icons IMG { margin: 10px 0 0 0; }
.text .link { text-decoration: underline; }
.text H2 { display: block; margin: 5px 0 0 0; font-size: 1.3em; color: #8c796d; font-family: Georgia, Times, Serif; font-weight: bold; }

A { text-decoration: none; }
A IMG { border: none; }

.img { border: 1px solid #16808c; margin-left: 10px; max-height: 200px; max-width: 250px; }

form { line-height: 2em; }
form IMG { vertical-align: middle; max-width: 100px; max-height: 100px; }
form A { font-size: .85em; }

.pdfform { background: #FFFACD; margin: 6px 0; padding: 6px;}

.help { float: right; width: 200px; font-size: .8em; line-height: 1.2em; background: #efefef; color: #999; }
.help { padding: 10px; }
.help IMG { vertical-align: bottom; }

.search { width: 165px; background: #dfcebf; padding: 6px 0 6px 10px; margin-top: 1px; }
.search INPUT[type="text"] { width: 140px; margin-top: 5px; }

.tab, .tab_active { float: left; width: 150px; height: 30px; margin-left: 1px; padding-left: 10px; vertical-align: middle; line-height: 30px; }
.tab_active { background: #666; }
.tab_active A { color: #ddd; }
.tab { background: #ddd; }
.tab A { color: #666; }

table tr:first-child { font-weight: bold; border-bottom: 1px solid #aaa; }
table { width: 900px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
table td:first-child { width: 40px; }
table td { min-width: 60px; padding-right: 10px; padding-left: 10px; vertical-align: middle; }
table img { position: abolute; }
table table { width: 750px; border: 0; margin-left: 10px; border-collapse: collapse;  }
table table tr:first-child { border-bottom: 1px solid #bbb; font-size: .8em; color: #aaa; }
table table tr:first-child td:first-child { padding-bottom: 5px; }
table A:link, table A:visited, table A:active { color: black; }

.odd { background: #eee; }
.card { background: #eee; padding: 15px; margin-top: 20px; border: 1px solid #999; }

form .group { background: #f2f2f2; margin: 15px 0; }

.imgblock { float: left; width: 80px; height: 100px; margin-right: 5px; text-align: center; background: #ccc;}
.imgblock img { margin: 5px 0; max-height: 40px; max-width: 40px; }
.imgblock input { margin-bottom: 10px; }
.imgstrip { position: relative; height: 130px; background: #f2f2f2; margin: 10px 0; padding: 5px; }

.page_count { color: #8c796d; text-align: center; } 
.page_count A:link, .page_count A:visited, .page_count A:active { color: #8c796d; text-decoration: underline;} 

.text img.pdf { vertical-align: text-bottom; max-height: 14px; margin: 0 0 3px 0; padding: 0; }


.album_container, .photo_container { padding: 5px 0; margin: 5px 0; border-top: 1px solid #8c796d; border-bottom: 1px solid #8c796d; text-align: center; }

.album, .album_delete { position: relative; display: inline-block; width: 210px; height: 90px; background: #eee; font-size: .9em; overflow:hidden; }
.album, .album_delete { zoom:1; *display: inline; }

.album, .album_delete { padding-top: 10px; margin: 5px; }
.album IMG { border: 4px solid white; margin-bottom: 5px; max-height: 50px; max-width: 70px; }
.album .album_photo { height: 50px; }
.album_head { letter-spacing: 2px; text-align: center;}
.album_delete { background: #FF8F8F; }

.album .edit { position: absolute; top: 0px; right: 4px; }
.album .edit IMG { border: 0px; margin: 2px; opacity:0.4;}
.album .edit IMG:hover { opacity:1.0;}

.clear { clear: both;}

.photo_upload { text-align: center; }
.photo IMG { max-height: 207px; max-width: 312px; margin: 5px 10px 5px 0; }
.photo { display: inline; }

.photo_container { text-align: center; border-bottom: 0px; } 
.photo_container IMG { max-width: 620px; max-height: 400px;  margin: 20px 0 10px 0; }
.caption { color: #8c796d; clear: both; font-weight: bold; font-size: .9em; }

.nav { text-align: center; margin-top: 15px; color: #aaa; }
.nav A { color: #aaa; }
.nav_left, .nav_middle, .nav_right { display: inline; background: #ddd; border: 1px solid white; padding: 4px 10px; }
.nav_left IMG, .nav_right IMG { vertical-align: middle; }
.nav_middle IMG { vertical-align: text-bottom; }

.album .album_nav { position: absolute; top: 4px; left: 2px; }
.album .album_nav IMG { border: 0px; margin: 2px; opacity:0.4;}
.album .album_nav IMG:hover { opacity:1.0;}

#footer A:link, #footer A:visited, #footer A:active, #footer A { color: #9d8a7e; text-decoration: none;}
#footer A:hover { color: #8d7a6e; text-decoration: none; }