
/* Viittomakielialan Osuuskunta Via - tyylilakana */


/* Text & page size
----------------------------------------------------------------------------- */

	
html {
	font-size:16px;
	margin:0;
	padding:0;
	}


/* Basic HTML / Reset styles
----------------------------------------------------------------------------- */

body,
fieldset,
form {
	font-family:"Trebuchet MS", "Lucida Grande", sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	}
	
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
ul,
ol,
dl,
form {
	font-weight:normal;
	margin:0 0 1em;
	padding:0;
	}
	

address,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
li,
p,
textarea {
	font-size:1.68em;
	font-style:normal;
	}

li ul,
li li {
	font-size:1em;
	}

fieldset,
a img {
	border:none;
	}

/* Layout
----------------------------------------------------------------------------- */

html {
	background:#003357 url(../images/bg-lime.gif) repeat-x top;
	}

body {
	background:url(../images/bg-dudes.png) no-repeat left top;
	color:#333;
	font-size:62.5%;
	padding:1em 0;
	text-align:center;
	}

#page {
	background:url(../images/page-bg-top.png) no-repeat left top;
	color:#333;
	margin:3em auto;
	padding:3.4em 0 0 0;
	position:relative;
	text-align:left;
	width:81.2em;
	z-index:20;
	}

#header {
	background:url(../images/page-bg-middle.png) repeat-y left top;
	height:15.2em;
	padding:0 0 0 1.6em;
	}

#wrapper {
	background:url(../images/page-bg-middle.png) repeat-y left top;
	clear:both;
	line-height:1.6;
	min-height:50em;
	overflow:auto;
	padding:0 .7em 1em 1.2em;
	position:relative;
	width:81.2em;
	}

#content {
	background:#fff;
	line-height:1.6;
	margin:0 0 0 20.5em;
	padding:0 1em;
	}

#content.narrow {
	float:left;
	margin-left:2.5em;
	width:36.7em;
	}

.wide {
	line-height:1.75;
	width:52em;
	}

.full {
	width:56em;
	}

.secContent {
/*	background:#f0f0e9;*/
	margin-left:59.8em;
	padding:1em;
/*	position:absolute;
	right:3.7em;
	top:6.4em;
*/	width:16.4em;
	}

#nav {
	background:#fff;
	float:left;
	padding-left:.5em;
	}

#footer {
	background:url(../images/page-bg-bottom.png) no-repeat left bottom;
	clear:both;
	color:#666;
	padding:1em 1.7em 1.5em;
	text-align:center;
	}

/* Text
----------------------------------------------------------------------------- */

address {
	border-left:.4em solid #a3dd0c;
	font-style:italic;
	padding-left:1em;
	}

a:link,
a:visited {
	color:#009bf5;
	text-decoration:none;
	}
	
p a:visited {
	border-bottom:1px dotted;
	color:#666;
	}

a:hover {
	color:#2bf;
	}

p a:hover {
	background-color:#009bf5;
	color:#fff;
	}

#content li {
	margin-left:2.5em;
	}

blockquote {
	border-left:.3em solid #009bf5;
	font-style:italic;
	margin:1em;
	padding:0 1em;
	}

.caps {
	letter-spacing:.05em;
	}

/* Content
----------------------------------------------------------------------------- */

p {
	margin:0 0 .75em;
	}

.pageNav {
	overflow:auto;
	width:56em;
	}

#content .pageNav li {
	display:inline;
	margin-left:0;
	float:left;
	margin:.2em;
	}

#content .pageNav li a:link,
#content .pageNav li a:visited {
	background:#009bf5 url(../images/nav-bg-blue.png) no-repeat right top;
	border:none;
	color:#fff;
	padding:.3em .7em .3em .5em;
	}

#content .pageNav li a:hover {
	background:#fff;
	color:#009bf5;
	}

#content .sectionNav li {
	background:url(../images/nav-bullet.png) no-repeat left .5em;
	font-size:1.5em;
	list-style:none;
	padding-left:1em;
	}

img.right {
	float:right;
	}

img.left {
	float:left;
	}

img.resize {
	border:2px solid #fff;
	cursor:pointer;
	padding:1em;
	}

img.resize:hover {
	border:2px solid #009bf5;
	}

