/*
tiglz_grey-MOD

-  Harmaa-valkoinen modaus
_________________________________________________
Modi käyttää oletuksena IRC-Gallerian idahotheme-tyylitiedostoa.

Modi kopioitu osoitteesta www.sampo.name

Modia saa vapaasti muokata, toivon kuitenkin että pitäisitte H1:n taustakuvana olevan IRC-galleria +  www.sampo.name -kuvan paikallaan. :)

*/

 
/* Sivun pohja, uloin tausta */
body {
	background-color: #acacac;
	padding: 0; margin: 0;
	color: #000;

	font-family: Verdana, Arial, Sans-Serif;
}

/* sivun ulkodiv, määrittelee leveyden ja keskittää */
#outerbody {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	position: relative;
}

/* ylä- ja alavalikkoiden oleva tila */
#tabbedbody {
	clear: both;
	background: #acacac url("http://i213.photobucket.com/albums/cc272/samponame/tiglz_grey/tabbed.gif") 0% 0% repeat-y;
	padding: 12px 18px 20px 50px;
	border-top: 0px solid #000;
}

/* 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: #646565;
}

/* vierailtu */
a:visited {
	color: #646565;
}

/* mouseover */
a:hover {
	text-decoration: underline;
	color: #646565;
}

/* tekstikentät / painikkeet */
input {
	margin: 0;
	margin-right: 5px;
}

/* tekstikentät */
input.text,
textarea.text,
select {
	background-color: #fff;
	border: 1px solid #000;
	font-size: 12px;
	color: #000;
}

/* Lomakkeen lähetyspainike */
input.submit {
	color: black;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: capitalize;
	
	background-color: #707070;

	border-top: 1px solid #707070;
	border-left: 1px solid #707070;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

/*
 * Yläreuna
 */

/* Yläreunan div, tän sisällä on myös haku */
#headerblock {
	position: relative;
	background-color: #acacac;
	height: 206px;
}

h1 {
	margin: 0;

	display: block;
	height: 246px;

	position: relative;

	background-image: url("http://i213.photobucket.com/albums/cc272/samponame/tiglz_grey/H1.png");
	background-repeat: no-repeat;
}

/* 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, h1 .ircgalleria a { display: none; }

/* väliviiva otsikossa, oletuksena piilotettu */
h1 .separator { display: none; }

/* Sivun otsikko - Omanick (Omanimi) */
h1 .title {
	font-family: Verdana, Arial, Sans-Serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;

	display: block;
	margin: auto;
	position: absolute;
	top: 150px;
	left: 33px;
}

/* Sivun otsikkossa (Omanimi) -kohta */
h1 .title .small {
	font-weight: normal;
}

#moodedit, #moodedit * { display: inline; }

/*
 * Alareuna (Copyright teksti -palkki)
 */
#footer {

	height: 116px;
	background: #b3b3b3 url("http://i213.photobucket.com/albums/cc272/samponame/tiglz_grey/footer.gif") no-repeat top;
	margin-bottom: 40px;
	border-top: 0	px solid black;
}

#footer .innerborder {
	font-size: 10px;
	text-align: center;
	padding: 2px 20px 5px 20px;
	color: #646565;
}

#footer a {
	color: #646565;
}

/*
 * Yläreunan hakulomakkeet
 */
#search {
	border: 1px solid #646565;
	
	width: 550px;
	height: 32px;
	
	padding: 15px;
	padding-right: 43px;
	margin-right: -2px;
	
	position: absolute;
	top: 136px;
	right: 56px;
}

#search table {
	position: relative;
	left: 12px;

	border-collapse: collapse;
}

#search table td {

	vertical-align: middle;
	padding: 0;
}

#search td { color: #646565; text-transform: uppercase; font-size: 5px; }

/* Hakulomakkeet tekstit */
#search td.searchtitle div    { display: none; } /* Haku */
#search td.nicktitle div      { display: block; } /* Nimimerkki */
#search td.communitytitle div { display: block; } /* Yhteisö */
#search td.channeltitle div   { display: block; } /* Kanava */

