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

/*  { margin: 0; padding: 0; } */

/* clears all the margins and paddings for elements  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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,  caption, table { margin: 0; padding:0;}

body { 
	font: normal normal 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #f9f9f9 url(/pics/www.jhl.fi/bodyBg.gif) repeat-x;
	color: #111;  
	} 


blockquote { margin: 0 0 0 35px; }

a { text-decoration: none; color: #2366c1; }
	a:hover { text-decoration: underline; }

img {  display: block; }

	img.tasaus_vasemmalle {
		float: left;
		margin: 0 13px 0 0; 
		}

	img.tasaus_oikealle {
		float: right;
		margin: 0 0 0 13px;
		}

h1 { font-size: 24px; margin-bottom: 25px; }

h2 { font-size: 20px; margin-bottom: 25px;  }

h3 { font-size: 16px; margin-bottom: 25px;  }

h4 { font-size: 14px; margin-bottom: 25px;  }



#wrapper {
	width: 988px; 
	margin: 0 auto;
	}

#header { 
	height: 172px;
	width: 988px;
	margin: 0 auto; 
	}
	
	#header img { border: none; }

#importantNewsWrapper {
	background: #fff;
	padding: 0 0 10px 0;
	}

	#importantNews { 
		width: 948px;
		margin: 0 auto;
		background: #fffdd5; 
		border: 1px solid #fddb3d;
		padding: 5px 20px;
		}
		
		#importantNews a { text-decoration: underline; }
			#importantNews a:hover { text-decoration: none; }

#page { 
	background: transparent url(/pics/www.jhl.fi/pageBg.gif) repeat-y; 
	padding: 0 0 0 17px;
	z-index: 1;
	}
	
	#pageColumnContent { 
		background: transparent url(/pics/www.jhl.fi/pageBgCC.gif) repeat-y; 
		padding: 0 0 0 17px;
		z-index: 1;
		}



/* Top Bar styles */

#topBar {  
	height: 35px;
	}

#topBar ul {
	list-style-type: none;
	}
	
	#topBar ul li { 
		display: inline;
		}
	
	#topBar ul li a { 
		color: #FFFFFF; 
		}

#topLinks {
	width: 400px;
	float: left;
	color: #FFFFFF;
	padding: 8px 0 0 0;
	}
	

/* Links and search, updated pages-slider */

#linksAndSearch { 
	width: 500px; 
	float: right; 
	color: #FFFFFF;
	}

	#linksAndSearch ul { 
		padding: 10px 0 0 0;  
		}

#search  {
	float: right;
	position: relative; 
	padding: 5px 0 0 0;
	}

	#search .searchField { 
		border: 1px solid #d8d8d6;
		font-size: 10px;
		padding: 4px 25px 4px 5px;
		width: 200px;
		margin: 0;
		vertical-align: middle;
		}

	#search .searchBtn { 	
		vertical-align: middle; 
		position: absolute; 
		right: 0; 
		top: 7px;
		}

#updatedPages { 
	display: none; 
	width: 400px; 
	position: absolute; 
	z-index: 3;
	}

	#updatedPages ul {  
		color: #000; 
		margin-left: 10px;  
		}
	
	#updatedPages ul li { 
		display: block; 
		color: #fff; 
		margin: 0 0 4px 0;  
		}
	
	#updatedPages ul li p.pageDate { 
		width: 80px; 
		position: relative; 
		float: left;
		}
	
	#updatedPages ul li a { 
		color: #fff; 
		display: block; 
		width: 285px; 
		float: right;
		text-decoration: underline;  
		}
		
		#updatedPages ul li a:hover { text-decoration: none; }
	
	#updatedPagesBg { 
		background: #cf073b; 
		margin: 10px 0 0 0; 
		padding: 10px 10px 5px 10px; 
		 
		}
		
	#updatedPages img { 
		display: block; 
		}
	
	#updatedPagesBg h2 { 
		color: #fff; 
		font-size: 16px;
		margin: 5px 0 5px 5px; 
		} 
	
	#updatedPagesBg a.close { 
		color: #000000; 
		font-weight: bold; 
		float: right;
		} 

/* bottomBar */

#bottomBar {   }

/* Logo, languages and login-slider */

