/**
 *	Layout all common styles
 **/
body {
	margin: 5px 0 0 0px;
	padding: 0;
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #203f4f;
	font: 11px Verdana, Arial, sans-serif;
	text-align: center;
}
img {
	border-width: 0;
}
img.border {
	padding: 1px;
	border-width: 1px;
	border-style: solid;
}
img.border:hover {
	padding: 1px;
	border-width: 1px;
	border-style: solid;
}
table {
	border-collapse: collapse;
}
tbody {
	margin: 0;
	padding: 0;
}
th {
	font: bolder 11px Verdana, Arial, sans-serif;
	text-align: left;
}
td {
	padding: 0;
	margin: 0;
	font-size: 11px;
	vertical-align: top;
}
ol, ul {
	margin-left: 20px;
	margin-top: 0;
	padding: 0;
}
li {
	padding: 0;
}
h1, h2, h3, h4, h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
}
h1 {
	font: bold 136% Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
}
h2 {
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
}
h3 {
	font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-transform: uppercase;
}
h4 {
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
a {
	text-decoration: none;
}
form {
	display: inline;
}
input.error {
	border-width: 2px;
	border-style: solid;
}
input, textarea, select {
	font-size: 11px;
}

/**
 *	Loading div
 **/
div.loading {
	height: 400px;
	width: 450px;
}
/* STRUCTURE {{{
-----------------------------------------------------------------------------*/
#container, #headerUpper, #pageMiddle, #header, #footer {
	width: 900px;
}

#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#headerUpper {
	margin-top: 0px;
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 13px;
}
#header {	
	height: 60px;
	overflow: hidden;
}
#logolink {
	position: absolute;
	float: left;
	width: 50px;
	height: 50px;
	margin-left: 19px;
	margin-top: 6px;
}
#contentTop {
	background-repeat: repeat-x;
	background-position: bottom;
	height: 30px;

	margin: 0px 7px 0px 7px;
	width: 886px;
}
#middleContainer {
	margin: 0px 7px 0px 7px;
}

td.sidebar td {
	padding: 1px;
}

table.content td {
	padding: 1px;
}
table.stylized td {
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}
table.stylized th {
	text-transform: uppercase;
	font: bold 10px Arial;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
}

table#pageMiddle {
	background-repeat: repeat-y;
	background-position: top left;
}
table#pageMiddle td.shadowLeft {
	width: 7px;
}
table#pageMiddle td.sidebar {
	width: 188px;
}
table#pageMiddle td.content {
	width: 698px;
}

table#pageMiddle td.shadowRight {
	width: 7px;
}
div#contentMiddle {
	margin: 0 8px 0px 10px;

	width: 865px;
	padding-top: 10px;
	padding-bottom: 25px;
	background: transparent;
}
div#contentMiddle a:hover {
	text-decoration: underline;
}

hr {
	height: 1px;
	border-width: 0;
	clear: both;
}

div.whitebox {
	white-space: normal;
	height: 1%;
	padding: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	clear: both;
}

html>body div.whitebox {
	height: auto; 
	overflow: hidden;
}

div.whiteboxSubject {
	padding-left: 10px;
	font-weight: bold;
	line-height: 22px;
	background-repeat: no-repeat;
	background-position: top;
}
div.whiteboxSubjectMiddle {
	padding-left: 10px;
	font-weight: bold;
	line-height: 22px;
}

