/* Sivuston elementit alkaa */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.35em;
	color: #333333;
	margin: 0 0 0 10px;
	background: #fde2c5;
	}

a {
	color: #3377CC;
}

a:active {
	color: #ff6633;
}

a.choose-button  {
	color: #FFEEDD;
	margin: 15px 10px 15px 0px;
	padding: 4px 0.6em;
	text-decoration: none;
	background: #FF6633;
	border-top: 2px #ff6666 solid;
	border-right: 2px #990033 solid;
	border-bottom: 2px #990033 solid;
	border-left: 2px #ff6666 solid;
	}

/* Sivuston elementit päättyy */



/* Päätason elementit alkaa */

.top-wrapper {
	margin: 0px auto 0px auto;
	padding: 0;
	border-top: 6px solid #eba04f;
	border-left: 1px solid #DDCCBB;
	border-right: 1px solid #CCB093;
	border-bottom: 1px solid #CCB093;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;	
	background: #FFFFFF url(../site_images/level-bg.gif) bottom repeat-x;
}

.main-wrapper {
	margin: 5px auto 1em auto;
	padding: 0em 0em 0.2em 0em;
	border-top: 1px solid #DDCCBB;
	border-left: 1px solid #DDCCBB;
	border-right: 1px solid #CCB093;
	border-bottom: 1px solid #CCB093;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	background: #FFFFFF url(../site_images/level-bg.gif) bottom repeat-x;
}

td.main-level-announcement {
	vertical-align: top;
}

.match-promo {
	display: block;
	width: 140px;
	float: right;
	padding: 10px;
	margin: 0 10px;
	border: 2px solid #eeddcc;
	}

.ex-match {
	display: block;
	width: 140px;
	color: #660099;
	float: right;
	padding-top: 10px;
	text-align: center;
	border: 2px solid #8a39ff;
	-moz-border-radius: 9px;	
	-webkit-border-radius: 9px;	
	}
	
.ex-hit {
	background: #ffffff url(../site_images/ex/exm-bg.gif) center center no-repeat;
	width: 130px;
	height: 117px;
	margin: 0 auto 10px auto;
	text-align: center;
	}

.ex-hit .pno-ex {
	font-size: 20pt;
	font-weight: bold;
	padding-left: 12px;
	}
	
.ex-hit .pno-ex, .ex-hit .percent-ex {
	position: relative;
	top: 52px;
	color: #350d49;
	}

.percent-ex {
	font-size: 11pt;
	}	
	
.announcement {
	width: 240px;
	background-color:#FFFFCC;
	border: 1px #0033CC dotted;
	padding: 0.3em;
	margin: 0 2em;
}

.announcement em {
	font-weight: bold;
	font-style: normal;
	}

.announcement-wrapper {
	margin: 0 auto;
	padding: 2em;
	}
	
td.main-logo {
	padding-top: 10px;
	}

.reginfo-wrapper address {
	margin: 0em 3em;
	font-style: normal;
	}
	
.announcement-wrapper img {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1em;		
	}

.footer {
	text-align: center;
	padding: 5px 4px;
	color: #669966;
	}

.footer a {
	color: #669966;
	text-decoration: underline;
	font-weight: normal;
	}

.footer a:hover {
	color: #3BB000;	
	}

.main-navi {
	display: block;
	padding: 6px;
	float: left;
	line-height: 1.5em;
	}
	
.main-navi a {
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
	padding: 0 8px 0 0;
	}

.main-navi a:hover {
	text-decoration: underline;
	}
	
/* Päätason elementit loppuu */

/* Käyttäjätason elementit alkaa */

table.user-level {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #CCCCCC;
}

/* Käyttäjätason featuret kuten: Match, Galleria, Blogi navigointi alkaa */

td.user-features {
	vertical-align: top;
	}

ul#user-features {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	width: 100%;
	background: #FFFFFF;
	border-bottom: 2px solid #CCCCCC;
	}
	
ul#user-features li {
	display: inline;
	}
	
ul#user-features li a {
	display: block;
	float: left;
	color: #372722;
	font-size: 130%;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 13px 10px 3px 0px;
	margin-left: 0px;
	margin-right: 4px;
	background: url(../site_images/user-features-tab-bg.gif) top right no-repeat;
	}

ul#user-features li a em {
	font-style: normal;
	text-decoration: underline;
    }

ul#user-features a:hover {
	color: #3377CC;
	background-position: right -49px;
	}
	
ul#user-features .my-match {
	
}

ul#user-features img {
	border: 0;
	margin: -8px 5px 0 0;
	vertical-align: middle;
	}

/* uusi versio käyttäjän päänavista */

.random-pictures {
	display: block;
	width: 980px;
	margin: 6px auto;
	clear: both;
	}

.mosaic-container {
	display: block;	
	overflow: hidden;
	float: left;
	min-height: 90px;
	margin: 0px 2px;
	}
	
.rnd-pic-mosaic {
	display: block;
	float: left;
	margin: 0px 13px 10px 11px;
	width: 136px;
	background: url(../site_images/mosaic-profile-bg.gif) bottom center no-repeat;
	text-align: center;
	padding-bottom: 3px;
	padding-top: 6px;
	border-top: 1px #c0c0c0 solid;
	}	

.search-wrapper {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 5px 15px 10px 15px;
	border-top: 2px solid #DDCCBB;
	border-left: 2px solid #DDCCBB;
	border-right: 2px solid #CCB093;
	border-bottom: 2px solid #CCB093;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	background: #FFE2CE;
	}

.search-bynumber {
	background: #FFE2CE url(../site_images/search-bynumber-bg.gif) top right no-repeat;
	padding-right: 250px;
	}

.search-bynickname {
	background: #FFE2CE url(../site_images/search-bynickname-bg.gif) top right no-repeat;
	}

.search-profiles {
	background: #FFE2CE url(../site_images/search-profiles-bg.gif) top right no-repeat;
	}

.main-search-wrapper {
	display: block;
	background: #FFE2CE;
	color: #332211;
	font-size: 100%;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 10px 15px;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	}	
	
.search-main {
	color: #332211;
	background-color: #ffd7ab;
	font-size: 120%;
	}

.search-main p.level2 {
	color: #FF6600;
	}

.search-main h1.level2 {
	color: #321503;
	font-size: 130%;
	}

/* customer_navin taulukon tyylit alkaa */

table.user-navi {
	margin: 0px auto 10px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	}

table.user-navi a {
	text-decoration: none;
	}

table.user-navi th a:hover {
	text-decoration: underline;
	}

table.user-navi th {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	}

table.user-navi th, table.user-navi td {
	padding: 3px 3px 0px 3px;
	}

table.user-navi tbody.latest th {
	color: #999999;
	font-style: oblique;
	}

table.user-navi tbody.latest th, table.user-navi tbody.latest td {
	font-size: 11px;
	padding: 1px 3px;
	}

.latest-wrapper {
	display: block;
	width: 100%;
	margin: 0px auto 8px auto;
	padding-bottom: 3px;
	border-bottom: 1px dashed #AAAAAA;
	}

table.user-navi tbody.heading th {
	font-size: 10px;
	text-transform: uppercase;
	color: #666666;
	}

table.user-navi tbody.editable td, table.user-navi tbody.editable th {
	
	}

table.user-navi tbody.logout td a {
	color: #666666;
	}

table.user-navi tbody.logout td a:hover {
	color: #CC2222;
	}

.logout-wrapper {
	display: block;
	margin: 6px auto;
	}

.logout-wrapper a {
	display: block;
	text-align: center;
	width: 145px;
	padding: 2px 0px;
	vertical-align: middle;
	color: #666666;
	background: #F0F0EA url(../site_images/main-navi-bg.gif) top left repeat-x;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	cursor: pointer;
	}
	
.logout-wrapper a:hover {
	color: #CC2222;
	background: #F0F0EA url(../site_images/main-navi-bg.gif) -1px repeat-x;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #AAAAAA;	
	}

.mlogout-wrapper {
	display: block;
	width: 90px;
	padding: 4px;
	margin: 0;
	}

.mlogout-wrapper a {
	display: block;
	text-align: center;
	width: 80px;
	padding: 2px 0px;
	margin: 6px auto;	
	vertical-align: middle;
	font-size: 105%;
	color: #FFEEDD;
	font-weight: bold;
	text-decoration: none;
	background: #ff6633;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	}
	
.mlogout-wrapper a:hover {
	color: #ebe2d5;
	background: #EE5500;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #AAAAAA;	
	}	
	
img.statusicon {
	display: inline;
	border: 0;
	margin: 1px 5px 0 5px;
	vertical-align: text-top;
  height: 11px;
  width: 10px;
  }

.unread-qty {
	padding-right: 12px;
	background: url(../site_images/alert-bg.gif) right top no-repeat;
	}

.unread-qty, .unread-title {
	font-weight: bold;
	}
	
/* customer_navin taulukon tyylit päättyy */

.user-navi-wrapper {
	display: block;
	width: 150px;	
	margin: 0px 0px 4px 0px;
	padding: 3px 4px 2em 4px;
	border-top: 1px solid #DDCCBB;
	border-left: 1px solid #DDCCBB;
	border-right: 1px solid #CCB093;
	border-bottom: 1px solid #CCB093;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	background: #FFFFFF url(../site_images/user-level-bg.gif) bottom repeat-x;
	}

.display-window, .user-announcement {
	display: block;
	width: 150px;
	overflow: hidden;	
	margin: 0px 0px 4px 0px;
	padding: 3px 4px 2em 4px;
	border-top: 1px solid #DDCCBB;
	border-left: 1px solid #DDCCBB;
	border-right: 1px solid #CCB093;
	border-bottom: 1px solid #CCB093;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	background: #FFFFFF url(../site_images/user-level-bg.gif) bottom repeat-x;
	}

.spotlight {
	display: block;
	width: 150px;
	overflow: hidden;
	text-align: center;
	margin: 0px 0px 4px 0px;
	padding: 3px 4px 3px 4px;
	border-top: 1px solid #DDCCBB;
	border-left: 1px solid #DDCCBB;
	border-right: 1px solid #CCB093;
	border-bottom: 1px solid #CCB093;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	background: #eeddcc;
	}	

.register-now-main {
	display: block;
	width: 155px;
	float: right;
	overflow: hidden;
	margin: 10px 0px 4px 0px;
	padding: 3px 2px 3px 2px;
	border-top: 3px solid #66cc66;
	border-left: 3px solid #66cc66;
	border-right: 3px solid #006600;
	border-bottom: 3px solid #006600;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	background: white;
	}		
	
.register-now {
	display: block;
	width: 150px;
	overflow: hidden;
	margin: 0px 0px 4px 0px;
	padding: 3px 2px 3px 2px;
	border-top: 3px solid #66cc66;
	border-left: 3px solid #66cc66;
	border-right: 3px solid #006600;
	border-bottom: 3px solid #006600;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	background: white;
	}	
	
p.sl-name, p.sl-name-online {
	font-size: 125%;
	margin: 3px auto;
	width: 120px;
	padding: 6px;
	overflow: hidden;
	background: #FFFFFF;
	border-style: solid;
	border-width: 2px;
	}

p.sl-name {	
	border-top-color: #d58b2b;
	border-left-color: #806355;
	border-right-color: #aa7d2b;
	border-bottom-color: #806355;	
}	

p.sl-name-online {
	border-top-color: #00CC33;
	border-left-color: #336633;
	border-right-color: #009933;
	border-bottom-color: #336633;	
}
	
p.sl-name a, p.sl-name-online a {
	font-weight: bold;
	text-decoration: none;
	}
	
.dw-sinkkuaiti {
	display: block;
	width: 150px;
	margin: 0px 0px 4px 0px;
	padding: 3px 4px 4px 4px;
	border-top: 1px solid #dccec1;
	border-left: 1px solid #dccec1;
	border-right: 1px solid #b59b82;
	border-bottom: 1px solid #b59b82;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	background-color: #ede0d8;
	}

tr.sa-row1 {
	background-color: #eadcd3;
	}

tr.sa-row2 {
	background-color: #e0cdbf;
	}	
	
ul.my-ads-actions li a.set-status-passive:hover {
	color: #DDDDDD;
	background-color: #3355FF;
	}

.user-navi-folder {
	display: block;
	float: left;
	min-height: 17px;
	width: 100px;
	}

.user-navi-counter {
	display: inline;
	float: right;
	width: 25px;
	text-align: right;
	padding-left: 6px;
	overflow: hidden;
	}

ul.user-navi li.latest {
	color: #333333;
	font-style: oblique;
	padding-left: 5px;
	}

.user-navi-latest {
	padding-top: 3px;
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;
	font-size: 90%;
	font-weight: normal;
	border-top: 1px dashed #77CCFF;
	}	

ul.user-navi li img.statusicon {
	display: inline;
	border: 0;
	margin: 1px 5px 0 0;
	vertical-align: text-top;
  height: 11px;
  width: 10px;
  border: none;
	}

ul.user-navi li.unread {
	font-weight: bold;
	}

li.unread .user-navi-counter {
	background: url(../site_images/alert-bg.gif) left top no-repeat;
}

img.miniicon {
  display: inline;
  height: 17px;
  width: 19px;
  border: none;
}

/* uuden mallinen käyttäjän navigaatio päättyy */

.travel-draw-notification {
	border: 2px solid #c1272d;
	clear: both;
	padding: 15px 15px 2px 15px;
	margin: 0px 0px 6px 0px;
	vertical-align: middle;
	font-size: 120%;
	font-weight: normal;
	line-height: 1.3em;
	color: #333333;
	}

.anon-notification {
	border: 2px solid #00AA00;
	background: #DDFFDD url(../site_images/notification-bg.gif) left center no-repeat;
	clear: both;
	padding: 1em 40px;
	margin: 0px 0 6px 0;
	vertical-align: middle;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.3em;
	color: #003366;
	}
	
.no-bills-notification {
	background: url(../site_images/notification-bg.gif) left 5px no-repeat;
	clear: both;
	padding: 1em 40px;
	margin: 0px 0 6px 0;
	vertical-align: middle;
	font-size: 120%;
	line-height: 1.3em;
	}

/* Lehti tai teksti-tv-ilmoituksen tyylit alkaa */

.media-ad-wrapper {
	display: block;
	padding: 1em;
	background-color: #f2f3c5;
	margin-bottom: 1em;
	border: 1px #CC9966 solid;
	}

/* Lehti tai teksti-tv-ilmoituksen tyylit päättyy */

/* Ohjesivun tyylit alkaa */

.help-wrapper h1.level2 a {
	color: #000000;
	}

.help-wrapper h1.level1 {
	clear: left;
	}
	
.help-subtopics {
	display: block;
	width: 40%;
	background: #EEEEEE;
	border: 2px #DDDDDD solid;
	float: right;
	padding: 1em;
	margin: 1.5em 1em;
	}

.help-subtopics a {
	display: block;
	font-size: 130%;
	line-height: 1.35em;
	margin-bottom: 0.5em;
	}
	
	
.help-topic-content {
	display: block;
	clear: both;
	background: #ffffcc;
	padding: 0.4em 1.5em 1em 0.6em;
	margin-bottom: 1em;
	border: 1px #333333 solid;
	min-height: 120px;
	}


.help-topic-usagetime {
	background: #ceeebe;
	border: 2px solid #009900;
	}
	
.help-topic-prepaid {
	background: #c2e5ef;
	border: 2px solid #0099FF;
	}
	
.help-topic-w-usagetime {
	border: 2px solid #ceeebe;
	background: #ddffcc url(../site_images/help-topic-w-usagetime-bg.gif) right top no-repeat;
	}

.help-topic-w-prepaid-saldo {
	border: 2px solid #c2e5ef;
	background: #ccf2fc url(../site_images/help-topic-w-prepaid-bg.gif) right top no-repeat;
	}	
	
.help-subtopic-content {	

	}
	
.help-subtopic-content p, .help-subtopic-content img {	
	padding-left: 1em;
	}
	
.help-subtopic-content h1 a {
	color: #FF6600;
	}

.help-subtopic-content img {
	margin-bottom: 2em;
	}

img.icon {
	margin: 0 2px;
	padding: 0;
	vertical-align: middle;	
	}	
	
img.help-topic-ad {
	border: 1px solid #666666;
	float: left;
	margin: 10px 1em 1em 0;
	}


/* Ohjesivun tyylit päättyy */
	
/* Käyttäjätason ominaisuuksien navigointi loppuu tähän */

.folder-mobile-promo {
	display: block;
	padding: 5px 15px 10px 15px;
	border: 3px solid #99CCFF;
	margin-bottom: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	}


.folder-features-promo {
	display: block;
	padding: 5px 15px 10px 15px;
	background-color: #FFCC99;
	margin-bottom: 10px;	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	}

.folder-features-promo table td {
	text-align: center;
	vertical-align: middle;
	}

.folder-ext-ad-promo {
	display: block;
	height: 120px;
	margin-bottom: 1em;
	background-color: #FFFFFF;
	padding: 1em;
	border: 2px #FF6600 solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	}
	
.folder-gallery-promo {
	display: block;
	min-height: 100px;
	margin-bottom: 1em;
	background: #FFFFFF;
	padding: 1em;
	border: 2px #FFCC99 solid;
}

.folder-profilepic-container {
	display: block;
	float: left;
	width: 120px;
	height: 140px;
	margin-bottom: 5px;
	text-align: center;
	}

.fld-profile-feature {
	display: block;
	float: left;
	height: 18px;
	font-size: 110%;
	padding: 0.5em;
	background: #EEEEEE;
	border: 1px solid #8FA2AE;
	margin: 0px 4px 5px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
.province, .age, .gender {
	font-size: 10px;
	color: #666666;
	}

.nickname {
	font-size: 110%;
	}


table.table-guests th a {

	}


/* Käyttäjätason kansioiden navigointi alkaa */

td.user-folders, td.folder-1st-column {
	vertical-align: top;
}

ul#user-folders {
	list-style: none;
	margin: 0 10px 0 0px;
	padding: 0;
	}
	
ul#user-folders li {
	display: inline;
	}
	
ul#user-folders .notify {
	color: #009933;
	}
	