#logo { 
	/* background: transparent url(/pics/www.jhl.fi/logoJHL.gif) no-repeat;*/
	margin: 20px 0 10px 0;
	float: left;
	height: 87px;
	}
	
	#logo a img { display: block; }
	
	#logo a {	
		display: block; 
		width: 190px; 
		height: 87px; 
		float: left;
		outline: none;
		}
		
		#logo a span { 
			text-indent: -10000px; 
			margin: 0;
			}
	
	#logo h1,
	#logo span { 
		float: left;
		font-size: 12px;
		color: #cf073b;
		margin: 26px 0px 0 15px;
		padding-right: 40px;
		font-weight: bold;
		width: 200px;
		}

#languages  { 
	border-left: #f68535 2px solid; 
	float: left; 
	margin: 40px 0 0 0;  
	}

	#languages ul { 
		list-style-type: none; 
		margin: 0 0 0 20px;
		}
	
		#languages ul li a { 
			color: #cf073b; 
			}
		
		#languages ul li.selected a { 
			font-weight: bold; 
			}

#login { 
	position: relative; 
	float: right; 
	margin: 50px 0 0 20px;
	z-index: 2;
	}

	#logInBtn {
		background: #f68535 url(/pics/www.jhl.fi/loginLeftBg.gif) left no-repeat;
		display: block;
		color: #FFFFFF;
		height: 32px;
		text-decoration: none;
		z-index: 2;
		padding: 0 95px 0 0;
		position: relative;
		float: right;
		}
		
		#logInBtn a.linkText { color: #FFFFFF; padding: 8px 8px 0 8px; display: block;}
	
	a#instructions { 
		background: transparent url(/pics/www.jhl.fi/ohjeetKysymysmerkki.gif) no-repeat; 
		width: 70px; 
		height: 24px; 
		display: block;  
		position: absolute; 
		right: 0; 
		top: 0; 
		outline: none;
		color: #fff;
		padding: 8px 25px 0 0;
		text-align: right;
		}
		
		a#instructions:hover { 
			background: transparent url(/pics/www.jhl.fi/ohjeetNuoliOranssiPieni.gif) no-repeat;   
			}
	
	#loginWrapper { 
		display: none; 
		position: absolute;
		width: 235px;	
		right: 0;
		top: 29px;
		color: #FFFFFF;
		z-index: 3;
		}
		
			#loginWrapper.logged {
				top: 54px;
				}
	
	#loginWrapper img { 
		display: block;
		}
	
	#loginContent { 
		background: #f68535;	 
		}

	
	#loginWrapper span,
	#loginWrapper ul	{
		margin: 0 10px 0 10px; 
		}
	
	#loginWrapper ul {
		list-style: none;
		}
	
	#loginWrapper p {
		padding: 0 10px 10px 10px; 
		}

	#loginWrapper h2,
	#loginWrapper h3,
	#loginWrapper h4 {
		padding: 10px;
		margin: 0; 
		}
	
	#loginWrapper a { 
		color: #FFFFFF; 
		text-decoration: underline; 
		}
		
		#loginWrapper a:hover { 
			text-decoration: none; 
			}
	
		
/* Logged in */


#loggedIn { 
	position: relative; 
	float: right; 
	margin: 34px 0 0 20px;
	z-index: 2;
	width: 400px;
	}


#loggedInBtn {
		background: #cf073b url(/pics/www.jhl.fi/loggedinLeftBg.gif) left no-repeat;
		display: block;
		color: #fff;
		height: 55px;
		text-decoration: none;
		z-index: 2;
		position: relative;
		float: right;
		padding: 0 135px 0 0;
		}
		
		#loggedInBtn p { 
			padding: 6px 8px 0 8px; 
			}
		
		#loggedInBtn a.logOut { 
			color: #fff; 
			font-size: 11px;
			}

#loggedinContent { 
	background: #cf073b;	 
	}
	

	#loggedinContent .separator { 
		background: transparent url(../../pics/www.jhl.fi/dotLineRed.gif) repeat-x; 
		height: 1px; 
		width: 215px; 
		position: relative; 
		float: left;
		margin: 20px 10px 20px 10px;
		}

a#instructionsLogged { 
	background: transparent url(/pics/www.jhl.fi/ohjeetNuoliOranssi.gif) no-repeat; 
	width: 125px; 
	height: 35px; 
	display: block;  
	position: absolute; 
	right: 0; 
	top: 0;
	color: #fff; 
	outline: none;
	padding: 20px 0 0 10px;
	}
	
	a#instructionsLogged:hover { 
		background: transparent url(/pics/www.jhl.fi/ohjeetNuoliPunainen.gif) no-repeat;  
		}

	

