/* Koululaisen keskustelun tyylit */

#bbs-wrapper {font-size:90%;float:left;color:#000; background: #fff repeat-y right; margin:0; padding:0; width:98%; text-align:left; font-family: Arial, Helvetica, sans-serif;clear:both}
#bbs-wrapper .bbs-popup {color:#000; background:#ADE2C1; margin:0 auto; width:715px;text-align:left;font-family:Arial, Helvetica, sans-serif;}
#bbs-wrapper #forum-header {margin:0;padding:0;width:100%;float:left;clear:both;}
#bbs-wrapper #forum-header h1, #bbs-wrapper #forum-header h1 a, #bbs-wrapper #forum-header h1 span {display:none;}
#bbs-wrapper h2 {margin: 10px 0 0 0}
#bbs-wrapper p.breadcrumb {margin:0 auto 2px;padding:10px 0 2px 0;clear:both;}
#bbs-wrapper #forum-header dl {margin:0;padding:0;float:left;}
#bbs-wrapper #forum-header p {margin:0;padding:6px 0 0 0;float:left;line-height:100%;width:166px; text-align: right;}

#bbs-wrapper #forum-header #logged-in p {margin:0;padding:6px 10px 6px 10px;float:left;line-height:100%;}
#bbs-wrapper #forum-header dd.login-username {margin:0;padding:0 0 0 5px;display:block;float:left;width:160px;line-height:100%;}
#bbs-wrapper #forum-header dd.login-password {margin:0;padding:0;display:block;float:left;width:125px;line-height:100%;}
#bbs-wrapper #forum-header dd.login-remember-me {margin:0;padding:8px 0 0 0;display:block;float:left;width:130px;}
#bbs-wrapper #forum-header #login dd.login-submit {margin:0;padding:12px 0 0 0;display:block;float:left;width:52px; height: 18px;}
#bbs-wrapper #forum-header dd input {margin:0 2px 0 0;padding:0 1px;font-size:100%}
#bbs-wrapper #forum-header dd.login-username input {width:145px;}
#bbs-wrapper #forum-header dd.login-password input {width:110px;}
#bbs-wrapper #forum-header dd label {display:block;font-weight:bold}
#bbs-wrapper #forum-header dd.login-remember-me label {display:inline;font-weight:normal}
#bbs-wrapper #forum-header #login dd.login-submit input {padding:0px;border:1px solid #000;color:#000;width:32px;font-weight:bold;font-size:1em; display: block; height: 20px;background: #b59652;}
#bbs-wrapper #forum-header .clear {margin:0;padding:0;clear:both;font-size:1px;height:1px;background:#fff;}

#bbs-wrapper table {width:100%; clear:left; margin:0 auto 2px auto;padding:0;border:0px solid #e1e1e1;}
#bbs-wrapper table th {text-align:left; color: #87592A; background:#FDDD97; padding:1em 0 1em 0.4em; font-size:110%; letter-spacing:0.1em; font-family:Arial, Helvetica, sans-serif;font-weight:bold;border-bottom:1px solid #fff;}
#bbs-wrapper table th a, #bbs-wrapper table th a:visited, #bbs-wrapper table th a:hover {color: #87592A}
#bbs-wrapper td {color: #B18831; background: #FEF8E4; padding: 2px 5px;}
#bbs-wrapper form table {margin:0 0 2px 0;padding:0;float:left;}
#bbs-wrapper table td.reply-to-thread {margin:0;padding:2px;background:#FEF8E4}
#bbs-wrapper table td.reply-to-thread input {background:#FDDD97}
#bbs-wrapper td.reply-to-thread a, #bbs-wrapper td.reply-to-thread input {display:block;height:40px;width:584px;padding:0;text-align:center;outline:0 none; text-decoration:none;border:0 none;}
#bbs-wrapper td.reply-to-thread a:hover {display:block;color:#fff;height:40px;width:100%;padding:0;text-align:center;background:#B59652 url(../img/reply_b-icon.gif) 50% 50% no-repeat;text-indent:-9999px;outline:0 none; text-decoration:none;border:0 none;}