ul#user-folders li a {
	display: block;
	float: left;
	color: #372722;
	text-decoration: none;
	background-color: #FFFFFF;
	margin-right: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	}

ul#user-folders li a em {
	font-style: normal;
	text-decoration: underline;
    }

ul#user-folders a:hover {
	color: #3377CC;
	}
	
ul#user-folders img {
	border: 0;
	margin: -2px 5px 0 0;
	vertical-align: middle;
	}

ul#user-folders a.my-favourites {
	margin-right: 0;
}



/* Käyttäjätason kansioiden navigointi loppuu tähän */

/* Etusivun tyylit alkaa */

.login {
	margin: 0em auto 0em auto;
	padding: 0;
	background-color: #EEDDCC;
	}

table.main, table.main-articles, table.login, table.main-level {
	margin: 0 auto;
  }

table.login td, table.login th {
	padding: 4px;
	}

.main-promo {
	display: block;
	clear: both;
	width: 95%;
	margin: 4px auto 4px auto;
	padding: 14px 0px 14px 0px;
	text-align: center;
	border-top: 4px #ffd7ab solid;
	border-bottom: 4px #ffd7ab solid;
	}

ul.main-promo-list {
	font-size: 170%;
	line-height: 1.35em;
	list-style-image: url(../site_images/icon-ok.gif);
	}

ul.main-promo-list li {
	margin-bottom: 0.4em;
	}
	
a.travel-promo  {
	font-size: 180%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFEEDD;
	margin: 15px 10px 15px 0px;
	padding: 4px 0.6em;
	text-decoration: none;
	background: #33CC00 url(../site_images/promo-btn-join-now-green-bg.gif) 50% 50% repeat-x;
	border-top: 2px #82e063 solid;
	border-right: 2px #238a00 solid;
	border-bottom: 2px #196400 solid;
	border-left: 2px #5bd632 solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

a.travel-promo:hover {
	color: #FFFF99;
	}
	
td.match-advertisement {
	vertical-align: top;
	padding-right: 1em;
	}

table.main thead th {
	text-align: left;
	}

td.main-search {
	vertical-align: top;
	}
	
table.main-search-fields {
	margin: 0 auto 0 auto;
	}	

table.main-search-fields tbody th, table.mainpage-search-fields tbody th {
	text-align: left;
	font-size: 100%;
	line-height: 1.3em;
	padding: 0.5em 1em 0.6em 0.5em;
	}

table.areaselection {
	margin: 2px 0;
	}

table.areaselection thead th {
	padding: 2px 0px;
	}

table.areaselection tbody td {
	padding-right: 6px;
	}
	
table.main-search-fields td, table.mainpage-search-fields td {
	padding: 3px 5px 0px 3px;
	}

tbody.filters td, tbody.filters th {
	text-align: right;
	line-height: 1.3em;
	padding: 0em 1em 0em 0.5em;
	vertical-align: middle;
	}

tbody.filters th {
	text-align: left;
	font-weight: normal;
	}

tbody.filters img {
	vertical-align: middle;
	margin-right: 5px;
	}

table.main-articles {
	margin-top: 1em;
	}

table.main-articles td {
	vertical-align: top;
	padding: 0 1.5em 1em 1em;
	}
	
table.main-articles td.lead-article img {
	float: right;
	margin-left: 10px;
	}

table.main-articles td img {
	float: left;
	margin: 3px 10px 3px 5px;
	}

/* Etusivun tyylit päättyy tähän */


/* Välilehtinavigoinnin tyylit alkaa */

#tabcontainer {
		margin: 0;
		padding: 0;
		}

#tabcontainer ul {
		border: 0;
		margin: 0;
		text-align: center;
		}

#tabcontainer ol {
		border-top: 0;
		margin: 0;
		text-align: center;
		padding: 0 10px 20px 0;
		list-style: inside decimal;
		}

#tabcontainer ul {
		padding: 0 0 20px 0;
		list-style-type: none;
		}

#tabcontainer ul li {
		display: block;
		float: left;
		text-align: center;
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #666666;
		}
		
#tabcontainer ol li {
		float: left;
		color: #999999;
		background: #FFFFFF;
		border-top: 1px solid #8FA2AE;
		border-left: 1px solid #8FA2AE;
		border-right: 1px solid #8FA2AE;
		border-bottom: 0px solid #DDDDDD;
		padding: 0.3em 0.6em 0.3em 0.6em;
		margin: 5px 4px -1px 0;
		text-decoration: none;
		text-align: center;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;		
		}
		
#tabcontainer ol li.done, #tabcontainer ol li.done a {
		background-color: #CCCCCC;
		color: #333333;
		text-decoration: none;
		}
		
#tabcontainer ol li.active, #tabcontainer ol li.active a {
		background-color: #666666;
		color: #FFFFFF;
		text-decoration: none;
		}

#tabcontainer ol li.disabled, #tabcontainer ol li.disabled a {
		background-color: #666666;
		color: #FFFFFF;
		text-decoration: none;
		}

#tabcontainer ol li a:hover {
		text-decoration: underline;
		}

		
#tabcontainer ul li	{
		display: compact;
		float: left;
		background: #EEEEEE;
		border-top: 1px solid #8FA2AE;
		border-left: 1px solid #8FA2AE;
		border-right: 1px solid #8FA2AE;
		border-bottom: 0px solid #DDDDDD;
		padding: 0.3em 1em 0.3em 1em;
		margin: 5px 2px -1px 0;
		text-decoration: none;
		text-align: center;
		font-size: 110%;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		}

#tabcontainer ul#ad-tabs li {		
		padding: 0.3em 0.4em 4px 0.4em;
		border-top: 1px solid #BBBBBB;
		border-left: 1px solid #BBBBBB;
		border-right: 1px solid #BBBBBB;
		}
		

#tabcontainer ul#ad-tabs li img{		
		margin-right: 3px;
		vertical-align: text-top;
		}

#tabcontainer ul#ad-tabs li a{		
		vertical-align: middle;
		}		

#tabcontainer ul#ad-tabs li img a:hover {
		text-decoration: none;
		}

#tabcontainer ul li a {
		display: inline;
		text-decoration: none;
		}

#tabcontainer ol li a {
		display: inline;
		list-style: decimal inside;
		}

#tabcontainer ul li a:hover
		{
		text-decoration: underline;
		}

#tabcontainer a:active
		{
		color: #ff6633;
		}

#tabcontainer li.active a, #tabcontainer li.active {
		background: #666666;
		margin-bottom: 0px;
		color: #ffffff;
		text-decoration: none;
		}

#tabcontainer li.disabled a, #tabcontainer li.disabled {
		background: #CCCCCC;
		margin-bottom: 0px;
		color: #888888;
		text-decoration: none;
		}

#tabcontainer li.disabled a:hover {
		text-decoration: none;
		cursor: help;
		}

#tabcontainer ul#ad-tabs li.active {		
		color: #FF6600;
		padding-top: 3px;
		background: #FFFFFF;
		font-weight: bold;
		border-top: 2px solid #BBBBBB;
		border-left: 2px solid #BBBBBB;
		border-right: 2px solid #BBBBBB;
		}

#tabcontainer ul#ad-tabs li.disable {		
		color: #FFFFFF;
		background: #BBBBBB;
		padding-bottom: 5px;
		}		
						
/* Välilehtinavigoinnin tyylit päättyy tähän */


/* Käyttäjän käyttö- ja soittoaika alkaa */

table.user-info a {
	text-decoration: none;
	color: #000000;
	}
	
table.user-info a:hover {
	text-decoration: underline;
	}	

table.user-info th {
	font-weight: normal;
	text-align: left;
	padding: 2px 3px 1px 2px;
	}
	
table.user-info td {
	padding: 1px 3px 1px 2px;
	}

table.user-info td {	
	text-align: right;
	}

tbody.time-left th, tbody.time-left td {
	color: #000000;
	}

tbody.prepaid-left th, tbody.prepaid-left td {
	color: #000000;
	}

tbody.prepaid-saldo-open tr.row1nd th, tbody.prepaid-saldo-open tr.row1nd td {
	
	}