/* Columns 1-1-1 */
	
#col1 { 
	width: 200px;
	float: left; 
	margin-right: 31px;
	padding: 30px 0 30px 0; 
	}

#col2 {	
	width: 490px; 
	float: left; 
	margin-right: 31px; 
	padding: 30px 0 30px 0; 
	}

#col1_2 {
	width: 722px;
	float: left;
	margin-right: 31px;
	padding: 30px 0 30px 0;
	}

#col3 { 
	width: 200px; 
	float: left; 
	padding: 30px 0 30px 0; 
	}
	
	
/* FRONTPAGE - Column 1  */

#col1 h2.line,
#col2 h2.line,
#col3 h2.line   { 
	border-bottom: 2px solid #f68535; 
	font-size: 14px; 
	color: #111; 
	margin: 0 0 13px 0;  
	}

#col1 .shortcutsFP { 
	margin-bottom: 35px; 
	}

#col1 .shortcutsFP ul li { 
	border-bottom: 1px solid #d8d8d8; 
	list-style-type: none;
	padding: 8px 0 8px 25px;
	height: 1%;
	}
	
	#col1 .shortcutsFP ul li.kunta { background: transparent url(/pics/www.jhl.fi/greenArrow.gif) left no-repeat; }
	#col1 .shortcutsFP ul li.valtio { background: transparent url(/pics/www.jhl.fi/blueArrow.gif) left no-repeat; }
	#col1 .shortcutsFP ul li.seurakunta { background: transparent url(/pics/www.jhl.fi/purpleArrow.gif) left no-repeat; }
	#col1 .shortcutsFP ul li.yksityiset { background: transparent url(/pics/www.jhl.fi/brownArrow.gif) left no-repeat; }

	#col1 .shortcutsFP ul li a { 
		font-size: 14px;
		text-transform: uppercase;
		color: #000000;
		}

#blogFP,
#jhlWeb { 
	border-bottom: 1px solid #d8d8d8; 
	margin-bottom: 35px; 
	padding: 0 0 13px 0; 
	}

#blogFP p {
	margin: 0 0 10px 0;
	}

#jhlWeb,
#banners { margin-bottom: 30px; } 

#motiiviBanner { margin-bottom: 15px; }

	
	#blogFP img,
	#eventsFP img { 
		position: relative; 
		float: left; 
		margin: 0 15px 5px 0;
		}

#jhlWeb a { 
	float: left; 
	margin: 0 10px 0 0; 
	}

#eventsFP {
	margin-bottom: 5px; 
	padding: 0 0 7px 0;
	position: relative;
	border-bottom: 1px solid #d8d8d8;
	margin: 0 0 25px 0;
	}
			
		#eventsFP p.eventDate { 
			font-size: 10px; 
			color: #808080; 
			}
		
		#eventsFP a { 
			color: #111111;  
			}

#firstEvent { 
	float: left; 
	border-bottom: 1px solid #d8d8d8; 
	padding: 0 0 10px 0; 	
	width: 200px; 
	}

#eventsFP ul { 
	float: left; 
	margin: 0 0 7px 0;
	width: 200px;
	}

	#eventsFP ul li { 
		list-style-type: none;
		padding: 10px 0 10px 0;
		border-bottom: 1px solid #d8d8d8;
		}
		
		#eventsFP ul li .date { 
			margin: 2px 10px 0 0; 
			height: 46px; 
			width: 46px; 
			background: transparent url(/pics/www.jhl.fi/bgPvm.gif) no-repeat; 
			position: relative; 
			float: left;
			}
			
			#eventsFP ul li .date p.month { 
				color: #FFFFFF; 
				font-size: 11px; 
				font-weight: bold; 
				text-align: center; 
				margin: 2px 0 2px 0;
				}
				
			#eventsFP ul li .date p.day { 
				color: #000; 
				font-size: 18px; 
				font-weight: bold; 
				text-align: center;
				}
		
#eventsFP a.linkEvents { 
	float: left; 
	color: #2366c1; 
	}


 /* FRONTPAGE - Column 2  */ 

