body {
background-color: #0D1C0A;
padding: 0; margin: 0;
color: #DAE6ED;
background-image: url(http://www.hubaa.net/modaukset/galleria_alapalkki.gif);
background-repeat: no-repeat;
background-position: center bottom;
font-family: Verdana, Arial, Sans-Serif;
}

table {
border-collapse: collapse;
}

table td {
vertical-align: top;
}

#outerbody {
margin-left: auto;
margin-right: auto;
width: 960px;
}

#headerblock {
position: relative;
background-color: #1A3A14;
height: 54px;
}

h1 {
margin: 0;

display: block;
height: 54px;

position: relative;

background-image: url("http://disko.irc-galleria.net/idaho/irc-galleria2.gif");
background-repeat: no-repeat;
background-position: 14px 14px;
}

h1 .ircgalleria {
/*
color: #E2EBF1; 
font-family: "Century Gothic", Sans-Serif;
font-weight: normal;
font-size: 30px;

display: block;
margin: auto;
position: absolute;
top: 6px;
left: 19px;
*/
display: none;
}

h1 .separator { display: none; }

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

h1 .title .small {
font-weight: normal;
}

h3 {
font-size: 13px;
}

/* --- sivujen alareunan palkki --- */

#footer {
background: #1D4216 url("http://www.hubaa.net/modaukset/vihreagalleria_copyfooterleft.gif") no-repeat 0% 100%;
margin-bottom: 40px;
border-top: 1px solid black;
}

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

background: url("http://www.hubaa.net/modaukset/vihreagalleria_copyfooterright.gif") no-repeat 100% 100%;
}

#footer a {
color: #357628;
}


/* --- Oikean yläreunan hakulootat --- */

#search {
position: absolute;
top: 11px;
right: 14px;
}

#search table {
border-collapse: collapse;
}

#search table td {
vertical-align: top;
padding: 0;
}

/* Piilotetaan tekstit... */
#search td.searchtitle div    { display: none; }
#search td.nicktitle div      { display: none; }
#search td.communitytitle div { display: none; }
#search td.channeltitle div   { display: none; }

/* ... ja haksotaan tilalle coolit giffit */
#search td.searchtitle    { width: 30px;  background: url("http://disko.irc-galleria.net/idaho/searchtitle.gif")     no-repeat 0px 5px }
#search td.nicktitle      { height: 11px; background: url("http://disko.irc-galleria.net/idaho/searchnick.gif")      no-repeat 1px 0px }
#search td.communitytitle { height: 11px; background: url("http://disko.irc-galleria.net/idaho/searchcommunity.gif") no-repeat 1px 0px }
#search td.channeltitle   { height: 11px; background: url("http://disko.irc-galleria.net/idaho/searchchannel.gif")   no-repeat 1px 0px }

#search input {
margin: 0;
}

#search input.text {
background-color: #142D0F;
border: 1px solid #50B63C;
font-size: 9px;
font-family: Verdana, Sans-Serif;
padding: 1px;
}

#search form {
background: url("http://disko.irc-galleria.net/idaho/quicksearch.gif") no-repeat 100% 50%;
margin: 0; padding: 0;
margin-right: 5px;
}

#search a {
text-decoration: none;
}

#search a span {
font-size: 11px;
padding-left: 3px;
visibility: hidden;
}

#search a:hover {
text-decoration: none;
}


/* --- leipäteksti --- */

p, td, ol, ul, dl, div {
font-family: Verdana, Arial, Sans-Serif;
letter-spacing: 0px;
font-size: 11px;
}

p {
line-height: 15px;

margin-top: 0;
margin-bottom: 10px;
}

/* --- kuvia koskevat säännöt --- */

#imagerules li,
#longrules li,
#blogrules li {
margin-bottom: 4px;
}

h4 {
font-size: 12px;

padding-top: 10px;
margin-top: 0;
margin-bottom: 5px;
}

/* --- leipätekstissä ja listoissa olevat boldaukset --- */
p b, li b {
color: #F68C00;
}

strong {
}

.error, ul.errors {
color: #FF7070;
}

.alert {
color: #FF3030;
font-weight: bold;
}

div.smallbox .error {
color: red;
}

a {
text-decoration: none;
font-weight: bold;
}

a:link {
color: #E5C59A;
}

a:visited {
color: #C2A378;
}

a:hover {
text-decoration: underline;
color: #FFDEB0;
}

span.nick1 a {
margin-left: 2px;
margin-right: 2px;
}

div.picture a {
}

div.picture img {
border: 1px solid #50B63C;
margin: 0;
}

input {
margin: 0;
margin-right: 5px;
}

input.text,
textarea.text,
select {
background-color: #1A3A14;
border: 1px solid #50B63C;
/*
border-left-color: black;
border-top-color: black;
*/
font-size: 12px;

color: white;
}

input.blogtext,
textarea.blogtext {
background-color: #1A3A14;
border: 1px solid #50B63C;
/*
border-left-color: black;
border-top-color: black;
*/
font-size: 12px;
font-family: Verdana;
color: white;

width: 620px;
}

input.submit {
color: black;
font-size: 10px;
letter-spacing: 1px;

background-color: #90A2B6;

border-top: 1px solid #B8CFE9;
border-left: 1px solid #B8CFE9;
border-bottom: 1px solid #58636F;
border-right: 1px solid #58636F;
}

/* --- päävalikko --- */

#mainmenu {
background-color: #357628;
margin: 0;
float: left;

width: 100%;

border-top: 1px solid #50B63C;
border-bottom: 1px solid #50B63C;
}

#mainmenu .innerborder {
float: left;
width: 100%;
  
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#mainmenu ul {
list-style: none;
border: none;
margin: 0;
padding: 0;

padding-left: 9px;
padding-right: 10px;
}

#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ä */
}

li#mmlogout {
float: right;
}

