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

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



/*	Kommentoitu pois
.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 
}



/* Kommentoitu pois
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: #01234e; 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;
}

.tableh2color    { 
	color: #fff; 
	background: #346699; 
}

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

.tableb   { 
	background: #346699; 
	padding: 3px 10px; 
	text-align:left; 
}

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


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

.tablef   { 
	background: #346699; 
	padding: 10px;
}


/* .maintable {border: 1px solid #394049;background-color: #4F5864;margin-top: 1px;margin-bottom: 1px; } */


/*
.tableh1 {
        background : #4F5964 ;
        color : #FFFFFF;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

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

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

.tableh2_compact {
        background: #616D7B ;
        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: transparent; 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: 85%; 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: #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 }
/*

.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: 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: 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: #5B5B5B;
        margin-top: 30px;
        margin-bottom: 30px;
}
*/
.display_media  { background: #346699; padding: 3px 10px }
/*
.thumbnails {
        background: #49525D ;
        padding: 5px;
}
*/

.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%;
        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 }
/*
.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: #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 }
/*
.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 {
    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);}



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