/*************************



  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.10



  $Source$



  $Revision: 3275 $



  $Author: gaugau $



  $Date: 2006-09-03 12:10:47 +0200 (So, 03 Sep 2006) $



**********************************************/







/* Colors used:                                */



/* --------------------------------------------*/



/* #FFFFFF = RBG 255,255,255 = (white)         */



/* #000000 = RBG   0,  0,  0 = (black)         */



/* #CC99FF = RGB 255,166,  0 = (orange)        */



/* #6189CC = RGB 107,190, 16 = (green)         */



/* #1B2D04 = RGB  27, 45,  4 = (dark green)    */



/* #FFFFCC = RGB 255,255,  0 = (yellow)        */



/* #D1D7DC = RGB 209,215,220 = (light grey)    */



/* #FFFFCC = RGB 247,243,123 = (light yellow)  */



/* #5F5F5F = RGB  95, 95, 95 = (dark grey)     */



/* #E7F38C = RGB 239,243,140 = (light green)   */



/* if you don't like a color, just do a search */



/* and replace on the hex color...             */







body {



background-color:#FFFFFF;



margin-top:0px;



margin-left:0px;



margin-right:0px;



padding:0px;



font-family:Verdana,Arial,sans-serif;



color:#000000;



font-size:16px;



}











h1{



        font-weight: bold;



        font-size: 22px;



        font-family: Verdana, Arial, Helvetica, sans-serif;



        text-decoration: none;



        line-height : 120%;



        color : #000000;



        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;



}







td {



        font-size: 12px;



}







p {



        font-family: Arial, Helvetica, sans-serif;



        font-size: 12px;



        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: Verdana, Arial, Helvetica, sans-serif;



        font-size: 12px;



        border: 1px solid #D1D7DC;



        padding-right: 3px;



        padding-left: 3px;



}







.listbox {



        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;



        font-size: 12px;



        border: 1px solid #D1D7DC;



        vertical-align : middle;



}







.button {



        font-family: Arial, Helvetica, sans-serif;



        font-size: 12px;



        border: 1px solid #005D8C;



        background-image : url(images/button_bg.gif);



        background-position : bottom;



}







.comment_button {



        font-family: Arial, Helvetica, sans-serif;



        font-size: 10px;



        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: 12px;



        vertical-align : middle;



}







.checkbox {



        font-family: Verdana, Arial, Helvetica, sans-serif;



        font-size: 12px;



        vertical-align : middle;



}







a {



        color: #CC99FF;



        text-decoration: none;



}







a:hover {



        color: #FFFFFF;



        text-decoration: none;



        background-color: #6189CC;



}







.bblink a {



        color: #CC99FF;



        text-decoration: none;



}







.bblink a:hover {



        color: #FFFFFF;



        text-decoration: none;



        background-color: #6189CC;



}







a:hover.nobg {



        text-decoration: none;



        background-color: #FFFFCC;



}











a:hover.yebg {



        text-decoration: none;



        background-color: #FFFFCC;



}







.maintable {



        border: 1px solid #6189CC;



        background-color: #FFFFFF;



        margin-top: 1px;



        margin-bottom: 1px;



}







.tableh1 {



        background : #CC99FF ;



        color : #FFFFFF;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.tableh1_compact {



        background : #6189CC ;



        color : #FFFFFF;



        padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;



}







.tableh2 {



        background: #FFFFCC ;



        color : #000000;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.tableh2_compact {



        background: #FFFFCC ;



        color : #000000;



        padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;



}







.tableb {



        background: #FFFFCC ;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.tableb_compact {



        background: #FFFFCC ;



        padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;



}







.tablef {



        background: #6189CC;



        padding-top: 10px;



        padding-right: 10px;



        padding-bottom: 10px;



        padding-left: 10px;



}







.catrow {



        background: #FFFFCC ;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.catrow_noalb {



        background: #FFFFCC ;



        color : #000000;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.album_stat {



        font-size : 10px;



        margin: 5px 0px;



}







.thumb_filename {



        font-size: 80%;



        display: block;



}







.thumb_title {



        font-weight : bold;



        font-size: 9px;



        padding: 2px;



        display : block;



}







.thumb_caption {



        font-size: 9px;



        padding: 1px;



        display : block;



}







.thumb_num_comments {



        font-weight: normal;



        font-size: 9px;



        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: 12px;



        margin-top: 1px;



        margin-bottom: 1px;



        text-align : center;



}







.user_thumb_infobox td {



        font-size: 10px;



        margin-top: 1px;



        margin-bottom: 1px;



        text-align : center;



}







.user_thumb_infobox a {



        text-decoration: none;



        color: #000000;



}







.user_thumb_infobox a:hover {



        color: #000000;



        text-decoration: underline;



}







.sortorder_cell {



        background : #CC99FF ;



        color : #FFFFFF;



        padding: 0px;



        margin: 0px;



}







.sortorder_options {



        font-family: Verdana, Arial, Helvetica, sans-serif;



        background : #CC99FF ;



        color : #FFFFFF;



        padding: 0px;



        margin: 0px;



        font-weight: normal;



        font-size: 9px;



        white-space: nowrap;



}







.navmenu {



        font-family: Verdana, Arial, Helvetica, sans-serif;



        color: #FFFFFF;



        font-size: 12px;



        font-weight: bold;



        background : #6189CC ;



        border-style: none;



}







.navmenu img {



        margin-top: 1px;



        margin-right: 5px;



        margin-bottom: 1px;



        margin-left: 5px;



}