tbody.prepaid-saldo-open tr.row2nd th, tbody.prepaid-saldo-open tr.row2nd td {	
	background-color: none;
	padding-top: 2px;
	border-top: 1px #c2e5ef solid;
	}
	
td.user-time {
	vertical-align: middle;
	padding: 0.3em 0;
}

tbody.prepaid-saldo-open tr.row1st th.user-info-or {
	color: #0099FF;
	background-color: #none;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	}

.user-time-wrapper {
	display: block;
	margin: 0.2em 0;
	border-left: 1px solid #BBBBBB;
	padding: 0.5em;
	min-height: 70px;
	height: 100%;
}

p.user-time-acquire {
	margin: 0 0;
	clear: both;	
	padding-top: 7px;
}

dl.user-time img {
	border: 0;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

dl.user-time a {
	color: #333333;
	text-decoration: none;
}

dl.user-time a:hover {
	color: #3377CC;
}
/* Käyttäjän käyttö- ja soittoaika päättyy tähän */

/* Sivupaneelin yleiset tyylit mm. käyttäjän oman sivun laita, jossa asetukset ym. */

td.side-panel {
	vertical-align: top;
	}

/* Sivupaneelin yleiset tyylit päättyy tähän */

/* Sivupaneeli käyttäjän kansioissa alkaa */

.folder-side-panel h1, table.ad-detail h2 {
	margin-top: 0.2em;
	margin-bottom: 0.3em;
	font-size: 120%;
	font-weight: bold;
	}

.folder-side-panel h2 {
	margin-top: 1em;
	margin-bottom: 0.3em;
	line-height: 1.3em;
	font-size: 120%;
	}
	
.folder-side-panel p {
	margin-top: 0.2em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	}

.folder-side-panel dl {
	margin: 1em 0;
	}

.folder-side-panel dt, .folder-side-panel dd  {
	line-height: 1.3em;
	}

.folder-side-panel dt {
	color: #777777;
	}
	
.folder-side-panel dd {
	margin-left: 1em;
	}

/* Sivupaneeli käyttäjän kansioissa päättyy tähän */

/* Käyttäjän etusivu alkaa */

table.user-main {
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 20px 10px;
	}

table.user-main td, table.user-main th {	
	vertical-align: middle;
	padding: 5px 3px;
	}

/* Käyttäjän etusivu päättyy tähän */

/* Sivupaneeli käyttäjän Match-sivulla alkaa */

.match-summary {
	display: block;
	clear: both;
	width: 90%;
	margin: 1em auto;
	padding: 0.6em;
	}

.match-summary h1 {
	font-size: 130%;
	}

.match-summary h2 {
	font-size: 110%;
	border-bottom: 1px #666666 solid;
	margin: 0.4em 0;
	}

.match-summary dl {
	margin: 0;
	}
	

/* Sivupaneeli käyttäjän Match-sivulla päättyy tähän */

/* Käyttäjän etusivun layout-taulukon tyylit alkaa */

td.my-world-1st-column, td.my-world-2nd-column, td.my-world-right-column {
	vertical-align: top;
}

td.my-world-right-column {
	padding-bottom: 2em;
	}

/* Käyttäjän etusivun layout-taulukon tyylit päättyy tähän*/

/* Käyttäjälle näytettävät huomautukset, mm. chat-kutsuista tai suosikiksi lisäämisestä. */

.alert {
	display: block;
	clear: both;
	margin: 4px auto 4px auto;
	padding: 0.2em 1em 0.2em 1em;
	background: #FFFFFF url(../site_images/alert-basic-bg.gif) top left no-repeat;
	border: 2px #009933 dotted;	
	}

.alert-join {
	background: #FFFFFF url(../site_images/alert-join-bg.gif) top left no-repeat;
	}	

.favourite {
	background: #FFFFFF url(../site_images/alert-favourite-bg.gif) top left no-repeat;
	}
	
.chat {
	background: #FFFFFF url(../site_images/alert-chat-bg.gif) top left no-repeat;
	}

.form {
	
	}

.alert p {
	font-size: 120%;
	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left: 130px;
	padding-right: 2em;
	}

.alert h1 {
	font-size: 150%;
	font-weight: normal;
	margin-top: 0.1em;
	margin-bottom: 0.3em;
	margin-left: 130px;
	}

.alert table {
	margin: 0;
	}

.alert-illustration {
	display: block;
	float: left;
	margin-left: 10px;
	}

ul.alert-actions {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
ul.alert-actions li {
	display: inline;
	float: left;	
	}
	
ul.alert-actions li a {
	display: block;
	float: left;
	width: 200px;
	clear: both;
	color: #372722;
	text-decoration: none;
	font-size: 200%;
	background-color: #FFFFFF;
	margin-right: 6px;
	border-top: 1px solid #DDDDDD;
	border-right: 2px solid #AAAAAA;
	border-bottom: 2px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	}

ul.alert-actions li a em {
	font-style: normal;
	text-decoration: underline;
    }

ul.alert-actions a:hover {
	color: #3377CC;
	background-color: #CCFFCC;
	}

ul.alert-actions a.accept:hover {
	color: #FFFFFF;
	background-color: #00BB22;
	}

ul.alert-actions a.deny:hover {
	color: #FFFFFF;
	background-color: #DD0011;
	}	

ul.alert-actions img {
	border: 0;
	margin: -2px 5px 0 0;
	vertical-align: middle;
	}

ul.alert-actions li a {
	line-height: 1.3em;
	min-height: 15px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 3px 15px 6px 20px;
	vertical-align: middle;
}


/* Käyttäjälle näytettävät huomautukset päättyy tähän */



/* Jaetut tyylit alkaa */

.alert h1, .my-world-section caption {
	font-size: 160%;
	line-height: 1.2em;
	}

.my-world-section caption {
	margin-bottom: 0.6em;
	margin-top: -20px;
	background-color: #FFFFFF;
	padding: 3px;
	}

.folder-section, .content-section {
	margin: 0;
	padding: 0 10px 1em 10px;
	border-top: 1px solid #DDCCBB;
	border-left: 1px solid #DDCCBB;
	border-right: 1px solid #CCB093;
	border-bottom: 1px solid #CCB093;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	background: #FFFFFF url(../site_images/level-bg.gif) bottom repeat-x;
	}

table.settings th {
	text-align: left;
	width: 160px;
	}

table.settings tbody, table.settings tbody th {
	font-size: 120%;
	font-weight: normal;
	}

table.settings thead th {
	padding-right: 7em;
	}
	
span.new {
	background-color: #ffff99;
	color: #333333;
	white-space: nowrap;
	}	

/* Jaetut tyylit päättyy */

/* Taulukkojen yleiset tyylit */

caption {
	text-align: left;
	}

caption a {
	text-decoration: none;
	}

caption a:hover {
	text-decoration: underline;
	}

col.time {
	color: #666666;
	}

col.answering {
	background-color: #cbeeff;
	color: #3380ff;
	}

.legend-new {
	background-color: #ffffcc;
	color: #333333;
	}

tr.new th {
	font-weight: bold;
	}

tr.row1 , tr.row1-msgt {
	background-color: #eeeeee;
	}

tr.row2, tr.row2-msgt {
	background-color: #dddddd;
	}

tr.dw-F {
	background-color: #e0cdbf;
	}	

tr.dw-M {
	background-color: #dddddd;
	}	
	
	
tr.match {
	color: #DD0011;
	}

tr.comment td {
	border-top: 2px dashed #FFFFFF;
	}

.legend-online img {
	margin: 0 3px 0 3px;
	}

.legend input {
	font-size: 80%;
	margin-right: 0.5em;
	vertical-align: middle;
}
	
tbody.online, td.online, th.online {
	background-color: #ccffcc;
	}

/* Taulukkojen yleiset tyylit päättyy tähän */

/* Suppea taulukko, mini-table. Esim. käyttäjän omalla etusivulla käytetty viestien, suukkojen yms. suppeaan listaamiseen */
table.table-mini {
	margin-bottom: 5px;
	width: 100%;
}

table.table-mini tbody th, table.table-mini tbody td {
	padding: 3px;
	border-bottom: 1px #DDDDDD dashed;
}

table.table-mini thead th, table.table-mini thead td {
	border-bottom: 1px #DDDDDD solid;
	}

table.table-mini tbody th {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	overflow: hidden;	
	}

table.table-mini thead th {
	text-align: left;
	}

table.table-mini thead td {
	text-align: center;
	}

table.table-mini tbody td {
	vertical-align: middle;
	text-align: center;
}

table.table-mini tbody th {
	overflow: hidden;
	font-size: 110%;
	vertical-align: middle;
	}

table.table-mini img, table.table-medium img {
	border: 0;
	vertical-align: middle;
}

table.table-mini th a, table.table-medium th a {
	text-decoration: none;
}

table.table-mini th a:hover, table.table-medium th a:hover {
	text-decoration: underline;
}

table.sinkkuaiti tbody th, table.sinkkuaiti tbody td {
	border-bottom: 3px #ffffff solid;
	padding: 4px;
	}

table.sinkkuaiti tbody td {
	border-left: 3px #ffffff solid;
	}

table.sinkkuaiti tbody th {
	border-right: 3px #ffffff solid;
	}

table.sinkkuaiti thead th {	
	border-bottom: 3px #ffffff solid;
	}

/* Suppean taulukon tyylit päättyy tähän */

/* Keskitason taulukon, mm. viestitaulukossa käytettyjen tyylit alkaa tästä */

table.table-medium {
	clear: both;
	}

table.table-medium th, table.table-medium td {
	vertical-align: top;
	padding: 4px 5px 4px 5px;
	}

table.table-medium tbody th {
	text-align: left;
	vertical-align: top;
	}

table.table-medium thead th {
	font-weight: normal;
	}

table.table-medium thead, table.table-medium tfoot {
	background-color: #ece6e1;
	}

table.table-medium tr.new td, table.table-medium tr.new th {
	font-weight: bold;
	}

table.table-medium tbody td, table.table-medium tbody th {
	border-bottom: 1px solid #999999;
	}
	
table.main-element {
	margin: 0 auto;
	}

table.table-medium p.username {
	margin: 0;
	vertical-align: top;
	}

table.table-medium tbody td img {

	}

table.table-medium td.profile-info, table.table-medium th.profileimg, table.table-medium td.check, table.table-medium td.status {
	vertical-align: middle;
	}

table.table-medium tr.row1-msgt td, table.table-medium tr.row1-msgt th, table.table-medium tr.row2-msgt td, table.table-medium tr.row2-msgt th {
	border: none;
	}
	
/* Keskitason taulukon, mm. viestitaulukossa käytettyjen tyylit päättyy tähän */

/* Palvelun ominaisuustaulu alkaa */

table.cc-features {

	}

table.cc-features thead th{ 
	text-align: center;
	vertical-align: middle;
	}

table.cc-features thead td{ 
	font-size: 120%;
	color: #ff6600;
	vertical-align: middle;
	}	

table.cc-features tbody td{ 
	text-align: center;
	vertical-align: middle;
	}	

table.cc-features tbody.non-active td, table.cc-features tbody.non-active th { 
	background-color: #FFCC99;
	}

table.cc-features tbody.active-promo td { 
	font-size: 140%;
	font-weight: bold;
	line-height: 1.45em;
	border: 4px solid #CEEEBE;
	color: #009900;
	}	

table.cc-features tbody.saldo-promo td { 
	font-size: 140%;
	font-weight: bold;
	line-height: 1.45em;
	border: 4px solid #C2E5EF;
	color: #0099ff;
	}		
	
table.cc-features tbody.active td, table.cc-features tbody.active th { 
	background-color: #CEEEBE;
	}

table.cc-features tbody.saldo td, table.cc-features tbody.saldo th { 
	background-color: #C2E5EF;
	}
	
table.cc-features td, table.cc-features th {
	padding: 3px 6px;
	border-bottom: 1px solid white;
	}
	
/* Palvelun ominaisuustaulu päättyy */

/* Palvelun ominaisuuslista alkaa */

ul.cc-features {
	list-style-image: url(../site_images/usagetime-info-bullet.gif);
	padding-left: 4em;
	padding-right: 150px;
	font-size: 120%;
	line-height: 1.3em;
	}

ul.cc-features li {
	margin-bottom: 10px;
	}
	
/* Palvelun ominaisuuslista päättyy */

/* Käyttäjän etusivun tyylit alkaa */

.my-world-section {
	display: block;
	padding: 10px 15px 5px 5px;
	margin: 0 20px 20px 0;
	border: 1px #999999 solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
	}

.my-world-section p {
	margin: 3px 0 3px 6px;
	text-align: right;
	}

/* Käyttäjän etusivun tyylit päättyy tähän */

/* Käyttäjän asetusten tyylit alkaa */

dl.settings dt, dl.settings dd {
	font-size: 130%;
	line-height: 1.8em;
	}

dl.settings dd {
	padding-left: 160px;
	}

dl.settings dt {
	float: left;
	clear: left;
	}
	
/* Käyttäjän asetusten tyylit päättyy */

/* Käyttäjän kansioiden (Viestit, Suukot, Soittopyynnöt, jne. yleiset tyylit alkaa */

.content-wrapper {
	margin: 2px auto 2em auto;
	padding: 0.2em 1em 0.2em 1em;
	}

table.folder {
	margin-bottom: 50px;
	}

td.folder, td.browse, table.main-section td, td.folder-section, td.settings {
	vertical-align: top;
	}
	
span.active {
	color: #009933;
	}
	
span.disabled {
	color: #999999;
	}

span.disabled input {
	color: #999999;
	}


span.passive {
	color: #3355FF;
	}

ul li a.edit:hover {
	color: #CCFFFF;
	background-color: #009933;
	}

ul li a.delete:hover {
	color: #FFEE88;
	background-color: #333333;
	}

ul li a.vip:hover {
	color: #CCFF66;
	background-color: #336699;
	}

/* Käyttäjän kansioiden yleiset tyylit päättyy tähän */

/* Käyttäjän Match-osion tyylit alkaa */

ul.match-actions {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
ul.match-actions li {
	display: inline;
	}
	
ul.match-actions li a {
	display: block;
	float: left;
	text-align: center;
	width: 100%;
	clear: both;
	color: #372722;
	text-decoration: none;
	background-color: #FFFFFF;
	margin-right: 6px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	}

ul.match-actions li a em {
	font-style: normal;
	text-decoration: underline;
    }

ul.match-actions a:hover {
	color: #3377CC;
	background-color: #CCFFCC;
	}

ul.match-actions li a.set-status-active:hover {
	color: #009933;
	background-color: #CCFFFF;
	}

ul.match-actions li a.set-status-passive:hover, ul.my-ads-actions li a.set-status-passive:hover {
	color: #DDDDDD;
	background-color: #3355FF;
	}
	
ul.match-actions li a.logout:hover {
	color: #FFBBCC;
	background-color: #CC0022;
	}
	
ul.match-actions img {
	border: 0;
	margin: -2px 5px 0 0;
	vertical-align: middle;
	}

ul.match-actions li a {
	min-height: 17px;
	margin-top: 6px;
	padding: 3px 5px 2px 5px;
	vertical-align: middle;
}


/* Käyttäjän Match-osion tyylit päättyy */


/* Match-browse-taulukko, käytetään mm. viimeisimpien matchaajien näyttämiseen */

table.match-browse {
	margin-bottom: 5px;
}
	
table.match-browse tbody th, table.match-browse tbody td {
	padding: 4px;
	background: #FFFFFF;
	}

table.match-browse td.match-date, table.match-browse td.check, td.match-date, td.match-basic-top, td.match-character-top, td.match-leisure-top, td.match-sum-top {
	height: 10px;
	}
	
table.match-browse tbody td.match-date {
	font-size: 9px;
	color: #666666;
	text-align: left;
	padding: 2px 6px;	
	}

table.match-browse tbody td.match-basic-top {
	background: #FFFFFF url(../site_images/match-basic-top.gif) bottom center no-repeat;
	}

table.match-browse tbody td.match-character-top {
	background: #FFFFFF url(../site_images/match-character-top.gif) bottom no-repeat;
	}
	
table.match-browse tbody td.match-leisure-top {
	background: #FFFFFF url(../site_images/match-leisure-top.gif) bottom no-repeat;
	}

table.match-browse tbody td.subpercent {
	border-top: 1px #DDDDDD solid;
	border-left: 1px #DDDDDD solid;
	border-right: 2px #EEEEEE solid;
	border-bottom: 1px #DDDDDD solid;
	}

table.match-browse tbody td.last-subpercent {
	border-top: 1px #DDDDDD solid;
	border-left: 1px #DDDDDD solid;
	border-bottom: 1px #DDDDDD solid;
	border-right: none;
	padding-right: 10px;
	background: #FFFFFF url(../site_images/match-percentage-left-bg.gif) right center no-repeat;
	}

table.match-browse tbody td.sumpercent {
	font-weight: bold;
	border-top: 1px dashed #CCCCCC;
	border-right: 1px dashed #CCCCCC;	
	background: #EEEEEE url(../site_images/match-percentage-right-bg.gif) left center no-repeat;
	}

table.match-browse td.adtext {
	padding: 4px 20px 20px 13px;
	border-top: 1px #DDDDDD dashed;
	background: url(../site_images/match-adtext-bg.gif) top left repeat-x;
	color: #666666;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 11px;
	line-height: 1.3em;
	}

table.match-browse td.adtext:first-letter {
	font-size: 20px;
	float: none;
	}

table.match-browse thead th, table.match-browse thead td, table.match-browse tfoot th {
	color: #999999;
	}

table.match-browse td.check {
	padding: 0;
	}

table.match-browse tr.row1 td.check {
	background: #FFFFFF url(../site_images/match-1-folder-bg.gif) center center no-repeat;
	}

table.match-browse tr.row2 td.check {
	background: #FFFFFF url(../site_images/match-2-folder-bg.gif) center center no-repeat;
	}

table.match-browse tbody th {
	text-align: left;
	vertical-align: middle;
	background: #FFFFFF;
	}

table.match-browse thead th.match-percentage, table.match-browse tfoot th.match-percentage {
	text-align: center;
	}

col.match-percentage {
	text-align: center;	
	}

col.match-total-percentage {
	}

table.match-browse thead td, table.match-browse tfoot td {
	text-align: center;
	}

table.match-browse tbody td {
	text-align: center;
	vertical-align: middle;
}

table.match-browse tbody th, table.match-browse tbody td {
	font-size: 140%;
	}

table.match-browse img {
	border: 0;
	vertical-align: middle;
}

table.match-browse th a {
	text-decoration: none;
	margin: 0 5px;
}

table.match-browse th a:hover {
	text-decoration: underline;
}


/* Match-browse-taulukon tyylit päättyy tähän */

/* Match-prosenttien värit */

.match-0-20 {
	color: #999999;
	}

.match-21-40 {
	color: #996666;
	}
	
.match-41-60 {
	color: #993300;
	}

.match-61-80 {
	color: #CC3300;
	}

.match-81-100 {
	color: #FF6600;
	}


/* Lomakkeiden tyylit alkaa */

fieldset {
	clear: both;
	border: 1px solid #999999;
	margin: 1em 0;
	padding: 1em 2em 1.5em 1em;
	}

legend {
	font-size: 140%;
	font-weight: bold;
	}

form {
	margin: 0;
	padding: 0;
	}

select, textarea {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px inset #665544;
	padding: 3px;
	margin: 3px 0;
	}

input {
	padding-top: 0;
	padding-bottom: 2px;
	}

.submit-profile-tabs {
	border-bottom: 1px solid #999999;
	margin-bottom: 0;
	}

td.submit-profile input {
	vertical-align: middle;
	margin-right: 0.3em;
	}	

td.submit-my-details {
	padding-right: 3em;
	}
	
.submit-profile td, .submit-profile th, .folder-section td, .folder-section th  {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	}

.submit-profile p {
	line-height: 1.5em;
	margin: 0.5em 0 1em 6px;
	}

.submit-profile input {
	margin-left: 3px;
	}

.submit-profile-importance tbody td {
	text-align: center;
	}

.submit-profile-importance input {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}

.submit-profile-importance th, .submit-profile-importance td {
	padding: 3px;
	}

.submit-profile-importance {
	background: url(../site_images/importance-bg.gif) right bottom no-repeat #FFFFFF;
	padding: 0 10px 20px 260px;
	margin: 10px 0 0 0;
	}
	
td.slider-very {
	background: url(../site_images/slider-very-bg.gif) left repeat-y #FFFC00;
	}

td.slider-somewhat {
	background: url(../site_images/slider-bg.gif) center center repeat-y;
	}

td.slider-not {
	background: url(../site_images/slider-not-bg.gif) right repeat-y #0A00B2;
	}

table.submit-file {
	margin-top: 0.5em;
	margin-bottom: 0;
	}

table.submit-file td {
	padding: 0.1em 1em 0.2em 0;
	}

/* Kuvanappula A:n tyylit alkaa */

dl.imagebuttonA {
	margin: 0.5em 0;
	padding: 0;
}

.imagebuttonA dd {
	float:left;
	padding:0;
	margin:2px 3px;
	text-align:center;
	list-style:none;
}
.imagebuttonA dd span.imagebuttonAL {
	float:left;
	display:block;
	height:24px;
	width:3px;
	background:transparent url(../site_images/imagebutton/btnA_l.gif) 0 0 no-repeat;
}
.imagebuttonA dd span.imagebuttonAM {
	float:left;
	height:24px;
	padding:0 5px;
	font:normal 12px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:transparent url(../site_images/imagebutton/btnA_m.gif) 0 0 repeat-x;
	color: #CCFF99;
}
.imagebuttonA dd span.imagebuttonAR {
	float:left;
	display:block;
	height:24px;
	width:3px;
	background:transparent url(../site_images/imagebutton/btnA_r.gif) 0 0 no-repeat;
}

.imagebuttonA a, .imagebuttonA1 a span {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	}

.imagebuttonA a:hover {
	color: #ffffff;
	background: #FF9900;
	}

.imagebuttonA a:hover span {
	background-position: 0 -24px;
	color: #FFFFCC;
	}

/* Kuvanappula A:n tyylit päättyy tähän */

/* Kuvanappula B:n tyylit alkaa */

dl.imagebuttonB {
	margin: 0;
	padding:0;
}

.imagebuttonB dd {
	float:left;
	padding:0;
	margin:2px 3px;
	text-align:center;
	list-style:none;
}

.imagebuttonB dd span.imagebuttonBL {
	float:left;
	display:block;
	height:24px;
	width:3px;
	background:transparent url(../site_images/imagebutton/btnB_l.gif) 0 0 no-repeat;
}

.imagebuttonB dd span.imagebuttonBM {
	float:left;
	height:24px;
	padding:0 5px;
	font:normal 12px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:transparent url(../site_images/imagebutton/btnB_m.gif) 0 0 repeat-x;
}

.imagebuttonB dd span.imagebuttonBR {
	float:left;
	display:block;
	height:24px;
	width:3px;
	background:transparent url(../site_images/imagebutton/btnB_r.gif) 0 0 no-repeat;
}

.imagebuttonB a, .imagebuttonB1 a span {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	}

.imagebuttonB a:hover {
	color: #ffffff;
	background: #FF9900;
	}

.imagebuttonB a:hover span {
	background-position: 0 -24px;
	color: #FFFFCC;
	}

/* Kuvanappula B:n tyylit päättyy tähän */

input.std-button {
	display: block;
	margin: 3px 5px;
	color: #FFEEDD;
	font-weight: bold;
	background: #FF6633;
	border: 1px outset #FF6666;
	padding: 2px;
	}
	
input.back-button {
	display: block;
	margin: 3px 5px;
	color: #FF6633;
	font-weight: bold;
	background: #FFC2AE;
	border: 1px outset #FF6666;
	padding: 2px;
	}

.submit input {
	display: block;
	clear: both;
	margin: 3px auto;
	color: #FFEEDD;
	font-weight: bold;
	background: #FF6633;
	border: 1px outset #FF6666;
	padding: 2px;
}

input.button-disabled {
	display: block;
	clear: both;
	margin: 3px auto;
	color: #666666;
	font-weight: bold;
	background: #999999;
	padding: 2px;
	border: 1px outset #333333;
}

/* Lomakkeen pudotusvalikkotyylit alkaa */

.submit-form-dropdown {
	margin-left: 1em;
	}

.submit-form-dropdown label, .submit-form-multiple-select label, th.me-and-wanted-heading {
	display: block;
	text-align: right;
	float: left;
	}

th.me-and-wanted-heading {
	padding-right: 1em;
	padding-top: 4px;
	background: #FFFFFF;
	}
	
.submit-form-dropdown select, .submit-form-multiple-select input, .submit-form-freetext textarea {
	display: block;
	clear: right;	
	margin-bottom: 0.5em;
}

/* Lomakkeen pudotusvalikkotyylit päättyy tähän */

/* Lomakkeen vapaan tekstikentäntyylit alkaa */

.submit-form-freetext textarea {

	}

/* Lomakkeen vapaan tekstikentäntyylit päättyy tähän */



/* Match-kansiosivun tyylit alkaa tästä */

table.my-match {
	margin: 0px auto 10px auto;
	empty-cells: hide;
	}

table.my-match thead th {
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
	}

table.my-match tbody.match-answer {
	color: #666666;
	}

table.my-match tbody.match-freetext td {
	padding: 6px 10px;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 11px;
	line-height: 1.3em;	
	}

table.my-match tbody.match-freetext td:first-letter {
	font-size: 20px;
	float: none;
	}

tbody.question th {
	text-align: left;
	font-weight: bold;
	color: #666666;
	}

tbody.question th {
	padding-top: 5px;
	}

td.me, td.wanted {
	padding: 0.2em 0.4em;
	}

td.me {
	border: 1px solid #DDDDDD;
	}

fieldset.match-basic table.my-match td.me, fieldset.match-basic table.my-match td.wanted {
	border-color: #99CC99;
	}

fieldset.match-character table.my-match td.me, fieldset.match-character table.my-match td.wanted {
	border-color: #9999CC;
	}	

fieldset.match-leisure table.my-match td.me, fieldset.match-leisure table.my-match td.wanted {	
	border-color: #FFCC66;
	}
	
td.wanted {
	border: 1px dashed #DDDDDD;
	background-color: #EEEEEE;
	}

.match-hit {
	background-color: #FFDDEE;
	color: #FF3366;
	padding: 0 2px;
	}

table.match-percent-wrapper {
	margin: 1em 0;
	padding: 3px;
	}

table.match-percent-wrapper td {
	vertical-align: middle;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	background: #FFFFFF url(../site_images/match-percentage-left-bg.gif) right center no-repeat;
	}

table.match-percent-wrapper th {
	padding: 0 1.5em;
	border-top: 1px dashed #DDDDDD;
	border-bottom: 1px dashed #DDDDDD;
	border-right: 1px dashed #DDDDDD;	
	background: #EEEEEE url(../site_images/match-percentage-right-bg.gif) left center no-repeat;
	}

.match-percent {
  margin: 17px 10px 0 0;
  font-size: 19px;
  font-weight: bold;
	}

.match-heart {
  display: block;
  float: left;
  margin: 0 10px;
  padding: 0;
  width: 50px;
  height: 50px;
  background-image: url(../site_images/match-percent-hearts.gif);
}

.match1 {
 background-position: 0px 0;
}

.match2 {
 background-position: -50px 0;
}

.match3 {
 background-position: -100px 0;
}

.match4 {
 background-position: -150px 0;
}

.match5 {
 background-position: -200px 0;
}

fieldset.match-basic {
	background: url(../site_images/match-basic-bg.gif);
	}

fieldset.match-character {
	background: url(../site_images/match-character-bg.gif);
	}

fieldset.match-leisure {
	background: url(../site_images/match-leisure-bg.gif);
	}

/* Match-kansiosivun tyylit päättyy tähän */

/* Lomaketaulukko asetuksiin, ulkopuolisen ilmoituksen luontiin, jne.  */

table.set-n-submit {
	margin: 1em 0;
	}

table.set-n-submit th {
	
	}

/* Lomakkeen taulukko, jossa minä ja halutun kumppanin ominaisuudet alkaa */

table.me-and-wanted {
	border: none;
	}

th.wanted {
	margin-left: 0em;
	}

thead th.wanted {
	text-align: left;
	}


th.me {
	text-align: left;
	width: 13em;
	}

table.match-results {
	margin-bottom: 2em;
	}

table.match-results td, table.match-results thead th.me {
	text-align: center;
	vertical-align: top;
	padding: 0em 2em;
	margin: 0.3em 0;
	}

span.match-percentage {
	color: #BB00AA;
	}

table.match-results th.me-and-wanted-heading {
	vertical-align: top;
	}

th.me-and-wanted, table.match-results th.me-and-wanted {
	text-align: right;
	}
	
table.me-and-wanted thead th {
	font-weight: bold;
	}

colgroup.wanted {
	margin-left: 15px;
	}
	
.wanted label {
	clear: right;
	}
	
.wanted input {
	display: inline;
	clear: right;
	vertical-align: middle;
	margin-right: 0.8em;
	margin-bottom: 0.5em;
}


/* Lomakkeen taulukko, jossa minä ja halutun kumppanin ominaisuudet päättyy tähän */

/* Palautelomakkeen tyylit alkaa */

table.feedback th, table.feedback td {
	padding: 4px;
	}

table.feedback th {
	vertical-align: top;
	text-align: left;
	padding-right: 2em;
	}

	
/* Palautelomakkeen tyylit päättyy tähän */

/* Lomakkeiden tyylit päättyy tähän */

/* Hakutulosten tyylit alkaa tästä */

.ad-browse-container {
	display: block;
	width: 450px;
	overflow: hidden;
	min-height: 100px;
	clear: both;
	padding: 6px 20px 6px 10px;
	margin: 6px auto;
	border-top: 1px solid #DDCCBB;
	border-left: 1px solid #DDCCBB;
	border-right: 1px solid #CCB093;
	border-bottom: 1px solid #CCB093;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	background-image: url(../site_images/user-browse-bg.gif);
	background-repeat: repeat-y;
	background-position: 1px top;
	}

.ext-ad-browse-container {
	display: block;
	width: 450px;
	overflow: hidden;
	min-height: 80px;
	clear: both;
	padding: 6px 20px 6px 10px;
	margin: 6px auto;
	border-top: 1px solid #DDCCBB;
	border-left: 1px solid #DDCCBB;
	border-right: 1px solid #CCB093;
	border-bottom: 1px solid #CCB093;
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;
	}	
	
.thumbnail-browse-container, .thumbnail-browse-container-online, .thumbnail-browse-container-ext {
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 15px;
	text-align: center;
	float: left;
	height: 100%;
}

.thumbnail-browse-container img  {
	border-color: #999966;
}

.thumbnail-browse-container-online img {
	border-color: #009933;
}

img.ext {
	border-width: 2px;
}

.thumbnail-browse-container-ext img, img.ext {
	border-color: #AAAAFF;
}


.thumbnail-browse-container img, .thumbnail-browse-container-online img {
	padding: 2px;
	border-width: 2px;
	border-style: solid;
}

.thumbnail-browse-container a:visited img, {border-color: #999966;}
.thumbnail-browse-container a:active img, {border-color: #999966;}
.thumbnail-browse-container a:hover img, {border-color: #990000;}

.thumbnail-browse-container-online a:visited img {border-color: #009933;}
.thumbnail-browse-container-online a:active img {border-color: #009933;}
.thumbnail-browse-container-online a:hover img {border-color: #00CC00;}

.thumbnail-browse-container-ext a:visited img {border-color: #AAAAFF;}
.thumbnail-browse-container-ext a:active img {border-color: #AAAAFF;}
.thumbnail-browse-container-ext a:hover img {border-color: #AAAAFF;}

p.browse-nickname, p.browse-nickname-online {
	margin: 0.3em 0;
	font-size: 140%;
	line-height: 1.35em;
	font-weight: normal;
}

p.browse-nickname-online {
	text-indent: 14px;
	background: url('../site_images/user-status-online-icon.gif') 0px 6px no-repeat;	
	}
	
p.browse-nickname img, p.browse-nickname-online img {
	vertical-align: middle;
	margin-left: 1px;
	}
	
.ad-browse-info {
	display: block;
	padding-left: 100px;
	}

.browse-area {
	color: #665544;
	margin-right: 4px;
	}
	
p.browse-adtext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	line-height: 1.35em;
	margin-top: 0.2em;
	}
	
.result-browser {
	display: block;
	clear: both;
	margin: 10px auto;
	}

.result-browser a {
	margin-left: 0.7em;
}

.result-browser h2 {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}

p.pages {
	text-align: center;
	}

p.pages a.active, p.pages a.non-active {	
	height: 1.8em;
	width: 2em;
	padding: 0.3em;
	margin: 0 1px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	text-align: center;
	}

p.pages a.active {
	border-color: #ddccbb;
	background: #eeddcc;
	color: #FF6600;
	cursor: arrow;
	}

p.pages a.non-active {
	border-color: #b8d0ed;
	background: white;
	font-weight: bold;
	color: #3366CC;
	}

p.pages a.non-active:hover {
	background: #FFFF99;
	}	
	
.result-browser p.change {
	float: left;
	}

.ad-result-browser {	
	display: block;
	text-align: center;
	margin: 5px 0 6px 0;
	}

.ad-result-browser span  {	
	padding: 0 0 5px 0;
	width: 33%;
	}
	
.ad-result-browser span.next {
	display: inline;
	float: right;
	text-align: right;
	}

.back-to-results {
	display: inline;
	text-align: center;
	float: left;
	}

.ad-result-browser span.previous {
	display: inline;
	text-align: left;
	float: left;
	}

.ad-result-browser span a img{	
	text-decoration: none;
	vertical-align: middle;
	}	

span.previous a img, span.back-to-results a img {
	margin-right: 4px
	}

span.next a img {
	margin-left: 4px
	}	
	
.result-browser a.next {
	float: right;
	margin: 0;
	}

.result-browser a.previous {
	float: left;
	}

.extad-browse-heading {
	display: block;
	background: #FF6600;
	padding: 2px;
	margin: 10px auto;
	clear: both;
	}

.extad-new-ad-promo {
	display: block;
	border: 2px solid #FF6600;
	padding: 2px;
	margin: 10px auto;
	clear: both;
	text-align: center;
	}
	
.extad-browse-heading h1.level2 {
	text-align: center;
	color: #FFFFFF;
	}

table.extad-result-info {
	margin: 0 auto;
	}

table.extad-result-info td {
	text-align: center;
	vertical-align: middle;
	}

td.extad-browse-button {
	width: 291px;
	height: 112px;
	vertical-align: middle;
	background: url(../site_images/extad-browse-bg.jpg) top center no-repeat;
	}

td.extad-browse-button a {
	font-weight: bold;
	font-size: 150%;
	text-decoration: none;
	line-height: 2em;
	min-height: 35px;
	padding: 6px 10px;
	background-color: #FFFFFF;
	}

td.extad-browse-button a:hover {	
	text-decoration: underline;
	}


/* Hakutulosten tyylit päättyy tähän */

/* Ilmoituksen sivun tyylit alkaa */

.ad-extra-functions {
	display: block;
	padding: 4px 0 2px 0;
	width: 100%;
	clear: both;
	text-align: right;
	}

.ad-extra-functions img {
	vertical-align: text-top;
	}

table.ad-detail {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #eeddcc;
	}

table.ad-detail tbody.actions td {
	vertical-align: top;
	}

table.ad-detail tbody.actions td.ad-info {
	padding: 10px;
	}	

table.ad-detail tbody.actions td.ad-actions {
	padding: 10px 10px 5px 5px;
	}
	
h1.ad-titleM {
	clear: both;
	margin-top: 1em;
	margin-bottom: 0.4em;
	line-height: 1.2em;
	padding-top: 6px;
	padding-left: 10px;
	font-size: 15px;
	border-bottom: 3px solid #c2c6cf;
	background: white;
	}	
	
h1.ad-titleF {
	clear: both;
	margin-top: 1em;
	margin-bottom: 0.4em;
	line-height: 1.2em;
	padding-top: 6px;
	padding-left: 10px;
	font-size: 15px;
	border-bottom: 3px solid #d4c4c7;
	background: white;
	}

td.guestbook p {
	padding-left: 10px;
	}
	
ul#user-actions {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
ul#user-actions li {
	display: inline;
	float: left;
	font-size: 115%;	
	}
	
ul#user-actions li a, ul#user-actions li.disabled, ul#user-actions li a.disabled {
	display: block;
	width: 180px;
	min-height: 18px;
	margin-top: 3px;
	padding: 4px 5px 3px 5px;
	vertical-align: middle;
	text-decoration: none;
	background: #FFFFFF;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	}

ul#user-actions li a:hover {
	background-color: #CCFFCC;
	background-image: none;
	}

ul#user-actions li.disabled, ul#user-actions li a.disabled {
	background: #BBBBBB;
	color: #EEEEEE;
	}
	
ul#user-actions li img {
	border: 0;
	margin: -1px 5px 0 0;
	vertical-align: middle;
	}

ul#user-actions li a.disabled:hover {
	background: #BBBBBB;
	color: #CCCCCC;
	text-decoration: none;
	cursor: help;
	}

.profile-actions-wrap {
	margin: 0;
	padding: 0;
	}

.profile-actions-wrap p {	
	font-size: 100%;
	margin: 0 0 4px 0;
	padding: 3px 5px 2px 5px;
	background: url(../site_images/user-contact-bg.gif) bottom center repeat-x #FFFFFF;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
	}
	
.profile-actions-wrap a, .profile-actions-wrap p.disabled {
	display: block;
	text-decoration: none;
	}

.profile-actions-wrap a:hover p {
	background: #ccffcc;
	color: #023eab;
	}

.profile-actions-wrap a:visited, .profile-actions-wrap a:active {
	background: transparent;
	}	
	
.profile-contact-wrap {
	margin: 0;
	padding: 0 20px 0 10px;
	}

.profile-contact-wrap p {	
	font-size: 110%;
	margin: 0 0 4px 0;
	padding: 3px 5px 2px 5px;
	background: url(../site_images/user-contact-bg.gif) bottom center repeat-x #FFFFFF;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
	}
	
.profile-contact-wrap a, .profile-contact-wrap p.disabled {
	display: block;
	text-decoration: none;
	}	

.profile-contact-wrap a:hover p {
	background: #ccffcc;
	color: #023eab;
	}

a.disabled:hover p {	
	background: #BBBBBB;
	color: #CCCCCC;	
	}

.profile-contact-wrap a:visited, .profile-contact-wrap a:active {
	background: transparent;
	}

.profile-contact-wrap a.disabled {
	color: #999999;
	}
	
a img {	
	border: 0px;
	text-decoration: none;
	}

.help-link {
	display: block;
	float: right;
	padding: 4px 5px;
	margin: 0;
	}
	
.c-desc {
	margin: 0;
	background: #eeddcc;
	}
	
p.disabled {
	color: #999999;
	}

p.actions-extra {
	margin: 0 1em 0.3em 1em;
	}
	
ul#user-contact {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
ul#user-contact li {
	display: inline;
	float: left;
	}
	
ul#user-contact li a, ul#user-contact li.disabled, ul#user-contact li a.disabled {
	display: block;
	width: 160px;
	min-height: 17px;
	margin-top: 3px;
	padding: 3px 5px 2px 5px;
	vertical-align: middle;
	text-decoration: none;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	}

ul#user-contact li a {
	background: url(../site_images/user-contact-bg.gif) bottom left no-repeat #FFFFFF;
	}


ul#user-contact li a:hover {
	background-color: #CCFFCC;
	background-image: none;
	}

ul#user-contact li.disabled, ul#user-contact li a.disabled {
	background: #BBBBBB;
	color: #EEEEEE;
	}
	
ul#user-contact li img {
	border: 0;
	margin: -1px 5px 0 0;
	vertical-align: middle;
	}

ul#user-contact li a.disabled:hover {
	background: #BBBBBB;
	color: #CCCCCC;
	text-decoration: none;
	cursor: help;
	}

