/*	CSS for www.noviafinland.fi/menesty	*/
/*	Novia Finland Oy 2009-2010			*/

/*==============*/
/*	General	*/
/*==============*/

html {
/*overflow:hidden;*/
}

body{
/*overflow:hidden;*/
margin:0px;
background-color:#f58220;
font-family:tahoma;
color:#ffffff;
}

a:link{
color:#ffffff;
}

a:hover{
color:#f0f0f0;
}

a:visited{
color:#ffffff;
}

hr{
border: 0;
width: 100%;
color: #ffffff;
background-color: #ffffff;
height: 1px;
margin:0px;
}

/*==============*/
/*	Menu		*/
/*==============*/

div#menu_holder{
position:fixed;
top:0;
left:0;
right:0;
border:none;
z-index:50;

}

div#menu{
margin:auto;
width:960px;
height:30px;
background-color:none;
background-image:url(../images/top_menu_bg.png);
background-position:top-left;
background-repeat:repeat-x;
text-align:center;
}

a.menu_item{
color:#ffffff;
text-decoration: none;
font-weight:bold;
font-size:12px;
}

/*==============*/
/*	Menu hover	*/
/*==============*/

ul.menu {
	float:center;
	margin:0px;
	list-style: none;
	list-style-type: none;
}

.menu li {
	width:120px;
	padding: 0;
	margin: 0px;
	float: left;
	position: relative;
	text-align: center;
	font-family:georgia;
}
	
.menu li em {
	background: url(../images/menu_hover.png) no-repeat;
	width: 180px;
	height: 50px;
	position: absolute;
	top: 35px;
	left: 0px;
	text-align: left;
	padding: 13px 10px 0px 10px;
	font-family:tahoma;
	font-style: normal;
	font-size:12px;
	color:#ffffff;
	z-index: 20;
	display: none;
	opacity:0.8;
	filter:alpha(opacity=80);
}

div.myyntipolku_container{
position:fixed;
bottom:0px;
left:45%;
z-index:100;
}

img.myyntipolku_btn{
position:relative;
border:none;
width:200px;
height:30px;
}

/*==============*/
/*	Pages		*/
/*==============*/

div.page_container{
width:100%;
min-height:835px;
padding-top:30px;
text-align:center;
margin:0 auto;
background-image:url(../images/container_bg.png);
background-position:top center;
background-repeat:repeat-x;
}

div.page{
width:960px;
text-align:left;
background-color:none;
margin: 0px auto -1px auto;
padding-bottom:20px;
}

div.header{
width:960px;
height:200px;
position:relative;
top:0px;
left:0px;
border:none;
display:block;
}

div#menestyja{
background-color:#f58220;
/*background-image:url(http://noviafinland.fi/menesty/images/citybg.jpg);
background-position:top center;
background-repeat:no-repeat;*/
}

div#mahdollisuus{
background-color:#ff0000;
}

div#koulutus{
background-color:#00c000;
}

div#tarjous{
background-color:#ff00ff;
}

div#hakemus{
background-color:#9AE4E8;
}

div#faq{
background-color:#333333;
}

div#hakemus{
background-color:#86E0E4;
}

div#map{
background-color:#f58220;
}

div#footer{
background-color:#f58220;
}

area:hover{
cursor:pointer;
}

/*==============*/
/*	Elements	*/
/*==============*/

div.talkhead{
width:220px;
height:30px;
background-image:url(../images/talk_head.png);
background-position:top left;
background-repeat:no-repeat;
padding-top:2px;
padding-left:10px;
margin:0px;
font-family:georgia;
}

div.talkhead_white{
width:220px;
height:30px;
background-image:url(../images/talkhead_white.png);
background-position:top left;
background-repeat:no-repeat;
padding-top:2px;
padding-left:10px;
margin:0px;
color:#000000;
font-family:georgia;
}

img.headline{
margin:10px 0px 0px 0px;
border:none;
display:block;
}

div.skype{
/*float:right;*/
position:absolute;
left:400px;
top:40px
}

span.date{
font-size:7.5pt;
color:#ff00ff;
padding:2px;
background-color:#ffffff;
}

div.map_image{
padding:10px;
background-color:#ffffff;
border:none;
width:550px;
height:333px;
position:relative;
left:205px;
top:50px;
}