/* Includes
----------------------------------------------------------------------------- */


/* Language select & toolbar
----------------------------------------------------------------------------- */

#skipLinks {
	margin:0;
	position:absolute;
	right:0;
	top:0;
	}

#skipLinks li {
	float:right;
	font-size:1em;
	list-style:none;
	margin-top:-.5em;
	}

#skipLinks a {
	color:#ac1;
	display:block;
	letter-spacing:.2em;
	text-align:center;
	text-indent:-1234em;
	text-transform:uppercase;
	width:14em;
	}

#skipLinks a:focus,
#skipLinks a:hover {
	background:none;
	color:#fff;
	text-indent:1px;
	}

#language {
	font-size:0.92em;
	left:2.5em;
	list-style:none;
	overflow:hidden;
	position:absolute;
	top:-2.499em;
	z-index:-2;
	}

#language li {
	background:#fff url(../images/langbox-bg-top-left.gif) no-repeat top left;
	float:left;
	margin-right:.2em;
	}

#language li:hover, 
#language li.current {
	background:#06a url(../images/bluebox-bg-top-left.gif) no-repeat top left;
	}

#language span {
	background:url(../images/langbox-bg-top-right.gif) no-repeat top right;
	display:block;
	}

#language span:hover,
#language .current span {
	background:url(../images/bluebox-bg-top-right.gif) no-repeat top right;
	}

#language li a {
	background:url(../images/whitebox-bg-bottomshadow.gif) repeat-x 110% left;
	display:block;
	font-weight:bold;
	padding:.4em 1em .3em;
	}

#language li a:hover,
#language li.current a {
	background:url(../images/bluebox-bg-bottomshadow.gif) repeat-x 110% left;
	color:#fff;
	}

#language li.current a {
	cursor:default;
	}

#flashcontent {
	position:relative;
	top:-2em;
	}

h1 {
	background:url(../images/header-static.jpg) no-repeat;
	height:179px;
	margin:0;
	text-indent:-1234em;
	}

#flashcontent p {
	color:#8cbee2;
	font-size:1em;
	margin:-2em 2em 0 0;
	text-align:right;
	}

#flashcontent a:link {
	color:#8cbee2;
	font-style:italic;
	}

#flashcontent a:hover {
	color:#fff;
	}

#toolBar {
	background:#E3E3E1 url(../images/graybox-bg-top-left.png) no-repeat;
	margin:0 2.9em 2.5em .4em;
	position:relative;
	}

#toolBar a:link {
	color:#006BC5;
	}

#toolBar a:hover {
	color:#009BF5;
	}

#breadcrumb,
.textSize {
	font-size:1.2em;
	height:2.4em;
	margin:0;
	}

#breadcrumb {
	background:url(../images/graybox-bg-bottom-left.png) no-repeat left bottom;
	width:45em;
	}

#breadcrumb li ul {
	clear:none;
	float:left;
	margin:0;
	padding:0;
	}

#breadcrumb li {
	float:left;
	font-size:1em;
	list-style:none;
	margin:0;
	padding:0;
	}

#breadcrumb .page_item {
	display:none;
	}

#breadcrumb .current_page_item,
#breadcrumb .current_page_ancestor {
	display:block;
	}

#breadcrumb a {
	background:url(../images/toolbar-bullet.png) no-repeat right 55%;
	display:block;
	float:left;
	padding:.5em .75em .3em .5em;
	}

body.home #breadcrumb li a,
body.home #breadcrumb li a:hover,
#breadcrumb .current_page_item a,
#breadcrumb .current_page_item a:hover {
	background:none;
	color:#333;
	cursor:default;
	}

#breadcrumb a:visited {
	text-decoration:none;
	}

#breadcrumb a:hover {
	color:#20ABFF;
	}

.textSize {
	background:url(../images/graybox-bg-top-right.png) no-repeat top right;
	float:right;
	position:absolute;
	right:0;
	top:0;
	width:11em;
	}

.textSize a,
.textSize a:visited {
	background:none;
	font-family:"Helvetica Neue", Helvetica, sans-serif;
	font-weight:bold;
	}

.textSize #smaller:link {
	text-transform:uppercase;
	margin-right:.1em;
	padding:.4em;
	}

