.calendar {
  margin : 20px auto;
  border : 1px solid #062f5a;
  border-collapse : collapse;
  background-image : url(images/blue_background_op_10.png);
  color : #062f5a; /*Dark Blue*/
}

.day {
  text-align : left;
  vertical-align : top;
  width : 50px;
  height : 60px;
  border : 1px solid #062f5a;
}

.carolina {
  background-color : green;
}

.day.title {
  text-align : center;
  vertical-align : middle;
  height : 13px;
}

.dayno {
  /*padding : 2px 0px 0px 2px;*/
  width : 10px;
  height : 10px;
  font-size : 12px;
}


.units {
  margin : 0px 0px 0px 15px;
  height : 35px;
  width : 35px;
  /*border : 1px solid black;*/
  font-size : 14px;
}

.unit1, .unit2, .unit5, .unit6{
  float : left;
  margin : 1px 1px 3px 0px;
  width : 14px;
  height : 14px;
  text-align : center;
  vertical-align : bottom;
  border-radius : 3px;
  border : 1px solid #062f5a;
  padding: 2px;
}

.unit7{
  display : inline-block;
  margin : 1px 1px 0px 45px;
  width : 14px;
  height : 14px;
  text-align : center;
  vertical-align : bottom;
  border-radius : 3px;
  border : 1px solid #062f5a;
}

.header_text{
  margin-right : 50px;
}

.occupied {
  background-color : #ea7825;   /* Dark Orange */
  /*#fcdac6*/   /*really pale orange */
  /*background-color : rgb(192,224,192);*/
}

.vacant {
  background-color : #fab592;
  /*background-color : rgb(25,127,1);*/
}

.month_links {
  display : block;
  float : right;
  text-align : left;
  position : relative;
  top : 10px;
  right : 165px;
  /*background-color : silver;*/
}

.month_links a {
  display : block;
  margin : 10px;
  width : 100px;
}

a.active {
  color : #062f5a; /*Dark Blue*/
}

a.active:hover {
  color : #ea7825;   /* Dark Orange */
}

#calendar_prev {
  background-image : url(images/arrow_left_blue.png);
  background-repeat : no-repeat;
  background-position : left;
  float : left;
  display : block;
  height : 20px;
  width : 40px;

}

#calendar_prev:hover {
  background-image : url(images/arrow_left_orange.png);
  background-repeat : no-repeat;
  background-position : left;
}

#calendar_next {
  background-image : url(images/arrow_right_blue.png);
  background-repeat : no-repeat;
  background-position : right;
  float : right;
  display : block;
  height : 20px;
  width : 40px;
}

#calendar_next:hover {
  background-image : url(images/arrow_right_orange.png);
  background-repeat : no-repeat;
  background-position : right;
}