#mainmenu li.selected {
background-color: #66C753;
}

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

#mainmenu #mmnewcomments a {
color: #DAAA67;
font-weight: bold;
}

#mainmenu li a:hover {
color: #F68C00;
background-color: #1E4317;
}

/* --- Tyhjä mainmenu reggautuessa --- */

#emptymainmenu {
background-color: #357628;
margin: 0;

width: 100%;

border-top: 1px solid #50B63C;
border-bottom: 1px solid #50B63C;
}

#emptymainmenu .innerborder {
width: 100%;
  
border-top: 1px solid black;
border-bottom: 1px solid black;

height: 17px;
display: block;
}

/* --- Alavalikko, esitetään lehdyköinä --- */

#submenu, #subsubmenu {
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 #57C242; 
width: 100%;
background-color: #295D1F;
}

#submenu ul, #subsubmenu ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 17px;
}

#submenu li, #subsubmenu li {
vertical-align: middle;

margin: 0; padding: 0;
padding-left: 15px;
margin-right: 0;

background-image: url("http://www.hubaa.net/modaukset/vihreagalleria_tab_left.gif");
background-position: 0% 0%;
background-repeat: no-repeat;
background-color: #3C536D;

float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}

#submenu a, #subsubmenu a {
display: block;
margin: 0; padding: 0;
padding-right: 16px;
padding-top: 7px;
padding-bottom: 5px;
background-image: url("http://www.hubaa.net/modaukset/vihreagalleria_tab_right.gif");
background-position: 100% 0%;
background-repeat: no-repeat;

color: #E2EBF1;

float: left;

font-size: 10px;
}

#submenu a:hover, #subsubmenu a:hover {
text-decoration: underline;
}

#submenu li.selected, #subsubmenu li.selected {
background-image: url("http://www.hubaa.net/modaukset/vihreagalleria_tab_left_active.gif");
background-color: #7F92AB;
}

#submenu li.selected a, #subsubmenu li.selected a {
background-image: url("http://www.hubaa.net/modaukset/vihreagalleria_tab_right_active.gif");
}


/* -------- */

#innerbody {
clear: both;
background-color: #295D1F;
padding: 12px 18px 20px 18px;
}

#tabbedbody {
clear: both;
background: #295D1F url("http://www.hubaa.net/modaukset/vihreagalleria_tabbedgradient.gif") 0% 0% repeat-x;
padding: 12px 18px 20px 18px;
border-top: 1px solid #040609;
}


/* --- järeät, pääsääntöisesti leipätekstiä sisältävät boksit --- */

div.box {
margin-bottom: 10px;
}

div.box div.title {
border-bottom: 3px solid #182A3E;
background-image: url("http://www.hubaa.net/modaukset/vihreagalleria_curvedtitlebackground_trans.gif");
background-repeat: no-repeat;
background-position: 0% -0%;
}

div.box div.title h3 {
margin: 0;
padding-left: 10px;
padding-top: 6px;
padding-bottom: 3px;

font-family: Arial, Sans-serif;
font-weight: bold;
font-size: 12px;
letter-spacing: 1px; 

color: #E2EBF1;
}

div.box .content {
border-top: 1px solid #50B63C;
background-color: #3C556F;

color: white;
}

div.box .content .innerborder {
border-top: 1px solid #14263A;
padding: 0 10px 10px 10px;
}

div.box .boxfooterleft {
display: block;
margin: 1px 0 0 0;
padding: 0;

background: #314964 url("boxfooterleft.gif") no-repeat 0% 100%;
}

div.box .boxfooterright {
display: block;
margin: 0;
height: 10px;
padding: 0;
background: url("boxfooterright.gif") no-repeat 100% 100%;

font-size: 0; /* ie kludge vaikka ei edes sisällä tekstiä */
}

div.box .content .text,
div.box .content select {
background-color: #295D1F;

}

div.box .content .innerborder table {
margin-top: 10px;
}

div.box .content p {
margin-top: 10px;
margin-left: 20px;
}

/* --- kapeat, kevyillä kehyksillä varustetut boksit --- */

div.smallbox {
margin-bottom: 10px;
border-top: 1px solid black;
padding: 0;
background-color: #214B19;
}

div.smallbox div.title {
border: 1px solid #50B63C;
border-bottom: none;

background-color: #445A72;
background: url("http://www.hubaa.net/modaukset/vihreagalleria_smallboxtitlegradient.gif") repeat-x;
}

div.smallbox div.title h3 {
margin: 0;
padding: 2px;

text-align: center;
font-family: Arial, Sans-serif;
color: #E2EBF1;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0px;
}

div.smallbox .content {
padding: 0;
border: 1px solid #50B63C;
}

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

div#indexfriends.smallbox h4 {
font-family: Verdana, Sans-serif;
font-size: 11px;
margin-bottom: 2px;
}

div#indexfriends.smallbox div.tabledecorator {
margin-top: 3px;
}

div#indexfriends.smallbox p {
margin-top: 0; margin-bottom: 5px;
}

div#indexfriends.smallbox td.time {
width: 38px;
}

#profilechannels .content .innerborder,
#profilecommunities .content .innerborder,
#profileactions .content .innerborder,
#trinketactions .content .innerborder,
#profileadmintools .content .innerborder,
#blogactions .content .innerborder {
padding: 10px;
}

#trinketactions .content .innerborder,
#profileactions .content .innerborder,
#blogactions .content .innerborder,
#profileactions .content .innerborder {
padding-top: 6px;
padding-bottom: 6px;
}

#profilesms .content .innerborder{
padding: 6px 10px 6px 10px;
}

/* --- kommenttiboksi --- */

div.commentbox {
border-top: 1px solid #48A436;
border-bottom: 1px solid #48A436;
background: url("http://www.hubaa.net/modaukset/vihreagalleria_commentgradient_upper.gif") 0% 0% repeat-x;
background-color: #1C3F15;
}