.textSize #bigger:link {
	color:#333;
	cursor:default;
	font-size:1.4em;
	margin-top:-.5em;
	padding:0 .4em;
	}

.textSize #smaller {
	text-transform:uppercase;
	margin-right:.1em;
	padding:.4em;
	}

.textSize #bigger {
	color:#333;
	cursor:default;
	font-size:1.4em;
	margin-top:-.5em;
	padding:0 .4em;
	}

.textSize span {
	background:url(../images/graybox-bg-bottom-right.png) no-repeat right bottom;
	bottom:0;
	padding:0 0 .1em;
	position:absolute;
	right:0;
	}
/* Nav
----------------------------------------------------------------------------- */

#nav {
	font-weight:bold;
	list-style:none;
	margin:0;
	width:17.2em;
	}

#nav li {
	font-size:1.3em;
	line-height:1;
	}

#nav .page_item a {
	border:.1em solid #fff;
	display:block;
	padding:.4em 1.3em;
	}

#nav a:visited {
	text-decoration:none;
	}

#nav .page_item  a:hover {
	background:#EDF2EF;
	border:.1em solid #f6faf8;
	color:#009BF5;
	}

#nav .current_page_item a,
#nav .current_page_item a:hover,
#nav .current_page_ancestor a,
#nav .current_page_ancestor a:hover {
	background:#a1dc03 url(../images/nav-bg.png) no-repeat right top;
	color:#FFF;
	cursor:default;
	padding:.68em 1.3em .63em;
	}

#nav .current_page_ancestor a,
#nav .current_page_ancestor a:hover {
	cursor:pointer;
	}

#nav .page_item ul {
	border-bottom:.2em solid #ccebf9;
	font-size:0.714em;
	font-weight:bold;
	margin:0;
	padding:0 0 .5em 4em;
	width:auto;
	}

#nav .page_item ul .page_item {
	line-height:1.3;
	list-style:none;
	}

#nav .page_item ul ul {
	border-bottom:0;
	font-size:.75em;
	padding:0 0 1em 1.3em;
	}

#nav .page_item ul ul .page_item {
	font-style:italic;
	font-weight:normal;
	line-height:1.1;
	}

#nav .page_item ul .current_page_item,
#nav .current_page_ancestor .current_page_ancestor .current_page_item {
	list-style-image:url(../images/nav-bullet.png);
	}

#nav .page_item ul .current_page_item ul .page_item {
	list-style:none;
	list-style-image:none;
	}

#nav .page_item ul li a,
#nav .page_item ul li a:hover {
	background:none;
	color:#009bf5;
	cursor:pointer;
	margin-left:-1em;
	padding:.1em 0 .1em .5em;
	}

#nav .page_item ul li a:hover,
#nav li.current_page_ancestor li.current_page_item ul li.page_item a:hover {
	background:#edf2ef;
	color:#20bbff;
	cursor:pointer;
	}

#nav .page_item ul .current_page_item a,
#nav .page_item ul .current_page_item a:hover {
	background:none;
	color:#a1dc03;
	cursor:default;
	}

#nav .current_page_item ul .page_item a {
	color:#009bf5;
	}

#nav form div {
	font-size:.8em;
	margin-top:2em;
	padding:0;
	}

#nav input {
	font-size:1.2em;
	margin:.5em 1.3em;
	width:10em;
	}

input#searchsubmit {
	text-align:center;
	width:5em;
	}

#nav #addNav {
	font-size:.9em;
	margin:2em 0 0 1.5em;
	padding:0;
	width:12em;
	}

#nav #addNav a,
#nav #addNav a:link,
#nav #addNav a:visited {
	border:none;
	color:#aaa;
	display:block;
	font-weight:normal;
	padding:.2em .3em .2em 12px;
	}

#nav #printme {
	background:url(../images/document.gif) no-repeat left center;
	}

#nav #addNav a:hover {
	background-color:#fff;
	color:#333;
	}/* Forms 
----------------------------------------------------------------------------- */

form {
	line-height:1;
	overflow:auto;
	}
	
#content form div {
	border:1px solid #f0f0e9;
	clear:both;
	margin-bottom:1em;
	padding-bottom:1em;
	overflow:auto;
	}
	
form h4,
form h5,
legend {
	background:#f0f0e9;
	margin:0 0 1em;
	padding:.4em;
	}

