/* @override 
	http://www.finnrock.fi/wp-content/themes/finnrock/style.css
	http://www.finnrock.fi/hallinto/wp-content/themes/finnrock/style.css
*/

/* Finnrock Stylesheet */

/* @group Defaults */

@import "default.css";

html {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	}

body {
	font-size: 62.5%;
	}

/* @end */

/* @group Layout */

body {
	}

#container {
	background-color: #fff;
	min-width: 97em;
	}

#header {
	background: #696969 url(images/header-bg.png) repeat-x;
	height: 12em;
	margin-bottom: .5em;
	width: 100%;
	}

#nav-bar,
#sidebar {
	margin-top: -.5em;
	padding-bottom: 2.5em;
	padding-top: .5em;
	min-height: 737px;
	}

#nav-bar {
	background: #fff url(images/shade-white-right.png) no-repeat right top;
	clear: left;
	float: left;
	font-size: 1em;
	width: 24em;
	}

#content-holder {
	float: left;
	padding: .5em .5em 2.5em;
	overflow: hidden;
	width: 53.7em;
	}

#sidebar {
	background: #fff url(images/shade-white-left.png) no-repeat;
	margin-left: 78.7em;
	min-width: 15em;
	}

/* @end */

/* @group Header */

#company_name {
	background: #fff url(images/logo2.png) no-repeat right top;
	float: left;
	font-size: 1em;
	height: 12em;
	margin: 0;
	text-indent: -1234em;
	width: 24em;
	}

#company_name a {
	border: none;
	display: block;
	height: 85%;
	}

#company_name a:hover {
	border: none;
	}

#tagline {
	background: #E90101;
	border: .333em solid #fff;
	border-width: 0 .333em;
	color: #fff;
	font-family: National, "Akzidenz Grotesk", "Helvetica Neue", sans-serif;
	font-size: 1.5em;
	height: 2em;
	margin: 0 0 0 16em;
	padding: 4.6em .2em 1.4em 1.8em;
	width: 33.8em;
	}

h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	}

#content h1,
#home #content h2 {
	background: #7F8080 url(images/h2-bg.png) repeat-x;
	border: 1px solid #656565;
	border-width: 1px 0;
	border-bottom-color: #757575;
	color: #fff;
	font-family: National, "Akzidenz Grotesk", "Helvetica Neue", sans-serif;
	font-size: 2em;
	letter-spacing: -.01em;
	line-height: 1;
	margin: 0 /*-.93em*/0 1em;
	padding: .4em .9em;
	}

#content h2,
#home #content h3 {
	clear: left;
	font-size: 1.4em;
	line-height: 1.2;
	margin: 0;
	padding: 1.5em 1.43em .5em;
	}

#content h3 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2;
	margin: 1.5em 0 -.5em;
	padding: 0 2em;
	}

h4 {
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.2;
	margin: 1em 0 -.5em;
	padding: 0 2.3em;
	}

/* @end */

/* @group General content */

p,
li,
dl {
	font-family: "Trebuchet MS", sans-serif;
	}

a:link {
	color: #2A8693;
	}

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

a:visited {
	color: #667D80;
	}

a:hover {
	border-bottom: 1px solid;
	color: #37AFBF;
	}

#content-holder img {
	display: block;
	}

#content {
	font-size: 1.3em;
	overflow: hidden;
	line-height: 1.5;
	padding: 0 0 2em;
	}

#content p,
#content dl {
	padding: 0 2em;
	}

#content ul,
#content ol {
	padding: 0 2.3em;
	}

a img {
	border: none;
	}

img.left {
	float: left;
	margin: .3em 1em .5em 0;
	}

img.right {
	float: right;
	margin: .3em 0 .5em 1em;
	}

/* @group Forms */

legend {
	color: #666;
	font-size: 1.4em;
	padding: 0 0 1em 7.85em;
	}

