.time-span{
  float: left;
  margin-right: 20px;
  width: 130px;
  cursor: pointer;
  }

.time-span .data{ display: none;}




.badgy{
  background: #bcd6dd;
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;
  font-size: 11px;
  }

.badgy .stamp_text{
  padding: 4px 9px 2px;
  float: left;
  }




.badgy.no-sync{
  color: #fff;
  padding: 6px 20px 4px;
  text-align: center;
  }


.badgy.start{
  background: #576200;
  color: #fff;
  float: left;
  }


.badgy.end{
  background: #6f1f1c;
  color: #fff;
  float: left;  
  }


.connector{
  height: 20px;
  width: 18px;  
  float: left;
  background: url(../../images/connector.png) left center no-repeat;
  }
  

.inserted_before,
.inserted_after{
  float: left;
  }



.badgy.start .inserted_before span.stamp_text{
  background: #839300;
  -moz-border-radius-topleft: 3px;  
  -moz-border-radius-bottomleft: 3px;  
  -webkit-border-radius-top-left: 3px;
  -webkit-border-radius-bottom-left: 3px;
  padding: 4px 6px 2px 9px;
  }
  

.badgy.start .inserted_before span.arrow{
  float: left;  
  width: 10px;
  height: 20px;
  background: url(../../images/stamps.png) left -44px no-repeat !important;
  }


.badgy.start .inserted_after span.stamp_text{
  background: #839300;
  -moz-border-radius-topright: 3px;  
  -moz-border-radius-bottomright: 3px;  
  -webkit-border-radius-top-right: 3px;
  -webkit-border-radius-bottom-right: 3px;
  padding: 4px 9px 2px 6px;
float: right;
  }


.badgy.start .inserted_after span.arrow{
  float: left;  
  width: 10px;
  height: 20px;
  background: url(../../images/stamps.png) left -66px no-repeat !important;
  }




.badgy.end .inserted_before span.stamp_text{
  background: #a1403c;
  -moz-border-radius-topleft: 3px;  
  -moz-border-radius-bottomleft: 3px;  
  -webkit-border-radius-top-left: 3px;
  -webkit-border-radius-bottom-left: 3px;
  padding: 4px 6px 2px 9px;
  }
  

.badgy.end .inserted_before span.arrow{
  float: left;  
  width: 10px;
  height: 20px;
  background: url(../../images/stamps.png) top left no-repeat !important;
  }




.badgy.end .inserted_after span.stamp_text{
  background: #a1403c;
  -moz-border-radius-topright: 3px;  
  -moz-border-radius-bottomright: 3px;  
  -webkit-border-radius-top-right: 3px;
  -webkit-border-radius-bottom-right: 3px;
  padding: 4px 9px 2px 6px;
float: right;
  }


.badgy.end .inserted_after span.arrow{
  float: left;  
  width: 10px;
  height: 20px;
  background: url(../../images/stamps.png) left -22px no-repeat !important;
  }