/* 
 * -------------------------------------
 * Style definitios for www.aspokem.com
 * --------------------------------------
*/

 * { margin:0;padding:0;}
 body {
 	background:#ddd;
 	font-family:arial,verdana,serif;
 	font-size:75%;
 	color:#414241;
 }
 br.cler { clear:both;}
blockquote { margin-left:20px;}
span.strong { font-weight:bold; background-color:yellow }
a { outline:none;}
 	#all { 
 		position:relative;
 		width:950px;
 		margin:0 auto;
 		background:#fff;
 		border:10px solid #fff;
 	}
 		#header { 
 			width:100%;
 			height:89px;
 		}
 			#header a#logo { position: absolute;width:158px;height:89px;margin:0;padding:0;border:none;background:transparent url(/pics/aspokem/logo.gif) no-repeat;text-indent:-999999px;}
 			#toolBar {
 				position:absolute;
 				left:158px;
 				top:0px;
 				width:792px;
 				height:47px;
 				background:transparent url(/pics/aspokem/toolBar.gif) repeat-x;
 				border-bottom:1px solid #e1e1e1;
 
 			}
 				#toolBar form {position:absolute;top:0.9em;right:330px; margin-right:0.7em;}
 					#toolBar label { color:#0e5c2a;font-weight:bold;}
 					#toolBar input { border:1px solid #b4de5e;}
 						#toolBar input.searchSubmit { 
 							width:2em;
 							background:transparent url(/pics/aspokem/icon-submit.gif) no-repeat;
 							border:none;
 							}
 				#toolBar ul { position:absolute;top:1em;right:1em;}
 					#toolBar li { display:inline;list-style-type:none;}
 						#toolBar li a { padding-left:0.5em;margin-right:0.5em;border-left:1px solid #b4de5e;color:#0e5c2a;text-decoration:none;}
 							#toolBar a:hover { text-decoration:underline;}
 							#toolBar a.currentLanguage { font-weight:bold;}
 			#mainMenu {
 				position:absolute;
 				top:66px;
 				left:158px;
 			}
 				#mainMenu ul {}
 					#mainMenu li { display:inline;list-style-type:none; padding-left:0.5em;margin-right:0.5em;border-left:1px solid #b4de5e;}
 						#mainMenu li:first-child { border:none;}
 						#mainMenu li a { font-weight:bold;color:#bd001d;text-decoration:none; }
 							#mainMenu a:hover { text-decoration:underline;}
 							#mainMenu a#selected { color:#60bd39;text-decoration:underline;}
 							
 			#page {
 				position:relative;
 				width:792px;
 				margin-left:158px;
 				border-top:4px solid #008700;
 			}
 				.frontpage {}
 				.subpages {}
 			/*  
 				* --------------------------------
 				* Frontpage
 				* --------------------------------
 			*/	
 				#frontpageImage {
 					width:100%;
 					height:192px;
 					border-top:1px solid #fff;
 					border-bottom:1px solid #fff;
 				}
 					#frontpageImage img {}
 				
	 			#mainCol {
	 				position:relative;
	 				border-top:4px solid #008700;
	 				background:transparent url(/pics/aspokem/mainCol.gif) 0 0px repeat-x;
	 				min-height:50px;
	 				height:auto;
	 				_height:50px;
	 			}
	 				#frontpageLeading {
	 					float:left;
	 					padding-top:34px;
	 					width:460px;
	 					padding-left:16px;
	 				}
	 					#frontpageLeading h1 {
	 						font-size:24px;
	 						color:#008700;
	 						background:transparent url(/pics/aspokem/rasterDot.gif) left bottom repeat-x;
	 						padding-bottom:0.2em;
	 						width:95%;
	 						font-weight:normal;
	 						margin-bottom:0.5em
	 					}
	 					
	 					#frontpageLeading p { width:95%;margin-bottom: 15px;line-height: 17px;}
	 					#frontpageLeading a { color:#bd001d;} 
	 				
	 				#frontpageBulletin { 
	 					float:left;
	 					width:316px;
	 					top:0px;
	 					background:#3a8c17 url(/pics/aspokem/bulletinArea.gif) repeat-x;
	 					padding-top:34px;
	 				}
	 					#frontpageBulletin h3 {
	 						font-size:24px;
	 						color:#b4de5e;
	 						border-bottom:1px solid #2f8d31;
	 						padding-bottom:0.2em;
	 						font-weight:normal;
	 						width:90%;
	 						margin-left:10px;
	 						margin-bottom:0.5em;
	 					}
	 					#frontpageBulletin ul {
	 						margin-left:10px;
	 					}
	 						#frontpageBulletin li { color:#b4de5e; font-size:11px;margin-bottom:1em;list-style-type:none;}
	 							#frontpageBulletin li a { color:#fff;text-decoration:none;font-weight:bold;font-size:12px;}
	 								#frontpageBulletin a:hover { text-decoration:underline;}
	 					#frontpageBulletin p {
	 						display:block;
	 						bottom:0px;
	 						width:100%;
	 						height:34px;
	 						background:transparent url(/pics/aspokem/newsArchive.gif) repeat-x;
	 						text-align:right;
	 					}
	 						#frontpageBulletin p a { 
	 							display:block;
	 							color:#cfff6c;
	 							font-weight:bold;
	 							font-size:11px;
	 							text-decoration:none;
	 							margin-right:1em;
	 							padding-top:0.5em;
	 							}
 			/*  
 				* --------------------------------
 				* Subpages
 				* --------------------------------
 			*/		
 				#subpagesImagePlace {
 					width:792px;
 					height:119px;
 				}
 					#subpagesImagePlace img {}
 				#contentCol {
 					position:relative;
 					width:100%;
 					background:transparent url(/pics/aspokem/contentCol.gif) repeat-x;
 					min-height:300px;
 					height:auto;
 					_height:300px;
 				}
 					#contentCol div.textArea {
 						width:85%;
 						margin-left:17px;
 						padding-top:34px;
 					}
 				 	/* headings */					
 					#contentCol h1,#contentCol h2.pageName {
 							font-size:24px;
	 						color:#008700;
	 						background:transparent url(/pics/aspokem/rasterDot.gif) left bottom repeat-x;
	 						padding-bottom:0.2em;
	 						width:95%;
	 						font-weight:normal;
	 						margin-bottom:1em
 					}
 					#contentCol h2,
 					#contentCol h3 {
 						font-size:18px;
	 					color:#008700;
	 					font-weight:normal;
	 					margin:0.5em 0 0.2em 0;	
 					}
 					
 					#contentCol h4,
 					#contentCol h5,
 					#contentCol h6 {
 						font-size:14px;
	 					color:#008700;
	 					font-weight:bold;
	 					margin:0.5em 0 0.2em 0;	
 					}
 					
 					/* paragraphs */
 					#contentCol p { 
 						margin-bottom: 15px;
						line-height: 15px;
						}
 					
 					/* links */
 					#contentCol a { color:#bd001d;}
 					
 					/* lists */
 					#contentCol ul,
 					#contentCol ol {
 						margin-left:2em;
 					}
 						#contentCol ul li ul,
 						#contentCol ol li ol { margin-top:0;margin-left:1em;}
 						#contentCol li {}
 						#contentCol ul li ul li { margin-top:0;}
 					
 					/* tables */	
 			
 			/*  
 				* --------------------------------
 				* Footer
 				* --------------------------------
 			*/		
 			#footer {
 				clear:both;
 				position:relative;
 				width:100%;
 				height:33px;
 				background:transparent url(/pics/aspokem/footer.gif) repeat-x;
 				font-size:11px;
 			}
 				#footer p {
 					padding-top:0.8em;
 					margin-left:17px;
 					color:#fff;
 				}
 				#footer p.feedbackLink {
 					position:absolute;
 					right:17px;
 					top:0em;
 					color:#b4de5e;
 					
 				}
 					#footer p.feedbackLink a { color:#fff;text-decoration:none;}
 						#footer p.feedbackLink a:hover { text-decoration:underline;}
 					
 			/**
 				*****************************************
 				** Other templates
 			**/
 			/* aspokem-bulletin.jsp */
 			#bm #list li { list-style-type:none;margin-bottom:1em;font-size:11px;}
 				#bm #list li a { font-weight:bold;color:#bd001d;font-size:14px;text-decoration:none;}
 					#bm #list li a:hover { text-decoration:underline;}
 		  /* aspokem-formdesignerform.jsp */
 		  #fd {
 		  	width:85%;
 			margin-left:17px;
 			padding-top:34px;
 		  }
			/* L�hetetyn lomakeen j�lkeinen osio */
			#fd #fd-sent { }
				
			/* Yksitt�isen kent�n ominaisuudet */
			#fd fieldset { margin: 6px 0px 2em 0px; display: block; background-color: #fff;border:none; }
				#fd fieldset legend { font-weight: bold;position:relative;left:-0.8em;}
			
			/* Kuvausteksti */
			#fd fieldset div.description { }
			
			/* Virheteksti */
			#fd fieldset div.failed_validations { font-weight: bold; background-color: #dc0000; color: #FFF; border: solid 1px #000; padding: 7px; margin: 5px 0px 5px 0; }
			
			/* Kentt�kohtainen sis�lt� */
			#fd fieldset div.value { }
			
			#fd fieldset input {  }
				#fd fieldset input:focus { border: solid 1px #bbb;  }
				#fd fieldset textarea { border: solid 1px #eee; }
				#fd fieldset textarea:focus { border: solid 1px #bbb; }
				#fd fieldset input[type=radio] { border: solid 1px #fff; }
				#fd label { cursor: pointer; }
					
			#fd legend strong {color:#414241;}
			
			/* Break-elementin tyyli */
			#fd fieldset.break { background-color: #eee; }