/*************************
  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.
  ********************************************
  Coppermine version: 1.4.8
  $Source$
  $Revision: 3116 $
  $Author: gaugau $
  $Date: 2006-06-08 00:11:54 +0200 (Do, 08 Jun 2006) $
**********************************************/
/* 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
*/
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #CCC;
    color: Black;
    margin: 0
    }
table {
    font-size: 12px
    }
h1 {
    font-weight: bold;
    font-size: 22px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 120%;
    color: #000;
    margin: 2px
    }
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0
    }
h3 {
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 2px
    }
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin: 2px 0
    }
ul {
    margin-left: 5px;
    padding: 0
    }
li {
    margin-left: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0;
    list-style-position: outside;
    list-style-type: disc
    }
.textinput {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    border: 1px solid #D1D7DC;
    padding-right: 3px;
    padding-left: 3px
    }
.listbox {
    font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
    font-size: 100%;
    border: 1px solid #D1D7DC;
    vertical-align: middle
    }
.button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    border: 1px solid #005D8C;
    background-image: url(images/button_bg.gif);
    background-position: bottom
    }
.comment_button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 85%;
    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: 100%;
    vertical-align: middle
    }
.checkbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    vertical-align: middle
    }
a {
    color: #03C;
    text-decoration: none
    }
a:hover {
    color: #03C;
    text-decoration: underline
    }
.bblink a {
    color: #03C;
    text-decoration: none
    }
.bblink a:hover {
    color: #03C;
    text-decoration: underline
    }
.maintable {
    border: 1px solid #0E72A4;
    /*        background-color: #FFFFFF;*/
    background-color: #efefef;
    margin-top: 1px;
    margin-bottom: 1px
    }
.tableh1 {
    background: #0E72A4;
    color: #FFF;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.tableh1_compact {
    background: #0E72A4;
    color: #FFF;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px
    }
.tableh2 {
    background: #D1D7DC;
    color: #000;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.tableh2_compact {
    background: #D1D7DC;
    color: #000;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px
    }
.tableb {
    background: #EFEFEF;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.tableb_compact {
    background: #EFEFEF;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px
    }
.tablef {
    background: #D1D7DC;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px
    }
.catrow_noalb {
    background: #D1D7DC;
    color: #000;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.catrow {
    background: #EFEFEF;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.album_stat {
    font-size: 85%;
    margin: 5px 0
    }
.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 a {
    text-decoration: underline;
    color: #000
    }
.thumb_num_comments {
    font-weight: normal;
    font-size: 80%;
    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: 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
    }
.user_thumb_infobox a {
    text-decoration: none;
    color: #000
    }
.user_thumb_infobox a:hover {
    color: #000;
    text-decoration: underline
    }
.sortorder_cell {
    background: #0E72A4;
    color: #FFF;
    padding: 0;
    margin: 0
    }
.sortorder_options {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #0E72A4;
    color: #FFF;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 80%;
    white-space: nowrap
    }
.navmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 100%;
    font-weight: bold;
    background: #0E72A4;
    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: #FFF
    }
.navmenu a:hover {
    background: #EFEFEF;
    text-decoration: none;
    color: #000
    }
.admin_menu_thumb {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 85%;
    border: 1px solid #005D8C;
    background-image: url(images/button_bg.gif);
    background-position: bottom;
    color: #000;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    width: 85px
    }
.admin_menu_thumb a {
    color: #000;
    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: #000;
    text-decoration: underline
    }
.admin_menu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 85%;
    border: 1px solid #005D8C;
    background-color: #EFEFEF;
    background-image: url(images/button_bg.gif);
    background-position: bottom;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
    text-align: center
    }
.admin_menu a {
    color: #000;
    text-decoration: none;
    display: block;
    position: relative;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px
    }
.admin_menu a:hover {
    color: #000;
    text-decoration: underline
    }
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: #000;
    margin: 2px
    }
.imageborder {
    border: 1px solid #000;
    background-color: #FFF;
    margin-top: 30px;
    margin-bottom: 30px
    }
.display_media {
    background: #EFEFEF;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.thumbnails {
    background: #EFEFEF;
    padding: 5px
    }
.footer {
    font-size: 9px
    }
.footer a {
    text-decoration: none;
    color: #000
    }
.footer a:hover {
    color: #000;
    text-decoration: underline
    }
.statlink {
    color: #FFF
    }
.statlink a {
    text-decoration: none;
    color: #FFF
    }
.statlink a:hover {
    color: #FFF;
    text-decoration: underline
    }
.alblink a {
    text-decoration: underline;
    color: #000
    }
.alblink a:hover {
    color: #000;
    text-decoration: underline
    }
.catlink {
    display: block;
    margin-bottom: 2px
    }
.catlink a {
    text-decoration: underline;
    color: #000
    }
.catlink a:hover {
    color: #000;
    text-decoration: underline
    }
.topmenu {
    line-height: 130%;
    font-size: 100%
    }
.topmenu a {
    color: #03C;
    text-decoration: none
    }
.topmenu a:hover {
    color: #03C;
    text-decoration: underline
    }
.img_caption_table {
    border: none;
    background-color: #FFF;
    width: 100%;
    margin: 0
    }
.img_caption_table th {
    background: #D1D7DC;
    font-size: 100%;
    color: #000;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    border-top: 1px solid #FFF
    }
.img_caption_table td {
    background: #EFEFEF;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    border-top: 1px solid #FFF;
    white-space: normal
    }
.debug_text {
    border: #BDBEBD;
    background-color: #EFEFEF;
    width: 100%;
    margin: 0
    }
.clickable_option {
    cursor: default
    }
.listbox_lang {
    color: #000;
    background-color: #D1D7DC;
    border: 1px solid #D1D7DC;
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
    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)
    }