form li {
	font-size:1em;
	list-style:none;
	margin:0;
	}

input,
label,
select,
textarea {
	display:block;
	float:left;
	font-family:"Trebuchet MS", sans-serif;
	margin-bottom:1em;
	width:12.857142857143em;
	}

select {
	width:16.6em;
	}

fieldset {
	clear:both;
	padding:1em;
	}

.checkbox legend {
	color:#666;
	font-size:1.82em;
	}

.checkbox label {
	clear:none;
	text-align:left;
	width:24.285714285714em;
	}

.checkbox input {
	clear:both;
	margin:0 .8em .5em 0;
	width:auto;
	}

label {
	clear:left;
	padding:0.21428571428571em 1em 0 0;
	text-align:right;
	}

legend {
	font-size:2.24em;
	margin:1em 0 .5em;
	padding:.4em;
	}

textarea {
	line-height:1.45;
	}

.submit {
	clear:both;
	margin:1em 0 1em 4.2857142857143em;
	text-align:center;
	width:12em;
	}
/* Headers
----------------------------------------------------------------------------- */

h1,
h2,
h3 {
	font-family:"Gill Sans Pro", "Gill Sans Std", "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
	}

.secContent h1,
.secContent h2,
.secContent h3 {
	font-weight:normal;
	}

h2 {
	color:#a1dc03;
	font-size:4.3em;
	font-weight:bold;
	letter-spacing:-.029em;
		letter-spacing:-.025em;
	line-height:1.15;
	margin:0 0 .7em;
	}

h3 {
	font-size:2.8em;
	line-height:1;
	margin:1em 0 .1em;
	}

h4 {
	color:#666;
	font-size:2.24em;
/*
		font-size:1.4em;
		text-transform:uppercase;
		letter-spacing:.3em;
*/	
	margin:.7em 0 .3em;
	}

h5 {
	font-size:1.82;
	font-weight:bold;
	}

h6 {
	font-size:1.68;
	font-style:italic;
	}

h4 a:hover {
	color:#666;
	}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	background:none;
	}

/* Footer
----------------------------------------------------------------------------- */

#footer p {
	background:url(../images/footer-bg.png) no-repeat left top;
	font-size:1em;
	font-weight:400;
	letter-spacing:0;
	padding:1em 1em 0;
	}

#footer span {
	font-size:1.54em;
	}

#forEmployees {
	background:url(../images/emp-login-key.png) no-repeat;
	color:#6c8a00;
	font-size:.85em;
	height:12px;
	letter-spacing:.13em;
	padding:.6em 20px .4em;
	position:absolute;
	right:0em;
	text-transform:uppercase;
	top:-1.6em;
	}

#forEmployees:visited,
#forEmployees:hover {
	background:url(../images/emp-login-key.png) no-repeat;
	border:none;
	color:#6c8a00;
	}

/* Sidebar
----------------------------------------------------------------------------- */

.secContent li {
	margin-left:1em;
	padding:.1em;
	}

.secContent * {
	margin-left:0;
	margin-right:0;
	}

.secContent p {
	font-size:1.68em;
	font-style:italic;
	line-height:1.5;
	}

/* Etusivu
----------------------------------------------------------------------------- */

#osuuskunta-via #content {
	float:left;
	margin-left:3em;
	}

.osuuskunta-via #nav {
	margin-top:.1em;
	}

#osuuskunta-via .secContent {
	background:#f0f0e9 url(../images/box-gray2-bottom.png) no-repeat left bottom;
	float:left;
	margin-left:.7em;
	padding:0;
	position:static;
	width:18.2em;
	}

#osuuskunta-via .boksi {
	border-bottom:1px solid #fffdf9;
	padding:0 1em;
	position:relative;
	}

#osuuskunta-via .boksi h3 {
	font-size:2.24em;
	margin:-.57em -.57em .2em;
	padding:.65em .65em 0;
	}

#osuuskunta-via .boksi h4 {
	background:#ebeade;
	color:#a8a69a;
	font-size:.9em;
	letter-spacing:.15em;
	line-height:1;
	margin:0 -1.15em .6em;
	padding:.56em 1.4em .5em;
	text-transform:uppercase;
	}