ul#user-contact li.promo, ul#user-contact li.promo a {
	font-weight: bold;
	}

tbody.ad-section-tabs td {
	border-bottom: 2px #BBBBBB solid;
	padding: 0 4px;
	}

tbody.ad-section-tabs #tabcontainer ul li {
	border-width: 0px;
	}

p.online {
		text-indent: 4px;
		padding-left: 10px;
		background: url('../site_images/user-status-online-icon.gif') top left no-repeat;
		font-weight: bold;
		color: #009900;
		}
/* Ilmoituksen sivun tyylit päättyy */

/* Ilmoituksen esikatselusivun tyylit alkaa */

.preview-teletext {
	display: block;
	width: 310px;
	height: 210px;
	margin: 10px 0px 10px 6px;
	background: #000000 url(../site_images/preview-teletext-bg.gif) top center no-repeat;
	}

p.preview-teletext {
	display: block;
	width: 250px;
	height: 145px;
	margin: 5px auto 15px auto;
	padding: 25px 15px 10px 15px;
	background-color: #000000;
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: -.01em;
	line-height: 1.1em;
	font-size: 14px;
	}

.preview-newspaper {
	display: block;
	width: 306px;
	height: 240px;
	background: url(../site_images/preview-newspaper-bg.jpg) top center no-repeat;
	}
	