#content form {
	background: #f3f3f3;
	border: 1px solid #eee;
	margin: 2em;
	width: 37em;
	}

#content form div,
#content form fieldset {
	border-bottom: .2em solid #fff;
	overflow: hidden;
	padding: 1em;
	}

#content form div div,
#content form fieldset div {
	border-bottom: none;
	overflow: hidden;
	padding: 0;
	}
	
#content form fieldset .hytti {
	clear: left;
	}

#content form fieldset .hytti legend{
	text-align: right;
	}

#content form fieldset #syntymaaika {
	width: 5em;
	}	

#content form fieldset div.clear,
#content form .checkbox {
	border: none;
	clear: both;
	}

#content legend {
	padding: 1em 0 .5em 8em;
	}


#content label,
#content input,
#content textarea,
#content select,
#content form p,
#content .checkbox legend {
	clear: none;
	display: block;
	margin: 0 0 1em 11em;
	width: 22em;
	}

#content form p {
	padding: 0;
	}

#content select {
	float: left;
	margin-left: 1em;
	}
/*
input#tyo_valmis {
	margin-bottom: -1em;
	position: relative;
	top: -3.5em;
	}*/

#content label,
#content .checkbox legend {
	clear: left;
	color: #333;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 1em;
		padding: 0;
	padding-top: .2em;
	text-align: right;
	width: 10em;
	}
	
#content .checkbox legend {
	margin-bottom: 0em;
	margin-left: -1em;
	}

#content form .checkbox input,
#content form .checkbox label {
	float: left;
	text-align: left;
	}

#content form .checkbox input {
	clear: left;
	margin-right: .5em;
	width: 1em;
	}
	
#content form fieldset .hytti legend{
	width: 5.5em;
	margin-left: 3.6em;
	}

#content .checkbox label {
	clear: none;
	font-weight: normal;
	margin-top: -.3em;
	width: 20em;
	}

#content form ul,
#content form li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	}

#content .submit {
	clear: both;
	margin: 1.5em 0;
	margin-left: 1em;
	width: 13em;
	}

/* @end */

/* @end */

/* @group Navbar */

#nav-bar .yhteystiedot {
	clear: both;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.2em;
	margin-top: 3em;
	padding-left: 2em;
	}

#nav-bar .yhteystiedot h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	}

#nav-bar .yhteystiedot span {
	color: #666;
	margin-left: 5.7em;
	}

#nav-bar .yhteystiedot .email {
	display: block;
	margin: 0 0 .1em 5.7em;
	width: 9.1em;
	}

#nav-bar .yhteystiedot a:link {
	border-bottom: 1px solid #fff;
	}

#nav-bar .yhteystiedot a:hover {
	border-bottom: 1px solid;
	}

#nav-bar .yhteystiedot span span,
#nav-bar .yhteystiedot .tel {
	margin-left: 0;
	}

#nav-bar .yhteystiedot .label {
	clear: left;
	color: #333;
	display: block;
	float: left;
	font-weight: bold;
	margin: 0 .7em 0 0;
	text-align: right;
	width: 5em;
	}

#nav-bar .adr {
	display: block;
	}

#nav-bar .banner {
	border: 1px solid #E6E6E6;
	margin: 5em 2em;
	}

#nav-bar .banner a {
	background: #EFEFEF;
	font-size: 1.5em;
	display: block;
	padding: .5em;
	}

#nav-bar .banner a:hover {
	background: #f5f5f5;
	border: none;
	}

#nav-bar .banner span {
	font-size: .7em;
	}

#nav-bar .banner img {
	margin: -1.8em .5em -1.6em -1.3em;
	}

/* @end */

/* @group Sidebar */

#sidebar form {
	background: #E2E2E2 url(images/shade-darkgrey-left.png) repeat-y;
	clear: none;
	margin-left: 0;
	padding: 3em 0;
	}

#sidebar form * {
	display:block;
	}

#sidebar form fieldset {
	margin: 0;
	padding: 0 .5em 0 3em;
	}

