/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2008 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.
  ********************************************
  $Revision: 1.6 $
  $Author: tora60 $
  $Date: 2008/04/22 00:13:15 $
**********************************************/

#cpg-output .textinput {
	border: 1px solid $css[backcolor_2];
	padding-right: 3px;
	padding-left: 3px;
}

#cpg-output .listbox {
	border: 1px solid $css[backcolor_2];
	vertical-align: middle;
}

#cpg-output .button {
	border: 1px solid $css[backcolor_3];
	background-image: url(images/button_bg.gif);
	background-position: bottom;
}

#cpg-output .comment_button {
	font-size: 85%;
	border: 1px solid $css[backcolor_3];
	background-image: url(images/button_bg.gif);
	background-position: bottom;
	padding-left: 3px;
	padding-right: 3px;
}

#cpg-output .radio {
	vertical-align: middle;
}

#cpg-output .checkbox {
	vertical-align: middle;
}


#cpg-output .bblink a {
	color: $css[textcolor_2];
	text-decoration: none;
}

#cpg-output .bblink a:hover {
	color: $css[textcolor_2];
	text-decoration: underline;
}

#cpg-output .maintable {
	text-align: left;
	border: 1px solid $css[backcolor_3];
	background-color: $css[backcolor_1];
	margin-top: 1px;
	margin-bottom: 1px;
}

#cpg-output .tableh1 {
	background: $css[backcolor_2] ;
	color: $css[textcolor_1];
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#cpg-output .tableh1_compact {
	background: $css[backcolor_3] ;
	color: $css[textcolor_2];
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#cpg-output .tableh2 {
	background: $css[backcolor_1] ;
	color: $css[textcolor_1];
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#cpg-output .tableh2_compact {
	background: $css[backcolor_1] ;
	color: $css[textcolor_1];
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#cpg-output .tableb {
	background: $css[backcolor_3] ;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#cpg-output .tableb table tr {
  /* z.B. ankreuz optionen in editpic */
	vertical-align: top;
}

#cpg-output .tableb_compact {
	background: $css[backcolor_3] ;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#cpg-output .tablef {
	background: $css[backcolor_1];
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#cpg-output .catrow_noalb {
	background: $css[backcolor_1] ;
	color: $css[textcolor_1];
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#cpg-output .catrow {
	background: $css[backcolor_3] ;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#cpg-output .album_stat {
	font-size: 85%;
	margin: 5px 0px;
}

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

#cpg-output .thumb_title {
	font-weight: bold;
	font-size: 80%;
	padding: 2px;
	display: block;
}

#cpg-output .thumb_caption {
	font-size: 80%;
	padding: 1px;
	display: block;
}

#cpg-output .thumb_caption a {
	text-decoration: underline;
	color: $css[textcolor_1];
}

#cpg-output .thumb_num_comments {
	font-weight: normal;
	font-size: 80%;
	padding: 2px;
	font-style: italic;
	display: block;
}

#cpg-output .user_thumb_infobox {
	margin-top: 1px;
	margin-bottom: 1px;
}

#cpg-output .user_thumb_infobox th {
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: center;
}

#cpg-output .user_thumb_infobox td {
	font-size: 80%;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: center;
}

#cpg-output .user_thumb_infobox a {
	text-decoration: none;
	color: $css[textcolor_1];
}

#cpg-output .user_thumb_infobox a:hover {
	color: $css[textcolor_1];
	text-decoration: underline;
}

#cpg-output .sortorder_cell {
	background: $css[backcolor_2] ;
	color: $css[textcolor_1];
	padding: 0px;
	margin: 0px;
}

#cpg-output .sortorder_options {
	background: $css[backcolor_2] ;
	color: $css[textcolor_1];
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	/* font-size: 80%; */
	white-space: nowrap;
}

#cpg-output .navmenu {
	color: $css[textcolor_1];
	font-weight: bold;
	background: $css[backcolor_2] ;
	border-style: none;
}

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

#cpg-output .navmenu a {
	position: relative;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-decoration: none;
	color: $css[textcolor_1];
}

#cpg-output .navmenu a:hover {
	background: $css[backcolor_1] ;
	text-decoration: none;
	color:         $css[textcolor_1];
}

#cpg-output .admin_menu_thumb {
	font-size: 9px;
	border: 1px solid $css[backcolor_3];
	background-image: url(images/button_bg.gif);
	background-position: bottom;
	color: $css[textcolor_1];
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 85px;
}

#cpg-output .admin_menu_thumb a {
	font-size: 9px;
	color: $css[textcolor_1];
	text-decoration: none;
	display: block;
	position: relative;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
}


#cpg-output .admin_menu_thumb a:hover {
	color: $css[textcolor_1];
	text-decoration: underline;
}