.navmenu a {



        display: block;



        padding-top: 2px;



        padding-right: 5px;



        padding-bottom: 2px;



        padding-left: 5px;



        text-decoration: none;



        color: #FFFFFF;



}







.navmenu a:hover {



        background : #CC99FF ;



        text-decoration: none;



        color:         #000000;



}







.admin_menu_thumb {



        font-family: Arial, Helvetica, sans-serif;



        font-size: 10px;



        border: 1px solid #005D8C;



        background-image : url(images/button_bg.gif);



        background-position : bottom;



        color: #000000;



        font-weight: bold;



        margin-top: 0px;



        margin-bottom: 0px;



        width: 85px;



}







.admin_menu_thumb a {



        color: #000000;



        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: #000000;



        text-decoration: underline;



}







.admin_menu {



        font-family: Arial, Helvetica, sans-serif;



        font-size: 10px;



        border: 1px solid #CC99FF;



        background-image : url(images/button_bg.gif);



        background-position : bottom;



        color: #000000;



        margin-top: 0px;



        margin-bottom: 0px;



        text-align: center;



}







.admin_menu a {



        color: #000000;



        text-decoration: none;



        display: block;



        position: relative;



        padding-top: 1px;



        padding-bottom: 1px;



        padding-left: 2px;



        padding-right: 2px;



}







.admin_menu a:hover {



        color: #000000;



        text-decoration: none;



        background: #CC99FF;



}







td #admin_menu_anim {



        background-image : url(images/button_bg_anim.gif);



}







.comment_date{



        color : #5F5F5F;



        font-size : 10px;



        vertical-align : middle;



}







.image {



        border-style: solid;



        border-width:1px;



        border-color: #000000;



        margin: 2px;



}







.imageborder {



        border: 1px solid #000000;



        background-color: #FFFFFF;



        margin-top: 30px;



        margin-bottom: 30px;



}







.display_media {



        background: #FFFFCC ;



        padding-top: 3px;



        padding-right: 10px;



        padding-bottom: 3px;



        padding-left: 10px;



}







.thumbnails {



        background: #FFFFCC ;



        padding: 5px;



}







.footer {



        font-size : 9px;



}







.footer a {



        text-decoration: none;



        color: #FFFFFF;



}







.footer a:hover {



        color: #FFFFFF;



        text-decoration: underline;



}







.statlink {



        color: #FFFFFF;



        text-decoration: none;



}







.statlink a {



        text-decoration: none;



        color: #FFFFFF;



}







.statlink a:hover {



        color: #FFFFFF;



        text-decoration: none;



}







.alblink a {



        text-decoration: underline;



        color: #000000;



}







.alblink a:hover {



        color: #000000;



        text-decoration: underline;



}







.catlink {



        display: block;



        margin-bottom: 2px;



}







.catlink a {



        text-decoration: underline;



        color: #000000;



}







.catlink a:hover {



        color: #000000;



        text-decoration: underline;



}







.topmenu {



        font-family: Arial, Helvetica, sans-serif;



        font-size: 10px;



        color: #000000;



        margin-top: 0px;



        margin-bottom: 0px;



        width:120px;



        white-space:nowrap;



}







.topmenu a {



    display: block;



    padding-left: 2px;



    padding-right: 2px;



    padding-bottom: 2px;



    padding-top: 2px;



    border-left-width: 0px;



    background: #6189CC;



    background-image : url(images/button_bg.gif);



    background-position: center;



    border-bottom-width: 0px;



    margin: 0px 0px 2px;



    color: #625b55;



    text-align: center;



    text-decoration: none;



    border: 1px solid #E7F38C;



    color: #000000



    }







.topmenu a:hover {



    color: #000000;



    text-decoration: none;



    background: #FFFFCC;



    background-image : none;



}























.img_caption_table {



        border: none;



        background-color: #FFFFFF;



        width : 99%;



        margin : 0px;



}







.img_caption_table th {



        background: #6189CC ;



        font-size : 12px;



        color : #FFFFFF;



        padding-top: 4px;



        padding-right: 10px;



        padding-bottom: 4px;



        padding-left: 10px;



        border-top : 1px solid #FFFFFF;



}







.img_caption_table td {



        background: #CC99FF ;



        padding-top: 6px;



        padding-right: 10px;



        padding-bottom: 6px;



        padding-left: 10px;



        border-top : 1px solid #FFFFFF;



}







.debug_text {



        border: #BDBEBD;



        background-color: #EFEFEF;



        width : 100%;



        margin : 0px;



}







.clickable_option {



        color: #1B2D04;



        font-weight: bold;



}







.listbox_lang {



        color: #000000;



        background-color: #E7F38C;



        border: 1px solid #6189CC;



        font-size: 80%;



        font-family: Arial, Helvetica, sans-serif;



        vertical-align : middle;



        margin-top: 5px;



}







#SELECT_LISTS {



        text-align:center;



}







#vanity {



        margin-top: 10px;



}







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







/* Colors used:                                */



/* --------------------------------------------*/



/* #FFFFFF = RBG 255,255,255 = (white)         */



/* #000000 = RBG   0,  0,  0 = (black)         */



/* #CC99FF = RGB 255,166,  0 = (orange)        */



/* #6189CC = RGB 107,190, 16 = (green)         */



/* #FFFFCC = RGB 255,255,  0 = (yellow)        */



/* #D1D7DC = RGB 209,215,220 = (light grey)    */



/* #FFFFCC = RGB 247,243,123 = (light yellow)  */



/* #5F5F5F = RGB  95, 95, 95 = (dark grey)     */



/* #E7F38C = RGB 239,243,140 = (light green)   */



/* if you don't like a color, just do a search */



/* and replace on the hex color...             */