@charset "utf-8";

@font-face {
	font-family: 'NotethisRegular';
	src: url('../fonts/Note_this.eot');
	src: local('Note this'), local('Notethis'), 
	url('../fonts/Note_this.woff') format('woff'), 
	url('../fonts/Note_this.ttf') format('truetype'), 
	url('../fonts/Note_this.svg#Notethis') format('svg');
}
@font-face {
	font-family: 'KomikaAxisRegular';
	src: url('../fonts/KOMIKAX_-webfont.eot');
	src: local('☺'), url('../fonts/KOMIKAX_-webfont.woff') format('woff'), url('../fonts/KOMIKAX_-webfont.ttf') format('truetype'), url('../fonts/KOMIKAX_-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*  descom_rekry.css 2009-12-31 (JT) Descom */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.4 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin:8px 22px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
.container_12{width:960px;background:#342 url("../img/12_col.gif") repeat-y;margin:0 auto;overflow:hidden;}.grid_3,.grid_5,.grid_7,.grid_9,.grid_12{float:left;position:relative;margin:0 10px;}.container_12 .grid_2{width:140px;}.container_12 .grid_3{width:220px;}.container_12 .grid_5{width:380px;}.container_12 .grid_7{width:540px;}.container_12 .grid_9{width:700px;}.container_12 .grid_12{width:940px;}.container_12 .push_3{left:240px;}
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1.3;}
button * {
	line-height: 1.2;
}
h1 {
	color: #0067B3;
}
h4, h5, h6 {
	margin: 4px 0 2px 0;
}
/*
ul {
	list-style-image: url(../img/icon-list-bullet.gif);
}*/
#footer ul {
	list-style-image: none; /* remove bullets from #footer */
}
#desc li {
	background: url("../img/icon_list_bullet_2.gif") no-repeat scroll 0 1px transparent;
	list-style-type: none;
	margin: 8px 10px;
	padding-left: 22px;
}
/* =links */
a {
	color: rgb(0,165,230);
}
a:hover,
a:active {
	color: #E43B7D;
}
#desc a:visited {
	color: rgb(95,68,132);
}
#header a {
	outline: none;
}
#header h1 {
	padding: 53px 0;
	font-size: 2em;
	letter-spacing: -1px;
	color: #0067B3;
}
#header h2 {
	font-size: 1.4em;
	color: #7cb436;
	position: absolute;
	left: 245px;
	top: 95px;
}
#avoimet p {
	margin: 7px 0;
	padding: 6px 10px 6px;
	font-size: 1.8em;
	font-weight: bold;
}

#branding ul {
	font-size: 1.8em;
	font-weight: bold;
}
#avoimet a {
	color: #fff;
	text-decoration: none;
	opacity: 1;
}
#branding ul a:hover,
#avoimet a:hover {
	text-decoration: underline;
}

/*buttons */
 
 button,
.button a {
	display: block;
	border: 0 none;
	background: transparent url(../img/btn-right1.png ) no-repeat scroll right top;
	cursor: pointer;
	padding: 0 15px 0 0 !important;
	height: 30px;
	line-height: 25px;
	width: auto;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	font-style: normal;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; /* fix for firefox fonts */
}
.button a strong,
button strong {
	background: transparent url(../img/btn-left1.png ) no-repeat scroll left top;
	display: block;
	padding: 0 0 0 15px;
	position: relative;
	height: 100%;
	line-height: 25px;
	vertical-align: middle;
}

#desc button,
#desc a {
		width: 200px;
}
#desc .secondary button strong,
#desc .secondary a strong{
	line-height: 30px !important;
} 

#notify-friend .buttons .button{
	margin-left: 178px;
}
.secondary button,
.secondary a {
	background: transparent url(../img/btn-blue-right.png ) no-repeat scroll right top;
}
.secondary a:hover strong {
	background-position: left -30px;
}
.secondary button strong,
.secondary a strong {
	background: transparent url(../img/btn-blue-left.png ) no-repeat scroll left top;
}
#tutustu button {
	font-size: 1.6em;
	white-space: normal;
	height: 80px;
	background-image: url(../img/btn-tutustu-right.png);	
}
#tutustu button strong {
	background-image: url(../img/btn-tutustu-left.png);
	height: 80px;
	padding-top: .7em;
}
.secondary button::-moz-focus-inner,
button::-moz-focus-inner {
	border: none;
}
#tutustu button:hover {
	background-position: right -80px;
}
#tutustu button:hover strong {
	background-position: left -80px;
}
button:hover,
.button a:hover
 {
	background-position: right -30px;
}
button:hover strong,
.button a:hover strong {	
	background-position: left -30px;
}
.button em {
	font-size: 1.6em;
	font-style: normal;
}
#sidebar .button a {
	width: 280px;
	margin: 20px 30px 0;
}
.button a:link,
.button a:visited,
.button a:active,
.button a:hover {
	color: #fff !important;
}
/*buttons end */


#footer h5 {
	color: #0067b3;
	margin: 2px 0 0 0;
	font-size: 1.1em;
}
#footer p {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: .95em;
	color: #444;
}
#footer a {
	font-size: .95em;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