#bbs-wrapper td.reply-to-thread-form {margin:0;padding:6px 20px;background:#fff;}
#bbs-wrapper td.reply-to-thread-form div.popup-icon {float:right;display:inline;margin:10px 60px 0 0;padding:0;width:158px;height:41px;background:#fff url(../img/iso-vikkuna_w-icon.gif) 50% 50% no-repeat;}
#bbs-wrapper td.reply-to-thread-form div.popup-icon a {display:block;margin:0;padding:0;width:158px;height:41px;background:#fff url(../img/iso-vikkuna_w-icon.gif) 50% 50% no-repeat;text-indent:-9999px;outline:0 none; text-decoration:none;}
#bbs-wrapper td.reply-to-thread-form div.popup-icon a:hover {display:block;margin:0;padding:0;width:158px;height:41px;background:#B7DCF5 url(../img/iso-vikkuna_b-icon.gif) 50% 50% no-repeat;text-indent:-9999px;outline:0 none; text-decoration:none;}
#bbs-wrapper td.reply-to-thread-form h3 {margin:0;padding:0;font-size:90%;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}

/*#bbs-wrapper td.reply-to-thread-form h3#vastaus-otsikko {float:left;padding-right:120px}*/

#bbs-wrapper td.reply-to-thread-form p {margin:0 0 0.6em 0;padding:0;}
#bbs-wrapper td.reply-to-thread-form input, #content #bbs-wrapper td.reply-to-thread-form textarea {font-family:Arial, Helvetica, sans-serif;font-size:95%;}
#bbs-wrapper td.reply-to-thread-form input.button {padding:0;border:1px solid #B18831;color:#B18831;font-weight:bold;font-size:1em;background:#fff;}

#bbs-wrapper h3 label {font-size:100%}
#bbs-wrapper .otsikko {width:99%}
#bbs-wrapper .vastaus {width:99%}
#bbs-wrapper .lahettaja {width:50%}

#bbs-wrapper .reply-to-thread-form .otsikko {width:50%}
#bbs-wrapper .reply-to-thread-form .vastaus {width:99%}
#bbs-wrapper .reply-to-thread-form .lahettaja {width:50%}
#bbs-wrapper td.reply-to-thread-form form {width:99%;}
#bbs-wrapper td.write-message form {width:99%}

#bbs-wrapper td.post-new-thread {margin:0;padding:2px;background:#fff url(../img/newtopic_w-icon.gif) 50% 50% no-repeat;}
#bbs-wrapper td.post-new-thread a {display:block;height:40px;padding:0;text-align:center;background:#fff url(../img/newtopic_w-icon.gif) 50% 50% no-repeat;text-indent:-9999px;outline:0 none; text-decoration:none;}
#bbs-wrapper td.post-new-thread a:hover  {display:block;color:#fff;height:40px;padding:0;text-align:center;background:#B7DCF5 url(../img/newtopic_b-icon.gif) 50% 50% no-repeat;text-indent:-9999px;outline:0 none; text-decoration:none;}

#bbs-wrapper tr#top-row td {background:#B59652;vertical-align:bottom;}
#bbs-wrapper tr#bottom-row td {background:#B59652;vertical-align:top;}
#bbs-wrapper tr#top-row th {text-align:center;color:#fff; background:#B59652; font-size:110%; letter-spacing:normal; font-family:Arial, Helvetica, sans-serif;font-weight:bold;border:0 none;padding-left:0;}
#bbs-wrapper table p {margin-top:0;margin-bottom:1.2em;padding:0;}
#bbs-wrapper td#topnavi, #bbs-wrapper td#bottomnavi {width:61%;color:#fff;padding-left:4px;font-size:110%;}

#bbs-wrapper td.forum-details {width:150px;font-size:100%;color:#645F37;border-bottom:1px solid #fff;}
#bbs-wrapper td.forum-detail {width:215px;font-size:100%;color:#000;border-bottom:1px solid #fff;}
#bbs-wrapper td.forum-detail span, #bbs-wrapper td.forum-details span  {color:#666;}
#bbs-wrapper td.forum-detail span.tanaan{color:inherit;}
#bbs-wrapper td.forum-details span.tanaan, #bbs-wrapper td.forum-details span.mennyt {color:#000;font-size:100%}
#bbs-wrapper .topic-amount {text-align:center;float:left;width:70px;margin:0;padding:0 0 2px 0;font-weight:bold;}
#bbs-wrapper .message-amount {text-align:center;float:left;width:70px;margin:0;padding:0 0 2px 0;background:url(../img/bg/pisteet-pysty.gif) repeat-y;font-weight:bold;}
#bbs-wrapper .topic-replies {color:#000;text-align:left;float:left;width:70px;margin:0;padding:0 0 2px 0;font-weight:bold;background:url(../img/bg/pisteet-pysty.gif) right top repeat-y;}
#bbs-wrapper .topic-started {color:#666;text-align:left;float:left;width:65px;margin:0;padding:0 0 2px 5px;font-weight:bold;}
#bbs-wrapper .forum-details-header .topic-replies {color:#000;text-align:left;float:left;width:65px;margin:0;padding:0 5px 2px 0;font-weight:bold;background:transparent;}
#bbs-wrapper .forum-details-header .topic-started {color:#000;text-align:left;float:left;width:65px;margin:0;padding:0 0 2px 5px;background:transparent;font-weight:bold;}
#bbs-wrapper .topic-started strong, #bbs-wrapper .topic-replies strong, #bbs-wrapper td.forum-detail span.mennyt {color:#000;}
#bbs-wrapper .forum-details-header .message-amount {text-align:center;float:left;width:70px;margin:0;padding:0 0 2px 0;background:transparent;}
#bbs-wrapper .replies, #bbs-wrapper .starter {text-align:center;font-weight:bold;}
#bbs-wrapper .last-message-info {text-align:center;margin:0;padding:6px 0 0 0;width:140px;float:left;clear:both;background:url(../img/bg/pisteet-vaaka.gif) repeat-x;color:#000}