/* lite whitebox headers */
.pLeft div.whiteboxSubjectLite {
	height: 8px;
	background: url(http://img1.ii2.org/html/beta/layouts/green/whitebox650lite_header.png) bottom no-repeat;
}
.pRight div.whiteboxSubjectLite {
	height: 8px;
	background: url(http://img1.ii2.org/html/beta/layouts/green/whitebox650lite_header.png) bottom no-repeat;
}

div.left {
	float: left;
}
div.right {
	text-align: right;
	padding-right: 10px;
	font-size: 10px;
	font-weight: normal;
}
div.whiteboxSubject a, div.whiteboxSubjectMiddle a {
	text-decoration: underline;
}
div.whiteboxAction {
	border-width: 1px;
	border-style: solid;
	border-top-width: 0px;
	text-align: right;
	padding: 3px;
	font-size: 10px;
}
div.whiteboxFooter {
	height: 17px;
	background-repeat: no-repeat;
	background-position: top;
}

div#loginMenu {
	width: 160px;
	margin-left: 10px;
	padding-top: 10px;
}
div#loginMenu div.whiteboxSubject {
	background-repeat: no-repeat;
	background-position: top;
}
div#loginMenu div.whiteboxSubject a {
	text-decoration: underline;
}
div#loginMenu div.whiteboxSubject a.newComments {
	text-decoration: none;
	font-weight: bold;
}
div#loginMenu div.whiteboxFooter {
	background-repeat: no-repeat;
	background-position: top;
	height: 14px;
}
div.userBox div.whitebox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.userBox div.whitebox ul li {
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
div.userBox div.whitebox ul li.last {
	border-bottom: none;
}
div.userBox div.whitebox form.login table { 
	margin-left: 20px; 
}
div.userBox div.whitebox {
	padding: 5px 0 0 0;
}
div.userBox div.whitebox a {
	padding-left: 15px;
}
div.userBox div.whitebox form.login th {
	font-size: 12px;
	font-weight: normal;
}
div.loginBox div.whitebox {
	padding: 5px 10px 5px 10px;
}
div.loginBox div.whitebox a {

}
div.loginBox div.whitebox p {
	margin: 0;
	padding: 0 0 3px 0;
}
div.contentBottom {
	border-top-width: 1px;
	border-top-style: solid;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 10px;
}
div.float {
	width: 155px;
	float: left;
	padding: 0 5px 0px 0px;
}
div.float img{
	float: left;
	margin-right: 10px;
}
div.spacer {
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	clear: both;
}
/* }}} */

/* SIDEBAR {{{
-----------------------------------------------------------------------------*/
.sidebar div.subject {
	font-weight: bold;
	text-align: center;
	line-height: 26px;
}
.sidebar div.subject a {
	text-decoration: none;
}
.sidebar div.feature {
	padding: 5px;
}
.sidebar div.featureCentered {
	text-align: center;
	clear: both;
}
/* }}} */

/* SEARCH {{{
-----------------------------------------------------------------------------*/
div#search {
	float: right;
	text-align: right;
	width: 400px;
	height: 32px;
	overflow: hidden;
}
div#search form { 
	display: inline;
}
div.searchForm {
	margin: 0 10px 0 0;
}
div.searchForm input, div.searchForm select {
	height: 16px;
	vertical-align: middle;
}
div#search ul.searchOptions {
	padding: 0;
	margin: 0;
}
div#search ul.searchOptions li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div#search ul.searchOptions li a {
	border-right-width: 1px;
	border-right-style: solid;
	float: left;
	padding: 2px 5px;
	font-size: 10px;
}
div#search ul.searchOptions li a.current {
	border-right-width: 1px;
	border-right-style: solid;
	font-weight: bold;
}
div#search ul.searchOptions li.last a {
	border-right-width: 0;
}
div#search ul.searchOptions a:hover {
	text-decoration: underline;
}
div#search input.haku {
	border-width: 1px;
	border-style: solid;
	width: 80px;
	font: bold 10px verdana, Arial, Helvetica, sans-serif;
	margin: 4px;
}
div#search input {
	vertical-align: middle;
}
div#search input.image {
	border: 0;
	width: 18px;
	height: 18px;
}
div#search div.languageSelection {
	padding-left: 6px;
}
/* }}} */

/* NAV 1 {{{
-----------------------------------------------------------------------------*/
#nav1 {
	margin-left: 85px;
	width: 100%;
	overflow: hidden;
}
* html #nav1{
	position: absolute;
}
#nav1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav1 li {
	float: left;
	margin: 0 0 0 3px;
	padding: 0 0 0 9px;
	background-repeat: no-repeat;
	background-position: left top;
}
#nav1 li span {
	float: left;	
	display: block;	
	background-repeat: no-repeat;
	background-position: right top;
	padding: 9px 15px 7px 6px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#nav1 li.hig {
	background-repeat: no-repeat;
	background-position: left top;
}
#nav1 li.hig span {
	background-repeat: no-repeat;
	background-position: right top;
}
#nav1 li a:hover {
	text-decoration: underline;
}
/* }}} */

/* NAV 2 {{{ 
-----------------------------------------------------------------------------*/
#nav2 {
	background-repeat: repeat-y;
	height: 25px;
	width: 900px;
	margin: 0;
}
#nav2 ul {
	list-style: none;
	line-height: 25px;
	margin: 0 0 0 30px;
	padding: 0;
}
#nav2 li {
	display: inline;
}
#nav2 li a {
	padding: 0px 6px 0px 6px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
#nav2 li a:hover {
	text-decoration: underline;
}
#nav2 li.hig a {
	font-weight: bolder;
}

div.adsJattibanneri {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	background-repeat: repeat-y;
	z-index: 10;
}
div.adsJattibanneri div {
	width: 728px;
	position: relative;
	left: 85px;
}
div.ads468x60 {
	text-align: center;
	padding: 5px;
}
/* }}} */

/* FOOTER {{{ 
-----------------------------------------------------------------------------*/
div#footer {
	text-align: center;
	background-repeat: no-repeat;
	clear: both;

	height: 40px;
	padding-top: 10px;
}
div#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 30px;
}
div#footer ul li {
	display: inline;
}
div#footer ul li a {

}
div#footer ul li a:hover {
	text-decoration: underline;
}
/* }}} */

#contentSubject {
	margin-left: 0px;
	height: 30px;
	padding-left: 8px;
}
#contentSubject .subject {
	float: left;
	font-weight: bold;
	font-size: 12px;
	padding-top: 6px;
}
.breadCrumb {
	display: inline;
	padding-left: 10px;
	font-size: 70%;
}
#contentSubject .navi {
	text-align: right;
	padding-right: 5px;
	font-size: 10px;
	padding: 7px;
	vertical-align: middle;
}

#tabs {
	height: 30px;
	float: right;

	text-align: right;
	padding-right: 5px;
}
#tabs ul, #tabs span.extra {
	list-style: none;
	margin: 0;
	padding: 7px 10px 0 0;
}
#tabs ul li, #tabs span.extra {
	float: left;
	margin: 0 0 0 5px;
	padding: 0 0 0 9px;
	background-repeat: no-repeat;
	background-position: left top;
}
#tabs ul li span {
	float: left;
	display: block;
	padding: 5px 15px 4px 6px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: right top;
	height: 13px;
}
#tabs ul li a {
	text-decoration: none;
}
#tabs ul li a:hover {
	text-decoration: underline;
}
#tabs ul li.hig {
	background-repeat: no-repeat;
	background-position: left top;
}
#tabs ul li.hig span {
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 5px;
}
#tabs span.extra {
	padding: 10px 2px 10px 2px;
	color: #000000;
}

