body {
	font-size: 12px; 
	margin: 4px; 
	color: #000000; 
	font-family: franklin gothic book,microsoft sans-serif,tahoma,verdana,times new roman, sans-serif;
	/*background-color: #1d560d; */
	background-color: #007700; 
}

a {	color: #000000; text-decoration: underline}
a:active {color: #000000; text-decoration: none;}
a:visited { color: #000000; }
a:hover {text-decoration: underline;background-color: #fcf9ea;}

p{  margin: 5px 5px 0px 0px; } 

/* jarin määreet */

#all{
float:left;
background:#fff;
width:945px;
padding:10px;
}
#header {
	width: 950px;
	margin-left: 0px;
	/*margin-bottom: 10px;*/
	float: left;
	/*border:1px solid black;*/
	background: #fff;

}

#headeryla {
	/*border:1px solid black;*/
	width: 720px;
	float: left;
	height: 62px;
	font-size: 22px;
	font-weight: normal;
	line-height:30px;
}
#headerylalogo {
	float: left;
	width: 225px;
	padding-bottom:1px;
}
#header #headeryla .otsikkopaa {
	width: 490px;
	float: left;
	padding-top: 3px;
	padding-left: 13px;
	/*border:1px solid green;*/

}

#header #headeryla .sulje {
	/*border:1px solid red;*/
	float: right;
	width: 200px;
	font-size: 11px;
	line-height:14px;
	text-align: right;
	padding-top: 13px;
	padding-right: 3px;
}

#header #headerala {
	float: left;
	position: relative;
	top: 7px;
	width: 945px;
	background-color: #F4F4F4;
	border-top-width: 10px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #016427;
	border-bottom-color: #016427;
	height: 30px;
}