#bbs-wrapper td.forumtitle {width: 421px;font-size:105%;border-right:1px solid #fff; border-bottom:1px solid #fff;}
#bbs-wrapper td.forumtitle a {font-size:105%; color: #B18831;}
#bbs-wrapper td.forumtitle-header {background:#FDDD97;vertical-align:top;border-right:1px solid #fff;border-bottom:1px solid #fff;}
#bbs-wrapper td.forum-details-header {background:#FDDD97;vertical-align:bottom;border-bottom:1px solid #fff;color:#87592A;}
#bbs-wrapper td.messages-title {color: #B18831; background:#FDDD97;border-right:1px solid #fff;border-bottom:1px solid #fff;font-weight:bold;width:50px;text-align:center;}
#bbs-wrapper td.messages {font-weight:bold;width:45px;text-align:center;border-right: 1px solid #fff;border-bottom:1px solid #fff;}

#bbs-wrapper td.forumtitle-header p {margin:0.2em 0;padding:0;line-height:100%;font-size:100%; color: #B18831}
#bbs-wrapper p a.uusi {display:block;float:left;margin:5px;padding:10px 40px;background:transparent url(../img/btn_newgroup.gif) no-repeat scroll left top;text-decoration:none; color: #fff !important; font-size: 1.2em;}
#bbs-wrapper p a.uusi:hover {display:block;float:left; text-decoration:none;}
#bbs-wrapper td.forumtitle-header p a span {color:#fff;font-size:100%;}
#bbs-wrapper .postinfo {width:120px;vertical-align:top;border-right:1px solid #fff;font-size:100%; padding: 5px; border-bottom: 5px solid #fff;}
#bbs-wrapper .postinfo p a {color: #3D390B;}
#bbs-wrapper .message {width:auto;vertical-align:top;font-size:100%; padding: 5px; border-bottom: 5px solid #fff;}
#bbs-wrapper .message dl dt {font-weight: bold; margin-bottom: 5px;}
#bbs-wrapper .message dl dd {margin-bottom: 10px;}
#bbs-wrapper .post {color: #3D390B; margin:0;padding:0;overflow:auto}
#bbs-wrapper .post h3 {margin:0 0 0.4em 0;padding:0}
#bbs-wrapper .userprofile {margin:0;padding:0 0.6em 0.4em 0.6em;}
#bbs-wrapper .userprofile h3 {margin:0 0 0.4em 0;padding:0}
#bbs-wrapper .postfooter {margin:0;padding:1em 0;}
#bbs-wrapper .signature {display:block;float:left;margin:0;padding:0 0 0.5em 0;font-style:italic;}
#bbs-wrapper table .signature p {background:url(../img/signature_bg.gif) no-repeat;margin:0;padding:0.6em 0 0 0}

/* painikkeet */
#bbs-wrapper .post-functions {display:block;float:right;margin:0;padding:5px 0 5px;width:100%;text-align:right; border-top: 1px solid;}
#bbs-wrapper .post-functions a, #bbs-wrapper .post-functions a:hover {padding: 5px 10px 5px 20px; font-size: 11px; font-weight: normal;  text-align:left; float: left; display:block;text-decoration:none; outline:0 none;}
#bbs-wrapper .post-functions a:hover {text-decoration: underline;}

