/*
 * Copyright (c) 2001-2006 IRC-Galleria
 *
 * Graafinen suunnittelu: idaho / Heikki Väisänen
 * HTML & stylet:         tuner / Kari Lavikka
 *
 * $Id: idahostyle.css,v 1.297 2007/06/29 10:36:25 anqqa Exp $
 */
 
body {
	background-color: #0A0A0A;
	padding: 0; margin: 0;
	color: #DAE6ED;

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

table {
	border-collapse: collapse;
}

table td {
	vertical-align: top;
}

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

#headerblock {
	position: relative;
	background-color: #14273D;
	height: 54px;
}

h1 {
	margin: 0;

	display: block;
	height: 54px;

	position: relative;

	background: url("irc-galleria.png") no-repeat;
}

* html h1 {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='_img_idaho_irc-galleria.png');
}

h1 a {
	display: block;
	position: absolute;
	height: 25px;
	top: 14px;
	left: 14px;
	width: 185px;
	text-decoration: none !important;
}

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: 25px;
	left: 212px;
}

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

h3 {
	font-size: 13px;
}

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

#footer {
	background: #152E48 url("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: #33506F;

	background: url("copyfooterright.gif") no-repeat 100% 100%;
}

#footer a {
	color: #33506F;
}


div#locale {
	z-index: 1;
}

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

#search {
	position: absolute;
	top: 10px;
	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("searchtitle.gif")     no-repeat 0px 5px }
#search td.nicktitle      { height: 11px; background: url("searchnick.gif")      no-repeat 1px 0px }
#search td.communitytitle { height: 11px; background: url("searchcommunity.gif") no-repeat 1px 0px }
#search td.channeltitle   { height: 11px; background: url("searchchannel.gif")   no-repeat 1px 0px }

#search input {
	margin: 0;
}

#search input.text {
	background-color: #0F1C2C;
	border: 1px solid #667A8F;
	font-size: 9px;
	font-family: Verdana, Sans-Serif;
	padding: 1px;
}

#search form {
	margin: 0; padding: 0;
	position: relative;
	padding-right: 16px;
}

#search form a {
	text-decoration: none;
	background: url("quicksearch.png") left top no-repeat;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

* html #search form a {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='_img_idaho_quicksearch.png');
}

#search form a span {
	display: none;
}

#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: 12px;
}

div.contentbox div.content span.phonenumber,
div.contentbox div.content span.price,
div.mobilebox div.content span.phonenumber,
div.mobilebox div.content span.price {
	white-space: nowrap;
	font-weight: bold;
	color: #F68C00;
}

/* --- 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, label b {
	color: #F68C00;
}

form table th {
	text-align: left;
	vertical-align: top;
}

/* checkboxit ja radio buttonit labelin sisällä */
label input {
	vertical-align: bottom;
}

label input.text {
	vertical-align: baseline;
}

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

a.offsite {
	background: url("offsite.gif") right center no-repeat;
	padding-right: 14px;
	
}

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

div.picture a {
}

img.text_image_center {
	display: block;
	margin: 0 auto;
}

img.text_image_left {
	float: left;
	clear: left;
	margin: 1em;
}

img.text_image_right {
	float: right;
	clear: right;
	margin: 1em;
}

div.image_text_footer {
	clear: both;
}

div.picture img {
	border: 1px solid #667A8F;
	margin: 0;
}

ul.emphasized li {
	color: #F68C00;
	font-weight: bold;
	margin-bottom: 2px;
}

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

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

	color: white;
}

input.blogtext,
textarea.blogtext {
	background-color: #162538;
	border: 1px solid #667A8F;
/*
	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: #33506F;
	margin: 0;
	float: left;

	width: 100%;

	border-top: 1px solid #667A8F;
	border-bottom: 1px solid #667A8F;
}

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

/* Eduskuntavaalit 2007 */
li#mmvaalikone {
	float: right;
}

#mainmenu li.selected {
	background-color: #768BA6;
}

#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 #mmnewchannelcomments a {
	color: #60C060;
	font-weight: bold;
}

#mainmenu #mmnewmessages a {
	color: #ff8080;
	font-weight: bold;
}

#mainmenu #mmnewchannelcomments a.blinkbright {
	color: #60F060;
}

#mainmenu #mmnewchannelcomments a.blinkdim {
	color: #40A040;
}

#loginnewchannelcomments b {
	color: #60C060;
}

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

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

#emptymainmenu {
	background-color: #33506F;
	margin: 0;

	width: 100%;

	border-top: 1px solid #667A8F;
	border-bottom: 1px solid #667A8F;
}

#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 #708498; 
	width: 100%;
	background-color: #263E59;
}

#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("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("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("tab_left_active.gif");
	background-color: #7F92AB;
}

#submenu li.selected a, #subsubmenu li.selected a {
	background-image: url("tab_right_active.gif");
}

/* Sisältövalikko */
table#contentsbody {
	width: 100%;
}

td#contentscell {
	width: 180px;
	padding-right: 18px;
}

td#contentscell ul.contents {
	margin: 1em 0 1.1em 0;
	padding: 0;
}

td#contentscell ul.contents li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0.5em 0;
}

* html td#contentscell ul.contents li {
	padding-left: 13px;
}

td#contentscell ul.contents li a {
	display: block;
	background: url("contentmenu_list.gif") left 3px no-repeat;
	color: #E5C59A;
	padding: 0 0 0 13px;
	margin: 0;
	line-height: 1.3em;
}

* html td#contentscell ul.contents li a {
	display: inline;
	padding-left: 13px;
	text-indent: -13px;
}

td#contentscell ul.contents li.selected a {
	color: #F68C00;
	background: url("contentmenu_list_sel.gif") left 3px no-repeat;
}

td#contentscell ul.contents li.disabled a {
	color: #808080;
}

td#contentscell ul.contents li.disabled a:hover {
	color: #808080;
	text-decoration: none;
}