#newsFP { 
	padding: 35px 0 0 0;
	font-size: 14px;
	position: relative;
	}

	#newsFP a { 
		color: #111111; 
		}
	
	#newsFP a.moreNews { 
		color: #2366c1; 
		}

	#newsFP p.date,
	#newsFP span.date  { 
		color: #808080;
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 5px 0;
		}

	#newsFP p { 
		line-height: 1.5; 
		}
	
	#newsFP a.rss { position: absolute; right: 0;}

#newsFP ul { 
	list-style-type: none; 
	}
	
#newsFP ul.newsListLead li {  
	background: transparent url(/pics/www.jhl.fi/dotLine.gif) bottom repeat-x;
	padding: 13px 0 13px 0; 
	}
	
	#newsFP ul.newsListLead li a.title { 
		font-size: 20px;
		}
		
		#newsFP ul.newsListLead li a:hover.title { 
			text-decoration: underline; 
			color: #2366c1; 
			}
		
		#newsFP ul.newsListLead li a:hover { 
			text-decoration: none; 
			color: #2366c1;
			}
 
#newsFP ul.newsListHeadings { 
	padding: 13px 0 13px 0; 
	list-style-type:disc; 
	margin: 0 0 0 15px; 
	}
	
	#newsFP ul.newsListHeadings li {
		padding: 0 0 5px 0;
		}	
		
	#newsFP ul.newsListHeadings li a { 
		font-size: 14px;
		}
		
		#newsFP ul.newsListHeadings li a:hover { 
			color: #2366c1;  
			}

#mainNews { 
	background: transparent url(/pics/www.jhl.fi/dotLine.gif) bottom repeat-x;
	padding: 0 0 13px 0; 
	}
	
	
	#mainNews a.newsTitle { 
		font-size: 24px;
		width: 430px;
		display: block;
		}
		
		#mainNews a:hover.newsTitle {
			 text-decoration: underline; 
			 color: #2366c1;   
			 }
		
		#mainNews a:hover { 
			color: #2366c1;
			text-decoration: none;
			}
	
	
	#mainNews img.mainNewsImage { 
		margin: 0 15px 5px 0; 
		float: left; 
		}

/* FRONTPAGE - Column 3  */

#benefitsFP,
#webshopFP { 
	border-bottom: 1px solid #d8d8d8; 
	margin-bottom: 35px; 
	padding: 0 0 13px 0; 
	}

#col3 .shortcutsFP ul { 
	margin: 0 0 30px 0; 
	}

#col3 .shortcutsFP ul li { 
	border-bottom: 1px solid #d8d8d8; 
	list-style-type: none;
	padding: 8px 0 8px 25px;
	height: 1%;
	}
	
	#col3 .shortcutsFP ul li { background: transparent url(/pics/www.jhl.fi/greyArrow.gif) left no-repeat; }

	#col3 .shortcutsFP ul li a { 
		font-size: 14px;
		text-transform: uppercase;
		color: #000000;
		}

#buttonsFP {
	margin: 0 0 25px 0;
	}		

	#buttonsFP a { 
		display: block; 
		}
		

#benefitsFP ul  { 
	list-style-type: none;  
	}
	
	#benefitsFP ul li {
		margin: 0 0 5px 0;
		}

#lookingForFP {
	margin: 0 0 35px 0;
	}
	
	#lookingForFP h2.line { margin: 0; }
	
#lookingForFP ul li {
	border-bottom: 1px solid #d8d8d8;
	list-style-type: none;
	background: transparent url(/pics/www.jhl.fi/greyArrow2.gif) left no-repeat;
	padding: 10px 0 10px 15px;
	}
	
	#lookingForFP ul li a {
		text-transform: uppercase;
		}

#webshopFP img { 
	float: left; 
	margin: 0 10px 5px 0;
	}
	
	#webshopFP p { 
		margin: 0 0 10px 0; 
		}
	
	#webshopFP p.jatsiEtusivunHinta { 
		font-size: 20px;
		color: #808080;
		}


/* SUBPAGE - Col 2 - content */

#content,
#eventsContent  { 
	line-height: 1.5;
	font-size: 14px;
	}
	
	
	#content h1, #eventsContent h1,
	#content h2, #eventsContent h2,
	#content h3, #eventsContent h3,
	#content h4, #eventsContent h4 {
		margin: 0 0 20px 0;
		}
	
	#content p { 
		margin: 0 0 25px 0; 
		font-size: 14px;
		}
		
	#content ul, 
	#content ol {
		margin: 0 0 20px 35px;
		}

	#content td p { margin: 0;  }

