/*
 * Modauspohjaksi tarkoitettu stylesheetti. Sisältää vain
  * profiilisivua koskevat määritykset.
   *
    * $Id: basestyle.css,v 1.7 2007/02/02 07:53:11 phadej Exp $
     */
      
      /*
       * Sekalaista
        */
	 
	 /* Sivun pohja, uloin tausta */
	 body {
	      background-color: #0054de;
	      			padding: 0; margin: 0;
					 color: #FFFFFF;
					 
					 	font-family: Verdana, Arial, Sans-Serif;
						}
						
						/* sivun ulkodiv,
määrittelee leveyden ja keskittää */
#outerbody {
	   margin-left: auto;
	   		margin-right: auto;
				      width: 960px;
				      	     position: relative;
					     }
					     
					     /* ylä- ja alavalikkoiden oleva
tila */
#tabbedbody {
	    clear: both;
	    	   background: #263E59 url("tabbedgradient.gif") 0% 0% repeat-x;
		   	       padding: 12px 18px 20px 18px;
			       		border-top: 1px solid #040609;
					}
					
					/* generic-taulukko */
					table {
					      border-collapse: collapse;
					      }
					      
					      table td {
					      	    vertical-align: top;
						    }
						    
						    /* perusfontti */
						    p, td, ol, ul, dl, div {
						       font-family: Verdana,
Arial, Sans-Serif;
       letter-spacing: 0px;
       		       font-size: 11px;
		       }
		       
		       /* boldaukset */
		       p b, li b, label b {
		       	 color: #F68C00;
			 }
			 
			 /* Linkit */
			 a {
			   text-decoration: none;
			   		    font-weight: bold;
					    }
					    
					    a:link {
					    	   color: #FFFFFF;
						   	  text-decoration: underline;
							  }
							  
							  /* vierailtu */
							  a:visited {

text-decoration: line-through;
}

/* mouseover */
a:hover {
	text-decoration: none;
	}
	
	/* tekstikentät / painikkeet */
	input {
	      margin: 0;
	      	      font: normal 24px Arial; letter-spacing: -0.05em;
		      	    margin-right: 5px;
			    }
			    
			    /* tekstikentät */
			    input.text,
			    textarea.text,
			    select {
			    	   background-color: #0054de;
				   		     border: 2px solid #ffffff;
						     	     font-size: 24px;

color: #ffffff;
       letter-spacing: -0.07em;
       }
       
       /* Lomakkeen lähetyspainike */
       input.submit {
       		    color: #ffffff;
		    	   font-size: 24px;
			   	      letter-spacing: -0.05px;
				      		      font-weight: bold;
						      

background-color: #0054de;

		  border: solid 2px #ffffff;
		  }
		  
		  /*
		   * Yläreuna
		    */
		    
		    /* Yläreunan div, tän sisällä on myös haku */
		    #headerblock {
		    		 position: relative;
				 	   background-color: #0054de;
					   		     height: 54px;
							     }
							     
							     h1 {
							     	margin: 0;
								

display: block;
	 height: 54px;
	 
	 	 position: relative;
		 
		 	   background-image: url("irc-galleria2.gif");
			   		     background-repeat: no-repeat;

background-position: 14px 14px;
}

/* Etusivulinkkialue */
h1 a {
   display: block;
   	    position: absolute;
	    	      height: 25px;
		      	      top: 14px;
			      	   left: 14px;
				   	 width: 185px;
					 	text-decoration: none !important;
						}
						
						/* IRC-Galleria -teksti,
oletuksena piilotettu */
h1 .ircgalleria {
   display: none;
   }
   
   /* väliviiva otsikossa, oletuksena piilotettu */
   h1 .separator { display: none; }
   
   /* Sivun otsikko - Omanick (Omanimi) */
   h1 .title {
      font-family: Verdana, Arial, Sans-Serif;
      		   color: #F68C00;
		   	  font-size: 12px;
			  	     font-weight: bold;
				     
				     		  display: block;
						  	   margin: auto;
							   	   position: absolute;

top: 24px;
     left: 216px;
     }
     
     /* Sivun otsikkossa (Omanimi) -kohta */
     h1 .title .small {
     	font-weight: normal;
	}
	
	/*
	 * Alareuna (Copyright teksti -palkki)
	  */
	  #footer {
	  	  background: #0054de;
		  	      margin-bottom: 40px;
			      		     border-top: solid 1px #ffffff;
					     }
					     
					     #footer .innerborder {
					     	     font-size: 12px;
						     		text-align: left;

