@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body { background: #fff; font: normal normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif; /* padding-bottom: 20px; */ }

a { color: #003f72;  }
	a:hover { text-decoration: none;}

img { display: block; border: none; }

h1 { font-size: 18px; color: #1e3d6b; font-weight: normal; margin: 0 0 15px 0; }

h2 { font-size: 14px; color: #1e3d6b; margin: 0 0 15px 0; }

h3 { font-size: 12px; color: #1e3d6b;  }

blockquote { margin: 0 0 0 40px; }

.rss { position: absolute; top: 0; right: 0; }

#communityNews .rss { position: absolute; top: 0; right: -5px; }


#wrapper { 
	width: 980px; 
	background: #FFFFFF; 
	margin: 0 auto; 
	position: relative; 
	padding-bottom: 20px; 
	border:  1px solid #dadada;
	border-top: none;
	}

#page { position: relative; float: left; padding: 30px 0 0 20px; }
	
	#cookie { height: 40px; margin-top: -7px; }
	
.separator { 
	background: transparent url(/pics/sefe/separator.gif) top repeat-x; 
	height:51px; 
	width: 460px; 
	position: relative; 
	float: left;
	}

.separator2 { 
	background: transparent url(/pics/sefe/separator2.gif) top repeat-x; 
	height:10px; 
	width: 460px; 
	position: relative; 
	float: left;
	}

.separator3 { 
	background: transparent url(/pics/sefe/separator2.gif) top repeat-x; 
	height:10px; 
	width: 210px; 
	position: relative; 
	float: left;
	}
	
	

/*--- LOGIN ---*/

#masthead { background: #003f72; color: #fff; }

	#masthead a { color: #fff; }
	
	#masthead-wrapper { background: #195180;  }

	#masthead-bar { height: 40px; text-align: right; line-height: 35px;  margin: 0 auto; width: 960px; }
	
	#masthead-bar span.userName { font-size: 14px; font-weight: bold; padding-rigth: 50px; }
	
#login { width: 960px; margin: 0 auto; display: none; padding: 20px 0 0 0;}

	#login-description {  float: left; padding: 0 0 20px 0; display: inline; width: 360px; }
	#login-description h1 { color: #FFFFFF; }
	#login-form {
		padding-top: 27px;
		padding-left: 45px;
		color: #888888;
		float: right;
		width: 500px;
		height: 188px;
		background: transparent url(/pics/sefe/bgLogin.gif) no-repeat;
		}
	
	#login-form input.login-txt { 
		background: #fafafa; 
		border: 1px solid #e8e8e8; 
		width: 438px; 
		height: 18px; 
		padding: 6px;
		}
		
	#login-form input.btnLogIn { 
		background: transparent url(/pics/sefe/bgBtnKirjaudu.gif) no-repeat; 
		border:none; 
		cursor: pointer; 
		display: block; 
		height: 33px; 
		width: 101px; 
		float: right; 
		margin: 15px 45px 0 0; 
		font-weight: bold;
		text-transform: uppercase;
		color: #2f2f2f;
		}
	
	#login-form input.btnLogInLeft { 
		background: transparent url(/pics/sefe/bgBtnKirjaudu.gif) no-repeat; 
		border:none; 
		cursor: pointer; 
		display: block; 
		height: 33px; 
		width: 101px; 
		float: left; 
		margin: 15px 45px 0 0; 
		font-weight: bold;
		text-transform: uppercase;
		color: #2f2f2f;
		}
	
	#login-form	a.forgotPW { display: block; height: 30px; width: 200px; float: left; margin: 25px 0 0 0; }
	
	#login-form	a.forgotPWright { display: block; height: 30px; width: 200px; float: right; margin: 25px 0 0 0; }
	
	#login-form a { color:  #1e3d6b; }
	
	#login-form  p { margin: 0; }
		
	#login-error {
		margin: 0 auto; width: 960px; }	



/*--- HEADER ---*/

