/*
MODISARJA : Balls
Green
_________________________________________________
Modi kopioitu osoitteesta www.sampo.name
Modaus vapaasti muutettavissa,kunhan alkuperäinen "Modauksen Copyright © www.sampo.name" -teksti pidetään modauksessa.
*/
*{font-size:9px;}
/* Sivun pohja,uloin tausta */
body{background:#ffffff url("http://i213.photobucket.com/albums/cc272/samponame/balls/ball-green.gif");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;margin-bottom:30px;width:960px;position:relative;border:1px solid #000;border-top: 0;}
/* ylä- ja alavalikkoiden oleva tila */
#tabbedbody{clear:both;background:#ffffff url("tabbedgradient.gif") 0% 0% repeat-x;padding:12px 18px 20px 18px;}
/* 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:9px;}
/* boldaukset */
p b,li b,label b{color:#000;}
/* Linkit */
a{text-decoration:none;font-weight:bold;}
a:link{color:#000;}
/* vierailtu */
a:visited{font-size:9px;color:#000;}
/* mouseover */
a:hover{text-decoration:underline;color:#000;}
/* tekstikentät / painikkeet */
input{margin:0;margin-right:5px;}
/* tekstikentät */
input.text,
textarea.text,
select{background-color:#ffffff;border:1px solid #000;font-size:12px;color:#000;}
/* Lomakkeen lähetyspainike */
input.submit{color:black;font-size:10px;letter-spacing:1px;background-color:#ffffff;border-top:1px solid #000;border-left:1px solid #000;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:#ffffff url("http://i213.photobucket.com/albums/cc272/samponame/balls/h1.gif") no-repeat 10px 0px;height:80px;}
h1{margin:0;display:block;height:80px;position:relative;background-image:url("irc-galleria2.gif");background-repeat:no-repeat;background-position:14px 14px;}
/* Etusivulinkkialue */
h1 a{display:none;}
/* 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:#000;font-size:12px;font-weight:bold;display:block;margin:auto;position:absolute;top:61px;left:111px;}
/* Sivun otsikkossa (Omanimi) -kohta */
h1 .title .small{font-weight:normal;}
/*
* Alareuna (Copyright teksti -palkki)
*/
#footer{background:#ffffff url("http://i213.photobucket.com/albums/cc272/samponame/footer-c-2008.png") no-repeat 0% 0%;border-top:1px solid #000;height:25px;}
#footer .innerborder{font-size:0px;text-align:center;padding:2px 20px 5px 20px;color:#000;}
#footer a{display:none;}
/*
* 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:#ffffff;border:1px solid #000;font-size:9px;font-family:Verdana,Sans-Serif;padding:1px;}
/* Haun noulipainike */
#search a{padding-left:3px;}
#search a span{display:none;}
/*
* Päävalikko
*/
#mainmenu{background-color:#90FF00;margin:0;float:left;width:100%;border-top:1px solid #000;border-bottom:1px solid #000;}
/* sisemmät reunukset */
#mainmenu .innerborder{float:left;width:100%;}
/* 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;}
/* linkki */
#mainmenu li a{display:block;padding:2px 9px 3px 9px;color:#aaa;font-size:9px;float:left;margin:0;text-decoration:none;}
/* uudet kommentit numerolinkki */
#mainmenu #mmnewcomments a,#mainmenu #mmnewchannelcomments a{color:#90FF00;font-weight:bold;}
/* linkkien mouseover */
#mainmenu li a:hover{color:#aaa;text-decoration:underline;}
/*
* Alavalikko,samanlainen merkkaus kuin päävalikolla
*/
#submenu{clear:both;float:left;font-size:9px;letter-spacing:0px;padding-top:15px;margin-left:0px;border-bottom:1px solid #000;width:100%;background-color:#ffffff;}
/* lista */
#submenu ul{margin:0;padding:0;list-style:none;padding-left:8px;}
/* painike */
#submenu li{vertical-align:middle;margin:0;padding:0;margin-right:0;background:#ffffff;float:left;/* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */}
/* linkki */
#submenu a{display:block;margin:0;padding:0;padding:2px 9px 3px 9px;color:#000;float:left;font-weight:normal;font-size:9px;font-family:Arial,sans-serif;}
/* 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 a:visited{font-size:9px;}
div.smallbox{margin-bottom:10px;padding:0;background-color:#ffffff;}
/* laatikon otsikkoalue */
div.smallbox div.title{border:1px solid #000;border-bottom:none;background:#90FF00;}
/* laatikon otsikkoteksti */
div.smallbox div.title h3{margin:0;padding:2px;text-align:center;font-family:Arial,Sans-serif;color:#aaa;font-size:10px;font-weight:normal;text-transform:uppercase;letter-spacing:0px;height:13px;}
/* laatikon sisältö */
div.smallbox .content{padding:0;border:1px solid #000;}
/* laatikon sisällön sisäreuna */
div.smallbox .content .innerborder{padding:0 10px 0 10px;margin:0;}
div.smallbox .content div.tabledecorator{margin-top:10px;margin-bottom:10px;}
div.smallbox .errors{color:red;}
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;}
/* 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;}
#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:#90FF00;font-weight:bold;}
#profilebasicinfo .offline{color:#90FF00;font-weight:bold;}
#profilebasicinfo .online:after,#profilebasicinfo .offline:after{content:" !";}
/* Verkon tai yhteisöluokitustekstit */
#profilechannels .network,
#profilecommunities .network{font-weight:bold;}
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;}
/* 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 #000;}
div#profilecountdown div.countdownprogressbar{top:0;left:0;height:100%;background-color:#ffffff;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;}
#profileaphorism .content{background-color:#ffffff;}
/* monospace fontti */
#profileaphorism .content .innerborder{padding:10px;}
#profileaphorism img{border:none;}
div.commentbox{width:691px;border-top:1px solid #000;border-bottom:1px solid #000;background-color:#ffffff;}
/* 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:#000;white-space:nowrap;}
/* Uudet kommentit teksti */
#newcomments{margin-top:5px;margin-bottom:5px;font-weight:bold;color:#000;}
/* 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}
#commentform .submit{color:#000;}
#commentform .nickcell{display:none;}
#commentform{margin-top:10px;margin-bottom:10px;}
#commentform td{vertical-align:middle;}
#commentform #commentfield{width:390px;}
div.commentbox tr.owner{color:#000;}
/* yksityiset */
div.commentbox tr.private,.private{color:#aaa;font-style:oblique;}
/* ylläpitokommentit */
div.commentbox tr.admin,.admin{color:#000;}
/* muiden käyttäjien omat kommentit */
div.commentbox tr.user{color:#000;}
/*
* Rekisteröityneenä käyttäjänä voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille
*/
div.noticebox{border-top:1px solid #000;padding:0;background-color:#ffffff;}
div.noticebox div.innerborder{border:1px solid #000;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:#ffffff;padding:8px 5px 10px 5px;margin-bottom:12px;border-bottom:1px solid #000;border-top:1px solid #000;}
/* 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:#ffffff;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:#000;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 #000;padding:0.5em 1.5em;}
div#voicecommentbox div#voicecommentnumbermissing{border:1px solid #000;padding:1em 1em 1em 70px;}
div#voicecommentbox a#voicecommentinstructiontoggle{border:solid 1px #000;display:block;padding:1em 1em 1em 70px;color:#000;font-weight:normal;text-decoration:none;}
div#voicecommentbox a#voicecommentinstructiontoggle b{display:block;margin-bottom:0.5em;color:#000;font-weight:bold;}
div#voicecommentbox div#voicecommentmaximized h4{color:#000;}
div#voicecommentbox div#voicecommentmaximized ol{list-style-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:#ffffff;border:1px solid #000;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:#90FF00;}
/* huomion sisäreuna */
#notes div.hover1 div.hoverinner{border-color:#000;}
/* huomion ulkoreuna onmouseover */
#notes div.hover2{border-color:#90FF00;}
/* huomion sisäreuna onmouseover */
#notes div.hover2 div.hoverinner{border-color:#000;}
/* huomion tekstiboksi */
#notes span.text{border:1px solid #000;background:#ffffff;color:#000;}
#note_edit {background-color:#ffffff;}
/*
* Kurkistus
*/
/* Käyttäjäkurkistus-"laatikko",älä määrittele korkeutta */
div.peepboxN{background-color:#ffffff;width:180px;}
/* Kanava/yhteisö -kurkistus-"laatikko",älä määrittele korkeutta */
div.peepboxC{background-color:#ffffff;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:#000;}
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;}
/*
* 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:red;}
.alert{color:red;font-weight:bold;}
div.smallbox .error{color:red;}
span.nick1 a{margin-left:2px;margin-right:2px;}
div.picture img{border:1px solid #000;margin:0;}
ul.emphasized li{color:#F68C00;font-weight:bold;margin-bottom:2px;}
#profileactions .spacer,#profilechannels .spacer,
#profilecommunities .spacer{display:none;}
#profilecommunities .network{display:none;}
.smallbox .channellist .profcommunitymoderator{padding-left:12px;background:url("http://i213.photobucket.com/albums/cc272/samponame/b-o3/valvojabw.gif") no-repeat 2px 1px;}
#moodedit,#moodedit *{display:inline;border:0; background:transparent;}
#profilelastfm .lastfmtime{color:#000 !important}
#profilelastfm .lastfmtrack{color:#000 !important}
#profilelastfm ol.lastfmtopartists,#profilelastfm ol.lastfmtoptracks ol{color:#000 !important}
#profilelastfm #lastfmmenu a{display:block;padding:0.5em;border:solid #000;border-width:0 0 1px 0;text-align:center !important}
#profilelastfm #lastfmmenu a#lastfmmenutopartists,
#profilelastfm #lastfmmenu a#lastfmmenutoptracks,
#profilelastfm #lastfmmenu a#lastfmmenurecenttracks{border-color:#000 !important}
#profilelastfm #lastfmmenu a.lastfmmenuselected{border-color:#000 !important}