@media screen{
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10pt;
		margin:auto;
		padding:0;
		max-width:1000px;
		margin:auto;
	}
	h1{
		margin:0;
		padding:0;
		background-image:url(../../img/2009/web_yla.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-color:#000;
	}
	h1 img {
		border:0;
		padding-left:60px;
		padding-bottom:40px;
	}
	h2, h3 {
		text-transform:uppercase;
		color:#ca5241;
	}
/*	h2{
		margin-top:1em;
		font-size:normal;
	}
	h3{
		margin-top:1em;
		font-size:normal;
	}*/
	#menu {
		background-color:black;
		padding:1em;
		margin:0 0 4em 0;
		text-align:center;
	}
	
	a:link, a:visited {
		color:#ca5241;
	}
	a:active {
		color:#f9ef1c;
	}
	
	#menu li {
		text-transform:uppercase;
		font-weight:bold;
		display:inline;
		padding:1em;
		color:white;
	}
	#menu a {
		color:white;
		text-decoration:none;
	}
	#foot{
		clear:both;
		color:white;
		background-color:black;
		padding:1em;
		margin:4em 0 0;
		text-align:center;
	}
	
	
	#mainframe {
		padding:0 160px;
		width:30em;
		float:left;
		margin:0;
		min-height:30em;
	}
	#mainframe li {
		margin-bottom: 1em;
	}
	
	#mainframe a:link, #container a:visited {
		color:#00bbce;
	}
	
	.breadcrumb {
		border:solid #ca5241;
		border-width: 0 0 1px 0;
		padding-bottom:.3em;
		letter-spacing:.05em;
		font-size:smaller;
		margin-bottom:1em;
		color:#ca5241;
	}

	thead{
		background-color:#ca5241;
		color:#fff;
		font-weight:bold;
	}
	
	caption {
		text-align:left;
		padding:6px;
		margin:2px;
		border:solid #ca5241;
		border-width: 0 0 1px 0;
	}

	caption, .progressbar .current {
/*		background-color:#ca5241;
		color:#000;*/
		font-weight:bold;
	}

	tfoot td{
		border-top:solid 1px #ca5241;
	}	
	
	.intrum {
		color: #660000;
		font-weight: bold;
	}

	
	.tupas form{
		display:inline;
	}
	
	.tupasbutton {
		float:left;
		width:130px;
		text-align:center;
		margin:1em 0;
		border:none;
		height:80px;
/*		vertical-align:middle;*/
	}
	
	.tupasbutton input{
		background-color:white;
		cursor:pointer;
	}

	fieldset{
		margin-top:2em;
		margin-bottom:1em;
		padding-left:1em;	
		padding-right:1em;	
		border:solid 1px #ca5241;
	}
	
	legend {
		border:none;
		color:#ca5241;
		font-weight:bold;
	}
	
	td, th{
		vertical-align:top;
	}
	.infobox {
		background-color:#eee;
		border:solid 1px #000;
		padding:1em;
		margin:1em 0;
	}
	.inforivi {
		background-color:#def;

	}
	.palaute_field {
		width:23em;
		text-align:left;
		text-indent:.1em
	}
	div.palaute_field{
		border:solid 2px white;
	}

	.progress {
		border-collapse:collapse;
		background-color:#FFF;
		color:#000;
		font-weight:bold;
		text-align:center;
	}
	.progress td, .progress th {
		border:solid 1px #000;
	}
	.progress th{
		background-color:#000;
		color:#FFF;
	}
	.error {
		display:block;
		color:red;
		clear:both;
	}
	.soppari th{
		border:solid #8F8F8F;
		border-width: 1px 0 0 0;
		text-align:left;
	}
	.login input{
		width:12em;
	}
	.hakemus label {
		width:20em;
		display:block;
		float:left;
		padding-right:1em;
	}
	
	.everyday label {
		width:16em;
	}
	
	.special_label .special {
		width:40em;
		margin-bottom:1em;
	}
	
	.hakemus input {
		display:block;
		float:left;
		margin:0 0.5em 0.8em 0;
	}
	.hakemus br, .hakemus p, .hakemus h3, .hakemus h2 {
		clear:both;
	}
	.hakemus h3 label{
		float:none;
	}
	.hide, .employer, .job_extra, .hide_extra {
		display:none;
	}
	.everyday select {
		width:18em;
	}
	.everyday .error {
		font-weight:bold;
		text-decoration:underline;
	}
	.adstand td{
/*		border:solid 1px #ca5241;
		-moz-border-radius:2em;*/
		background-image:url(/img/2009/esiteborder.gif);
		background-position:center;
		background-repeat:no-repeat;
		width:180px;
	}
	#mainframe .adstand li {
		margin-bottom:0.5em;
	}
}
@media handheld{
	#foot {
		clear:both;
	}
	h3, h2{
		padding-top:1em;
	}
	.hakemus label {
		width:20em;
		display:block;
	}
	.hakemus input {
		display:block;
		float:left;
		margin-right:0.5em;
	}
	.hakemus br, .hakemus p, .hakemus h3, .hakemus h2 {
		clear:both;
	}
	#menu li {
		text-transform:uppercase;
		font-weight:bold;
		display:inline;
		padding:1em;
		color:white;
	}
	#menu a {
		color:white;
		text-decoration:none;
	}
	button {
		background-color:transparent !important;
		border:0 none;
	}
}

@media print {
	#menu, .breadcrumb, h1, #foot, .hideprint {
		display:none;
	}
}