#osuuskunta-via .boksi p {
	font-size:1.54em;
	line-height:1.25;
	}

#osuuskunta-via .boksi a {
/*	height:100%;
	left:0;
	position:absolute;
	text-align:center;
	text-indent:-1234em;
	top:0;
	width:100%;
	}

#osuuskunta-via .boksi a:hover {
	line-height:6;
	text-indent:0;
*/	}

#osuuskunta-via .box-1 h4 {
	background:#e6e6d8 url(../images/box-gray2-top.png) no-repeat top left;
	}

#osuuskunta-via .box-3 {
	padding-bottom:.4em;
	}

#slogan {
	background:url(../images/nainen.jpg) no-repeat 16em bottom;
	clear:both;
	color:#003C78;
	font-style:italic;
	margin:0 1.9em 0 12em;
	padding:5.0487804878049em 15.146341463415em 4em 1em;
	text-align:center;
	}

/* Pähkinä
----------------------------------------------------------------------------- */

#yleista-viasta .nutshell {
	line-height:1.3;
	}

#yleista-viasta .nutshell h5 {
	float:left;
	font-size:1.68em;
	font-weight:bold;
	margin:0;
	width:13em;
	}

#yleista-viasta .nutshell p,
#yleista-viasta .nutshell h6 {
	margin:0 0 .6em 14em;
	}

/* Linkit
----------------------------------------------------------------------------- */

#linklist li {
	list-style:none;
	}

#linklist li li {
	padding-left:3em;
	}

#linklist a {
	display:block;
	margin-left:-3em;
	padding:.1em .5em;
	}

/* Usein kysyttyä
----------------------------------------------------------------------------- */

.questions h3 {
	background:#ccc;
	color:#fff;
	padding:.75em .75em .5em;
	}

.question {
	background:#f9fbfc;
	border:.1em solid #66bfeb;
	margin:.5em 0;
	padding:.5em;
	}

.question h4 {
	background:url(../images/faq-arrow-open.png) no-repeat 97% 50%;
	color:#333;
	cursor:pointer;
	font-size:1.89em;
	font-style:italic;
	line-height:1.4;
	margin:.2em .4em;
	margin-right:0;
	padding-right:40px;
	}

.question.hide {
	border:.1em solid #eef;
	}

.question.hide .answer {
	display:none;
	border:.1em solid #eef;
	}

.question .answer {
	cursor:pointer;
	display:block;
	}

.question {
	border-color:#66bfeb;
	}

.question.hide h4 {
	background-image:url(../images/faq-arrow-closed.png);
	}

.question p,
.question h5,
.question h6 {
	margin-top:.5em;
	padding-left:1.2em;
	}

body#usein-kysyttya .secContent {
	background:#f0f0e9 url(../images/box-gray2-bottom.png) no-repeat bottom right;
	width:16.2em;
	}

body#usein-kysyttya .secContent h3.first {
	background:url(../images/box-gray2-top.png) no-repeat top left;
	margin:-.5em;
	padding:.5em;
	}

/* Yhteystiedot
----------------------------------------------------------------------------- */

.osasto {
	float:left;
	height:11em;
	line-height:1.4;
	margin:0 3.5em 1.5em 0;
	padding-left:70px;
	position:relative;
	text-align:right;
	width:16em;
	}

.osasto .image {
	float:left;
	margin:-2em 1em 0 -70px;
	}

.osasto img {
	background:#fff url(../images/portrait-shadow.png) no-repeat;
	padding:2px 3px 6px 5px;
	}

.osasto h3 {
	font-size:1.3em;
	}

.osasto h3,
.osasto h4 {
	line-height:1;
	margin:0 0 .2em;
	}

.osasto p {
	margin:.2em 0 0;
	}

#post-186 {
	border-left:.6em solid #a1dc03;
	height:auto;
	margin-left:5px;
	margin-bottom:3em;
	padding-left:1em;
	text-align:left;
	width:44em;
	}

.aakkosryhma {
	margin-top:-2em;
	}

.group {
	background:#f5feff;
	background:#f5f9fc;
	margin-bottom:2em;
	overflow:hidden;
	position:relative;
	}