div.map_contacts{
padding:10px;
background-color:#ffffff;
border:none;
width:550px;
height:150px;
text-align:left;
position:relative;
left:205px;
top:50px;
}
/*==============*/
/*	Typo		*/
/*==============*/

div.page h1,h2,h3,h4{
color:#ffffff;
}

div.page p{
color:#ffffff;
font-size:13px;
}

.dark{
color:#333333;
font-size:13px;
}

.hidden{
display:none;
}

ul.list li, ol.list li{
font-family:tahoma;
font-size:12px;
line-height:13pt;
}

p.contact, p.contact a{
font-size:12px;
color:#ffffff;
}

ul.faq li{
list-style:none;
margin-bottom:7px;
font-size:14px;
}

p.read_comments  a{
font-size:10px;
cursor:pointer;
}

p.read_comments img{
float:left;
margin-right:10px;
border:none;
}

div.map_contacts p{
color:#333333;
font-size:13px;
}

/*==============*/
/*	Tooltips	*/
/*==============*/

#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
}
	
#tooltip_map{
position:absolute;
width:220px;
height:30px;
background-image:url(../images/talkhead_white.png);
background-position:top left;
background-repeat:no-repeat;
padding-top:2px;
padding-left:10px;
margin:0px;
font-weight:bold;
color:#333333;
display:none;
}

#tooltip_comment{ /* Lisätty table tämän sisälle easytooltip.js */ 
position:absolute;
width:300px;
height:170px;
background-image:url(../images/comment_popup.png);
background-position:top left;
background-repeat:no-repeat;
font-weight:normal;
font-size:11px;
color:#333333;
display:none;
opacity:0.8;
filter:alpha(opacity=80);
}
	
em.small{
font-size:10px;
}

#screenshot{
position:absolute;
border:1px solid #cccccc;
background:#ffffff;
padding:3px;
display:none;
color:#333333;
font-size:10px;
}


	
/*==============*/
/*	Form		*/
/*==============*/

label{
width: 107px;
float: left;
text-align: left;
margin-right:100px;
display: block;
color:#000000;
border: none;
}

input.inputbox{
color: #000000;
background: #FFFFFF;
border: 1px solid #000000;
color:#000000;
width:230px;
}

input.inputbox:hover{
border: 1px solid #f58220;
}

textarea.inputbox{
color: #000000;
background: #FFFFFF;
border: 1px solid #000000;
color:#000000;
width:230px;
}

textarea.inputbox:hover{
border: 1px solid #f58220;
}

select{
background: #FFFFFF;
border: 1px solid #000000;
color:#000000;
width:230px;
}

select:hover{
border: 1px solid #f58220;
}

button {
outline:1px outset #999999;	
border:1px solid #ffffff;	
background-color:#333333;
color:#ffffff;
-moz-border-radius:4px;
-moz-outline-radius:4px;
cursor:pointer;
font-size:12px;
text-decoration:none;
padding:5px;
}

fieldset{
border:1px solid #000000;
padding-left: 10px;
padding-right: 10px;
padding-top:0px;
padding-bottom:10px;
margin:0 10px 10px 0;
background-color:none;
}

legend{
width:220px;
height:30px;
background-image:url(../images/talk_head.png);
background-position:top left;
background-repeat:no-repeat;
padding-top:2px;
padding-left:10px;
margin:0px;
font-weight:bold;
color:#ffffff;
font-family:georgia;
}

/*==================
REKRYKAMPANJAT
==================*/

