/* ICTeme/TIETODATA: /tietodata/_css/screen.css (c) ICTeme.com */

html { 
	background: #f9f9f9;
	background: url("/tietodata/_img/css_html_bg.png") repeat;
	padding: 1em;
	min-height: 1000px; /* because Mozilla scroller */
	}

body {
	margin: auto;
	min-width: 510px;	/* works only with Mozilla - IE using VBscript */
	max-width: 850px;	/* works only with Mozilla - IE using VBscript */
	border-top: 3px #fff solid;			/* [ solid | dotted | dashed | double | groove | ridge | inset | outset ] */
	border-left: 2px #fff solid;			/* [ solid | dotted | dashed | double | groove | ridge | inset | outset ] */
	border-right: 1px #ccc solid;			/* [ solid | dotted | dashed | double | groove | ridge | inset | outset ] */
	border-bottom: 2px #ccc solid;			/* [ solid | dotted | dashed | double | groove | ridge | inset | outset ] */
	padding: 2em;
	background: url("/tietodata/_img/css_body_bg.gif") no-repeat center center fixed; /* 'fixed' doesn't works with IE */
	background-color: #fff;
	color: #000;
	font-stretch: ultra-condensed;
	font-size: 70%;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
/*	font-family: Georgia, "Times new Roman", times, serif;	*/
/*	font-family: Arial, Helvetica, sans-serif;	*/
/*	font-family: Tahoma, Verdana, sans-serif;	*/
/*	font-family: "Lucida Console", "Courier New", monospace;	*/
/*	font-family: Zapf-Chancery, cursive;	*/
/*	font-family: "Comic Sans MS", fantasy;	*/
	line-height: 1.5;		/* Rivien väli */
	letter-spacing: 0.0;	/* Kirjainten väli */
	word-spacing: 1.0;		/* Sanojen väli */
	}

/* FONT STYLES */

h1, h2, h3, h4, h5, h6, th, .info {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	}

code, pre {
	font-family: "Courier New", monospace;
	}

/* LAYOUT STYLES */

div#margintop {
	}

div#marginbottom {
	}
	
div#logo {
	clear: both;
	text-align: center;
	}

div#buttons {
/*
	/tietodata/_css/buttons.css
*/
	}

div#menus {
/*
	/tietodata/_css/menus.css
*/
	}

div#image {
	margin-bottom: 30px;
	height: 137px;
	}

.imageleft {
	float: left;
	width: 37%;
	background: url('/tietodata/_img/imageleft.jpg') no-repeat top left;
	}

.imageright {
	float: left;
	width: 63%;
	background: url('/tietodata/_img/imageright.jpg') no-repeat top right;
	}

div#top {
	clear: both;
	text-align: center;
	}

div#page {				/* CONTENT: ONE COLUMN */
	clear: both;
	margin: 0;
	margin-left: 2em;
	margin-right: 2em;
	padding: 0;
	}

div#column {				/* CONTENT: TWO COLUMNS */
	float: left;
	margin: 0px;
	margin-top: 2em;
	}

.content {
	margin: 0px;
	}

.contentText {
	smax-width: 420px;	/* works only in Mozilla */
	}

.contentSpace {
	width: 20px;
	}

.contentList {
	margin-left: 20px;
	}

div#bottom {
	clear: both;
	margin: 0;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding: 0;
	}

/* SPECIAL STYLES */

.small {
	color: #333;
	font-size: 80%;
	}

.ttyBlock  {
	display: none;
	}

.hidden  {
	display: none;
	}

.yhdyssana { /* compound: you can put together two words, example: 'inter net' = 'internet' */
	word-spacing: -0.43em;
	}

.grey {
	color: #999;
	}

.green {
	color: #060;
	}

.red {
	color: #800;
	}

/* XHTML STYLES */
	
img {
	margin: 0;
	padding: 0;
	border: 0px;
	}

h1 {
	margin-top: 0px;
	margin-bottom: 0;
	color: #3A599C;
	font-size: 135%;
	font-weight: 600;
	}

h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 115%;
	font-weight: 600;
	}

h3 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 100%;
	color: #3A599C;
	}

h4, h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 115%;
	font-weight: normal;
	color: #000;
	}

h6 { /* Title with "pre" tag */
	margin: 0px;
	margin-top: 40px;
	padding: 4px;
	padding-left: 10px;
	border: #ddd 1px solid;
	border-bottom: #fff 1px solid;
	font-size: 90%;
	color: #000;
	background: #eee;
	}