#col2 p.updated { 
		color:	#a3a3a3;
		margin: 0 0 10px 0;
		font-size: 14px; 
		}

/* Events page */

#eventsContent { padding: 0 0 30px 0; }

	#eventsContent ul,
	#eventsContent ol {
		margin: 0 0 10px 35px;
		}

	#eventsContent ul.bmList {
		margin: 0 0 20px 15px;
		}
		
		#eventsContent ul.bmList li {
			margin: 0 0 10px 0;
			}
			
	#eventsContent h2.eventHeading {
		margin: 0;
		}
		
	#eventsContent p {
		margin: 0 0 10px 0;
		}
		
		#eventsContent p.eventDate { 
			font-weight: bold; 
			}
		

/* breadcrumb */

#col2 #breadcrumb {
	list-style-type: none;
	margin: 0 0 20px 0;
	font-size: 14px; 
	}
	
	#col2 #breadcrumb a { 
		text-decoration: underline; 
		}
		
		#col2 #breadcrumb a:hover { 
			text-decoration: none; 
			}
		
	#col2 #breadcrumb img { display: inline;  }
	
	
/* Tooltip */	
	
.vtip { 
	cursor: pointer; 
	display: inline;  
	vertical-align:text-top; }

/* AddThis-button */

.addthis_toolbox { position: relative; float: left; padding: 25px 0 0 0;}

.addThisPrint { 
	background: #eeeeee; 
	height: 17px; 
	padding: 2px 5px 2px 5px; 
	position: relative; 
	float: left; 
	margin: 0 15px 0 0; 
	cursor: pointer; 
	}
	
	img.printIcon {
		position: relative; float: left;
		}
	
	.printText {
		position: relative; 
		float: left; 
		padding: 0 0 0 5px; 
		color: #111111;
		}
		
	.addThisPrint a,
	.addThisBookmark a { 
		text-decoration: none; 
		}

.addThisBookmark { 
	background: #eeeeee; 
	height: 17px; 
	padding: 2px 5px 2px 5px; 
	position: relative; 
	float: left; 
	}
	
	.shareIcon {
		position: relative; 
		float: left;
		}

	.bookmarkText {
		position: relative; 
		float: left; 
		padding: 0 10px 0 5px; 
		color: #111111;
		}


/* SUBPAGE - Col 3 - content */
	
#contentSidebar {
	margin-bottom: 20px;
	}

	#contentSidebar.kunta a { color: #57ac00; }
	#contentSidebar.valtio a { color: #0061a6;  }
	#contentSidebar.seurakunta a  { color: #a319b4; }
	#contentSidebar.yksityiset a  { color: #a88700;  }

	#contentSidebar p { 
		color: #3f3f3f; 
		line-height: 1.4;
		margin: 0 0 10px 0;
		}
	
	#contentSidebar h1,
	#contentSidebar h2,
	#contentSidebar h3,
	#contentSidebar h4 {
		margin: 0 0 20px 0;
		}
	
	#contentSidebar ul,
	#contentSidebar ol {
		margin: 0 0 10px 35px;
		}
	
#linkBox {

	}

#linkBox h2 { 
	border-bottom: 2px solid #f68535; 
	font-size: 14px; 
	color: #111; 
	margin: 0 0 13px 0;  
	}
	
	
	#linkBox.kunta h2,
	#linkBox.valtio h2,
	#linkBox.seurakunta h2,
	#linkBox.yksityiset h2 { 
		border-bottom: 2px solid #cccccc; 
		}
		
	#linkBox.kunta a { color: #57ac00; }
	#linkBox.valtio a { color: #0061a6; }
	#linkBox.seurakunta a  { color: #a319b4; }
	#linkBox.yksityiset a  { color: #d39a00; }
	
	#contentSidebar .content h2.harmaaViiva { 
		border-bottom: 2px solid #cccccc; 
		font-size: 14px; 
		color: #111; 
		margin: 0 0 10px 0;
		}

	#contentSidebar .content h2.oranssiViiva,
	#newestNews h2.oranssiViiva { 
		border-bottom: 2px solid #f68535; 
		font-size: 14px; 
		color: #111; 
		margin: 0 0 10px 0;  
		}
		
		#page #col3 h2.oranssiViiva { 
			border-bottom: 2px solid #f68535; 
			font-size: 14px; 
			color: #111; 
			margin: 0 0 10px 0;  
			}
		
	#linkBox p {
		color: #3f3f3f;
		font-size: 12px;
		}

	#linkBox ul {
		list-style-type: none;
		margin: 0 0 30px 0;
		 }
	 
	 #linkBox ul li {
		margin: 0 0 4px 0;
		}
	
	#linkBox ul li img { display: inline; margin: 0 0 0 5px; }