padding: 2px 20px 5px 20px;
	 color: #ffffff;
	 }
	 
	 #footer a {
	 	 color: #ffffff;
		 	text-decoration: underline;
			}
			
			/*
			 * Yläreunan hakulomakkeet
			  */
			  #search {
			  	  position: absolute;
				  	    top: 11px;
					    	 right: 14px;
						 }
						 
						 #search table {
						 	 border-collapse: collapse;
							 }
							 
							 #search table td {

vertical-align: top;
		padding: 0;
		}
		
		/* Hakulomakkeet tekstit */
		#search td.searchtitle div    { display: block; } /* Haku */
		#search td.nicktitle div      { display: block; } /*
Nimimerkki */
#search td.communitytitle div { display: block; } /* Yhteisö */
#search td.channeltitle div   { display: block; } /* Kanava */

/* Voi piilottaa ylemmät ja tilalle laittaa kuvat */
/* #search td.searchtitle    { width: 30px;  background:
url("searchtitle.gif")     no-repeat 0px 5px } */ /* Haku */
/* #search td.nicktitle      { height: 11px; background:
url("searchnick.gif")      no-repeat 1px 0px } */ /* Nimimerkki */
/* #search td.communitytitle { height: 11px; background:
url("searchcommunity.gif") no-repeat 1px 0px } */ /* Yhteisö */
/* #search td.channeltitle   { height: 11px; background:
url("searchchannel.gif")   no-repeat 1px 0px } */ /* Kanava */

/* Haun tekstikenttä */
#search input.text {
	margin: 0;
		background-color: #0054de;
				  border: 1px solid #ffffff;
				  	  font-size: 12px;
					  	     font-family: Arial;
						     		  padding: 4px;
								  	   

letter-spacing: -0.05em;
}

/* Haun noulipainike */
#search a, #search a:hover {
	text-decoration: none;
	}
	
	#search a span {
		font-size: 11px;
			   padding-left: 3px;
			   }
			   
			   /*
			    * Päävalikko
			     */
			     #mainmenu {
			     	       margin: 0;
				       	       float: left;
					       
					       	      width: 100%;
						      
						      	     padding: 8px
0px 8px 0px;

    border-top: 1px solid #ffffff;
    		border-bottom: 1px solid #ffffff;
		}
		
		/* sisemmät reunukset */
		#mainmenu .innerborder {
			  float: left;
			  	 width: 100%;
				 	  
					     border-top: 1px solid black;
					     		 border-bottom: 1px
solid black;
}

/* lista */
#mainmenu ul {
	  list-style: none;
	  	      border: none;
		      	      margin: 0;
			      	      padding: 0;
				      
				      	       padding-left: 9px;
					       		     padding-right: 10px;
							     }
							     
							     /* painikkeet */
							     #mainmenu li {

display: block;
	 padding: 0;
	 	  margin: 0;
		  	  letter-spacing: 0px;
			  		  font-family: Arial, sans-serif;
					  
					  	       float: left; /* älä
muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}

/* Pois! -painike */
li#mmlogout {
	    float: right;
	    }
	    
	    /* "Oma" -painike */
	    #mainmenu li.selected {
	    	      background-color: #768BA6;
		      }
		      
		      /* linkki */
		      #mainmenu li a {
		      		display: block;
				
					 padding: 2px 9px 3px 9px;
					 	  color: #E2EBF1;
						  	 font-size: 10px;
							 
							 	    float: left;