p.preview-newspaper {
	display: block;
	width: 210px;
	padding: 45px 40px 80px 60px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.25em;
	}
	
/* Ilmoituksen esikatselusivun tyylit päättyy */

/* Ilmoituksen eri osastojen; ilmoitustekstin, match:n, gallerian ja blogin tyylit alkaa */

table.ext-ad-details td, table.ext-ad-details  th {
	padding: 6px;
	border-bottom: 1px #666666 dotted;
	}

table.profile td, table.profile th {
	padding: 6px;
	border-bottom: 1px #666666 dotted;
	}

	
dl.profile {
	margin: 2px 0 2px 10px;
	background: url(../site_images/dot.gif) repeat-x 0 1.4em;
	overflow: visible;
	}

dl.profile dt, dl.profile dd {
	font-size: 13px;
	line-height: 1.4em;
	}

dl.profile dd {
	padding-left: 100px;
	}

dl.profile dt {
	float: left;
	clear: left;
	}


td.profile-section {
	padding: 1.5em 1em 2em 1em;
	vertical-align: top;
	}	

td.ad-section {
	padding: 1.5em 1em 2em 1em;
	vertical-align: top;
	}

td.guestbook-new-entry {
	padding: 2em 0.5em;
	vertical-align: top;
	}

td.ad-section-gallery h2, td.ad-section-gallery p {
	text-align: center;
	}