/* Courses */

#searchCourses { 
	position: relative; 
	float: left;
	width: 490px; 
	}

#searchCourses p,
#searchCourses .searchResult  { 
	width: 490px; 
	}

.searchResult p {
	 margin: 0 0 5px 0; 
	 line-height: 1.3; 
	 }

#searchCourses table th {
	text-align: left;
	font-size: 14px;
	}


/* Meltwater */

#meltwaternews h2 {
	border-bottom: 2px solid #f68535; 
	font-size: 14px; 
	color: #111; 
	margin: 0 0 13px 0;  
	}
	

/* tables */

#content  table.tableGrey { 
	font: normal normal 12px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	width: 490px;
	
	}

	#content  table.tableGrey tr td p {
		font: normal normal 12px Arial, Helvetica, sans-serif;
		margin: 0 0 10px 0;
		
		}

	#content  table.tableGrey h2 { 
		margin: 0 0 10px 0;
		font-size: 15px;
		 }
	
	#content table.tableGrey td { 
		vertical-align: top;  
		padding: 10px; 
		background: #f8f8f8 url(/pics/www.jhl.fi/dotLine.gif) repeat-x bottom; 
		
		} 
	
	#content table.tableGrey th { 
		text-align: left;  
		background: #fafafa; 
		}


.content table.tableRightCol td {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #d8d8d8;
	}


/* bm2, nettikasvo  */

table#bm2messages th { padding: 3px 25px 3px 5px; }

table#bm2messages td  { padding: 3px 5px; border-bottom: 1px solid #CCCCCC; }

	table#bm2messages th.header.headerSortUp {
		background: #cf073b url(/pics/www.jhl.fi/sortByUp.gif) right no-repeat; 
		color: #fff;
		}
	
	table#bm2messages th.header.headerSortDown {
		background: #cf073b url(/pics/www.jhl.fi/sortByDown.gif) right no-repeat; 
		color: #fff;
		}
	
	table#bm2messages th.header {      
		cursor: pointer;
		text-align: left;
		color: #757575;
		background: #ffe8ee url(/pics/www.jhl.fi/sortBy.gif) right no-repeat;   
		}

#bm2 ul.bm2NewsList {
	margin: 0 0 0 20px;
	}

	#bm2 ul.bm2NewsList li {
		margin: 0 0 5px 0;
		}
	
	#bm2 ul.bm2NewsList li span { 
		font-size: 12px;
		color: #808080;
		}
		
#nettikasvo { 
	padding: 0 0 30px 0; 
	}

#bm2 p.dateBM2,
#nettikasvo p.dateBlog {
	color: #808080;
	margin: 0 0 15px 0;
	}

#bm2 p, 
#nettikasvo p { margin: 0 0 10px 0; }
	
#bm2 h2, 
#nettikasvo h2 { margin: 0; }

#bm2 { position: relative; }

#bm2 h1 a { color: #000000; }

#bm2 #alertAndRss { 
	width: 150px;
	position: absolute;
	top: -20px;
	right: 0;
	}
	
	a.mailAlert { 
		font-size: 12px; 
		float: right;
		margin: 0 10px 0 0;
		}
	
	#rss {
		float: right;
		} 

#newestNews ul { margin: 0 0 0 15px; }

	#newestNews ul  li { margin: 0 0 4px 0; }


/* bm2, nettikasvo comments */

#col2 #comments-public-view  { width: 470px;  }

#col2 #comments-public-view .comment,
#col2 #comments-public-view .comment_container   {
	background: #fafafa;
	background-image: none;
	}
	
	#col2 #comments-public-view .user { 
		font-size: 12px; 
		float: left; 
		font-style:normal; 
		margin: 0 0 5px 0; 
		}
	
	#col2 #comments-public-view .comment_container   { 
		border: 1px solid #e7e7e7; 
		margin: 0 0 10px 0;  
		}
	
	#col2 #comments-public-view h4 { 
		margin: 20px 0 0 0;   
		}
	