margin: 0;

	text-decoration: none;
			 text-transform: uppercase;
			 }
			 
			 /* uudet kommentit numerolinkki */
			 #mainmenu #mmnewcomments a {
			 	   color: #ffffff;
				   	  font-size: 48px;
					  	     font-weight: bold;
						     }
						     
						     /* linkkien mouseover */
						     #mainmenu li a:hover {

text-decoration: none;
}

/*
 * Alavalikko, samanlainen merkkaus kuin päävalikolla
  */
  #submenu {
  	   clear: both;
	   	  float: left;
		  	 font-size: 11px; letter-spacing: 0px;
			 	    font-family: Verdana, Arial, sans-serif;
				    		 padding-top: 15px;
						 	      margin-left: 0px;

border-bottom: 1px solid #708498; 
	       width: 100%;
	       }
	       
	       /* lista */
	       #submenu ul {
	       		margin: 0;
				padding: 0;
					 list-style: none;
					 	     padding-left: 17px;
						     }
						     
						     /* painike */
						     #submenu li {
						     	      vertical-align: middle;
							      

margin: 0; padding: 0;
	padding-left: 15px;
		      margin-right: 0;
		      
		      		    float: left; /* älä muuta tätä! se on
lamea ja huonontaa käytettävyyttä */
}

/* linkki */
#submenu a {
	 display: block;
	 	  margin: 0; padding: 0;
		  	  padding-right: 16px;
			  		 padding-top: 7px;
					 	      padding-bottom: 5px;
						      
						      		      float: left;
								      

font-size: 10px;
}

/* linkin onmouseover */
#submenu a:hover {
	 text-decoration: underline;
	 }
	 
	 /* "profiili" painike
	 #submenu li.selected {
	 	  background: #7F92AB;
		  }
		  
		  /* "profiili" linkki */
		  #submenu li.selected a {
		  
		  }
		  
		  /*
		   * Vasemman reunan laatiokot
		    */
		    div.smallbox {
		    		 margin-bottom: 10px;
				 		border-top: 1px solid black;
							    padding: 0;
							    }
							    
							    /* laatikon
otsikkoalue */
div.smallbox div.title {
	     border: 1px solid #667A8F;
	     	     border-bottom: none;
		     }
		     
		     /* laatikon otsikkoteksti */
		     div.smallbox div.title h3 {
		     		  margin: 0;
				  	  padding: 2px;
					  	   
						       text-align: center;

font-family: Arial, Sans-serif;
	     color: #ffffff;
	     	    font-size: 24px;
		    	       font-weight: normal;
			       		    text-transform: uppercase;
					    		    letter-spacing: 0px;
							    

height: 13px;
}

/* laatikon sisältö */
div.smallbox .content {
	     padding: 0;
	     	      border: 1px solid #667A8F;
		      }
		      
		      /* laatikon sisällön sisäreuna */
		      div.smallbox .content .innerborder {
		      		   border: 1px solid black;
				   	   padding: 0 10px 0 10px;
					   	    margin: 0;
						    }
						    
						    div.smallbox .content
div.tabledecorator {
		   margin-top: 10px;
		   	       margin-bottom: 10px;
			       }
			       
			       div.smallbox .errors {
			       		    color: #FF4040;
					    }
					    
					    div.smallbox ul {
					    		 margin-left: 25px;

padding-left: 0;
}

div.smallbox p {
	     margin-top: 10px;
	     }
	     
	     /* laatikon ohje-nappula, piilotettu */
	     div.smallbox a.helplink {
	     		  display: block;
			  	   position: absolute;
				   	     height: 17px;
					     	     width: 21px;
						     	    top: 0px;
							    	 right: 0px;

display: hidden;
}

/* linkit jossa on kuva edessä, lisää padding-leftia pikkukuvia varten */
div.smallbox div.tool_link a {
	     display: block;
	     	      background-repeat: no-repeat;
		      			 background-position: center left;
					 		      padding-top: 4px;

padding-left: 4px;
	      padding-bottom: 4px;
	      		      margin-top: 1px;
			      		  margin-bottom: 1px;
					  		 font-size: 11px;
							 }
							 
							 /* Laatikot:
							 #profilebasicinfoTiedot
							 #profileactionsToiminnot
							 #trinketactionsSälät
							 #profilechannelsKanavat
							 #profilecommunitiesYhteisöt

#profilevisitcounter  Kävijälaskuri
#profilevisitorlist   Vieraslista
#profileaphorism      Ihkuboksi
*/