td.ad-section-blog h2 {
	font-family: Georgia, serif;
	font-size: 140%;
	line-height: 1.3em;
	}
	
td.ad-section-blog p.article {
	line-height: 1.5em;
	margin: 1.5em 0;
	width: 60%;
	}

p.date {
	font-size: 11px;
	color: #999999;
	margin-bottom: 0.2em;
	}
		
.gallery-wrapper {
	text-align: center;
	margin: 0 auto;
	}

.match-info {
	display: block;
	padding: 1em 2em;
	margin: 1.5em 0 4em 0;
	background-color: #CCFFCC;
	}


/* Ilmoituksen eri osastojen tyylit päättyy tähän */

/* Gallerian tyylit alkaa */

table.gallery td, table.my-ads td {
	padding: 0.5em 1em;
	}
	
td.gallery-image {
	text-align: center;
	}

table.gallery, table.my-ads p {
	margin-top: 0em;
	margin-bottom: 0.3em;
	}

tr.default-image, ul.gallery-actions li a.set-status-default:hover {
	background-color: #444444;
	}

tr.default-image p, tr.default-image h1, ul.gallery-actions li a.set-status-default:hover {
	font-weight: bold;
	color: #FFCCEE;
	}
	
table.gallery thead th, table.my-ads thead th {
	border-bottom: 1px solid #999999;
	padding: 0.5em 1em;
	}
	
