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

/* @import url("css/jargonsoft.css"); */

@media print {
  /* style sheet for print goes here */
  .eitulostu {
  	display:none;
  }
	.pageBreakAfter_always {
		page-break-after:always;
	}
}

#helppi { color:red; }

.selectedRowTR {
 background-color:#eeebe4;
}

td#error {
	background:red;
}

input#error {
	color: #ffffff;
	background: red;
}

input.error, input[class~="error"] {
	color: #ffffff;
	background: red;
}

textarea#error {
	color: #ffffff;
	background: red;
	border:1.0px solid black;
}

select#error {
	color: #ffffff;
	background: red;
	border:1.0px solid black;
}



.muokkaaButton {
	background-color:#FCF9F3;
	border-color:black;
	border-style:groove;
	color:black;
	font-weight:bold;
}

.shadowTable1000 {
  background: url(../images/varjostus/shadowAlpha_1000.png) no-repeat bottom right !important;
  background: url(../images/varjostus/shadow_1000.gif) no-repeat bottom right;
}

.shadowTable {
  background: url(../images/varjostus/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/varjostus/shadow.gif) no-repeat bottom right;
}
.TABLE_RIGHT_SHADOW_TD {
	font-size:1pt;
	width:5px;
}
.TABLE_BOTTOM_SHADOW_TD {
	font-size:1pt;
	height:5px;
}

.p-shadow {
  width: 90%;
  float:left;
  background: url(../images/varjostus/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/varjostus/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow > p {
  background: none !important;
  background: url(../images/varjostus/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow table  {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
 	
.shadowDIV {
  float:left;
  background: url(../images/varjostus/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/varjostus/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadowDIV > table {
  display: block;
  position: relative;
/*  background-color: #fff;
  border: 1px solid #a9a9a9;
*/
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.shadow-img {
  float:left;
  background: url(../images/varjostus/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/varjostus/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadow-img img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

/* Joinery css */

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

/*
a:link, a:visited
{*/
/* font-weight : bold; */ /* commented by jarkko */
/*text-decoration : underline;
color: #63615C;
background: transparent;
}*/
/*
a:hover
{
/* font-weight : bold;  */ /* commented by jarkko */
/*text-decoration : underline;
color: #f79b60;
background: transparent;
}*/
/*
a:active
{*/
/* font-weight : bold; */ /* commented by jarkko */
/*text-decoration : none;
color: #f5d7b4;
background: transparent;
}*/
/*
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;
}
*/

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

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