#profilebasicinfo .content .innerborder {
		  padding: 8px 10px 8px 10px;
		  }
		  
		  #profilebasicinfo .content .innerborder div {
		  		    padding: 2px 0 2px 0;
				    }
				    
				    #profilechannels .content .innerborder,
				    #profilecommunities .content .innerborder,
				    #profileactions .content .innerborder,
				    #trinketactions .content .innerborder, 
				    #profilevisitorlist div.innerborder {
				    			padding: 10px;
							}
							
							#trinketactions
.content .innerborder,
#profileactions .content .innerborder,
#profileactions .content .innerborder
#profilevisitorlist div.innerborder {
		    padding-top: 6px;
		    		 padding-bottom: 6px;
				 }
				 
				 /* Erottimet */
				 #profilechannels .spacer,
				 #profilecommunities .spacer {
				 		     height: 21px;
						     }
						     
						     #profileactions
div.spacer {
	   height: 10px;
	   }
	   
	   #profilevisitorlist div.spacer {
	   		       height: 17px;
			       }
			       
			       /* Tiedot -laatikko */
			       #profilebasicinfo .content span {
			       			 white-space: nowrap;
						 }
						 
						 /* Kotisivu yms -tekstit */
						 #profilebasicinfo b {
						 		   display: block;
								   }
								   
								   /*
varsinaiset tiedot */
#profilebasicinfo span {
		  display: block;
		  	   margin-left: 9px;
			   }
			   
			   /* Kyllä (kirjautunut) -teksti */
			   #profilebasicinfo .online {
			   		     color: #69F251;
					     	    font-weight: bold;
						    }
						    
						    /* Verkon tai
yhteisöluokitustekstit */
#profilechannels .network,
#profilecommunities .network {
		    font-weight: bold;
		    }
		    
		    /* Yhteisö / Kanava listauksiin padding
oppi/valvojamerkkiä varten */
/*
div.smallbox div.channellist div.profircchannel,
div.smallbox div.channellist div.profcommunity {
	     padding-left: 11px;
	     }
	     
	     div.smallbox div.channellist div.profircchanneloperator {
	     		  background: url("channel_operator_dark.gif") 2px
2px no-repeat;
}

div.smallbox div.channellist div.profcommunitymoderator {
	     background: url("community_moderator.gif") 2px 1px no-repeat;
	     }
	     */
	     
	     /* Vieraslista */
	     div#profilevisitorlist table#visitorlisttable {
	     			    width: 100%;
				    	   margin: 0;
					   }
					   
					   div#profilevisitorlist
tr.visitorlistdate th {
		   text-align: left;
		   	       font-weight: bold;
			       		    padding-top: 0.5em;
					    }
					    
					    div#profilevisitorlist
td.visitorlistvisitor {
		      padding-left: 1em;
		      }
		      
		      div#profilevisitorlist td.visitorlisttime {
		      			     text-align: right;
					     }
					     
					     /* Ihkuboksi */
					     
					     /* ei näytetä otsikkoa */
					     #profileaphorism .title {
					     		      display: none;
							      }
							      

