/*************************
  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.
  
  ********************************************
  Coppermine version: 1.4.21
  $HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.4.x/themes/classic/style.css $
  $Revision: 4392 $
  $Author: gaugau $
  $Date: 2009-03-24 16:55:00 +0100 (Mo, 24 Mar 2009) $
**********************************************/

/* Colors used in this style sheet:
   Hex 000000 = RBG   0,   0,   0 = black
   Hex 5F5F5F = RBG  95,  95,  95 = light black
   Hex BDBEBD = RBG 189, 190, 189 = dark grey
   Hex D1D7DC = RBG 209, 215, 220 = medium grey
   Hex CCCCCC = RBG 204, 204, 204 = medium grey
   Hex EFEFEF = RBG 239, 239, 239 = dark white
   Hex FFFFFF = RBG 255, 255, 255 = white
   Hex 005D8C = RBG   0,  93, 140 = dark blue
   Hex 0033CC = RBG   0,  91, 104 = medium blue
   Hex 0E72A4 = RBG  14, 114, 164 = light blue
*/

a {
	color: #898989;
	text-decoration: none;
}

/* General page style */
a:link, a:active, a:visited, a.postlink{
	color: #898989;
	text-decoration: none;	
	}

a:hover{
	color: #898989;
	text-decoration: none;
}

a.admin:hover, a.mod:hover{
	color: #898989;
	text-decoration: none;	
}

a.admincolor:hover {
	color: #898989;
	text-decoration: none;	
	}

a.but, a.but:hover, a.but:visited{
	color: #898989;
	text-decoration: none;	
	}

bblink a {
	color: #898989;
	text-decoration: none;
	}

bblink a:hover {
	color: #898989;
	text-decoration: none;
	}

/* General font families for common tags */
font, th, td, p{
	font: 10px Verdana,Arial,Helvetica,sans-serif;
	color: #898989;
	text-decoration: none;
}

body {
	color: #57657E;
	background-color: #FFFFFF;
}

table {
	color: #898989;
	font-size: 10px;
}

h1{
	font-weight: bold;
	font-size: 22px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height : 120%;
	color: #898989;
	margin: 2px;
}

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-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin: 2px;
}

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

p {
	color: #898989;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	margin: 2px 0px;
}

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

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

.admin_menu a {
	color: #898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.admin_menu a:hover {
	color: #898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}

.admin_menu_thumb {
	border: 1px solid #FFFFFF;
	color: #898989;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 85px;
}

.admin_menu_thumb a {
	color: #898989;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	position: relative;
	text-decoration: none;
}

.alblink a, .footer a, .statlink a, .user_thumb_infobox a {
	color: #898989;
	font-family: Verdana, Helvetica, sans-serif;

	font-size: 10px;
	text-decoration: none;
}

.alblink a:hover, .footer a:hover, .statlink a:hover, .user_thumb_infobox a:hover {
	color: #898989;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}

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

.anycontent a:hover {
	color: #898989;
	text-decoration: underline;
}

.anycontent, .anycontent a {
	color: #898989;
	font-size: 95%;
}

.button {
	border: 1px solid;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
}

.catlink {
	font-size: 120%;
	display: block;
	margin-bottom: 2px;
}

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

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

.checkbox, .radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	vertical-align: middle;
}

.clickable_option {
	border-bottom: 1px dotted #0000FF;
	cursor: hand;
}

.comment_button {
	background: #000000;
	border: 1px solid;
	color: #898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-left: 3px;
	padding-right: 3px;
}

.comment_date{
	color: #898989;
	font-size: 90%;
	vertical-align: middle;
}

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

.footer {
	color: #898989;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.2em;
}

.footer a, .footer a:visited  {
	color: #898989;
	text-decoration: none;
}

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

.gal_name {
	color: #898989;
	font-size: 14px;
	font-weight: bold;
}

.image {
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 2px;
}

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

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

.img_caption_table td {
	background: #898989;
	border-top: 1px solid;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	color: White;
}

.img_caption_table th {
	background: #898989;
	border-top: 1px solid;
	color: #898989;
	font-size: 100%;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
}

.listbox {
	background: #F8F8F8 url(images/gradient.gif) top left repeat-x;
	border: 1px solid #CCCCCC;
	color: #898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
}

.listbox_lang {
	background: #F8F8F8 url(images/gradient.gif) top left repeat-x;
	border: 1px solid #CCCCCC;
	color: #898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
}

.maintable {
	border: solid 1px #999;
	margin: 0 auto;
	background-color: #F8F8F8;
}

.menu_navigator {
	border-bottom: 1px solid;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
}

.navmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #898989;
	font-size: 100%;
	font-weight: bold;
	border-style: none;
}

