@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: 247px; /*same as home page template! Jobs template is 204px high. Remember to change also parameters in the template!*/
	line-height: 0px;
	}

/* DIV HEADER # SEARH FOR JOBS FORM */

div.header-search {
	background-image: url(layout_images/img-header-emptystrip-bg.png);
	width: 980px;
	height: 43px;
	position: relative;
	z-index: 999;
	display: none; /*hiding the search bar*/
	
	}

div.header-search form {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 12px;
	visibility: hidden; /* piilotetaan div muilta kuin jobs-sivulta */
	}

div.header-search select,
div.header-search input {
	float: left;
	margin-right: 20px;
	display: inline-block;
	}

div.header-search .g,
div.header-search .j,
div.header-search .keys,
div.header-search .btn {
	/*background-color: #ff0000;*/
	float: left;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	height: 43px;
	}

div.header-search .j {
	display: none; /* OTETTU VÄLIAIKAISESTI POIS NÄKYVILTÄ 01042010 OJ */
}

div.header-search .g .title,
div.header-search .j .title,
div.header-search .keys .title {
	/*background-color: #0000ff;*/
	float: left;
	height: 26px;
	padding-top: 17px;
	line-height: 12px;
	}

div.header-search .valinta {
	float: left;
	}
	
select#gmenu,
select#jmenu {
	/*background-color: #cccccc;*/
	margin-top: 13px;
	*margin-top: 13px;
	border: 1px solid #ffffff;
	padding: 1px;
	font-size: 10px;
	height: 18px;
	}

input#keys {
	/*background-color: #cccccc;*/
	margin-top: 11px;
	*margin-top: 13px;
	border: 1px solid #ffffff;
	padding: 1px;
	font-size: 10px;
	height: 18px;
	}

div.header-search .g {
	margin-left: 200px;
	}
	
div.g .title,
div.j .title,
div.keys .title {
	color: #ffffff;
	font-size: 10px;
	float: left;
	margin-right: 5px;
	line-height: 10px;
	}

div.header-search .btn {
	/*background-color: #0000ff;*/
	height: 30px;
	padding-top: 11px;
	}

input#haku {
	border: 1px solid #ffffff;
	background-image: url(layout_images/nav1_bg_selected.jpg);
	background-repeat: repeat-x;
	padding: 1px;
	}
	
	
/* 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;
	visibility: hidden; /*Piilotetaan elementti. Oltava kuitenkin, jotta elementit asemoituvat oikein */
	}

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 LOGOS */

div.logot {
	display: none;
	}

/* DIV RIGHT COLUMN (CONTENT) */

	/* div murut & functions */
	
div.murut {
	background-color: #f6f6f6;
	z-index: 900;
	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;
	}
	
	/* ### 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 {
	color:#282828;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 0px;
	}

div.gitps_text div.duration {
	color:#282828;
	font-size: 10px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 0px;
	}

	/* 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;
	}