/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2009 Coppermine Dev Team
  v1.1 originally written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License version 3
  as published by the Free Software Foundation.
  
  ********************************************
  Coppermine version: 1.4.23
  $Source$
  $Revision: 1.0 $
  $Author: zarzal $
  $Date: 2006/04/13 13:32:45 $
**********************************************/

/* Colors used:                                */
/* --------------------------------------------*/

html, body {font-family:lucida,verdana,sans-serif;font-size:12px;font-weight:normal;}

body {
	background-color:#6b6b6b;
	margin:10px 15px 15px 15px;
	padding:0px;
	font-family:Verdana,Arial,sans-serif;
	color:#000000;
	font-size:16px;
	border:solid 1px #000000;
}


h1{
	font-weight: bold;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align:left;
	line-height:32px;
	height:32px;
	background-image:url("/images/oben.gif");
	background-repeat:no-repeat;
	background-position:left;
	background-color:transparent;
	color:#ffffff;
	padding:0px 0px 0px 20px;
	margin:0px;
}

h1 a {font-size:16px;font-weight:normal;text-decoration:none;color:#ffffff;background-color:transparent;}
h1 a:hover {text-decoration:none;color:#ffffff;background-color:transparent;}
h2 {font-family: Arial, Helvetica, sans-serif;font-size: 18px;margin: 0px;}
h3 {font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;margin: 2px;}

h4 {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	line-height:24px;
	height:24px;
	background-image:url("/images/unten.gif");
	background-repeat:no-repeat;
	background-position:left;
	color:#ffffff;
	background-color:transparent;
	padding:0px 0px 0px 20px;
	margin:0px;
}

h4 a {font-size:12px;font-weight:normal;text-decoration:none;color:#ffffff;background-color:transparent;}
h4 a:hover {text-decoration:none;color:#ffffff;background-color:transparent;}


div.headermid {
	height:44px;
	background-image:url("/images/mitte.gif");
	background-repeat:no-repeat;
	background-position:left;
	margin:0px;
	padding:0px;
}

div.footer {
	color:#555555;
	background-color:transparent;
	font-size:11px;
	font-weight:normal;
	border-top:solid 1px #cccccc;
	padding:10px 0px 10px 0px;
	margin:30px 20px 0px 20px;
}

div.footer a {font-size:11px;font-weight:normal;}
div.container {position:relative;color:#000000;background-color:#ffffff;margin:0px;padding:30px 0px 0px 0px;}
div.toplink {padding:0px;margin:0px 0px 0px 170px;}
div.toplink a {font-size:11px;font-weight:normal;}

div.quicknav {
	position:absolute;
	top:20px;
	right:30px;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	color:#ffffff;
	background-color:transparent;
	padding:0px;
	margin:0px;
}

div.quicknav a {font-size:12px;font-weight:normal;color:#ffffff;background:transparent;}
div.quicknav a:hover {color:#ff0000;background:#ffffaa;}

div.path {
	color:#ffffff;
	text-align:right;
	background-color:transparent;
	font-size:11px;
	font-weight:normal;
	line-height:31px;
	height:31px;
	background-image:url("/images/header-border.jpg");
	background-repeat:repeat-x;
	padding:0px 0px 0px 20px;
	margin:0px;
}

div.path a {color:#ffffff;background-color:transparent;font-size:11px;font-weight:normal;}
div.path a:hover {color:#ff0000;background-color:#ffffaa;}

td {font-size: 12px;}

p {font-family: Arial, Helvetica, sans-serif;font-size: 12px;margin: 2px 0px;}

ul {margin-left: 5px;padding: 0px;}

li {
        margin-left: 10px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 0px;
        list-style-position: outside;
        list-style-type: disc;
}

.textinput {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: 1px solid #D1D7DC;
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: 1px solid #D1D7DC;
        vertical-align : middle;
}

.button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
}

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        padding-left: 3px;
        padding-right: 3px;
}

.radio {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        vertical-align : middle;
}

.checkbox {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        vertical-align : middle;
}

a {color: #4583c0;text-decoration: none;}

a:hover {color:#ff0000;background-color:#ffffaa;}

.bblink a {color: #4583c0;text-decoration: none;}

.bblink a:hover {color: #FFFFFF;text-decoration: none;background-color: #7baadf;}

a:hover.nobg {text-decoration: none;background-color: #d3ddff;}

a:hover.yebg {text-decoration: none;background-color: #FFFF00;}

.maintable {
	border: 1px solid #7baadf;
        background-color: #FFFFFF;
        margin-top: 1px;
        margin-bottom: 1px;
}

.tableh1 {
	background : #4583c0;
        color : #FFFFFF;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh1_compact {
	background: #7baadf;
        color : #FFFFFF;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
	background: #d3ddff;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: #FFFF00 ;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
	background: #d3ddff;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableb_compact {
	background: #d3ddff;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
	background: #7baadf;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

.catrow {
	background: #d3ddff;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow_noalb {
	background: #d3ddff;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.album_stat {font-size : 10px;margin: 5px 0px;}

.thumb_filename {font-size: 80%;display: block;}

.thumb_title {font-weight : bold;font-size: 9px;padding: 2px;display : block;}

.thumb_caption {font-size: 9px;padding: 1px;display : block;}

.thumb_num_comments {font-weight: normal;font-size: 9px;padding: 2px;font-style : italic;display : block;}

.user_thumb_infobox {margin-top: 1px;margin-bottom: 1px;}
.user_thumb_infobox th {font-weight : bold;font-size: 12px;margin-top: 1px;margin-bottom: 1px;text-align: center;}
.user_thumb_infobox td {font-size: 10px;margin-top: 1px;margin-bottom: 1px;text-align: center;}
.user_thumb_infobox a {text-decoration: none;color: #000000;}
.user_thumb_infobox a:hover {color: #000000;text-decoration: underline;}

.sortorder_cell {
	background : #7baadf;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	background : #7baadf;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 9px;
        white-space: nowrap;
}

.navmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
	background: #7baadf;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
	/* position: relative; */
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
        color: #FFFFFF;
}

.navmenu a:hover {
	background: #4583c0;
        text-decoration: none;
        color:         #000000;
}

.admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-right: 10px;
}


.admin_menu_thumb a:hover {
        color: #000000;
        text-decoration: underline;
}

.admin_menu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
	border: 1px solid #4583c0;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}

.admin_menu a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        color: #000000;
        text-decoration: none;
	background: #4583c0;
}

td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}

.comment_date{
        color : #5F5F5F;
        font-size : 10px;
        vertical-align : middle;
}

.image {
        border-style: solid;
        border-width:1px;
        border-color: #000000;
        margin: 2px;
}

.imageborder {
        border: 1px solid #000000;
        background-color: #FFFFFF;
        margin-top: 30px;
        margin-bottom: 30px;
}

.display_media {
	background: #d3ddff;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.thumbnails {background: #B3C6FF;padding: 5px;}

.footer {font-size : 9px;}

.footer a {text-decoration: none;color: #000000;}

.footer a:hover {color: #000000;text-decoration: underline;}


.statlink {color: #000000;text-decoration: none;}
.statlink a {text-decoration: none;color: #000000;}
.statlink a:hover {color: #000000;text-decoration: none;}


.alblink a {text-decoration: underline;color: #000000;}
.alblink a:hover {color: #000000;text-decoration: underline;}

.catlink {display: block;margin-bottom: 2px;}
.catlink a {text-decoration: underline;color: #000000;}
.catlink a:hover {color: #000000;text-decoration: underline;}

/* Menu links anfang*/

.topmenu {
	line-height:17px;
	font-size:12px;
	font-weight:bold;
	text-align: left;
	padding:3px 5px 2px 18px;
	color: #4B0082;
	background-color:#f5f5f5;
	border-bottom:solid 1px #dddddd;
	border-left:solid 5px #ffffff;
	border-right:solid 3px #dddddd;
	padding:0px;
	font-family:lucida,verdana,sans-serif;
	background-color:#f5f5f5;
	width:155px;
	white-space:nowrap;
}

.topmenu a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background-image:url("/images/arrow_li_inact.gif");
	background-repeat:no-repeat;
	background-position:left;
	padding:3px 5px 2px 18px;
	margin:0px;
	border-bottom:solid 1px #dddddd;
	border-top:solid 3px #ffffff;
	border-right:solid 3px #dddddd;
	margin-right:-3px;
	display: block;
	background-color:#f5f5f5;
	background-image : none;
	color: #4B0082;
}

.topmenu a:hover {
	background-color:transparent;
	background-image:url("/images/arrow_li_hover.gif");
	background-repeat:no-repeat;
	background-position:left;
	background-color:#ffffaa;
	border-right:solid 3px #ffdd99;
	border-bottom:solid 1px #ffdd99;
	margin-right:-3px;
	color:red;
}

/* Menu links ende*/

.img_caption_table {
        border: none;
        background-color: #FFFFFF;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
	background: #7baadf;
        font-size : 12px;
        color : #FFFFFF;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
	background: #4583c0;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}

.debug_text {
        border: #BDBEBD;
        background-color: #EFEFEF;
        width : 100%;
        margin : 0px;
}

.clickable_option {color: #000000;font-weight: bold;}

.listbox_lang {
        color: #000000;
	background-color: #B3C6FF;
	border: 1px solid #7baadf;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;
        margin-top: 5px;
}

#SELECT_LISTS {text-align:center;}

#vanity {margin-top: 10px;}

#vanity a {
        display:block;
        width:57px;
        height:20px;
        margin: 3px 20px;
}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}

/* --------------------------------------------*/

.infowindow { /* styling for map popup  */
		white-space: normal;
		width: 200px;
		background-color: #fff;
		padding: 10px; 
		overflow: auto;
	}

	#map {
		width: 600px;
		height: 500px;
		border: outset thick gray;
	}
	
	#small_map { /* for maps in editOnePic.php, displayimage.php, and editpics.php */
		width: 300px;
		height: 300px;
		color: black;
		margin: 5px auto;
	}
	
	#gmap_sidebar { /* contains thumbnails that link to points on the map. Includes filmstrip tile. scrollbar appears if the content is too long */
		background-color: black;
		width: 155px;
		height:500px;
		overflow:auto;
		background-image:url(../../images/tile.gif) ;
		background-repeat: repeat-y;
		background-position: left; 
		padding-left:25px;
		padding-right: 5px;
		color: silver;
		text-align: center;
	 }
	 
	 #gmap_sidebar img { /* adds spacing around thumbnails in the sidebar */
		margin: 3px 0 0 0; 
		border: 2px solid black;
	 }
	 
	 #gmap_sidebar a:hover img { /* highlights hovered thumbnails in the sidebar */
		border: 2px solid silver;
	 }