td#contentscell ul.contents li.cmexternal a {
	background: url("contentmenu_external.gif") left 3px no-repeat;
}

td#contentscell ul.contents li.cmseparator {
	height: 1px;
	background: url("dotline.gif") 0% 50% repeat-x;
}

td#bodycell p {
	position: relative;
}

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

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

#tabbedbody {
	clear: both;
	background: #263E59 url("tabbedgradient.gif") 0% 0% repeat-x;
	padding: 12px 18px 20px 18px;
	border-top: 1px solid #040609;
/*
	display: inline-block;
	width: 924px;
*/
}


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

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

div.box div.outercontent {
	position: relative;
}

div.box div.title {
	border-bottom: 1px solid #667A8F;
	background-image: url("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;
	border-bottom: 3px solid #182A3E;
}

div.box .content {
	border-top: 1px solid #14263A;
	background: #3C556F;

	color: #DAE6ED;
}

div.box .content .innerborder {
	padding: 0 10px 10px 10px;
}

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

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

div.contentbox .boxfooterright,
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: #263E59;

}

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

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

/* Uudet boxit, joissa graafinen otsikko */
div.contentbox {
	margin-bottom: 10px;
	border-top: 1px solid black;
}

div.contentbox div.boxborder {
	border-top: 1px solid #5C6E81;
	border-bottom: 1px solid #5C6E81;
}

div.contentbox div.boxtitle {
	border-bottom: 1px solid #667A8F;
	background-image: url("curvedtitlebackground_trans.gif");
	background-repeat: no-repeat;
	background-position: 0% -0%;
}

div.contentbox div.boxtitle 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;
	border-bottom: 3px solid #182A3E;
}


div.contentbox div.boxcontent {
	background: #3C556F;
	color: #DAE6ED;
	padding: 10px;
}

div.contentbox div.boxcontentborder {
	background: url("contentbox_bg.gif") left top no-repeat;
}

div.contentbox div.boxcontenttitle {
	height: 72px;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 35px 0 0 75px;
}

div.contentbox div.boxcontenttitle h2 {
	font-size: 18px;
	color: #DAE6ED;
	height: 40px;
	margin: 0;
	padding: 0;
	background-position: left top;
	background-repeat: no-repeat;
}

div.contentbox div.boxcontenttitle h3 {
	color: #F68C00;
	height: 32px;
	padding: 0;
	margin: 0;
	background-position: left top;
	background-repeat: no-repeat;
}

div.contentbox div.content {
	padding: 0 11px 0 20px;
}

div.contentbox div.contentborder {
	padding: 1px 0;
	background-position: left top;
	background-repeat: no-repeat;
	width: 672px;
}

div.contentbox div.contentfooter {
	clear: both;
}

div.contentbox div.content b,
div.contentbox div.content h4 {
	color: #F68C00;
}


div.contentbox div.content p,
div.contentbox div.content table {
	margin: 1em 0;
	line-height: 1.5em;
}

div.contentbox div.content ul li,
div.contentbox div.content ol li {
	line-height: 1.5em;
}

div.contentbox span.header {
	font-weight: bold;
}

td#contentscell span.value,
div.contentbox span.value {
	color: #F68C00;
	font-weight: bold;
}

div.contentbox div.content form {
	margin: 2em 0;
}

div.contentbox div.content input,
div.contentbox div.content textarea,
div.contentbox div.content select {
	font-family: Verdana, Arial, Sans-Serif;
}

div.contentbox div.content ul {
	margin: 1em 0;
	padding: 0 0 0 3.5em;
}

div.contentbox a img {
	border: 0;
}

div.contentbox div.content ul.cim {
	padding: 0;
	margin: 2em 0;
}

div.contentbox div.content ul.cim li {
	border: 1px solid #667A8F;
	background: left top no-repeat #243C56;
	
	padding: 15px 15px 15px 135px;
	margin: 0 10px 10px 0;
	width: 505px;
	
	list-style-type: none;
	
	position: relative;
}

* html div.contentbox div.content ul.cim li {
	background-image: none !important;
}

div.contentbox div.content ul.cim div.cimtitle {
	padding-bottom: 6px;
	margin-bottom: 6px;
	background: url("cim_title_bg.gif") bottom left no-repeat;
}

div.contentbox div.content ul.cim li h4 {
	background: left top no-repeat;
	height: 14px;
	margin: 0;
	padding: 0;
}