#header {  position: relative; float: left;  }

	#wrapperTop { width: 250px; position: relative; float: right; padding: 15px 15px 0 0; }

		#logo { position: relative; float: left; padding: 15px 0 2px 15px; }
		#logo a { 
			background: transparent url(/pics/sefe/logoSefe.gif) no-repeat; 
			text-indent: -99999px; 
			display: block; 
			width: 130px; 
			height: 91px;
			}
		
		
		#lang a, #links a { text-decoration: none;  }
			#lang a:hover, #links a:hover { text-decoration: underline;  }
			
		#lang {  width: 250px; height: 25px;  text-align: right; }
		
		#search { background: transparent url(/pics/sefe/bgSearchBox.gif) no-repeat; float: right; position: relative; width: 193px; height: 25px; padding: 2px 0 0 6px; }
			#search input { }
			#search input.searchBox { background: none;  border: none; width: 165px;  }
			#search input.searchBtn {}
		
		#links { width: 250px;  float: right; position: relative;  text-align: right; margin: 10px 0 0 0; }
	
	
	/* Main navigation */
	
	#mainNavi { 
		width: 980px;
		position: relative;
		height: 30px;
		margin-top: 10px;  
		float: left;
		z-index: 15;
		}
	
	#mainNaviBtm  {
		z-index: 5;  
		position: absolute; 
		left: 0;
		bottom: 0;
		background: transparent url(/pics/sefe/bgHeader.png) top left no-repeat; 
		height: 13px; 
		width: 980px;
		}

		#mainNavi ul { list-style-type: none; /* padding: 0 15px 0 15px; */ z-index: 15;  }
		#mainNavi ul li { display: inline; float: left; }
		#mainNavi ul li a { font-weight: bold; text-decoration: none;  display: block; float: left; padding: 0 0 6px 0; border-bottom: 4px solid #fff;}
			#mainNavi ul li a:hover { color: #eeaf30; border-bottom: 4px solid #eeaf30;  }
			#mainNavi ul li.selected a { border-bottom: 4px solid #eeaf30; color: #eeaf30;	 }
		
		#mainNavi ul.left { position: relative; float: left; padding: 0 0 0 15px; }
		#mainNavi ul.left li {  margin: 0 18px 0 0; }
		
		#mainNavi ul.right { position: relative; float: right;  padding: 0 15px 0 0;  }
		#mainNavi ul.right li { margin: 0 0 0 20px; }
		#mainNavi ul.right li a { color: #eeaf30; }
			#mainNavi ul.right li a:hover {  border-bottom: 4px solid #003f72; color: #003f72; }
			#mainNavi ul.right li.selected a { border-bottom: 4px solid #003f72; color: #003f72;	 }
	


/*--- FRONTPAGE ---*/


/* Imagearea and shortcuts */

#imageArea { position: relative; float: left; /* margin: 46px 0 0 0; */ margin-top: -10px; }
	
	#shortcutImageArea { position: absolute; bottom: 10px; left: 20px; }
		#shortcutImageArea ul li { 
			background: transparent url(/pics/sefe/bgShortcut.gif) left top no-repeat; 
			width: 226px; 
			height: 29px;
			margin: 0 0 10px 0; 
			list-style-type: none;
			padding: 13px 0 0 15px; 
			}
	
		#shortcutImageArea ul li a { text-decoration: none; font-weight: bold; font-size: 14px;}
			#shortcutImageArea ul li a:hover { text-decoration: underline; }
		
		#shortcutImageArea ul li.last a { color: #eeaf30;  }
		
	#borderTop { background: transparent url(/pics/sefe/bgHeader.png) top no-repeat; height: 13px; width: 980px; position: absolute; top: 0; left: 0; }
	#borderTop2 { background: transparent url(/pics/sefe/bgHeader2.gif) top no-repeat; height: 13px; width: 980px; position: absolute; top: 140px; left: 0; }

	
/* Column 1 frontpage */