.pLeft div.whiteboxSubject {
	background-repeat: no-repeat;
	background-position: top;
}
.pLeft div.whiteboxSubjectMiddle {
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}
.pLeft div.whiteboxFooter {
	background-repeat: no-repeat;
	background-position: top;
}
.pRight div.whiteboxSubject {
	background-repeat: no-repeat;
	background-position: top;
}
.pRight div.whiteboxSubjectMiddle {
	background-repeat: repeat-x;
	background-position: top;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}
.pRight div.whiteboxFooter {
	background-repeat: no-repeat;
	background-position: top;
}

.pLeft {
	width: 650px; 
}
div.pLeft {
	float: left;
	margin-right: 10px;
}
.pRight {
	overflow: hidden;
	width: 200px;
}
div.pRight {
	float: right;
}
.pMiddle {
	width: 500px; 
}
div.pMiddle {
	float:left; 
	margin-left: 15px;
}

table.communityContainer {
	margin: 0 3px 0 3px;
}

div#communityBox {
	padding-top: 2px;
	color: black;
}

/* COMMUNITY MAIN {{{ */
div#communityButtons {
	height: 16px;
	text-align: right;
	font-size: 10px;
}
table#communityTable {
	width: 625px;
}
td#communityLogoCell {
	width: 150px;
	padding-right: 10px;
	text-align: center;
}
td#communityDescriptionCell {
	width: 475px;
}
div#communityDescription {
	width: 465px;
	overflow: hidden;
}
div#communityContent {
	width: 625px;
	overflow: hidden;
}
div#communitySeparator {
	margin: 16px 0 16px 0;
	border-top: 1px solid #abbacd;
}
/* }}} */

/* COMMENT STYLES {{{
----------------------------------------------------------------------------*/
div#com table {
	margin-bottom: 3px;
}
div#com table.gift {
	width: 100%;
	background: #dadada;
	border-top: 1px dotted #909090;
	border-bottom: 1px dotted #909090;
}
div#com table.gift td {
	padding: 3px 0 3px 0;
}
div#com table td {
	height: 16px;
	vertical-align: top;
	text-align: left;
	font-size: 11px;
}
div#com td a span.icon {
	text-decoration: underline;
}
div#com td.ct {
	white-space: nowrap;
	font-size: 9px;
	width: 88px;
}
div#com td.cn {
	white-space: nowrap;
}
div#com td.cn A {

}
div#com td.ctxt {
	width: 100%;
}
div#com td.cno {
	white-space: nowrap;
}
div#com td.cno a {
	font-weight: bold;
}
div#com td.newComments {
	font-weight: bolder;
	font-size: 16px;
	padding-top: 20px;
}
tr.plusCommentRow {
	cursor: pointer;
	cursor: hand;
}
.comsys {
	font-weight: bolder;
}
/* }}} */

div#userMessage {
	width: 160px;
	margin-left: 10px;
	text-align: center;
	overflow: hidden;
}
.publicMessageTop {
	height: 30px;
	background-position: bottom;
	background-repeat: no-repeat;
}

.publicMessageCom {
	width: 156px;
	padding: 10px;
	border: 1px solid #c4d689;
	border-top: 0;
}

.publicMessage {
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	font-size: 10px;
	padding: 1px 8px 1px 8px;
	overflow: hidden;
}
.publicMessageBottom {
	height: 16px;
	background-position: top;
}

div#smallImg {
	z-index: 80; 
	position: absolute; 
	top: 0px; 
	left: 0px;
}

div#scroller {
	margin-bottom: 10px;
}
div#scroller table {
	margin-left: auto;
	margin-right: auto;
}
div#scroller td {
	vertical-align: middle;
}
div#scroller iframe {
	width: 600px;
	margin: 0 3px 0 3px;
	height: 50px;
	border-width: 1px;
	border-style: solid;
}

/* PREVNEX {{{
--------------------------------------------------------------------------------*/
table.prevNext {
	margin-bottom: 3px;
	width: 100%;
}
table.prevNext td {
	font-size: 12px;
	text-align: center;
}

table.prevNext a {
	text-decoration: underline;
}
/* }}} */