div.contentbox div.content ul.cim li h4 a {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

div.contentbox div.content ul.cim li h4 a:hover {
	text-decoration: none;
}

* html div.contentbox div.content ul.cim li h4 a {
	width: 603px;
	height: 300px;
}

div.contentbox div.content ul.cim li h4 a span {
	display: block;
	padding-left: 85px;
	padding-top: 15px;
}

div.contentbox div.content ul.cim div.cimtitlefooter {
	clear: both;
}

div.contentbox div.content ul.cim li h4 a span.placeholder {
	display: none;
}

div.contentbox div.content ul.cim p {
	margin: 0;
}

div.contentbox div.content ul.cimtwocols li {
	float: left;
	width: 222px;
	margin-right: 10px;
	padding-left: 85px;
}

div.contentbox div.content ul.cimtwocols li.cimodd {
	clear: left;
}

div.contentbox div.content ul.cimtwocols li.cimtwocolspan {
	width: 556px;
	float: none;
	clear: both;
}

* html div.contentbox div.content ul.cimtwocols li.cimtwocolspan {
	margin-left: 5px;
}

div.contentbox div.content ul.cim li.cimfooter {
	float: none !important;
	clear: both !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	height: 0 !important;
	min-height: 0 !important;
	background: none !important;
}

div.contentbox div.content ul.cimtwocols div.cimtitle {
	background-image: url("cim_title_short_bg.gif");
}

div.contentbox div.content ul.cimtwocols li.cimtwocolspan div.cimtitle {
	background-image: url("cim_title_bg.gif");
}

div.contentbox div.noticeboxfooter {
	clear: both;
}

div.letterbrowser {
	text-align: center;
	font-size: 0;
	line-height: 16px;
}

div.letterbrowser a {
	margin: 0;
	padding: 0.1em 0.3em;
	text-align: center;
	font-size: 11px;
}

div.letterbrowser a.selectedletter,
div.letterbrowser a.selectedletter:visited {
		border: 1px solid #667A8F;
		background: left top no-repeat #243C56;
		margin: 0 -1px;
}

div.contentbox div.letterbrowser a:visited {
	color: #E5C59A;
}

/*** CIM tables ***/
	div.contentbox div.content table.cim {
		border-collapse: separate;
		border-spacing: 10px;
		margin: 0 0 0 -10px;
		padding: 0;
		width: 682px;
	}

	div.contentbox div.content table.cim td {
		border: 1px solid #667A8F;
		background: #243C56;
		padding: 5px;
		width: 50%;
	}

	div.contentbox div.content table.cim div.cimtitle {
		background: url("cim_title_bg.gif") bottom left no-repeat;
	}

	div.contentbox div.content table.cim h4,
	div.contentbox div.content table.cim h4 a {
		margin: 0;
		padding: 0;
	}

	div.contentbox div.content table.cim div.cimtitlefooter {
		clear: both;
	}

	div.contentbox div.content table.cim p {
		margin: 0;
	}
/*** End CIM tables ***/

/*** Contentbox Simple Boxes ***/
	div.contentbox div.simplebox {
		border: 1px solid #667A8F;
		background: left top no-repeat #243C56;
		padding: 10px;
		margin: 1em 10px 1em 0;
	}
	
	div.contentbox div.simpleboxtwocols div.simpleboxborder {
		background: url("dot.gif") 50% top repeat-y;
		padding: 5px;
	}
	
	div.contentbox div.simpleboxfooter {
		clear: both;
	}
	
	div.contentsimplebox {
		border: 1px solid #667A8F;
		background: left top no-repeat #243C56;
		padding: 10px;
		margin: 1em 10px 1em 0;
	}
	
	div.contentsimpleboxfooter {
		clear: both;
	}
/*** End Contentbox Simple Boxes ***/

/*** Mobile Boxes ***/
	div.mobilebox {
		width: 215px;
	}

	div.mobilebox div.title {
		background: url("smsbox_title_bg.png") no-repeat center top transparent;
		padding: 0;
		border-bottom: 1px solid #7D8EA1;
	}
	
	* html div.mobilebox div.title {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='_img_idaho_smsbox-title-bg.png');
		width: 215px;
	}
	
	div.mobilebox div.title h4 {
		text-align: center;
		font-family: Arial, sans-serif;
		font-size: 12px;
		color: white;
		line-height: 11px;
		letter-spacing: 1px;
		
		padding-bottom: 4px;
		padding-top: 9px;
		
		margin: 0;
	}
	
	div.mobilebox div.phoneborder {
		padding: 15px 0;
		
		border: solid #5C6E81;
		border-width: 1px 0;
		
		background: url("commentgradient_upper.gif") repeat-x #182A3D;
	}
	
	div.mobilebox div.phone {
		height: 88px;
		width: 140px;
		
		margin:  0 auto;
		padding: 10px 22px 0 22px;
		
		background: url("mobileboxbg_green.gif") #8FD2A7 no-repeat;
		
		position: relative;
	}
	
	div.mobilebox div.phone div.phonetext {
		font: bold 14px Arial, sans-serif;
		letter-spacing: 1px;
		color: black;
	}
	
	div.mobilebox div.phone div.send {
		font: bold 18px Arial, sans-serif;
		letter-spacing: 1px;
		color: black;
		text-align: center;
		
		position: absolute;
		bottom:  2px;
		width: 140px;
	}
	
	div.mmsbox div.phone {
		background-image: url("mobileboxbg_blue.gif");
	}
	
	div.mobilebox div.phone div.phonetext img.blink {
		height: 14px;
		width: 2px;
		margin: 0;
		vertical-align: bottom;
	}
	
	div.mobilebox div.content {
		background: #304861;
		padding: 0 1em;
		border: 1px solid #122438;
	}
	
	div.mobilebox div.content p {
		margin: 0.5em 0;
	}
	
	div.mobilebox div.boxfooterleft {
		background: url("smsboxfooterleft.gif") no-repeat #263E59;
		clear: both;
	}

	div.mobilebox div.boxfooterright {
		background: url("smsboxfooterright.gif") no-repeat right;
	}
/*** End Mobile ***/

div.contentbox div.noticebox {
	border: 1px solid #667A8F;
	background: left top no-repeat #243C56;
	
	padding: 15px;
	margin: 10px 10px 10px 0;
	
	position: relative;
}

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

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

div.smallbox div.title {
	border: 1px solid #667A8F;
	border-bottom: none;

	background-color: #445A72;
	background: url("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;

	height: 13px;
}

div.smallbox .content {
	padding: 0;
	border: 1px solid #667A8F;
}

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.smallbox a.helplink {
	display: block;
	position: absolute;
	background: url(corner_question.gif) 0px 0px;
	height: 17px;
	width: 21px;
	top: 0px;
	right: 0px;
}

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

/* mp3 player */
#profilemp3player .title {
	display: none;
}

#profilemp3player .content .innerborder {
	padding: 0px 10px 10px;
	background: #3a4f68;
}

#profilemp3player #mp3playerlauncher {
	padding-top: 10px;
	text-align: right;
}

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

/* --- kommenttiboksi --- */

div.commentbox {
	border-top: 1px solid #5C6E81;
	border-bottom: 1px solid #5C6E81;
	background: url("commentgradient_upper.gif") 0% 0% repeat-x;
	background-color: #182A3D;
}

div.commentbox .title {
	display: none;
}

