.countDailyTable
{  border-radius: 6px;
   border: 1px solid rgba(128,0,0,0.3); 
   background-color:  transparent; /* #F9EBD0; */
   background-image: none;
   border-collapse: separate;
   width: 100%; 
}

.countDailyTable tbody
{ height: 212px;
}

.countWeeklyTable
{  border-radius: 6px;
   border: 1px solid rgba(128,0,0,0.3); 
   background-color:  transparent; /* #F9EBD0; */
   background-image: none;
   border-collapse: separate;
   width: 100%; 
}

.countWeeklyTable tbody
{ height: 190px;
}

thead {
  display: block;
  border-spacing: 8px 4px; /* spacing between cells */  
}

tbody {
  display: block;
  border-spacing: 8px 4px; /* spacing between cells */
  overflow-y: auto;  
  overflow-x: hidden;
}

.cellSpacing0
{ border-spacing: 0px !important;	
}
.cellpaddingLeft0
{ padding-left: 0px !important;
}

.textTruncate
{ overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.textClip
{ overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.width10
{ max-width: 10px; 
  width: 10px; }
.width16
{ max-width: 16px; 
  width: 16px; }
.width20
{ max-width: 20px; 
  width: 20px; }
.width26
{ max-width: 26px; 
  width: 26px; }
.width30
{ max-width: 30px; 
  width: 30px; }
.width33
{ max-width: 33px; 
  width: 33px; }
.width40
{ max-width: 40px;
  width: 40px; }
.width50
{ max-width: 50px;
  width: 50px; }
.width60
{ max-width: 60px;
  width: 60px; }
.width65
{ max-width: 65px;
  width: 65px; }
.width70
{ max-width: 70px;
  width: 70px; }
.width75
{ max-width: 75px;
  width: 75px; }
.width80
{ max-width: 80px;
  width: 80px; }
.width90
{ max-width: 90px;
  width: 90px; }
.width100
{ max-width: 100px;
  width: 100px; }
.width110
{ max-width: 110px;
  width: 110px; }
.width120
{ max-width: 120px;
  width: 120px; }
.width130
{ max-width: 130px;
  width: 130px; }
.width140
{ max-width: 140px;
  width: 140px; }
.width200
{ max-width: 200px;
  width: 200px; }
.width210
{ max-width: 210px;
  width: 210px; }
.width220
{ max-width: 220px;
  width: 220px; }
.width230
{ max-width: 230px;
  width: 230px; } 
.width240
{ max-width: 240px;
  width: 240px;  }
.width250
{ max-width: 250px;
  width: 250px;  }
.width260
{ max-width: 260px;
  width: 260px;  }
.width270
{ max-width: 270px;
  width: 270px;  }
.width280
{ max-width: 280px;
  width: 280px;  }  
.width300
{ max-width: 300px; 
  width: 300px; }
.width320
{ max-width: 320px; 
  width: 320px; }
.width340
{ max-width: 340px;
  width: 340px; }
.width350
{ max-width: 350px;
  width: 350px; }
.width400
{ max-width: 400px;
  width: 400px; }

.headerCells
{  background-color: rgba(253,247,234,1); /* powder brown */
   background-image: none;

   border-radius: 6px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-bottom: 1px solid rgba(128,0,0,0.5);  

   text-align: center;
   vertical-align: middle;

   font-family: Arial;
   font-size: 13px;
   color: #654321; 
   line-height: 20px;
  
   padding: 0px 0px 0px 2px;  /*  top, right, bottom, left */
}

.dataCells
{
  vertical-align: middle;
  font-family: Arial;
  font-size: 13px;
  line-height: 20px;
}

/* --- */
.dataLeft
{ text-align: left;
/*  border-bottom: 1pt solid white; */
}
.dataCentre
{ text-align: center;
}
.dataRight
{ text-align: right;
}
.headsColor
{  color: #0CC162;
   font-weight: bold;
}
.tailsColor
{  color: #654321;
   font-weight: bold;
}
.defaultColor
{  color: silver;
   font-weight: normal;
}

.smallSpike
{
/*	background-color: yellow; */
/*  color: red; */
  font-weight: normal;
  border-radius: 8px;
  border: 1px solid gray;
}
.bigSpike
{ 
/* background-color: red; */
/*  color: white; */
  font-weight: normal;
  border-radius: 8px;
  border: 2px solid red;
}

.rowSelect
{  border-bottom: 1pt solid silver !important;
}