p {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
	text-indent: 0em;		/* Start of first letter */
	}

.info {
	margin-top: 20px;
	margin-bottom: 1em;
	border: #ccc solid 1px;
	padding: 1em;
	padding-bottom: 1.4em;
	text-align: justify;
	color: #000;
	background: #f3f3f3;
	}

code {
	color: #633;
	}

pre {
	margin-top: 0;
	margin-bottom: 0;
	border: #ddd 1px solid;
	padding: 1em;
	color: #633;
	background: #f9f9f9;
	background: url('/tietodata/_img/css_td_bg.gif') repeat-y top left;
	}

abbr, acronym, dfn { /* Remember: IE dosen't support abbr! */
	border-bottom: 1px #999 dotted;	/* because IE (Mozilla default) */
	font-style: normal;
	}

ol {
	font-weight: 600;
	}

ul {
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: normal;
	list-style-type: disc; 		/* disc | circle | square | decimal | lower-roman | upper-roman | lower-aplha | upper-alpha | none */
	list-style-position: outside;	/* outside | inside */
	}

ul.noListStyle {
	list-style-type: none;
	}
	
li {
	line-height: 1.8;		/* Rivien väli */
	}

dl {
	}

dt {
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: bold;
	}

dd {
	padding: 10px;
	width: 90%;
	background: #f9f9f9;
	}

strong {
	font-weight: 600;
	}

em {
	color: #666;
	font-style: normal;
	}

b {
	font-weight: 600;
	}

i {
	color: #633;
	font-style: normal;
	}

u {
	font-style: underline;
	}

big {
	font-size: 120%;
	line-height: 1.3;
	}

small {
	font-size: 80%;
	}

del {
	font-weight: normal;
	color: #999;
	}

hr {
	background: #ddd;			/* because Mozilla */
	color: #ddd;				/* because IE */
	border: 0px solid #ddd;		/* because Mozilla */
	height: 1px;
	}

table {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px #eee solid;
	width: 100%;
	}

tr {
	}

tr.lg td { /* lg = Light Grey */
	background: #f6f6f6;
	}

th {
	vertical-align: center;			/* because browsers (default: center) */
	align: center; 					/* because Opera (default: center) */
	border: 1px solid #DDD;
	padding: 4px;
	padding-left: 10px;
	text-align: left;
	font-weight: 600;
	color: #000; 
	background: url('/tietodata/_img/css_th_bg.gif') repeat-x top left;
	background: #eee;
	}

td {
	vertical-align: center;			/* because browsers (default: center) */
	align: center; 					/* because Opera (default: center) */
	border-top: 1px solid #FFF;
	border-left: 1px solid #EEE;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #DDD;
	padding: 4px;
	padding-left: 10px;
	text-align: left;
	font-weight: normal;
	background: url('/tietodata/_img/css_td_bg.gif') repeat-y top left;
	}

address {
	color: #666;
	font-style: normal;
	font-size: 90%;
	text-align: center;
	}

fieldset {
	margin-top: 10px;
	padding: 2em;
	border: 1px solid #ddd;			/* [ solid | dotted | dashed | double | groove | ridge | inset | outset ] */
	color: #000;
	font-size: 80%;
	}

legend {
	font-style: normal;
	font-weight: 600;
	color: #000;
	}

input, select, textarea {
	border: 1px solid #aaa;
	color: #000;
	background: url('/tietodata/_img/css_td_bg.gif') repeat-y top left;
	background: #f9f9f9;
	}

textarea {
	width: 100%;
	}

input#submit {
	border: 1px solid #aaa;
	padding: 2px;
	font-size: 80%;
	font-weight: 600;
	color: #fff;
	background: #000;
	}

input#reset {
	border: 1px solid #aaa;
	padding: 2px;
	font-size: 80%;
	font-weight: 600;
	color: #fff;
	background: #600;
	}

/* LINK STYLES */

a {
	border-bottom: 1px #ddd solid;
	}

a:link {
	color: #3A599C;
	text-decoration: none;
	}

a:visited {
	color: #3A599C;
	text-decoration: none;
	}

a:hover {
	color: #933;
	text-decoration: underline;
	}

a:active {
	color: #000;
	text-decoration: none;
	}
	
/* END */