/* Kuvasivu {{{ 
-----------------------------------------------------------------------------*/
img.picture {
	border-width: 1px;
	border-style: solid;
	padding: 1px;
}
table.imageNav {
	width: 100%;
	margin-bottom: 10px;
}
td.imageNav {
	width: 30px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
td.imageNav img {
	margin-top: 10px;
}
td.imageNavEmpty {
	width: 20px;
}
div.smallText {
	padding-top: 10px;
}
.smallText {
	font-size: 10px;
}
/* }}} */

select.sVideoAction {
	width: 152px;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 4px;
}
div.thumbs div.video {
	margin: 0px;
	padding: 0px;
}
div.thumbs div.video img {
	border-width: 1px;
	border-style: solid;
	border-color: black !important;
}
div.thumbs div.video img:hover {
	border-width: 1px;
	border-style: solid;
	border-color: black !important;
}

select.sImageAction {
	width: 152px;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 4px;
}
div.thumbs div.image {
	min-height: 105px;
	width: 150px;
}
div.thumbs div.image img {
	border-width: 1px;
	border-style: solid;
}
div.thumbs div.image img:hover {
	border-width: 1px;
	border-style: solid;
}

div.thumbs span.sc {
	font-size: 10px;
}
div.thumbs {
	margin-bottom: 10px;
}
/* thumbs hidden */
div.hidden div img {
	filter: Alpha(opacity=45);
	-moz-opacity: .35;
	opacity: 0.35;
	border-width: 3px;
	border-style: dotted;
}

img.smiley {
	vertical-align: middle;
}
img.fs {
	vertical-align: middle;
	width: 16px;
	height: 11px;
}
div.siOver {
	border-width: 1px;
	border-style: solid;
	padding: 5px;
}
.warning {
	font-weight: bold;
	text-transform: uppercase;
}
.small {
	font-size: 10px;
}
.small td {
	font-size: 10px;
}
p.hilight {
	font-size: 14px;
	font-weight: bold;
}

p.boldMessage {
	border-width: 2px;
	border-style: dotted;
	padding: 10px;
}
table.varList {
	width: 100%;	
}

div.commentField {
	text-align: center;
	margin-top: 10px;
}
div.commentField input.comment {
	vertical-align: middle;
	min-height: 16px;
	border-width: 1px;
	border-style: solid;
	font: bold 12px verdana, Arial, Helvetica, sans-serif;
	width: 60%;
}
div.commentField input.commentbut {
	vertical-align: middle;
	min-height: 16px;
	border-width: 1px;
	border-style: solid;
	font: bold 12px verdana, Arial, Helvetica, sans-serif;
}
div.userpic {
	margin: 0px 0px 10px 0px;
	text-align: center;
}
div.userpic img {
	border-width: 1px;
	border-style: solid;
}
div.picture {
	margin: 0 auto 13px auto;
}
div#imageText {
	margin-bottom: 5px;
}
.userInfo div {
	margin-bottom: 5px;
}
.userInfo div div.val {
	margin: 0;
	padding-left: 5px;
}
.extrainfo div div.val {
	margin-right: 5px;
}

.pRight div.whitebox img {
	vertical-align: middle;
}
img.icon {
	vertical-align: middle;
}
a.popupText {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}

div#word {
	overflow: hidden;
}

div.statBar {
	font: 10px Arial; 
	padding-left: 10px; 
	padding-right: 10px; 
	overflow: hidden; 
	height: 14px; 
	border-width: 1px;
	border-style: solid; 
}

.buttonSpecial {
	background-repeat: no-repeat;
	background-position: top center;
	padding: 4px 60px 9px 60px;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
}

div.user_communities_logo {
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #ccccdc;	/* same in all */
	background-color: white;	/* same in all */
}

div.user_communities_logo img {
	margin: 5px;
	_margin: 4px;
}

div.user_communities_desc {
	float: left;
	width: 250px;
	padding-left: 5px;
}

div.user_communities_desc input {
	margin: 0px;
}

.smsOrder table th {
	font-size: 14px;
}
.smsOrder i {
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
}

.smsOrder b {
	font-size: 16px;
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

div.searchResult h2 {
	font-weight: normal;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
}
div.searchResult h2 a {
	text-decoration: underline;
}
div.searchResult h2 b {
	font-weight: bold;
}
div.searchResult h2 em {
	font-size: 10px;
}
div.searchResult p.descr {
	margin-top: 0;
	margin-bottom: 2px;
}
div.searchResult p.info {
	margin-top: 0;
	margin-bottom: 2px;
	font-size: 10px;
}
div.searchResult div.searchResultLeft {
	width: 45px;
	float: left;
}
div.searchResult div.searchResultRight {
	width: 580px;
	float: left;
	padding-left: 3px;
}

div.searchResultSpacer {
	height: 20px;
	clear: both;
}

div.pageSection {
	width: 300px;
	float: left;
	margin-right: 10px;
}
div.hoverContent {
	padding: 15px;
	border-width: 1px;
	border-style: solid;
	width: 200px;
}

div#friendList {
	padding-left: 30px;
}
div#friendList a.chat {
	margin-left: 5px;
}

p.headError {
	border-width: 1px;
	border-style: dashed;
	padding: 10px;
	font-weight: bolder;
}
p.headSuccess {
	border-width: 1px;
	border-style: dashed;
	padding: 10px;
	font-weight: bolder;
}

table.spacious td {
	padding: 5px;
}

table.spacious_vertical td {
	padding-top: 4px;
	padding-left: 4px;
}
table.spacious_vertical th {
	padding-top: 4px;
	vertical-align: top;
}

p.taglist a {
	line-height: 30px;
	padding: 3px;
}

table.presentation {
	width: 80%;
}
table.presentation td {
	padding: 10px;
}
table.presentation td.txt {
	vertical-align: top;
}