div.commentbox .content {
	padding: 15px;
	background: url("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;
}

/* wap-kommenttien merkkaus */
span.wapcomment a {
	padding-left: 25px;
	background: url("wap_user.gif") left 3px no-repeat;
}

/* 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,
div.smallnoticebox {
	border-top: 1px solid black;
	padding: 0;
	background-color: #1F3145;
}

div.smallnoticebox {
	margin: 10px 0;
}

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

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

div.noticebox div.innerborder {
	background-image: url("uglyexclamation.gif");
	background-repeat: no-repeat;
	background-position: 20px 12px;
	height: auto;
	padding-left: 55px;
}

div.smallnoticebox div.innerborder {
	background-image: url("uglyexclamationsmall.gif");
	background-repeat: no-repeat;
	background-position: 15px center;
	height: auto;
	padding: 0 0 0 40px;
}

div.stopbox p,
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;
	background-image: url(ruskeanuoli_oikealle.gif);
	background-repeat: no-repeat;
	background-position: 100% 4px;
}

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

#commentform td {
	vertical-align: middle;
}

div#commentform input#commentfield {
	width: 390px;
}

/* --- TOOLBOX --- */

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

div.toolbox div.innerborder {
	border: 1px solid #667A8F;
	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 #667A8F;
	margin-top: 8px;
	margin-bottom: 8px;
}

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

div.tokenbox table {
	border: 1px solid #667A8F;
	background-color: #1F3145;
}

div.tokenbox table td {
	background-color: #1F3145;
	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,
#index_nonlogged_news 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 + synttärit --- */
div.lastlogingrid,
div.lastlogingrid table.grid,
div.birthdaygrid,
div.birthdaygrid table.grid {
	position: relative;
}

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

#indexlastlogin table,
#indexbirthday table {
	border-collapse: collapse;

	width: 100%;
}

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

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

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


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

#birthdays .content table {
	width: 100%;
}

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

table#viewtable {
	border-collapse: collapse;
}

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

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

td#viewtableimage {
	width: 691px;
	padding-top: 0;
	padding-left: 18px;
}

td#viewtableimage img {
	border: 0;
}

td#viewtableimage div.prevnextpagination {
	height: 10px;
	background-image: url("userpic_topheader.gif");
	background-position: 0px 0px;
}

td#viewtableimage div.prevnextpagination div.innerborder {
	position: relative;
	top: -6px;
}


div#viewimagearea {
	background: url("commentgradient_lower.gif") 0% 100% repeat-x;
	background-color: #182a3d;
	padding: 8px 5px 10px 5px;
	margin-bottom: 12px;
	border-bottom: 1px solid #5c6e81;
}


div#viewimage {
	margin-left: auto;
	margin-right: auto;
}


div#viewcaption {
	margin: 3px 10px 20px 1px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0px;

}

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

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

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

#profileexif b,
#profilebasicinfo b {
	display: block;
}

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

#profileexif div.title h3 span {
	background: url("admin_small.gif") right top no-repeat;
}


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

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

div.profilebasicinfovip div.content div.innerborder {
	background: url("../VIP/vip.png") right top no-repeat;
}

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

#profilecommunities span.newchannelcomments,
#profilechannels span.newchannelcomments {
        color: #60C060;
	font-size: 10px;
}

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("../communities/community_moderator.gif") 2px 1px no-repeat;
}

div#profilechannels div#editchannelslink {
	margin-top: 5px;
	font-size: 10px;
	text-align: right;
}

div#profilechannels label {
	display: block;
}

#profileadmintools .innerborder div {
	padding-left: 10px;
	background: url(online.gif) no-repeat 0% 50%;
}

#profileadmintools div.spacer,
#profileactions div.spacer {
	height: 10px;
	background: transparent;
	background: url("dot.gif") left center repeat-x;
}

div#profilevisitorlist div.innerborder {
	padding: 6px 10px;
}

div#profilevisitorlist div.spacer {
	background: url("dot.gif") left center repeat-x;
	height: 3px;
	margin: 7px 0;
}

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 tr.visitorlistentryhidden td {
	opacity: 0.4;
	filter: Alpha(opacity=40);
}

div#profilevisitorlist td.visitorlistvisitor {
	padding-left: 1em;
}

div#profilevisitorlist td.visitorlisttime {
	text-align: right;
}

div#profilevisitorlist div#visitorlistvipseduction {
	min-height: 83px;
	padding: 0.5em 0.5em 0.5em 83px;
	margin: 5px 0 5px 0;
	border: 1px solid #667A8F;
	background: url("../VIP/vip.png") left top no-repeat #3C556F;
	font-size: 10px;
}

* html div#profilevisitorlist div#visitorlistvipseduction {
	background: #3C556F;
	width: 98px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='img/VIP/vip.png');
	height: 83px;
}

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

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

#profileaphorism .title {
	display: none;
}

#profileaphorism .content {
	background-color: #4D6072;
}

#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: #667a8f;
}

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

td#archive table.grid div.major {
	background-color: #0f1c2c;
}

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: #0f1c2c;
}

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: #263E59;

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

div#gallupdescription div.contentsimpleboxcontent {
	padding: 0;
	padding-right: 10px;
	margin-right: 0;
}

div#gallupdescription p {
	margin-left: 19px;
}

#settings {
	border-collapse: collapse;
}

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

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

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

#settings div.innerborder {
	padding-top: 5px;
}

div.sms {
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 14px;
	
	background-color: #314964;
	border: 1px solid #263E59;

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

div.box#channel_members div.member {
	padding-left: 10px;
}

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 table#communitymembers div.moderator,
div.box#channel_members table#communitymembers div.owner {
	background: url("community_moderator.gif") left bottom no-repeat;
}

div.box#channel_members table#channelmembers div.moderator,
div.box#channel_members table#channelmembers div.owner {
	background: url("channel_operator.gif") left 2px no-repeat;
}

div.box#channel_members div#operatorinfo,
div.box#channel_members div#moderatorinfo {
	text-align: right;
}