/* Haun tekstikenttä */
#search input.text {
	width: 150px;
	color: #646565;
	margin: 0;
	background-color: #fff;
	border: 1px solid #000;
	font-size: 9px;
	font-family: Verdana, Sans-Serif;
	padding: 1px;
}

/* Haun noulipainike */
#search a, #search a:hover {
	text-decoration: none;
	color: #aeb7b7;
	background: url("") no-repeat left;
}

#search form a {padding-left: 20px; width: 12px; height: 10px; background: url("http://i213.photobucket.com/albums/cc272/samponame/reddish/quicksearch.png") no-repeat center; }
#search form a span { display: none; }

/*
 * Päävalikko
 */
#mainmenu {
	background: transparent url("") no-repeat left;
	margin: 0;
	
	bottom: 179px;
	left: 30px;
	position: relative; 
	
	padding-top: 0px;
	padding-bottom: 0px;
	height: 0px;
	width: 400px;

	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
}

/* sisemmät reunukset */
#mainmenu .innerborder { 
	margin-top: 10px;
	float: left;
	width: 400px;
	height: 10px;

	border-top: 0px solid black;
	border-bottom: 0px 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 {
}

/* "Oma" -painike */
#mainmenu li.selected {
	background-color: #acacac;
}

/* linkki */
#mainmenu li a {
	display: block;

	padding: 18px 10px 18px 10px;
	color: #000;
	font-size: 10px;

	float: left;
	margin: 0;

	text-decoration: none;
	text-transform: uppercase;
}

/* uudet kommentit numerolinkki */
#mainmenu #mmnewcomments a {
	color: #000;
	font-weight: bold;
}

/* linkkien mouseover */
#mainmenu li a:hover {
	color: #000;
	background-color: #646565;
}

li#mminfo, li#mmstats, li#mmshop, li#mmshoppifi, li#mmvip, li#mmblognewest, li#mmcommunities, li#mmintro, li#mmregistration, li#mmparents, li#mmbrowse { display: 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;
	
	width: 100%;
	background: #acacac url("http://i213.photobucket.com/albums/cc272/samponame/tiglz_grey/tabbed.gif") 0% 0% repeat-y;
}

/* lista */
#submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 40px;
}

/* painike */
#submenu li {
	vertical-align: middle;

	padding-left: 5px;
	margin-left: 5px;

	float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
	
	background: transparent url("http://i213.photobucket.com/albums/cc272/samponame/tiglz_grey/smbutton_left.gif") no-repeat left top;  
}

/* linkki */
#submenu a {
	
	
	padding-right: 6px;
	padding-top: 9px;
	padding-bottom: 10px;

	color: #646565;

	float: left;
	display: block;

	font-size: 10px;
	
	background: transparent url("http://i213.photobucket.com/albums/cc272/samponame/tiglz_grey/smbutton_right.gif") no-repeat right top; 
}

#submenu a:hover { color: #acacac; background: transparent url("http://i213.photobucket.com/albums/cc272/samponame/tiglz_grey/smbutton_right_hover.gif") no-repeat right top; } 
#submenu li:hover { color: #acacac; background: transparent url("http://i213.photobucket.com/albums/cc272/samponame/tiglz_grey/smbutton_left_hover.gif") no-repeat left top; } 

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

	width: 220px;
	margin-bottom: 10px;
	border-top: 0px solid black;
	padding: 0;
	
	background: #acacac url("http://i213.photobucket.com/albums/cc272/samponame/tiglz_grey/sbcontent.gif") repeat-y;
}

/* laatikon otsikkoalue */
div.smallbox div.title {
	border: 0px solid #667A8F;
	border-bottom: none;

		height: 20px;

	background: #acacac url("http://i213.photobucket.com/albums/cc272/samponame/tiglz_grey/sbtitle.gif") no-repeat left;
}


/* laatikon otsikkoteksti */
div.smallbox div.title h3 {
	margin: 0;
	padding-top: 5px;
	
	text-align: center;
	font-family: Arial, Sans-serif;
	color: #000;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0px;

}

#profilevisitcounter .content { padding-bottom: 10px;}