#col1 { width: 220px; position: relative; float: left; }
	
	#contactInfo, .shortcutsSefe, .shortcutsOut, .attachments, #memberBenefits, #someInfo { background: #f2f5f8; margin-bottom: 20px; position: relative; padding: 12px;  }
	.shortcutsSefe, .shortcutsOut, .attachments, #memberBenefits { border-top: 1px solid #cddded; }
		
	.shortcutsSefe ul li {  list-style-type: none; margin: 0 0 0 0;}
	.shortcutsSefe ul li img { position: relative; float: left; margin: 0 10px 0 0;  }
		
	.shortcutsOut ul {  }
	.shortcutsOut ul li { list-style-type: none;	  }
	.shortcutsOut ul li a { /* background: transparent url(/pics/sefe/bgShortcutLi.gif) bottom right no-repeat; padding: 0 15px 0 0; */   }
	.shortcutsOut ul li img { display: inline; padding: 0 0 0 5px;  }
	.shortcutsOut ul li p { margin: 0 0 3px 0;}
	
	.attachments ul li { list-style-type: none;  }
	.attachments ul li a {  background: transparent url(/pics/sefe/bgAttachmentsLi.gif) bottom right no-repeat; padding: 0 15px 0 0; }
		
	#gallup { background: #FFFFFF; border: 14px solid #f0f3f6; border-bottom: none; padding: 13px 13px 5px 13px; position: relative;}
		#resultsLink { background: #FFFFFF; border-left: 14px solid #f0f3f6; border-right: 14px solid #f0f3f6; padding: 0 13px 13px 13px; }
		#gallupBottom { background: transparent url(/pics/sefe/bgGallup.gif) no-repeat; height: 51px; width: 460px; margin-bottom: 20px;}
		 
	#ekonomilehti { background: #FFFFFF; border: 14px solid #f0f3f6; padding: 13px; margin-bottom: 20px; }
		#ekonomilehti img { margin: 0 auto; width: 150px; height: 194px;}
		#ekonomilehti h2 { text-align: center; }


		
/* Column 2 frontpage */	
	
#col2 { width: 460px;  position: relative; float: left;   margin: 0 20px 0 20px; }
		
	#news1 { position: relative; float: left; width: 460px;}
	
	#news1 h1 a { text-decoration: none; }
		
	#news1 ul li, #communityNews ul li, #TalentumNewsFeed ul li { list-style-type: none; margin: 0 0 20px 0; }
		#news1 ul li a { font-size: 13px; text-decoration: none; font-weight: bold; }
			#news1 ul li a:hover { text-decoration: underline; }
			
		#news1 ul li p.date, #communityNews ul li p.date, #TalentumNewsFeed ul li p.date, #eventsAndTrainings ul li p.locationAndDate { font-size: 10px; }
		
		#news1 ul li p.date { margin-bottom: 3px; }
		
			
	#blog { width: 215px; float: left; margin: 0 25px 0 0;  }
	#column { width: 215px; float: right; position: relative;  }
		.pic { width: 73px; float: left; font-style: italic; font-size: 11px; margin: 0 0 0 0; }
		.txt { width: 135px; float: right; }
			

		
	#communityNews { width: 215px; float: left;  position: relative;  }
	#TalentumNewsFeed {  width: 215px; float: right; }
			

/*  Column 3 frontpage */
	
#col3 { width: 220px; position: relative; float: left;}

	#eventsAndTrainings h2 a { text-decoration: none; }
	
	#eventsAndTrainings ul li { list-style-type: none; margin: 0 0 12px 0; }
	
	#eventsAndTrainings ul li .date { 
		margin: 2px 10px 0 0; 
		height: 42px; 
		width: 48px; 
		background: transparent url(/pics/sefe/bgPvm.gif) no-repeat; 
		position: relative; 
		float: left;
		}
		
		#eventsAndTrainings ul li .date p.month { color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center; margin: 2px 0 2px 0;}
		#eventsAndTrainings ul li .date p.day { color: #525252; font-size: 18px; font-weight: bold; text-align: center;}
	
	#eventsAndTrainings ul li .information { position: relative; float: left; width: 145px;  }
	
	a.linksToEvents { 
		display: block;
	 	margin: 0 0 10px 0;}
	
	#banners { margin: 40px 0 0 0; }
		#banners img { margin: 0 0 10px 0; }
	
#memberBenefits {
	margin-top: 20px; 
}



/*--- SUBPAGES ---*/

img.tasaus_vasemmalle { position: relative; float: left; margin: 0 15px 15px 0; }

img.tasaus_oikealle { position: relative; float: right; margin: 0 0 15px 15px; }