#profileaphorism .content {
		 background-color: #4D6072;
		 }
		 
		 /* monospace fontti */
		 #profileaphorism .content .innerborder {
		 		  padding: 10px;
				  	   font-family: "Lucida Console", monospace;
					   }
					   
					   #profileaphorism img {
					   		    border: none;
							    }
							    
							    
							    /* Pikkukuvat
toimintolinkkeihin */
/*
div.smallbox div.tool_link a {
	     padding-left: 24px;	
	     }
	     */
	     /* #profilevisitorlist #showmorevisitors a { background-image:
url("visitorlist_showmore.gif"); } */ /* Näytä lisää vierailijoita */
/* #profilevisitorlist #browsevisitors a { background-image:
url("visitorlist_browse.gif"); } */ /* Selaa vierailijoiden kuvia */
/* #comment_deletion_start a { background-image: url("remove_comm.gif"); }
*/ /* Poista kommentteja */
/* #comment_deletion_stop a { background-image: url("stop_remove_comm.gif");
} */ /* Lopeta kommentien poisto */
/* #prof_blacklist_add a { background-image: url("add_black.gif"); } */ /*
Lisää Mustalle Listalle */
/* #prof_blacklist_remove a { background-image: url("add_black.gif"); } */
/* Poista Mustalle Listalle */
/* #prof_friends_add a { background-image: url("add_friend.gif"); } */ /*
Lisää kaveriryhmään */
/* #prof_daily_pic a { background-image: url("king_for_a_day.gif"); } */ /*
Ehdota Päivän kuvaksi */
/* #prof_denunciate a { background-image: url("bust_user.gif"); } */ /*
Ilmianna käyttäjä */
/* #prof_away a { background-image: url("away.gif"); } */ /* Aseta
poissaoloviesti */
/* #prof_image_info a { background-image: url("change_info.gif"); } */ /*
Muokkaa kuvan tietoja */
/* #prof_mypicture a { background-image: url("prof_mypicture.gif"); } */ /*
LolKek */
/* #prof_add_note a { background-image: url("add_note.gif"); } */ /* Uusi
Huomio */
/* #prof_addpic a { background-image: url("prof_addpic.gif"); } */ /* Lisää
uusi kuva */
/* #prof_sms_bg a { background-image: url("order_image.gif"); } */ /* Lataa
taustakuvaksi */
/* #trinket_pick_all a { background-image: url("pick_trinkets.gif"); } */ /*
Poimi kaikki sälät */
/* #trinket_edit_start a { background-image: url("start_modification.gif");
} */ /* Muokkaa sälää */
/* #trinket_edit_stop a { background-image: url("stop_modification.gif"); }
*/ /* Lopeta sälän muokkaus */

/*
 * Kommenttilaatikko
  */
  
  div.commentbox {
  		 width: 691px;
		 	border-top: 1px solid #5C6E81;
				    border-bottom: 1px solid #5C6E81;
				    		   background-color: #182A3D;
						   }
						   
						   /* otsikko, oletuksena
piilotettu */
div.commentbox .title {
	       display: none;
	       }
	       
	       /* sisältö */
	       div.commentbox .content {
	       		      padding: 15px;
			      }
			      
			      /* sisäreuna */
			      div.commentbox .innerborder div {
			      		     margin-top: 1px;
					     		 margin-bottom: 1px;
							 }
							 
							 /* aikaleima */
							 div.commentbox
.stamp {
       font-family: Arial, Sans-Serif;
       		    font-size: 10px;
		    	       color: #B2C1CB;
			       
			       	      white-space: nowrap;
				      }
				      
				      /* Uudet kommentit teksti */
				      #newcomments {
				      		   margin-top: 5px;
						   	       margin-bottom: 5px;

font-weight: bold;
	     color: #F68C00;
	     }
	     /* kommenttitaulukon solut, sarakkeiden välit tässä */
	     div.commentbox td {
	     		    padding-right: 5px;
			    }
			    
			    /* kommentin lähettäjän nimimerkki */
			    div.commentbox td.sender {
			    		   white-space: nowrap;
					   }
					   
					   /* kommentteissa esiintyvät linkit */
					   div.commentbox td.comment a {
					   		  font-weight: normal;

text-decoration: underline;
}