#sidebar legend {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 0 1em 0;
	}

#sidebar input {
	font-size: 1.1em;
	margin: .3em 0 1em;
	padding: .3em;
	}

#sidebar .hidden {
	display: none;
	}

#sidebar label {
	font-size: 1.1em;
	}

#koulutustarjontaa h2 {
	background:#F6F6F6 url(images/shade-lightgrey-left.png) repeat-y;
	font-size: 1.7em;
	margin: 0 0 1em /*-1.75em*/0;
	padding: 1em 0 1em 1.75em;
	}

#koulutustarjontaa li {
	border-bottom: 1px solid #E4E4E4;
	list-style: none;
	margin-left: 3em;
	margin-right: 2em;
	max-width: 20em;
	overflow: hidden;
	padding-bottom: .5em;
	}

#koulutustarjontaa h3 {
	clear: left;
	font-family: "Helvetica Neue", sans-serif;
	font-size: 1.4em;
	margin: .7em 0 .3em;
	}

#koulutustarjontaa p {
	display: inline;
	font-size: 1.1em;
	line-height: 1.6;
		margin: .3em .8em .3em 0;
	}

#koulutustarjontaa .esite {
	display: block;
	}

#koulutustarjontaa a {
	padding: .3em 0;
	}

#koulutustarjontaa .dtstart {
	font-style: italic;
	}

#sidebar #koulutustarjontaa dt.ilmo,
#sidebar #koulutustarjontaa dt.esite {
	text-align: left;
	text-indent: -1234em;
	}
	
#sidebar dl {
	font-size: 1.1em;
	line-height: 1.3;
	}

#sidebar dt {
	float: left;
	font-weight: bold;
	text-align: right;
	width: 4em;
	}

#sidebar dd {
	margin-left: 5em;
	}
	
/* @end */

/* @group Navs */

.nav {
	margin: 0;
	padding: 0;
	}

ul.nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.nav li a,
.nav li a:link,
.nav li a:hover,
.nav li a:visited {
	border: none;
	display: block;
	margin: 0;
	}

/* @group Site nav */

#site {
	margin:0;
	}

#site li {
	border-bottom: 1px solid #fff;
	}

#site li a {
	background: #C7C7C7 url(images/sitenav-button-bg.png) repeat-x top;
	border: none;
	color: #3A3A3A;
	font: 500 1.5em National, "Akzidenz Grotesk BE Bold Condensed", "Berthold Akzidenz Grotesk Bold Condensed", Helvetica, sans-serif;
	font-weight: bold;
	padding: .5em 1.5em;
	text-shadow: 0 1px 0 #eee;
	}

#site li a:hover {
	background: #ddd;
	border: none;
	color: #555;
	}

#site .page_folder.current_page_ancestor a,
#site .current_page_item a {
	background: #999;
	color: #fff;
	text-shadow: 0 -1px 1px #444;
	}

#site .current_page_ancestor a:hover {
	background: #AAA;
	}

#site .current_page_item a:hover {
	background: #999;
	color: #fff;
	cursor: default;
	}

#site ul {
	background: #f3f3f3 url(images/shade-lightgrey-right.png) repeat-y right;
	border-bottom: 2px solid #eee;
	margin: 0;
	padding: 1em 0;
	}

#site ul li {
	border: none;
	}

#site .page_folder ul a,
#site .page_folder ul .page_item a {
	background: none;
	color: #3A3A3A;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	padding-left: 3em;
	text-shadow: none;
	}

#site .page_folder ul .page_item a:hover {
	background-color: rgba(200,200,200,.3);
	color: #000;
	cursor: pointer;
	}

#site .page_folder ul .current_page_item a,
#site .page_folder ul .current_page_item a:hover {
	background: url(images/bullet-kolmio-pun.png) no-repeat 1.5em center;
	color: #3A3A3A;
	cursor: default;
	font-weight: bold;
	}

