.pointer{
   cursor: pointer;
}
.background-color{
   background-color: white; 
   border: 1px solid black;
   padding: 5px;
}
.tbl{
   width: 100%;
   line-height: 1.9;
   position: relative;
   margin: 0 0 1px;
   border-collapse: separate;
   border-left: 1px solid #979797;
   border-right: 1px solid #979797;
   border-bottom: 1px solid #bbb;
   border-radius: 0 0 3px 3px;
   -webkit-box-shadow: 1px 0 rgba(0, 0, 0, 0.1), -1px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 1px 0 rgba(0, 0, 0, 0.1), -1px 0 rgba(0, 0, 0, 0.1);
}
.cal-caption {
   width: 100%;
   padding-bottom: 1px;
   line-height: 32px;
   color: black;
   text-align: center;
   text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
   background: #629c2e;
   border-radius: 3px 3px 0 0;
   background-image: -webkit-linear-gradient(top, #89c84d, #629c2e 75%, #548d20);
   background-image: -moz-linear-gradient(top, #89c84d, #629c2e 75%, #548d20);
   background-image: -o-linear-gradient(top, #89c84d, #629c2e 75%, #548d20);
   background-image: linear-gradient(to bottom, #89c84d, #629c2e 75%, #548d20);
   -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.1), inset 0 2px rgba(255, 255, 255, 0.25), 0 1px 3px rgba(0, 0, 0, 0.4);
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.1), inset 0 2px rgba(255, 255, 255, 0.25), 0 1px 3px rgba(0, 0, 0, 0.4);
}
.cldr_button {
 border-radius: 4px;
 background-color: #629c2e;
 border: none;
 color: #FFFFFF;
 text-align: center;
 padding: 3px;
 transition: all 0.5s;
 cursor: pointer;
 margin: 5px;
}

.cldr_button span {
 cursor: pointer;
 display: inline-block;
 position: relative;
 transition: 0.5s;
}

.cldr_button span:after {
 content: '»';
 position: absolute;
 opacity: 0;
 top: 0;
 right: -20px;
 transition: 0.5s;
}

.cldr_button:hover span {
 padding-right: 15px;
}

.cldr_button:hover span:after {
 opacity: 1;
 right: 0;
}