
#left {float:left; width:156px; overflow:hidden;}
		
/* left navi */
.leftNavi {/*float:left;*/ width: 151px; height:auto/*870px*/; float: left; display:inline; clear: left; font: 11px/*.83em*//1.3em Tahoma, Arial, sans-serif; margin:0; padding:0; margin: 10px 0 0 5px;}
.leftNavi ul.navi {/*width:149px; padding-left:2px;*/}

.leftNavi .leftNaviTop {vertical-align:top; width:149px; height:22px; border-left:1px solid #6cc340; border-right:1px solid #6cc340; position:relative; background:url(http://www.yhteishyva.fi/stc/yhteishyva/images/bg_naviLev2Top.gif) bottom left no-repeat;}
.leftNavi .leftNaviTop a {display:block; width:141px; height:23px; padding:7px 0 0 8px; position:absolute; bottom:2px; left:0; background:none; color:#fff; font-size:13px; font-weight:bold;}
.leftNavi .leftNaviTop a.twoRows { height:29px; padding:1px 0 0 8px; }
.leftNavi .leftNaviTop a:hover {text-decoration:none;}		

.leftNavi .leftNaviBottom {border-left:1px solid #6cc340; border-right:1px solid #6cc340;}
.leftNavi .leftNaviTopBorder, .leftNavi .leftNaviBottomBorder {height:1px; width:149px; line-height:1px; font-size:1px; margin-left:1px; background:#6cc340;}

.leftNavi li {}
.leftNavi li li ul {border:0; padding-left: 8px;}
.leftNavi .leftNaviBottom li { list-style: none; background: #f1f9ec url(http://www.yhteishyva.fi/stc/yhteishyva/images/bg_leftNaviStripe09.gif) bottom center no-repeat; color: #01319c;}
.leftNavi .leftNaviBottom li.last {background:#f1f9ec;}
.leftNavi li a { color: #01319c; background:url(http://www.yhteishyva.fi/stc/yhteishyva/images/nav1-green.gif) 0.6em 0.85em no-repeat; text-decoration: none; padding:5px 5px 4px 22px; display:block; }
.leftNavi li a:hover { text-decoration:underline; }
.leftNavi li.here, .leftNavi li li { background: #fff url(http://www.yhteishyva.fi/stc/yhteishyva/images/bg_leftNaviStripe09.gif) bottom center no-repeat;}
.leftNavi li.here a:link, .leftNavi li.here a:visited, .leftNavi li.here a:active /*, .leftNavi li.here a:hover*/  { color: #000; background:url(http://www.yhteishyva.fi/stc/yhteishyva/images/nav1-green.gif) 0.6em 0.88em no-repeat; }
.leftNavi li.here ul {background:url(http://www.yhteishyva.fi/stc/yhteishyva/images/bg_leftNaviStripe09.gif) top center no-repeat; padding-top:1px;}
.leftNavi li li a, .leftNavi li.here li a:link, .leftNavi li.here li a:visited { font-weight: normal; color: #01319c; background:url(http://www.yhteishyva.fi/stc/yhteishyva/images/nav1-green.gif) 0.6em 0.6em no-repeat; text-decoration: none; padding:2px 5px 2px 22px; margin-left:15px; display:block;}
.leftNavi li.here li.here a:link, .leftNavi li.here li.here a:visited { color: #000; background:url(http://www.yhteishyva.fi/stc/yhteishyva/images/nav1-green.gif) 0.6em 0.6em no-repeat; }
.leftNavi li li a:hover { text-decoration:underline !important; }
* html .leftNavi .leftNaviBottom li { height: 1%; padding: 0; margin:0; /*margin-top:-2px;*/ } /* ie hack */
* html .leftNavi .leftNaviBottom li li {margin:0;}

/* Yhteiset custom left navi */
#YhteisetleftNaviTop.leftNavi .leftNaviTop.yhteisetSubjects {width:149px; height:37px; background:url(/stc/img/yhteisetSubjectsTop.gif) bottom left no-repeat;}
#YhteisetleftNaviTop.leftNavi .leftNaviTop.yhteisetSubjects span {display:block; padding:5px 10px; color:#feffff; font-size:13px;}
#YhteisetleftNaviTop.leftNavi .leftNaviBottom {margin-top:-7px;}
#YhteisetleftNaviTop.leftNavi .leftNaviBottom #subjectSelect {width:141px; height:21px; margin:4px 4px 5px 4px; /*padding:2px 0 0 0; border:none; font-size:11px; background:url(/stc/img/yhteisetSubjectsSelect.gif) 0 0 no-repeat;*/}

/**/
.yhteiset .article.yhteisetConv {margin-top:20px;}
.yhteiset .article h2 a {color:#6CC340;}
.yhteiset .article p {margin-bottom:10px;}
.yhteiset .article .convStarted {display:block; margin-bottom:8px; color:#999999;}

/* Front page main lift for Yhteiset */
#content.yhteiset #content-main .lift-big .lift-big-wrapper .img {overflow:hidden; width:160px;}
#content.yhteiset #content-main .lift-big dl {width:304px;}
#content.yhteiset #content-main .lift-big dt {width:100%; padding-top:0;}
#content.yhteiset #content-main .lift-big dd {width:auto;}
#content.yhteiset #content-main .lift-big a.readMore {display:block; margin-top:4px; padding-left:20px; color:#01319d; font-weight:bold; background:url(http://www.yhteishyva.fi/stc/yhteishyva/images/nav1-green.gif) no-repeat 0.6em 0.5em;}
#content.yhteiset #content-main .lift-big a.readMore:hover {color:#01319d !important; text-decoration:underline;}

/* Subject and Message lists */
.yhteiset .message-list-element
.yhteiset .message-list-text {margin-bottom:15px;}
.yhteiset .message-list-text h2 {margin-left:5px; font-weight:normal;}
.yhteiset .message-list-text h2 a {font-weight:normal;}
.yhteiset .message-list-text p {margin-left:5px; color:#4C4C4C;}
.yhteiset .message-list-text p a {color:#4C4C4C;}

.yhteiset .article .message-list-text h2 a {font-size:1.13em;}
.yhteiset .article .message-list-text p a {font-size:1.085em;}

.yhteiset .message-list-element-textOnly a {display:block; margin-bottom:8px; font-size:1.085em;}
.yhteiset .message-list-element-textOnly a.bold, .yhteiset #navi-extra-images .message-list-element-textOnly a.bold {font-weight:bold;}

/* 60/40 two column element  */
.yhteiset div.c64-c { width: 100%; height: auto; /*background: url(/stc/img/bg_2col.gif) repeat-y 66% 0;*/}
.yhteiset div.c64-c-no-middleline { width: 100%; height: auto; }
.yhteiset div.c64-l, div.c64-r { float: left; height: auto; }
.yhteiset div.c64-l {padding-right: 3%; }
.yhteiset div.c64-l { width: 66%; }
.yhteiset div.c64-r { width: 31%; }
.yhteiset div.c46-l { width: 31%; }
.yhteiset div.c46-r { width: 66%; }

.yhteiset div.c64-p, div.c64-pb { width: auto; height: auto; }
.yhteiset div.c64-pb           { border-right: 1px solid #cccccc; }

.yhteiset div.c64-p img {max-width:160px;}
/** html .yhteiset div.c64-p img {width:160px;}*/

/* Article section */
.yhteiset div.article-section { float:left; width:100%; padding-bottom:10px; /*border-bottom:1px solid #B3E5A0;*/ /*d3e3e4*/ }

.yhteiset div.article-section ol { padding-left: 20px; }
.yhteiset div.article-section ol li { list-style:decimal outside none; padding:2px 0 3px 3px; }

.yhteiset div.article-section ul li { background:url("http://www.yhteishyva.fi/stc/yhteishyva/images/unorderedListItem.gif") no-repeat scroll 12px 7px transparent; list-style:none outside none; padding:2px 0 3px 30px; }

/* Message section */
.yhteiset div.message-section { /*float:left; width:100%; padding-bottom:20px; /*border-bottom:1px solid #B3E5A0;*/ }

/* Comment section */
.yhteiset div.comment-section { padding-top:10px; margin-top:10px; margin-bottom:10px; border-top:1px solid #B3E5A0; }
.yhteiset div.comment-section .c64-l .c64-p { margin-bottom:10px; padding-bottom:40px;}
.yhteiset div.comment-wrapper { padding-bottom:20px; margin:0 0 10px 0; border-bottom:1px solid #B3E5A0; /*d3e3e4*/ }
.yhteiset span.comment-left-link { float:left; margin-left:0px; }
.yhteiset span.comment-right-link { float:right; margin-right:0px; }
.yhteiset .nickname { color:#444444; font-weight: bold; font-style:italic; }
.yhteiset a.readMore { padding-left:15px; /*color:#1d3667 !important;*/ background:url(/stc/img/30/arrow_green.gif) left 0.4em no-repeat; }
.yhteiset a.goBack { padding-left:15px; /*color:#1D3667 !important;*/ background:url(/stc/img/30/arrow_green_left.gif) left 0.4em no-repeat;}

/* message, comment and spam form*/
.yhteiset .messageForm {}
.yhteiset .messageForm p.formRow {}
.yhteiset .messageForm label br { display: none; }
.yhteiset .messageForm span { }
.yhteiset .messageForm input.textInputField { width:238px ; height:19px; margin:3px 0 15px 0; }
.yhteiset .messageForm textarea.textInputField { width:238px ; height:142px; margin:3px 0 12px 0; }
.yhteiset .messageForm .sbm { float:right; margin-top:25px; margin-right:3px; } /* Inside label only for consistency */
.yhteiset .messageForm .rst { float:left; margin:25px 30px 0 0;} /* Inside label only for consistency */

/* e-mail form for feedback */
.yhteiset .emailForm {}
.yhteiset .emailForm p.formRow {}
.yhteiset .emailForm label br { display: none; }
.yhteiset .emailForm span { padding:-10px; position:absolute; font-weight:bold; }
.yhteiset .emailForm input.textInputField { width:238px ; height:19px; margin:20px 0 5px 0; }
.yhteiset .emailForm textarea.textInputField { width:238px ; height:142px; margin:20px 0 2px 0; }
.yhteiset .emailForm .sbm { float:right; margin-top:25px; } /* Inside label only for consistency */
.yhteiset .emailForm .rst { float:left; margin:25px 30px 0 0; } /* Inside label only for consistency  background:url(img/button_reset.gif) no-repeat center left;*/

/* Poll */
.yhteiset .gallup {width:100%; padding-bottom:0 !important;}
.yhteiset .gallup form, .yhteiset .gallup .gallup-wrapper {width:98%;}

/*.yhteiset .gallup div.bars span.bar { display:block; background:#9BD97C;}
.yhteiset .gallup .question {font-weight:bold; color:#404040;}*/ 