span.highlight { background-color: #cedbe7; }

/* Subnavi */	

#subNavi { border-top: 5px solid #ccd9e3; padding: 15px 0 20px 0; position: relative;  }

	#subNavi ul { list-style-type: none; }
	
	#subNavi ul li { background: transparent url(/pics/sefe/bgSubnavi.gif) left top no-repeat; border-bottom: 1px solid #e7e7e7; padding: 6px 0 6px 0;}
		#subNavi ul li a { padding: 0 0 0 10px; display: block; height: 1%; text-decoration: none;  }
		#subNavi ul li a:hover { text-decoration: underline; }
	
	#subNavi ul li.selected { background: transparent url(/pics/sefe/bgSubnaviSelected.gif) left top no-repeat; }
		#subNavi ul li.selected a { padding: 0 0 0 15px; font-weight: bold; }
		
		#subNavi ul li.selected ul li a { font-weight: normal; }


		
		#subNavi ul ul { margin: 0 0 0 10px; }
		#subNavi ul ul li { background: none; border-bottom: none; padding: 5px 0 0 0; }
		#subNavi ul ul li.selected { background: none; }
		#subNavi ul ul li.selected a { text-decoration: underline; padding: 0 0 0 15px; }
		#subNavi ul ul li a { color: #595959;  }
	
	
	
/*-- Column content 1 --*/

/* Column 2  */


#content, .content { border-top: 5px solid #ccd9e3; padding: 18px 0 20px 0; color: #212121;  }	
	#content p, .content p { margin: 0 0 20px 0;  }
	#content ul, #content ol, .content ul, .content ol { margin: 0 0 20px 35px; }
	#content p.ingressi, .content p.ingressi { font-size: 14px; margin: 0 0 20px 0; }
	.toolbox { text-align: right; padding: 0 0 20px 0;  }
	.toolbox a { display: block; width: 16px; height: 16px; float: right; margin: 0 5px 0 0;    } 
	


/*  Column 3 */

#col3Content { color: #212121; padding: 0 0 0 0;  }
	#col3Content p {  margin: 0 0 20px 0;  }
	#col3Content ul, #col3Content ol { margin: 0 0 10px 40px;  }
	#col3Content img { margin: 0 0 15px 0;  }


/*-- Column content 2 --*/

/* Column 2  */
#col2-2 { width: 340px; position: relative; float: left; margin: 0 20px 0 20px;}

/*  Column 3 */
#col2-3 { width: 340px; position: relative; float: left;}


/* SEARCH */

ul.searchBy { list-style-type: none; margin: 10px 0 10px 0; padding: 0; }
	ul.searchBy li input { vertical-align: middle; }

p.noMargin { margin: 0; }

/*-- FORM DESIGNER --*/

#fd fieldset { border: none; margin: 0 0 15px 0;  }

/*-- BM2-tiedotteet --*/

ul.bmList { list-style-type: none; margin: 0; padding: 0; }
	ul.bmList li { margin: 0 0 10px 0; }
	
.pages  { padding: 20px 0 0 0;  }

	a.arrows { text-decoration: none; font-size: 14px; }
		a.arrows:hover { text-decoration: underline; }

/* Liitetiedosto-taulukko */

table.attachments { background: #f2f5f8; margin-bottom: 20px; position: relative;  padding: 0; }
	table.attachments td { padding: 12px; font-size: 12px; }
	table.attachments td p { padding: 0; margin: 0px; }
	table.attachments td a { background: transparent url(/pics/sefe/bgAttachmentsLi.gif) right no-repeat; padding: 0 15px 0 0; }

	
/* tables */

table.normalTable th { text-align: left; color: #1e3d6b; padding: 3px 7px 3px 0; vertical-align: top;}
	table.normalTable td { padding: 3px 7px 3px 0; }
	table.normalTable td input.text { width: 290px; }
	table.normalTable td select { width: 295px; }
	table.normalTable td.radio input { vertical-align: middle; }
	table.normalTable h2 { margin: 30px 0 0 0; padding: 0;}
	



/*--- FOOTER ---*/

#addThis { 
	position: absolute; 
	left: 260px; 
	bottom: 50px; 
	}

#footer { 
	height: 22px; 
	background: #f0f3f6; 
	position: relative; 
	float: left; 
	width: 920px; 
	margin: 50px 0 0 0; 
	padding-left: 20px; 
	padding-top: 8px; 
	} 


/* clear floats */

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

.clearfix {
	display: inline-block;
	}

/* piilotetaan mac-ie:ltä \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* pois piilosta */