div.presentation {
	width: 420px;
	margin: 15px 0px 20px 25px;
}
div.presentation .left {
	margin-right: 30px;
	float: left;
}
div.presentation .spacer {
	margin-bottom: 10px;
}
div.presentation .txt {
	width: 250px;
}
/** PROFILE EDITOR **/
a.editorLinkActive {
	font-weight: bold;
}
div.editorDiv div.right a {
	color: black;
}
input.editorButton {
	border-width: 1px;
	border-style: solid;
	padding: 2px 2px 2px 2px;
	margin-top: 2px;
	margin-bottom: 2px;
}
div.editorCP {
	width: 150px;
	border-width: 1px;
	border-style: solid;
	padding: 2px 2px 2px 2px;
	margin-bottom: 2px;
}

/** POPUP **/
div.popup {
	border: 1px solid black;
	padding: 10px;
	background: #CCCCCC;
	opacity:.95;
	filter: alpha(opacity=95);
	color: black;
}
div.popup td.popupImage {
	padding: 0 10px 0 0;
}
div.popup div.whiteboxSubject, div.popup div.whiteboxFooter, div.popup div.whiteboxAction { display: none; }
div.popup div.whitebox { border: none; background: transparent; }
div.popupAd {
	width: 150px;
	margin-top: 10px;
	padding-top: 5px;
 	border-top: 1px solid black;
}


div.wallet {
	float: right;
	padding: 0px 3px 3px 3px;
	vertical-align: top;
	text-align: right;
	height: 32px;
	width: 245px;
}

div.walletico {
	float:left;
	margin-top: 2px;
	padding-right: 8px;
	margin-right: 2px;
	border: none;
	border-right: 2px solid;
}

div.walletMenu {
	margin: 0px 0px 0px 0px;
	position: absolute;
	z-index: 40;
	border-width: 1px;
	border-style: solid;
	width: 240px;
	visibility: hidden;
}

div.walletMenuPositioner {
	position: relative;
	width: auto;
	float: left;
	margin: 3px 0px 0px 5px;
}

.walletSubject {
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

.walletTxt {
	font: 12px arial;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
}
select.countrySelect option {
	padding-left: 20px;
	font-size: 11px;
}
div.thumbs .mask {
	display: block;
	position: absolute;
	padding: 3px 0px 0px 3px;
}
.picture .mask {
	display: block;
	position: absolute;
	padding: 0;
}
.picture .mask a {
	height: 100%;
	float: left;
	background: url(http://img.ii2.org/html/images/overlay.gif);
	display: block;
}
.picture .mask a img {
	filter: Alpha(opacity=0);
	-moz-opacity: .0;
	opacity: 0.0;
}
.picture .mask a.lLeft {
	text-align: left;
}
.picture .mask a.lLeft img {
	padding-left: 5px;
}
.picture .mask a.lRight {
	text-align: right;
}
.picture .mask a.lMiddle{
	text-align: center;
}
.picture .mask img {
	border: 0;
	padding-top: 5px;
}
.picture .mask a:hover img {
	filter: Alpha(opacity=75);
	-moz-opacity: .75;
	opacity: 0.75;
}
#frontEvents hr {
	margin: 2px 0 2px 0;
	padding: 0;
}
.oldItem td {
	filter: Alpha(opacity=40);
	-moz-opacity: .40;
	opacity: 0.40;
}
#adMsg td {
	padding-bottom: 7px;
}
.dropDown {
	background: #cdcdcd;
	border: 1px solid grey;
	text-align: left;
	z-index: 50;
	padding: 5px 10px 15px 10px;
	position: absolute;
	width: 145px;
}
.dropDown h1 {
	margin: 0 0 5px 0;
	padding: 0;
	color: black;
}
.darkDropDown {
	background: #2a2f42;
	border: 1px dotted white;
	text-align: left;
	z-index: 50;
	padding: 10px 10px 10px 5px;
	position: absolute;
	color: white;
}
.darkDropDown a, .darkDropDown a:visited {
	color: white;
}
/* public msg */
div.publicTopLeft {
	background: url('http://img1.ii2.org/html/beta/images/public-msg-top-left.jpg') top right no-repeat;
	padding-top: 10px;
}
div.publicTop {
	background: url('http://img1.ii2.org/html/beta/images/public-msg-top-right.jpg') top left no-repeat;
	padding-left: 4px;
	padding-top: 2px;
	width: 130px;
	height: 13px;
	margin: 0px;
}
div.publicImage {
	width: 47px;
	text-align: center;
}
div.publicImage img {
	margin-right: 3px;
}
div.publicMiddle {
	background: url('http://img1.ii2.org/html/beta/images/public-msg-right-middle.jpg') top left repeat-y;
	padding: 1px 0px 0 5px;
	width: 130px;
}
div.publicMiddle div {
	width: 124px;
	overflow: hidden;
}
div.publicBottom {
	background: url('http://img1.ii2.org/html/beta/images/public-msg-right-bottom.jpg') top left no-repeat;
	width: 130px;
}

table.borderedRows tr.r1 td { 
	border-top: 1px dotted #ccccdc;
}
table.borderedRows tr.r2 td {
	border-top: 1px dotted #ccccdc;
}

#nav1 li.newComments a {
	color: red;
	margin-right: 6px;
}

.padded {
	margin: 2px;
}
div#thinkbox_editor textarea {
	font-size: 11px;
}

#overlay { 
	left:0;
	top:0;
	position:absolute;
	height:2000px;
	width:100%; 
	margin: 0;
	padding: 0; 
	text-align: center; 
	border:none; 
	filter: alpha(opacity=30); 
	-moz-opacity: 0.3;
	opacity:.30;
	background-color: #000;
}