html {
	background: url("../img/bg-raster.png") repeat-x;
}
#content {
	background: #fff;
	border: 7px solid rgb(0, 103, 179);
	
	z-index: 99; /* z-index */
	position: relative;
	overflow: visible;
	min-height: 575px;	/* define this fit for the height of front page content */
	width: 946px; /*added 11.1.2010*/
	
}
#descom-rekry-page #content {
	overflow: hidden;
	background: url(../img/bg-inner-raster.gif) repeat-y 0 0 #fff;
}
#descom-rekry-index #desc {
	width: 571px;
}

#branding {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 150px;
	left: 50%;
	z-index: 99;	/* z-index */
	margin-left: -500px;
	height: 260px;
	background: url(../img/bg_vihreebanneri.jpg) no-repeat 50% 50% transparent;
	border: none;
}
#header {
	background: #fff;
	position: relative;
	z-index: 2; /* z-index */
}
#descom-rekry-index #header {
	height: 410px;
}
.clear {
	clear: both;
}

#tutustu button {
	width: 240px;
}
#tutustu {	/* button */
	width: 240px;
	position: absolute;
	right: 20px;
	top: -41px;
	z-index: 500; /* z-index */
	overflow: hidden; /* to fix rounded buttons in Opera, VP / Descom 08.01.2010  */
	display: none;
}
#footer {
	position: relative;
	z-index: 180; /* z-index, ie same level stack order */
}
#avoimet h3,
#sidebar h3 {
	display: none;
}
#branding #avoimet {
	position: absolute;
	z-index: 200; /* z-index, ie same level stack order */
	top: 13px;
	left: 60px;
}
#branding ul {
	position: relative;
	z-index: 50; /* z-index, ie same level stack order */
	list-style: none;
	top: 15px;
	left: 50px;
	width: 600px;
}
#branding ul li {
	margin: 8px 0;
	padding: 5px 10px 5px 45px;
	background: rgb(0,103,179);
	cursor: pointer;
	list-style-image: none;
}

#parallax_1 {
	position: absolute;
	bottom: -24px;
	left: 560px;
	z-index: 98; /* z-index */
}

#parallax_2 {
	position: absolute;
	bottom: -24px;
	right: -10px;
	z-index: 500; /* z-index */
}
#desc {
	background: #fff;
	padding: 20px 20px 20px 0;
	float: left;
	width: 551px;
}
#descom-rekry-page #sidebar {
	border-right: 20px solid #fff;
}
#sidebar {
	float: left;
	min-height: 515px;
	width: 355px;
}
#hakemus-page button {
	padding: 10px 20px;
	width: 220px;
	margin: 40px 20px;
	z-index: 1; /* z-index */
}

#hakemus {
	height: 255px;
	margin: 26px 20px;
	background: url(../img/bg_postit.jpg) no-repeat 0 0 transparent;
	font-size: 1.9em;
	color: #fff;
	position: relative;
	font-weight: bold;
	font-family: NotethisRegular, Arial, Helvetica, sans-serif;
}

#hakemus a {
	z-index: 100;  /* z-index */
	height: 150px;
	width: 200px;
	text-decoration: none;
	line-height: 1.1em;
	font-size: 1.1em;
	color: #fff;
	position: absolute;
	display: block;
	top: 45px;
	left: 40px; 
}
#hakemus a:hover {
	text-decoration: underline;
}

#hakemus em {
	display: block;
	padding: 10px 0 0;
	font-style: normal;
	font-weight: normal;
	font-size: 0.8em;
}

#share-icons {
	border-top: 1px #0067b3 solid;
	padding: 2px;
	color: #0067b3;
}
#share-icons div {
	float: left;
	width: 33%;
}
#tube {
	border: none;
	border-bottom: 2px solid #0067b3;
	padding: 15px 0px 0 0px;
	color: #1f1a81;
	background: url(../img/bg-desctube2.png) no-repeat left 50% rgb(244,243,235);
	position: relative;
	clear: both;
	z-index: 60; /* for IE7 and FF2 to show tube links in correct layer, z-index value must be bigger than the z-index value in #up div */
}
#tube-id {
	float: left;
	width: 187px;
	margin: 0 0 0 6px;
}
#tube-id a {
	background: none !important;
}
#tube ul {
	float: left;
	list-style: none;
	position: relative;
	right: -25px;
	top: 0;
	z-index: 100;	/* z-index */
}
#channel {
	background: url(../img/bg-desctube-channel.png) no-repeat left top transparent;
	overflow: hidden;
	min-height:600px;
}
#channel-id {
	position: relative;
	top: 2px;
	left: 74px;
	overflow: hidden;
	margin: 0 0 15px;
}
#channel #channel-id a {
	background: transparent !important;
	border: none !important;
}
#channel ul {
	float: left;
	list-style: none;
}
#tube li {
	float: left;
	width: auto;
	margin: 0 18px 0 0;
}
#channel li {
	float: left;
	width: auto;
	margin: 5px 20px 5px 25px;
}
#tube a,
#channel a {
	display: block;
	cursor: pointer;
	border: 4px solid #7cb436;
	padding: 1px;
	background: rgb(244,243,235);	
}
#tube p a,
#tube p a:hover {
	border: none;
	display: inline;
}
#tube a img,
#channel a img {
	vertical-align: middle;
}
#tube a:hover,
#channel a:hover {
	border-color: rgb(228,59,125);
}
#tube-descom {
	color: #111;
	margin: -10px 0 10px -15px;
}
#footer {
	background: url(../img/bg-footer.png) repeat-x 0 100% transparent;
	border-bottom: 2px #0067b3 solid;
	padding: 10px 0 80px 0;
	margin: 0 auto -200px auto;
	position: relative;
}
#footer ul {
	position: relative;
	left: 30px;
	top: 0;
}
#footer li {
	margin: 2px 0;
}
#site-actions {
	position: absolute;
	bottom: 10px;
	left: 38px;
}
#site-actions img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}
#site-actions a {
	font-size: 1.4em;
}

