/** Common settings
 * tumma #63615C
 * keski #eeebe4
 * vaalea #FCF9F3
 */

.hakuInput {
	border:1.0px solid #7F9DB9;
	background-color:lightblue; /* D3D3D3 */
}

.haku {
	border:1.0px solid #7F9DB9;
	background-color:lightblue; /* D3D3D3 */
}

body
{
background: #fff;
color: #000;
margin: 0;
padding: 0;
border: 0;
font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
overflow: scroll;
}

input {
/* Aiheuttaa nappien muuttumisen rumaksi. Älä käytä vaan tee tarvetta varten oma implementaatio. */ 
/*	border:1.0px solid #7F9DB9; */
}

.pakollinenInput {
	border:1.0px solid #7F9DB9;
	background-color:#E3E3E3; /* D3D3D3 */
}

.hakuInput {
	border:1.0px solid #7F9DB9;
	background-color:lightblue; /* D3D3D3 */
}

#selectedTR td {
	background-color:lightblue;
}

a:link, a:visited
{
/* font-weight : bold; */ 
	text-decoration : underline;
	color: #63615C;
	background: transparent;
}

a:hover
{
/* font-weight : bold;  */ 
text-decoration : underline;
color: #f79b60;
background: transparent;
}
/*
a:active
{*/
/* font-weight : bold; */ /* commented by jarkko */
/*text-decoration : none;
color: #f5d7b4;
background: transparent;
}*/

h2
{
font-size: 16px;
margin: 0.5em 0em 1em 0em;
letter-spacing: 1px;
}