/* poistettava kommentti */
div.commentbox tr.deleted td {
	       text-decoration: line-through;
	       			color: #A0A0A0;
				}
				
				/* palautettu kommentti */
				div.commentbox tr.deleted td.undelete {
					       text-decoration: none
					       }
					       
					       /* kommenteissa näkyvät linkit */
					       
					       /* profiili */
					       /*
					       a.viewlink {
					       		  padding-right: 13px;

background-image: url("cicon_user.gif");
		  background-repeat: no-repeat;
		  		     background-position: 100% 100%;
				     }
				     */
				     
				     /* arkisto */
				     /*
				     a.archivelink {
				     		   padding-right: 13px;

background-image: url("cicon_archive.gif");
		  background-repeat: no-repeat;
		  		     background-position: 100% 100%;
				     }
				     */
				     
				     /* blogi */
				     /*
				     a.bloglink {
				     		padding-right: 17px;

background-image: url("cicon_blog.gif");
		  background-repeat: no-repeat;
		  		     background-position: 100% 100%;
				     }
				     */
				     
				     /*
				      * Kommenttointi lomake
				       */
				       #commentform {
				       		    margin-top: 10px;

margin-bottom: 10px;
}

#commentform td {
	     vertical-align: middle;
	     }
	     
	     #commentform #commentfield {
	     		  width: 390px;
			  }
			  
			  /* 
			   * Kommentien värit 
			    */
			    
			    /* omat kommentit omissa kuvissa */
			    div.commentbox tr.owner {
			    		   color: #F28E00;
					   }
					   
					   /* yksityiset */
					   div.commentbox tr.private,
.private {
	 color: #E04BC6;
	 }
	 
	 /* ylläpitokommentit */
	 div.commentbox tr.admin, .admin {
	 		color: #00FFF6;
			}
			
			/* muiden käyttäjien omat kommentit */
			div.commentbox tr.user {
				       color: #95EA48;
				       }
				       
				       /*
				        * Rekisteröityneenä käyttäjänä
voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille
 */
 div.noticebox {
 	       border-top: 1px solid black;
	       		   padding: 0;
			   	    background-color: #1F3145;
				    }
				    
				    div.noticebox div.innerborder {
				    		  border: 1px solid #667A8F;
						  	  padding: 10px;

padding-top: 5px;
	     padding-bottom: 5px;
	     }
	     
	     div.noticebox div.innerborder {
	     		   height: auto;
			   	   padding-left: 55px;
				   }
				   
				   div.noticebox p {
				   		 margin-top: 5px;
						 	     margin-bottom: 5px;

margin-left: 0;
}

div#todayspicnotice {
		    width: 691px;
		    	   margin-top: 10px;
			   }
			   
			   div#regseductionbox ul {
			   		       margin-top: 5px;
					       		   margin-bottom: 5px;
							   }
							   

p#regseductionlink a {
		   padding-right: 15px;
		   }
		   
		   /*
		    * Profiilisivuun liittyvät määrreet
		     */
		     #viewtable {
		     		border-collapse: collapse;
				}
				
				#viewtable td {
					   vertical-align: top;
					   }
					   
					   /* Vasen palsta */
					   #viewtableinfo {
					   		  width: 214px;
							  	 padding: 0;
								 }
								 
								 /* Oikea
palsta, jossa on kuva */
#viewtableimage {
		width: 691px;
		       padding-top: 0;
		       		    padding-left: 18px;
				    }
				    
				    /* Kuvan ympäristö */
				    #viewimagearea {
				    		   background-color: #182a3d;

padding: 8px 5px 10px 5px;
	 margin-bottom: 12px;
	 		border-bottom: 1px solid #5c6e81;
				       border-top: 1px solid #5c6e81;
				       }
				       
				       /* Kuvan div */
				       #viewimage {
				       		  margin-left: auto;
						  	       margin-right: auto;
							       }
							       
							       /* käyttäjän
kuva */
#viewimage img {
	   border: 0;
	   }
	   
	   /* kuvateksti */
	   #viewcaption {
	   		margin: 3px 10px 20px 1px;
				text-align: center;
					    margin-top: 5px;
					    		margin-bottom: 0px;
							
							}
							
							/*
Edellinen/Seuraava tekstit */
#viewtableimage div.prevnextpagination {
		height: 10px;
			text-align: center;
				    padding-bottom: 7px;
				    }
				    
				    #viewtableimage div.prevnextpagination
