html { background: #fff url('../img/html-bg.png') 0 0 repeat-x; }
body { background: transparent url('../img/body-bg.png') 50% 0 repeat-y; color: #000; font: 75% Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
a:link { color: #369; text-decoration: none; }
a:visited { color: #82a0b4; text-decoration: none; }
a:hover { color: #369; text-decoration: underline; }
a:active { color: #4aabf1; text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-family: 'Trebuchet MS'; font-weight: normal; margin: 0; padding: 0; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
form { display: inline; }
input, textarea, select, button { font-family: 'Trebuchet MS'; font-size: 100%; }
input.text { border: solid 1px #e7e7e7; padding: 3px 4px; }
/* layout */
#wrapperOuter { margin: 0 auto; width: 1000px; }
#wrapperInner { background-color: #fff; padding: 0 10px; }
#content { float: left; width: 810px; }
#sidebar { float:right; width:160px;} /* pwd */
/* #header */
#header { background: url('../img/header-bg.png') 0 40px no-repeat; margin: 0 -10px 0 -10px; }
#headerTop { background: #e0f2ff url('../img/header-footer-bg.png') 0 0 repeat-x; height: 40px; }
#headerInfo { padding-left: 10px; }
#headerInfo p { float: left; line-height: 40px; margin: 0; }
#headerInfo .first { border-right: solid 1px #fff; padding-right: 10px; }
#headerInfo .last { border-left: solid 1px #c7e8ff; padding-left: 10px; }
#headerUtilities ul { border-left: solid 1px #fff; float: right; list-style: none; margin: 0; padding: 0; }
#headerUtilities ul li { border-left: solid 1px #c7e8ff; float: left; line-height: 40px; padding: 0 10px; }
#themeSelector { float: right; right: 5px; position: relative; }
#themeSelector p { float: left; line-height: 40px; margin: 0 5px 0 0; }
#themeSelector ul { float: left; list-style: none; margin: 12px 0 0 0; padding: 0; }
#themeSelector ul li { float: left; }
#themeSelector ul li a { display: block; margin-right: 5px; padding-bottom: 5px; position: relative; }
#themeSelector ul li a img { border: solid 1px #999; }
#themeSelector ul li a span { display: none; height: 70px; left: -42px; position: absolute; top: 20px; width: 100px; z-index: 1000; }
#themeSelector ul li a:hover span { display: block; }
#header .logo { background: url('../img/suomi24.png') 0 0 no-repeat; display: block; float: left; height: 70px; margin: 28px 10px 0 10px; outline: none; padding-bottom: 10px; text-indent: -9999px; width: 180px; }
/* #nav */
#nav { border-bottom: solid 1px #bde2fe; clear: both; height: inherit; margin: 5px -10px 10px -10px; padding: 0 10px; }
#nav ul { border-left: solid 1px #f0f0f0; list-style: none; margin: 0; padding: 0; }
#nav ul li { float: left; border-right: solid 1px #f0f0f0; }
#nav ul li.active, #nav ul li.active a { background: #c7e8ff url('../img/nav-active-bg.gif') 0 0 no-repeat; }
#nav ul li a { float: left; font-family: 'Trebuchet MS'; font-size: 14px; font-weight: bold; line-height: 38px; padding: 0 6px 0 5px; text-decoration: none; text-transform: uppercase; }
#nav ul li a:hover { background-color: #e0f2ff; }
#nav ul li a:visited, #nav ul li a:active { color: #369; }
#nav ul li a .iconS { margin: 8px 5px 0 0; }
/* #content */
/*
#content .left-content { float:left;padding-left:12px;width:650px; }
#content .right-col { margin-bottom:25px; margin-left:650px; padding-left:10px;padding-right:10px; padding-top:5px; }
*/
/* #footer */
#footer { background: url('../img/footer-bg.gif') 0 0 repeat-x; clear: both; margin: 0 -10px; padding: 15px 10px 0 10px; }
#footer .logo { background: url('../img/suomi24.png') 0 0 no-repeat; display: block; float: left; height: 45px; margin-bottom: 10px; outline: none; width: 180px; text-indent: -9999px; }
#advertiseLink { float: right; margin-top: 15px; text-transform: uppercase; }
#footer ul { list-style: none; margin: 0; padding: 0; }
#footer .nav { float: left; margin-top: 15px; overflow: hidden; }
#footer .nav li { border-left: solid 1px #94c2e6; display: inline; float: left; margin-left: -1px; padding: 0 11px 0 10px; text-transform: uppercase; }
#footerBottom { background: #e0f2ff url('../img/header-footer-bg.png') 0 0 repeat-x; margin: 0 -10px; min-height: 40px; }
#footerBottom p, #footerBottom li { float: left; line-height: 40px; margin: 0; padding: 0 10px; }
#footerBottom ul { border-left: solid 1px #fff; float: right; }
#footerBottom ul li { border-left: solid 1px #c7e8ff; }
/* .box */
div.box { border: solid 1px #e7e7e7; margin-bottom: 10px; }
.box .boxHeader, .box .boxContent, .box .boxFooter { margin: 2px; padding: 10px; }
.box .boxHeader { background-color: #f0f0f0; background-image: url('../img/suomi24-gradients.png'); background-position: 0 0; background-repeat: repeat-x; color: #fff; padding: 8px 10px; }
.box .boxHeader a { color: #fff; }
.box .boxHeaderA { background-position: 0 -80px; }
.box .boxHeaderB { background-position: 0 -160px; }
.box .boxHeaderC { background-position: 0 -240px; }
.box .boxHeaderD { background-position: 0 -320px; }
.box .boxHeaderE { background-position: 0 -400px; }
.box .boxHeaderF { background-position: 0 -480px; }
.box .boxHeaderG { background-position: 0 -560px; }
.box .boxHeaderH { background-position: 0 -640px; }
.box .boxHeaderI { background-position: 0 -720px; }
.box .boxHeaderJ { background-position: 0 -800px; }
.box .boxHeaderK { background-position: 0 -880px; }
.box .boxHeaderL { background-color: #E3F2FE; background-position: 0 -1080px; color: #000;}
.box .boxHeaderM { background-color: #fff; background-position: 0 -1080px; color: #000;}
.box .boxContent { background: url('../img/suomi24-shadow-x.gif') 0 0 repeat-x; border-bottom: solid 1px #e7e7e7; margin: 0; }
.box .boxFooter { background-color: #f0f0f0; }
.boxB .boxContent, .boxC .boxContent { border-bottom: none; }
.boxB .boxFooter, .boxC .boxContent, .boxC .boxFooter { display: none; }
/* .banner - pwd*/
div.banner { clear: both; margin: 10px 0; text-align: center; }
div.bannerTop { margin-bottom: 0; }
/* .hitlis - pwd*/
table.hitlist{ border-collapse:collapse;}
.hitlist thead, .hitlist th{ background:url("../img/bg_thead_table_header_processed.gif") repeat-x scroll 0 0 transparent;height:45px}
.hitlist th { background-image:url("../img/column_th_bg.gif");background-position:right center;background-repeat:no-repeat;border-collapse:collapse;color:#35312E;font-weight:bold;text-indent:11px;text-transform:uppercase;vertical-align:middle;}
th.replies { padding-right:5px;}
th.thumb-up { background:url("../img/column_th_bg.gif") no-repeat scroll right center transparent;border-right:medium none;text-indent:0;}
th.time { background:url("../img/bg_thead_table_header_processed_th_time.gif") no-repeat scroll center center transparent;color:white;text-indent:0;}
.thumb-up div, .thumb-down div, .time div { text-align:center; }
.replies div img, .views div img, .thumb-up div img, .thumb-down div img { vertical-align:middle; }
tr.even { background-color:#F7F7F7; }
td { background-image:url("../img/column_td_bg.gif"); background-position:right center; background-repeat:repeat-y; line-height:1.2em; padding:8px 10px; }
td.topic_icon { padding:0; text-align:center; width:34px; }
.topic_icon img { vertical-align:middle; }
td.replies, td.views, td.times { color:#32668E; }
td.thumb-up { color:#738C38; }
td.thumb-down { color:#C93E51; }
/* .breadcrumb */
div.breadcrumb { background-color: #fff; border-bottom: solid 1px #e7e7e7; border-top: solid 1px #e7e7e7; color: #333; }
.breadcrumb ul { list-style: none; margin: 0; padding: 10px; }
.breadcrumb ul li { display: inline; font-weight: bold; }
.breadcrumb ul li a { background: url('../img/breadcrumb-separator.gif') 100% 50% no-repeat; font-weight: normal; margin-right: 10px; padding-right: 15px; }
/* .button */
div.button, div.button a, div.button button, div.button input { background-color: transparent; background-image: url('../img/button-bg.png'); background-position: 100% 0; background-repeat: no-repeat; clear: both; float: left; max-width: 350px; }
div.button { margin-bottom: .5em; }
div.button a, div.button button, div.button input { background-position: 0 -28px; border: 0; color: #fff; display: block; font-family: 'Trebuchet MS'; font-weight: bold; height: 27px; line-height: 27px; padding: 0 5px 0 10px; margin-right: 5px; text-align: center; text-transform: uppercase; white-space: nowrap; }
div.button:hover, div.button:hover * { background-position: 100% -56px; cursor: pointer; text-decoration: none; }
div.button:hover * { background-position: 0 -84px; }
div.button a:visited, div.button a:hover, div.button a:active { color: #fff; text-decoration: none; }
/* disabled */
div.button-disabled, div.button-disabled a, div.button-disabled button, div.button-disabled input { background-color: transparent; background-image: url('../img/button-bg-disabled.png'); background-position: 100% 0; background-repeat: no-repeat; clear: both; float: left; max-width: 350px; }
div.button-disabled { margin-bottom: .5em; }
div.button-disabled a, div.button-disabled button, div.button-disabled input { background-position: 0 -28px; border: 0; color: #fff; display: block; font-family: 'Trebuchet MS'; font-weight: bold; height: 27px; line-height: 27px; padding: 0 5px 0 10px; margin-right: 5px; text-align: center; text-transform: uppercase; white-space: nowrap; }
div.button-disabled:hover, div.button-disabled:hover * { background-position: 100% 0; cursor: pointer; text-decoration: none; }
div.button-disabled:hover * { background-position: 0 -28px; }
div.button-disabled a:visited, div.button-disabled a:hover, div.button-disabled a:active { color: #fff; text-decoration: none; }
/* .communityFeatures */
.communityFeatures { margin: 0; padding: 0; }
.communityFeatures a { color: #333; line-height: 25px; margin-left: 5px; text-decoration: none; }
.sprite-favorite { background-image: url('../img/sprite-favorite.gif'); }
.sprite-friend { background-image: url('../img/sprite-friend.gif'); }
.sprite-online { background-image: url('../img/sprite-online.gif'); }
.sprite-favorite, .sprite-favorite-inactive, .sprite-friend, .sprite-friend-inactive, .sprite-online, .sprite-online-inactive { background-repeat: no-repeat; display: block; float: left; height: 25px; width: 25px; }
.sprite-favorite-inactive, .sprite-friend-inactive, .sprite-online-inactive { background-position: -25px 0; }
/* .formWrapper */
div.formWrapper {}
.formWrapper fieldset { border: 0; margin-bottom: 1.5em; padding: 0; }
.formWrapper label { font-weight: bold; }
.formWrapper textarea { border: solid 1px #e7e7e7; padding: 3px 4px; }
.formWrapper input { vertical-align: baseline; }
.formWrapper textarea { padding: .5em; }
.formWrapper .description { clear: both; margin-top: .5em; font-size: 10px; }
.formWrapper .required { color: #f00; }
/* .formWrapper .formRounded */
div.formRounded {}
.formRounded label { float: left; line-height: 31px; padding-right: 10px; text-align: right; width: 130px; }
.formRounded .textFieldWrapper { background: transparent url('../img/form-rounded-text-field-wrapper.gif') 0 0 no-repeat; float: left; padding: 5px 2px 8px 0; width: 214px; }
.formRounded .textFieldWrapper input { background: none; border: none; font-size: 16px; width: 205px; }
.formRounded .description { margin-left: 150px; }
div.notice{ margin-top:10px;min-height:38px;padding:5px 5px 5px 57px; }
.notice p { margin: 0; padding: 2px 0 3px 0; }
div.noticeInfo{ background:url("../img/icon-notice-info.gif") no-repeat scroll 11px 8px #BDE1FC; }
div.noticeWarning { background: #ffebcb url('../img/icon-notice-warning.gif') no-repeat 11px 8px; }
div.noticeError { background: #ffe5e5 url('../img/icon-notice-error.gif') no-repeat 11px 8px; }
/* .iconL, .iconS */
span.iconL, span.iconS { background-image: url('../img/suomi24-icons.png'); background-repeat: no-repeat; display: block; float: left; }
.iconL { height: 35px; width: 30px; }
.iconL-Chat { background-position: -120px 0; }
.iconL-Galleria { background-position: -150px 0; }
.iconL-Joulu { background-position: -210px 0; }
.iconL-Keskustelu { background-position: 0 0; }
.iconL-Mina { background-position: -240px 0; }
.iconL-Posti { background-position: -30px 0; }
.iconL-Treffit { background-position: -60px 0; }
.iconL-Tori { background-position: -90px 0; }
.iconL-Videot { background-position: -180px 0; }
.iconL-Yhteiso { background-position: -270px 0; }
.iconS { height: 25px; width: 26px; }
.iconS-Chat { background-position: -120px -40px; }
.iconS-Galleria { background-position: -150px -40px; }
.iconS-Joulu { background-position: -210px -40px; }
.iconS-Keskustelu { background-position: 0 -40px; }
.iconS-Mina { background-position: -240px -40px; }
.iconS-Posti { background-position: -30px -40px; }
.iconS-Treffit { background-position: -60px -40px; }
.iconS-Tori { background-position: -90px -40px; }
.iconS-Videot { background-position: -180px -40px; }
.iconS-Yhteiso { background-position: -270px -40px; }
/* .line */
div.line { background-color: #e7e7e7; clear: both; font-size: 0; height: 1px; margin: 10px 0; }
/* .paginator */
div.paginator { border-top: solid 1px #e7e7e7; line-height: 20px; padding-top: 10px; position: relative; }
.paginator ul { list-style: none; margin: 0; padding: 0; }
.paginator ul li { float: left; }
.paginator .paginator-first, .paginator .paginator-prev { border-right: solid 1px #ddd; }
.paginator .paginator-last, .paginator .paginator-next { border-left: solid 1px #ddd; float: right; }
.paginator .paginator-first a, .paginator .paginator-prev a, .paginator .paginator-last a, .paginator .paginator-next a { background-image: url('../img/paginator-sprite.gif'); background-repeat: no-repeat; }
.paginator .paginator-first a { background-position: -5px -3px; padding: 0 5px 0 11px; }
.paginator .paginator-prev a { background-position: 0 -23px; padding: 0 5px 0 16px; }
.paginator .paginator-last a { background-position: 100% -63px; padding: 0 16px 0 5px; }
.paginator .paginator-next a { background-position: 100% -43px; padding: 0 16px 0 5px; }
.paginator .paginator-numbers { padding: 0 5px; }
.paginator .paginator-numbers li a { display: block; height: 20px; text-align: center; width: 20px; }
.paginator .paginator-numbers .paginator-active a { background-color: #e0f2ff; }
/* .speechBalloon */
div.speechBalloon { border: solid 1px #a3d7fd; margin-bottom: 10px; position: relative; }
.speechBalloon .tl { background-position: 0 0; background-repeat: no-repeat; left: -1px; position: relative; top: -1px; }
.speechBalloon .tr { background-position: 100% 0; background-repeat: no-repeat; position: relative; right: -2px; }
.speechBalloon .bl { background-position: 0 100%; background-repeat: no-repeat; bottom: -2px; left: -2px; position: relative; }
.speechBalloon .br { background-position: 100% 100%; background-repeat: no-repeat; position: relative; right: -2px; }
.speechBalloon .speechBalloonPointer { background-position: 0 0; background-repeat: no-repeat; height: 12px; left: -7px; position: absolute; top: 10px; width: 7px; }
.speechBalloon .speechBalloonContent { line-height: 1.5; padding: 10px 15px; }
.speechBalloonA { background-color: #fff; }
.speechBalloonA .tl { background-image: url('../img/speechballoon-a-tl.gif'); }
.speechBalloonA .tr { background-image: url('../img/speechballoon-a-tr.gif'); }
.speechBalloonA .bl { background-image: url('../img/speechballoon-a-bl.gif'); }
.speechBalloonA .br { background-image: url('../img/speechballoon-a-br.gif'); }
.speechBalloonA .speechBalloonPointer { background-image: url('../img/speechballoon-a-pointer.gif'); }
.speechBalloonB { background-color: #e0f2ff; }
.speechBalloonB .tl { background-image: url('../img/speechballoon-b-tl.gif'); }
.speechBalloonB .tr { background-image: url('../img/speechballoon-b-tr.gif'); }
.speechBalloonB .bl { background-image: url('../img/speechballoon-b-bl.gif'); }
.speechBalloonB .br { background-image: url('../img/speechballoon-b-br.gif'); }
.speechBalloonB .speechBalloonPointer { background-image: url('../img/speechballoon-b-pointer.gif'); }
/* .tabs */
div.tabs { overflow: hidden; }
.tabs ul { list-style: none; margin: 0 0 0 -6px; padding: 0; }
.tabs ul li { border-left: solid 1px #489ddd; float: left; font-weight: bold; line-height: 1.5; padding: 0 5px; }
.tabs ul li a { font-weight: normal; }
/* .tagCloud */
div.tagCloud { margin-bottom: 10px; padding: 10px; text-align: center; }
.tagCloud h5 { margin-bottom: 10px; text-align: left; text-transform: uppercase; }
.tagCloud .tag-1 { font-size: 30px; }
.tagCloud .tag-2 { font-size: 24px; }
.tagCloud .tag-3 { font-size: 18px; }
.tagCloud .tag-4 { font-size: 14px; }
.tagCloud .tag-5 { font-size: 12px; }
/* .themeBox */
div.themeBox { width: 320px; }
.themeBox .boxHeader .arrow { background: url('../img/suomi24-arrows.png') 0 -16px no-repeat; display: inline-block; font-size: 0; height: 16px; width: 16px; }
.themeBox .boxContent { background: none; border-top: solid 1px #e7e7e7; padding: 0; }
.themeBox .tabs { background: url('../img/suomi24-shadow-y.gif') 100% 0 repeat-y; border-right: solid 1px #a3d7fd; float: left; height: 245px; left: -1px; overflow: visible; position: relative; width: 109px; z-index: 1; }
.themeBox .tabs ul { margin: 0; }
.themeBox .tabs ul li { border-left: none; float: none; margin: 0 0 -1px 0; padding: 0; }
.themeBox .tabs ul li.active { border-left: solid 1px #a3d7fd; }
.themeBox .tabs ul li a { border-bottom: solid 1px #e0f2ff; border-top: solid 1px #e0f2ff; display: block; height: 36px; line-height: 36px; margin: 0; outline: none; padding: 2px 10px; text-align: center; text-transform: uppercase; }
.themeBox .tabs ul li a:hover { background: url('../img/box-tab-hover.gif') 1px 11px no-repeat; }
.themeBox .tabs ul li a:visited, .themeBox .tabs li a:active { color: #369; }
.themeBox .tabs ul li.active a { background-color: #fff; border-bottom: solid 1px #a3d7fd; border-top: solid 1px #a3d7fd; padding: 2px 11px 2px 9px; position: relative; width: 89px; z-index: 1; }
.themeBox .tabs ul li.active a:hover { background-image: none; }
.themeBox .tabs ul li.first a { border-top: none; padding-top: 3px; }
.themeBox .tabs ul li a img { border: none; }
.themeBox .tabsContentWrapper { float: left; height: 225px; overflow: hidden; padding: 10px; width: 190px; }
.themeBox .tabsContentWrapper .tabsContent { display: none; }
.themeBox .tabsContentWrapper .tabsContent1 { display: block; }
.themeBox .tabsContentWrapper .tabsContent ul { list-style: none; margin: 0; padding: 0; }
.themeBox .tabsContentWrapper .tabsContent ul li { margin-bottom: .5em; }
/* .vcard */
div.vcardWrapper { clear: both; float: left; position: relative; }
div.vcard { line-height: 1.5; position: relative; z-index: 1; }
.vcard .photo { background-color: #fff; border: solid 1px #a3d7fd; padding: 2px; }
.vcard .nickname { font-family: 'Trebuchet MS'; text-decoration: none; }
div.vcard-open { border: solid 1px #a3d7fd; height: 85px; margin-bottom: 10px; padding: 10px 0 10px 10px; width: 167px; }
.vcard-open .photo { float: left; margin-right: 10px; }
.vcard-open .communityFeatures li { float: left; }
div.vcard-closed { float: left; margin-bottom: 10px; }
.vcard-closed:hover .open-vcard { background: #e0f2ff url('../img/vcard-open-arrow.gif') 63px 50% no-repeat; border: solid 1px #a3d7fd; display: block; height: 58px; width: 74px; }
.vcard-closed:hover .photo { left: -1px; position: relative; top: -1px; }
.vcard-closed .vcard-details { display: none; }
div.vcard-closed-small {}
.vcard-closed-small:hover .open-vcard { background: #e0f2ff url('../img/vcard-open-arrow.gif') 39px 50% no-repeat; border: solid 1px #a3d7fd; display: block; height: 34px; width: 50px; }
.vcard-opened:hover .open-vcard { background: none; border: 0; display: inline; }
div.vcard-opened { background-color: #fff; border: solid 1px #a3d7fd; left: -3px; padding-top: 5px; position: absolute; top: -3px; width: 209px; z-index: 2; }
.vcard-opened .photo { float: left; margin: -3px 10px 10px 2px; }
.vcard-opened .communityFeatures { clear: left; margin: 0 0 5px 5px; }
.vcard-opened .close-vcard { background: #e0f2ff url('../img/vcard-close-arrow.gif') 4px 50% no-repeat; border-bottom: solid 1px #a3d7fd; border-left: solid 1px #a3d7fd; display: block; height: 61px; position: absolute; right: 0; top: 0; width: 18px; }
/* .fC = floatContainer, uses EasyClearing */
.fC:after { content: '.'; display: block; height: 0; clear: both; font-size: 0; visibility: hidden; }
.fC { display: inline-block; }
/* Start hide from IE/Mac */
/*\*/
.fC { display: block; }
/* End hide from IE/Mac */