.yhteystiedot .backup,
.yhteystiedot .backup:visited {
	background:url(../images/arrow-up-gray.png) no-repeat right center;
	color:#eee;
	padding:6px 22px;
	position:absolute;
	right:.75em;
	top:.6em;
	}

.yhteystiedot .backup:hover {
	background:url(../images/arrow-up.png) no-repeat right center;
	color:#fff;
	}

.yhteystiedot .mastergroup {
	font-size:3.5em;
	margin:2em 0 1em;
	}

.yhteystiedot .group h4 {
	background:#ccc;
	color:#fff;
	font-size:2.66em;
	margin:0;
	padding:.25em .5em;
	}

.employee {
	border:1px solid #e5eeee;
	border-left-color:#feffff;
	border-top-color:#feffff;
	float:left;
	height:18em;
	padding:1.4em .8em .8em;
	position:relative;
	text-align:center;
	width:12.6em;
	width:12.2em;
	}

div.lisatieto {
	background:#e6f9fa;
	background:#eef9fe;
	}

div.lomalla {
	background:#fcfcfc;
	}

p.lisatieto {
	color:#778;
	font-size:1.1em;
	margin:0;
	}

.employee h5 {
	font-size:1.56em;
	font-weight:normal;
	line-height:1;
	margin:0;
	}

.employee img {
	background:#fff;
	border:1px solid #ccc;
	padding:3px;
	}

.employee p {
	margin:0;
	}

.employee p.edit-entry {
	font-size:.9em;
	line-height:1;
	left:3.5em;
	position:absolute;
	top:.5em;
	}

.office {
	float:none;
	line-height:1.3;
	margin-bottom:1.5em;
	overflow:auto;
	position:relative;
	width:52em;
	}

.office h3 {
	margin:.2em 0;
	}

.office h4 {
	color:#999;
	float:left;
	font-size:1.68em;
	margin:0;
	padding-right:1em;
	width:6em;
	}

.office p {
	margin:0;
	margin-left:7em;
	width:13em;
	}

.office p.edit-entry {
	clear:both;
	float:none;
	}

.office div.kuva {
	margin:-9em 0 0 20em;
	width:auto;
	}

.office div.kuva p {
	width:auto;
	}

/* Työnhaku
----------------------------------------------------------------------------- */

.tyopaikka {
	padding:.75em;
	padding-left:2em;
	}

.tyopaikka.even {
	background:#F5F5F8;
	}

.tyopaikka h3 {
	margin:0;
	}

.tyopaikka .date {
	color:#999;
	margin:0;
	text-align:right;
	text-transform:lowercase;
	}

/* Palaute
----------------------------------------------------------------------------- */

body#palaute #content form div fieldset {
	margin-left:11.428571428571em;
	}

body#palaute #content form div label {
	margin-left:9.6428571428571em;
	}

* html body#palaute #content form div label {
	margin-left:5.7142857142857em;
	}

body#palaute #content form div p {
	line-height:1.5em;
	margin:0 0 1em 10.357142857143em;
	}

body#palaute #content form div fieldset label {
	margin-left:0;
	}

body#palaute .muu {
	width:3.5em;
	}

body#palaute #t-mista {
	clear:none;
	width:13.5em;
	}

body#palaute label {
	width:4.2857142857143em;
	}

body#palaute .checkbox label {
	width:8.4em;
	}

body#palaute textarea {
	clear:both;
	height:14em;
	margin:1em 0 1em 7.4em;
	width:17.857142857143em;
	}

body#palaute #content .submit {
	margin-left:8.5714285714286em;
	width:8.5714285714286em;
	}

/* Tulkkitilaus
----------------------------------------------------------------------------- */

body#tulkkitilaus #content {
	line-height:1.5;
	}

.postit {
	background:url(../images/postit.gif) no-repeat;
	float:right;
	height:35em;
	width:35em;
	}

.postit li,
.postit h4 {
	list-style:none;
	text-indent:-1234em;
	}

ul.kuntalista li {
	float:left;
	width:11.8em;
	}

#tilauslomake {
/*	clear:both;*/
	margin:1.5em 2em 0 0;
	}

#tilauslomake label {
	width:9.1836734693878em;
	}

#tilauslomake fieldset.checkbox input,
#tilauslomake fieldset.checkbox label {
	width:auto;
	}

