/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2006 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 as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.
**********************************************/

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

bblink a:hover {
	color: #99CC99;
	text-decoration: underline;
}

body {
	margin: 0px;
	color: #FFFFFF;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
}

font {
	color: #000000;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

h1{
	color: #FFFFFF;
	margin: 2px;
	text-decoration: none;
	font: bold 22px/120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	margin: 0px;
	color: #FFFFFF;
	font: 18px Arial, Helvetica, sans-serif;
}

h3 {
	margin: 2px;
	color: #FFFFFF;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}

h4{
	color: #000000;
	margin: 2px;
	text-decoration: none;
	font: bold 18px/120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

image {
	border: 0 solid;
}

p {
	margin: 2px 0px;
	font: 100% Arial, Helvetica, sans-serif;
}

table {
	font: 11px Arial, Helvetica, sans-serif;
}

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

.admin_menu {
	border: 1px solid #333333;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	font: 1.0em Arial, Helvetica, sans-serif;
	background: #3371A3;
}

.admin_menu a {
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
	position: relative;
	padding: 1px 2px;
}

.admin_menu a:hover, .admin_menu:hover {
	color: #FFFFFF;
	background: #000000;
}

.admin_menu_thumb {
	border: 1px solid #333333;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 85px;
	font: bold 1.0em Arial, Helvetica, sans-serif;
	background: #3371A3 bottom;
}

.admin_menu_thumb a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	position: relative;
	padding: 1px 5px;
}

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

.alblink a {
	font-size: 1.1em;
	text-decoration: underline;
	color: #59708C;
}

.alblink a:hover {
	color: #8CA0B4;
	text-decoration: none;
}

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

.alt5 {
	color: #FFFFFF;
	font: 9px Verdana, Arial;
}

.alt5 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font: 9px Verdana, Arial;
}

.alt5 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font: 9px Verdana, Arial;
}

.alt5 a:hover, .tcat a:active {
	color: #FFFF66;
	text-decoration: underline;
	font: 9px Verdana, Arial;
}

.bodyline	{
	border: 1px none #98AAB1;
	background: #FFFFFF;
}

.button {
	border: 1px solid #0099FF;
	font: 100% Arial, Helvetica, sans-serif;
	background: bottom;
	background: #CCCCCC;
}

.catlink {
	font-size: 1.4em;
	display: block;
	margin-bottom: 2px;
}

.catlink a {
	text-decoration: underline;
	color: #59708C;
	letter-spacing: 0.5px;
}

.catlink a:hover {
	color: #8CA0B4;
	text-decoration: none;
}

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

.clickable_option {
	border-bottom: 1px dotted #CC3333;
	cursor: default;
}

.comment_button {
	border: 1px solid #0099FF;
	padding-left: 3px;
	padding-right: 3px;
	font: 100% Arial, Helvetica, sans-serif;
	background: bottom;
	background: #CCCCCC;
}

.comment_date{
	color: #333333;
	font-size: 1.0em;
	vertical-align: middle;
}

.display_media {
	background: #FFFFFF;
	padding: 3px 10px;
}

.footer {
	font-size: 0.9em;
}

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

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

.img_caption_table {
	border: none;
	background: transparent;
	width: 100%;
	margin: 0px;
}

.img_caption_table td {
	background: transparent;
	border-top: 1px solid #FFFFFF;
	padding: 6px 10px;
}

.img_caption_table th {
	background: transparent;
	font-size: 110%;
	color: #333333;
	border-top: 1px solid #FFFFFF;
	padding: 4px 10px;
}

.listbox {
	color: #000000;
	border: 1px solid #D1D7DC;
	vertical-align: middle;
	font: 80% Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}

.listbox_lang {
	color: #000000;
	border: 1px solid #D1D7DC;
	vertical-align: middle;
	font: 80% Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}

.maintable {
	border-bottom: 1px solid #D5D7DB;
	margin-top: 1px;
	margin-bottom: 1px;
}

.navmenu {
	color: #59708C;
	background: transparent;
	border-style: none;
	font: bold 1.2em Arial, Helvetica, sans-serif;
}