div.box#channel_members div#operatorinfo img,
div.box#channel_members div#moderatorinfo img {
	vertical-align: bottom;
}

div.box#channel_members a.giveoperator img ,
div.box#channel_members a.takeoperator img {
	border: 0;
	vertical-align: bottom;
}

div.box#channel_members a.giveoperator img,
div.box#channel_members a.takeoperator:hover img {
	opacity: 0.3;
	filter: Alpha(opacity=30);
}

div.box#channel_members a.giveoperator:hover img {
	opacity: 1;
	filter: Alpha(opacity=100);
}

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: #30465F;
	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.matureadv {
	background: url('../campaign/full_aged.gif') 728px top no-repeat;
}

div#advslot7 {
	text-align: left;
}

div#advslot9 {
	padding: 10px 0;
	font-size: 10px;
}

div#advslot15,
div#advslot10090,
div#advslot10091,
div#advslot10092,
div#advslot10093 {
	margin-bottom: 10px;
}

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

table.smstable {
	margin-left: auto !important;
	margin-right: auto !important;
}

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

div.smsbox {
	width: 215px;
}

div.smsbox div.title {
	background: url("smsbox_title_bg.png") no-repeat center top transparent;
	padding: 0;
	border-bottom: 1px solid #7D8EA1;
}

* html div.smsbox div.title {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='_img_idaho_smsbox-title-bg.png');
	width: 215px;
}

div.smsbox div.content {
	border: none;
	padding: 0;
	border-top: 1px solid #0F1F33;
}

div.smsbox div.title h4 {
	text-align: center;

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

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

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

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

	border: none;
	border-top: 1px solid #5C6E81;
	border-bottom: 1px solid #5C6E81;

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

	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 #5C6E81;
	border-bottom: 1px solid #5C6E81;

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

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: #304861 !important;
	padding: 0 10px !important;

	border: 1px solid #122438;
}

div.smsbox div.content div.innerborder p {
}

div.smsbox div.boxfooterleft {
	background: #263E59 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: #263E59;
}

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

div#smileys a img {
	border: 0;
}

#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: #263E59;
	border: 1px solid #667A8F;
	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;
}

td#privateaserlabel {
	padding-right: 5px;
	color: #AAAAAA;
}

div#privateaser {
	position: relative;
}

div#privateasercontent {
	position: absolute;
	color: white;
	left: -75px;
	bottom: 15px;
	width: 120px;
	padding: 0.5em 0.5em 0.5em 83px;
	margin: 5px 0 5px 0;
	border: 1px solid #667A8F;
	background: url("../VIP/vip.png") left top no-repeat #263E59;
	font-size: 10px;
	min-height: 75px;
	z-index: 1000;
}

/* -- 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: #263E59;
	border: 1px solid #667A8F;
}

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

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

#hosting div.image img:hover {
	border-color: #667A8F;
}

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

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

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

/* -- Rich Text Editor -- */

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

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

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

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

.rteBack {
	border: 1px solid #667A8F;
	background-color: #0F1C2C;
        border: 1px outset;
        letter-spacing: 0;
        padding: 2px;
}

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

#Buttons1_content tbody tr td, #Buttons2_content tbody tr td {
	background-color: #1F3145;
        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: #263E59;
	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 #667A8F;
	border-bottom: 1px solid #445A72;
	background-color: #33506F;
	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: 10px;
}

.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 caption,
table.calendartable th.week {
	font-size: 13px;
}

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

	background-color: #1F3145;
	color: #ffffff;
}

#calendar div.prevnextpagination span.separator a {
	font-size: 11px;
}

table.calendartable.bigcalendar td {
	border: 1px solid #37506c;
	padding: 2px;
	text-align: left;
	overflow: hidden !important;
	width: 85px;
}

table.calendartable.bigcalendar.monthview td {
	height: 75px;
	width: 85px;
}

table.calendartable.bigcalendar.weekview td {
}

table.calendartable.bigcalendar .inactive {
	opacity: 0.5;
	filter: Alpha(opacity=50);
}

div.dayR {
	width: 85px;
	height: 75px;
	position: relative;
}

div.dayP {
	width: 85px;
	height: 75px;
	position: absolute;
	overflow: hidden;
	display: block;
}

div#day-full .dayP {
	width: 170px;
	height: 150px;
	background-color: #25394f;
	border: 1px solid #37506c;
	z-index: 10;
}

div.dayP div.date {
	display: block;
	text-align: right;
}

div#day-full .dayP div.date {
	font-size: 25px;
	line-height: 28px;
	background-color: #37506c;
}

div.dayP .dayactions {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

div.dayP .eventactions {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
}

div#day-full .dayP .dayactions,
div#day-full .dayP .vevent:hover .eventactions {
	display: block;
}

.dayP div.vevent {
	white-space: nowrap;
	position: relative;
}

.dayP a.eventdetails {
/*	font-weight: normal;
	color: white;*/
}

.dayP div.vevent .eventactions #event_edit {
	display: block;
	width: 19px;
	height: 17px;
	text-indent: -9999px;
	background: url("pen.png") center center no-repeat;
}

div#day-full .dayP .vevent {
	white-space: normal;
}

.dayP .vevent abbr {
	font-weight: normal;
	color: white;
}

div.dayP .vevent .extra {
	display: none;
}

div#day-full .dayP .vevent .extra {
	display: inline;
}

div#day-full {
	position: absolute;
}

.calendarevent,
.calendarbirthday {
	padding-left: 17px;
	margin-left: 0px;
	background-repeat: no-repeat;
}
.calendarevent {
	background-position: 2px 2px;
	background-image: url("event.gif");
}
.calendarbirthday {
	background-position: left top ;
	background-image: url("birthday.gif");
}