div.commentbox .title {
display: none;
}

div.commentbox .content {
padding: 15px;
background: url("http://www.hubaa.net/modaukset/vihreagalleria_commentgradient_lower.gif") 0% 100% repeat-x;
}

div.commentbox .innerborder div {
margin-top: 1px;
margin-bottom: 1px;
}

div.commentbox .stamp {
font-family: Arial, Sans-Serif;
font-size: 10px;
color: #B2C1CB;

white-space: nowrap;
}

div#newcomments {
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
color: #F68C00;
}

/* --- view.php:n kommentiboksi. ie:tä varten täytyy määritellä kiinteä leveys. --- */

div#viewcommentbox {
width: 691px;
}

/* kommenttien värit */
div.commentbox tr.owner {
color: #F28E00;
}

div.commentbox tr.private, .private {
color: #E04BC6;
}

div.commentbox tr.admin, .admin {
color: #00FFF6;
}

div.commentbox tr.user {
color: #95EA48;
}

div.commentbox tr.deleted td { /* AJAX poistettu kommentti */
text-decoration: line-through;
color: #A0A0A0;
}

div.commentbox tr.deleted td.undelete { /* AJAX poistettu kommentti */
text-decoration: none
}

div.commentbox td {
padding-right: 5px;
}

div.commentbox td.sender {
white-space: nowrap;
}

div.commentbox td.comment a {
font-weight: normal;
text-decoration: underline;
}

span.friend {
/*color: #FF2222; */
}

/* --- STOPBOX --- */

div.stopbox,
div.noticebox {
border-top: 1px solid black;
padding: 0;
background-color: #214B19;
}

div.stopbox div.innerborder,
div.noticebox div.innerborder {
border: 1px solid #50B63C;
padding: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

div.stopbox div.innerborder {
background-image: url(http://disko.irc-galleria.net/pic/stop.gif);
background-repeat: no-repeat;
background-position: 12px 12px;
height: 60px;
}

div.noticebox div.innerborder {
background-image: url(http://disko.irc-galleria.net/idaho/uglyexclamation.gif);
background-repeat: no-repeat;
background-position: 20px 12px;
height: auto;
padding-left: 55px;
}

div.stopbox p,
div.noticebox p {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0;
}

div#todayspicnotice {
width: 691px;
margin-top: 10px;
}

div.noticebox p {
margin-left: 0px;
}

div#regseductionbox ul {
margin-top: 5px;
margin-bottom: 5px;
}

p#regseductionlink a {
padding-right: 15px;
background-image: url(http://disko.irc-galleria.net/idaho/ruskeanuoli_oikealle.gif);
background-repeat: no-repeat;
background-position: 100% 4px;
}

#commentform {
margin-top: 10px;
margin-bottom: 10px;
}

#commentform td {
vertical-align: middle;
}

/* --- TOOLBOX --- */

div.toolbox {
border-top: 1px solid black;
background-color: #214B19;
}

div.toolbox div.innerborder {
border: 1px solid #50B63C;
padding: 5px 10px 5px 10px;
}

div.toolbox p {
margin-top: 5px;
margin-bottom: 5px;

padding: 0px;
}

div.toolbox hr {
width: 100%;
border: 0px;
border-bottom: 1px dotted #50B63C;
margin-top: 8px;
margin-bottom: 8px;
}

/* --- TOKENBOX --- */
div.tokenbox {
margin: 20px 20px 10px;
}

div.tokenbox table {
border: 1px solid #50B63C;
background-color: #214B19;
}

div.tokenbox table td {
background-color: #214B19;
padding: 10px 7px;
}

/* --- Etusivua koskevat stylet --- */

#indextable {
border-collapse: collapse;
}

#indextable td.indexcell {
vertical-align: top;
}

/* vasen palsta */
#itcl {
padding: 0;
width: 214px;
}

/* keskipalsta */
#itcm {
padding: 0 8px 0 18px;
}

/* oikea palsta */
#itcr {
padding: 0;
width: 162px;
padding-top: 24px;
text-align: center;
/*border: 1px solid red; */
}

#itcr div.adv {
margin-left: auto;
margin-right: auto;
padding: 0;
}

#itcm div.box {
width: 534px;
}

#indexintrobox p {
margin-left: 0;
}

/* --- loginformi --- */

#indexlogin form {
margin: 0;
}

#indexlogin table {
border-collapse: collapse;
}

#indexlogin td {
padding: 0;
}

#indexlogin td input {
margin: 2px;
}

#blogwriter,
#indextodayspicture .content,
#indexphonebackground .content,
#indexmypicture .content {
text-align: center;
}

#blogwriter img,
#indextodayspicture .content img,
#indexphonebackground .content img,
#indexmypicture .content img {
margin-top: 10px;
}

#blogwriterinfo {
padding-bottom: 8px;
}

#blogwriterinfo .content .innerborder div {
        padding: 2px 0 2px 0;
}

#blogwriterinfo .content span {
        white-space: nowrap;
}

#blogwriterinfo b {
        display: block;
}

#blogwriterinfo span {
        display: block;
        margin-left: 9px;
}


/* --- etusivun viimeksi kirjautuneet --- */

#indexlastlogin .content {
text-align: center;
padding-left: 0;
padding-right: 0;
}

#indexlastlogin table {
border-collapse: collapse;

width: 100%;
}

#indexlastlogin table td {
width: 33%;
vertical-align: bottom;
}

#indexlastlogin div.thumbnick {
margin-bottom: 10px;
}

#indexlastlogin img {
border: 1px solid white;
}


/* --- synttärilista --- */

#birthdays .content table {
width: 500px;
}

#birthdays .content table td {
vertical-align: top;
}


/* --- etusivulla oleva helvetin iso banneri --- */

#hugebanner {
text-align: center;
padding: 0;
padding-bottom: 12px;
}