.navmenu a {
	position: relative;
	display: block;
	text-decoration: underline;
	color: #59708C;
	padding: 2px 5px;
}

.navmenu a:hover {
	text-decoration: none;
	color: #8CA0B4;
}

.navmenu img {
	margin: 1px 5px;
}

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

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

.sortorder_options {
	background: transparent;
	color: #59708C;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	font: normal 90% Arial, Helvetica, sans-serif;
}

.statlink {
	color: #8CA0B4;
	font-size: 1.0em;
}

.statlink a {
	text-decoration: none;
	color: #59708C;
}

.statlink a:hover {
	color: #8CA0B4 text-decoration: underline;
}

.tableb, .catrow {
	background: transparent;
	color: #333333;
	font: 1.1em Arial, Helvetica, sans-serif;
	padding: 3px 10px;
}

.tableb_compact {
	background: transparent;
	color: #333333;
	padding: 2px 5px;
}

.tablef {
	background: transparent;
	color: #005D93;
	padding: 10px;
}

.tableh1 {
	background: transparent;
	font-size: 1.3em;
	color: #333333;
	padding: 6px 10px 6px 15px;
}

.tableh1_compact {
	background: transparent;
	color: #333333;
	;
        padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.tableh2, .catrow_noalb {
	background: transparent;
	color: #333333;
	padding: 3px 10px;
}

.tableh2_compact {
	background: transparent;
	color: #333333;
	padding: 2px 5px;
}

.textinput {
	border: 1px solid #0099FF;
	padding-right: 3px;
	padding-left: 3px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

.thumb_caption {
	font-size: 0.9em;
	color: #59708C;
	padding: 1px;
	display: block;
}

.thumb_caption a {
	text-decoration: underline;
	color: #59708C;
}

.thumb_filename {
	font-size: 0.9em;
	color: #59708C;
	display: block;
}

.thumb_num_comments {
	font-weight: normal;
	font-size: 0.9em;
	color: #59708C;
	padding: 2px;
	font-style: italic;
	display: block;
}

.thumb_title {
	color: #59708C;
	font-size: 0.9em;
	padding: 2px;
	display: block;
}

.thumbnails {
	background: transparent;
	padding: 5px;
}

.topbkg{
	background: url(images/graphics/radio_03.jpg) #DBE3EE repeat-x;
}

.topmenu {
	border: 1px solid #0099FF;
	margin-top: 1px;
	margin-bottom: 1px;
	font: 12px/130% Arial, Helvetica, sans-serif;
}

.topmenu a {
	color: #59708C;
	text-decoration: none;
}

.topmenu a:hover {
	color: #8CA0B4;
	text-decoration: underline;
}

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

.user_thumb_infobox a {
	text-decoration: none;
	color: #005D93;
}

.user_thumb_infobox a:hover {
	color: #005D93;
	text-decoration: underline;
}

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

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

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

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

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

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

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

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

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

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

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

#vanity img {
	border: 0;
}

#lightbox {
	position: absolute;	
	left: 0; width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}

#lightbox img {
	width: auto; 
	height: auto;
}

#lightbox a img {
	border: none; 
}

#outerImageContainer { 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px;
	margin: 0 auto; 
}

#imageContainer { 
	padding: 10px; 
}

#loading {
	position: absolute; 
	top: 40%; left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}

#hoverNav {
	position: 
	absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav { 
	left: 0;
}

#hoverNav a { 
	outline: none;
}

#prevLink, #nextLink {
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink {
	right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; 
}

#imageData {	
	padding:0 10px;
	color: #666; 
}

#imageData #imageDetails { 
	width: 70%;
	float: left;
	text-align: left;
}	

#imageData #caption { 
	font-weight: bold;	
}

#imageData #numberDisplay { 
	display: block;
	clear: left;
	padding-bottom: 1.0em;	
}			

#imageData #bottomNavClose {
	width: 66px;
	float: right; 
	padding-bottom: 0.7em;
	outline: none;
}	 	

#overlay { 
	position: absolute;
	top: 0; 
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000; 
}