/*************************
	Coppermine Photo Gallery
	************************
	Copyright (c) 2003-2007 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.14
	$Source$
		$Revision: 3966 $
		$Author: gaugau $
		$Date: 2007-09-17 08:53:13 +0200 (Mo, 17 Sep 2007) $
	**********************************************/

		/* 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
	
	Hex 424242 = nearly black, used for text
	Hex C8DCE6 = pale blue, used for text on table headline bar
	
	
	
	*/
	.alt1, .alt1Active
	{
		background-color: #F8FAFC;
		font-family: arial, helvetica, sans-serif;
	}

	.alt2, .alt2Active
	{
		background-color: #cacaca;
		font-family: arial, helvetica, sans-serif;
	}

	.alt3
	{
		background-color: #ececec;
		color: #000000;
	}

	.pms_send_a {
		background: #EFEFEF ;
		padding-top: 3px;
		padding-right: 10px;
		padding-bottom: 3px;
		padding-left: 10px;
		border: 1px inset;
	}

	.pms_send_b {
		background: #cacaca;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		border: 1px inset;
	}

	.pms_legend
	{
		margin: 10px;
	}

	.panel
	{
		background: #F8FAFC;
		color: #424242;
		padding: 10px;
		border: 2px outset;
	}

	.panelsurround
	{
		background: #cacaca;
		color: #424242;
	}

	legend
	{
		color: #424242;
	}

	.pms_linecolor1
	{
		background-color: #0E72A4;
		font-size: 10px;
	}
	.pms_linecolor2
	{
		background-color: #71ACCA;
		font-size: 10px;
	}
	.pms_linecolor3
	{
		background-color: #DEDEDE;
		font-size: 10px;
	}
	.pms_linecolor4
	{
		background-color: white;
		font-size: 10px;
	}
	.pms_linecolor5
	{
		background-color: #A6DAF5;
		font-size: 10px;
	}

	.smallfont
	{
		font-size: 10px;
	}

	table {
		font-size: 12px;
	}

	BODY,TD,TH,LI,OL,UL,DL,BLOCKQUOTE,SELECT,DIV,P {
		font-size: 9pt;
		font-family: Arial, Helvetica, sans-serif;
	}

	BODY {
		text-decoration : none;
	}

	LI,BLOCKQUOTE {
		color : #424242;
		background-color: transparent;
		text-decoration : none;
	}

	h1{
		font-weight: bold;
		font-size: 13pt;
		text-decoration: none;
		line-height : 120%;
		color : #424242;
		margin: 2px;
	}

	h2 {
		font-size: 11pt;
		margin: 0px;
	}

	h3 {
		font-weight: normal;
		font-size: 10pt;
		margin: 2px;
	}

	/* The largest text used in the index page title and toptic title etc. */
	.maintitle	{
		font-weight: bold; font-size: 11pt; color : #424242;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none; line-height : 130%;
		text-transform: uppercase;
	}
	a.maintitle,a.maintitle:link,a.maintitle:active,a.maintitle:visited { color : #424242; }
	a.maintitle:hover { color: #CE1010; text-decoration: underline;}

	p {
		font-size: 100%;
		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 : Arial, Helvetica, sans-serif;
		font-size : 90%;
		border: 1px solid #D1D7DC;
		padding-right: 3px;
		padding-left: 3px;
	}

	.listbox {
		font-size: 100%;
		border: 1px solid #D1D7DC;
		vertical-align : middle;
		cursor:hand;
	}

	.button {
		font-size: 90%;
		color: #424242;
		border: 1px solid #005D8C;
		background-image : url(images/button_bg.gif);
		background-position : bottom;
		padding-left: 3px;
		padding-right: 3px;
		cursor:hand;
		
	}

	.comment_button {
		font-size: 90%;
		border: 1px solid #005D8C;
		background-image : url(images/button_bg.gif);
		background-position : bottom;
		padding-left: 3px;
		padding-right: 3px;
		cursor:hand;
	}

.button:hover,.comment_button:hover {
				border : 1px solid #DD6900;
}

	.radio {
		font-size: 100%;
		vertical-align : middle;
		cursor:hand;
	}

	.checkbox {
		font-size: 100%;
		vertical-align : middle;
		cursor:hand;
	}

	.bblink a {
	}

	.bblink a:hover {
	}

	/* This is the outline round the breadcrumb tables */
	.thintable	{ 
		border: 1px solid #9CBACE; 
		background-color: #EFEFEF; 
		margin-top : 1px;
		margin-bottom : 1px;
		text-align:left;
		border-spacing:0px;
	}

	.maintable {
		border: 2px solid #0E72A4;
		background-color: #EFEFEF;
		margin-top: 1px;
		margin-bottom: 1px;
		border-collapse: separate;
	}

	.tableh1,.tableh2,.tableb,.catrow_noalb,.catrow,.catrow2,.catrow3,.display_media {
		padding-top: 3px;
		padding-right: 10px;
		padding-bottom: 3px;
		padding-left: 10px;
	}

	.tableh1_compact,.tableh2_compact,.tableb_compact {
		padding-top: 2px;
		padding-right: 3px;
		padding-bottom: 2px;
		padding-left: 3px;
	}

	.tableh1, .tableh1_compact {
		color : #C8DCE6;
		background-color : #0E72A4;
		background-image: url(images/cellpic3.gif);
		background-position: 50% 0%; 
	}

	.tableh1 {
		letter-spacing: 1px; 
	}
	
	.texth1 {
		color : #C8DCE6;
		background-color : transparent;
		font-weight:normal;
		letter-spacing: 1px; 
	}

	.tableh2, .tableh2_compact {
		color : #424242;
		background: #D1D7DC ;
		background-image: url(images/cellpic1.gif);
		background-position: 50% 0%; 
	}

	.tableb,.tableb_compact {
		background: #EFEFEF ;
	}

	.tablef {
		background: #D1D7DC;
		padding: 10px;
		background-image: url(images/cellpic1.gif);
		background-position: 50% 0%; 
	}

	.catrow_noalb {
		background: #D1D7DC ;
		color : #424242;
	}

	.catrow {
		background: #EFEFEF ;
	}

	.catrow2 {
		background: #DEE3E7 ;
	}

	.catrow3 {
		background: #D1D7DC ;
	}

	.display_media {
		background: #EFEFEF ;
	}

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

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

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

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

	.thumb_caption_suite {
		font-size: 90%;
		color: #666666;
		padding: 1px;
	}
	
	.thumb_num_comments {
		font-weight: normal;
		font-size: 80%;
		padding: 2px;
		color: #666666;
		display : block;
	}

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

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

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

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

	.sortorder_options {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background : transparent ;
		color : #C8DCE6;
		text-align:right;
		padding: 0px;
		margin: 0px;
		font-weight: normal;
		font-size: 80%;
		line-height: 10px;
		white-space: nowrap;
	}

	.navmenu {
		color: #C8DCE6;
		font-size: 100%;
		font-weight: bold;
		background-color : #0E72A4;
		background-image: url(images/cellpic3.gif);
		background-position: 50% 0%; 
		border-style: none;
	}

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

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

	.navmenu a:hover {
		background : #EFEFEF ;
		text-decoration : none;
		color: #005D8C;
	}

	.admin_menu_thumb {
		font-size: 85%;
		border: 1px solid #005D8C;
		background-image : url(images/button_bg.gif);
		background-position : bottom;
		color: #424242;
		font-weight: bold;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 85px;
	}

	.admin_menu_thumb a {
		color: #424242;
		text-decoration: none;
		display: block;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}


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

	.admin_menu {
		font-size: 85%;
		border: 1px solid #005D8C;
		background-color:#EFEFEF;
		background-image : url(images/button_bg.gif);
		background-position : bottom;
		color: #424242;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:1px;
		padding-right:1px;
		text-align: center;
	}

	.admin_menu a {
		display: block;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 2px;
		padding-right: 2px;
	}

	.admin_menu a, .admin_menu:link,.admin_menu:visited {
		color: #424242;
		text-decoration: none;
	}

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

	.admin_menu:hover,.admin_menu_thumb:hover {
		border : 1px solid #DD6900;
	}

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

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

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

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

	a .image:hover{
		border-color : #DD6900;
		border-width:2px;
		margin: 1px;
	}

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

	td.thumbnails TD {
		text-align:center;
	}

	.footer {
		font-size : 9px;
	}

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

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

	.statlink {
		color: #C8DCE6;
		letter-spacing: 0px; 
	}

	.statlink a,a.statlink {
		font-weight: bold;
		text-decoration: none;
		color: #FFFFFF;
		background : transparent ;
	}

	.statlink a:hover,a.statlink:hover {
		background : #EFEFEF ;
		text-decoration : none;
		color: #005D8C;
	}

	.alblink {
		font-size : 12px;
	}
	.catlink {
		background-color: transparent;
		font-size:10pt;
		text-transform:uppercase;
		display: block;
		margin-bottom: 2px;
	}

	.topmenu {
		line-height : 130%;
		font-size: 11px;
	}

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

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

	.img_caption_table td {
		background: #EFEFEF ;
		padding-top: 6px;
		padding-right: 10px;
		padding-bottom: 6px;
		padding-left: 10px;
		border-top : 1px solid #FFFFFF;
		white-space: normal;
	}

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

	.clickable_option {
		cursor : default;
	}

	.listbox_lang {
		color: #000000;
		background-color: #D1D7DC;
		border: 1px solid #D1D7DC;
		font-size: 80%;
		vertical-align : middle;

	}
	#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);}