div.innerborder {
		position: relative;
			  top: -6px;
			  }
			  
			  #viewtableimage div.prevnextpagination
.prevnextpagination a {
		    padding-bottom: 3px;
		    }
		    
		    /* erotin "- (x/y) -" */
		    #viewtableimage div.prevnextpagination
.prevnextpagination .separator {
		    font-size: 9px;
		    }
		    
		    /* edellinen */
		    #viewtableimage div.prevnextpagination .prevlink {
		    		    padding: 0;
				    	     padding-left: 15px;
					     		   padding-right: 2px;
							   }
							   
							   /* seuraava */
							   #viewtableimage
div.prevnextpagination .nextlink {
		       padding: 0;
		       		padding-left: 2px;
					      padding-right: 15px;
					      }
					      
					      /*
					       * Hymiö-selektori
					        */ 
						
						/* Muuta vain näitä värejä
jottei mikään hajoisi */
#smileyselector {
		background-color: #263E59;
				  border: 1px solid #667A8F;
				  }
				  
				  #smileyselector {
				  		  display: none;
						  	   position: absolute;
							   	     bottom: 20px;

left: -36px;
      width: 93px;
      	     padding-top: 5px;
	     		  z-index: 1000;
			  }
			  
			  #smileys {
			  	   position: relative;
				   	     width: 30px;
					     }
					     
					     #smileybutton {
					     		   margin-left: 4px;

margin-right: 4px;
}

#smileyselector div.smiley, #smileyselector div.smileyclose {
		text-align: center;
			    height: 25px;
			    	    width: 31px;
				    	   float:left;
					   }
					   
					   #smileyselector br {
					   		   clear: left;
							   }
							   
							   #smileyselector
div.smileyclose a {
		color: white;
		       text-decoration: none;
		       			font-family: Arial, Helvetica, sans-serif;
						     font-weight: bold;
						     		  font-size: 13px;

padding-left: 3px;
	      padding-right: 3px;
	      }
	      
	      /*
	       * Äänikommentti-laatikko
	        */
		#voicecommentbox {
		}
		
		div#voicecommentbox div#voicecommentmaximized {
				    border: 1px solid #667A8F;
				    	    padding: 0.5em 1.5em;
					    }
					     
					     div#voicecommentbox
div#voicecommentnumbermissing {
			      border: 1px solid #667A8F;
			      	      padding: 1em 1em 1em 70px;
				      }
				       
				       div#voicecommentbox
a#voicecommentinstructiontoggle {
				border: solid 1px #667A8F;
					display: block;
						 padding: 1em 1em 1em 70px;
						 	  color: #D3E6E6;
							  	 font-weight: normal;

text-decoration: none;
}

div#voicecommentbox a#voicecommentinstructiontoggle b {
		    display: block;
		    	     margin-bottom: 0.5em;
			     		    color: #F68C00;
					    	   font-weight: bold;
						   }
						   
						   div#voicecommentbox
div#voicecommentmaximized h4 {
			  color: #F68C00;
			  }
			  
			  div#voicecommentbox div#voicecommentmaximized ol {
			  		      list-type: decimal;
					      		 margin: 1em 0 1em 3em;
							 	 padding: 0;
								 }
								 

div#voicecommentbox div#voicecommentmaximized ol li {
		    margin: 1em 0;
		    	    padding: 0;
			    }
			    
			    div#voicecommentbox div#voicecommentmaximized ol
li p {
   margin: 0.5em 0 !important;
   }
   
   div#voicecommentbox div#voicecommentphone {
   		       width: 114px;
		       	      height: 237px;
			      	      float: right;
				      	     margin: 0 0 1em 1em;
					     	     background:
url("voicecomment_n70.png") no-repeat;
			    position: relative;
			    }
			    
			    div#voicecommentbox span#voicecommentphonenumber {
			    			display: block;
							 position: absolute;

background: white;
	    border: 1px solid #CCCCCC;
	    	    color: black;
		    	   font-size: 10px;
			   	      font-weight: bold;
				      		   left: 20px;
						   	 bottom: 110px;
							 	 width: 67px;

