@charset "UTF-8";


#container{
	padding-top:20px;
	width:500px;
	margin:0 auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
}



.zebra th{
  color: #fff;
  font-size: 11px;
  padding: 6px 15px;
  background: #878787;
  text-align:left;
  border-spacing:0;
  width:100%;

}

.zebra {
    border: 1px solid #BDC2C7;
}

.zebra td {
    border-left: 1px dotted #BDC2C7;
    border-top: 1px solid #BDC2C7;
    padding: 1px;
    text-align: center;    
    font-weight:normal;
}

.zebra th, .zebra th:hover  { color: #fff !important; font-weight: normal; background-color: #94999c !important; padding: 1px; border-bottom: 1px solid #bdc2c7; border-left: 1px solid #bdc2c7 }

.zebra tbody tr:nth-child(even)  { color: #666; background: #fff !important }

.zebra tbody tr:hover *{
    background: #55CBF2;
	color:#fff;
	font-weight:normal;
}

.zebra tr  { color: #666; background: #dde2e6 }