#hugebanner div,
#hugebanner iframe {
margin: 0;
padding: 0;
}


/* --- ylläpidon tiedotteet --- */

div#acknews {
padding-left: 20px;
background-repeat: no-repeat;
background-image: url(notify_arrow.gif);
background-position: 2px 50%;
}

#newstable {
border-collapse: collapse;
}

#newstable td {
padding: 5px 8px 8px 8px;
vertical-align: top;
background-color: #295D1F;
border-bottom: 1px solid #3C556F;
}

#newstable td.stamp {
padding: 6px 5px 5px 5px;
border-right: 1px solid #3C556F;
}


#newstable td.stamp {
background-color: #314964;
}

#newstable td p {
margin: 0;
padding: 0;
margin-bottom: 5px;
}

#indexlastlogin .content {
text-align: center;
}

#newstable li {
margin-bottom: 5px;
}

/* --- käyttäjän profiilisivu --- */

#viewtable {
border-collapse: collapse;
}

#viewtable td {
vertical-align: top;
}

#viewtableinfo {
width: 214px;
padding: 0;
}

#viewtableimage {
width: 683px;
padding-left: 18px;
}

#viewtableimage img {
border: 0;
}

#viewcaption {
margin: 3px 10px 20px 1px;
}

#profilebasicinfo .content .innerborder {
padding: 8px 10px 8px 10px;
}

#profilebasicinfo .content .innerborder div {
padding: 2px 0 2px 0;
}

#profilebasicinfo .content span {
white-space: nowrap;
}

#profilebasicinfo b {
display: block;
}

#profilebasicinfo span {
display: block;
margin-left: 9px;
}

/*
#profilebasicinfo .content a {
font-weight: normal;
text-decoration: underline;
}
*/

#profilebasicinfo .online {
color: #69F251;
font-weight: bold;
}

.smallbox .network {
font-weight: bold;
}
#blogwriterspacer,
#profilechannels .spacer,
#profilecommunities .spacer {
height: 21px;
background: url("dotline.gif") 0% 50% repeat-x;
}

.smallbox .channellist {
margin-left: 9px;
}

#profileadmintools div.spacer,
#profileactions div.spacer {
height: 10px;
}

#profileaphorism .title {
display: none;
}

#profileaphorism .content {
background-color: #3F8D2F;
}

#profileaphorism .content .innerborder {
padding: 10px;
font-family: "Lucida Console", Monospace;
}

#profileadmintools .title h3 {
text-transform: none;
}

#profileaphorism img {
border: none;
}
/* -------- */

div#albumhintbox {
background-color: #334d6b;
}

table.grid {
border-collapse: collapse;
}

table.grid td {
vertical-align: top;

width: 172px;

padding: 1px;
padding-bottom: 10px;
}

table#archivetable,
table#bookmarktable {
width: 100%;
}

#archiveinfo,
#bookmarkinfo {
padding: 0;
width: 214px;
}

table.grid td div {
padding-top: 2px;
padding-bottom: 4px;
text-align: center;
}

table.grid td div div {
padding: 0;
}

td#archive {
padding-top: 0;
}

td#archive table.grid div.default {
background-color: #364C64;
}

td#archive table.grid div.default img {
border: 1px solid #F28E00;
}

td#archive table.grid div.bad {
background-color: #501010;
}

td#archive table.grid div.bad img {
border: 1px solid red;
}

td#archive table.grid div.removed {
background-color: black;
}

td#archive table.grid div.uploaded {
background-color: #3344FF;
}

td#archive table.grid div.selected {
background-color: #50B63C;
}

td#archive table.grid div.selected img {
border: 1px solid #295D1F;
}

td#archive table.grid div.major {
background-color: #142D0F;
}

td#archive table.grid div.major img {
border: 1px solid #0a0a0a;
}

td#archive table.grid div.removed img {
filter: Alpha(opacity=50);
-moz-opacity: .40;
opacity: 0.4;
}

table.grid div.online img {
border: 2px solid #30E030;
}

table.grid div.online {
/*background-color: #227022; */
}

table.grid div.invisible_major {
background-color: #142D0F;
}

table.grid div.invisible_major img {
filter: Alpha(opacity=40) Gray();
-moz-opacity: .30;
opacity: 0.3;
}

table.grid div.invisible img {
filter: Alpha(opacity=40) Gray();
-moz-opacity: .30;
opacity: 0.3;
}

table.grid {
}

table.grid div.tools {
margin-bottom: 3px;
}

table.grid div.stamp {
margin-bottom: 1px;
font-size: 9px;
}

table.grid div.picture {
position: relative;
text-align: left;
}

table.grid div.picture div {
}

table.grid div.mask {
position: absolute;
display: block;

width: 172px;
}

table.grid div.mask a {
display: block;

margin-left: auto;
margin-right: auto;

margin-top: 1px;
margin-bottom: 1px;

text-align: right;

display: block;
}

table.grid div.mask a.hidden {
opacity: 0.5;
filter: Alpha(opacity=20);
background: url("hiddenlayer.gif");
}

table.grid div.mask a img {
border: none;
margin: 2px;
}

table.grid b {
color: #F68C00;
}

table.grid div.caption {
padding-top: 3px;
}

div.thumbnick {
margin-top: 1px;
margin-bottom: 7px;
text-align: center;
}

div.thumbnick b {
font-size: 9px;
color: white;
}

table#bookmarktable td {
vertical-align: top;
}

#indexlastlogin div.thumbnick {
margin-bottom: 15px;
}

/* -------- */

#indexgallups td {
padding-right: 10px;
}

table.gallupresults {
border-collapse: collapse;
width: 100%;
}

table.gallupresults td {
padding: 3px;
background-color: #295D1F;

border: 1px solid #364C64;
}

table.gallupresults td.label {
}

