/* <FONTTITYYPIT> */
table.menu, a.th, a.thstatic, a.innerlink, dl, div, h1, h2, h3, h4, p, ul, table.folder, table.title, #info, #error, fieldset, table.datasheet_new th, table.datasheet_new tbody td.th, table.datasheet_new td.total, table.datasheet_new td.totalblue {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
}
a.thred, div.smallest, div.textarea, h5, input, textarea, optgroup, option, p.smallest, pre, select, table.datasheet_new {
	font-family: Verdana, Helvetica, FreeSans, sans-serif;
}

@media screen {

	/* <HTML-PERUSELEMENTIT> */
	body {
		margin: 0px;
		padding: 5px;
	}
	input, textarea, select, option, optgroup, div.textarea {
		font-size: 11px;
		margin: 0px;
		padding: 1px;
		font-weight: normal;
		/*text-align: left; POISTETTU 2007-05-23 Turhia? */
	}
	textarea, textarea.h5 {
		border: 1px solid #BBBBBB;
		height: 15px;
		line-height: 13px;
		width: 100%;
	}
	div.textarea { /* Textarean feikkilaatikko */
		background-color: white;
		border: 1px solid #BBBBBB;
		color: #000000;
		line-height: 13px;
		margin: 0px;
		/*overflow: auto;*/
		width: 100%;
	}
	select {
		border: 1px solid #BBBBBB;
		padding: 0px;
		width: 100%;
	}
	select.borderless {
		border: 0px none;
	}
	optgroup {
		background-color: lightgrey;
		color: red;
		font-style: normal;
		font-weight: bold;
	}
	option {
		background-color: white;
		padding: 1px;
	}
	optgroup option {
		background-color: white;
		color: black;
		padding-left: 20px;
	}
	.onlyprint, .printonly { /* Vain tulostukseen liittyvät elementit */
		display: none;
	}
	/*input:focus, textarea:focus, select:focus, select:focus optgroup option {
		outline: 1px dotted red;
	}*/
	/* Tekstisisältö pelkässä content-elementissä (valkoinen tausta sivun pohjalla)
	td.content {
		background-color: #FFFFFF;
		font-family: Verdana, Arial, FreeSans, sans-serif;
		font-size: 9pt;
	} */

	/* LINKIT */

	a {
		text-decoration: none;
		color: #006699;
		outline: 0px none;
	}
	a:hover {
		text-decoration: underline;
	}
	a.th {
  		color: #FFFFFF;
		font-size: 9pt;
		font-weight: bold;
	}
	a.th:hover {
	}
	a.thred {
		color: #FFFFFF;
		font-size: 9pt;
		font-weight: bold;
	}
	a.thred:hover {
		color: #C00000;
		text-decoration: none;
	}
	a.thstatic {
		color: #FFFFFF;
		font-size: 9pt;
		font-weight: bold;
		text-decoration: none;
	}
	a.thstatic:hover {
		text-decoration: none;
	}

	a.innerlink {
		color: black;
		text-decoration: none;
	}
	a.innerlink:hover {
		text-decoration: underline;
	}
	a.h5, a.h5:hover {
	  float:right;
	  font-size:7pt;
		text-decoration: none
	}


	/* OTSIKOT */

	h1 { /* Sisällön otsikko */
		color: white;
		font-size: 9pt;
		font-weight: bold;
		margin: 0px;
	}
	h2 { /* Valkoinen sisältöotsikko */
		color: #FFFFFF;
		font-size: 9pt;
		font-weight: bold;
		margin: 5px 0px 5px 0px;
		text-decoration: underline;
	}
	h3 { /* Ohjeistuksen otsikko, lisätty margin ja padding 2007-01-09 */
	  color: white;
		font-size: 10pt;
		margin-top: 5px;
		padding: 3px;
		background-color: #006699;
	}
	h4 { /* Ohjeistuksen otsikko, lisätty margin ja padding 2007-01-09 */
	  color: #006699;
		font-size: 10pt;
		font-weight: bold;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	h5 { /* Inputtien otsikot */
		border-left: 1px solid #BBBBBB;
		border-right: 1px solid #BBBBBB;
	  border-top: 1px solid #BBBBBB;
		border-bottom: 1px solid transparent;
		float: left;
		margin: 0px 0px -2px 0px; //margin-bottom:-3px;
    padding: 1px 3px 3px 3px;
	}
	h5.borderless { /* Otsikot ilman reunaa, esim. avattavat otsikot reskontrassa */
		border-left: 1px solid transparent;
		border-right: 1px solid transparent;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
	}
	h5.over { /* Input-kenttä valittaessa */
		background-color: white;
	}
	h5.openover { /* Avattava otsikko */
		background-color: white;
		border: 1px solid #BBBBBB;
	}
	h5 a, h5 a:hover { /* Korjataan h5 sisällä olevat linkit */
		text-decoration: none;
	}
	h5.over a {
		color: white;
    text-decoration: none;
	}
	h5 img { /* Korjataan h5 sisällä olevat kuvat (nuolet) */
		position: relative;
		top: -2px;
	}
	div.h5 {
		float: left;
		margin: 0px 0px -2px 0px; //margin-bottom:-3px;
		padding: 0px;
	}
	div.note {
		background-color: #BBBBBB;
		border-bottom: 1px solid #BBBBBB;
		color:white;
		padding:1px;
		font-weight:bold;
	}

	/* TEKSTIT JA LISTAT */

	p, ul, div.content {
    font-size: 9pt;
	}
	p.error, div.error {
		font-weight: bold;
	}
	p.notice, div.notice, select.notice, span.notice {
		margin: 3px 3px 2px 3px;
	}
	p.compact, div.compact {
		margin: 5px 0px 0px 5px;
		padding: 0px;
	}
	p.kuvatxt { /* Ohjeiden kuvatekstit */
		font-size: 8pt;
		font-style: italic;
		padding-left: 30px;
		padding-right: 30px;
	}
	span.thstatic { /* Pääotsikot menussa */
		color: #FFFFFF;
		cursor: pointer;
		font-size: 8pt;
		font-weight: bold;
	}
	pre {
		font-size: 8pt;
		font-weight: normal;
	}
	div.noprint {
		display:inline;
	}

	/* VÄRIT */
	
	table.title th, table.title th a, table.menu {
		color: white;
	}
	.gray, .grey {
		color: #AAAAAA;
	}
	.lightgray, .lightgrey {
		color: #CCCCCC;
	}
	span.darkgray, span.darkgrey, div.darkgray, div.darkgrey {
		color: #666666;
	}
	p.notice, div.notice, select.notice, span.notice, span.darkgreen, span.darkgreen select, span.darkgreen option, span.darkgreen input, div.darkgreen, input.darkgreen, input.green {
		color: #006600;
	}
	span.green, div.green {
		color: #67FF5F;
	}
	span.darkorange, div.darkorange {
		color: #BF4300;
	}
	span.orange, div.orange {
		color: orange;
	}
	p.error, span.darkred, span.darkred select, span.darkred option, span.darkred input, span.red, span.red select, span.red option, span.red input, div.darkred, div.red, input.darkred, input.red {
		color: #C00000;
	}
	span.lightred, div.lightred {
		color: #FF0000;
	}
	span.darkblue, div.f-blue, h5.over, table.datasheet_new tbody td.th, table.datasheet_new td.totalblue, p.header, div.header {
		color: #006699;
	}
	fieldset, legend, label, h5, h5 a, h5 a:hover {
		color: #555555 !important;
	}
	
	/* <FONTTIEN_MUOTOILU_TÄHÄN_KAIKKI!> */
	
	fieldset, p {
		font-size: 10pt;
	}
	table.title {
		font-size: 9pt;
	}
	ul, li, p.bold, label, legend, table.datasheet_new thead th, table.datasheet_new tbody td.th, table.datasheet_new tbody td.total, table.datasheet_new td.totalblue, p.notice, p.error, p.header, div.header {
		font-size: 9pt;
	}
	.smaller, .small { /* lisätty margin 2007-01-09 */
		margin-top: 5px;
		font-size: 8pt;
	}
	input, textarea, select, option, table.datasheet_new, input.darkgreen, input.darkred, input.red, input.green {
		font-size: 8pt;
	}
	h5 {
		font-size: 7.5pt;
	}
	.smallest {
		font-size: 7pt;
	}
	p.header, div.header {
		margin: 0px;
		padding: 0px;
	}

	table.title, fieldset, p {
	  font-weight: normal;
	}
	table.title, table.menu, h5, input.darkgreen, input.darkred, input.red, input.green, ul, li, p.bold, label, legend, table.datasheet_new thead th, table.datasheet_new tbody td.th, table.datasheet_new tbody td.total, table.datasheet_new td.totalblue, p.notice, p.error, p.header, div.header  {
		font-weight: bold;
	}
	
	/* <TEKSTILOHKOJEN_MUOTOILUT_TÄHÄN_KAIKKI> */


	/* KUVAT */

	img.button {
	  border: 0px;
		cursor: pointer;
		height: 15px;
		width: 15px;
		margin: 0px 0px 0px 0px;
		//margin-bottom: -2px;
	}
	img.buttondisabled {
	  border: 0px;
		height: 15px;
		width: 15px;
		margin: 0px 0px 0px 0px;
		//margin-bottom: -2px;
	}
	img.buttoncompact {
	  border: 0px;
		cursor: pointer;
		height: 15px;
		width: 15px;
		margin: 0px 0px -2px 0px;
	}
	img.folder {
		border: 0px;
		height: 15px;
		margin-top: -1px;
		vertical-align: bottom;
		width: 15px;
	}
	img.folderline {
		border: 0px;
		height: 15px;
		vertical-align: bottom;
		width: 11px;
		/*margin-left: -1px; IEn takia poistettu */
	}
	img.trianglecompact {
		border: 0px;
		height: 10px;
		vertical-align: text-bottom;
		width: 10px;
	}
	img.help {
		border: 0px none;
		cursor: help;
		vertical-align: text-bottom;
	}

	img.selectable, img.selected { /* Valittavat kuvakkeet esim. uutta dokumenttia tehtäessä */
	  background-color: #d6e2ea;
		border: 1px solid white;
		cursor: pointer;
		padding: 2px;
		margin: -1px;
	}
	img.selectable:hover {
		background-color: #eef5f9;
	}
	img.selected {
    background-color: #006699;
	}
	p img { /* Tekstin seassa olevat kuvat keskitetään*/
	  vertical-align: middle;
	}
	
	.colorchart img { /* Kuvien valinta */
	  cursor: pointer;
	  margin: 1px;
	  height: 15px;
		width: 15px;
	}
	.colorchart img:hover {
    outline: 1px solid #006699;
	}
	
	/* YLEISET INPUT-KENTÄT */
	input.date {
		text-align: center;
	}
	input.number {
		text-align: right;
	}

}

@media print {

	h1 {
		font-size: 12pt;
		font-weight: bold;
		margin: 5px 0px 5px 0px;
		text-decoration: underline;
	}
	h2 {
		font-size: 10pt;
		font-weight: bold;
		margin: 5px 0px 5px 0px;
		text-decoration: underline;
	}

	a {
		color:black;
		text-decoration:none;
	}
	a.thstatic {
		font-size: 10pt;
		font-weight: normal;
	}

	img {
		display:none;
	}

	input, textarea, select {
		page-break-inside: auto;
		border: 0px none;
		text-align: left;
		width:100%;
	}

	.noprint, table.menu, table.title, table.datasheet_new tr.new, .notice {
		display: none;
	}

	table.datasheet_new, table.h-blue, table.c-blue, table.divider {
		width: 100%;
	}
	
	table.divider td {
		width: 50%;
	}

	th, td.total, h5 {
	  padding-top: 5px;
	  padding-bottom: 5px;
		font-size: 9pt;
		font-weight: bold;
		text-align: left;
		text-decoration: underline;
	}

	td, input, textarea, select, option {
		font-size: 9pt;
		padding: 1px;
		text-align: left;
	}

	/* Elementtien korjaukset */
	select, textarea {
		margin-bottom: 5px;
	}
	
	/* Reunusten tulostaminen avattuihin kansioihin) */
	table.printborders {
	  margin-left: -11px !important;
		margin-bottom: 5px !important;
		border: 1px dotted grey !important;
		padding: 5px !important;
	}


}