/* laatikon sisältö */
div.smallbox .content {
	padding: 0;
	border: 0px solid #000;
	background: url("http://i213.photobucket.com/albums/cc272/samponame/tiglz_grey/sbbottom.gif") no-repeat bottom;

}

/* laatikon sisällön sisäreuna */
div.smallbox .content .innerborder {
	border: 0px solid #fff;
	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: none;
	position: absolute;
	height: 17px;
	width: 21px;
	top: 0px;
	right: 0px;
}

/* linkit jossa on kuva edessä, lisää padding-leftia pikkukuvia varten */
div.smallbox div.tool_link a {
	display: block;
	
	background-image: url("http://i213.photobucket.com/albums/cc272/samponame/toyd_grey/actions.png");
	background-repeat: no-repeat;
	background-position: center left;
	padding-top: 4px;
	padding-left: 18px;
	padding-bottom: 4px;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 11px;
}

div.smallbox div.tool_link a:hover {
	background-image: url("http://i213.photobucket.com/albums/cc272/samponame/toyd_grey/actionshover.png");
}

/* Laatikot:
#profilebasicinfo     Tiedot
#profileactions       Toiminnot
#trinketactions       Sälät
#profilechannels      Kanavat
#profilecommunities   Yhteisöt
#profilevisitcounter  Kävijälaskuri
#profilevisitorlist   Vieraslista
#profileaphorism      Ihkuboksi
#profilecountdown     TJ-laskuri
*/



#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 { display:none; }

#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: #fff;
	font-weight: bold;
	
	font-variant: small-caps;
}

/* Verkon tai yhteisöluokitustekstit */
#profilechannels .network,
#profilecommunities .network { display:none; }

/* 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("http://i213.photobucket.com/albums/cc272/samponame/b-o3/valvojabw.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;
}

/* TJ-laskuri */
div#profilecountdown table#countdowntable {
	width: 100%;
	margin: 0;
	margin-bottom: 0.8em;
}

div#profilecountdown tr.countdowndescription th {
	text-align: left;
	font-weight: bold;
	padding-top: 0.5em;
}

div#profilecountdown form#countdownadd {
	margin: 0;
}

div#profilecountdown tbody.countdownentryprivate {
}

div#profilecountdown tbody.countdownentryfriends {
}

div#profilecountdown tbody.countdownentrylogged {
}

div#profilecountdown tbody.countdownentrypublic {
}

div#profilecountdown tr.countdowndays td {
	padding-left: 2em;
}

div#profilecountdown tr.countdownweeks td {
	padding-left: 2em;
}

div#profilecountdown tr.countdownentryedit td {
	padding-left: 2em;
}

div#profilecountdown select#countdownvisibility {
	width: 100%;
}

div#profilecountdown div.countdownprogressouter {
	position: relative;
	height: 1.3em;
	border: solid 1px black;
}

div#profilecountdown div.countdownprogressbar {
	top: 0;
	left: 0;
	height: 100%;
	background-color: #445a72;
	position: absolute;
}
	
div#profilecountdown div.countdownprogresspercent {
	top: 0;
	left: 0;
	width: 100%;
	line-height: 1.3em;
	text-align: center;
	position: absolute;
}

div#profilecountdown .spacer {
	margin-top: 1.0em;
	margin-bottom: 0.3em;
	background: url(dotline.gif) repeat-x left center;
}

/* Ihkuboksi */

/* ei näytetä otsikkoa */
#profileaphorism .title {
	display: block;
}



/* 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-right: 1px solid #707070;
	border-left: 1px solid #707070;
	background: #b3b3b3 url("f") repeat-x top;

}

/* otsikko, oletuksena piilotettu */
div.commentbox .title {
	display: block;
	
	padding-top: 5px;
	padding-bottom: 0px;

	color: #707070;
	text-align: center;
}

/* sisältö */
div.commentbox .content {
	padding: 15px;
	padding-bottom: 30px;
	padding-top: 0px;
	background: #b3b3b3 url("f") repeat-x bottom;

}

/* 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: #000;

	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
}

/*
 * Kommenttointi lomake
 */