#cpg-output td.admin_menu,
#cpg-output th.admin_menu,
#cpg-output a.admin_menu {
	font-size: 9px;
	border: 1px solid $css[backcolor_3];
	background-color:$css[backcolor_1];
	background-image: url(images/button_bg.gif);
	background-position: bottom;
	color: $css[textcolor_1];
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	text-align: center;
}

#cpg-output .admin_menu a {
	color: $css[textcolor_1];
	font-size: 9px;
	border: 1px solid $css[backcolor_3];
	text-decoration: none;
	display: block;
	position: relative;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

#cpg-output .admin_menu a:hover {
	color: $css[textcolor_1];
	text-decoration: underline;
	border: 1px solid $css[backcolor_3];
}

#cpg-output a.admin_menu_a:visited,
#cpg-output a.admin_menu_a:link {
	background-color: $css[backcolor_1];
	border: none;
	display: block;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 1px;
}

#cpg-output a.admin_menu_a:hover, 
#cpg-output a.admin_menu_a:active, 
#cpg-output a.admin_menu_a:focus{
	background-color: $css[backcolor_2];
	display: block;
	margin-top: 1px;
	margin-bottom: 4px;
	margin-left: 1px;
	margin-right: 0px;
}

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

#cpg-output .comment_date{
	color: $css[textcolor_1];
	font-size: 90%;
	vertical-align: middle;
}

#cpg-output .image {
	border-style: solid;
	border-width:1px;
	border-color: $css[textcolor_1];
	margin: 2px;
}

#cpg-output .imageborder {
	border: 1px solid $css[textcolor_1];
	background-color: $css[backcolor_3];
	margin-top: 30px;
	margin-bottom: 30px;
}

#cpg-output .display_media {
	background: $css[backcolor_1] ;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#cpg-output .thumbnails {
	background: $css[backcolor_1] ;
	padding: 5px;
}

#cpg-output .footer {
	font-size: 9px;
}

#cpg-output .footer a {
	text-decoration: none;
	color: $css[textcolor_1];
}

#cpg-output .footer a:hover {
	color: $css[textcolor_1];
	text-decoration: underline;
}

#cpg-output .statlink {
	color: $css[textcolor_2];
}

#cpg-output .statlink a {
	text-decoration: none;
	color: $css[textcolor_2];
}

#cpg-output .statlink a:hover {
	color: $css[textcolor_2];
	text-decoration: underline;
}

#cpg-output .alblink a {
	text-decoration: underline;
	color: $css[textcolor_1];
}

#cpg-output .alblink a:hover {
	color: $css[textcolor_1];
	text-decoration: underline;
}

#cpg-output .catlink {
	display: block;
	margin-bottom: 2px;
}

#cpg-output .catlink a {
	text-decoration: underline;
	color: $css[textcolor_1];
}

#cpg-output .catlink a:hover {
	color: $css[textcolor_1];
	text-decoration: underline;
}

#cpg-output .topmenu {
	line-height: 130%;
}

#cpg-output .topmenu a {
	color: $css[textcolor_2];
	text-decoration: none;
}

#cpg-output .topmenu a:hover  {
	color: $css[textcolor_2];
	text-decoration: underline;
}

#cpg-output .img_caption_table {
	border: none;
	background-color: $css[backcolor_3];
	width: 100%;
	margin: 0px;
}

#cpg-output .img_caption_table th {
	background: $css[backcolor_1] ;
	color: $css[textcolor_1];
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-top: 1px solid $css[backcolor_3];
}

#cpg-output .img_caption_table td {
	background: $css[backcolor_1] ;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	border-top: 1px solid $css[backcolor_3];
	white-space: normal;
}

#cpg-output .debug_text {
	border: $css[textcolor_1];
	background-color: $css[backcolor_1];
	width: 100%;
	margin: 0px;
}

#cpg-output .clickable_option {
	cursor: pointer;
}

#cpg-output .listbox_lang {
	color: $css[textcolor_1];
	background-color: $css[backcolor_1];
	border: 1px solid $css[backcolor_2];
	font-size: 80%;
	vertical-align: middle;

}

#cpg-output #vanity a {
	display:block;
	width:57px;
	height:20px;
	margin: 3px 20px;
}

#cpg-output #vanity img {border:0}
#cpg-output #v_php {float:left;background-image:url(../../images/powered-php.gif);}
#cpg-output #v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#cpg-output #v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#cpg-output #v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#cpg-output #v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#cpg-output #v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#cpg-output #v_css {float:right;background-image:url(../../images/valid-css.gif);}
#cpg-output #v_css:hover{background-image:url(../../images/h_valid-css.gif);}

/* der Body, von den Hilfe-Popups */
body.tableb {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	background-color: #ececec;
}