@import url("cv.css");
@charset "UTF-8";
/* CSS Document */

/* ####### Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */

* {
	margin:0;
	padding:0;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	line-height: 16px;
}

body.gitps {
	background-image: url(layout_images/page_bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	}

img {
	border: 0px;
	}

/* must declare 0 margins on everything, also for main layout components use padding,
not  vertical margins (top and bottom) to add spacing, else those margins get added to
total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser
*/

html, body, #gitps_wrap {
	height: 100%;
	*width: 980px;
	}

body > #gitps_wrap {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	height: auto;
	min-height: 100% !important;
	text-align: left;
	background-image: url(layout_images/wrap_bg.gif);
	background-repeat: repeat-y;
	}

#gitps_main {
	padding-bottom: 58px; /* same height as footer height - padding and border values included! */
	text-align: left;
	*background-image: url(layout_images/wrap_bg.gif); /* BG IMAGE FOR IE7!  */
	*background-repeat: repeat-y;
	} 

/* *** CLEARFIX *** */

.gitps_clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.gitps_clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .gitps_clearfix {
	height: 1%;
}

.gitps_clearfix {
	display: block;
}
/* End hide from IE-mac */

/* ############################################################### */


/* DIV HEADER */

div.gitps_header {
	width: 980px;
	height: 247px;
	line-height: 0px;
	}

div#header-flash {
	width: 980px;
	height: 204px;
	line-height: 0px;
	}

/* DIV HEADER,  SEARH FOR JOBS FORM */

div.header-search {
	background-image: url(layout_images/img_header-jobsearch-bg.png);
	width: 980px;
	height: 43px;
	position: relative;
	z-index: 80;
	}
	
div.header-search form {
	margin: 0px;
	padding: 0px;
	visibility: visible; /*testisivulla näkyvissä */
	padding-left: 200px;
	}

div.header-search .valinta select,
div.header-search .valinta input {
	padding: 2px;
	margin: 0 20 0 0px ;
	font-size: 10px;
	background-color: #eeeeee;
	border: 1px solid #ffffff;
	}
	
div.header-search .valinta select {
	height: 22px;
	*height: 26px;
	*margin-top: 2px;
	}


div.header-search .valinta input {
	height: 16px;
	*height: 22px;
	}

div.country,
div.keys {
	float: left;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	height: 43px;
	}

div.country .title,
div.keys .title {
	color: #ffffff;
	font-size: 10px;
	line-height: 10px;
	float: left;
	height: 26px;
	padding: 17px 15px 0 15px;
	*padding: 17px 15px 6px 15px;
	}

div.country .valinta,
div.keys .valinta,
div.searchSubmit {
	float: left;
	padding: 12px 0 0 0;
	}
	
div.searchSubmit {
	margin-left: 10px;
	}
	
/* DIV MAIN NAVIGATION */
	
	/* main navigation default */

div.gitps_nav1 {
	clear: both;
	background-image: url(layout_images/nav1_bg_default.jpg);
	background-repeat: repeat-x;
	width: 980px;
	height: 52px;
	text-align: center;
	/*margin-top: -2px; otettu pois 23.3.2010, testattu ie7 ja ie8*/
	}

div.gitps_nav1 ul {
	width: 980px;
	float: left;
	}

div.gitps_nav1 ul li {
	display: inline-block;
	list-style-type: none;
	clear: none;
	float: left;
	}

