    .sphboard_categories {
      border-collapse: collapse;
      width: 100%;
    }
    .sphboard_categories td,
    .sphboard_categories th {
      border: 1px solid gray;
      padding: 5px;
    }

    .sphboard_categories th {
      white-space: nowrap;
    }

    .sphboard_threadcount, .sphboard_postcount,
    .sphboard_threadcount, .sphboard_viewcount {
      width: 5%;
      text-align: right;
    }

    .sphboard_latestpost {
      width: 40%;
    }

    .sphboard_postform {
      width: 80%;
      border-collapse: collapse;
      border: 1px solid black;
    }

    .sphboard_postform td,
    .sphboard_postform th {
      padding: 3px;
    }

    .sphboard_postform input[type='text'],
    .sphboard_postform textarea {
      width: 80%;
    }

    .sph_captcha input[type='text'] {
      width: 100px;
    }

    .sphboard_post_list {
      width: 100%;
      border-collapse: collapse;
    }

    .sphboard_post_list td,
    .sphboard_post_list th {
      border: 1px solid gray;
      padding: 5px;
    }

    .sphboard_post_list td.sphboard_post_subject {
      height: 10px;
    }

    .sphboard_post_list td.sphboard_post_body {
      min-height: 100px;
      vertical-align: top;
    }

    .sphboard_post_list td.sphboard_post_authorinfo {
      vertical-align: top;
      padding-top: 2em;
      width: 150px;
    }

    dl.sphboard_post_authorinfo_details dt {
      margin:0px;
      padding:0px;
      font-weight: bold;
    }
    dl.sphboard_post_authorinfo_details dt:after {
      content: ': ';
    }

    dl.sphboard_post_authorinfo_details dd {
      margin:0px;
      margin-left: 1em;
      padding:0px;
    }

    .sphboard_thread_list {
      width: 100%;
      border-collapse: collapse;
    }

    .sphboard_mainhead {
      background-color: #eee;
    }

    .sphboard_thread_list td,
    .sphboard_thread_list th {
      border: 1px solid gray;
      padding: 5px;
    }

    .sphboard_post_body .signature {
        margin-top: 20px;
        padding-left: 10px;
        border-top: 1px solid gray;
        font-size: smaller;
        color: gray;
	display: block;
    }


    .sphboard_post_body .annotation_not_hidden {
        font-size: smaller;
        border-bottom: 1px solid gray;
    }

    .sphboard_post_body .attachments {
      font-size: smaller;
      border-top: 1px solid black;
      margin-top: 20px;
      padding-left: 10px;
    }
    .sphboard_post_body .attachments:before {
      content: attr(title);
    }


  .sphboard { width: 100%; }
  .sphboard textarea { width: 100%; }
  .sphboard input { width: 100%; }


.board_previewarea {
  /* it must be invisible in thebeginning */
  display:none;
  visibility:hidden;
  border: 2px solid gray;
  overflow:scroll;
  max-height: 500px;
  padding: 5px;
}


.board_threadcount {
  float:left;
}
.board_pagination {
  display:block;
  float:right;
}
.board_postdate {
  float:left;
}

.board_controls {
  float:right;
}

.polls_percent {
  white-space:nowrap;
}

.polls_percentbar {
  background-color:#cccccc;
  font-size:5px;
  height:10px;
}

.polls_choices {
  list-style: none;
}


ul.sphboard_post_summary {
  padding:0px;margin:0px;
  list-style-type: none;
  display:block;
}

.sphboard_post_summary li {
  border-bottom: 1px dotted gray;
  display:block;
  margin: 0px;
  padding: 1em;
}
.sphboard_post_summary li:hover {
  background-color: #ddf
}

.sphboard_post_summary dt {
  padding: 0px;
}
.sphboard_post_summary dd.category {
  display:none;
}
.sphboard_post_summary .postdate {
  font-size: x-small;
  font-weight: bold;
  margin-bottom: 1em;
}
.sphboard_post_summary .subject {
}
.sphboard_post_summary .body {
  max-height:4em;
  overflow:hidden;
}
.sphboard_post_summary li:hover .body {
  max-height:20em;
}



/* new-style thread list */
table.sphlist_threadlist {
  width: 100%;
  border-collapse: collapse;
}
table.sphlist_threadlist th {
  font-size: smaller;
}
table.sphlist_threadlist td, table.sphlist_threadlist th {
  border: 1px solid gray;
  padding: 5px;
}
.sphlist_threadlist_newpost {
  width: 20px;
}
td.sphlist_threadlist_views, td.sphlist_threadlist_posts {
  text-align: right;
  width: 5%;
}
th.sphlist_threadlist_views {
  white-space: nowrap;
}
div.sortorder_desc::after {
  content: "\2193";
}
div.sortorder_asc::after {
  content: "\2191";
}
.sphlist_threadlist_object_count {
  float:left;
}
.sphlist_threadlist_pagination {
  display:block;
  float:right;
}

/* styles for thread summary used while replying to post */
div#thread-summary{
    max-height:200px;
    overflow:auto;
    border:1px solid #444444;
    border-top:2px solid #000000;
    border-left:2px solid #000000;
    margin:20px;
    margin-top:5px;
}

div#thread-summary-title{
    margin:20px;
    margin-bottom:0px;
    font-size:12px;
    font-weight:bold;
}

div#thread-summary table{
    border-collapse:collapse;
    width:90%;
    margin:10px auto;
}

div#thread-summary table th{
    width:15%;
    border:1px solid #888888;
    vertical-align:top;
    padding:5px;
}

div#thread-summary table th span.postdate{
    font-style:italic;
    font-size:10px;
    font-weight:normal;
}

div#thread-summary table td{
    padding:5px;
    padding-top:0px;
    border:1px solid #888888;
}

div#thread-summary table td.more-posts{
    padding:5px;
    font-size:10px;
    font-style:italic;
}