#bbs-wrapper .post-functions a.button-lainaa, #bbs-wrapper .post-functions a.button-asiaton-viesti, #bbs-wrapper .post-functions a.button-poista, #bbs-wrapper .post-functions a.button-muokkaa {background-position: 0; background-repeat: no-repeat;}
#bbs-wrapper .post-functions a.button-lainaa {background-image: url(../img/buttons/lainaa.gif);}
#bbs-wrapper .post-functions a.button-asiaton-viesti {background-image: url(../img/buttons/ilmoita.gif);}
#bbs-wrapper .post-functions a.button-poista {background-image: url(../img/buttons/poista.gif);}
#bbs-wrapper .post-functions a.button-muokkaa {background-image: url(../img/buttons/muokkaa.gif);}

#bbs-wrapper form#switch-area {margin:0;padding:0;width:100%;text-align:right;}
#bbs-wrapper form#switch-area dl {margin:0;padding:0;float:right;text-align:left;width:85%}
#bbs-wrapper form#switch-area dt {font-weight:bold;color:#fff;margin:0 0 0.4em 0;padding:0;width:100%;}
#bbs-wrapper form#switch-area dd {margin:0 0 0.4em 0;padding:0;width:100%;}
#bbs-wrapper form#switch-area select {width:100%;}

#bbs-wrapper #forum-footer-etusivu {padding:0 2%;color:#000;}
#bbs-wrapper #forum-footer {border-top:1px dashed #666;padding:0 2%;color:#000;}
#bbs-wrapper #forum-footer img, #bbs-wrapper #forum-footer-etusivu img {margin:0 10px -10px 0}
#bbs-wrapper a {color:#000;text-decoration:none;font-weight:bold;}
#bbs-wrapper a img {border:0 none;}
#bbs-wrapper a:visited, #bbs-wrapper table a:visited {color:#000;font-weight:bold;}
#bbs-wrapper a:hover, #bbs-wrapper td#topnavi a:hover, #bbs-wrapper td#topnavi a:hover, #bbs-wrapper td#bottomnavi a:hover, #bbs-wrapper td#bottomnavi a:hover {color:#66130F;text-decoration:underline;font-weight:bold;}
#bbs-wrapper table a:hover {color: #000;text-decoration:underline;font-weight:bold;}
#bbs-wrapper tr#top-row td a, #bbs-wrapper tr#top-row td a:hover, #bbs-wrapper tr#bottom-row td a, #bbs-wrapper table th a, #bbs-wrapper table th a:hover {color:#fff}
#bbs-wrapper a.selected, #bbs-wrapper a.selected:visited, #bbs-wrapper a.selected:hover {color:#000;font-weight:bold;}

#bbs-wrapper blockquote {margin:0;padding:0.1em 0.2em 0.8em 0.2em;background:#D8DDE4;}
#bbs-wrapper blockquote blockquote {margin:0.5em 1em;padding:0.2em;background:#E4E8ED; border:1px solid #fff;}
#bbs-wrapper blockquote blockquote blockquote {margin:0.5em 1em;padding:0.2em;background:#F0F3F8; border:1px solid #D8DDE4;}
#bbs-wrapper blockquote cite {display:block;background:#fff;margin:0;padding:0 0 0.4em 0;font-style:italic;color:#666;font-weight:bold;}
#bbs-wrapper blockquote blockquote cite {display:block;background:#fff;margin:0;padding:0 0 0.4em 0.2em;font-style:italic;color:#666;font-weight:bold;}
#bbs-wrapper blockquote p {font-style:italic;font-size:1em;margin:0 0 1.2em 0;padding:0.8em 1.2em 0 1.2em;}

#bbs-wrapper .bbs-popup #bbs-wrapper table {width:715px;}
#bbs-wrapper table td#viestin-kirjoitus {width:562px;background:#FEF8E4;vertical-align:top; border: 0;}
#bbs-wrapper table td#viestin-kirjoitus div {width:532px;margin:10px auto;padding:10px 0;background:#FEF8E4;}
#bbs-wrapper table td#ohje {width:158px;background:#FEF8E4;vertical-align:top; border: 0;}
#bbs-wrapper table td#ohje div {width:118px;border:1px solid #fe8e89;margin:100px auto 10px auto;padding:10px;background:#f8d4d2;}
#bbs-wrapper td#viestin-kirjoitus h3 {font-size:100%;font-weight:normal;margin:0 0 0 12px;padding:0.2em 0;}
#bbs-wrapper td#viestin-kirjoitus p {margin:0 0 0 12px;padding:0 2% 0.4em 0;}
#bbs-wrapper td#viestin-kirjoitus input, #bbs-wrapper td#viestin-kirjoitus textarea {font-family:Arial, Helvetica, sans-serif;}
#bbs-wrapper table td#viestin-kirjoitus #otsikko, #bbs-wrapper table td#viestin-kirjoitus #vastaus {width:505px}
#bbs-wrapper table td#viestin-kirjoitus #icons {width:500px;margin:10px 0;padding:0 0 0 9px;height:36px;float:left;clear:both;}
#bbs-wrapper table td#viestin-kirjoitus #icons a {display:block;float:left;margin:0;padding:3px 0 3px 3px;}
#bbs-wrapper table td#viestin-kirjoitus #icons a:hover {display:block;float:left;margin:0;padding:2px 0 4px 3px;}