.inputbox {	background-color: #FFFCd4;	text-align:right}
.inputboxgrey {	background-color: #E6E6FA;	text-align:right}
.inputboxcookies {
	background-color: #fff;
	font-family: tahoma,helvetica;
	font-size: 10px; 
	text-align:left;
	padding:0px;
}
.select_small {	background-color: #FFF;	text-align:left; width:200px;}
.select_large {	background-color: #FFF;	text-align:left; width:400px;}

.select {
	background-color: #FFF;
	text-align:left;
	margin-top:10px;
	border: 1px solid black
}

.datatablediv{
	float:left;
}

.selectsdiv{
	float:left;
	width: 950px;
	font-family: tahome,Arial,Helvetica,Geneva;
	font-weight:normal;
	padding-left: 0px; 
	padding-right: 5px; 
	padding-top: 1px;
	padding-bottom: 4px;
	text-align: right;
	border-top: 1px darkgreen solid;
	border-bottom: 1px darkgreen solid;
	background-color: #eee;
}

.selects2div{
	font-family: Tahome,Arial,Helvetica,Geneva;
	font-weight:normal;
	float: left;
	border-top: 1px #555 solid;
	border-bottom: 1px #555 solid;
	background-color: #bbb;/*#CDDAE5;*/
	width: 100%;
	padding-left:10px;
	padding-bottom:2px;
	margin-bottom: 3px;
}
.selectsgroup {
}

.leipis {
   font-size: 15px; 
	font-weight: normal; 
	color: #000001; 
	line-height: 19px; 
	letter-spacing: 0.03em; 
	text-align:left
}
.navi{
	font-size:10pt; 
	font-family: tahoma,sans-serif;
	font-weight: normal; 
	color: #000000; 
	line-height: 16px; 
	background-color: #fff ;
	/*background-color: #ece9da ;*/
	padding:1px;
	text-align:left
}
.navi2{
	font-size:10pt; 
	font-family: tahoma,sans-serif;
	font-weight: normal; 
	color: #000000; 
	line-height: 16px; 
	background-color: #ddd;
	padding:1px;
	text-align:left
}

.costdiv {
	float:left; 
	width:445px;
	margin-right:10px;
	margin-bottom:20px;
	/*border:1px solid black;*/
}

.apudivi{
	float:left; 

	/*border:1px solid red;*/
	width:920px;

}
.aktiivi{
	font-size:10pt; 
	font-family: tahoma;
	font-weight: normal; 
	color: #000000; 
	line-height: 16px; 
	letter-spacing: 0.03em; 
	background-color: #aaa;
	padding:1px;
	text-align:left
}

.printversio{
	font-size:8pt; 
	font-family: tahoma/*verdana*/;
	font-weight: normal; 
	line-height: 13px; 
	letter-spacing: 0.03em; 
	padding:6px;
	text-align:right;
}

.taustataulu {background-color: #fff}

.tokasarake{background-color: #fff;}

.ingressi{
	overflow: none; 
	font-size:11pt; 
	font-family: Trebuchet, Verdana,Geneva;
	padding-left:5px; padding-top:15px; padding-bottom:10px; 
}

.sivu{
	overflow: auto; 
	width:95%;  
	font-size:9pt; 
	font-family: verdana,Geneva;
	padding:1px; 
	margin:15px; 
}

.kuvanapit{
	font-size:8pt; 
	width: 800px;
	display:block;
	font-family: tahome,Arial,Helvetica,Geneva;
	font-weight:bold;
	padding:5px; 
	margin:1px; 
	text-align: left;
	visibility:visible;
	border-top: 1px solid gray;
	border-bottom: 1px gray solid;
	border-left: 1px gray solid;
	border-right: 1px gray solid;
	background-color: #f5f5f5;
}

.memo{
	overflow: visible; 
	/*height:auto;*/
	font-size:10pt; 
	font-family: verdana;
	padding:10px; 
	margin: 15px;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #FFC;/*#FFFCd4*/

}
.helpAvailable a{
	/*white-space: nowrap; /* estää kyllä rivityksen, mutta poistaa samalla palluran*/
	background-image: url(../img/help_transparent.gif);
	background-repeat: no-repeat;
	background-position: 99% top;
	background-position: top right;
	padding-left:1px;
	padding-right:18px;
	text-decoration: none;
}
.helpAvailableWide a{
	/*white-space: nowrap; /* estää kyllä rivityksen, mutta poistaa samalla palluran*/
	background-image: url(../img/help_transparent.gif);
	background-repeat: no-repeat;
	background-position: 99% top;
	background-position: top right;
	padding-left:1px;
	padding-right:18px;
	text-decoration: none;
	width: 100%;
}

.helpAvailable a:hover{
	background: #e6ffcc;
	background-image: url(../img/help_transparent.gif);
	background-repeat: no-repeat;
	background-position: 99% top right;
	padding-left:1px;
	padding-right:18px;
}
.popupAvailable{
	background-color: #eee;
	border-style: solid; 
	border: 1px #999;
	padding-left:1px;
	padding-right:1px;
}

.helpbox{
	visibility:hidden; 
	position: absolute;
	z-index: 10; 
	font-family: Verdana,Arial,Helvetica;
	font-size:12px;
	line-height:16px;
	color:#000000; 
	font-weight:normal;
	text-align: left; 
	padding:10px;
	margin-left: 300px;
	margin-top: 200px;
	background-color: #e5f5d5;
	border-style: solid; 
	border: 1px outset #999;
	width:500px;
}

.helpbox2{ 
	visibility:hidden; 
	position: absolute;
	z-index: 1; 
	font-family: Verdana,Arial,Helvetica;
	font-size:13px;
	color:#000000; 
	font-weight:normal;
	text-align: left; 
	padding:5px;
	left: 300px;
	top: 150px;
	background-color: #f5f5f5;
	border-style: solid; 
	border: 1px outset #999;
}

.colseldiv{ 
	visibility:hidden; 
	float: left;
	position: absolute;
	z-index: 8; 
	font-family: Verdana,Arial,Helvetica;
	font-size:12px;
	color:#000000; 
	font-weight:normal;
	text-align: center; 
	padding:2px;
	background-color: #f5f5f5;
	border-style: solid; 
	border: 1px outset #999;
	/*margin-top:650px; 
	margin-left:150px;*/
	width:940px;
}
.colselinnerdiv{
	float: left;
	width:230px;
}

.poppict{ 
	visibility:hidden; 
	position: absolute;
	z-index: 11; 
	font-family: Verdana,Arial,Helvetica;
	font-size:13px;
	color:#000000; 
	font-weight:normal;
	text-align: left; 
	padding:0px;
	background-color: #fffff0;
	border: 0px solid #386;
	
}
.testdiv{ 
	visibility:visible; 
	position: absolute;
	z-index: 100; 
	font-family: Tahoma,sans-serif;
	font-size:10px;
	padding-left:5px;
	background-color: #fee;
	border-style: solid; 
	border: 1px outset #999;
	margin-top:50px; 
	margin-left: 900px; 
	width:600px;
}
.mini{ 
	font-family: Tahoma,sans-serif;
	font-size:8px;
	background-color: #ddd;
}

.textedit{
	overflow: visible; 
	height:auto;
	float: none;
	font-family: verdana, sans-serif;
}
.oikeelle{
	position: relative;
	right: 0;
	width: 50%;
}
.tekstioikeelle {
	text-align: right;
}

.vasemmalle{
   position: absolute;
	left: 10%;
   width: 100%;
}

.leipispo {
	background-color: #f1fff1;
	font-size: 12px; 
	font-weight: normal; 
	color: #000001; 
	line-height: 15px; 
	letter-spacing: 0.03em; 
	margin-left: 1px;	
	text-align:left
}
.perustable {
	background-color: #fff;
	font-family: tahome,sans-serif;
	font-size: 10pt; 
	font-weight: normal; 
	line-height: 12pt; 
	border: 1px;
	text-align:left;
	margin-top: 5px;
}

.pt1 { background-color:#E4F7F6}
.pt2 { background-color:#D6F9C8}
.pt3 { background-color:#e4e4e6}/*bdd,FAF9F7*/
.pt4 { background-color:#e8e8ea}/*cdd,F5F2ED*/

.perustableots {
	background-color: #CDDAE2; /*#bbcddd; /*#eee;bdbafcaca*/
	font-size: 12px; 
	margin-left: 1px;
	line-height: 15px; 
	padding:4px;
}
.perustableotsm {
	background-color: #f3daa9; 
	font-size: 13px; 
	line-height: 15px; 
	margin-left: 1px
	
}

.keski {
	font-size: 12px;    
	font-weight: normal; 
	color: #000001; 
	line-height: 14px; 
	letter-spacing: 0.03em; 
	margin: 1px;	
	text-align:center;
}
.uppoleipispo {
	background-color: #eaffea;
	font-size: 11px; 
	font-weight: normal; 
	color: #000001; 
	line-height: 17px; 
	letter-spacing: 0.03em; 
	margin: 1px;	
	text-align:left
}

.otsikko {
	font-size: 14px;
	font-weight: bold; 
	color: #0C1FAF; 
	line-height: 18px; 
	letter-spacing: 0.03em; 
}
.otsikkoUUS {
	font-size: 13px;
	font-weight: bold; 
	color: #0C1FAF; 
	line-height: 7px; 
	letter-spacing: 0.03em; 
}
.otsikko1 {
	font-size: 18px; 
	font-weight: bold; 
	color: #0C1FAF; 
	line-height: 15px; 
	letter-spacing: 0.03em; 
}

.paaotsikko{
	font-size: 14pt; 
	font-weight: normal; 
	font-family: verdana;
	color: #000000; 
	line-height: 20px; 
	letter-spacing: 0.01em; 
	text-align:left;
	/*vertical-align: auto/*center*/
}

.leipis_ed_etusivu {
	background-color: #f1fff1;
	font-size: 16px; 
	font-weight: normal; 
	font-family: verdana;
	color: #000001; 
	line-height: 23px; 
	letter-spacing: 0.03em; 
	margin: 1px;	
}

#graph { display: inline; padding: 1px; }
#graphUnCheced { display: inline; padding: 1px; visibility : hidden; }
#graphChecked { display: inline; padding: 1px; visibility : visible;}

/*__________________________SORTTABLE_______________________________*/


#titleTable, #fooTable, #contentTable { 
	font-family:Tahome,Geneva, Arial, Helvetica, sans-serif; 
	width:99%;
	margin-left:1px;
	border-collapse:collapse;
	padding:2px;
	
}
#fooTable {  
	font-size:10px; 
	height:12px;
	width:100%;
	border-right:	solid 1px #aaa;
	border-left:	solid 1px #aaa;
	padding:5px;
}
#titleTable { 
	font-weight:bold; 
	font-size:14px; 
	text-align:center; 
	height:20px;
	width:100%;
	border-top:	solid 1px #111;
	border-right:	solid 1px #aaa;
	border-left:	solid 1px #aaa;
	background-color:#ccc;
}

#contentTable {
	font-size:12px;
	width:100%;
	line-height:11px;
	border-top:	solid 1px #aaa;
	border-right:	solid 1px #aaa;
	border-left:	solid 1px #aaa;
	margin-bottom:5px;

}

#titleTable a, #fooTable a, #contentTable a  { color:#000; text-decoration:none; }
#titleTable a:hover, #fooTable a:hover, #contentTable a:hover { text-decoration:underline; }
 /* child selector syntax which IE6 and older do not support*/
/*table>tbody	{ 
	overflow: auto; 
	height: 250px;
	overflow-x: hidden;
	}*/

#headerRow { 
	background-color:#96AFD7; 
	height:15px; 
	text-align:center; 
	vertical-align: bottom;
}
#headerRow0 { /* basic*/
	background-color:#9c6; 
	height:15px; 
	text-align:center; 
	vertical-align: bottom;
}
#headerRow1 { /* Costs */
	background-color:#fcf; 
	height:15px; 
	text-align:center; 
	vertical-align: bottom;
}
#headerRow2 { /*key figures*/
	background-color:#9cf; 
	height:15px; 
	text-align:center; 
	vertical-align: bottom;
}
#headerRow3 { /*LS/TRS*/
	background-color:#fd4; 
	height:15px; 
	text-align:center; 
	vertical-align: bottom;
}

#headerRow4 { /*INVENTORY*/
	background-color:#dc9; 
	height:15px; 
	text-align:center; 
	vertical-align: bottom;
}