#float_overlay { 
	left:0;
	top:0;
	position:absolute;
	height:2000px;
	width:100%; 
	margin: 0;
	padding: 0; 
	text-align: center; 
	border:none; 
	filter: alpha(opacity=30); 
	-moz-opacity: 0.3;
	opacity:.30;
	background-color: #000;
}
/** FLOATWHITEBOX
 ****************************************************************/
div.floatwhitebox {
	position: absolute;
	z-index: 15;
	left: 250px;
	top: 100px;
	width: 500px;
	background-color: transparent;
}

div.floatwhitebox div.whitebox {
	background-image: none !important;
	background-color: white !important;
	border-width: 0 !important;
	color: black !important;
	font: 11px Verdana, Arial, sans-serif !important;
}
div.floatwhitebox div.whiteboxSubject {
	background-image: none !important;
	background-color: #abbacd !important;
	border-width: 0 !important;
	color: white !important;
	font: bold 12px Verdana, Arial, sans-serif !important;
	line-height: 22px !important;
}
div.floatwhitebox div.whiteboxFooter {
	height: 0 !important;
}
div.floatwhitebox div.whitebox div.fwb_buttons {
	margin-top: 20px;
	text-align: right;
}
div.floatwhitebox div.whitebox div.fwb_buttons input[type="submit"],
div.floatwhitebox div.whitebox div.fwb_buttons input[type="button"] {
	width: 70px;
}
div.floatwhitebox td.fwb_lefttop {
	width: 8px;
	height: 8px;
	background: url(http://img1.ii2.org/html/images/fwb/fwb_lefttop.png) no-repeat; 
}
div.floatwhitebox td.fwb_leftbottom {
	width: 8px;
	height: 8px;
	background: url(http://img1.ii2.org/html/images/fwb/fwb_leftbottom.png) no-repeat; 
}
div.floatwhitebox td.fwb_righttop {
	width: 8px;
	height: 8px;
	background: url(http://img1.ii2.org/html/images/fwb/fwb_righttop.png) no-repeat; 
}
div.floatwhitebox td.fwb_rightbottom {
	width: 8px;
	height: 8px;
	background: url(http://img1.ii2.org/html/images/fwb/fwb_rightbottom.png) no-repeat; 
}
div.floatwhitebox td.fwb_border {
	background: url(http://img1.ii2.org/html/images/fwb/fwb_border.png) repeat; 
}
/** PROFIILIEDITORI 
 ****************************************************************/
div.profileEditor {
	padding: 20px;
	position: absolute;
	z-index: 15;
	left: 30px;
	width: 880px;
	top: 50px;
}
input.colorSel{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	width: 10px;
	height: 10px;
}
div.profileEditor h4 {
	padding: 0 0 0 0px;
	margin: 10 0 2 0px;
}
div.profileEditor h3 {
	color: #000000;
	padding: 0 0 0 0px;
	margin: 10 0 2 0px;
}
/* top row */
div.profileEditor td.leftTopLeft {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/left_top_left.png) no-repeat;
	height: 14px;
	width: 14px;
}

div.profileEditor td.leftTopMiddle {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/left_top_middle.png) repeat-x;
}

div.profileEditor td.middleTop {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/middle_top.png) no-repeat;
	height: 14px;
	width: 14px;
}

div.profileEditor td.rightTopMiddle {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/right_top_middle.png) repeat-x;
}

div.profileEditor td.rightTopRight {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/right_top_right.png) no-repeat;
	height: 14px;
	width: 14px;
}


/* middle row */
div.profileEditor td.leftMiddleLeft {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/left_middle_left.png) repeat-y;
	width: 14px;
}

div.profileEditor td.middleMiddle {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/middle_middle.png) repeat-y;
	width: 14px;
}

div.profileEditor td.rightMiddleRight {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/right_middle_right.png) repeat-y;
	width: 14px;
}

/* bottom row */
div.profileEditor td.leftBottomLeft {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/left_bottom_left.png) no-repeat;
	height: 14px;
	width: 14px;
}

div.profileEditor td.leftBottomMiddle {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/left_bottom_middle.png) repeat-x;
}

div.profileEditor td.middleBottom {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/middle_bottom.png) no-repeat;
	height: 14px;
	width: 14px;
}

div.profileEditor td.rightBottomMiddle {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/right_bottom_middle.png) repeat-x;
}