table.calendartable tr.weekdays td {
	font-family: "Trebuchet MS", verdana, sans-serif;
	text-align: center;
	background-color: #667A8F;
	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.bigcalendar td.currentday {
	background-image: none;
	border: 2px solid #33d80d;
	padding: 0;
}

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#calendarevent div#calendareventtitle {
	font-size: 25px;
	height: 30px;
	text-align: center;
}
div#calendarevent input#summary,
div#calendarevent input#location {
	width: 200px;
}
div#calendarevent span {
	display: block;
}
div#calendarevent #phasefinal {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 300px;
	padding-bottom: 15px;
}
#calendarevent #eventbirthdayname,
#calendarevent #eventbirthdayyears {
	margin-top: 50px;
	text-align: center;
	font-size: 25px;
}
#calendarevent #eventevent {
	padding: 10px;
}
#calendarevent #eventevent #eventdescription {
	padding: 10px;
}
#calendarevent #eventevent span {
	font-weight: bold;
	display: inline;
}

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

div.popupcontent {
	background-color: #33506F;
	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;
}

table.trinket_listtable {
	border-collapse: collapse;
	margin-left:20px;
	cellpadding: 0px;
	cellspacing: 0px;
}

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.middle_selected {
	width: 150px;
	height: 150px;
	border-left: 4px solid #667a8f;
	border-right: 4px solid #667a8f;
	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;
	height:40px;
	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.top_selected {
	width: 150px;
	height:40px;
	text-align: center;
	border-left: 4px solid #667a8f;
	border-right: 4px solid #667a8f;
	border-top: 4px solid #667a8f;
	border-bottom: 2px solid #667a8f;
	background-color: #667a8f;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

td.trinket_cell div.bottom_shop {
	width: 148px;
	text-align: left;
	padding-top: 4px;
	padding-left: 2px;
	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_dark.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

td.trinket_cell div.bottom_shop_selected {
	width: 148px;
	text-align: left;
	padding-top: 4px;
	padding-left: 2px;	
	border-left: 4px solid #667a8f;
	border-right: 4px solid #667a8f;
	border-top: 2px solid #667a8f;
	border-bottom: 4px solid #667a8f;
	background-color: #667a8f;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.trinket_functions {
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 15px;
	border: 1px solid #667A8F;
	background: #243C56;
}

td.trinket_cell div.bottom {
	text-align: center;
	width: 150px;
	height:15px;
	padding-top: 4px;	
	border-left: 4px solid #14273d;
	border-right: 4px solid #14273d;
	border-top: 2px solid #14273d;
	border-bottom: 4px 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_selected {
	text-align: center;
	width: 150px;
	height:15px;
	padding-top: 4px;		
	border-left: 4px solid #667a8f;
	border-right: 4px solid #667a8f;
	border-top: 2px solid #667a8f;
	border-bottom: 4px solid #667a8f;
	background-color: #667a8f;
	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 {
	text-align: center;
	padding-top: 0px;
	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,
div#prof_blacklist_remove a {
	background-image: url("add_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_invite a {
	background-image: url("prof_invite.gif");
}

div#prof_denunciate 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_mypicture a {
	background-image: url("prof_mypicture.gif");
}

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

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

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

div#arc_addpic {
	padding-top: 0;
	padding-bottom: 0.5em;
}

#camupload {
	float: right;
}

div#prof_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%;
}

a.channellink {
	padding-right: 20px;
	background-image: url("cicon_channel.gif");
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

div.prevnextpagination {
	text-align: center;
	padding-bottom: 7px;
}

div.prevnextpagination a {
	padding-bottom: 3px;
}

div.prevnextpagination span.separator {
	font-size: 9px;
}

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

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

.nextprevlink {
	padding: 0 2px;
}

.nextprevlinkselected {
	font-weight: bold;
}

/* 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 .color_selected {
	width: 50px;
	height: 50px;
	border: 1px solid #667A8F;
	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;
}

div.disclaimerbox p {
	line-height: 1.5em;
}

div.disclaimerbox ul li,
div.disclaimerbox ol li {
	line-height: 1.5em;
	margin-bottom: 0.3em;
}

div.secureinfo {
	background: url("gradient_10x40_5A728C_516A85.gif") top repeat-x #516A85;
	border: 1px solid #2F455D;
}

div.secureinfo p {
	background: url("securelock.png") left center no-repeat;
	padding: 5px 15px 5px 60px;
}

* html div.secureinfo p {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod="crop", src="img/idaho/securelock.png");
}

div.forminput {
	margin-bottom: 0.2em;
	position: relative;
}

div.formsubmit {
	margin-top: 1em;
}

p.forminputhelp {
	margin: 0 !important;
}

tr.forminput th,
tr.forminput td {
	padding: 6px;
}

tr.forminputerror {
	border: 1px solid red;
	background: #684053;
}

p.forminputerror {
	font-weight: bold;
	color: red;
	margin: 0.2em 0 !important;
}

div.black_50alpha {
	background: #111111;
	border: 1px solid black;
	opacity: 0.7;
	filter: Alpha(opacity=70);
}

div.black_85alpha {
	background: #111111;
	border: 1px solid black;
	opacity: 0.85;
	filter: Alpha(opacity=85);
}

/* Definition lists by divs */
	div.definitionlist div.definition {
		margin: 1em 0;
		padding-left: 0.5em;
		text-indent: -0.5em;
	}
	
	div.definitionlist div.definitionadminonly {
		background: url("admin_small.gif") 1px 1px no-repeat #25394F;
		border: 1px solid #37506C;
		padding: 6px 0.7em 2px;
		margin: 1em -0.2em;
	}
	
	div.definitionlist div.definitiongroup {
		margin: 1em 0;
	}
	
	div.definitionlist div.definitiongroup div.definition {
		margin: 0 0 0.3em 0;
	}
	
	div.definitionlist span.definitionterm {
		font-weight: bold;
	}

	div.definitionlist div.subdefinition {
		padding-left: 1em;
	}
	
	div.definitionlist div.subdefinition span.definitionterm {
		font-weight: normal;
	}
	
	div.definitionlist div.subdefinition span.definitiondescription {
		white-space: nowrap;
	}
	
	div.definitionlist div.longdefinition span.definitionterm,
	div.definitionlist div.longdefinition span.definitiondescription {
		display: block;
	}

	div.definitionlist div.longdefinition span.definitiondescription {
		margin-left: 0.5em;
	}
/* End of Definition lists by divs */
	
/* Voice blog box */
	div#voiceblogbox {
		background: url("voicecommenticon.png") left center no-repeat #162538;
		border: 1px solid #667A8F;
		padding: 10px 15px 10px 70px;
		width: 605px;
		margin-bottom: 10px;
	}
	
	* html div#voiceblogbox {
		background: #162538;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='img/idaho/voicecommenticon.png');
	}

	div#voiceblogbox h4 {
		margin: 0 0 0.5em 0;
 		color: #F68C00;	
 		padding: 0;
	}
	
	div#voiceblogbox b {
 		color: #F68C00;	
	}
