/*+---------------------------+*/
/*| ASPO OYJ verkkopalvelun   |*/
/*|    tyylim��rittelyt       |*/
/*+---------------------------+*/

/**
	Palvelun yleiset m��ritykset
**/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



p,ul,ol,li { margin:0em;padding:0em;}
ul { position:relative;}
div.clear { clear:both;}

/**
   Palvelun body tagin m��ritys, sivupohjan taustav�rin m��ritys
**/
body {
	margin:0em;
	padding:0em;
	background:transparent url(/pics/body.gif) repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#004a9d;
}

/**
	Sivupohjan ymp�r�iv� elementti
**/
div#all {
	position:relative;
	width:898px;
	/* left:17px; */
	margin:0em auto;
	padding:0em;
	background:#ffffff;
}

	/**
	   Etuivun yl�tunniste, jossa sijaitsevat logo, apuvalikko ja kuvapaikka.	// index.jsp
	**/
	div#header-fp {
		position:relative;
		width:100%;
		height:260px;
		margin:0em;
		padding:0em;
	}
	
	div#header {
		position:relative;
		width:100%;
		height:84px;
		margin:0em;
		padding:0em;
	}
		/**
			Palvelun etusivun rakenteen tyylim��rittelyt // index.jsp 
		**/
		/**
			Etusivun logo, joka on erikokoinen kuin alasivuilla k�ytett�v� logo	 
		**/
		div#frontpage-logo {
			float:left;
			width:185px;
			height:65px;
			margin:0em;
			padding:0em;
		}
			/** Linki takaisin palvelun etusivulle ja samalla linkin taustakuvana n�ytet��n Aspo Oyj:n logo **/
			div#frontpage-logo a {display:block;width:185px;height:65px;margin:0em;padding:0em;text-indent:-99999px;background:transparent url(/pics/logo-aspo-fp.gif) no-repeat;}
			
			
		/**
			Etusivun yl�tunnisteen oikeapalsta, jossa sijaitsevat apuvalikko, kuvapaikka sek� p��valikko
		**/
		div#frontpage-header_col_right {
			float:left;
			width:713px;
			height:221px;
			margin:0em;
			padding:0em;
		}
		/**
		   Alasivujen yl�tunnisteen oikeapalsta 
		**/
		#header_col_right {
			float:left;
			width:678px;
			margin:0em;
			padding:0em;
		}
		
		/**
		   apuvalikon m��ritykset
		**/
		ul#help_menu {
			position:relative;
			height:20px;
			width:100%;
			list-style-type:none;
			text-align:right;
			margin:0em;
			padding:0em;
		}
		/**
			apuvalikko esitet��n luettelona yhdell� rivill�
		**/
			ul#help_menu li {
				display:inline;
				margin:0em 0.5em 0em 0em;
				padding:0em 0em 0em 0.5em;
				border-left:1px solid #004d91;
			}
			/** valikon ensimm�iselle li-kohdalle ei piirret� vasempaan reunaan viivaa **/
			ul#help_menu li.first { border:none;}
			ul#help_menu li a { color:#004d91;font-size:10px;text-decoration:none;margin:0em;padding:0em;}
			/** linkin hover-efektin� k�ytet��n viivan piirtoa **/
			ul#help_menu li a:hover { text-decoration:underline;}
		
		/**
			Etusivun kuvapaikka, kuva vaihdetaan joko kuvapaikka-toiminolla tai RID-moduulilla
		**/
		div#frontpage-main_image {
			position:relative;
			clear:both;
			width:713px;
			height:176px;
			margin:0em;
			padding:0em;
			top:41px;
		}
		
		/**
		   Etusivun p��valikko // ylatunniste.jsp
		**/
		#frontpage-main_menu {
			position:relative;
			margin:0em;
			top:42px;
			padding:0.1em 0em 5px 0em;
			height:20px;
			background:transparent url(/pics/li-main_menu.gif) 0px 1px no-repeat;
		}
			div#frontpage ul {
				
				list-style-type:none;
				}
			div#frontpage-main_menu ul li { 
				display:inline;	
				background:transparent url(/pics/li-main_menu.gif) 0px 0px no-repeat;
				}
			div#frontpage-main_menu li a { color:#a3a3a3;font-weight:bold;font-size:11px;text-decoration:none;margin:0em;padding:0em 1em 0em 1em;}
			/** linkin hover-efektin� k�ytet��n viivan piirtoa - eri p��osiolla oma v�rins� **/
			#frontpage-main_menu ul li#aspo a:hover	{ border-bottom:4px solid #0083c7; }
			#frontpage-main_menu ul li#liiketoiminta a:hover, #frontpage-main_menu ul li#operations a:hover{ border-bottom:4px solid #cc0000;}
			#frontpage-main_menu ul li#sijoittajat  a:hover,#frontpage-main_menu ul li#investors a:hover  { border-bottom:4px solid #008200;}
			#frontpage-main_menu ul li#tiedotteet a:hover,#frontpage-main_menu ul li#news a:hover   { border-bottom:4px solid #f77c00;}
			#frontpage-main_menu ul li#yhteystiedot a:hover,#frontpage-main_menu ul li#contact_information a:hover { border-bottom:4px solid #963793;}
			
			
		
		
		/**
		   Alasivujen p��valikko // _inc/ylatunniste.jsp
		**/
		#main_menu {
			position:relative;
			margin:0em;
			top:42px;
			padding:0.1em 0em 5px 0em;
			height:20px;
			background:transparent url(/pics/li-main_menu.gif) 0px 1px no-repeat;
			}
			#main_menu ul { list-style-type:none;}
			#main_menu li { display:inline;	background:transparent url(/pics/li-main_menu.gif) right top no-repeat;}
			/** valikon ensimm�iselle li-kohdalle ei piirret� taustakuvaa **/
			/** #main_menu li#aspo { background:none;margin:0em;padding:0em;} 
			#main_menu li#aspo a { padding:0em 1em 0em 0.5em;} **/
			#main_menu li a { color:#a3a3a3;font-weight:bold;font-size:11px;text-decoration:none;margin:0em;padding:0em 1em 0em 1em;}
			/** aktiivisen p��tason alle piiret��n alleviivaus osion v�rill� **/
			#main_menu li#aspo a#selected { border-bottom:4px solid #0083c7; }
			#main_menu li#liiketoiminta a#selected,#main_menu li#operations a#selected  { border-bottom:4px solid #cc0000;}
			#main_menu li#sijoittajat a#selected,#main_menu li#investors a#selected  { border-bottom:4px solid #008200;}
			#main_menu li#tiedotteet a#selected,#main_menu li#liiketoiminta a#news   { border-bottom:4px solid #f77c00;}
			#main_menu li#yhteystiedot a#selected,#main_menu li#contact_information a#selected  { border-bottom:4px solid #963793;}
			/** linkin hover-efektin� k�ytet��n viivan piirtoa - eri p��osiolla oma v�rins� **/
			#main_menu li#aspo a:hover	{ border-bottom:4px solid #0083c7; }
			#main_menu ul li#liiketoiminta a:hover, #main_menu ul li#operations a:hover { border-bottom:4px solid #cc0000;}
			#main_menu ul li#sijoittajat  a:hover, #main_menu ul li#investors a:hover  { border-bottom:4px solid #008200;}
			#main_menu ul li#tiedotteet a:hover, #main_menu ul li#news a:hover   { border-bottom:4px solid #f77c00;}
			#main_menu ul li#yhteystiedot a:hover, #main_menu ul li#contact_information a:hover { border-bottom:4px solid #963793;}
			
		
	
	
	/**
		Etusivun sis�lt�alue
	**/
	div#frontpage {
		position:relative;
		width:100%;
		margin:0em;
		padding:0em;
		background:transparent url(/pics/frontpage.gif) repeat-y;
		min-height:228px;
	}
		/**
			Etusivun sis�lt�alue miss� sijaitsevat yleisesittely ja uutisalue;
		**/
		div#frontpage-right_col {
			position:relative;
			width:713px;
			left: 185px;
			margin:0em;
			padding:0em;
			min-height:200px;
			height:auto;
			_height:200px;
		}
		/**
		   Palvelun esittelyteksti
		**/
		div#fp-intro {
			float:left;
			width:493px;
		}
		/**
			Tekstialueen m��ritykset, jolla voidaan hallita tekstialueen sijoitusta ymp�r�iv�ss� div:ss�
		**/
		div.textArea {
			/* position:absolute; */
			width:480px;
			margin:0em 0em 0em 22px;
			padding:0em;
		}
		div.text_area h1 { 
			font-size:14px;
			margin-bottom:0.5em;
			padding:0em;
			}
		/**
			Etusivun uutisalue
		**/
		div#bulletin {
			width:170px;
			margin:0em;
			margin-left:537px;
			padding:0em;
		}
		div#bulletin ul {
			list-style-type:none;
		}
		div#bulletin li { color:#000000;font-size:11px;text-transform:uppercase;margin:0.5em 0em;}
		div#bulletin li a {color:#004d91;text-decoration:underline;}
		
		/**
		   Palvelun alasivujen tyylim��rittelyt
		**/
		/**
		   Logon sijoittaminen alasivuilla /_inc/ylatunniste.jsp
		**/
		#logo {
			float:left;
			width:219px;
			height:89px;
			margin:0em;
			padding:0em;
		}
		
		#header #logo a { display:block;text-indent:-9999px;width:219px;height:89px;margin:0em;padding:0em;background:transparent url(/pics/logo-aspo.gif) no-repeat;}

		
		/**
			Sivun sis�lt�alue, jossa sijaitseva navigointi, sivun sis�lt� sek� oikeanpalsta halutut nostot
		**/
	#page,#pageWide {
		position:relative;
		clear:both;
		width:100%;
		margin:0em;
		padding:0em;
		
	}
		#pageWide { background:transparent url(/pics/pageWide.gif) repeat-y;}
		#page { background:transparent url(/pics/page.gif) repeat-y; }
	
	/**
		Leve� sivupohja, jossa ei k�ytet� taustakuviota
		/error/404.jsp
	**/
	#page_wide {
		position:relative;
		clear:both;
		width:100%;
		margin:0em;
		padding:0em;
	}
		/**
			Sis�lt�alueen vasenpalsta, sis�lt�� navigoinnin	 
		**/
		#left_col {
			float:left;
			width:219px;
			margin:0em;
			padding:0em;
		}
		/**
			   palvelun navigointi, eroaa perinteisest� navigoinnin siten ett� kaikki osion alasivut 
			**/
			#navi {
				position:relative;
				width:166px;
				margin:0em;
				padding:0em;
				left:40px;
			}
			#navi ul {
				list-style-type:none;
			}
			/**
				P��tason navigointi
			**/
			#navi ul li {
				border-bottom:1px solid #d5dadc;	
				margin:0em;
				padding:0.5em 0em;
			}
			#navi ul li a { color:#004a9d;text-decoration:none;font-size:12px;}
			#navi ul li a:hover { background:#dce0e4;}
			
			/**
			   Toisen tason navigointi
			**/
			#navi ul ul {
				margin-top:0.5em;
			}
			#navi ul li ul li {
				border:none;
				margin-left:1.5em;
				padding:0.3em 0em;
			 }
			#navi ul li ul li a { color:#2c6a9a;font-size:11px;}
			/** 
			   Aktiiivisen sivun esitt�mistapa tyylim��rittely
			**/
			#navi li a#selected { font-weight:bold;color:#26394a;}
			
		/**
		   Alasivujen sis�lt�alueen oikeapalsta
		**/
		#right_col {
			float:left;
			width:679px;
			margin:0em;
			padding:0em;
		}

		#right_col td.hugin p {
			margin:0;	
		}
			/**
			   Murupolku
			**/
			#path {
				position:relative;
				width:100%;
				height:17px;
				background:#a3a3a3;
				margin:0em;
				padding:0em;
			}
			#path p { font-size:10px;color:#ffffff;margin:0em;padding:0.2em 0em 0em 0.6em;}
			#path a { color:#ffffff;text-decoration:none;}
			#path a:hover { text-decoration:underline;}
			
			/**
				Alasivujen kuvapaikka, kuva haetaan kuvapaikkatoiminolla
			**/
			#subpages-main_image {
				position:relative;
				width:679px;
				height:113px;
				margin:0em;
				padding:0em;
				background:#a3a3a3;
			}
			/** 
				Sivun nimi, erotettu luokkalla "pagename", jottei sis�ll�ss� mahdollisesti
				olevat H2-otsikot muutu sivun nimen tyyliksi
			**/
			#right_col h2.pagename {
				font-size:14px;margin:0em 0em 1em 0em;padding:1em 0em 0em 0em;
			}
			
			/**
			   Alasivujen tekstialue, yll�pidet��n Content Editorin kautta
			**/
			#content_col {
				float:left;
				width:460px;
				margin:0em;
				padding:0.5em 0em 0em 1em;
			}
			
				/**
				   Muut sis�lt�tyylit, joita ei m��ritell� Content Editorin k�ytt�m�n style/text.css -kautta
				**/
				#content_col ul,#content_col ol { margin-left:2em;}
				#content_col li {}
				#content_col a { text-decoration:underline;color:#004a9d;}
				#content_col a:hover {color:#ee1a2f;}
			
			#additional_info_col {
				float:left;
				width:190px;
				margin:0em 0em 0em 18px;
				padding:0em 0em 0em 0em;
			}
			
			/**
				Kun sis�lt�sivuina k�ytet��n monisarakkeista sivupohjaa
				k�ytet��n seuraavia m��rityksi�
				/pagetemplates/columnContent.jsp
			**/
			#keskipalsta {
				float:left;
				width:460px;
				margin:0em;
				padding:0em 0em 0em 1em;
				}
				
			/**
			   Lis�tietopalsta sis�lt�alueen oikealla puolella. 
			   K�ytet��n mm. markkinointitietojen esitt�miseen.
			   /pagetemplates/columnContent.jsp
			**/
			#oikea_palsta {
				float:left;
				width:190px;
				margin:0em 0em 0em 18px;
				padding:0em 0em 0em 0em;
			}
			/** kummallekin palstalle m��ritell��n minimi-korkeus **/
			#oikea_palsta,#keskipalsta { 
				min-height:200px;
				height:auto;
				_height:200px;
				}
				/**
					Kummankin palsta kappaletyylit, joita ei ole
					suoraan text.css kautta m��riteltyj�
				**/
				#keskipalsta ul,
				#keskipalsta ol, 
				#oikea_palsta ul,
				#oikea_palsta ol { margin-left:2em;}
				#keskipalsta li,#oikea_palsta li {}
				#keskipalsta a,
				#oikea_palsta a { text-decoration:underline;color:#004a9d;}
				#keskipalsta a:hover,
				#oikea_palsta a:hover {color:#ee1a2f;}
			/**
				Leve� sis�lt�palsta, jota k�ytet��n 
				template-wide.jsp kanssa.
			**/
			#content_col_wide {
				padding-left:1em;
				padding-right:1em;        
			}
      
				#content_col_wide a { text-decoration:underline;color:#004a9d;}
				#content_col_wide a:hover {color:#ee1a2f;}        
      
      
				
	/**
	   Alatunniste
	**/
	/** Etusivun alatunniste, sis�lt�� kurssitiedot **/
	#footer {
	 position:relative;
	 width:100%;
	 height:30px;
	 background:#a3a3a3;
	 margin:0em;
	 padding:0.5em 0em 0em 0em;
	}
		#footer p { color:#ffffff;font-size:10px;}
		#footer a { color:#ffffff;text-decoration:none;}
		#footer a:hover { text-decoration:underline;}
		/** Kurssitiedot, esitet��n kuva mihin tiedot haetaan www.euroland.com -palvelusta **/
		#share_info { float:left;}
		/** copyright-tekstin ja legal notice -linkin sijoittaminen sivun oikeaan laitaan sek� tekstin keskitt�minen **/
		#copy { position:absolute;right:2em;margin:0em 0em 0em 0em;padding:0em;line-height:1em;text-align:center;top:0em;}
		/** alasivun copyright teksti, ilman Legal Notice-linkki� **/
		#copy-sp {
			margin-left:1em;
	}
  
  /**
  Stock Release List
  **/
  
  table.stockReleaseList { }
  #content_col_wide table.stockReleaseList a {
    text-transform:none;
    text-decoration:none;
  }
  
    
  /** Stock releases, main page **/  
	#bulletin ul li A.esnews  { text-decoration:none;}
	#bulletin ul li A:hover.esnews  { text-decoration:underline;}

	/*
		* File Manager *
		* pagetemplates/filemanager.vm
	*/

	#fileListing { }
		#content_col ul.files { position: relative; width: 100%; margin-left: 0; list-style-type:none; margin-top: 0.5em;}
			#content_col ul.files li { border-bottom: 1px solid #e8e8e8; padding-bottom: 0.5em; margin-bottom: 0.5em; }
			#content_col ul.files li a { font-weight: bold; text-decoration: none; background: url(/pics/filemanager/icon-download-blue.gif) no-repeat;padding-left: 2em; }
				#content_co ul.files li a:hover { text-decoration: underline;}
		
		#content_col #paginationWrapper { border: 1px solid #c3d8e2; padding: 2px;}
			#content_col .pagesContainer { position: relative; background: #ebebeb; padding: 0.5em; }
				#content_col .pagesContainer p { float:left; font-size: 11px; color:#818181; font-weight: bold; margin:0; line-height: auto;}
				#content_col ul.filePagination {float:left; list-style-type: none; margin-left: 0.5em;}
				#content_col ul.filePagination li { display:inline; float:left; margin:auto; padding:0 1em; position:relative; border-right: 1px solid #fff;}
				#content_col ul.filePagination li a { text-decoration: none; font-weight: bold;}
				#content_col ul.filePagination li.active { font-weight: bold; text-decoration:none; color:#000; }
						#content_col ul.filePagination li a:hover { text-decoration: underline;}

	/*
		* Bulletin Manager 2
		* /pagetempaltes/bulletinmanager2.vm
		* ***********************************
	*/
	.msg-listing { margin-top: 1em;}
		#content_col .msg-listing ul { list-style-type: none; margin-left: 0;}
		#content_col .msg-listing li { margin-bottom: 1em;}
		#content_col .msg-listing li a {}