table.gallupresults td.count {
text-align: right;
padding-left: 10px;
}

table.gallupresults td.chart {
vertical-align: middle;
}


#settings {
border-collapse: collapse;
}

#settings td {
vertical-align: top;
width: 50%;
padding-right: 10px;
}

#settings input[type="checkbox"] {
margin-bottom: 0px;
}

#settings p {
margin-top: 3px;
margin-bottom: 15px;
}

#settings p.setting {
margin-bottom: 5px;
}

div.sms {
font-family: Verdana, Arial, Sans-Serif;
font-weight: bold;
font-size: 14px;

background-color: #314964;
border: 1px solid #295D1F;

padding: 4px;
padding-left: 10px;

margin: 10px;
margin-left: 20px;
margin-right: 20px;

display: block;
}

#smsintroduction h4 {
padding-top: 10px;
}

#settings table {
}

#editprofile h4 {
margin-bottom: 2px;
padding-top: 2px;
}

#settings h4 {
margin-bottom: 10px;
}

#editprofile p, #editprofile table,
#settings p, #settings table {
margin-left: 10px;
margin-top: 0;
}

table#settingstable {
margin: 0;
}



table.twocolumns {
border-collapse: collapse;
}

table.twocolumns td {
vertical-align: top;
padding: 0 15px 0 0;
width: 50%;
}

table.twocolumns td * td {
vertical-align: middle;
}


table.listtable {
border-collapse: collapse;
}

table.listtable td {
padding: 2px;
padding-right: 10px;
}

table.listtable tr.title {
background-color: #435E7C;
}

table.listtable tr.title td {
font-weight: bold;
}

table.listtable input {
margin: 0 5px 0 0;
}

table.listtable .spacer {
height: 10px;
background: url("dotline.gif") 0% 50% repeat-x;
}



#searchterms table td {
padding-bottom: 3px;
padding-right: 3px;
}

#searchterms table td input {
margin-right: 0;
}


/* --- Kanava-/yhteisötietosivu --- */

div.box#channeldetails div.tabledecorator {
width: 700px;
margin-right: auto;
}

div.box#channeldetails table td {
padding-right: 10px;
padding-top: 1px;
padding-bottom: 2px;
vertical-align: top;
}

div.box#channeldetails th {
font-weight: bold;
font-size: inherit;
text-align: left;
vertical-align: top;
white-space: nowrap;
width: 15em;
}

div.box#channeldetails th div.instruction {
font-weight: normal;
font-size: 90%;
white-space: normal;
}

div.box#channeldetails label {
display: block;
}

div.box#channeldetails label input {
vertical-align: middle;
}

div.box#channel_members div.newmember span.membernick {
background-image: url("newmember.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: 20px;
}

div.box#channel_members {
margin-bottom: 10px;
}

div.box#channel_members td {
padding-right: 15px;
vertical-align: top;
}

div.box#channel_members a#selected_filter {
text-decoration: underline;
}

div.box#channel_members span.ban_member {
color: #F00;
font-weight: bold;
}

div.box#channel_banned_members span.unban_member {
color: #0F0;
font-weight: bold;
}

div.box#channel_members p.moderator_instruction,
div.box#channel_banned_members p.moderator_instruction {
margin: 10px 10px 5px 10px;
}


/* --- Yhteisölista --- */

dl.communities dt {
margin-top: 7px;
margin-left: 20px;
margin-bottom: 3px;
}

dl.communities dd {
margin-left: 50px;
margin-bottom: 10px;
}


div.regform p {
margin-right: auto;
width: 550px;
}


/* --- tilastoboksit --- */

table.smallstats {
width: 100%;
}

table.smallstats td {
text-align: left;
vertical-align: middle;
}

table.smallstats td.value {
text-align: right;
}

table.smallstats td.value b {
background-color: #2F6923;
color: #F28E00;
font-weight: bold;

display: block;
margin: auto;
padding: 3px;
width: 55px;
float: right;
}

/* tulikettu ei muuten usko vaikka tuossa ylempänä on määritelty. grrrr. */
#viewtable td table.smallstats td {
vertical-align: middle;
}

/* --- Mainokset --- */

div#indexleaf div.innerborder {
padding-bottom: 2px;
padding-top: 2px;
}

div#indexleaf p {
font-size: 10px;
margin-top: 7px;
margin-bottom: 7px;
line-height: 12px
}

div.adv {
text-align: center;
margin-bottom: 8px;
}

div#advslot7 {
text-align: left;
}

table#toplist table td {
white-space: nowrap;
}


table#providerinfo td {
vertical-align: top;
padding: 0 10px 5px 0;
}



/* --- SMS-esittelyjen tyylit --- */

table#smstable {
width: 100%;
}

table#smstable td {
padding: 10px;
vertical-align: top;
}

div.smsbox div.title {
background: url("titletab_left.gif") no-repeat 0% 0%;
padding: 0;
border-bottom: 1px solid #0F1F33;
}

div.smsbox div.content {
border: none;
padding: 0;
/*padding-bottom: auto; */
}

div.smsbox div.title h4 {
background: url("titletab_right.gif") no-repeat 100% 0%;
text-align: center;

border-bottom: 1px solid #7D8EA1;

margin: 0;
padding: 0px;

font-family: Arial, Sans-Serif;
font-size: 12px;
line-height: 11px;
letter-spacing: 1px;

padding-bottom: 4px;
padding-top: 9px;
}

div.smsbox div.sms {
text-align: center;

margin: 0;
padding-top: 20px;
padding-bottom: 20px;

border: none;
border-top: 1px solid #48A436;
border-bottom: 1px solid #48A436;

background: url("commentgradient_upper.gif") 0% 0% repeat-x;
background-color: #1C3F15;

font-family: Arial, Sans-Serif;
letter-spacing: 1px;
}