#site ul ul {
	background: none;
	border: none;
	font-size: .9em;
	margin: -1em 0 -.5em 2.3em;
	}

#site .page_folder ul .current_page_item ul a,
#site .page_folder ul .current_page_item ul a:hover {
	background: none;
	color: #3A3A3A;
	cursor: pointer;
	font-weight: normal;
	}

/* @end */

#content .pagenav {
	padding-bottom: 2em;
	}

.pagenav li {
	float: left;
	list-style: none;
	margin: 0 1em 0 0;
	}
	
/* @end */

/* @group Etusivu */

#palvelulistaus {
	clear: both;
	overflow: hidden;
	}

#palvelulistaus h3 {
	background: #b6b6b6 url(images/bar-bg.png) repeat-x left bottom;
	color: #fff;
	font-size: 1.6em;
	padding: .4em 1.5em .3em;
	}

#palvelulistaus ul {
	padding: 0 0 2em 1.3em;
	overflow: hidden;
	}

#palvelulistaus ul li {
	background: url(images/bullet-kolmio.png) no-repeat left .75em;
	border-bottom: 1px solid #F2F2F2;
	color: #bbb;
	float: left;
	font-size: 1.2em;
	list-style: none;
	padding: .5em 0 .5em 1.0em;
	width: 19.5em;
	}

/* @end */

/* @group Ilmoittautumislomake */

#content #postinumero {
	float: left;
	margin-left: 1em;
	width: 4em;
	}

#content #postitoimipaikka_label {
	clear: none;
	width: 8.5em;
	}

#content #postitoimipaikka {
	float: left;
	margin-left: 1em;
	width: 8em;
	}

#content #lupakirja_label {
	clear: both;
	}

#content #lupakirja {
	float: left;
	margin-left: 1em;
	}

/* @end */

/* @group Yhteydet */

#kartta {
	float: right;
	}

#content .yhteystiedot {
	clear: none;
	padding: 0 2em;
	margin-right: -2em;
	}

#content .yhteystiedot li * {
	padding: 0;
	}

#content .yhteystiedot li {
	background: #f5f5f5;
	border: 1px solid #eee;
	clear: none;
	float: left;
	height: 6em;
	list-style: none;
	margin: 0 1em 1em 0;
	overflow: hidden;
	padding: .9em .5em .5em;
	position: relative;
	width: 17em;
	}

#content .yhteystiedot .even {
/*	background: #eee;*/
	margin-right: 0;
	}

.yhteystiedot li .edit a {
	bottom: 1em;
	position: absolute;
	right: 1em;
	}

#content .yhteystiedot li .fn {
	clear: none;
	font-size: 1.1em;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	position: relative;
	top: -.2em;
	}

#content .yhteystiedot li img {
	border: 1px solid #666;
	float: left;
	margin: 0 .5em 0 0;
	}

.vcard .title {
	color: #999;
	font-size: .85em;
	line-height: 1;
	margin: 0 0 1em;
	}

.yhteystiedot li p {
	font-size: .9em;
	margin: 0;
	}

/* @end */

/* @group Koulutus */

table.kurssitaulu {
	border-collapse: collapse;
	margin: 1em 2em;
	table-layout: auto;
	}

.kurssitaulu thead tr {
	border-bottom: 2px solid #ccc;
	}

.kurssitaulu td,
.kurssitaulu th {
	border: none;
	margin: 0;
	padding: .4em;
	}

.kurssitaulu .even {
	background: #eee;
	border: 1px solid #e8e8e8;
	}

.kurssitaulu thead th {
	text-align: center;
	}
/*
.kurssitaulu thead th.url {
	text-indent: -1234em;
	width: 20px;
	}*/

.kurssitaulu tbody th {
	font-weight: normal;
	text-align: left;
	width: 14em;
	}