#tilauslomake fieldset.checkbox {
	margin:1em;
	margin-left:15.714285714286em;
	}

#tulkkipaatos.checkbox legend {
	color:#333;
	font-size:2.24em;
	}

body#tulkkitilaus fieldset.checkbox label {
	width:auto;
	}

#tulkkipaatos label {
	width:12em;
	}

#tilauslomake p {
	margin:2em 0 0 3.4285714285714em;
	}

#page #tilauslomake .submit {
	width:8.5714285714286em;
	}


/* Haku
----------------------------------------------------------------------------- */

#content #searchform {
	margin:2em;
	margin-right:10em;
	width:45em;
	}

#content #searchform div {
	margin:2em;
	}

#content #searchform input {
	margin:1em;
	}

/* Admin
----------------------------------------------------------------------------- */

.edit-entry a,
.edit-entry a:visited {
	background:#000;
	border:none;
	color:#fff;
	font-weight:bold;
	padding:.1em .4em;
	}

.edit-entry a:hover {
	background:#a1dc03;
	}

.huom {
	background:#fff0ec;
	background:#002445;
	border:.2em solid #dfc0bc;
	border:.1em solid #d7d7d6;
	color:#422;
	color:#fff;
	font-size:1.1em;
	margin:1em 0;
	padding:1em 1em 0;
	}

.huom a:visited {
	border:none;
	color:#009bf5;
	}

.huom a:hover {
	color:#fff;
	}

.huom h3 {
	margin-top:0;
	}

/* Työntekijöille
----------------------------------------------------------------------------- */

.tyontekijoille #content {
	overflow:auto;
	margin:-1em auto 0;
	padding:3em;
	text-align:left;
	}

#tyontekijoille ul,
#tyontekijoille li {
	float:left;
	list-style:none;
	margin:0;
	}

#tyontekijoille a {
	background:#009bf5;
	color:#eee;
	display:block;
	font-weight:bold;
	height:8em;
	line-height:1.2;
	margin:0 1em 1em 0;
	padding:.8em;
	width:8em;
	}

#tyontekijoille a:hover {
	color:#eee;
	}

#tyontekijoille a:hover {
	background:#2bf;
	color:#fff;
	}

#tyontekijoille #humap {
	background:#858585 url(../images/emp-humap-bg.jpg) no-repeat right bottom;
	color:#ddd;
	}

#tyontekijoille #humap:hover {
	background:#9d9d9d url(../images/emp-humap-bg2.jpg) no-repeat right bottom;
	}

#tyontekijoille #termipankki {
	background:#ddd7c4;
	color:#333;
	}

#tyontekijoille #termipankki:hover {
	background:#ebe1C2;
	color:#666;
	}

#tyontekijoille #timmi {
	background:#002e50 url(../images/emp-timmi-bg.jpg) no-repeat right bottom;
	color:#ddd;
	}

#tyontekijoille #timmi:hover {
	background:#235f8a url(../images/emp-timmi-bg2.jpg) no-repeat right bottom;
	}

#tyontekijoille #raportointi-valitys {
	background:#ccc;
	color:#333;
	}

#tyontekijoille #raportointi-valitys:hover {
	background:#ddd;
	color:#666;
	}

#tyontekijoille #login {
	background:#92d600;
	}

#tyontekijoille #login:hover {
	background:#94e517;
	}

#tyontekijoille #via-www {
	background:#858585 url(../images/emp-www-bg.png) no-repeat;
	color:#eee;
	}

#tyontekijoille #via-www:hover {
	background:#9d9d9d url(../images/emp-www-bg2.png) no-repeat;
	color:#fff;
	}

#tyontekijoille p {
	height:16.5em;
/*	display:none;*/
	}

#tyontekijoille .edit-entry {
	clear:both;
	float:none;
	height:1em;
	margin:1em 0;
	width:100%;
	}

#tyontekijoille .edit-entry a {
	background:#000;
	color:#fff;
	display:block;
	height:1em;
	width:91%;
	}

#tyontekijoille .edit-entry a:hover {
	background:#a1dc03;
	}

.tyontekijoille h3 {
	background:#666;
	color:#ccc;
	padding:.6em .8em .4em;
	}

.tyontekijoille h4 {
	background:#ccc;
	color:#fff;
	padding:.2em .4em;
	}