@CHARSET "ISO-8859-1";
body { font: normal normal normal 12px Helvetica;}
body, h1, h2, h3, h4, h5, h6, #mainnavi ul, form {
	margin: 0;
	padding: 0;
}
#site {background-color: #fff;}
span.bglines a, span.bglines2 a, span.bglines3 a {color: #fff; text-decoration: none;} 
span.bglines3 a {color: #eeec06}
h1 span.bglines, h2 span.bglines {font: normal normal bold 20px Arial; line-height: 27px; padding: 0 3px; margin: 0; background-color: #dc438b; color: #fff; outline: #dc438b solid 1px;}
h1 span.bglines2, h2 span.bglines2 {font: normal normal bold 20px Arial; line-height: 27px; padding: 0 3px; margin: 0; background-color: #55beef; color: #fff; outline: #55beef solid 1px;}
h1 span.bglines3, h2 span.bglines3 {font: normal normal bold 20px Arial; line-height: 27px; padding: 0 3px; margin: 0; background-color: #000000; color: #eeec06; outline: #000000 solid 1px;}
img {
	border-width: 0;
}
.wide h1, .wide h2{ margin-bottom: 3px;}
.c  {clear: both; width: 100%; height: 1px; line-height: 1px; overflow: hidden; margin: 0; padding: 0;}
ul.relatedto {list-style-type: none;background-color: #fff; margin: 0 5px 0 0; text-align: left; padding: 5px;}
ul.relatedto li {padding: 3px 0; margin: 1px 0; line-height: 14px;  color: #fff; }
ul.relatedto li a {text-decoration: none; color: #fff; background-color: #dc438b; outline: #dc438b solid 2px;}
ul.relatedto li.even a {text-decoration: none; color: #fff; background-color: #55beef; outline: #55beef solid 2px;}
ul.relatedto li a:hover {text-decoration: underline;}
h3.relatedhead {margin: 0 5px 0 0; text-align: left; padding: 0;}
h3.archive {margin: 0; text-align: left; padding: 0;}
.bottomborder {background: transparent url(/images/line-dot.gif) repeat-x left bottom;}
.bottomborder-narrow, .bottomborder-graph {background: transparent url(/images/header-dotborder.gif) repeat-x left bottom;}
.bottomborder-graph { height: 1px; line-height: 1px; margin:0; padding: 0;}
.topborder-narrow {background: transparent url(/images/header-dotborder.gif) repeat-x left top;}
.site-width, .topbanner, #site,  #footer { width: 980px; }
.floatleft, #site { float:left; }
.floatright, h2.bauer, h4.gravura {float: right;}
h4.gravura, h2.bauer {clear:both}
#content.fp-full { margin: 0; width: 655px; background: transparent url(/images/middle-bg.gif) repeat-y right top; padding: 0; display:block;}
.fp-full, #article {margin: 0 0 0 20px; width: 635px; background-color: #fff; padding: 0 0 10px 0;}
.fp-left { margin: 0 5px 0 20px;}
.fp-middle {  margin: 5px 0 0 0;}
.fp-right { margin: 0 15px 0 10px;}
.wide, .wide-first { width:470px;}
#article.contest { width:465px; padding-right: 10px;}
.wide-first a {text-decoration: none; color: #000}
.wide-first a:hover {text-decoration: underline;}
.mini { width:160px; text-align: center; postion:relative; }
.narrow {width:300px;}
.wide .wide, .wide-first, .first {margin-bottom: 10px;}
.fp-left h1 {margin: 10px 0;}
.fp-left h1 a {text-decoration: none; color: #fff;}
.wide .mini { width: 149px; padding: 0 5px 15px 0;}
.wide .wide {width: 450px;padding: 0 5px 15px 5px;} 
.wide .wide.floatleft, .wide-first { padding: 0 0 0 5px; width: 462px;}
.wide-first { width: 445px;}
.sec .wide-first {width: 455px;}
.first {width: 460px;}
.headerbg { position: absolute; top: 10px; left: 358px;}
.logologin { width: 735px; height: 117px; margin-top: 10px; background: transparent url(/images/header-dotborder.gif) repeat-x left bottom;}
.logologin .forms {float:right; margin-right: 20px; position:relative;}
.logologin .txtbox {margin-right: 33px; width: 167px; height: 18px; padding: 4px; color: #9a9a9a; display:block; float:right; clear: both;}
.logologin .txtbox input {width: 165px; height: 12px; font-size: 11px; border-width: 0; line-height: 11px;}
.logologin .forms .search .txtbox {margin-top: 5px; background: transparent url(/images/searchbox-bg.gif) no-repeat 0 0; border-width: 0; color: #d93683;}
.logologin .forms .search .txtbox input {color: #d93683;}
.logologin .forms  .search {height: 40px;}
.logologin .forms .login  {height: 60px; width: 208px; float:right;}
.logologin .forms .login .txtbox {background: transparent url(/images/loginbox-bg.gif) no-repeat 0 0; border-width: 0; color: #55beef;}
.logologin .forms .login .txtbox input {color: #55beef;}
.wide .thumbs .minus {margin-left: 5px;}
.wide .thumbs .plus, .wide .thumbs .minus {float: left;margin-top: 5px;}
.wide .thumbs .plus a, .wide .thumbs .minus a {color:#999; text-decoration: none;}
.search-button { position:absolute; right: 0; top: 0;}
.login-button { position:absolute; right: 0; top: 60px;}
.bordertest { border: 1px solid #000;}

.wide.bottomborder-narrow.adilmo {text-align: center; width: 468px; padding: 0 0 15px;}

div.bglines {width: 40%; text-align: right; line-height: 22px; clear:right;}
span.bglines {background-color: #dc438b; color: #fff; font-size: 12px; outline: #dc438b solid 3px;}
.imgbox, .imgbox3 {position:relative; margin-left: 5px; margin-top: -25px; background-color: #fff; width: 164px; height: 125px; border: 1px solid #d6d6d6; overflow: hidden;}
.imgbox3 {background-color: #000; padding-bottom: 5px;}
.imgbox img, .imgbox3 img {position:absolute; clip:rect(0px 159px 120px 0px); width: 100%; padding: 5px;}
/*.imgbox:hover img {position:absolute; clip:auto;}
.imgbox:hover {overflow:visible;}*/

.meta { color: #666; clear:both; display:block;}
#article .meta { padding-bottom: 5px; margin: 5px 0 10px 0; font-size: 10px;}
#article .body { padding-bottom: 10px; margin: 10px 0;}
#article .body img { float:right; padding: 10px; border: 10px solid #000; margin-left: 10px; margin-bottom: 10px;}
#article .body .floatleft img {float: none;; padding: 0; margin: 15px 0;}
#article .thumbs { float:right; margin-right: 10px; width: 50px; margin-top: -8px;}
#article .thumbs .plus { margin-bottom: 5px;}
#article .thumbs .plus a{ color: #d6287a; text-decoration: none; }
#article .thumbs .minus a{ color: #000; text-decoration: none; }
#article .ingress { font-size: 16px;}

#root {
	width: 1000px;
	margin: 0 auto;
	
}
#header { 
	margin: 0 15px 15px 15px;	
}
#mainnavi { background:transparent url(/images/line-dot.gif) repeat-x scroll left bottom;
clear:both;
height:35px;
padding-bottom:4px;
/*	position:relative;
	overflow:hidden; */
}
#zipper {
	left: -875px;
	width: 2000px;
	position:absolute;
	bottom: 0;
	height: 22px;
	background: #ffffff url(/images/ui2009/zipper.png) repeat-x 0 bottom;
}
#zipper.tutka {
	left: -770px;
}
#zipper.trendit {
	left:-651px;
}
#zipper.terveysjasportti {
	left: -532px;
}
#zipper.ihmissuhteet {
	left: -427px;
}
#zipper.keskustelut {
	left: -308px;
}
#zipper.kommuuni {
	left: -196px;
}
#zipper.palaute {
	left: -105px;
}
					
#mainnavi ul {
	list-style-type: none;
	background-color: #fff;
	width: 950px;
	float:left;
}
#mainnavi ul li{
	float:left;
	background-color: #fff;
	position: relative;
	height: 24px;
	padding-top:4px;
}
#mainnavi ul li a {
display: block;
height: 29px;
overflow: hidden;
cursor: pointer;
text-indent: 300px;
}

#mainnavi ul li.tutka a {
background: transparent url(/images/navi/navi_tutka.gif) no-repeat 0 0;
width: 67px;
}

#mainnavi ul li.tutka a:hover, #mainnavi ul li.tutka a.act {
background: transparent url(/images/navi/navi_tutka_act.gif) no-repeat 0 0;
}

#mainnavi ul li.trenditjakauneus a {
background: transparent url(/images/navi/navi_trenditjakauneus.gif) no-repeat 0 0;
width: 161px;
}
#mainnavi ul li.trenditjakauneus a:hover, #mainnavi ul li.trenditjakauneus a.act {
background: transparent url(/images/navi/navi_trenditjakauneus_act.gif) no-repeat 0 0;
}

#mainnavi ul li.terveys a {
background: transparent url(/images/navi/navi_terveys.gif) no-repeat 0 0;
width: 84px;
}
#mainnavi ul li.terveys a:hover, #mainnavi ul li.terveys a.act {
background: transparent url(/images/navi/navi_terveys_act.gif) no-repeat 0 0;
width: 84px;
}

#mainnavi ul li.ihmissuhteet a {
background: transparent url(/images/navi/navi_ihmissuhteet.gif) no-repeat 0 0;
width: 121px;
}
#mainnavi ul li.ihmissuhteet a:hover, #mainnavi ul li.ihmissuhteet a.act {
background: transparent url(/images/navi/navi_ihmissuhteet_act.gif) no-repeat 0 0;
width: 121px;
}