div.profileEditor td.rightBottomRight {
	background: url(http://img1.ii2.org/html/beta/images/profile_editor/png/right_bottom_right.png) no-repeat;
	height: 14px;
	width: 14px;
}

/* content */
div.profileEditor td.menuContent {
	background-color: white;
	padding: 10px;
	color: black;
	width: 230px;
}

div.profileEditor td.editorContent {
	background: white url(http://img1.ii2.org/html/beta/images/profile_editor/jpg/editor_content_bg.jpg) repeat-y right top;
}

div.profileEditor .content {
	padding: 20px;
}

div.profileEditor .editorDiv {
	padding-bottom: 20px;
	color: black;
	min-height: 480px;
}

div.profileEditor .helpLine {
	filter: Alpha(opacity=95);
	-moz-opacity: .85;
	opacity: 0.85;
	color: black;
	margin-bottom: 10px;	
	min-height: 50px;
	padding: 5px;
	background: #d2d2d2 url(http://img1.ii2.org/html/beta/images/profile_editor/png/ii2_logo.png) right no-repeat;
	clear: both;
}

div.profileEditor .helpLineFAQ {	
	filter: Alpha(opacity=95);
	-moz-opacity: .85;
	opacity: 0.85;
	color: black;
	margin-bottom: 10px;
	height: 50px;
	min-height: 50px;
	padding: 5px;
	background: #d2d2d2 url(http://img1.ii2.org/html/beta/images/profile_editor/png/ii2_logo.png) right no-repeat;
	clear: both;
	position: absolute;
	bottom: 30px;
	width: 635px;
	z-index: 31;
}

div.profileEditor .canvasMini {
	padding-left: 10px;
	padding-bottom: 10px;
	position: relative;
	z-index: 21;
}

div.profileEditor input, select {
	font-size: 11px;
}

table.stamps td {
	text-align: center;
	vertical-align: middle;
	height: 83px;
	width: 84px;
}
table.stamps {
	background: url(http://img1.ii2.org/html/beta/images/card.png); 
	width: 253px; 
	height: 166px;
}

#hints ul li {
	cursor: pointer;
	cursor: hand;
}

div.listSubject {
	border-bottom: 1px solid #cdcdcd;
	font-weight: bold;
	margin: 0;
	width: 80%;
}

/** FAQ - START **/
div.profileEditor td.menuContent h3 {
	color: #333333;
}
div.profileEditor td.menuContent h4 {
	color: #777777;
}
div.editorDiv h4 {
	color: #777777;
}
div.profileEditor td.menuContent h1 {
	color: #000000;
}
div.profileEditor td.editorContent h1 {
	color: #000000;
}

div.faq-canvas {
	z-index: 20; 
	position: relative; 
	height: 410px;
	width: 640px;
	overflow: auto;
}
div.faq-answer {
	border-top-color: #DADADA;
	border-bottom-color: #DADADA;	
	background-color: #f5f5f5;
	border-top-width: 1px;
	border-top-style: solid;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 10px;
}
div.faq-search
{
	padding: 2 2 2 2px;
	border: #cccccc solid 1px;
}
div.faq-search input {
	margin: 0 0 0 0px;
	padding: 2 2 2 2px;
	border: 0px;
}
input.faq-search-button {
	float: right;
}
div.faq-rate {
	margin: 25 10 10 10px;
	float: right;
}
/** FAQ - END **/

div.bottomButtons {
	border-top: 1px dotted black; 
	padding: 3px;
}
/**
 *	AVATAR
 **/
div.narrowDiv
{
	margin-left: 60px;
	padding: 15 15 15 15px;
}
div.profiletypeInfo
{
	width: 160px;
	margin: 10 40 10 40px;
	left: 50%;
	float: left;
}
div.thumbs .avatarRibbon {
	margin: 0;
	padding: 0;
}
div.thumbs .avatarRibbon img {
	padding: 0;
	margin: 1px 0 0 1px;
}
div.secretProfile {
	text-align: left; 
	margin-top: 30px; 
	background: url(http://img1.ii2.org/html/images/privateprofile.jpg); 
	border: 3px solid black; 
	width: 475px; 
}
div.secretProfile div.innerDiv {
	margin: 10px 0 0 240px; 
	width: 200px;
}

table.noborder td {
	border: 0 !important;
}

/* HEADERBAR (Images, Calendar, etc.) {{{
 * -----------------------------------------------------------------------------------
 */
div.headerBar td {
	border-width: 0 !important;
	vertical-align: middle;
}
div.headerBar td.left {
	padding-right: 10px;
}
div.headerBar td.center {
	width: 100%;
}
div.headerBar td.right {
	padding-left: 10px;
	font-size: 10px;
	white-space: nowrap;
}
/* }}} */

/* CALENDAR {{{
 * -----------------------------------------------------------------------------------
 */

/* common */
.smaller {
	font-size: 10px;
}

/* entryForm */
table.entryForm {
	margin-bottom: 5px;
}
table.entryForm .blogSubject {
	width: 100%;
}
table.entryForm .blogText {
	width: 500px;
}

/* eventsTable */
table#eventsTable {
	margin-bottom: 10px;
	background-color: white;
}
table#eventsTable tr.colored {
	background-color: #f5f5f5;
}
table#eventsTable td {
	vertical-align: middle;
}
table#eventsTable th.time, td.visibility, td.actions {
	text-align: center;
}
table#eventsTable div.shortCutter {
	width: 440px;
	overflow: hidden;
}
table#eventsTable div.longCutter {
	width: 570px;
	overflow: hidden;
}

/* calcontainer */
div#calcontainer {
	width: 175px;
	height: 145px;
	float: right;
}

/* cal */
div#cal table {
	width: 100%;
	border-collapse: separate;
	background-color: white;
	border: 1px solid #d0d0d0;
	empty-cells: show;
}
div#cal th {
	padding: 5px;
	background-color: #d0d0d0;
	border: 1px solid #b6b2b2;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}