#headerCell { 
	font-weight:bold; 	
}

#headerLink { 
	width: 100%;
}

#contentRow1 { background-color:#eee;  }
#contentRow2 { background-color:#ddd; }

#contentCell { text-align: right; }
#contentCellRight { text-align: right; padding-left:8; padding-right:4; line-height:15px;}
#contentCellLeft { text-align: left; padding-left:4; }

.contentCell_00 { /* basic, dark*/	background-color:#d9faa9; }/**/
.contentCell_01 { /* basic, light*/	background-color:#e2ffb2; }

.contentCell_10 { /* COST, dark*/	background-color:#f7e7e7; }
.contentCell_11 { /* COST, light*/	background-color:#fee; }

.contentCell_20 { /* KEYFIGURES, dark*/	background-color:#d7e7f7; }
.contentCell_21 { /* KEYFIGURES, light*/background-color:#def; }

.contentCell_30 { /* LINESIZE, dark*/	background-color:#f2f5ce; }
.contentCell_31 { /* LINESIZE, light*/	background-color:#f7f9d2; }

.contentCell_40 { /* INVENTORY, dark*/	background-color:#eec; }
.contentCell_41 { /* INVENTORY, light*/	background-color:#ffd; }

#fooRow {  background-color:#96AFD7;}
#fooNavMiddle { text-align:center; width:33%; }
#fooNavRight { text-align:right; width:33%; }
#fooNavLeft { text-align:left; font-weight:bold; width:33%; }

#emptyMsg {color:#999999; text-align:center; font-weight:bold; }