BODY {
	margin: 10px;
  	font-family: Tahoma, Helvetica, Arial, serif;
  	font-size: 8pt;
}
/* table {
	border-spacing: 0px;
	padding: 0px;
}
*/
.navitable {
	padding-left: -5px;
}
.table {
	border-spacing: 0px;
	border: 0px;
}
div {
	font-family: Tahoma, Helvetica, Arial, serif;
}
td {
	font-family: Tahoma, Helvetica, Arial, serif;
  	font-size: 8pt;
  	padding: 2px;
  	margin: 20px;
}
th {
	 /*height: 54px;
	 background-image: url('../images/th2.gif');
	 background-repeat: no-repeat;
	 font-family: Trebuchet MS;
	 font-weight: normal;
	 padding-left: 25px;
	 color: #FFFFFF;*/
	 font-size: smaller;
	/*background-image: url('../images/th3.gif');
	background-repeat: no-repeat;*/
	border: 0px;
	padding-left: 20px;
	height: 34px;
	background-color: #696969;
	color: white;
}
.th {
	color: white;
	padding: 10px;
	font-size: 9pt;
	font-weight: bold;
	background-color: #0f6db1;
	height: 30px;
}
.round_th {
	font-size: smaller;
	/* background-image: url('../images/th3.gif');
	background-repeat: no-repeat; */
	border: 0px;
	padding-left: 20px;
	height: 30px;
	color: #000000;
}
.th_blue {
	color: white;
	padding: 4px;
	padding-left: 10px;
	font-size: 9pt;
	font-weight: bold;
	background-color: #0f6db1;

}
.th2 {
	color: white;
	padding: 10px;
	font-size: 9pt;
	background-image: none;
	font-weight: bold;
	background-color: #0f6db1;/*#808080;*/
	text-align: center;
}
.small_th {
	color: white;
	padding: 0px;
	font-size: 9pt;
	background-image: none;
	font-weight: normal;
	background-color: #0f6db1;/*#808080;*/
	text-align: left;
}
.div_th {
	width: 488px;
	 text-align: left;
	 /*background-color: #EFEFEF;*/
	 height: 26px;
	 background-image: url('../images/th.png');
	 border: 1px solid #CCCCCC;
	 padding-left: 10px;
	 padding-top: 6px;
	font-size: 12pt;
	font-weight: bold;
}
.ingressi {
	font-weight:bold;
	color: gray;
}
.bar {
	background-image: url('../images/blue_bar.PNG');
	color: navy;
}
hr {
	width: 80%;
}
addres, .addres {
	font-size: 7pt;
	text-decoration: none;
	color: grey;
}
.small {
	font-size: 8pt;
	text-decoration: none;
}
.no_lb {
	width: 100px;
	display: inline;
	text-align: center;
}
.nolb_input {
	width: 100px;
	height: 24px;
	display: inline;
	text-align: left;
	border: 1px solid #AAAAAA;


}
.readonly_text {
	height: 20px;
}
#blackline {
	position: relative;
	background: #d7df23;
	height: 4px;
	width: 1336px;
}
#yline {
	position: absolute;
	background-image: url(../images/pystyviiva.gif);
  	background-repeat: repeat-y;
	margin: 0px;
	height: 100%;
	width: 1px;
	left:780px;
}

#ylatausta {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	background-color: #ffffff;
	/* background-image: url(../images/ylatausta_tahkocom.gif);
  	background-repeat: repeat-x; */
}

.navi {
	padding: 5px;
}

#navigation {
	position: relative;
	margin: 0px;
	margin-top: 7px;
	padding-top: 0px;
	width: 200px;
	background-color: #ffffff;
}

#mainblock {
	text-align: left;
	position: relative;
	margin: 0px;
	margin-top: -1px;
	margin-left: 2px;
	width: 100%-30px;
	padding-top: 9px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #FFFFFF;
	font-size: 8pt;
}

#leftblock {
	position: relative;
	margin: 0px;
	margin-top: 7px;
	width: 305px;
	background-color:  #0067a9;
	font-size: 8pt;
}

#rightblock {
	position: relative;
	margin: 0px;
	margin-top: 7px;
	width: 285px;
	background-color: #0067a9;;
	font-size: 8pt;
}
.input_text {
	border: 0px;
}
input.text {
	border: 1px solid gray;
}
.textarea {
	font-family: Tahoma, Helvetica, Arial, serif;
	font-size: 8pt;
	border: 0px;
	color:red;
	overflow:hidden;
	width: 90%;
}
#sisalto {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	height: 100%;
	z-index: 0;
}

#alatausta {
	clear: all;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	height: 50px;
	width: 100%;
}