/* End of Voice blog box */

/* Voice comment box */
	div#voicecommentbox {
		background: url("test_feature.png") 98% 10px no-repeat #162538;
	}
	
	div#voicecommentbox div#voicecommentmaximized {
		border: 1px solid #667A8F;
		padding: 0.5em 1.5em;
	}
	
	div#voicecommentbox div#voicecommentnumbermissing {
		border: 1px solid #667A8F;
		background: url("voicecommenticon.png") left center no-repeat;
		padding: 1em 1em 1em 70px;
	}
	
	div#voicecommentbox a#voicecommentinstructiontoggle {
		border: solid 1px #667A8F;
		display: block;
		background: url("voicecommenticon.png") left center no-repeat;
		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;
	}
/* End of Voice comment box */

div.slider_frame {
	height: 46px;
	width: 195px;
	background-image: url(slider_bg.gif);
	position: relative;	
}

div.slider_slider {
	height: 15px;
	width: 16px;
	background-image: url(slider_slider.gif);
	position: absolute;
	left: 7px;
	top: 7px;
}

div.slider_bar {
	height: 8px;
	width: 6px;
	background-image: url(slider_bar.gif);
	margin: 0px;
	position: absolute;
	left: 10px;
	top: 26px;
}

/* Invite box in profile */
	div#invitebox {
		padding-left: 28px;
	}
	
	div#invitebox form {
		margin: 0;
		padding: 0;
	}
	
	div#invitebox div.forminput {
		margin: 0.3em 0;
	}
	
	div#invitebox div.formsubmit {
		margin: 0.3em 0 0.5em 0;
	}
	
	div#invitebox label {
		display: block;
	}

	div#invitebox select {
		width: 150px;
	}
	
	div#invitebox p#invitesent {
		margin: 0.5em 0;
		font-weight: bold;
	}
/* End of Invite box */
	
	optgroup {
		font-style: normal;
	}

/* Invites box in main page */
	div#channelinvitesbox div.content div.innerborder {
		padding: 1px 1em;
		padding-bottom: 7px;
	}

	div#channelinvitesbox ul {
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	
	div#channelinvitesbox ul li {
		list-style-type: none;
		margin-bottom: 0.5em;
		margin-left: 2em;
	}
	
	div#channelinvitesbox p {
		margin: 0.6em 0;
	}
	
	div#channelinvitesbox p.invitor {
		margin-bottom: 0.5em;
	}
	
	div#channelinvitesbox img {
		border: 0;
		vertical-align: bottom;
	}
	
	div#channelinvitesbox div#invitesinfo {
		margin-top: 2em;
		background: url("info.png") left top no-repeat;
		padding-left: 65px;
	}

	* html div#channelinvites box div#invitesinfo {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='_img_idaho_smsbox-title-bg.png');
	}

	#archivealbums li.hover {
		background: #667A8F;	
	}
/* End of Invites box */

	hr.boxspacer {
		border: 0;
		height: 2px;
		background: url("boxspacer.gif") repeat-x;
		margin: 1em;
	}
	
	h4 span.register_obligatory {
		padding-right: 15px;
		background: url("register_obligatory.gif") right center no-repeat;
	}
	
	.spacer {
		clear: both;
		height: 1px;
		margin: 0;
		padding: 0;
	}
	