div.smsbox div.sms2 {
margin: 0;
padding-top: 15px;
padding-bottom: 15px;

border: none;
border-top: 1px solid #48A436;
border-bottom: 1px solid #48A436;

background: url("commentgradient_upper.gif") 0% 0% repeat-x;
background-color: #1C3F15;
}

div.smsbox div.sms2 div.phone {
text-align: left;

height: 88px; /* = 98 - 10 - 0 */
width: 140px; /* = 185 - 22 - 22 */

margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;

padding-left: 22px;
padding-right: 22px;
padding-top: 10px;
padding-bottom: 0px;

background-color: #8FD2A7;
background-image: url("smsboxbg.gif");
background-repeat: no-repeat;
background-position: 0px 0px;

font-family: Arial, Sans-Serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;

color: #000000;
}

div.smsbox div.sms2 div.mmsphone {
text-align: left;

height: 88px; /* = 98 - 10 - 0 */
width: 140px; /* = 185 - 22 - 22 */

margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;

padding-left: 22px;
padding-right: 22px;
padding-top: 10px;
padding-bottom: 0px;

background-color: #ACBDE2;
background-image: url("mmsboxbg.gif");
background-repeat: no-repeat;
background-position: 0px 0px;

font-family: Arial, Sans-Serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;

color: #000000;
}

div.smsbox div.content div.innerborder {
background-color: #304861;
height: 100%;

border: 1px solid #122438;
}

div.smsbox div.content div.innerborder p {
margin-left: 0px;
}

div.smsbox div.boxfooterleft {
background: #295D1F url("smsboxfooterleft.gif") no-repeat 0% 100%;
}

div.smsbox div.boxfooterright {
background: url("smsboxfooterright.gif") no-repeat 100% 100%;
}


/* --- Mun kuvan SMS-esittelysivu --- */

table#smsmypicturetable td {
vertical-align: top;
padding: 8px;
}

table#smsmypicturetable td p {
margin-left: 0;
}

table#smsmypicturetable div.smallbox {
width: 213px;
text-align: center;
}

table#smsmypicturetable div.smallbox div.content img {
margin-top: 10px;
}

table#smsmypicturetable div.smallbox div.content {
background-color: #295D1F;
}

table#smsmypicturetable div.smsbox {
width: 280px;
}

table#smsmypicturetable div.smsbox div.content div.innerborder {
height: auto;
}


/* --- VIP ostosivu --- */

#vippurchaseinstructions p {
margin-left: 10px;
}

#vippurchaseinstructions div.smsbox div.content div.innerborder {
height: auto;
}

#vippurchaseinstructions div.smsbox div.content div.innerborder p {
margin-left: 0;
}

/* --- Smiley-selektori --- */

#smileys {
position: relative;
width: 30px;
}

a#smileybutton {
margin-left: 4px;
margin-right: 4px;
}

#smileyselector {
display: none;
position: absolute;
bottom: 20px;
left: -36px;
width: 93px;
padding-top: 5px;
background-color: #295D1F;
border: 1px solid #50B63C;
z-index: 1000;
}

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

/* -- Hostingkuvat valikko -- */

#hosting {
position: relative;
width: 30px;
}

a#hostingbutton {
margin-left: 4px;
margin-right: 4px;
}

#hostingselector {
display: none;
position: absolute;
padding: 2px;
bottom: 20px;
left: -55px;
width: 135px;
padding-top: 5px;
background-color: #295D1F;
border: 1px solid #50B63C;
}

#hosting div.image {
text-align: center;
vertical-align: middle;
width: 42px;
height: 42px;
margin: 1px;
float: left;
}

#hosting div.image img {
border: 1px solid #295D1F;
cursor: pointer;
}

#hosting div.image img:hover {
border-color: #50B63C;
}

#hosting div.hostingclose, #hosting div.hostingempty {
clear: both;
width: 130px;
text-align: center;
margin: 0px 0 2px;
}
/* -- ihkuboksi editointitoolbar -- */

#aphorismtoolbar {
height: 20px;
margin: 0 20px -10px;
}

#aphorismtoolbar div.toolbutton {
float: left;
margin: 0 4px;
}

/* -- Rich Text Editor -- */

.rteImage {
       border: 1px solid black;
background-color: #142D0F;
        cursor: pointer;
/* cursor: hand; */
}

.rteImageRaised, .rteImage:hover {
        border: 1px outset;
background-color: #142D0F;
        cursor: pointer;
/* cursor: hand; */
}

.rteImageLowered, .rteImage:active {
        border: 1px inset;
background-color: #142D0F;
        cursor: pointer;
/* cursor: hand; */
}

.rteVertSep {
        margin: 0 4px 0 4px;
background-color: #142D0F;
}

.rteBack {
border: 1px solid #50B63C;
background-color: #142D0F;
        border: 1px outset;
        letter-spacing: 0;
        padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
background-color: #214B19;
        padding: 0;
}

#Buttons1_content tbody tr td, #Buttons2_content tbody tr td {
background-color: #214B19;
        padding: 0;
        border: 0;
        margin: 0;
}


/* --- Blogi --- */



table.blogtable {
/*border-collapse: collapse; */
width: 100%;
}

table.blogtable td {
padding: 5px 8px 8px 8px;
vertical-align: top;
background-color: #295D1F;
border-bottom: 1px solid #3C556F;
}

table.blogtable td.stamp {
width: 50px;
padding: 6px 5px 5px 5px;
}

table.blogtable td.imagestamp {
width: 174px;
padding: 0;
padding-top: 5px;
}

table.blogtable td.item  {
padding-left: 0px;
}

table.blogtable td.stamp,
table.blogtable td.imagestamp {
background-color: #314964;
font-weight: normal;
border-right: 1px solid #3C556F;
text-align: center;
}

table.blogtable div.blogtimestamp {
margin-bottom: 6px;
}