div.gitps_nav1 ul li a:link,
div.gitps_nav1 ul li a:visited {
	background-image:url(layout_images/nav1_bg_default.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 50px;
	*line-height: 52px; /* for WIN IE 7 */
	color: #ffffff;
	padding: 18px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0px;
	border-right: 1px solid #3CF;
	}

div.gitps_nav1 ul li a:hover {
	background-image:url(layout_images/nav1_bg_mouse-over.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 50px;
	*line-height: 52px; /* for WIN IE 7 */
	color: #ffffff;
	padding: 18px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0px;
	border-right: 1px solid #3CF;
	}
	
	/* Main navigation when selected */
	
div.gitps_nav1 ul li.selected {
	display: inline-block;
	list-style-type: none;
	clear: none;
	float: left;
	}

div.gitps_nav1 ul li.selected a:link,
div.gitps_nav1 ul li.selected a:visited {
	background-image:url(layout_images/nav1_bg_selected.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 50px;
	*line-height: 52px; /* for WIN IE 7 */
	color: #ffffff;
	padding: 18px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0px;
	border-right: 1px solid #3CF;
	}

div.gitps_nav1 ul li.selected a:hover {
	background-image:url(layout_images/nav1_bg_selected.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	line-height: 50px;
	*line-height: 52px; /* for WIN IE 7 */
	color: #ffffff;
	padding: 18px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0px;
	border-right: 1px solid #3CF;
	}
	
	
/* DIV LEFT COLUMN */
	
div.gitps_left {
	width: 301px;
	float: left;
	padding-bottom: 20px;
	}
	
div.gitps_left div.gitps_title {
	background-color: #f6f6f6;
	height: 2px;
	margin-bottom: -1px;
	padding-bottom: -1px;
	}
	
/* DIV NAVIGATION LEVEL 2 */
	
	/* default */

div.gitps_nav2 {
	clear: both;
	}

div.gitps_nav2 ul {
	/*background-color: cc0000;*/
	width: 301px;
	float: left;
	}

div.gitps_nav2 ul li {
	display: inline-block;
	list-style-type: none;
	clear: none;
	float: left;
	}

div.gitps_nav2 ul li a:link,
div.gitps_nav2 ul li a:visited {
	margin: 0px;
	padding: 10px;
	width: 281px;
	*width: 301px !important; /*kokeillaan saada ie7:lla yhtä leveäksi kuin muillakin selaimilla*/
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #00a9d2;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #cccccc;
	}

div.gitps_nav2 ul li a:hover {
	background-image: url(layout_images/nav1_bg_mouse-over.jpg);
	margin: 0px;
	padding: 10px;
	*width: 301px !important; /*kokeillaan saada ie7:lla yhtä leveäksi kuin muillakin selaimilla*/
	width: 281px;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #cccccc;
	}
	
	/*  when selected */
	
div.gitps_nav2 ul li.selected {
	display: inline-block;
	list-style-type: none;
	clear: none;
	float: left;
	}

div.gitps_nav2 ul li.selected a:link,
div.gitps_nav2 ul li.selected a:visited,
div.gitps_nav2 ul li.selected a:hover {
	background-image: url(layout_images/nav1_bg_selected.jpg);
	margin: 0px;
	padding: 10px;
	*width: 301px; /*kokeillaan saada ie7:lla yhtä leveäksi kuin muillakin selaimilla*/
	width: 281px;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #4c6400;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #cccccc;
	}

/* NAVIGATION LEVEL 3 */

	/* default */

div.gitps_nav2 ul li.selected ul {
	background-color: #9C0;
	display: inline-block;
	list-style-type: none;
	clear: none;
	float: left;
	width: 301px;
	}

div.gitps_nav2 ul li.selected ul li {
	width: 281px;
	}

div.gitps_nav2 ul li.selected ul li a:link, 
div.gitps_nav2 ul li.selected ul li a:visited {
	background-image: none;
	background-color: #999999;
	display: inline-block;
	list-style-type: none;
	float: left;
	padding-left: 30px;
	width: 261px; /* -20px */ 
	font-size: 10px;
	color: #ffffff;
	border: 0px;
	}

div.gitps_nav2 ul li.selected ul li a:hover {
	background-image: none;
	background-color: #999999;
	display: inline-block;
	list-style-type: none;
	float: left;
	padding-left: 30px;
	width: 261px; /* -20px */ 
	font-size: 10px;
	text-decoration: underline;
	color: #ffffff;
	border: 0px;
	}
	
	/* Selected */

div.gitps_nav2 ul li.selected ul li.selected {
	width: 281px;
	}

div.gitps_nav2 ul li.selected ul li.selected a:link,
div.gitps_nav2 ul li.selected ul li.selected a:visited,
div.gitps_nav2 ul li.selected ul li.selected a:hover {
	background-image: none;
	background-color: #555555;
	display: inline-block;
	list-style-type: none;
	float: left;
	padding-left: 30px;
	width: 261px; /* -20px */ 
	font-size: 10px;
	text-decoration: none;
	color: #ffffff;
	border: 0px;
	}
		
/* EXTRANET LOGIN */

div.gitps_extra {
	display: none;
	}

div.gitps_extra form#extralogin {
	background-image: url(layout_images/extralogin_bg.jpg);
	background-repeat: repeat-x;
	background-color: #282828;
	*margin-top: -2px; /*IE FIX*/
	color: #ffffff;
	}

div.gitps_extra form#extralogin fieldset {
	border: 0px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	}
div.gitps_extra form#extralogin fieldset label.logintext {}

div.gitps_extra form#extralogin fieldset input.loginbox {
	width: 251px;
	margin-bottom: 5px;
	background-color: #CCC;
	border: 0px;
	height: 18px;
	text-align: left middle;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	}

/*RECENT JOBS */

div.recent {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	display: inline-block; /* piilotetaan ja näytetään most recent jobs-elementti #inline-block jos online */
	}

div.recent div.title {}

div.recent div.h1 {
	visibility: hidden;
	height: 0px;
	line-height: 0px;
	*margin-bottom: -5px;
	}

div.recent #uutinen {
	width: 301px;
	border-bottom: 1px solid #999999;
	}