.navmenu a {
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-decoration: none;
	color: #898989;
}

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

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

.sortorder_cell {
	color: #FFFFFF;
	margin: 0px;
	padding: 2px;
}

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

.statlink {
	color: #898989;
}

.tableb {
	background: #F8F8F8 url(images/gradient.gif) top left repeat-x;
	margin: 0 auto;
	color: #898989;
}

.tableb_compact {
	background: #F8F8F8 url(images/gradient.gif) top left repeat-x;
	color: #898989;
	margin: 0 auto;
}

.tablef {
	background: #F8F8F8 url(images/gradient.gif) top left repeat-x;
	color: #898989;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.tableh1 {
	background: #F8F8F8 url(images/gradient.gif) top left repeat-x;
	color: #898989;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	text-align: left;
}

.tableh1_compact, .tableh2_compact {
	background: #F8F8F8 url(images/gradient.gif) top left repeat-x;
	color: #898989;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
}

.tableh2 {
	background: #F8F8F8 url(images/gradient.gif) top left repeat-x;
	color: #898989;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
}

.textinput, input, option, textarea {
	background-color: #FFFFFF;
	border: 1px solid #898989;
	color: #898989;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-left: 3px;
	padding-right: 3px;
}

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

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

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

.thumbnails {
	padding: 5px;
}

.topmenu {
	color: #898989;
	font-size: 100%;
}

.topmenu td {
	font-weight: bold;
	white-space: nowrap;
}

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

.user_thumb_infobox td {
	font-size: 90%;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
}

.user_thumb_infobox th {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
}

#v_css {
	background-image: url(../../images/valid-css.gif);
	float: right;
}

#v_css:hover{
	background-image: url(../../images/h_valid-css.gif);
}

#v_mysql {
	background-image: url(../../images/powered-mysql.gif);
	float: left;
}

#v_mysql:hover {
	background-image: url(../../images/h_powered-mysql.gif);
}

#v_php {
	background-image: url(../../images/powered-php.gif);
	float: left;
}

#v_php:hover {
	background-image: url(../../images/h_powered-php.gif);
}

#v_xhtml {
	background-image: url(../../images/valid-xhtml10.gif);
	float: right;
}

#v_xhtml:hover {
	background-image: url(../../images/h_valid-xhtml10.gif);
}

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

#vanity img {
	border: 0;
}

/* CP tabbed menu
----------------------------------------*/
#tabs {
	line-height: normal;
	margin: 20px 0 -1px 7px;
	min-width: 300px;
}

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

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

#tabs a {
	float: left;
	background-image:url(theme/images/bg_tabs1.gif);
	background: none no-repeat 0% -35px ;
	margin: 0 1px 0 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

#tabs a span {
	float: left;
	display: block;
	background-image:url(theme/images/bg_tabs2.gif);
	background: none no-repeat 100% -35px;
	padding: 6px 10px 6px 5px;
	color: #828282;
	white-space: nowrap;
}

#tabs a:hover span {
	color: #bcbcbc;
}

#tabs .activetab a {
	background-position: 0 0;
	border-bottom: 1px solid #ebebeb;
}

#tabs .activetab a span {
	background-position: 100% 0;
	padding-bottom: 7px;
	color: #333333;
}

#tabs a:hover {
	background-position: 0 -70px;
}

#tabs a:hover span {
	background-position:100% -70px;
}

#tabs .activetab a:hover {
	background-position: 0 0;
}

#tabs .activetab a:hover span {
	color: #000000;
	background-position: 100% 0;
}