#mainnavi ul li.keskustelut a {
background: transparent url(/images/navi/navi_keskustelut.gif) no-repeat 0 0;
width: 114px;
}
#mainnavi ul li.keskustelut a:hover, #mainnavi ul li.keskustelut a.act {
background: transparent url(/images/navi/navi_keskustelut_act.gif) no-repeat 0 0;
}

#mainnavi ul li.kommuuni a {
background: transparent url(/images/navi/navi_kommuuni.gif) no-repeat 0 0;
width: 106px;
}
#mainnavi ul li.kommuuni a:hover, #mainnavi ul li.kommuuni a.act {
background: transparent url(/images/navi/navi_kommuuni_act.gif) no-repeat 0 0;
}

#mainnavi ul li.palaute a {
background: transparent url(/images/navi/navi_palaute.gif) no-repeat 0 0;
width: 86px;
}
#mainnavi ul li.palaute a:hover, #mainnavi ul li.palaute a.act {
background: transparent url(/images/navi/navi_palaute_act.gif) no-repeat 0 0;
}


#footer {
	margin: 10px 0;
	height: 12px;
	overflow:hidden;
}
#footer .links, #footer .links a { color: #ccc; margin-left: 15px; background-color: #fff;}

#footer .copyright { text-transform: uppercase; margin-right: 15px; background-color: #fff;} 

#site {
	margin-top: 15px;
	border: 12px solid #e5e5e5;
	position: relative;
}
.topbanner {
	
	height: 120px;
	position: absolute;
	left: 0;
	top: -145px;
}
.topbarcontent {
	position:absolute;
	bottom:0;
	left: 0;
}
.corneradd {
	height: 175px;
	width: 226px;
	overflow: visible;
	position: absolute;
	left: 765px;
	top: -12px;
}
/*.themes {
	width: 76px;
	overflow: hidden;
	position: absolute;
	left: 272px;
	top: 8px;
	z-index:2;
	background-color: #fff;
}
.themes.over {width:auto; overflow: visible;}
.themes span {clear: both; display:block; font: normal normal normal 11px Arial; color: #c3c3c3;}
*/
.themes {padding: 0 0 8px 0; height: 18px;}
.themes span {float:left; margin-right: 5px; width: 55px; display:block; margin-top: -3px;}
#themes { padding: 1px; float:left; width: 235px; height: 16px; overflow:hidden;}
#themes .button { display: block; float:left; width: 14px; height: 14px; border: 1px solid #000000; padding: 0; margin-right: 3px;}