/* Prototype Windows Class */
	div.dialog {
		display: block;
		position: absolute;
	}
	
	div.dialog table.table_window  { 
		border-collapse: collapse; 
		border-spacing: 0; 
		width: 100%;
		margin: 0px;
		padding:0px;
	}
	
	div.dialog table.table_window td , 
	div.dialog table.table_window th { 
		padding: 0; 
	}
	
	div.dialog .title_window {
		-moz-user-select:none;
	}
	
	.overlay_dialog {
		background-color: black;
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	
	.dialog_nw {
		width: 36px;
		height: 36px;
		background: url("igwin/igwin_nw.png") no-repeat;
	}
	
	* html .dialog_nw {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='img/idaho/igwin/igwin_nw.png');
	}
	
	.dialog_n {
		background: url("igwin/igwin_n.png") repeat-x;	
		height: 36px;
	}
	
	* html .dialog_n {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='img/idaho/igwin/igwin_n.png');
	}
	
	.dialog_ne {
		width: 36px;
		height: 36px;
		background: url("igwin/igwin_ne.png") no-repeat;		
	}
	
	* html .dialog_ne {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='_img_idaho_igwin_igwin-ne.png');
	}
	
	.dialog_e {
		width: 15px;
		background: url("igwin/igwin_e.png") repeat-y;	
	}
	
	* html .dialog_e {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='_img_idaho_igwin_igwin-e.png');
	}
	
	.dialog_w {
		width: 15px;
		background: url("igwin/igwin_w.png") repeat-y;
	}
	
	* html .dialog_w {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='img/idaho/igwin/igwin_w.png');
	}
	
	.dialog_sw {
		width: 26px;
		height: 13px;
		background: url("igwin/igwin_sw.png") bottom no-repeat;
	}
	
	* html .dialog_sw {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='img/idaho/igwin/igwin_sw.png');
	}
	
	.dialog_s {
		height: 13px;
		background: url("igwin/igwin_s.png") bottom repeat-x;
	}
	
	* html .dialog_s {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='img/idaho/igwin/igwin_s.png');
	}
	
	.dialog_se {
		width: 27px;
		height: 13px;
		background: url("igwin/igwin_se.png") bottom no-repeat;
	}
	
	* html .dialog_se {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='_img_idaho_igwin_igwin-se.png');
	}
	
	.dialog_sizer {
		width: 27px;
		height: 26px;
		background: url("igwin/igwin_sizer.png") no-repeat;	
		cursor: se-resize !important;
	}
	
	* html .dialog_sizer {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='_img_idaho_igwin_igwin-sizer.png');
	}
	
	div.dialog_close {
		width: 15px;
		height: 15px;
		background: url("igwin/igwin_close.png") no-repeat;			
		cursor: pointer;
		position: absolute;
		top: 18px;
		right: 18px;
	}
	
	* html div.dialog_close {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='img/idaho/igwin/igwin_close.png');
	}
	
	div.dialog_minimize {
		display: none;
	}
	
	div.dialog_maximize {
		width: 15px;
		height: 15px;
		background: url("igwin/igwin_maximize.png") no-repeat;			
		cursor: pointer;
		position:absolute;
		top: 18px;
		right: 37px;
	}
	
	* html div.dialog_maximize {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='_img_idaho_igwin_igwin-maximize.png');
	}
	
	.dialog_title {
		padding-top: 15px;
		line-height: 21px;
		text-align: center;
		font-size: 11px;
		color: #F68C00;
		font-weight: bold;
	}
	
	td.dialog_content {
		background: url("igwin/igwin_content_top.png") top center repeat-x #1E3C55;
	}
	
	div.dialog_content {
		background: url("igwin/igwin_content_bottom.png") bottom repeat-x;
	}
	
	.top_draggable, 
	.bottom_draggable {
		cursor:move;
	}
	
	.status_bar {
		font-size: 10px;
		color: #162538;
		height: 13px;
		overflow: hidden;
	}
/* End of PWC */

/* Imagebrowser */
	div#imagebrowser {
		height: 100%;
		position: relative;
	}
	
	div#imagebrowsertitle {
		height: 22px;
		padding: 8px 0 0 0;
	}
	
	div#imagebrowser select#imagebrowseralbumselector {
		display: block;
		width: 240px;
		margin: 0 auto;
	}
	
	div#imagebrowser div#imagebrowserimages {
		padding: 10px;
		height: 335px;
		overflow: auto;
		position: relative;
	}
	
	div#imagebrowser a.imagebrowserthumb {
		width: 90px;
		height: 90px;
		border: 1px solid #627D98;
		background: #445A71;
		background-position: center center;
		background-repeat: no-repeat;
		float: left;
		margin: 10px;
		position: relative;
		cursor: pointer;
	}
	
	div#imagebrowser a.imagebrowserthumb:hover {
		color: red;
		width: 110px;
		height: 110px;
		border-width: 6px;
		margin: -5px;
		text-decoration: none;
	}
	
	div#imagebrowser span.imagebrowserthumboverlay {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	div#imagebrowser a.imagebrowserthumbselected {
		border-width: 6px;
		width: 80px;
		height: 80px;
	}

	div#imagebrowser a.imagebrowserthumbselected span.imagebrowserthumboverlay {
		background: #627D98;
		opacity: 0.5;
		filter: Alpha(opacity=50);
	}
	
	div#imagebrowser div#imagebrowserimagesfooter {
		clear: both;
	}

	div#imagebrowser div#imagebrowserfooter {
		text-align: center;
		position: absolute;
		bottom: 0;
		width: 100%;
		padding-bottom: 5px;
	}
/* End of Imagebrowser */

	div.unpaddedbox div.content div.innerborder {
		padding: 0;
	}
	
/* Content submenu */
	div#contentsubmenu {
		border-bottom: 1px solid black;
		margin-bottom: 5px;
	}

	div#contentsubmenu ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	div#contentsubmenu ul li {
		float: left;
		padding: 0 0 0 15px;
		margin: 0;
		background: url("tab_left_dark.gif") left top no-repeat;
	}
	
	div#contentsubmenu ul li a {
		background: url("tab_right_dark.gif") right top no-repeat;
		padding: 7px 15px 6px 0;
		display: block;
		color: #E2EBF1;
		font-size: 10px;
	}
	
	div#contentsubmenu ul li.selected {
		background-image: url("tab_left_active_dark.gif");
	}
	
	div#contentsubmenu ul li.selected a {
		background-image: url("tab_right_active_dark.gif");
	}
	
	div#contentsubmenufooter {
		clear: both;
		border-bottom: 1px solid #708498;
	}
/* End of Content submenu */

span.video_thumb_icon {
	display: block;
	background: url(video_icon_small.gif) 50% 100% no-repeat;	
	width: 34px;
	height: 39px;
	margin: 0 auto 0 5px;
}

/* mypicture */
div#mypicturebox {
	margin-left: 27px;
}

div#mypicturebox * {
	font-size: 10px;
}

div#mypicturebox p {
	margin: 0.7em 0;
}
	
div#mypicturebox div.forminput {
	margin: 0.5em 0;
}
	
div#mypicturebox input.radio {
	margin: 0 0 0 0.5em;
}

div#mypicturebox div.formsubmit {
	text-align: center;
	margin: 1em 0;
}

span.saldo {
	font-weight: bold;
}

span.time {
	font-weight: bold;
}

span.price {
	font-weight: bold;
}

/* google map */

#mapbox #map {
	color: #1C2C3C;
}