text-align: right;
	    padding: 2px;
	    }
	    
	    /*
	     * Huomiot
	      */
	      
	      /* huomion ulkoreuna */
	      #notes div.hover1 {
	      	     border-color: #90a2b6;
		     }
		     
		     /* huomion sisäreuna */
		     #notes div.hover1 div.hoverinner {
		     	    border-color: #162538;
			    }
			    
			    /* huomion ulkoreuna onmouseover */
			    #notes div.hover2 {
			    	   border-color: white;
				   }
				   
				   /* huomion sisäreuna onmouseover */
				   #notes div.hover2 div.hoverinner {
				   	  border-color: black;	    
					  }
					  
					  /* huomion tekstiboksi */
					  #notes span.text {
					  	 border: 1px solid #90a2b6;
						 	 background: #162538;
							 	     color: #DAE6ED;
								     }
								     
								     /*
								      * Kurkistus
								       */
								       /*
Käyttäjäkurkistus-"laatikko", älä määrittele korkeutta */
div.peepboxN {
	     background-color: #1F3145;
	     		       width: 180px;
			       }
			       
			       /* Kanava/yhteisö -kurkistus-"laatikko", älä
määrittele korkeutta */
div.peepboxC {
	     background-color: #1F3145;
	     		       width: 250px;
			       }
			       
			       /* kurkistuksen sisäreuna */
			       div.peepboxN div.innerborder,
			       div.peepboxC div.innerborder { 
			       		    border: 1px solid #667A8F;
					    	    padding: 5px 10px 5px 10px;
						    
						    	     color: #DAE6ED;

font-family: Verdana, Arial, sans-serif;
	     letter-spacing: 0px;
	     		     font-size: 11px;
			     }
			     
			     div.peepboxN p,
			     div.peepboxC p {
			     		  margin-top: 0;
					  	      margin-bottom: 5px;
						      }
						      
						      div.peepboxN span,
						      div.peepboxC span {
						      		   display: block;

margin-left: 9px;
}

/*
 * Kaverit, kirjautunut-pallo ja syntärisankarikakku
  */
  
  /* Kaverit vaaleanpunaisella */
  span.friend a:link,
  span.friend a:visited {
  	      color: #FF8A92;
	      }
	      
	      /* Kommentoitu pois, oletuksena näyttävät ihan hyviltä
	      span.onlinenick {
	      		      padding-right: 7px;
			      		     margin-right: 2px;
					     
					     		   background-image: url(online.gif);

background-repeat: no-repeat;
		   background-position: 100% 6px;
		   }
		   
		   span.birthdaynick {
		   		     padding-right: 17px;
				     		    margin-right: 0px;
						    

background-image: url(birthday.gif);
		  background-repeat: no-repeat;
		  		     background-position: 100% 0px;
				     }
				     */
				     
				     /*
				      * Tosi sekalaista
				       */
				       p {
				       	 line-height: 15px;
					 
					 	      margin-top: 0;

margin-bottom: 10px;
}

/* Pikkuotsikko - Sälähallinta */
h4 {
   font-size: 12px;
   
   	      padding-top: 10px;
	      		   margin-top: 0;
			   	       margin-bottom: 5px;
				       }
				       
				       form table th {
				       	    text-align: left;
					    		vertical-align: top;
							}
							
							/* checkboxit ja
radio buttonit labelin sisällä */
label input {
      vertical-align: bottom;
      }
      
      strong {
      }
      
      .error, ul.errors {
      	      color: #FF7070;
	      }
	      
	      .alert {
	      	     color: #FF3030;
		     	    font-weight: bold;
			    }
			    
			    div.smallbox .error {
			    		 color: red;
					 }
					 
					 
					 span.nick1 a {
					 	    margin-left: 2px;

margin-right: 2px;
}

div.picture img {
	    border: 1px solid #667A8F;
	    	    margin: 0;
		    }
		    
		    ul.emphasized li {
		    		  color: #F68C00;
				  	 font-weight: bold;
					 	      margin-bottom: 2px;
						      }