#kommuuni, #keskustelut, #kommentit, #top5 {height: 30px; overflow: hidden; position: relative;}
#kommuuni.act, #keskustelut.act, #kommentit.act, #top5.act {height: auto; overflow: hidden}
#kommuuni h4, #keskustelut h4, #kommentit h4, #top5 h4 {color: #55beef; margin-left: 15px;}
#kommuuni h3, #keskustelut h3, #kommentit h3, #top5 h3 {height: 28px; margin-bottom: 2px; position:relative; cursor: pointer; }
#kommuuni h3 span, #keskustelut h3 span, #kommentit h3 span, #top5 h3 span {display: none;}

#kommuuni h3 {background: transparent url(/images/ui2009/tab-kommuuni.gif) no-repeat 0 0;}
#keskustelut h3 {background: transparent url(/images/ui2009/tab-keskustelut.gif) no-repeat 0 0;}
#kommentit h3 {background: transparent url(/images/ui2009/tab-kommentit.gif) no-repeat 0 0;}
#top5 h3 {background: transparent url(/images/ui2009/tab-top5.gif) no-repeat 0 0;}

#kommuuni.hov h3 {background: transparent url(/images/ui2009/tab-kommuuni.gif) no-repeat 0 -28px;}
#keskustelut.hov h3 {background: transparent url(/images/ui2009/tab-keskustelut.gif) no-repeat 0 -28px;}
#kommentit.hov h3 {background: transparent url(/images/ui2009/tab-kommentit.gif) no-repeat 0 -28px;}
#top5.hov h3 {background: transparent url(/images/ui2009/tab-top5.gif) no-repeat 0 -28px;}

#kommuuni.act h3 {background: transparent url(/images/ui2009/tab-kommuuni.gif) no-repeat 0 -56px;}
#keskustelut.act h3 {background: transparent url(/images/ui2009/tab-keskustelut.gif) no-repeat 0 -56px;}
#kommentit.act h3 {background: transparent url(/images/ui2009/tab-kommentit.gif) no-repeat 0 -56px;}
#top5.act h3 {background: transparent url(/images/ui2009/tab-top5.gif) no-repeat 0 -56px;}