#content .kurssitaulu .url a {
	background: url(images/icon-arrow-16.png) no-repeat center top;
	border: none;
	display: block;
	height: 16px;
	padding: 0 1em;
	text-indent: -1234em;
	}

#content .kurssitaulu .esite a {
	background: url(images/pdficon_small.gif) no-repeat center center;
	border: none;
	display: block;
	text-indent: -1234em;
	}

#content .kurssitaulu .url a:hover {
	background-position: center bottom;
	}

#kurssilistaus {
	margin-bottom: 3em;
	overflow: hidden;
	}

.taululista dl {
	clear: left;
	margin: .5em 0;
	overflow: hidden;
	}

.taululista dt {
	display: none;
	}

.taululista dd,
.taululista dt {
	float: left;
	margin: 0;
	width: 7em;
	}

#kurssilistaus .aika {
	width: 9em;
	}

#kurssilistaus .nimi {
	padding-right: 3em;
	width: 12em;
	}

#kurssilistaus .esite {
	margin-left: -2em;
	width: 2em;
	}

#kurssilistaus .esite a {
	background: url(images/pdficon_small.gif) no-repeat left center;
	border: none;
	display: block;
	text-indent: -1234em;
	width: 17px;
	}

#kurssilistaus .paikka {
	width: 7.5em;
	}

#kurssilistaus .ilmo {
	width: 5.5em;
	}

#kurssilistaus dt.esite,
#kurssilistaus dt.ilmo {
	overflow: hidden;
	text-indent: -1234em;
	width: 17px;
	}

#kurssilistaus dt.paikka {
	margin-left: -.7em;
	}

#kurssilistaus .first dt {
	display: block;
	font-size: 1em;
	font-weight: bold;
	}

#kurssilistaus .first dd {
	margin: 2em 0 0 -7em;
	}

#kurssilistaus .first dd.aika {
	margin-left: -9em;
	}

#kurssilistaus .first dd.nimi {
	margin-left: -15em;
	}

#kurssilistaus .first dd.esite {
/*	margin-left: -17px;*/
	margin-left: -2.0em;
	margin-right: .7em;
	}

#kurssilistaus .first dd.paikka {
	margin-left: -7.5em;
	}

#kurssilistaus .first dd.ilmo {
	margin-left: -17px;
	}

/* @end */

/* @group Referenssit */

#referenssilista {
	list-style: none;
	}

#referenssilista li {
	background: #f8f8f8;
	border: 1px solid #999;
	margin-bottom: .5em;
	margin-left: 0;
	padding: .5em;
	}

#referenssilista li.closed {
	background: #f2f2f2;
	border: 1px solid #eee;
	}

#referenssilista li h3 {
	cursor: pointer;
	margin: -.5em;
	padding: .7em 1.1em;
	}

#referenssilista li.closed h3 {
	color: #666;
	}

#referenssilista li h3:hover {
	background: #f0fbfd;
	border: 1px solid #37AFBF;
	color: black;
	margin: -.6em;
	}

#referenssilista li .info {
	overflow: hidden;
	}

#referenssilista li .info p {
	padding: 0 .7em;
	}

#referenssilista li .info strong {
	display: block;
	}

#referenssilista li .info ul {
	padding: 0 .3em;
	}

#referenssilista li .info li {
	border: none;
	float: left;
	list-style: none;
	margin: 0;
	width: 120px;
	}

#referenssilista li .info a img {
	border: 1px solid;
	}

#content #referenssilista li a {
	border: none;
	display: block;
	margin: -.5em;
	padding: .5em 4em .5em .5em;
	position: relative;
	}

#content #referenssilista li .year {
	border: none;
	color: #aaa;
	float: right;
	font-size: .9em;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 3em;
	}

#referenssilista .edit {
	float: right;
	margin-top: -1.5em;
	}

#referenssilista dl,
#content .referenssi {
	clear: left;
	margin-bottom: 2em;
	margin-left: 0;
	padding-left: 0;
	padding-left: 8em;
	}