#commentform {
	margin-top: 10px;
	margin-bottom: 10px;
}

#commentform td {
	vertical-align: middle;
}

#commentform #commentfield {
	width: 390px;
}


/* Kuuntelun AIKA */
		#profilelastfm .lastfmtime { color: #464646 !important}
		
		/* RAIDAN nimi */
		#profilelastfm .lastfmtrack { color: #464646 !important}
		
		/* LISTA (numerot) */
		#profilelastfm ol.lastfmtopartists, #profilelastfm ol.lastfmtoptracks ol { color: #464646 !important}

		/* Linkit Last.FM -boksissa (Uusimmat, Artistit, Biisit) */
		#profilelastfm #lastfmmenu a { display: block; padding: 0.5em; border: solid #464646; border-width: 0 0 1px 0; text-align: center !important}

		/* Linkkien borderit */
		#profilelastfm #lastfmmenu a#lastfmmenutopartists,
		#profilelastfm #lastfmmenu a#lastfmmenutoptracks,
		#profilelastfm #lastfmmenu a#lastfmmenurecenttracks { border-color: #464646 !important}

/* omat kommentit omissa kuvissa */
div.commentbox tr.owner {
	color: #646565;
}

/* yksityiset */
div.commentbox tr.private, .private {
	font-style: oblique;
	color: #464646;
}

/* ylläpitokommentit */
div.commentbox tr.admin, .admin {
	color: #00FFF6;
}

/* muiden käyttäjien omat kommentit */
div.commentbox tr.user {
	color: #646565;
}

/*
 * Rekisteröityneenä käyttäjänä voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille
 */
div.noticebox {display: none;
	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 {

	background: transparent;

	width: 691px;
	padding-top: 0;
	margin-left: 18px;
	padding-left: 18px;
}

/* Kuvan ympäristö */
#viewimagearea {
	background: #b3b3b3 url("f") repeat-x bottom;
	padding: 8px 5px 15px 5px;
	margin-bottom: 12px;
	border-bottom: 0px solid #5c6e81;
	border-top: 0px 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 {

	background: #b3b3b3 url("f") repeat-x top;

	height: 10px;
	text-align: center;
	padding-bottom: 13px;
}

#viewtableimage div.prevnextpagination div.innerborder {
	position: relative;
	top: 8px;
}

#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: #707070;
	border: 1px solid #000;
}

#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;
}

#note_edit { background: #fff; }

/* huomion ulkoreuna */
#notes div.hover1 {
	border-color: #707070;
}

/* huomion sisäreuna */
#notes div.hover1 div.hoverinner {
	border-color: #000;
}

/* huomion ulkoreuna onmouseover */
#notes div.hover2 {
	border-color: #707070;
}

/* huomion sisäreuna onmouseover */
#notes div.hover2 div.hoverinner {
	border-color: #000;	
}

/* huomion tekstiboksi */
#notes span.text {
	border: 1px solid #000;
	background: #707070;
	color: #000;
}

/*
 * Kurkistus
 */
/* Käyttäjäkurkistus-"laatikko", älä määrittele korkeutta */
div.peepboxN { opacity: 0.8;
	background-color: #707070;
	width: 180px;
}

/* Kanava/yhteisö -kurkistus-"laatikko", älä määrittele korkeutta */
div.peepboxC { opacity: 0.8;
	background-color: #707070;
	width: 250px;
}

/* kurkistuksen sisäreuna */
div.peepboxN div.innerborder,
div.peepboxC div.innerborder { 
	border: 1px solid #000;
	padding: 5px 10px 5px 10px;

	color: #000;
	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: grey;
}


span.onlinenick {
	padding-right: 11px;
	margin-right: 2px;

	background-image: url("http://i213.photobucket.com/albums/cc272/samponame/b-o3/onlinegray.png");
	background-repeat: no-repeat;
	background-position: 100% 3px;
}

/* (O) Synttärikakku */
span.birthdaynick {
	padding-right: 17px;
	margin-right: 0px;

	background-image: url("http://disko.irc-galleria.net/idaho/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;
}