.tab-arr { position: absolute; left: 273px; top: 4px; width: 19px; height: 19px;}
.tab-arr { background: transparent url(/images/ui2009/tab-arr-pink.gif) no-repeat 0 0;}
.tab-arr.hov { background: transparent url(/images/ui2009/tab-arr-blue.gif) no-repeat 0 0;}
.tab-arr.act { left: 279px; top: 5px; background: transparent url(/images/ui2009/tab-arr-act.gif) no-repeat 0 0;}
.fp-right ul { margin: 5px 10px 10px; padding: 0px; list-style: none outside; }
.fp-right ul li { background: transparent url(/images/header-dotborder.gif) repeat-x left top; padding: 3px 0; }
.fp-right ul li div {background: #eef8fd url(/images/ui2009/tab-item-arrow.gif) no-repeat 2px 6px; padding: 2px 5px 2px 20px;}
.fp-right ul li div a {text-decoration: none; color:#000;}
.fp-right ul li div a:hover {text-decoration: underline;}
.fp-right ul li div span { color: #000; background:transparent url(/images/ui2009/person_grey.png) no-repeat scroll 0 center;
padding-left:15px;}
.fp-right ul li div span.active {background:transparent url(/images/ui2009/person_green.png) no-repeat scroll 0 center;}
.fp-right ul li div span.amount {background:transparent url(/images/ui2009/commico.gif) no-repeat scroll 5px center; padding-left: 23px; color: #999;}

.fp-right ul li div span.date {padding-left: 0; background: none; color: #999999; white-space: nowrap;} 
.fp-right ul li div span.commentbody {padding-left: 0; background: none; font-size: 14px; font-style: italic;}
.fp-right ul li div.even { background-color: #fff; }
.subtab {height: 20px; text-align: center; margin: 10px 5px; position:relative;}
.subtab img {display: none;}
.subtab.act img {display: block;}
.subtab.act {background-color: #55beef;}
.subtab a {float:left; cursor: pointer; color: #000; font: normal normal normal 12px Arial; text-decoration: none; display:block; padding: 3px 5px 1px 5px;}
.subtab.act a {color: #fff;}

#subnavi {margin: 15px 0;}
#subnavi a {font: normal normal normal 11px Arial; text-transform: uppercase; background-color: #e5e5e5; text-decoration: none; color: #000; padding: 1px 7px; margin-right: 5px;}
#subnavi a.cur, #subnavi a:hover, #subnavi a:active {background-color: #d93683; color: #fff;}
#subnavi a:hover {color: #000;}
#subnavi a:active {color: #fff}

.latest-ing {display:block; padding-bottom: 55px;}
.ingress a {color: #000; text-decoration: none;}
.ingress a:hover {text-decoration: underline;}
#latest a img {opacity:0.7;filter:alpha(opacity=70);}
#latest a.hover img, #latest a img.hover {opacity:1.0;filter:alpha(opacity=100);}
#latest .thumb {cursor: pointer; padding-bottom: 10px; width: 37px; height: 37px; overflow: hidden; float:left; margin-right: 5px; display:block; }
#latestlist {width: 200px; overflow:hidden; float:left;}
#latestlist div {width: 420px;}
.latestlist {width: 236px; overflow:hidden; position: absolute; bottom: 0;}
.latestlist #prev, .latestlist #next {float:left; display:block; padding: 5px 1px;}
.latestlist #prev.opacity img, .latestlist #next.opacity img {opacity:0.4;filter:alpha(opacity=40); }
.latestlist #prev {margin-right: 3px;}
.latestlist #next {margin-left: 3px;}
.latestlist #prev img {opacity:1.0;filter:alpha(opacity=100); }
.latestlist #next img {opacity:1.0;filter:alpha(opacity=100); }

.sdbr-adds { margin-top: 20px;}

.regbox h3 { color: #999;}
.regbox .loggedin {color: #d93683;}
.regbox .loggedin strong { float:left;}
.regbox .loggedin a {color: #55beef; display:block; float:right; margin-right: 70px;}
.regbox .reg {padding-left: 9px; color: #c3c3c3; font-size: 11px; margin-right: 12px; background: transparent url(/images/ui2009/loginfo-arr.gif) no-repeat 0 2px; display: block; float:left;}
.regbox .reg:hover { color: #000;}
.add-head {font: normal normal normal 11px Arial; text-transform: uppercase; text-align: right;}
.add, .single-add { margin-bottom: 15px; text-align: center;}

.pollefpg .questions {background-color: #fff; margin: 0 5px; width: 150px; text-align: left;}
.pollefpg .questions h4 { margin: 0 5px; padding: 10px 0 5px 0; border-bottom: 1px dotted #000; font: normal normal normal 12px Arial;}
.pollefpg .questions ul { margin: 5px 5px 0px 5px; padding: 0 0 5px 0; border-bottom: 1px dotted #000; list-style-type: none;}
.pollefpg .questions ul li { margin-bottom: 5px;}
.pollefpg .questions ul li input, .pollefpg .questions ul li label { float:left; }
.pollefpg .questions ul li label {margin-left:5px; width:114px; cursor: pointer;}
.pollefpg .questions ul li label:hover { color: #666;}
.pollefpg .questions ul.rs span.gr { background: #e8e8e8; display: block; font-weight: bold; margin-top: 1px; }
.pollefpg .questions ul.rs span.gb { float:left; display: inline; background: #bed125; text-align: right; color: white; }
.pollefpg .questions ul.rs span.pc { padding-left: 5px; }
.pollefpg .questions ul.rs span.gb span.pc { padding-right: 5px; }
.pollefpg .questions ul.rs li.top span.gr { background: #fce8e6; }
.pollefpg .questions10 ul.rs li.top span.gb { background: #e62008; }
.pollefpg .questions ul.rs li.sel { font-weight: bold; }
.fp-middle .contests { margin: 10px 0;}
.fp-middle .contests h4 { margin-bottom: 5px;}
.fp-middle .contests .contest { margin-bottom: 5px;} /* height: 54px; overflow: hidden; position: relative;}
.fp-middle .contests .contest img {position: absolute; top: -20px; left: 0;}*/
.fp-middle .contests .contest .text {background-color: #55beef; margin: 0 5px; font-size: 17px; color: #fff; text-decoration: none;}
.fp-middle .contests .contest .text span { font-weight: bold;}
.fp-middle div.c { background-color: transparent;}


/* Pagination */
#content.fp-full .pagination {
  padding: 5px;
  background: transparent url(/images/ui2009/pages_bg.png) repeat scroll;
  height: 20px;
  text-transform: uppercase;
  line-height: 20px;
  margin: 5px 0;
  text-align: center;
}

#content.fp-full .pagination .prev {
  background: transparent url(/images/ui2009/tab-item-arrow-pink-flipped.gif) no-repeat scroll 0 center;
  padding-left: 15px;
  margin-right: -115px;
  float: left;
}
#content.fp-full .pagination .pgs {
  float: left;
  width: 230px;
  margin: 0 115px 0 115px;
  text-align: center;
}
#content.fp-full .pagination .next {
  background: transparent url(/images/ui2009/tab-item-arrow-pink.gif) no-repeat scroll right center;
  padding-right: 15px;
  margin-left: -115px;
  float: right;
}
#content.fp-full .pagination a {
  color: black;
}
#content.fp-full .pagination b {
  color: white;
  background: #d93683;
  padding: 2px;
}
ul.hits, ul.alpha { list-style-type: none; margin: 0; padding: 0; }
ul.hits li { margin-bottom: 10px; padding-bottom: 10px; overflow:hidden;}
.search-form .text { font-size: 14px; margin-bottom: 15px; width: 450px; border: 1px dotted #D93683;}
.search-form select, .search select {border: 1px dotted #D93683;}
ul.alpha li {float:left; width: 25px; height: 20px; padding-top: 5px; border: 1px solid #000; background-color: #55beef; margin: 1px; text-align: center;}
ul.alpha li a {font-size: 14px; color: #fff; text-decoration: none;}

div.prof-thumbs div.prof {
float:left;
margin-right:15px;
overflow:hidden;
text-align:center;
text-decoration:none;
width:94px;
}
div.prof-thumbs div.prof a.img {
background-position:50% 50%;
background-repeat:no-repeat;
display:block;
height:71px;
margin-bottom:2px;
width:100%;
}

div.prof-thumbs div.prof a.arw {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/ui/arw_e42618_ffffff.png) no-repeat scroll 0 0.33em;
color:black;
padding-left:14px;
text-decoration:none;
}

div.basic-form { width: 453px; clear: both; margin-top: 20px; padding: 6px; background: transparent url(/images/ui2009/comment-bg.gif);}
div.formbg { background-color: #fff; padding: 10px; width: 433px;}
div.basic-form h3 { display: block !important; font-size: 15px; margin-bottom: 10px; }
div.basic-form div.inputcont { width: 440px;}
div.basic-form h3.contact { margin-top: 20px; }
div.basic-form div.checkboxcont { clear: both; margin-top: 2px; }
div.basic-form div.checkboxcont div.option { clear: both; margin-top: 2px; }
div.basic-form div.checkboxcont div.checkbox { float: left; width: 20px; }
div.basic-form div.fldcont div.checkboxcont label { padding-top: 3px; color: #000; font-weight: normal;}
div.basic-form div.fldcont { margin-top: 10px; float:left; margin-right: 10px;}
div.basic-form div.fldcont label { display: block; color: #55beef; font-weight: bold;}
div.basic-form div.fldcont input.text { width: 160px; background-color: #ebebeb; border: 1px solid #a3a3a3;}
div.basic-form textarea { width: 360px; height: 100px; background-color: #ebebeb; border: 1px solid #a3a3a3;}
div.basic-form div.submit { margin: 20px 0; }
div.basic-form p.marketing-note { margin: 0; font-size: 11px; text-align: justify; }





div.cmtAbuse-comment {padding: 2px; font: normal normal normal 10px Arial; color: #c5c5c5; width: 296px; float:right;}
div.cmtAbuse-comment span {color: #bee2fa;}
div.cmtAbuse-comment div.ac-grdbx-comment {width: 125px; padding-left:15px; float:right; background: url(/images/ui/cmt_notice-ico.gif) no-repeat center left; }
div.cmtAbuse-comment div.ac-grdbx-comment a {color: #8f8f8f; text-decoration: underline; font: normal normal normal 10px Arial;}

#notice.normal {margin-left: -6px; margin-top: 5px; padding: 10px 8px 20px 13px;  width: 100%; height: 45px; background: transparent url(/images/ui/notice-box.gif) no-repeat 0 0;}
#notice.normal span, #notice .box span {display:block; color: #000; font: normal normal normal 11px Arial; }
#notice.box {background-color: #fff; width: 100%; height: 103px; top: 0; left: 0;}
#notice.box #close {cursor: pointer; padding: 0 1px;  line-height: 15px; display:block; position: absolute; top: 0; right: 0; border-width: 0 0 1px 1px; border-style: solid; border-color: #F7112C;}
#notice.normal #close {display: none;}

.commentBlock {padding: 6px; background: transparent url(/images/ui2009/comment-bg.gif); }
.commentBlock { position: relative; }
.commentBlock .addcommentbox {display:none; border: 0px solid #000; padding: 0px; width: 438px; background: #fff url(/images/header-dotborder.gif) repeat-x left top; }
.commentBlock .addcommentbox-show {display:block; border: 0px solid #000; padding: 0px; width: 438px; background: #fff url(/images/header-dotborder.gif) repeat-x left top; }
.commentBlock .blockTitle {background-color: #fff; height: 30px; overflow: hidden; font-size: 12px; font-family: Arial; padding: 10px 5px;}

.commentBlock .blockTitle #comments1 a, .commentBlock .blockTitle #comments2 a, .commentBlock .blockTitle #comments3 a {display:none; }
.commentBlock .blockTitle #comments1 div, .commentBlock .blockTitle #comments2 div, .commentBlock .blockTitle #comments3 div {display:none;}
.commentBlock .blockTitle #comments1, .commentBlock .blockTitle #comments2, .commentBlock .blockTitle #comments3  {float:left; height: 30px; cursor: pointer;}


.commentBlock .blockTitle #comments1.active {width: 110px; background: transparent url(/images/ui2009/comments.gif) no-repeat 0 0;} 
.commentBlock .blockTitle #comments1.inactive {width: 110px; background: transparent url(/images/ui2009/comments_button.gif) no-repeat 0 0;}

.commentBlock .blockTitle #comments2.active {width: 146px; background: transparent url(/images/ui2009/leavecomment.gif) no-repeat 0 0;} 
.commentBlock .blockTitle #comments2.inactive {width: 146px; background: transparent url(/images/ui2009/leavecomment_button.gif) no-repeat 0 0;}

.commentBlock .blockTitle #comments3.active {width: 125px; background: transparent url(/images/ui2009/latestcomments.gif) no-repeat 0 0;} 
.commentBlock .blockTitle #comments3.inactive {width: 160px; background: transparent url(/images/ui2009/latestcomments_button.gif) no-repeat 0 0;}


#frmTitle, #frmMessage, #frmAuthor { background-color: #ebebeb; border: 1px solid #a3a3a3; font-size: 16px; }
#frmTitle { width: 409px; height: 23px; }
#frmMessage { width: 100%; height: 63px; }
#frmAuthor { width: 218px; height: 23px; }
#frmButton { float:right; border-width: 0px; color: #000;}
form#newcomment label {color: #55beef; font-weight: bold;}
div.commentBox { padding:15px 5px 25px 5px; font-family:Arial, sans-serif; background: #fff url(/images/header-dotborder.gif) repeat-x left top;}
div#article div.hotornot img {width: 18px; height: 18px; position: static; margin: 0px; padding: 0px; display: inline;}
/*.zebra {background:#f6f6f6; border-bottom:1px dashed #3b3b3b; padding:15px 10px;}*/
div.cmtTitle {float:right; display: none; }
div.cmtMessage {float:right; width: 309px; font: normal normal normal 12px Arial; background: transparent url(/images/ui2009/comm-arr.gif) no-repeat scroll 0 10px}
div.cmtMessage img {float:right;}
div.cmtMessage .txt { background-color: #ebebeb; float:right; padding: 0px 6px 5px; display: block; width: 286px; }
div.cmtAuthor {float:left;  width: 100px; text-align: left;}
div.cmtAuthor em {color: #55beef; font: normal normal bold 12px Arial; line-height: 12px;}
div.cmtAuthor em a {background: transparent url(/images/ui/blue_arr.gif) no-repeat 0 4px; padding-left: 8px; text-decoration: none; color: #fff; font: normal normal bold 12px Arial; line-height: 12px;}
div.cmtAuthor a {text-decoration: underline; color: #c5c5c5; font: normal normal normal 12px Arial; line-height: 12px;}
div.cmtAuthor .date {color: #c5c5c5; font: normal normal normal 10px Arial;}


.bbs .clear {
  clear: both;
  height: 0;
  line-height: 0;
}

#content.bbs {
  font-family: Arial, helvetica, sans-serif;
}


#content.bbs a {
  text-decoration: none;
}


#content.bbs h2 span{
  padding: 0px 20px 0px 5px;
}

#content.bbs a.ac-new {
  text-decoration: none;
  color: #999999;
  background: transparent url(/images/ui2009/icon_new_thread.png) no-repeat scroll 0px center;
  line-height: 22px;
  height: 22px;
  display: block;
  padding-left: 25px;
  font-size: 11px;
  float: right;
}

.bbs .lower_dots {
  clear: both;
  padding-top: 8px;
  background: transparent url(/images/header-dotborder.gif) repeat-x scroll 0px 7px;
  margin-bottom: 10px;
}

/* Breadcrumbs */

#content.bbs .brdcrmb {
 font-size: 0.9em;
}

#content .brdcrmb a {
  color: black;
  text-decoration: none;
}

#content .brdcrmb .current {
  font-weight: bolder;
  color: #d93683;
}
#content .brdcrmb .current a {
  color: #d93683;
}


/* Pagination */
#content.bbs .pagination {
  padding: 5px;
  background: transparent url(/images/ui2009/pages_bg.png) repeat scroll;
  height: 20px;
  text-transform: uppercase;
  line-height: 20px;
  margin: 5px 0;
}
#content.bbs .pagination .prev a {
  background: transparent url(/images/ui2009/tab-item-arrow-pink-flipped.gif) no-repeat scroll 0 center;
  padding-left: 15px;
  margin-right: -115px;
  float: left;
}
#content.bbs .pagination .pgs {
  float: left;
  width: 230px;
  margin: 0 115px 0 115px;
  text-align: center;
}
#content.bbs .pagination .next a {
  background: transparent url(/images/ui2009/tab-item-arrow-pink.gif) no-repeat scroll right center;
  padding-right: 15px;
  margin-left: -115px;
  float: right;
}
#content.bbs .pagination a {
  color: black;
}
#content.bbs .pagination b {
  color: white;
  background: #d93683;
  padding: 2px;
}

/* Group info */
#content.bbs .info {
  margin: 10px 0;
}
#content.bbs .info .stats {
  margin-top: 15px;
  float: left;
  width: 50%;
}
#content.bbs .info .actions {
  margin-top: 15px;
  float: right;
  text-align: right;
  line-height: 42px;
}
#content.bbs .info strong {
  color: #d93683;
}


/* bbs group */
.bbs .threads {
  width: 100%;
  color: black;
  border-collapse: collapse;
}
.bbs .threads a {
  color: black;
}
.bbs .threads a:visited {
  color: DarkSlateGray;  
}
.bbs .threads th {
  font-size: 0.9em;
  font-weight: normal;
  padding: 0;
}
.bbs .threads tr.head {
  background: transparent url(/images/header-dotborder.gif) repeat-x scroll 0px 18px;
  height: 25px;
}
.bbs .threads tr.meta {
  display: table-row;
  text-align: center;
  background:#EEEEEE;
  color: black;
}
.bbs .threads tr.meta td {
  padding:2px 5px 2px 5px;
}
.bbs .threads tr.meta td.c1{
  text-align: left;
  padding:2px 5px 2px 20px;
}

.bbs .threads .c1 {
  width: 61%;
}
.bbs .threads .c2 {
  width: 13%;
}
.bbs .threads .c3 {
  width: 13%;
}
.bbs .threads .c4 {
  width: 13%;
}

.bbs .threads .c1 span,
.bbs .bbslist a.arw .nm,
.bbs .msg .header .meta span,
.bbs .bbs-mostread-part .row a .nm {
  padding-left: 15px;
  background: transparent url(/images/ui2009/person_grey.png) no-repeat 0px center;
}
.bbs .threads .c1 span.active,
.bbs .bbslist a.arw .active,
.bbs .msg .header .meta span.active,
.bbs .bbs-mostread-part .row a .active {
  background: transparent url(/images/ui2009/person_green.png) no-repeat 0px center;
}


/* bbs frontpage latest & bbs group */
.bbs .bbslist {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:10px 0px 10px;
  padding:0;
}
.bbs ul li div,
.bbs .threads tr.msg td {
  background:#EEEEEE url(/images/ui2009/tab-item-arrow-pink.gif) no-repeat scroll 2px 6px;
  padding:2px 5px 2px 20px;
}
.bbs ul li div.even,
.bbs .threads tr.even,
.bbs .threads tr.even td {
  background-color:#FFFFFF;
}
.bbs ul li div a,
.bbs .threads tr.msg td .arrow {
color:#000000;
  text-decoration:none;
}
.bbs ul li div span,
.bbs .bbs-mostread-part .row a .ts {
  color:#999999;
}

/* Message */
.bbs h3.gravura {
  width: 60%;
  clear: none;
}
.bbs h3.gravura object {
  clear: none;
}
.bbs .head_actions {
  float: right;
  width: 40%;
  line-height: 30px;
  text-align: right;
}
.bbs .head_actions a {
  color: #999999;
  font-size: 11px;
}
.bbs .head_actions .view a {
  width: 22px;
  height: 18px;
  float: right;
  display: block;
  margin: 6px 0 6px 2px;
}

.bbs .head_actions .view a.tree {
  background: transparent url(/images/ui2009/icon_tree.png) no-repeat scroll 0px 0px;
}
.bbs .head_actions .view a.flat {
  background: transparent url(/images/ui2009/icon_flat.png) no-repeat scroll 0px 0px;
}
.bbs .head_actions .view a.tree_active {
  background: transparent url(/images/ui2009/icon_tree_active.png) no-repeat scroll 0px 0px;
}
.bbs .head_actions .view a.flat_active {
  background: transparent url(/images/ui2009/icon_flat_active.png) no-repeat scroll 0px 0px;
}

.bbs .msgs {
  margin-top: 20px;
}
.bbs .msg {
  margin-bottom: 20px;
  position: relative;
}
.bbs .msg .header {
  border-top: 1px dotted black;
  border-bottom: 1px dotted black;
  background: #EEEEEE;
  padding: 5px;
  margin: 5px 0;
}
.bbs .msg .header h2 {
 display: block; 
 position: relative;
 width:410px;
}
.bbs .msg.current .header {
   background: #EEF8FD;
}
.bbs .msg .header .arrow {
  color: black;
}
.bbs .msg .header .thumbs {
  float: right;
}
.bbs .msg .header .thumbs a {
  color: #999999;
}
.bbs .msg .header .thumbs div {
  display: inline;
}
.bbs .msg .header .thumbs div br {
  display: none;
}
.bbs .msg .header .meta {
  float: left;
}
.bbs .msg .body {
  padding: 5px;
  margin: 5px 0 20px 0;
}
.bbs .msg .actions {
 padding: 0 5px;
 font-size: 0.9em;
}
.bbs .msg .actions a {
  color: #999999;
  text-decoration: none;
}
.bbs .msg .actions .ac-grdbx {
 float: left;
 margin-right: 15px;
 margin-bottom: 5px;
}
.bbs .msg .actions .ac-grdbx.delete {
	float:none;
	position: absolute;
	top: 3px;
	right: 3px;
	margin: 0;
} 
.bbs .msg .actions .ac-grdbx .ac-reply {
 height: 21px;
 width: 49px;
 display: block;
 padding-left: 28px;
 padding-top: 1px;
 color: white;
 background: transparent url(/images/ui2009/icon_answer_notext.png) no-repeat scroll 0px center;
 font-weight: bold;
 font-size: 12px;
}
.bbs .msg .actions .ac-grdbx .ac-mail {
 padding-left: 25px;
 background: transparent url(/images/ui2009/icon_tell.png) no-repeat scroll 0px center;
}
.bbs .msg .actions .ac-grdbx .ac-abuse {
 padding-left: 25px;
 background: transparent url(/images/ui2009/icon_report.png) no-repeat scroll 0px center;
}
.bbs .msg .actions .ac-grdbx .ac-delete {
 padding-left: 25px;
 background: transparent url(/images/ui2009/icon_delete.gif) no-repeat scroll 0px center;
 float:left;
}
.bbs .msg .actions .ac-grdbx .ac-modify {
 padding-left: 25px;
 background: transparent url(/images/ui2009/icon_modify.gif) no-repeat scroll 0px center;
 float:left;
}
.bbs .msg .actions .ac-grdbx a {
 line-height: 22px;
 height: 22px;
 display: block;
}


/* Most read */

.bbs .bbs-mostread-part .row,
.bbs .bbs-mostread-part .head {
  float: left;
  width: 100%;  
}

.bbs .bbs-mostread-part .row a {
  text-decoration: none;
  color: black;
  margin-right: 5px;
  padding-left: 20px;
  display: block;
  background: transparent url(/images/ui2009/tab-item-arrow-pink.gif) no-repeat 2px 3px;
}
.bbs .bbs-mostread-part .head div a {
  text-decoration: none;
  color: white;
  font-weight: bold;
  display: block; 
  padding: 5px 0px 5px 20px;
  background: transparent url(/images/ui2009/heart.png) no-repeat 2px 5px;
}

.bbs .bbs-mostread-part .head div,
.bbs .bbs-mostread-part .row div {
  width: 50%;
  float: left;
  background: transparent;
}

.bbs .bbs-mostread-part .head {
  background: black url(/images/middle-bg.gif) repeat scroll 0 0;
  font-size: 14px;
  text-transform: uppercase;
}

.bbs .bbs-mostread-part .row {
  background: #EEF8FD;
  padding: 5px 0;
}
.bbs .bbs-mostread-part .row.even {
  background: white;
}


/* Message tree */
#content.bbs div.trd-tree div.pst,
#content.bbs div.trd-tree li.ncur li div.pst,
#content.bbs div.trd-tree li.ncu li div.pst, 
#content.bbs div.trd-tree li.ncuch li div.pst, 
#content.bbs div.trd-tree li.ncurch li div.pst, 
#content.bbs div.trd-tree li.ncul li div.pst, 
#content.bbs div.trd-tree li.ncuchl li div.pst {
  background: white none repeat scroll 0 0;
  margin-left:13px;
  padding:0;
}

#content.bbs div.trd-tree li.ncu div.pst,
#content.bbs div.trd-tree li.ncur div.pst,
#content.bbs div.trd-tree li.ncuch div.pst, 
#content.bbs div.trd-tree li.ncurch div.pst, 
#content.bbs div.trd-tree li.ncul div.pst, 
#content.bbs div.trd-tree li.ncuchl div.pst {
  background: #EEF8FD none repeat scroll 0 0;
  margin-left:-5px;
  padding:5px;
}

#content.bbs div.trd-tree li.ncu, 
#content.bbs div.trd-tree li.ncur, 
#content.bbs div.trd-tree li.ncuch, 
#content.bbs div.trd-tree li.ncurch, 
#content.bbs div.trd-tree li.ncul, 
#content.bbs div.trd-tree li.ncuchl {
  background-position:0 5px;
}

#content.bbs div.trd-tree ul ul {
  margin:0;
}

#content.bbs div.trd-tree ul {
  background: transparent;
  display:block;
  margin-left:-10px;
  padding: 0;
  font-size: 11px;
  list-style-type:none;
}

#content.bbs div.trd-tree div.pst h4 a {
  color:black;
  font-size:11px;
  font-weight: normal;
  text-decoration:none;
}

#content.bbs div.trd-tree div.pst a.u {
  color:black;
  text-decoration:none;
  background: transparent;
}

#content.bbs div.trd-tree div.pst .m {
  background: transparent;
  padding: 2px 0;
}

#content.bbs div.trd-tree li {
  background:transparent url(images/bbs/trnd_reg_nochld.png) no-repeat scroll 0 1px;
  display:block;
  padding-left:18px;
}


#content.bbs div.trd-tree li.nch {
  background-image:url(images/bbs/trnd_reg_chld.png);
}
#content.bbs div.trd-tree li.nrch {
  background-image:url(images/bbs/trnd_reg_root_chld.png);
}
#content.bbs div.trd-tree li.ncu {
  background-image:url(images/bbs/trnd_cur_nochld.png);
}
#content.bbs div.trd-tree li.ncur {
  background-image:none;
}
#content.bbs div.trd-tree li.ncuch {
  background-image:url(images/bbs/trnd_cur_chld.png);
}
#content.bbs div.trd-tree li.ncurch {
  background-image:url(images/bbs/trnd_cur_root_chld.png);
}
#content.bbs div.trd-tree li.nrch {
  background-image: url(images/bbs/trnd_reg_root_chld.png)
}
#content.bbs div.trd-tree li.nch {
  background-image:url(images/bbs/trnd_reg_chld.png);
}
#content.bbs div.trd-tree li.ncuchl {
  background-image:url(images/bbs/trnd_cur_last_chld.png);
}
#content.bbs div.trd-tree li.ncul {
  background-image:url(images/bbs/trnd_cur_last_nochld.png)
}
#content.bbs div.trd-tree li.nchl {
  background-image:url(images/bbs/trnd_last_chld.png)
}
#content.bbs div.trd-tree li.nl {
  background-image:url(images/bbs/trnd_last_nochld.png);
}
#content.bbs div.trd-tree li {
  background:transparent url(images/bbs/trnd_reg_nochld.png) no-repeat scroll 0 1px;
  display:block;
  padding-left:18px;
}