div#cal td {
	width: 25px;
	background-color: #ededed;
	border: 1px solid #d0d0d0;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
}
div#cal td.weekday {
	background-color: #d0d0d0;
	border: 1px solid #b6b2b2;
	font-weight: bold;
}
div#cal td.emptyDate {
	/* kalenteritaulukon solu, jossa ei ole päivämäärää */
}
div#cal td.entryDate {
	/* kalenteritaulukon solu, jossa on päivämäärä */
}
div#cal td.periodDate {
	background-color: #fcdfb7;
}
div#cal td.eventDate {
	background-color: #fcbd66;
}
div#cal td.currentDate {
	font-weight: bold;
}
div#cal td.shownDate {
	border: 1px solid red;
}
div#cal a {
	color: #000000;
}

/* tool tips */
div.tooltipTitle {
	font-size: 10px;
	font-weight: bold;
	width: 190px;
	overflow: hidden;
}
div.tooltipEntry {
	padding-left: 10px;
	font-size: 10px;
	width: 190px;
	overflow: hidden;
}
div#hints2 {
	color: black;
	background-color: #D2D2D2;
	padding-top: 4px;
	padding-right: 4px;
	border: 1px dotted #133D68;
}

/* blogbox */
div.blogbox {
	margin-bottom: 10px;
}
div.blogbox table {
	width: 100%;
}
div.blogbox th {
	padding: 10px;
	vertical-align: top;
}
div.blogbox td {
	padding: 10px;
	width: 100%;
}
div.blogbox .blogTextCutter {
	width: 435px;
	overflow: hidden;
}
div.blogbox .blogModify {
	margin-top: 15px;
	color: #ff0000;
	font-size: 10px;
	font-style: italic;
}

/* }}} */

/* NOTES {{{
 * ---------------------------------------------------------------------------------/
 */
div.annotation {
	position: absolute;
	border: 1px solid white;
	border-style: outset;
	border-style: outset;
	border-style: outset;
	cursor: default;
}
div.annotation_hover {
	position: absolute;
	border: 1px solid white;
}
.annotation_noneditable {
	background-color: white;
}
div.anComment {
	padding: 5px;
	position: absolute;
	left: 0px;
	text-align: left;
	border: 1px solid white;
	background-color: black;
	opacity: 0.8;
	-moz-opacity: 0.8;
	z-index: 100;
}

/* drag resize */
.drsElement {
	position: absolute;
	border: 1px solid #333;
	z-index: 0;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
	height: 20px;
	border: 1px dotted red;
	cursor: move;
	z-index: 0;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
	 position: absolute;
	width: 5px;
	height: 5px;
	font-size: 1px;
	background: #EEE;
	border: 1px solid #333;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
	top: -8px;
	left: -8px;
	cursor: nw-resize;
}
.dragresize-tm {
	top: -8px;
	left: 50%;
	margin-left: -4px;
	cursor: n-resize;
}
.dragresize-tr {
	top: -8px;
	right: -8px;
	cursor: ne-resize;
}

.dragresize-ml {
	top: 50%;
	margin-top: -4px;
	left: -8px;
	cursor: w-resize;
}
.dragresize-mr {
	top: 50%;
	margin-top: -4px;
	right: -8px;
	cursor: e-resize;
}

.dragresize-bl {
	 bottom: -8px;
	 left: -8px;
	 cursor: sw-resize;
}
.dragresize-bm {
	 bottom: -8px;
	 left: 50%;
	 margin-left: -4px;
	 cursor: s-resize;	
}
.dragresize-br {
	 bottom: -8px;
	 right: -8px;
	 cursor: se-resize;
}			
/* }}} */

/* DOCKMENU {{{
 * ---------------------------------------------------------------------------------/
 */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: transparent;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	margin: 5px 10px 0px 0px; 
	width: 100%;
}
.dock-item span {
	display: none; 
	padding-left: 0px;
}
/* }}} */

/* HOVERIZE {{{
 * ---------------------------------------------------------------------------------/
 */
div.hoverize span.hoverize img {
	visibility: hidden;
}
div.hoverize:hover span.hoverize img {
	visibility: visible;
}
div.hoverize {
	border: 1px dotted transparent;
}
div.hoverize:hover {
	background-color: #f1f1f1;
	opacity: 0.70;
	filter: Alpha(opacity=70);
	border: 1px dotted #cdcdcd;

	cursor: hand;
}
/* }}} */
.lighter {
	color: #848484;
}


span.fastcmt {
	display: block;
	width: 16px;
	height: 15px;
	background: url(http://img1.ii2.org/html/beta/images/fam/fcomment.png);
}
span.fastcmt:hover {
	background: url(http://img1.ii2.org/html/beta/images/fam/fcomment2.png);
}
span.fastcmt_hover {
	display: block;
	width: 16px;
	height: 15px;
	background: url(http://img1.ii2.org/html/beta/images/fam/fcomment2.png);
}

table.table_selected {
	margin: 0;
	padding: 0;
	background: #e9eef5;
}

div.newCommentStyle {
	border-top: 1px solid #dde7fd;
	background: #edf2fd;
	margin-bottom: 5px;
	padding-top: 2px;
}
.p4 {
	padding: 4px;
}
.commentTime {
	color: #808080;
	font-size: 8px;
}
/** TULOSTUSASETUKSET @@
 ****************************************************************/
@media print {
	div#siteTop {
		display: none;	
	}
	td.sidebar {
		display: none;
	}
	table#pageMiddle {
		background: white;
	}
	div#footer {
		display: none;
	}
	body {
		background: white;
	}
}
/* Älä lisää mitään tänne */