#login {
	display: block;
	padding-left: 40px;
	padding-top: 12px;
	height: 200px;
	width: 250px;
	background-color: #00b3f0;
}
.credentials {
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
}
#login-inside {
	position: absolute;
	text-align:center;
	right: 20px;
	top: 15px;
	padding-left: 10px;
	padding-top: 10px;
	height: 80px;
	width: 270px;
	border: 2px dotted #00B3F0;
	/* background-image: url(../images/ekstranet-inside2.gif);
  	background-repeat: no-repeat; */
}

#tallennus {
	font-size: 10pt;
	font-weight: bold;
	padding: 10px;
}

#list_ehdot {
	list-style-type: disc;
	padding-left: 10px;
}

#sub_list_ehdot {
	list-style-type: circle;
	padding-left: 20px;
}

.inputText{
	height: 18px;
	width: 100px;
}

.login-name {
	position: relative;
	display: block;
	width: 195px;
	height:20px;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

.smallText {
	font-size: 8pt;
	color: #000000;
}

A {
	font-size: 10pt;
	color: #000000;
}
.a_menu {
	padding-left: 5px;
}
.textPadding {
	padding: 15px;
	font-size: 8pt;
	font-family: Tahoma;
}
#box {
	/* padding-left: 10px;
	padding-right: 10px; */
}
.select {
	width: 260px;
}
.palkkiots {
	background-color: #0072BC;
	color: white;
	font-weight: bolder;
	padding-left: 10px;
	padding-right: 10px;
}
.padding {
	padding-left: 10px;
}
.pad_more {
	padding-left: 20px;
}
.pad_some_more {
	padding-left: 30px;
	font-size: 7pt;
	color: gray;
}
.pad_file {
	padding-left: 30px;
	font-size: 7pt;
}
.pad_file_more {
	padding-left: 40px;
	font-size: 7pt;
}
.div_pad {
	text-align: left;
	width: 200px;
	height: 26px;
	display:inline;
	padding: 5px;
	font-size: 9pt;
}
.red {
	color: red;
}
.col_green {
	color: green;
}
.col_red {
	color: red;
}
.col_blue {
	color: blue;
}
.folder {
	font-size: 7pt;
	color: #000000;
	text-decoration: none;
}
.a_image {
	font-size: 7pt;
	color: #FFFFFF;
	text-decoration: none;
}
.paddingLR {
	padding-left: 10px;
	padding-right: 10px;
}
.category {
	padding-left: 10px;
}
.sub_category {
	padding-left: 30px;
}
.NavBackYla {
 	padding-right: 20px;
 	padding-bottom: 20px;
	text-align: right;
}
.NavBackAla {
 	padding: 20px;
	text-align: right;
}
.widthAndAlign {
	padding-top: 10px;
	width: 90%;
	text-align: right;
}
.logos {
	padding-right: 5px;
	text-align: right;
}
.width80 {
	padding-top: 10px;
	width: 80%;
	text-align: right;
}
.width {
	width: 80%;
	text-align: left;
}
.width90 {
width: 90%;
text-align: center;
}
.copy {
	font-size: xx-small;
	color: grey;
}
#kayttohje {
	width: 350px;
	text-align: center;
	padding:20px;
}
#ehto {
	text-align: justify;
	font-size: 10pt;
}
.tahkoMan {
	padding: 10px;
}
.saa_header {
	text-align: center;
	background-color: #0180CD;
	border: 1px solid #EFEFEF;
	border-right: 0px;
	color: white;

}
.saa_data {
	border: 1px solid #0180CD;
	border-right: 0px;
	background-color: #EFEFEF;
	text-align: center;


}
.saa_long_header {
	border: 1px solid #EFEFEF;
	border-right: 0px;
	background-color: #0180CD;
	text-align: center;

	color: white;
}
.saa_long_data {
	border: 1px solid #0180CD;
	border-right: 0px;
	background-color: #EFEFEF;
	text-align: center;

}
.green, .red, .orange, .blue, .disabled, .days {
	font-size: 7pt;
	color: white;
	font-weight: bold;
	background-color: green;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
}
.red {
	background-color: #FF0000;
}
.orange {
	background-color: orange;
}
.blue {
	background-color: #0000FF;
}
.disabled {
	background-color: #EEEEEE;
}
.days {
	color: black;
	font-weight: normal;
	font-size: 8pt;
	background-color: #FFFFFF;
}
.lightgreen {
	background-color: lightgreen;
}
.div_header {
	font-weight: bold;
}
.div_data, .div_data_inline {
	padding-left: 10px;

}
.div_data_inline {
	display: inline;

}
.lomaopas_th {
	background-image: none;
	border: none;
	font-size: 9pt;
	height: 20px;
	background-color: #b1c903;
	color: #ffffff;
}
.lomaopas_kat {
	background-image: none;
	border: none;
	font-size: 10pt;
	height: 26px;
	background-color: #304300;
	color: #b1c903;
}
#shoutBox_main {
	position:absolute;
	/* top: 160px;
	right: 0px; */
	border: none;
	width: 300px;
	height: 400px;

}