
   .totalForumPages
   {
      clear: both;
   }
   
   .topicTeaser
   {
      margin:1em .5em;
      margin-right: 1.5em;
      padding: .5em;
      position: relative;
      border: 1px solid #ddd;
   }
   
   .topicTeaser.approved
   {
      border: 1px solid #ddd;
      background-color: #efefef;
   }

   .topicTeaser h2
   {
      margin: 0;
      margin-bottom:.25em;
   }

   .topicTeaser .originalPoster
   {
      font-weight: bold;
   }
   
   .topicTeaser .originalPostDate
   {
      font-style: italic;
      font-size: 90%;
   }
   
   .topicTeaser .topicMessage
   {
      margin: 1em;
   }

   /**********************
         .topicTeaser .totalPostsCounter
         {
            position: absolute;
            top: 1em;
            right: -16px;
            background-color: #337ab7;
            color: #fff;
            padding: .5em;
         }

         .topicTeaser .totalPostsCounter:after
         {
            content: '';
            position: absolute;
            bottom: -15px;
            right: 0;
            height: 0;
            width: 0;
            border: 8px solid #11273A;
            border-color: #11273A transparent transparent #11273A;
         }
   **********************/
   
   .topicPosts
   {
      list-style-type: none;
      padding: 0;
      margin: 0;
   }
   
   .topicPosts>li
   {
      margin-top:2em;
      border-color: #666;
   }
   
   .topicPosts>li>div.postContainer
   {
      border-color: #999;
   }
   
   .topicPosts > li > div.postManagementLinks.list-group-item
   {
      border: 1px solid #999;
      border-top: 1px solid #aaa;
      background-color: #ccc;
   }
   
   .topicPosts>li span.postDate
   {
      display: block;
      font-style: italic;
   }
   
   .topicPosts>li .postUsername
   {
      display: block;
      font-weight: bold;
      margin-bottom: 1em;
   }
   
   .topicPosts>li a.replyLink
   {
      display: inline-block;
      margin-top: .5em;
   }
   
   .readMore
   {
      display: block;
      font-size: 85%;
      padding-top: .5em;
      font-style: italic;
   }

   /*******************************
      .topicPosts>li>div.postContainer
      {
         padding-top: 6em;
      }
   
      .topicPosts>li .postMetadata
      {
         position: absolute;
         top: 1em;
         left: -15px;
         background-color: #337ab7;
         color: #fff;
         padding: .5em;
         height: 4em;
      }

      .topicPosts>li .postMetadata:after
      {
         content: '';
         position: absolute;
         bottom: -15px;
         left: 0  ;
         height: 0;
         width: 0;
         border: 8px solid #11273A;
         border-color: #11273A #11273A transparent transparent;
      }
   *******************************/
   
   .topicPosts>li .highlight
   {
      font-style: italic;
      font-weight: bold;
      background-color:#ffc;
   }
   
   .topicPosts>li .list-group-item.active .highlight,
   .topicPosts>li .postMetadata .highlight
   {
      background-color:#77addc;
   }
   
   .topicPosts>li .list-group-item.active a
   {
      color: #fff;
      text-decoration: none;
      border-bottom: 1px dotted transparent;
   }
   
   .topicPosts>li .list-group-item.active a:hover
   {
      border-bottom: 1px dotted #fff;
   }

   #reply-form
   {
      margin-bottom: 1em;
   }
   
   .topicTeaser:target,
   .topicPosts>li:target>div.postContainer,
   #reply-form:target
   {
      background-color: #ffc;
   }
   
   .topicPosts>li:target .highlight
   {
      background-color: #fbfbb6;
   }
   
   .new-topic-link
   {
      clear: both;
   }
   
   @media (max-width:768px)
   {
      /*********************************
      .topicTeaser .totalPostsCounter,
      .topicPosts>li .postMetadata
      {
         position: static;
         background-color: transparent;
         color: inherit;
         padding: 0;
         height: auto;
      }
      
      .topicTeaser .totalPostsCounter:after,
      .topicPosts>li .postMetadata:after
      {
         display:none;
      }

      .topicPosts>li>div.postContainer
      {
         padding-top: .5em;
      }
      *********************************/

      .topicPosts > li .btn
      {
         float: none !important;
         margin: .25em;
      }
   }
   