#bbs-wrapper #muut-keskustelut {float:left;width:100%;margin:0;padding:0;}
#bbs-wrapper #muut-keskustelut h3 {margin:0 0 0.2em 0;}
#bbs-wrapper #muut-keskustelut ul {width:100%;margin:0 auto 1.2em auto;padding:0.2em 0 0 0;list-style:none;background:url(../img/bg/pisteet-vaaka.gif) repeat-x;}
#bbs-wrapper #muut-keskustelut ul li {font-size:100%;width:100%;float:left;margin:0 0 1px 0;padding:0 0 3px 33px;background:url(../img/bg/pisteet-vaaka.gif) left bottom repeat-x;line-height:120%;}
#bbs-wrapper #muut-keskustelut ul li p {color: #de711d; margin-left:0;padding:0.6em 0 0 0;font-size:95%;line-height:120%}
#bbs-wrapper #muut-keskustelut ul li a.eka {text-decoration:none;display:block;margin:0 0 -0.6em -33px;padding:0.6em 0 0.6em 33px;background:url(../img/es_keskustelu-icon.gif) 0 100% no-repeat;font-weight:normal;color:#000;}
#bbs-wrapper #muut-keskustelut ul li a.eka:hover {color:#66130F; text-decoration:none;display:block;margin:0 0 -0.6em -33px;padding:0.6em 0 0.6em 33px;background:url(../img/es_keskustelu-icon.gif) 0 100% no-repeat;font-weight:normal;}
#bbs-wrapper #muut-keskustelut ul li div.eka {text-decoration:none;display:block;margin:0 0 0.3em -33px;padding:0.6em 0 0.6em 33px;background:url(../img/es_keskustelu-icon.gif) 0 100% no-repeat;font-weight:normal;color:#000;}

#bbs-wrapper #muut-keskustelut ul li a strong {font-weight:bold;font-size:100%;color:#66130F}
#bbs-wrapper #muut-keskustelut ul li a:hover strong {text-decoration:underline;font-weight:bold;font-size:100%;color:#66130F}
#bbs-wrapper #muut-keskustelut ul li a span.tanaan, .tanaan {color:#000;background:#ffc}
#bbs-wrapper #muut-keskustelut p {font-weight:normal;margin-left:23px}
#bbs-wrapper td.write-message {background:#f3f3f3;padding:0;border-bottom:0 none;}

#bbs-wrapper td.write-message h2 {color:#000;margin:0 -2px 0.8em -2px;padding:8px 6px;display:block;background:#fff;font-family:Arial, Helvetica, sans-serif;}
#bbs-wrapper td.write-message h3 {margin:0 0 0 4px;padding:0;font-size:90%;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#bbs-wrapper td.write-message p {margin:0 0 0.6em 4px;padding:0;}
#bbs-wrapper td.write-message input, #content #bbs-wrapper td.write-message textarea {font-family:Arial, Helvetica, sans-serif;font-size:95%;}
#bbs-wrapper td.write-message input.button {padding:0;border:1px solid #E0ECE1;color:#fff;font-weight:bold;font-size:1em;background:#1C3D21 url(../img/bg/button-bg2.gif) repeat-x;}
#bbs-wrapper span.pages a, #bbs-wrapper #forum-header p a, #bbs-wrapper td.forumtitle-header p a, #bbs-wrapper td.forum-details-header span, #bbs-wrapper td.threadtitle a, #bbs-wrapper td.area-name a {color: #B18831;}
#bbs-wrapper span.pages strong {color: #000;}

#bbs-wrapper a.datelink, #bbs-wrapper a.datelink:hover, #bbs-wrapper a.datelink:visited, #bbs-wrapper #muut-keskustelut p a {font-weight: normal;}
#bbs-wrapper td.x {font-size: 12px;}
#bbs-wrapper td.x input {margin: 0 3px}
#bbs-wrapper input.yyyy {width: 3em;}