/* Liittymämyyjä */
	div#liitymamyynti{
	background-color:#333333;
	background-image:url(../images/telemyynti/sky_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom center;
	}
	
	div#liitymamyynti .page{
	position:relative;
	height:800px;
	}
	
	div#liitymamyynti div.introduction{
	position:absolute;
	top:0px;
	left:80px;
	width:550px;
	height:100px;
	}
	
	div#liitymamyynti div.header{
	position:absolute;
	top:50px;
	left:0px;
	width:817px;
	height:358px;
	}
	
	div#liitymamyynti div.info{
	position:absolute;
	bottom:150px;
	left:0px;
	width:550px;
	height:250px;
	padding:20px;
	background-color:#ffffff;
	border-radius:20px;
	/*Mozilla*/
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
	-moz-box-shadow: 1px 1px 5px #cccccc;
	-moz-border-radius:20px;
	/*Safari*/
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	-webkit-box-shadow: 1px 1px 5px #cccccc;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	/*Internet Explorer*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
	}
	
	div#liitymamyynti div.info p{
	color:#333333;
	}
	
	div#liitymamyynti div.arrow{
	position:absolute;
	bottom:230px;
	left:640px;
	}
	
	div#liitymamyynti div.phone{
	position:absolute;
	bottom:110px;
	right:20px;
	width:170px;
	height:322px;
	}
	
	div#liitymamyynti div.phone_shadow{
	position:absolute;
	bottom:20px;
	right:20px;
	width:170px;
	height:41px;
	}
	
	div#liitymamyynti div.readmore{
	position:absolute;
	width:200px;
	height:150px;
	top:55px;
	right:20px;
	border-radius:20px;
	/*Mozilla*/
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
	-moz-box-shadow: 0px 0px 2px #888888;
	-moz-border-radius:20px;
	/*Safari*/
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	-webkit-box-shadow: 1px 1px 5px #cccccc;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	/*Internet Explorer*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
	}

	div#liitymamyynti button.telemyynti {
	outline:none;	
	border:none;
	background-color:#6FC444;
	color:#ffffff;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	padding:5px;
	border-radius:5px;
	/*Mozilla*/
	background: -moz-linear-gradient(top, #6FC444, #41A60E);
	-moz-box-shadow: 0px 0px 2px #888888;
	-moz-border-radius:5px;
	/*Safari*/
	background: -webkit-gradient(linear, left top, left bottom, from(#6FC444), to(#41A60E));
	-webkit-box-shadow: 1px 1px 5px #cccccc;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*Internet Explorer*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6FC444', endColorstr='#41A60E');
	}
	
	div#liitymamyynti p{
	color:#333333;
	}




/* 100 uutta työntekijää */
	div#sata{
	background-color:#333333;
	background-image:url(../images/rekry100/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom center;
	}
	
	div#sata .page{
	position:relative;
	height:1000px;
	}
	
	div#sata div.introduction{
	position:absolute;
	top:60px;
	left:80px;
	width:550px;
	height:100px;
	}
	
	div#sata div.header{
	position:absolute;
	top:210px;
	left:80px;
	width:817px;
	height:358px;
	}
	
	div#sata div.info{
	position:absolute;
	top:580px;
	left:80px;
	width:620px;
	height:220px;
	}
	
	
	div#sata div.logo{
	position:absolute;
	top:850px;
	right:305px;
	width:392px;
	height:95px;
	}
	
	div#sata div.readmore{
	position:absolute;
	top:60px;
	right:70px;
	border:1px solid #333333;
	}
	
	
	
	
/* 100 uutta työntekijää */

/* Hanki työpaikka syksyksi jo nyt */
	div#syksy{
	background-color:#333333;
	background-image:url(../images/syksy2010/blackboard_bg.jpg);
	background-repeat:repeat;
	}
	
	div#syksy .page{
	position:relative;
	}
	
	div#syksy .header div{ /* IE7 fix */
	position:relative;
	top:30px;
	}

	div#syksy h1.blackboard{
	font-size:86px;
	text-align:center;
	}

	div#syksy h2.blackboard{
	font-size:28px;
	color:#9f409e;
	}

	div#syksy span.blackboard{
	color:#ffffff;
	font-size:22px;
	}

	div#syksy span.blackboard#pink{
	font-size:28px;
	color:#9f409e;
	}

	div#syksy div.introduction{
	width:500px;
	}
	
	div#syksy div.introduction div{ /* IE7 fix */
	position:relative;
	top:65px;
	}

	div#syksy div.photo{
	position:absolute;
	top:130px;
	right:100px;
	}
	
	div#syksy div.photo div{ /* IE7 fix */
	position:relative;
	top:62px;
	}

	div#syksy div.dothis{
	width:381px;
	height:205px;
	position:absolute;
	left:385px;
	top:445px;
	}
	
	div#syksy div.dothis div{ /* IE7 fix */
	position:absolute;
	left:15px;
	top:55px;
	}
/* /Hanki työpaikka syksyksi jo nyt */