div.recent #uutinen .paiva {
	padding-left: 10px;
	padding-top: 5px;
	font-family: Verdana, Helvetica, Arial;
	color: #00a9d2;
	font-size: 8px;
	font-weight: bold;
	}
	
div.recent #uutinen h1,
div.recent #uutinen h6,
div.recent #uutinen .location {
	margin: 0px;
	padding: 0px;
	width: 281;
	padding-left: 10px;
	padding-bottom: 5px;
	}

div.recent #uutinen h1 a:link,
div.recent #uutinen h1 a:visited
	{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #00a9d2;
	text-decoration: none;
	}

div.recent #uutinen h1 a:hover {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #00a9d2;
	text-decoration: underline;
	}

div.recent #uutinen h6 {
	font-size: 10px;
	line-height: 12px;
	color: #282828;
	display: none;
	}

div.recent #uutinen .location {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	}

/* HOT JOBS */

div.hot {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	display: none; /* piilotetaan ja näytetään mhot jobs-elementti */
	}

div.hot div.title {}

div.hot div.h1 {
	visibility: hidden;
	height: 0px;
	line-height: 0px;
	*margin-bottom: -5px;
	}

div.hot #uutinen {
	width: 301px;
	border-bottom: 1px solid #999999;
	}

div.hot #uutinen .paiva {
	padding-left: 10px;
	padding-top: 5px;
	font-family: Verdana, Helvetica, Arial;
	color: #CC0000;
	font-size: 8px;
	font-weight: bold;
	}
	
div.hot #uutinen h1,
div.hot #uutinen h6,
div.hot #uutinen .location {
	margin: 0px;
	padding: 0px;
	width: 281;
	padding-left: 10px;
	padding-bottom: 5px;
	}

div.hot #uutinen h1 a:link,
div.hot #uutinen h1 a:visited
	{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	}

div.hot #uutinen h1 a:hover {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
	}

div.hot #uutinen h6 {
	font-size: 10px;
	line-height: 12px;
	color: #282828;
	display: none;
	}

div.hot #uutinen .location {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	}

/* DIV RIGHT COLUMN (CONTENT) */

	/* div murut & functions */
	
div.murut {
	background-color: #f6f6f6;
	z-index: 85;
	position: relative;
	float: right;
	width: 668px;
	padding: 5px;
	text-align: right;
	}

div.murut img {
	margin-left: 2px;
	padding: 0px;
	}

div.gitps_text {
	float: left;
	width: 600px;
	margin-left: 50px;
	padding-bottom: 30px;
	}
	