ul.gallery-actions {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
ul.gallery-actions li {
	display: inline;
	}
	
ul.gallery-actions li a {
	display: block;
	float: left;
	width: 160px;
	clear: both;
	color: #372722;
	text-decoration: none;
	background-color: #FFFFFF;
	margin-right: 6px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	}

ul.gallery-actions li.waiting {
	display: block;
	float: left;
	width: 158px;
	clear: both;
	color: #372722;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background-color: #FFCC33;
	margin-right: 6px;
	border: 2px dashed #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }
  
ul.gallery-actions li a, ul.gallery-actions li.waiting {
	min-height: 17px;
	margin-top: 6px;
	padding: 3px 5px 2px 5px;
	vertical-align: middle;	
	}

ul.gallery-actions li a em {
	font-style: normal;
	text-decoration: underline;
    }

ul.gallery-actions a:hover {
	color: #3377CC;
	background-color: #CCFFCC;
	}

ul.gallery-actions li a.delete:hover {

	}
	
ul.gallery-actions img {
	border: 0;
	margin: -2px 5px 0 0;
	vertical-align: middle;
	}

ul.gallery-actions li a {

}



/* Gallerian tyylit päättyy tähän */

.out-of-usagetime {
	border: 2px solid #00AA00;
	background: #DDFFDD url(../site_images/notification-bg.gif) left center no-repeat;
	clear: both;
	padding: 1em 40px;
	margin: 0px 0 6px 0;
	vertical-align: middle;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.3em;
	color: #009900;
	}


/* Vahtikoiran tyylit alkaa */

.wd-promo {
	display: block;
	min-height: 160px;
	margin-bottom: 1em;
	background: #FFFFFF;
	padding: 1em;
	border: 2px #FFCC99 solid;
}

.wd-promo-phone {
	display: block;
	width: 240px;
	height: 350px;
	margin: 0 0 10px 0;
	background: #FFFFFF url(../site_images/wd-promo-bg.jpg) top center no-repeat;
	text-align: center;
}

.wd-saldo-notification {
	border: 2px solid #00AA00;
	background: #DDFFDD url(../site_images/notification-bg.gif) left center no-repeat;
	clear: both;
	padding: 1em 40px;
	margin: 0px 0 6px 0;
	vertical-align: middle;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.3em;
	color: #009900;
	}

	
table.wda thead th {
	text-align: center;
	font-size: 120%;	
	}

table.wda thead th dfn {	
	font-style: normal;
	}

table.wda thead img {
	display: block;
	clear: both;
	margin: 3px auto 7px auto;
	}

table.wda tbody td, table.watchdog tbody th {
	padding: 3px;
	vertical-align: middle;
	}

table.wda tbody th {	
	font-size: 120%;
	}	
	
table.wda tbody td {
	text-align: center;
	}	
	

	
table.wdb th, table.wdb td {
	font-size: 120%;	
	}

table.wdb thead img {
	margin-left: 6px;
	vertical-align: text-top;
	}

table.wdb tbody td, table.wdb tbody th {
	padding: 3px;
	vertical-align: middle;
	}

table.wdb tbody td.choice {
	text-align: center;
	}

table.wdb tbody.all th {		
	border-bottom: 2px solid #FFCC00;
	}
	
table.wdb tbody.fav th {	
	border-bottom: 2px solid #FF9900;
	}

	
table.wd {
	margin: 0 auto;
	clear: both;
	}

table.wd col.all {
	background-color: #FFFFAA;
	}
	
table.wd col.fav {	
	background-color: #FFDAAA;
	}
	
table.wd td, table.wd th {	
	padding: 3px;
	font-size: 130%;
	}
	
table.wd thead th.all {
	background: #FFFFFF;
	border-bottom: 2px solid #FFCC00;
	}

table.wd thead th.fav {
	background: #FFFFFF;
	border-bottom: 2px solid #FF9900;
	}	

table.wd thead th.all-choice {
	background: #FFCC00;
	}

table.wd thead th.fav-choice {
	background: #FF9900;
	}	
	
table.wd thead td {
	text-align: center;
	font-style: oblique;
	font-size: 110%;	
	}
	
table.wd tbody td {
	text-align: center;
	vertical-align: middle;
	background: #FFFFFF url(../site_images/wd-check-bg.jpg) 50% 50% no-repeat;
	min-height: 40px;
	height: 40px;
	}

table.wd tbody th {
	vertical-align: middle;
	}
	
table.wd tbody th dfn {
	font-style: normal;
	}	

table.wd tbody th img {
	margin-left: 6px;
	vertical-align: text-top;
	}
	
table.wd thead th, table.wd tfoot th {
	text-align: center;
	vertical-align: middle;
	}

table.wd tfoot td {
	text-align: center;
	background-color: #FFFFFF;
	}

table.wd tfoot th {
	min-height: 40px;
	height: 40px;
	}
	
/* Vahtikoiran tyylit päättyy */



/* Ilmoitusten hallinnan tyylit alkaa */

	
ul.my-ads-actions {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
ul.my-ads-actions li {
	display: inline;
	}
	
ul.my-ads-actions li a {
	display: block;
	float: left;
	width: 160px;
	clear: both;
	color: #372722;
	text-decoration: none;
	background-color: #FFFFFF;
	margin-right: 6px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	}

ul.my-ads-actions li a em {
	font-style: normal;
	text-decoration: underline;
    }

ul.my-ads-actions a:hover {
	color: #3377CC;
	background-color: #CCFFCC;
	}

ul.my-ads-actions li a.delete:hover {
	}
	
ul.my-ads-actions li a.set-status-active:hover {
	color: #009933;
	background-color: #CCFFFF;
	}

ul.my-ads-actions img {
	border: 0;
	margin: -2px 5px 0 0;
	vertical-align: middle;
	}

ul.my-ads-actions li a {
	min-height: 17px;
	margin-top: 6px;
	padding: 3px 5px 2px 5px;
	vertical-align: middle;
}



/* Ilmoitusten hallinnan tyylit päättyy tähän */

/* --- Ilmoituksen sivun tyylit päättyy tähän --- */

/* Vastauksen tyylit alkaa tästä */

table.message-send th, table.message-send td {
	vertical-align: top;
	}

table.message-send thead th, table.message-send thead td {
	border-bottom: 1px #DDDDDD solid;
	padding: 0.1em 0.4em;
	line-height: 1.3em;
	}

table.message-send thead th img {
	float: left;
	margin: 4px 6px 4px 0px;
	}

.extra-profile {
	display: block;
	float: left;
	width: 200px;
	margin: 0 20px;
	}

.extra-profile p {
	vertical-align: middle;
	}

.extra-replyicons-wrapper {
	display: block;
	float: right;
	margin: 3px 0;
	padding: 0;
	height: 58px;
	width: 188px;
	background: url(../site_images/extra-replyicons-bg.gif) top right no-repeat;
	}

.extra-replyicons {
	display: block;
	margin-top: 17px;
	}

.extra-description {
	display: block;
	margin: 3px 0;
	padding: 3px 6px;
	background-color: #FFEDC7;
	color: #3366FF;
	}

.offer-prepaid {
	color: #FF6600;
	}
	
.offered-prepaid {
	color: #FF6600;
	font-weight: bold;
	}

.answer {
	padding: 1.2em 1em 1em 1em;
	margin: 1em 0em 1em 0;
	background-color: #FFFFFF;
	background: url(../site_images/answer-bg.jpg) top right no-repeat;
	min-height: 250px;
	}

p.msg {
	font-family: Georgia, serif;
	font-size: 120%;
	line-height: 1.5em;
	color: #666666;
	margin: 0em 0em 1em 0.4em;
	padding-right: 1.3em;
	}

p.msg:first-letter {
	color: #FF6600;
	font-size: 200%;
	margin-right: 0.1em;
	}
	
p.answer-date {
	display: block;
	float: right;
	margin: 1em 5px 3em 1em;
	color: #999999;
	font-family: Georgia, serif;
	font-style: oblique;
	font-size: 120%;
	}
	

p.listen a {
	font-size: 180%;
	}


.answer-info textarea {
	margin: 0.3em 0;
	display: block;
	clear: both;
	}

table.smilies {
	border-top: 1px dashed #333333;
	}

table.smilies td {
	vertical-align: middle;
	text-align: center;
	padding: 4px;
	}


ul.reply-options {
	list-style: none;
	width: 370px;
	margin: 5px 0 5px 5px;
	padding: 0;
	display: block;
	}
	
ul.reply-options li {
	display: inline;
	min-height: 10px;
	}
	
ul.reply-options li a, ul.reply-options li {
	display: table-cell;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	clear: both;
	width: 350px;
	color: #3377CC;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;	
	text-decoration: none;
	margin-right: 1px;
	margin-top: 2px;
	margin-left: 3px;
	vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	}

.answer-info-wrapper {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	clear: both;
	width: 360px;
	color: #3377CC;
	border-top: 2px solid #DDDDDD;
	border-right: 2px solid #AAAAAA;
	border-bottom: 2px solid #AAAAAA;
	border-left: 2px solid #DDDDDD;
	text-decoration: none;
	background: #A9D0FF url(../site_images/answer-active-bg.gif) top left repeat-x;
	font-size: 11px;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-right: 5px;
	margin: 10px 0 10px 8px;
	vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	}

.answer-active {
	background: #deebfa;
	border-top: 2px solid #77CCFF;
	border-right: 2px solid #4399FF;
	border-bottom: 2px solid #4399FF;
	border-left: 2px solid #77CCFF;
	}
	
.answer-disabled {
	background: #C0C0C0;
	border-top: 2px solid #BFBFBF;
	border-right: 2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
	border-left: 2px solid #BFBFBF;
	}

.answer-disabled .reply-option-title {
	color: #808080;
	border: none;
	}
	
.answer-info-wrapper a {
	text-decoration: none;
  }

.answer-info-wrapper a:hover {
	text-decoration: underline;
	color: #4399FF;
  }


/* Vastaussivun tyylit taululla alkaa */

table.reply-option {
	margin: 0;
	}

table.reply-option thead th, table.reply-option thead td {
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bold;
	color: #FF6600;
	border: none;
	}

table.reply-option thead th, table.reply-option thead td {
	padding: 2px 3px 6px 3px;
	}

table.reply-option thead th a {
	color: #3377CC;
	text-decoration: underline;
	}

tbody.reply-info th, tbody.reply-info td, tbody.reply-suboption-title th, tbody.reply-suboption-title td {
	padding: 5px 3px;
	}

 tbody.reply-suboption-title th, tbody.reply-suboption-title td {
	border-top: 1px solid #DDDDDD;
	}
	
tbody.reply-suboption-title th, tbody.reply-suboption-title td {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	color: #0099FF;
	}

table.reply-option img {
	vertical-align: middle;
	}

.reply-title-disabled {
	color: #808080;
	}

/* Vastaussivun tyylit taululla päättyy */

.answer-info-wrapper textarea {
	display: block;
	clear: both;
	margin: 2px 0 2px 0;
	font-size: 14px;
	}

.sms-wrapper {
	display: block;
	background: url(../site_images/msg-txt-bg.gif) top center no-repeat;
	color: #666666;
	padding: 0px 6px 0px 6px;
	margin: 5px auto 10px auto;
	}

table.send-sms {
	margin: 15px auto 5px auto;
	}

table.send-sms td {
	padding: 0;
	margin: 0;
	}

table.send-sms input {
	background: none;
	border: 0px;
	font-size: 10px;
	color: #666666;
	margin: 0px 4px 0px 4px;
	}

textarea.sms {
	border: 1px #336699 solid;
	background: #D8F3FD;
	overflow: auto;
	padding: 3px;
	margin: 0px auto 40px auto;
	}
	
.answer-info-wrapper textarea.disabled {
	border-color: #777777;
	color: #777777;
	background-color: #C0C0C0;
	}

ul.reply-options li a {
	padding: 6px 5px 6px 10px;
	}
	
ul.reply-options li .answer-info {
	background: #F0F0EA url(../site_images/main-navi-bg.gif) top left repeat-x;
	font-size: 11px;
	padding-top: 6px;
	padding-left: 10px;
	padding-bottom: 15px;
	padding-right: 5px;
	}
	
ul.reply-options li a em {
	font-style: normal;
	text-decoration: underline;
    }

ul.reply-options a:hover {
	color: #3377CC;
	background: #F0F0EA url(../site_images/main-navi-bg.gif) top left repeat-x;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	cursor: pointer;
	}
	
ul.reply-options img, .answer-info-wrapper img {
	border: 0;
	margin: 0px 5px 0 0;
	vertical-align: middle;
	}

.reply-title {
	display: block;
	clear: both;
	min-height: 15px;
	margin: 0px 0 2px 0;
	}

.reply-option-title, .reply-option-desc {
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bold;
	}
	
.reply-option-title, .reply-option-subtitle {
	display: block;
	float: left;
	width: 260px;
	}

.reply-option-title {
	color: #FF6600;
	}

.reply-option-title a {
	color: #3377CC;
	text-decoration: underline;
	}

.reply-option-subtitle, .reply-option-subdesc {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	color: #0099FF;
	}

.disabled {
	color: #00CC33;
	}

.answer-info p {
	padding-right: 20px;
	clear: both;
	}

.reply-option-desc, .reply-option-subdesc {
	display: block;
	float: right;
	width: 65px;
	text-align: right;
	margin-bottom: 10px;	
	}

.reply-suboption {
	display: block;
	border-top: 1px solid #DDDDDD;
	width: 100%;
	min-height: 15px;
	clear: both;
	margin-top: 0px;
	margin-bottom: 3px;
	padding-top: 6px;
	padding-bottom: 2px;
	}

.reply-notification {
	display: block;
	border: 2px solid #00AA00;
	background: #DDFFDD url(../site_images/notification-bg.gif) left center no-repeat;
	clear: both;
	padding: 6px 4px 8px 40px;
	margin: 0px 0 6px 0;
	}

.reply-options-latest {
	padding-top: 3px;
	display: inline;
	overflow: hidden;
	float: left;
	width: 100%;
	font-size: 90%;
	font-weight: normal;
	border-top: 1px dashed #77CCFF;
	}	

ul.reply-options li.highlight {
	font-weight: bold;
	}

img.replyicon {

}

ul.message-send {
	list-style: none;
	width: 300px;
	margin: 0px;
	padding: 0px;
	display: block;
	clear: both;
	}
	
ul.message-send li {
	display: block;
	margin: 0;
	padding: 0;
	}
	
ul.message-send li a, ul.message-send li a.highlight {
	display: block;
	clear: both;
	width: 100%;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.3em;
	text-decoration: none;
	min-height: 17px;
	margin-top: 6px;
	margin-bottom: 10px;
	padding: 3px 5px 4px 5px;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #DDDDDD;
	overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	}

ul.message-send li a {
	color: #372722;
	background-color: #FFFFFF;
	}

ul.message-send li a.highlight {
	color: #FFF8C7;
	background-color: #FF6600;
	}

ul.message-send li a.highlight:hover {
	background-color: #FF3366;
	}

ul.message-send li a em {
	font-style: normal;
	text-decoration: underline;
    }

ul.message-send a:hover {
	color: #3377CC;
	background-color: #CCFFCC;
	}
	
ul.message-send img {
	border: 0;
	margin: -2px 5px 0 0;
	vertical-align: middle;
	}

ul.message-send li.promo, ul.message-send li.promo a {
	font-weight: bold;
	border-width: 2px;
	}

ul.message-send li.disabled {
	color: #FF5500;
	}
	
ul.message-send li.disabled a {
		background: #BBBBBB;
		color: #EEEEEE;
		}

ul.message-send li.disabled a:hover {
		background: #BBBBBB;
		color: #CCCCCC;
		text-decoration: none;
		cursor: help;
		}
		
.answer-legend fieldset {
	border: 1px solid #CCCCCC;
	}

.answer-legend legend, .answer-legend {
	color: #888888;
	font-size: 11px;
	}


/* Vastauksen tyylit päättyy tähän */



/* Odottamattoman virheen, kuten vanhentuneen istunnon, olemattoman sivun tai muun virhesivun tyylit */

table.unexpected {
	margin: 8em auto 8em auto;
	border: 1px #CCCCCC solid;
	padding: 3em;
	-moz-border-radius: 15px;
  -webkit-border-radius: 15px;
	}

.unexpected th {
	font-size: 300%;
	line-height: 1.2em;
	padding: 1.2em 1em 1em 1em;
	}

.unexpected td {
	font-size: 150%;
	line-height: 1.3em;
	padding-top: 0.6em;
	}


.feedback-response th {
	color: #00AA11;
	}
	
.oops th {
	color: #FF5566;
	}
	
.error th {
	color: #EE3300;
	}

span.error, .error {
	background: #FFFF66 url(../site_images/error-icon.gif) 3px 2px no-repeat;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	color: #EE3300;
	font-weight: bold;
	line-height: 2em;
	}

.free {
	font-weight: bold;
	font-style: oblique;
	color: #FFFFFF;
	background-color: #009900;
	padding: 0 3px;
	}	
	
.session-expired th {
	color: #0033FF;
	}
	
.under-construction th {
	color: #FFDD00;
	background-color: #000000;
	}

/* Odottamattoman virheen tyylit päättyy tähän */

/* Saldon lataamisen tyylit 2 */

table.account, table.deposit-summary {
	margin: 10px auto 0px auto;
	}

table.deposit-summary {
	border-top: 1px dashed #FF6600;
	background: #FFFFFF;
	}

table.payment-options {
	border-left: 1px #CCCCCC dashed;
	}

table.payment-options tbody.heading th {
	padding-left: 3px;
	text-align: left;
	font-size: 12px;
	line-height: 1.3em;
	color: #666666;
	background: #FFEDDB;
	}

table.payment-options tbody.options td {
	padding: 5px 8px;
	border-right: 1px #CCCCCC dashed;
	}

img.bankimage {
	display: block;
	float: left;
	margin: 10px 20px 6px 0;
	}

/* Käyttöajan ja prepaid-saldon status alkaa */

.account-status {
	float: right;
	text-align: right;
	padding: 4px;
	background-color: #EEDDCC;
	}

.account-status  img {
	vertical-align: middle;
	}

.account-status  a {
	text-decoration: none;
	color: #666666;
	}
	
.account-status  a:hover {
	text-decoration: underline;
	}	
	
.account-nickname {
	display: inline;
	font-weight: bold;
	padding-right: 0.3em;
	margin-right: 0.5em;
	border-right: 1px solid #c57725;
	}
	
.account-usagetime-status {
	display: inline;
	padding-right: 0.3em;
	margin-right: 0.5em;
	border-right: 1px solid #c57725;	
	}	

.account-prepaid-status {
	display: inline;
	border-right: 1px solid #c57725;
	margin-right: 1em;
	}		
	
.account-status-usagetime-days {
	font-weight: bold;
	color: #009900;
	}

.account-status-prepaid-saldo {
	font-weight: bold;
	color: #0099FF;
	}
	

	
/* Käyttöajan ja prepaid-saldon status päättyy */	
	
tbody.usagetime th, tbody.prepaid th {
	color: #FF6600;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1em;
	text-align: left;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
	}
		
table.account thead th {
	text-align: center;
	vertical-align: bottom;
	font-size: 11px;
	}

table.packet {
	margin-top: 20px;
	}

table.packet tbody.packets td {

	}

table.account tbody td {
	vertical-align: middle;
	padding: 1px;
	}

table.account tbody.headline td {
	text-align: center;
	}

table.account td {
	text-align: center;
	}

table.account th {
	padding-left: 0.5em;
	}

table.account tbody.usagetime .row1, table.account tbody.usagetime-special .row1, table.account tbody.usagetime-old .row1 {
	background-color: #DDFFCC;
	}	

table.packet td.usagetime1 {
	color: #DDFFCC;
	}
	
table.account tbody.usagetime .row2, table.account tbody.usagetime-special .row2, table.account tbody.usagetime-old .row2 {
	background-color: #CEEEBE;
	}
	
table.account tbody.usagetime .row2 {
	background-color: #CEEEBE;
	}

table.packet td.usagetime2 {
	color: #CEEEBE;
	}

table.account tbody.prepaid .row1 {
	background-color: #CCF2FC;
	}

table.packet td.prepaid1 {
	color: #CCF2FC;
	}

table.account tbody.prepaid .row2 {
	background-color: #C2E5EF;
	}

table.packet td.prepaid2 {
	color: #C2E5EF;
	}

table.account .account-days, table.account .account-days-desc {
	color: #009900;
	}

tbody.usagetime-special .account-days, tbody.usagetime-special .account-days-desc {
	font-size: 1.5em;
	}

table.account tbody.usagetime-special .account-price{
	font-size: 1.5em;
	}
	
tbody.usagetime-old .account-days, tbody.usagetime-old .account-days-desc {
	text-decoration: line-through;
	}	
	
tbody.packets .account-days, tbody.packets .account-days-desc {

	}
	
table.account tbody td.desc {
	padding: 5px;
	text-align: left;
	}

table.account tbody td.desc-prepaid {
	background-color: #FFFFFF;
	border: 1px dashed #0099FF;
	}
	
table.account tbody td.desc-prepaid h1 {
	color: #003366;
	}

table.account tbody td.desc-usagetime {
	background-color: #FFFFFF;
	border: 1px dashed #009900;
	}

table.account tbody.usagetime-special td.desc-usagetime {
	font-size: 1.8em;
	line-height: 1.25em;
	color: #FFFFFF;
	background-color: #009900;
	border: 1px dashed #009900;
	}		
	
table.account tbody td.desc-usagetime h1 {
	color: #006633;
	}

table.account tbody td.desc-packet {
	background-color: #FFFFFF;
	background-image: none;
	border-left: 2px solid #009900;
	border-right: 2px solid #0099FF;
	}
	
table.account tbody td.desc-packet h1 {
	color: #006666;
	}	

table.account tbody.none-option th {
	color: #666666;
	text-align: right;
	vertical-align: middle;
	}

th.account-price-summary {
	text-align: right;
	color: #444444;
	}

td.tick {
	border-left: 2px solid #FF6600;
	border-right: 2px solid #FF6600;
	}	
	
tr.row1 td.tick {
	background-color: #ffd9c0;
	}

tr.row2 td.tick {
	background-color: #ffceae;
	}
	
.account-days select, .account-price select {
	font-size: 90%;
	}
	
dl.account-prepaid dd, .account-days-desc, .account-price-desc, .account-prepaid-call-desc, .account-prepaid-sms-desc  {
	font-size: 12px;
	}

.phone-price {
	display: block;
	clear: both;
	}

.account-days-desc {
	vertical-align: middle;
	}

.account-prepaid-call-mins, .account-prepaid-sms-qty, .account-prepaid-call-desc, .account-prepaid-sms-desc, dl.account-prepaid dt, dl.account-prepaid dd {
	color: #0099FF;
	}

.phone-price {
	color: #999999;
	}

tbody.packets dl.account-prepaid dt, tbody.packets dl.account-prepaid dd {

	}

.account-price-desc {
	font-style: oblique;
	color: #FFFF99;
	}

dl.account-prepaid {
	margin: 0 auto;
	width: 90px;
	}

dl.account-prepaid dt {
	display: block;
	float: left;
	width: 60px;
	text-align: center;
	margin-top: 0px;
	}

dl.account-prepaid dd {
	display: block;
	float: right;
	margin-left: 0;
	margin-top: 3px;
	}

.account-price, .account-price-desc {
	display: block;
	width: 100%;
	text-align: center;
	clear: both;
	margin: 0px;
	}

.account-days, .account-price, dl.account-prepaid dt, th.account-price-summary, .account-prepaid-call-mins, .account-prepaid-sms-qty {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1em;
	padding-top: 3px;
	padding-bottom: 3px;
	}
	
span.account-price {
	color: #000000;
	}

table.account tbody.usagetime-old .account-price{
	text-decoration: line-through;
	}	
	
tbody.packets .account-price {

	}

ul.usagetime-info, ul.prepaid-info, ul.packet-info {
	font-size: 12px;
	line-height: 1.2em;
	margin-left: 1em;
	padding-left: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
	list-style-image: url(../site_images/usagetime-info-bullet.gif);
	}

ul.usagetime-info {
	color: #006633;
	}
	
ul.prepaid-info {
	color: #003366;
	}

ul.packet-info {
	color: #006666;
	}


ul.usagetime-info li, ul.prepaid-info li, ul.packet-info li {
	margin-bottom: 0.5em;
	}

.account-notification {
	border: 2px solid #00AA00;
	background: #DDFFDD url(../site_images/notification-bg.gif) left center no-repeat;
	clear: both;
	padding: 6px 10px 6px 40px;
	margin: 10px auto 10px auto;
	line-height: 1.35em;
	color: #336633;
	}

fieldset.deposit {
	border: 2px #CCCCCC solid;
	margin-top: 15px;
	}

table.deposit-instructions {
	margin: 20px auto 45px auto;
	}

table.deposit-instructions td {
	padding-bottom: 10px;
	}
	
ol.deposit-instructions {
	margin: 0;
	padding: 0em 30px;
	}

ol.deposit-instructions li {
	font-size: 130%;
	line-height: 1.3em;
	}

/* Saldon lataamisen tyylit 2 päättyy */

/* Saldon maksusivu */

.voice {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 133px;
	background: #FFFFFF url(../site_images/voice-bg.gif) top left no-repeat;
	}

.phonescreen {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 133px;
	height: 120px;
	background: url(../site_images/phonescreen-bg.gif) center center no-repeat;
	}

.phone-message {
	display: block;
	font-family: Verdana, sans-serif;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3em;
	padding: 0px 15px 5px 15px;
	}


.phone-message-long {
	display: block;
	height: 85px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 1.3em;
	padding: 0px 15px 5px 15px;
	}

.voice-message {
	display: block;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: oblique;
	line-height: 1.3em;
	padding: 25px 15px 5px 15px;
	}

.phone-softmenu {
	display: block;
	margin-bottom: 6px;
	padding-top: 8px;
	color: #3366FF;
	vertical-align: bottom;
	text-align: center;
	}

.phone-button {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #CE9988 url(../site_images/phonebutton-bg.gif) center center no-repeat;
	overflow: hidden;
	}

.phone-dial {
	font-family: Verdana, sans-serif;
	font-size: 150%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 7px 9px;
	}

/* Saldon lataamisen tyylit 1 */

table.deposit {
	margin: 1em auto;
	font-size: 13px;
	border-collapse: collapse;
	}
	
table.deposit thead td, table.deposit tbody.price-info td {
	font-weight: bold;
	}

table.deposit tbody td, table.deposit thead td, table.deposit tbody.price-info td {
	text-align: center;
	vertical-align: middle;	
	}	

table.deposit tbody td, table.deposit tbody th, table.deposit thead td, table.deposit thead th {
	padding: 4px 4px;
	}
	

table.deposit tbody.prepaid-summary tr.row1 {
	border-top: 3px #FFFFFF solid;
	background-color: #C2E5EF;
	}

table.deposit tbody.prepaid-summary tr.row2 {
	background-color: #CCF2FC;
	}
	
table.deposit tbody.prepaid-summary th, table.deposit tbody.prepaid-summary td {
	vertical-align: middle;
	margin-top: 10px;
	}

table.deposit tbody.usagetime td {
	font-weight: bold;
	color: #009900;
	}

table.deposit tbody.usagetime td {
	font-weight: bold;
	color: #009900;
	}

table.deposit td.usagetime {
	text-align: right;
	}

table.deposit tbody.usagetime .row1 {
	background-color: #DDFFCC;
	}

table.deposit tbody.usagetime .row2 {
	background-color: #CEEEBE;
	}
	

ul.prepaid-summary-info {
	font-size: 11px;
	color: #003366;
	line-height: 1.2em;
	margin-left: 1em;
	padding-left: 0;
	}

ul.prepaid-summary-info li {
	margin-bottom: 0.5em;
	}

table.deposit tbody.prepaid-summary td, table.deposit tbody.prepaid-summary th {
	color: #FF6600;
	font-weight: bold;	
	}

table.deposit tbody.prepaid-summary td {
	font-size: 150%;
	}

table.deposit tbody.payment-info th {
	font-weight: bold;
	}
	
table.deposit tbody.payment-info th, table.deposit tbody.payment-info td {
	border-bottom: 1px solid #BBBBBB;
	}

col.packets {
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	}


/* Saldon lataamistyylit 1 päättyy */

/* Yksinkertaiset tyylit */



h1.level1 {
	font-size: 180%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.6em;
	color: #FF6600;
	clear: both;	
}

h1.level2 {
	font-size: 130%;
	margin-top: 0.5em;
	margin-bottom: 0.6em;
	line-height: 1.3em;
	color: #FF6600;
	}

h1.level3 {
	line-height: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	font-size: 120%;
	font-weight: bold;
	clear: both;	
	}
	
h1.level4 {
	font-size: 180%;
	line-height: 1.5em;
	text-transform: uppercase;
	}

h1.level5 {
	font-size: 140%;
	line-height: 1.5em;
	}
	
h1.article {
	font-family: Georgia, serif;
	font-size: 140%;
	line-height: 1.3em;
	}

p.level1 {
	font-size: 120%;
	line-height: 1.3em;
	margin-top: 0.4em;
	margin-bottom: 1.2em;
	color: #000000;
}

p.level2 {
	font-size: 100%;
	margin-top: 0.2em;
	margin-bottom: 1.2em;
	color: #000000;
}

p.level3 {
	color: #666666;
	margin-top: 0.2em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	}

p.level4, p.level5 {
	margin: 1.5em 1em;
	font-size: 100%;
	line-height: 1.3em;
	}

p.article {
	font-family: Georgia, serif;
	font-size: 12px;
	line-height: 1.7em;
	margin-left: 2em;
	margin-right: 5em;
	}

p.guestbook-entry {	
	font-family: Georgia, serif;
	font-size: 12px;
	line-height: 1.45em;
	margin: 0.6em 0;
	}

.guestbook-entry1, .guestbook-entry2 {
	padding: 0.4em;
	border-bottom: 1px dashed #AAAAAA;
	}
	
.guestbook-entry1 {
	background: #DDFF99;
	}

.guestbook-entry2 {
	background: #FFFFFF;
	}

input.level1 {
	color: #FFFFFF;
	background-color: #990000;
	cursor: hand;
	}

input.level1_disabled {
	background-color: #FFFFFF;
	cursor: hand;
	}


a.level1  {
	color: #3377CC;
}

a.level1:active {
	color: #ff6633;
}

a.level2 {
	color: #0099CC;
	text-decoration: none;
}

a.level2:hover {
	color: #FFCC00;
	text-decoration: underline;
}

ul.level1 {
	font-size: 130%;
	line-height: 1.35em;
	}

ul.level1 li {
	margin-bottom: 0.5em;
	margin-bottom: 0.5em;
	}

ul.level3 {
	font-size: 100%;
	line-height: 1.35em;
	}

ul.level3 li {
	margin-bottom: 0.2em;
	}

.info {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.25em;
	color: #009900;
}

.empty-folder {
	padding: 3em;
	text-align: center;
	font-style: oblique;
	font-size: 130%;
	}

p.ok {
	color: #007700;
	font-size: 130%;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	}
	
ul.icon-desc li {
	line-height: 2em;
	}

.action-done {
	display: block;
	margin: 1em auto;
	min-height: 400px;
	padding: 4em 0;
	text-align: center;
	}

.action-done .info {
	font-size: 300%;
	font-style: bold;
	margin-bottom: 3em;
	}

span.online {
	color: #009900;
	}
	
.c-ads {
	display: block;
	margin: 1em auto;
	width: 728px;
	}

/*  Ohje-sivun tyylit   */

div.HELP_notification_div {
  background: #ccffcc url(../site_images/notification-bg.gif) left 5px no-repeat;
  font-family:verdana;
  font-size:1.1em;
  font-weight:bold;
  border:solid 1px #66ff66;
  padding:10px 10px 10px 40px;
  margin: 0px 0 6px 0;
  vertical-align: middle; }
div.HELP_FAQ_div {
  background: #eeffff url(../site_images/questionmark.gif) left 5px no-repeat;
  border:solid 1px #66CCFF;
  padding:10px 10px 10px 40px;
  margin: 0px 0 10px 0;
  vertical-align: middle; }
span.HELP_FAQ_header {
  font-family:verdana;
  font-size:1.2em;
  font-weight:bold;
  color:#000000; }
div.HELP_FAQ_questions_div {
  font-family:verdana;
  font-size:1em;
  color:#000000; }
div.HELP_div {
  padding:10px 10px 10px 10px;
  margin: 0px 0 6px 0;
  vertical-align: middle; }
div.HELP_questions_div {
  padding-bottom:10px;
  background-color:#ffeeee; } 
h2.HELP_header_usagetime {
  font-family:verdana;
  font-size:1.3em;
  font-weight:bold;
  color:#666666;
  width:100%;
  margin-bottom:10px;
  border-bottom:solid 1px #FF6600;
  padding-bottom:3px;
  background: #ffffff url(../site_images/usagetime-icon.gif) right no-repeat; }
h2.HELP_header_prepaid {
  font-family:verdana;
  font-size:1.3em;
  font-weight:bold;
  color:#666666;
  width:100%;
  margin-bottom:10px;
  border-bottom:solid 1px #FF6600;
  padding-bottom:3px;
  background: #ffffff url(../site_images/prepaid-icon.gif) right no-repeat; }
p.HELP_text {
  font-family:verdana;
  font-size:1em;
  color:#000000;
  padding-left:25px; }
p.HELP_subheader {
  font-family:verdana;
  font-size:1em;
  font-weight:bold;
  color:#FF6600;
  margin-left:25px;
  margin-right:10px;
  adding-top:10px;
  padding-bottom:3px;
  border-bottom:solid 1px #FF6600; }
img.HELP_image {
  border:solid 1px #ff6600;
  margin-left:25px; }
a.HELP_FAQ_question {
  font-family:verdana;
  font-size:1.1em; }
  
 #MMSPP_img img {
	display: block;
	width: 320px;
	height: 240px;
 }