/*************************
  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 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
*/

.ylapalkki {    color: #ffa500; text-decoration: none;  font-weight: normal; font:8pt/8pt; FONT-FAMILY: Verdana,Sans-serif; }

a.ylapalkki:link {      color: #ffa500; text-decoration: none;  font-weight: normal; font:8pt/8pt; FONT-FAMILY: Verdana,Sans-serif; }
a.ylapalkki:visited {   color: #ffa500; text-decoration: none;  font-weight: normal; font:8pt/8pt; FONT-FAMILY: Verdana,Sans-serif; }
a.ylapalkki:hover {     color: white;   text-decoration: underline; }

td.ylapalkki2  { color: #aaaaaa }
a.ylapalkki2:link     { color: #fff; font: 10px/10px Verdana, Sans-serif; text-decoration: none }
a.ylapalkki2:visited    { color: #fff; font: 10px/10px Verdana, Sans-serif; text-decoration: none }
a.ylapalkki2:hover  { color: white; text-decoration: underline }

a.kortti:link   { color: #f90; text-decoration: none }
a.linkitpois:link { color: #825427; font-size: 12px; text-decoration: none }
a.kortti:visited  { color: #f90; text-decoration: none }
a.kortti:hover  { text-decoration: underline }

.kortti1 {
	margin-left: 10px; margin-right: 5px; margin-top: 3px; margin-bottom: 3px;
	text-align=:left;
}

body    { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #363636; background-repeat: repeat; margin: 0; scrollbar-3dlight-color: #555555; scrollbar-arrow-color: #777777; scrollbar-darkshadow-color: #333333; scrollbar-face-color: #444444; scrollbar-highlight-color: #444444; scrollbar-shadow-color: #333333; scrollbar-track-color: #333333   }

/*
body {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color : #AEAEAE;
        margin: 0px;
        background-color:#000000;
        background-image:url(images/hardwired.gif);
        background-repeat:repeat;
        }
*/
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 }
/*
h1{
        font-size: 11px;
        font-family: "Verdana", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        color : #AEAEAE;
        margin: 2px;
        font-style : normal;
}
*/
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 0 }

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 }

/*
.textinput {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #5D6876;
        padding-right: 3px;
        padding-left: 3px;
        background-color : #414852;
        color:#cccccc;
}

.listbox {
        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
        background-color : #414852;
        font-size: 100%;
        border: 1px solid #5D6876;
        vertical-align : middle;
        color:#cccccc;
}

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

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #404750;
        background-color : #5D6674;
        color:#cccccc;
        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: #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 }

/* .maintable     { background-color: green; margin-top: 16px; margin-bottom: 1px; border: solid 1px #9ACCFF } */
 .maintable     { background-color: #346699; margin-top: 16px; margin-bottom: 1px; border: solid 1px #9ACCFF } 

/* .tableh1  { color: #aab7c6; background: #346699; padding: 3px 10px;  } */
.tableh1    { color: #ffffff; background: #346699; padding: 3px 10px }

.tableh1_compact    { color: #fff; background: #346699; padding: 2px 5px }

.tableh2    { color: #fff; background: #346699; padding: 3px 10px }

.tableh2_compact    { color: #fff; background: #346699; padding: 2px 5px }

.tableb   { background: #346699; padding: 3px 10px }

 .tableb_compact   { background: #346699; padding: 2px 5px } 
/* .tableb_compact   { background: #346699; padding: 2px 5px }  */

.tablef   { background: #346699; padding: 10px }
/*
.maintable {
        border: 1px solid #9accff;
        background-color: #346699;
        margin-top: 1px;
        margin-bottom: 1px;
}

.tableh1 {
        background : #346699 ;
        color : #FFFFFF;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

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

.tableh2 {
        background: #346699;
        color : #C7C7C7;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: #346699 ;
        color : #CCCCCC;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
        background: #56606D ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableb_compact {
        background: #474F5A;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
        background: #5D6976;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}
*/
.catrow_noalb   { color: #000; background: #346699; padding: 3px 10px }

 .catrow  { background: #346699; padding: 3px 10px; } 
/* .catrow  { background: red; padding: 3px 10px }  */

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

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

.thumb_table  { background-color: #346699 }

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

.thumb_caption   { font-size: 100%; background-color: #346699; display: block; padding: 1px }

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

.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: #346699; 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 }
/*

.sortorder_cell {
        background : #49525D ;
        color : #CCCCCC;
        padding: 2px;
        margin: 0px;
}

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

.navmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #CCCCCC;
        font-size: 100%;
        font-weight: bold;
        background : #49525D ;
        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 }
/*
.navmenu a:hover {
        background : #49525D ;
        text-decoration: none;
        color:         #FFFFFF;
}

.admin_menu_thumb {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-color : #5D6674;
        color:#cccccc;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}
*/
.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: 85%; 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: 30px; margin-bottom: 30px; border: solid 1px #fff }

/* .thumbnails   { background: #346699; padding: 5px } */
.thumbnails     { background: #346699; padding: 5px }

/*
.imageborder {
        border: 1px solid #000000;
        background-color: #000000;
        margin-top: 30px;
        margin-bottom: 30px;
}
*/
.display_media  { background: #346699; padding: 3px 10px }
/*
.thumbnails {
        background: #346699 ;
        padding: 5px;
}
*/
.footer  { color: #fff; font-size: 9px }

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

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

.statlink  { color: #fff }

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

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

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

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

.catlinktd {
		background: #346699;
}

.catlink {
        display: block;
        margin-bottom: 2px;
}

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

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

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

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

.topmenu a:hover    { color: #fff; font-weight: bold; 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: #346699; padding: 4px 10px; border-top: 1px solid #394049 }

.img_caption_table td  { background: #346699; padding: 6px 10px; border-top: 1px solid #394049 }
/*
.img_caption_table {
        border: none;
        background-color: #49525D;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: #49525D ;
        font-size : 100%;
        color : #cccccc;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #394049;
}

.img_caption_table td {
        background: #49525D ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #394049;
        white-space: normal;
}
*/
.gallery
 { background-color: #346699 }

.gal_name
   { color: #ffa500; font-size: 18px }

.gal_description
   { color: #ffa500; font-size: 12px; font-weight: bold }

.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 }
/*
.listbox_lang {
        color: #BDBEBD;
        background-color: #4F5864;
        border: 1px solid #4F5864;
        font-size: 90%;
        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);}
/*
.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  { background-image: url(images/left-banner.gif); background-repeat: no-repeat; text-align: right; padding-top: 16px; padding-right: 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);}