#site-actions a:hover,
#site-actions a:active  {
	text-decoration: none;
	color: rgb(252,114,22);
}
#ibm {
	position: absolute;
	bottom: 10px;
	right: 40px;
}
#up {
	background: transparent;
	position: relative;
	top: -143px;
	left: 442px;
	margin-bottom: -400px !important;
	width: 280px;
	height: 440px;
	z-index: 50;	/* z-index */
	text-align: right;
}
#up a {
	display: block;
	position: absolute;
	bottom: 50px;
	right: 105px;
	text-decoration: none;
}
#up a:hover {
	text-decoration: underline;
}	
#star_1 {
	position: absolute;
	top: 75px;
	left: 144px;
	z-index: 1; /* z-index */
}
#star_1:hover { top: 78px; left: 146px; }
#star_2:hover { top: 172px; left: 287px; }
#star_3:hover { top: 278px; right: 176px; }
#star_2 {
	position: absolute;
	top: 175px;
	left: 284px;
	z-index: 1; /* z-index */
}
#star_3 {
	position: absolute;
	top: 275px;
	right: 174px;
	z-index: 1; /* z-index */
}
#star_1,#star_2,#star_3 {
	display: none;
}
#footer ul {
	list-style: none;
}
#sidebar h4 {
	color: #7cb436;
	margin: 0 20px;
}

#apply-liftup {
	margin: 20px 20px 0;
}
#apply-liftup a{
	display:block;
	background:transparent url(../img/image-hae-paikkaa3.png) no-repeat 50% 50%;
	width:290px;
	height:40px;
	padding:220px 25px 0 0;
	border-bottom:5px solid #7BB335;
		
	font-size:1.5em;
	font-weight: bold;
	text-align:right;
	text-decoration:none;
	color:#5A5A5A;	
}
#apply-liftup a:hover {
	background:transparent url(../img/image-hae-paikkaa3-active.png) no-repeat 50% 50%;
	color: #7BB335;
}
#open-positions-liftup {
	width:350px;
	float: left;
	margin: 20px 20px 0 40px;
	min-height:480px;
	background: url(../img/esco.gif) no-repeat 75px top transparent;
	min-height: 502px;
}
#open-positions-liftup h4 {
	color: #000;
	padding-bottom: 10px;
}
#open-positions-liftup a {
	text-decoration: none;
	color: #2b61ae;
	position: relative;
}
#open-positions-liftup a:hover {
	text-decoration: none;
	color: #4392D4;
}
#open-positions-liftup ul {
	background-color: #fff;
	font-size: 1.0em;
	padding: 0 20px 20px;
	border: 2px solid #000;
	border-top: 0;
	margin-bottom: 0;
	list-style: none;
}
#open-positions-liftup li {
	background: url(../img/icon_list_bullet_2.gif) no-repeat 0 1px transparent;
	margin: 10px 0 0;
	padding-left: 25px;
	font-size: 0.9em;
}
#open-positions-liftup-content {
	font-family: KomikaAxisRegular,Arial,Helvetica,sans-serif;
	background: url(../img/bg_bubble.gif) no-repeat -4px top transparent;
	letter-spacing: 0.04em;
	margin:125px 0 0 5px;
	width:266px;
	padding: 70px 0 10px;
}
/* forms */
legend {
	display: none;
}
fieldset {
	margin: 10px 0 5px;
}
fieldset p {
	margin: 0 0 15px;
}
fieldset.buttons p {
	margin: 10px 0 20px;
}
label {
	float: left;
	width: 180px;
}
input {
	width: 300px;
}
input.size1 {
	width: 330px;	
}
input.size2 {
	width:260px;
}
input.size3 {
	width:200px;
}

#desc #apply-form {
	width: 550px;
	height:2660px;
	border: none;
}

/* forms end */

/* hide tell a friend feature */
#share-icons #tell-a-friend {
	visibility: hidden;
}


/* standard sIFR styles */
.sIFR-flash{visibility:visible !important;margin: 0;}.sIFR-replaced{visibility: visible !important;}span.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}.sIFR-flash + div[adblocktab=true]{display:none !important;}.sIFR-hasFlash h1{visibility:hidden;}