table.blogtable td.item p {
margin-top: 0px;
margin-left: 6px;
}

table.blogtable li {
margin-bottom: 5px;
}

div#blogmonths ul {
margin-top: 10px;
margin-bottom: 10px;
}

/* --- Blogi vanhaa --- */

#blogtopic_box {
border: 1px solid #50B63C;
border-bottom: 1px solid #445A72;

        background-color: #357628;

        margin: 0;
        float: left;
        width: 99%;
}

/* --- Blogi 2 --- */

.blogentry {
        min-width: 640px;
display: block;
margin-top: 20px;
clear: both;
/*border-bottom: 1px solid #3C556F; */
}

.blogtopic {
display: block;
/*background-color: #465C74; */
border-bottom: 1px solid #3C556F;
font-size: 12px;
padding-left: 5px;
/*padding: 5px; */
font-weight: bold;
}

.blogstamp {
display: block;
padding: 6px 5px 5px 5px;
font-size: 20px;
margin-top: 10px;
margin-bottom: 2px;
/* border-bottom: 1px solid white; */
}

.blogdate {
font-weight: bold;
border-right: 1px solid #3C556F;
background-color: #314964;
height: auto;
padding: 5px;
}

.blogtable td p {
        margin: 0;
        padding: 0;
        margin-bottom: 5px;
}

.blogcontent {
margin-bottom: 2px;
        float: left;
        width: auto;
padding: 5px;
height: auto;
}

.blogcontent .innercontent {
border: 1px solid white;
display: block;
}

.blogcontent #text {
        margin: 5px;
}

.blogcontent #editor {
        margin: 0px;
}

.blogcommands {
display: block;
        float: right;
margin: 5px 5px 5px 5px;
}

.blogspacer {
border: 1px solid white;
}

#blogmaintable {
        border-collapse: collapse;
width: 100%;
}
 
#blogmaintable td {
        vertical-align: top;
}
 
#blogmaintableinfo {
        width: 214px;
padding: 0;
}
 
#blogmaintableentries {
        padding-left: 18px;
}
 
#blogmaintableentries img {
        border: 0;
}


table.calendartable {
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
width: 100%;
border-collapse: collapse;
}

table.calendartable td { 
font-family: Arial, verdana, sans-serif;
font-size: 11px;
padding: 2px 8px 2px 8px;
text-align: center;

background-color: #214B19;
color: #ffffff;
}

table.calendartable tr.weekdays td {
font-family: "Trebuchet MS", verdana, sans-serif;
text-align: center;
background-color: #50B63C;
color: #ffffff;
padding: 1px;
border-bottom: 1px solid #182A3E;
}

table.calendartable td.currentday {
background-image: url("blog_selected_day_indicator.gif");
background-repeat: no-repeat;
background-position: center;
}

table.calendartable td.daylink {
background-image: url("red_oval.gif");
background-repeat: no-repeat;
background-position: center;
}

div.calendarborder {
border: 1px solid black;
text-align: center;
padding: 0;
}

div.popupouter {
padding: 0;
margin-left: auto;
margin-right: auto;
width: 450px;
}

div.popupcontent {
background-color: #357628;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
height: 300px;
}

div.popupheader {
font-family: Verdana, Arial, Sans-Serif;
font-size: 30px;
font-weight: bold;
background-color: #14273D;
padding: 20px;
margin: 0px;
}

div.popupfooter {
margin: 5px;
text-align: center;
}

/* Blogin kalenterin edellinen/seuraava nuolet */

div#blog_arrow_left,
div#blog_arrow_left_disabled {
width: 18px;
height: 17px;
background-repeat: no-repeat;
background-position: center;
float: left;
text-align: center;
}
div#blog_arrow_left {
background-image: url("arrow_left.gif");
}

div#blog_arrow_left_disabled {
background-image: url("arrow_left_disabled.gif");
}

div#blog_arrow_right,
div#blog_arrow_right_disabled {
width: 18px;
height: 17px;
background-repeat: no-repeat;
background-position: center;
float: right;
text-align: center;
}

div#blog_arrow_right {
background-image: url("arrow_right.gif");
}

div#blog_arrow_right_disabled {
background-image: url("arrow_right_disabled.gif");
}

span.blog_arrow_link {
visibility: hidden;
}

div#blogcalendar div.title a {
display: block;
width: 18px;
height: 17px;
text-decoration: none;
}

img.blog_arrow {
width: 12px;
height: 12px;
border: 0;
}

.visibleblock {
        display: block;
}

.hiddenblock {
        display: none;
}


/* Ihkusälä */

td.trinket_cell {
padding: 4px;
}

td.trinket_cell div.middle {
width: 150px;
height: 150px;
border-left: 4px solid #14273d;
border-right: 4px solid #14273d;
background-color: #324963;
background-image: url("trinket_bg_light.gif");
background-repeat: no-repeat;
background-position: 0px 0px;
}

td.trinket_cell div.top {
width: 150px;
text-align: center;
border-left: 4px solid #14273d;
border-right: 4px solid #14273d;
border-top: 4px solid #14273d;
border-bottom: 2px solid #14273d;
background-color: #324963;
background-image: url("trinket_bg_dark.gif");
background-repeat: no-repeat;
background-position: 0px 0px;
}

td.trinket_cell div.bottom {
width: 150px;
border-left: 4px solid #14273d;
border-right: 4px solid #14273d;
border-top: 2px solid #14273d;
border-bottom: 4px solid #14273d;
background-color: #314964;
background-image: url("trinket_bg_medium.gif");
background-repeat: no-repeat;
background-position: 0px 0px;
}

td.trinket_cell div.image {
position: relative;
left: 75px;
top: 75px;
}

td.trinket_cell div.input {
display: table-cell;
vertical-align: middle;
padding-left: 4px;
}

td.trinket_cell div.name {
display: table-cell;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 4px;
}