/*
h1, h2, h3, h4, h5, h6
{
color: #63615C;
font-weight: normal;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
}

h1
{
margin: 0.3em 0 0 0;
font-size: 32px;
}

h2
{
font-size: 24px;
margin: 1em 0 0 0;
letter-spacing: 1px;
}

h3
{
font-size: 16px;
margin: 5px 0 0 0;
}

h4
{
font-size: 13px;
margin: 5px 0 0 0;
padding: 0;
letter-spacing: 1px;
}
*/
.alpha-shadow 
{
float: left;
background: url("../images/shadow1.gif") no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
	  
.alpha-shadow div 
{
background: url("../images/shadow2.png") no-repeat left top !important;
background: url("../images/shadow2.png") no-repeat left top;
padding: 0px 5px 5px 0px;
}
		    
.alpha-shadow img
{
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
}

input, select, textarea
{
margin: 0;
padding: 0;
font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;

/*
	border: 1px solid gray;
	background: #ffffff;
*/
}

/* IE does not support these selectors */

input[type="checkbox"], input[type="radio"]
{
border: 0;
}

/*
input[type="submit"], input[type="button"]
{
font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
font-weight: bold;
background: #eeebe4;
color: #63615C;
border: 1px solid #63615C;
margin: 0;
padding: 1px;
}
*/

input[disabled][type="submit"],
input[disabled][type="submit"]:hover,
/*
	input[disabled][type="button"],
	input[disabled][type="button"]:hover
*/
{
color: #fff;
background: #ddd;
}

/*
input[type="submit"]:hover, input[type="button"]:hover
{
color: #63615C;
background: #fff;
}
*/

.normal
{
width: auto;
}

.noborder
{
border: 0;
background: transparent;
}

.nobordernormal
{
border: 0;
background: transparent;
width: auto;
}

/*
input#error
{
color: #ffffff;
border: 1px solid #eeebe4;
background: #ff0000;
}
*/

.error
{
color: #ffffff;
background: #ff0000;
}

.errorTD {
	color: red;
	font-weight:bold;
}

.help
{
font-size: 9px;
margin: 0;
font-weight: bold;
background: #FFFF99;
border: 1px solid #c0c0c0;
padding: 0;
text-align:center;
}

/* Joinery main page layout */

div.co
{
padding: 0;
border: 1px solid #eeebe4;
margin: 0.1em;
}


div.cohead
{
margin: 0;
padding: 0.1em;
font-weight: bold;
background-color: #eeebe4;
}

div.yco
{
padding: 0;
border: 0;
margin: 0.1em 0 0.5em 0;
}

h1.yco
{
font-weight: bold;
font-size: 12px;
margin: 0;
letter-spacing: 0px;
clear:both;
}

h2.yco
{
font-weight: bold;
font-size: 11px;
margin: 0;
letter-spacing: 0px;
clear:both;
}

tr.odd td
{
background:#fff;
}

tr.even td
{
border-top:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
background:#FCF9F3;
}

tr.odd_noborders td
{
background:#fff;
border:none;
}

tr.even_noborders td
{
background:#FCF9F3;
border:none;
}

tr.over_odd td
{
background:#fff;
border-top:1.0px solid #63615C;
border-bottom:1.0px solid #63615C;
}

tr.over_even td
{
background:#FCF9F3;
border-top:1px solid #63615C;
border-bottom:1px solid #63615C;
}

tr.odd_with_whiteborders td
{
background:#fff;
border-top:1.0px solid white;
border-bottom:1.0px solid white;
}

tr.even_with_whiteborders td
{
border-top:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
background:#FCF9F3;
border-top:1.0px solid white;
border-bottom:1.0px solid white;
}

tr.odd_with_transparentBorders td
{
background:#fff;
border-top:1.0px solid white;
border-bottom:1.0px solid white;
}

tr.even_with_transparentBorders td
{
border-top:1px solid #FCF9F3;
border-bottom:1px solid #FCF9F3;
background:#FCF9F3;
border-top:1.0px solid #FCF9F3;
border-bottom:1.0px solid #FCF9F3;
}

.negative { color:red; }
#borderLeft { border-left:1.0px solid black; }
#borderRight { border-right:1.0px solid black; }

tr.hinodd td
{
border-top:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
border-right:1px solid #eeebe4;
background:#FCF9F3;
text-align:right;
}

tr.hineven td
{
border-right:1px solid #eeebe4;
background:#fff;
text-align:right;
}

tr.hinyht td
{
border-top: 3px double #63615C;
border-right:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
background:#FCF9F3;
font-weight: bold;
}

td.ots
{
background: #eeebe4;
color: #63615C;
font-weight: bold;
}

tr.hinodd td.sis
{
border-left:1px solid #eeebe4;
color: #63615C;
font-weight: bold;
padding: 0 0 0 20px;
text-align: left;
}

tr.hineven td.sis
{
border-left:1px solid #eeebe4;
color: #63615C;
font-weight: bold;
padding: 0 0 0 20px;
text-align: left;
}

tr.hinyht td.sis
{
border-left:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
color: #63615C;
font-weight: bold;
padding: 0 0 0 20px;
text-align: left;
}

table
{
font-size: 11px;
}

td
{
vertical-align: top;
}

p.version
{
color: #ccc;
font-weight: bold;
font-size: 10px;
}

p.author
{
color: #ccc;
font-weight: bold;
font-size: 10px;
}

th
{
vertical-align: top;
background: #eeebe4;
color: #63615C;
}

div#main
{
border: 0;
color: #000;
clear: both;
padding: 0.5em 1em 0em 1em;
}

div#picture
{
color: #000;
clear: both;
padding: 0.5em 1em 0em 1em;
}

div.vpc
{
margin: 1em 0;
}

div.buttonbar
{
height: 2em;
clear:both;
}

div.buttonbar ul
{
margin: 1em 0 0 0;
padding: 0;
list-style:none;
}

div.buttonbar ul li
{
list-style:none;
float:left;
margin: 0;
padding: 0 2px 0 0;
}

div.buttonbar ul li input
{
display:block;
}

div.buttonbar ul li input.current
{
background: #dddbe4;
color: #23213C;
}

div.buttonbar ul li a
{
display:block;
}

ul#buttonbar
{
margin: 1em 0 0 0;
padding: 0;
list-style:none;
}

#buttonbar li
{
list-style:none;
float:left;
margin: 0;
padding: 1px;
}

ul#tabbar
{
margin: 1em 0 0 2em;
padding: 0;
list-style:none;
}

#tabbar li
{
list-style:none;
float:left;
margin: 0;
padding: 0 1px;
}

#tabbar li input
{
border-bottom: 0;
}

#tabbar li input#current
{
border-bottom: 0;
background: #dddbe4;
color: #23213C;
}

table#input
{
margin: 1em 0 0 0;
padding: 0;
border-collapse:separate;
border-spacing:0px;
}

#input tbody tr.odd td
{
border-top:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
background:#FCF9F3;
}

#input tbody tr.even td
{
background:#fff;
}

#input tbody tr.selected td
{
background:#eeebe4;
}

#input input[type="text"], #input select
{
width: 100%;
}

#input tbody th
{
}

#input tbody td#ots
{
background: #eeebe4;
color: #63615C;
font-weight: bold;
}

/* 
 * Joinery tabbed navigation.
 * See http://www.alistapart.com/articles/slidingdoors/ 
 */

#topmenu
{
float:left;
width:100%;
background:#DAE0D2 url("../images/menu/bg.gif") repeat-x bottom;
line-height:normal;
}

#topmenu ul
{
margin:0;
padding:10px 10px 0;
list-style:none;
}

#topmenu li
{
float:left;
background:url("../images/menu/left_both.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
border-bottom:1px solid #63615C;
}

#topmenu a 
{
float:left;
display:block;
width:.1em;
background:url("../images/menu/right_both.gif") no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#fff;
}

#topmenu > ul a {width:auto;}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topmenu a {float:none;}
/* End IE5-Mac hack */

#topmenu a:hover
{
color:#000;
}

#top1 #nav-top1,
#top2 #nav-top2,
#top3 #nav-top3,
#top4 #nav-top4,
#top5 #nav-top5,
#top6 #nav-top6,
#top7 #nav-top7,
#top8 #nav-top8,
#top9 #nav-top9,
#top10 #nav-top10,
#top11 #nav-top11,
#top12 #nav-top12
{
background-position:0 -150px;
border-width:0;
}

#top1 #nav-top1 a,
#top2 #nav-top2 a,
#top3 #nav-top3 a,
#top4 #nav-top4 a,
#top5 #nav-top5 a,
#top6 #nav-top6 a,
#top7 #nav-top7 a
#top8 #nav-top8 a,
#top9 #nav-top9 a,
#top10 #nav-top10 a,
#top11 #nav-top11 a,
#top12 #nav-top12 a
{
background-position:100% -150px;
padding-bottom:5px;
color:#000;
}

#topmenu #current
{
background-position:0 -150px;
border-width:0;
}

#topmenu #current a 
{
background-position:100% -150px;
padding-bottom:5px;
color:gray;
}

#topmenu li:hover, #topmenu li:hover a
{
background-position:0% -150px;
color:#000;
}

#topmenu li:hover a
{
background-position:100% -150px;
}

#submenu
{
background: #eeebe4;
margin:0;
float:left;
width:100%;
}

#submenu ul
{
margin: 0;
padding: 0;
list-style:none;
}

#submenu li
{
background: #eeebe4;
float: left;
margin: 0;
padding: 0;
}

#submenu a
{
margin: 0 0 1px 0;
float:left;
display:block;
width:.1em;
font: 10px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
padding: 5px 10px 4px 10px;
text-decoration:none;
font-weight:bold;
color: #63615C;
}

#submenu > ul a {width:auto;}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#submenu a {float:none;}
/* End IE5-Mac hack */

#submenu a:hover 
{
color: #63615C;
background: #fff;
}

#submenu #current a
{
color: #23213C;
background: #fff;
}

.last_data_row {
	border-bottom:1.0px solid black;
}

.uudenRivinSyottoTR td {
	padding-top:3px;
}