#content.bbs div.trd-tree .x {
  background: white;
}


/* Form */
.bbs div.post-frm {
 /* background:#F4F4F4 none repeat scroll 0 0;
  border:1px solid #C3C3C3; */
  margin:0 0 20px;
/*  padding:10px; */
}

.bbs div.post-frm label {
  display:block;
  margin-top:10px;
}
.bbs div.post-frm input.text {
  width:350px;
}
.bbs div.post-frm textarea.large {
  height:250px;
}
.bbs div.post-frm textarea {
  height:70px;
  width:350px;
}
.bbs div.post-frm div.buttons {
  clear:both;
  margin-top:10px;
}
.bbs div.post-frm div.errors {
  border:1px dotted red;
  padding:10px;
}


















body.prf-edt div.c { height: 0px; }

body.prf-edt div.sdbr h3, body.prf-edt div.h23 { margin-bottom: 10px; }
body.prf-edt div.h23 { height: 23px; }
body.prf-edt div.edtfrm h2 { margin: 0 0 10px; text-transform: uppercase; }
body.prf-edt div.edtfrm h2 span { display: block; float: left; width: 17px; color: #CCC; }

body.prf-edt div.flds { margin: 0; font-size: 12px; }
body.prf-edt div.flds p, body.prf-edt div.flds div.fld,
  body.prf-edt div.flds div.chkbx { padding: 0 0 3px; border-bottom: 1px solid #CCC; margin-bottom: 3px; }
body.prf-edt div.flds li { list-style: disc outside; margin: 0 0 5px 30px; }

body.prf-edt div.flds div.fld label, body.prf-edt div.flds div.lbl,
  body.prf-edt div.flds div.chkbx div.inpt { display: inline; float: left; margin-left: 5px;
                                             width: 140px; text-transform: uppercase; /* background: #DDE; */ }
body.prf-edt div.flds label { padding-top: 3px; }
body.prf-edt div.flds div.fld div.inpt,
  body.prf-edt div.flds div.chkbx label { display: inline; float: right; margin-right: 5px; width: 260px; /* background: #EDE; */ }
body.prf-edt div.flds div.inpt div { margin-bottom: 3px; }
body.prf-edt div.flds div.inpt select.half { width: 50%; }
body.prf-edt div.flds div.inpt select.full { width: 100%; }
body.prf-edt div.flds div.inpt input.text,
  body.prf-edt div.flds div.inpt textarea { width: 256px; } /* width of parent minus paddings and borders */
body.prf-edt div.flds div.inpt textarea { height: 53px; }

body.prf-edt div.flds div.chkbx div.inpt { text-align: right; padding-left: 0; }
body.prf-edt div.flds div.chkbx label { padding-right: 0; }

body.prf-edt div.flds p.post { border: none; padding: 5px 0; }

body.prf-edt div.flds div.pic label { float: none; display: block; width: auto; margin-bottom: 2px;}
body.prf-edt div.flds div.pic div.inpt { float: none; display: block; width: auto; margin-left: 5px; }
body.prf-edt div.flds div.pic div.thumb { float: right; width: 94px; text-align: center; padding-right: 5px; }
body.prf-edt div.flds div.pic table.img { width: 94px; height: 71px; background: #CCC; margin-bottom: 5px }
body.prf-edt div.flds div.pic table.img td { text-align: center; vertical-align: middle;  }

body.prf-edt div.flds div.url label { text-align: right; text-transform: none; }
body.prf-edt div.flds div.url label, body.prf-edt div.url input.text { font-weight: bold; }
body.prf-edt div.url div.disp { margin-left: 5px; font-weight: bold; }

body.prf-edt div.lnks p { border: none; }
body.prf-edt div.lnks label { text-transform: uppercase; }
body.prf-edt div.lnks .name { display: inline; float: left; margin-left: 5px; width: 140px; }
body.prf-edt div.lnks .name input.text { width: 130px; }
body.prf-edt div.lnks .address { display: inline; float: right; margin-left: 0; margin-right: 5px; width: 265px; }
body.prf-edt div.lnks .address input.text { width: 261px; }
body.prf-edt div.lnks .address a { color: black; }
body.prf-edt div.lnks .address a.arrow { display: block; margin-top: 2px;  }
body.prf-edt div.link-help div.sdbr-rbox210 { margin-top: 37px; }

body.prf-edt div.flds div.buttons { text-align: right; }

body.prf-edt div.error { margin-bottom: 20px; }

body.prf div.editbar { margin-bottom: 10px; }
body.prf div.editbar a.ac-edit { background-image: url(images/ui/icn_editwrench.gif); }






body.prf div.prf-data div.img { width: 221px; float: left; margin: 0 5px 5px 0; }
body.prf div.prf-data li { padding: 3px; border-bottom: 1px dotted black; }
body.prf div.prf-data li strong { color: #c4547d; text-transform: uppercase }

body.prf div.prf-friends div.photo { margin-right: 4px; }

body.prf div.prf-photos div.photo { width: 208px; overflow: hidden; float: left; }
body.prf div.prf-photos div.photo-last { margin-right: 0; float: right }
body.prf div.prf-photos div.photo a.img { display: block; height: 166px; background-position: 50% 50%;
  background-repeat: no-repeat; }
body.prf div.prf-photos div.datetime { margin-top: 5px; border-top: 1px dotted black; padding: 3px;
  color: #888; font-size: 11px; }
body.prf div.prf-photos p { padding: 0 3px; }
body.prf div.prf-photos ul.lines { margin-top: 10px; border-top: 1px dotted black; }
body.prf div.prf-photos img.nophotos { display: block; margin: 0 auto; }







body.gstbk #comments { margin-top: 10px; }
body.gstbk #comments div.replyhead h3 { border-top: 1px solid #C3C3C3; background: #F4F4F4; color: black; font-weight: normal; }
body.gstbk #comments div.replyhead.noposts h3 { margin-bottom: 20px; border-bottom: 1px solid #C3C3C3; }
body.gstbk #comments div.reply { ; }
body.gstbk #comments div.reply div.text { width: 270px; float: right; display: inline; }
body.gstbk #comments div.reply a.img { float: left; display: inline; }
body.gstbk #comments div.reply img { display: block; }
body.gstbk div.pagination { margin: 0 5px 20px; } 






div.prf-rank div.cur { border-top: 1px dotted black; padding: 4px 0 8px; }
div.prf-rank div.cur table { width: 100%; }
div.prf-rank div.cur td.scr { width: 85px; }
div.prf-rank div.cur td.nm { padding-left: 5px; vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }
div.prf-rank div.set { border-top: 1px dotted black; padding: 4px 0 2px;
  text-align: center; }
div.prf-rank div.scr-strs { margin-top: 2px; }