#referenssilista dt,
.referenssi dt {
	clear: left;
	float: left;
	font-weight: bold;
	margin: 0 0 .2em -7.35em;
	text-align: left;
	width: 6.2em;
	}

#referenssilista dd,
.referenssi dd {
	color: #666;
	margin: 0 0 .2em 0;
	}

#referenssilista dd.kuvat,
.referenssi dd.kuvat {
	float: left;
	margin-bottom: .7em;
	width: 14.7em;
	}

#referenssilista dd.kuvat img,
.referenssi dd.kuvat img {
	border: 1px solid;
	display: block;
	width: 180px;
	}

#referenssilista dd.kuvat div,
.referenssi dd.kuvat div {
	float: left;
	margin: 0;
	}

/* @end */

/* @group Mittauskalusto */

#post-40 h3 {
	padding-bottom: 0;
	}
	
#post-40 img {
	float: left;
	margin: .3em 0 .3em -8em;
	width: 80px;
	}

#post-40 .mittarit p {
	margin: 0 0 0 8em;
	}

/* @end */

/* @group Sifr */

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}

.sIFR-replaced {
	visibility: visible !important;
	}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
	}

/*---- Header styling ---*/

.sIFR-active h2 {
	color: #fff;
	line-height: 1em;
	visibility: hidden;
	}

.sIFR-active #content h2 {
	padding-bottom: 0;
	}

.sIFR-active #koulutustarjontaa h3 {
	color: #333;
	font-size: 1.85em;
	line-height: 1em;
	padding: .9em 0 .6em 1.65em;
	visibility: hidden;
	}

/* @end */

/* @group Admin */

.edit a {
	background: #f00;
	clear: both;
	color: #eee;
	display: block;
	font-size: 11px;
	padding: .1em .5em;
	text-align: center;
	width: 5em;
	}

.edit a:hover {
	background: #f44;
	color: #fff;
	}

ul.edit {
	overflow: hidden;
	}

.edit li {
	float: left;
	list-style: none;
	margin: 0 .5em 0 0;
	}

.edit .secondary a {
	background-color: #666;
	}

.edit .secondary a:hover {
	background-color: #777;
	}

.edit li a {
	width: auto;
	}

/* @end */

.opera #sidebar {
	margin-right: .7em;
	position: relative;
	right: -.7em;
	}

/* @group Tarjouspyyntölomake */

#Tarjouspyyntolomake input#louhintamaara_m2,
#Tarjouspyyntolomake input#louhintamaara_m3 {
	float: left;
	margin-left: 1em;
	width: 4em;
	}

#content #Tarjouspyyntolomake label.louhintametrit {
	clear: none;
	margin-left: 1em;
	text-align: left;
	width: 3em;
	}

#Tarjouspyyntolomake label.postitoimipaikka {
	clear: none;
	width: 9em;
	}

#Tarjouspyyntolomake label.muu {
	margin-left: 11em;
	text-align: left;
	}

#Tarjouspyyntolomake input.muu {
	clear: left;
	}

#Tarjouspyyntolomake label.sub {
	font-weight: normal;
	margin-left: 11em;
	text-align: left;
	width: auto;
	}

#Tarjouspyyntolomake input#sahkoposti,
#Tarjouspyyntolomake input#penkereen_korkeus {
	float: left;
	margin-left: 1em;
	}

#Tarjouspyyntolomake #louhinta_aika1,
#Tarjouspyyntolomake #louhinta_aika2 {
	clear: left;
	}

/* @end */

/* @group Tiedote */

#nav-bar .tiedote {
	margin-top: 3em;
	padding-left: 2em;
	padding-right: 1em;
	}

#nav-bar .tiedote h3{
	font-size: 1.5em;
	}

#nav-bar .tiedote h4{
	font-size: 1.3em;
	}

#nav-bar .tiedote p{
	font-size: 1.1em;
	}

/* @end */