html,body	{
	background-color: #7C96B9 !important;
	margin: 0 !important;
	width: 100%;
}

* html #navigation{
	height:200px;
}

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

#navigation ul li{
	padding: 0;
	background: none;
}

#navigation ul li a {
	display: block;
	padding: 0;
	background: #B6C7D9;
	margin-bottom: 1px;
	height: 19px;
	padding-top: 7px;
	font-size: 11px;
	padding-left: 10px;
}

#navigation ul li a.selected{
	background: #E0E0E0;
}

#navigation ul li ul li a{
	padding-left: 27px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: auto;

	background: #C7D2E1 url(../../images/alinuoli.gif) 0px 2px no-repeat;
}

#navigation ul li ul li a.selected{
	background: #E0E0E0 url(../../images/alinuoli2.gif) 0px 2px no-repeat;
}

#navigation ul li ul li ul li a{
	padding-left: 50px;
	background: #C7D2E1 url(../../images/alinuoli.gif) 20px 2px no-repeat;
}

#navigation ul li ul li ul li a.selected{
	padding-left: 50px;
	background: #E0E0E0 url(../../images/alinuoli2.gif) 20px 2px no-repeat;
}

#navigation ul li ul li ul li ul li a{
	padding-left: 70px;
	background: #C7D2E1 url(../../images/alinuoli.gif) 40px 2px no-repeat;
}

#navigation ul li ul li ul li ul li a.selected{
	padding-left: 70px;
	background: #E0E0E0 url(../../images/alinuoli2.gif) 40px 2px no-repeat;
}

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	/*padding: 1px 2px 1px 2px;*/
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #666;
	text-decoration: underline;
}

.dtree .clip {
/*	overflow: hidden;*/
}


.form label{
	display: block;
	float: left;
	padding-right: 10px;
	margin-bottom: 6px;
}

input.text{
	margin-bottom: 6px;
	padding: 2px;
	border: 1px solid #7C96B9;
	font-size: 12px;
}

select{
	border: 1px solid #7C96B9;
}

.button{
	background-color: #B6C7D9;
	color: #315582;
	font-weight: bold;
	padding: 2px;
}

.message{
	border: 1px solid #B6C7D9;
	background-color: #dce7f6;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.message p{
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
}

div.jarjesta{
}

div.jarjesta form{
	margin: 0;
	padding: 0;
}

div.jarjesta input{
	margin: 0;
	padding: 0;
	border: 0;
}
div.jarjesta input.jarjesta_keski
{
	text-align: left;
	background-color:  #B6C7D9;
	color: #315582;
	font-weight: bold;
	height: 20px;
	white-space: nowrap;
	padding-right: 9px;
	margin-right: 7px;
}

/*div.jarjesta_oikea_off
{
	float: left;
	width: 12px;
	height: 20px;
	background: #B6C7D9 url('../../images/jarjesta_off.gif') 2px 7px no-repeat;
	display: none;
}*/

.jarjesta_oikea_ylos
{
	/*width: 12px;
	height: 20px;*/


	background: url('../../images/jarjesta_ylos.gif') center right no-repeat;
}

.jarjesta_oikea_alas
{
	/*float: left;
	width: 12px;
	height: 20px;*/
	/*background: #B6C7D9 url('../../images/jarjesta_alas.gif') 2px 7px no-repeat;*/
	padding-right: 9px;
	margin-right: 7px;
	background: url('../../images/jarjesta_alas.gif') center right no-repeat;
}

tr.row1 td, tr.row2 td{
	padding: 3px 3px;
	vertical-align: top;
	font-size: 12px;
}

tr.row1 td{
	background: #F5F5F5;
}