.clue, .find
{
  width:45%;
  margin:0 auto;
  margin:10px;
  border:2px solid black;
  border-radius:10px;
  display:inline-block;
  vertical-align:top;
  padding:1rem;
}
.bb_legend
{
  top:2rem;
  right:4rem;
}
#bb_content
{
  text-align:center;
}
.bb_head
{
  width:100%;
  position:relative;
}
.bb_title
{
  display:inline-block;
}
.bb_legend
{
  display:inline-block;
  position:absolute;
}
.bb_row
{
  display:block;
  width:100%;
  text-align:center;
}
.bb_item, .bb_item_left, .bb_item_right
{
  display:inline-block;
  text-align:center;
}
.bb_item_right
{
  text-align:right;
}
.bb_item_left
{
  text-align:left;
}
.bb_tag
{
  text-align:right;
  width:100%;
}
.bb_text_div
{
  width:92%;
  display:inline-block;
  background-color:#f7f7f7;
  color:#666;
  border-radius:8px;
  padding:1rem;
  margin:0 auto;
  margin-top:1rem;
  text-align:left;
}
.bb_img_div
{
  width:200px;
  display:inline-block;
  text-align:center;
}
.bb_img
{
  width:100%;
  max-width:<?php echo CLUE_THUMB_WIDTH;?>;
  max-height:<?php echo CLUE_THUMB_HEIGHT;?>;
  border-radius:8px;
  margin-right:1rem;">
}
.bb_text
{
  display:inline-block;
  text-align:left;
  vertical-align:top;
}
.prev_next .prev
{
  display:inline-block;
  width:49%;
  text-align:left;
}
.prev_next .next
{
  display:inline-block;
  width:49%;
  text-align:right;
}
.bb_button
{
  cursor: pointer;
  font-size:1.2rem;
  background-color:#518e8e;
  color: #D9D9D6;
  border-radius:20px;
  border:none;
  font-weight:bold;
  vertical-align:middle;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.3rem;
  padding-bottom:.3rem;
}
.bb_button:hover
{
  background-color: #579a9a;
}
.bb_title
{
  font-family: 'Times New Roman',serif;
  font-size:2.2rem;
  letter-spacing: .2rem;
  font-weight:bold;
  color:#34fafa;;
}
.status_open
{
  color:green;
}
.status_closed
{
  color:red;
}
.status_none
{
  color:white;
}
.status_alert
{
  color:#e8c245; /* dark yellow */
}
.bb-table-head
{
  text-align:center;
  position:relative;
}
.bb-table-legend
{
  font-size:1.2rem;
  font-weight:normal;
  position:absolute;
  right:-10px;
  top:-10px;
}
.clues_nav, .finds_nav
{
  width:95%;
  margin:0 auto;
  margin-top:1rem;
  margin-bottom:1rem;
  color: #fff88a; 
  background-color:#365555;
  border-radius:10px;
  font-size:1.3rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  text-align:center;
  padding-left:4px;
  padding-right:4px;
}
.clues_nav_left, .finds_nav_left
{
  display:inline-block;
  width:25%;
  text-align:left;
}
.clues_nav_center, .finds_nav_center
{
  display:inline-block;
  width:47%;
  text-align:center;
}
.clues_nav_right, .finds_nav_right
{
  display:inline-block;
  width:25%;
  text-align:right;
}
.col-state
{
  width:10rem !important;
}
.col-tag
{
  width: 50% !important;
}
@media screen and (max-width: 1200px) 
{
  .clue, .find
  {
    width:90%;
    margin:0 auto;
    margin-top:10px;
  }
  .clues_nav, .finds_nav
  {
    font-size:1.1rem;
  }
  .bb_img_div
  {
    width:100%;
  }
  .bb_legend
  {
    top:4rem;
    right:1rem;
  }
  .bb_title
  {
    font-size:1.7rem;
  }
}