h1,h2,h3,h4,h5,h6,p {
	margin: 10px;
	color: #282828;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	}

h1 {
	font-size: 20px;
	margin-top: 20px;
	}

h2 {
	font-size: 16px;
	margin-top: 16px;
	}

h3 {
	font-size: 12px;
	margin-top: 16px;
	font-weight: bold;
	}

h6 {
	color: #09F; /* uutisen ingressiteksti */
	} 
	
div.gitps_text a {
	color: #0099FF;
	text-decoration: underline;
	}

div.gitps_text a:hover {
	color: #0099FF;
	text-decoration: none;
	}

	/*JOBS page keyword highlight */
div.gitps_text span.red {
	color: #cc0000;
	}
	
	/* ### tekstialueen uutisten ja jobs-elementtien tulostuminen ### */
	
div.gitps_text div.paiva {
	color:#0099FF;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 0px;
	}

div.gitps_text div.location,
div.gitps_text div.duration,
div.gitps_text div.keywords  {
	font-size: 10px;
	font-weight: normal;
	margin-left: 10px;
	margin-bottom: 0px;
	}

div.gitps_text div.location,
div.gitps_text div.duration {
	color: #282828;
	font-weight: bold;
	}

div.gitps_text div.keywords  {
	color: #666666;
	}

	/* JOBS-etusivun tyopaikkojen paalistaus */
div.gitps_text #uutinen h1 {
	width: 100%;
	margin: 0px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	}
	
div.gitps_text #uutinen h1 a,
div.gitps_text #uutinen h1 a:hover {
	font-size: 16px;
	line-height: 18px;
	text-decoration: underline;
	}

div.gitps_text #uutinen .paiva {
	padding-top: 5px;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #282828;
	}

div.gitps_text #uutinen .location {
	color:#282828;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cdcdcd;
	}
	
	/* ### SITEMAP UL LI ###*/
	
div.gitps_text ul {
	padding-left: 10px;
	}	
	
div.gitps_text ul li ul {
	list-style-type: none;
	padding-left: 20px;
	padding-bottom: 5px;
	}

div.gitps_text ul li ul li ul {
	list-style-type: none;
	padding-left: 40px;
	padding-bottom: 5px;
	}
	
	
/* DIV NEWS (HORIZONTAL) */

div.intronews {
	width: 980px;
	background-image: url(layout_images/news_bottom_bg.gif);
	background-repeat: repeat-y;
	display: inline-block;
	clear: both;
	text-align: center;
}

div.intronews #uutinen {
	*margin-left: 10px;
	*margin-right: 10px;
	float: left;
	padding: 10px;
	width: 225px;
	display: block;
	color: #ffffff;
}

div.intronews #uutinen .paiva {
	color: #00a9d2;
	font-size: 10px;
	height: 20px;
	padding-bottom: 5px;
	display: block;
	}

div.intronews #uutinen h1 {
	margin: 0px;
	padding: 0px;
	font-size: 12px
	line-height: 14px;
	display: block;
	}
	
div.intronews #uutinen h1 a:link,
div.intronews #uutinen h1 a:visited {
	color: #f2f2f2;
	text-decoration: none;
	}
	
div.intronews #uutinen h1 a:hover {
	color: #00a9d2;
	text-decoration: underline;
	}

div.intronews #uutinen h6 {
	color: #cccccc;
	font-size: 10px;
	}

/* FOOTER */

#gitps_footer {
	background-color: #09F; /* sininen */
	background-image: url(layout_images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	margin-top: -58px; /* negative value of footer height - must be the same as #main div padding-bottom height w/padding */
	height: 58px; /*same as #main div padding-bottom value!*/
	clear: both;
	text-align: center;
	}
	
#gitps_footer .content {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	}

#gitps_footer .content .text {
	width: 600px;
	float: left;
	color: #ffffff;
	font: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}
#gitps_footer .content .text a:link,
#gitps_footer .content .text a:visited {
	font: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	text-decoration: underline;
	}
	
#gitps_footer .content .text a:hover {
	font: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	}

#gitps_footer .content .images {
	width: 300px;
	float: right;
	}

#gitps_footer .content .images img {
	margin-left: 10px;
	float: right;
	}