/*********** VIDEOGALLERIA **************
  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) $
**********************************************/

/* tumma sininen #013366 ja vaalea sininen #346699 */ 

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

h1    { color: #346699; font-size: 12px; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; margin: 2px }

h2 {

        font-family: Verdana, Helvetica, sans-serif;
        background-image : url(images/box_left_icon.gif);
        background-repeat : no-repeat;
        background-position : left;
        padding-left : 18px;
        font-size: 10px;
        margin: 0px;
        color : #FFFFFF;
}

h3 {
        font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 2px;
}

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

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   { color: #000; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; padding-right: 3px; padding-left: 3px; width: 100px; border: solid 1px #fff }
.textinput_c   { color: #000; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; padding-right: 3px; padding-left: 3px; width: 300px; border: solid 1px #fff }

.listbox   { color: #000; font-size: 100%; font-family: Verdana, Arial, Arial, Helvetica, sans-serif; vertical-align: middle; border: solid 1px #fff }

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

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

.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: #ffffff; text-decoration: none }
a:hover  { color: #fff; text-decoration: underline }
/*
a {
        color: #8090A3;
        text-decoration: none;
}

a:hover {
        color: #8090A3;
        text-decoration: underline;
}
*/
.bblink a  { color: #fff; text-decoration: none }

.bblink a:hover  { color: #fff; text-decoration: underline }


/* tumma sininen #013366 ja vaalea sininen #346699 */ 

.maintable     {background-color: #346699;  margin-top: 16px; margin-bottom: 1px; border: solid 1px #9ACCFF } /* reuna thumbien solujen ympäri, eli taulukon tausta solujen ulkopuolella */

.tableh1    { background-color: #346699; color: #ffffff; padding: 3px 10px; text-align:left; } /* breadcrumb ja navigointi rivin tausta */

.tableh1_compact    { color: #fff; background-color: #346699; padding: 2px 5px } /* yhteenveto albumien määrästä (tilastorivi) */

.tableh2    { color: #fff; background-color: #346699; padding: 3px 10px } /* arvosteluryhmien otsikoiden rivi ja debug info */

.tableh2color    { color: #fff; background-color: #346699; } /* ei vaikutusta */
.tableh2_compact    { color: #fff; background-color: #346699; padding: 2px 5px } /* ei vaikutusta */

.tableb   { background: #346699; padding: 3px 10px; text-align:left; }  /* anycontentin sisäväri  ja alempana ketogorian iso solu*/

 .tableb_compact   { background-color: #346699; padding: 2px 5px }  /* alempana kategorioiden ohjauksen sisäsolu */
/* .tableb_compact   { background: transparent; padding: 2px 5px }  */

.tablef   { background: #346699; padding: 10px } /* näytä php info alhaalla*/

.catrow_noalb   { color: #000000; background: transparent; padding: 3px 10px } /* ei selvää vaikutusta */

.catrow  { background-color: #346699; padding: 3px 10px; } /* kategorianimien poikkirivi paitsi teksti joka span catlink sisällä */

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

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

.thumb_table  { background-color: #346699 } /* ei vaikutusta */

.thumb_title   { font-size: 100%; font-weight: bold; background-color: #346699; display: block; padding: 2px } /* thumbien alaotsikko */



.thumb_caption  { font-size: 85%; background-color: #346699; display: block; padding: 1px } /* thumbien lisäteksti */

.thumb_caption a  { color: #fff; text-decoration: underline } /* ei näy vaikutusta */


/*  xxx */

.thumb_num_comments {
        font-weight: normal;
        font-size: 85%;
        padding: 2px;
        font-style : normal;
        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: 90%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

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

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

.sortorder_cell   { color: #fff; background: #024b8a; margin: 0; padding: 2px }

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

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

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

.navmenu a  { color: #fff; text-decoration: none; display: block; padding: 2px 5px; position: relative }
.navmenu a:hover   { color: #ffffff; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }

.admin_menu_thumb   { color: #cccccc; font-size: 85%; font-family: Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #346699; margin-top: 0; margin-bottom: 0; width: 85px; border: solid 1px #fff }

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


.admin_menu_thumb a:hover  { color: #fff; text-decoration: underline }
.admin_menu   { color: #fff; background: #346699; font-size: 9px; font-family: Verdana, Helvetica, sans-serif; text-align: center; margin-top: 0; margin-bottom: 0; border: solid 1px }
/*
.admin_menu {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #404750;
        background-color : #5D6674;
        color:#CCCCCC;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}
*/
.admin_menu a  { color: #fff; text-decoration: none; display: block; padding: 1px 2px; position: relative }

.admin_menu a:hover  { color: #fff; text-decoration: underline }

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

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

.image  { background-color: #346699; margin: 2px; border: solid 1px #ffffff }
.imageborder    { background-color: #346699; margin-top: 5px; margin-bottom: 30px; border: solid 1px #fff }


.thumbnails   { background: #346699; padding: 5px } /* solut thumien ympärillä paitsi siivet */

td.thumbnails table td { background: #346699;} /* ne kuuluisat siivet !!! */
td.thumbnails table  { background: #346699;} /* ne kuuluisat siivet !!! (ei taida vaikuttaa) */
table.maintable td   { background-color: #346699; } /* siipien lisäksi ne viivat alhaalla kategoria thumbien päällä */

td.catrow table td { background: #346699;} /* kategoria otiskoiden ja linkkien tekstin taustasolu !!! */
td.catrow table { background: #346699;} /* kategoria otiskoiden ja linkkien tekstin taustasolu !!! */



/*
.imageborder {
        border: 1px solid #000000;
        background-color: #5B5B5B;
        margin-top: 30px;
        margin-bottom: 30px;
}
*/
.display_media  { background: #346699; padding: 3px 10px }

.alblink a {
        text-decoration: underline;
        color: #EAEAEA;
}

.alblink a:hover {
        color: #F2F8FF;
        text-decoration: underline;
}

.catlinktd {
		background: #346699;
}

.catlink { /* kategorian otsikon taustaväri, vain teksit, ei solu */
/*		background: #346699;  */
        display: block;
        margin-bottom: 2px;
}

.catlink a  { color: #fff; text-decoration: none }

.catlink a:hover  { color: #fff; text-decoration: underline }

.topmenu {
        font-size : 100%;
        margin-top:5px;
        margin-right:5px;
}

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

.topmenu a:hover   { color: #fff; text-decoration: none }

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

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

.img_caption_table th   { color: #000; font-size: 100%; background: transparent; padding: 4px 10px; border-top: 1px solid #394049 }

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

/*
.gallery
 { background-color: #346699 }
*/
.gal_name
 { color: #ffffff; font-size: 12px; white-space: nowrap }

.gal_description
 { color: #ffffff; font-size: 18px; font-weight: normal; white-space: nowrap; text-align:left; margin-left:18px;}

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

.clickable_option  { cursor: default; border-bottom: 1px dotted #fff }
.listbox_lang   { color: #fff; font-size: 90%; font-family: Arial, Helvetica, sans-serif; background-color: #024b8a; vertical-align: middle; border: solid 1px #4f5864 }

#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);}
/*
.bottom-left {background-image:url(images/bottom-left.gif);}
.bottom-middle {background-image:url(images/bottom-middle.gif);}
.bottom-right {background-image:url(images/bottom-right.gif);}
*/
.far-left {background-image:url(images/far-left.gif);}
.far-right {background-image:url(images/far-right.gif);}
.hardwired {background-image:url(images/hardwired.gif);}
.left-banner {
    height:46px;
    background-repeat:no-repeat;
    text-align:left;
    padding-left:24px;
    padding-top:16px;
}
.right-banner {
    height:46px;
    background-repeat:no-repeat;
    text-align:right;
    padding-right:16px;
    padding-top:16px;
}
/*
.middle-left {background-image:url(images/middle-left.gif);}
.middle-right {background-image:url(images/middle-right.gif);}
*/
/*
.right-banner {
    background-image:url(images/right-banner.gif);
}
*/
.top-left {background-image:url(images/top-left.gif);}
.top-right {background-image:url(images/top-right.gif);}


/* dropdown värit */
	a.dd6:link { color:orange; }
	a.dd6:visited { color:orange; }
	a.dd11:link { color:white; }
	a.dd11:visited { color:white; }


/* Colors used in this style sheet:
Hex 000000 = RBG   0,   0,   0 = black
Hex 005D8C = RBG   0,  93, 140 = dark blue
Hex 333333 = RBG  51,  51,  51 = black
Hex 394048 = RBG  57,  64,  72 = black
Hex 394049 = RBG  57,  64,  73 = black
Hex 404750 = RBG  64,  71,  80 = dark grey
Hex 414852 = RBG  65,  72,  82 = dark grey
Hex 444444 = RBG  68,  68,  68 = dark grey
Hex 474F5A = RBG  71,  79,  90 = dark grey
Hex 49525D = RBG  73,   82, 93 = dark grey
Hex 4F5864 = RBG  79,  88, 100 = dark grey
Hex 4F5964 = RBG  79,  89, 100 = dark grey
Hex 515B67 = RBG  81,  91, 103 = dark grey
Hex 555555 = RBG  85,  85,  85 = medium grey
Hex 56606D = RBG  86,  96, 109 = medium grey
Hex 5B5B5B = RBG  91,  91,  91 = medium grey
Hex 5D6674 = RBG  93, 102, 116 = medium grey
Hex 5D6876 = RBG  93, 104, 118 = medium grey
Hex 616C7A = RBG  97, 108, 122 = medium grey
Hex 616D7B = RBG  97, 108, 123 = medium grey
Hex 6A7786 = RBG 106, 119, 134 = medium grey
Hex 777777 = RBG 119, 119, 119 = medium grey
Hex 8090A3 = RBG 128, 144, 163 = steel grey
Hex 949494 = RBG 148, 148, 148 = medium grey
Hex AEAEAE = RBG 174, 174, 174 = light grey
Hex BDBEBD = RBG 189, 190, 189 = light grey
Hex C7C7C7 = RBG 199, 199, 199 = light grey
Hex CCCCCC = RBG 204, 204, 204 = light grey
Hex DFDFDF = RBG 223, 223, 223 = light grey
Hex EAEAEA = RBG 234, 234, 234 = dark white
Hex EFEFEF = RBG 239, 239, 239 = dark white
Hex F2F8FF = RBG 242, 248, 255 = dark white
Hex FFFFFF = RBG 255, 255, 255 = white
*/