td.trinket_cell div.name b {
color: #F68C00;
}

td.trinket_cell div.info {
display: table-cell;
width: 100%;
text-align: right;
padding-right: 4px;
}

td.trinket_cell div.tokens {
}

div.tool_link a {
display: block;
background-repeat: no-repeat;
background-position: center left;
padding-top: 4px;
padding-left: 27px;
padding-bottom: 4px;
margin-top: 1px;
margin-bottom: 1px;
font-size: 11px;
}

div.trinket_link a {
display: block;
background-repeat: no-repeat;
background-position: center left;
padding-top: 6px;
padding-left: 27px;
padding-bottom: 4px;
margin-top: 1px;
margin-bottom: 1px;
font-size: 11px;
background-image: url("add_trinket.gif");
}

div.trinket_link a { text-decoration: none; }
div.trinket_link a:active { text-decoration: none; }
div.trinket_link a:hover { text-decoration: none; }
div.trinket_link a { text-decoration: none; }

div.trinket_link a span.name {
text-decoration: none;
font-weight: bold;
}

div.trinket_link a:link span.name {
color: #E5C59A;
}

div.trinket_link a:visited span.name {
color: #C2A378;
}

div.trinket_link a:hover span.name {
text-decoration: underline;
color: #FFDEB0;
}

div.trinket_link a span.count {
font-weight: normal;
font-size: 9px;
color: white;
text-decoration: none;
}

div#comment_deletion_start a {
background-image: url("remove_comm.gif");
}

div#comment_deletion_stop a {
background-image: url("stop_remove_comm.gif");
}

div#prof_blacklist_add a {
background-image: url("add_black.gif");
}

div#prof_blacklist_remove a {
background-image: url("remove_black.gif");
}

div#prof_friends_add a {
background-image: url("add_friend.gif");
}

div#prof_daily_pic a {
background-image: url("king_for_a_day.gif");
}

div#prof_bust a {
background-image: url("bust_user.gif");
}

div#prof_away a {
background-image: url("away.gif");
}

div#prof_image_info a {
background-image: url("change_info.gif");
}

div#prof_add_note a {
background-image: url("add_note.gif");
}

div#sms_bg a {
background-image: url("order_image.gif");
}

div#trinket_pick_all a {
background-image: url("pick_trinkets.gif");
}

div#trinket_edit_start a {
background-image: url("start_modification.gif");
}

div#trinket_edit_stop a {
background-image: url("stop_modification.gif");
}

div#blog_new a {
background-image: url("add_entries_two.gif");
}

div#admin_mode_on a {
background-image: url("admin_mode_on.gif");
}

div#admin_mode_off a {
background-image: url("admin_mode_off.gif");
}

/* kommenteissa näkyvät linkit */

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

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

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


div.prevnextpagination {
text-align: center;
margin-bottom: 10px;
}

.prevlink {
padding-left: 15px;
background-image: url(browse_left.gif);
background-repeat: no-repeat;
background-position: 0% 4px;
}

.nextlink {
padding-right: 15px;
background-image: url(browse_right.gif);
background-repeat: no-repeat;
background-position: 100% 4px;
}


/* Käppyrästylejä */
div.stats td.fbar, td.mbar {
font-size: 8px;
line-height: 8px;
padding: 0px;
}

div.stats td.fbar img, div.stats td.mbar img {
border: 1px solid #103050;
}

div.stats td.fbar a:hover img {
border: 1px solid #E9879C;
}

div.stats td.mbar a:hover img {
border: 1px solid #78B1E6;
}

div.stats td.mbar {
text-align: left;
vertical-align: bottom;
}

div.stats td.fbar {
text-align: left;
vertical-align: top;
}

div.stats td.age {
padding: 0px;
padding-left: 6px;
padding-right: 6px;
text-align: right;
}

div.stats td.spacer {
height: 6px;
}


.canonspacer {
border: 1px dotted gray;
}

/* modwizard */

#mod_wizard_info .color_selected {
width: 50px;
height: 50px;
border: 1px solid #50B63C;
margin-left: 20px;
margin-bottom: 0px;
}

#mod_wizard table.color_selector td {
padding: 0 3px;
}

#mod_wizard tr.color_param {
height: 18px;
}

#mod_wizard .color_select_sv {
width: 150px;
height: 150px;

padding: 5px;
background-image: url(mw_picker.png);
}

#mod_wizard .color_select_sv_ie {
width: 150px;
height: 150px;

padding: 5px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/idaho/mw_picker.png');
}

#mod_wizard .color_select_h {
width: 20px;
height: 150px;

padding: 5px;
background-image: url(mw_hue.png);
}

#mod_wizard .color_picker_sv {
position: relative;
width: 9px;
height: 9px;

background: url(mw_pick_w.gif) no-repeat;
}

#mod_wizard .color_picker_h {
position: relative;
width: 24px;
height: 5px;

background: url(mw_pick_h.gif) no-repeat;
}

#mod_wizard .color_preview {
width: 50px;
height: 50px;
padding: 5px;
background-image: url(mw_preview.gif);
}

#mod_wizard .color_color {
width: 70px;
height: 70px;
padding: 5px;
background-image: url(mw_color.gif);
}

#mod_wizard .font_preview {
width: 150px;
height: 20px;
vertical-align: middle;
text-align: center;
padding: 2px;
color: black;
background-color: white;
border: black;
margin-bottom: 5px;
}

#mod_wizard td {
padding: 0;
}

#mod_wizard td.selector {
padding: 2px 0 10px;
}

#mod_wizard td.selector_desc {
padding: 0 10px;
}

#mod_wizard td.selector_desc img {
margin: 15px 0 2px;
}

#mod_wizard .thumb {
width: 300px;
height: 150px;
padding: 10px;
background: #3c556f url("mw_thumb_bg.png") no-repeat;
border: none;
}