ul#yearchoice{
  margin: 20px 0; 
  padding: 0;
  background-color: #ccc;
  
  
  
}

ul#yearchoice li{
  margin: 0; 
  padding: 0;
  display: inline;
  
  
  
}

ul#yearchoice li a{
  width: 150px;
  display: block;
  background-color: #891901;
  float: left;
  margin: 0 5px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  
  
  
}

ul#yearchoice li a:hover{ 
  background-color: #FF8F8F;  
}


#year-wrapper{
 width: 100%;
 float: left;
 padding-top: 10px;

}

.cal_wrapper{ 
  width: 220px;
  float: left;
  height: 280px;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-right: 10px;
 
  
}
table.d{
   background-color: #fff;
   float: left;
   padding:1px;
   font-size: 12px;
   
   
   
  
   
}

table.d TD{
   background-color: #E3E3E3;
   width: 30px;
   height: 30px;
   text-align: center;
   padding: 0;
   
}
table.d Th{ 
  
   height: 30px;
   text-align: center;
   line-height: 30px;
   background-color: #1D2937;
   color: #fff;
   border-bottom: 2px solid #FF9C03;
   
  
   
}

table.d span.available{
  background-color: #C4EFC2;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  cursor: hand;
   cursor: pointer;
}

table.d span.available:hover{
  background-color: #9EE49A;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  cursor: hand;
   cursor: pointer;
}


table.d span.booked{
   background-color: #FF9C03;
   display: block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   color: #fff;
   text-decoration: none;
   cursor: hand;
   cursor: pointer;

   
   
}

table.d span.booked_start{
   background-color: #34B4D1;
   display: block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   color: #fff;
   text-decoration: none;
   cursor: hand;
   cursor: pointer;

   
   
}

table.d span.pass_day{
   background-color: #ccc;
   display: block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   color: #fff;
   text-decoration: none;
   
  

   
   
}


table.d th.top{
  background-color: #303656;
  color: #fff;
}



.legend {  line-height:15px;}

.legend span { width:12px; height:13px; float:left; clear:both; margin-right:6px;  }
.legend span.available{background-color: #34B4D1;}
.legend span.booked{background-color: #34B4D1;}
.legend span.booked_start{background-color: #FF9C03;}