/* Search results */

#searchResults {
	font-size: 14px;
	}
	
	#searcfField {
		margin: 0 0 20px 0;
		}
	
	#searcfField input.search { 
		cursor: pointer;
		}
	
	#pagesSearch {
		margin: 20px 0 0 0;
		}
		
		#pagesSearch a.num2 {
			background: #c9093c;
			color: #FFFFFF;
			padding: 1px 3px;
			}
	
			#pagesSearch a.num {
				padding: 1px 3px;
				}
				
			#pagesSearch a:hover.num {
				background: #c9093c;
				color: #FFFFFF;
				}
	
	#searchResults h3 {
		margin: 0 0 5px 0;
		}
	
	#searchResults .odd { 
		background: #f7f7f7; 
		}
	
	#searchResults .even,
	#searchResults .odd {
		padding: 10px;
		}
	
	#searchResults p.resultInfo {
		margin: 0 0 20px 0;
		}


/* Formdesigner-form */

#col2 #fd h2 {
	margin: 10px 0 15px 0;
	font-size: 14px;
	}
	
	#col2 #fd .separator { margin: 15px 0; }
	
	#col2 #fd fieldset {
		border: none;
		margin: 0 0 10px 0;
		}

#col2 #fd input.textfield,
#col2 #fd textarea.textArea {
	width: 350px;
	}
	
	#col2 #fd textarea.textArea {
		height: 150px;
		}

/* Gallup */

#gallup {
	background: transparent url(/pics/www.jhl.fi/gallupBg.gif) repeat-y;
	position: relative;
	}
	
	#gallup img {
		display: block;
		float: left;
		}
	
	#gallup ul {
		margin: 0 15px 10px 15px;
		list-style-type: none;
		}
	
	#gallup ul li {	
		padding: 0 0 10px 0;
		}
		
		#gallup ul li img { position: relative; float: left; }
	
	#gallup p.question {
		margin: 0 0 10px 15px;
		}
		
	#gallup	p.answers {
		margin: 0 0 0 15px;
		}
		
	#gallup	a.answerLink { color: #f68535; text-decoration: none; }
		#gallup	a.answerLink:hover { text-decoration: underline; }
	
	#gallup h2 {
		padding: 0 0 0 15px;
		margin: 0 0 10px 0;
		font-size: 14px;
		}
	
	#gallup  img.bar { float: left; }

#content ul.gallupList { 
	list-style-type: none; 
	margin: 0;
	}

#content ul.gallupList li img { float: left; height: 16px;}  

#content ul.gallupList li p { margin: 0; }

#content ul.gallupList { background: transparent url(/pics/www.jhl.fi/dotLine.gif) bottom repeat-x; padding-bottom: 15px; }
	

/* Formdesigner */

#fd h1 { margin: 0 0 25px 0; }

#col2 #fd h2 {
	margin: 10px 0 15px 0;
	font-size: 14px;
	}
	
	#col2 #fd .separator { margin: 15px 0; }
	
	#col2 #fd fieldset {
		border: none;
		margin: 0 0 10px 0;
		}

#col2 #fd input.textfield,
#col2 #fd textarea.textArea {
	width: 350px;
	}
	
	#col2 #fd textarea.textArea {
		height: 150px;
		}


/* Footer */

#footer { 
	background: #cf073b; 
	color: #fff;
	padding: 20px 0 20px 15px;
	}
	
	#footer img { 
		border: none; 
		}
	
	#footer a.footerLogo { 
		margin: 0 30px 0 0; 
		display: block; 
		height: 56px; 
		width: 120px;
		float: left;
		border-right: 1px solid #FFFFFF;
		}
	
	#footer a { 
		color: #FFFFFF;
		}
	
	#footer p {
		font-size: 10px;
		margin: 5px 0 0 6px;
		float: left;
		width: 700px;
		}
	
	#footer p a { 
		color: #FFFFFF; 
		text-decoration: underline;
		}
		
		#footer p a:hover { 
			text-decoration: none; 
			}

	
	#footer ul { 
		list-style-type: none; 
		float: left; 
		}
	
	#footer ul li { 
		display: inline; 
		}
	
	#footer ul li a { 
		font-size: 10px; 
		text-transform: uppercase; 
		float: left;  
		border-right: 1px solid #fff; 
		padding: 0 5px 0 5px; 
		}



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