/*.eventpopup {
  BACKGROUND-COLOR: #FFFFFF;
  position: absolute;
  top: 0px;
  left: 0px;
  WIDTH: 200px;
  visibility: hidden;
  border: thin solid #000000
}

.popuptimetitle {
  BACKGROUND-COLOR: #336699;
  FONT-SIZE: 10px;
  color: #FFFFFF;
  font-weight: bold
}

.popuptimeevent {
  FONT-SIZE: 10px;
}

.popupevent {
  FONT-SIZE: 10px;
}

.eventcell{
  BORDER-RIGHT: #4e83df 1px solid;
  BORDER-TOP: #4e83df 1px solid;
  FONT-SIZE: 10px;
  FLOAT: left;
  MARGIN: 1px;
  BORDER-LEFT: #4e83df 1px solid;
  WIDTH: 16px;
  BORDER-BOTTOM: #4e83df 1px solid;
  HEIGHT: 16px;
  TEXT-ALIGN: center
}
.eventcell {
  CURSOR: pointer;
  BACKGROUND-COLOR: #c7e7fc
}

.noeventcell {
  BORDER-RIGHT: #4e83df 1px solid;
  BORDER-TOP: #4e83df 1px solid;
  FONT-SIZE: 10px;
  FLOAT: left;
  MARGIN: 1px;
  BORDER-LEFT: #4e83df 1px solid;
  WIDTH: 16px;
  BORDER-BOTTOM: #4e83df 1px solid;
  HEIGHT: 16px;
  TEXT-ALIGN: center
}

.cellTitle {
	BORDER-RIGHT: #4e83df 1px solid;
    BORDER-TOP: #4e83df 1px solid;
    FONT-SIZE: 10px;
    FLOAT: left;
    MARGIN: 1px;
    BORDER-LEFT: #4e83df 1px solid;
    WIDTH: 16px;
    BORDER-BOTTOM: #4e83df 1px solid;
    HEIGHT: 16px;
    TEXT-ALIGN: center
}

.cellMonthTitle {
	BORDER-RIGHT: #4e83df 1px solid;
    BORDER-TOP: #4e83df 1px solid;
    FONT-SIZE: 10px;
    FLOAT: left;
    MARGIN: 1px;
    BORDER-LEFT: #4e83df 1px solid;
    WIDTH: 104px;
    BORDER-BOTTOM: #4e83df 1px solid;
    HEIGHT: 16px;
    TEXT-ALIGN: center
}

.noeventcell {
	CURSOR: pointer;
    BACKGROUND-COLOR: #fdfdfd
}

.todayCell {
	BORDER-RIGHT: #4e83df 1px solid;
    BORDER-TOP: #4e83df 1px solid;
    FONT-SIZE: 10px;
    FLOAT: left;
    MARGIN: 1px;
    BORDER-LEFT: #4e83df 1px solid;
    WIDTH: 16px;
    BORDER-BOTTOM: #4e83df 1px solid;
    HEIGHT: 16px;
    TEXT-ALIGN: center
}
.todayCell {
    BACKGROUND-COLOR: #fce05b;
    cursor: pointer;
}

.monthDayCell {
    border: 1px solid black;
    width: 112px;
    height: 100px;
}

.monthNoEventCell {
    border: 1px solid black;
    width: 112px;
    height: 100px;
}

.monthNoneCell {
    border: 1px solid black;
    background-color: #dddddd;
    width: 112px;
    height: 100px;
}

.monthCellTitle {
    border: 1px solid black;
    height: 30px;
    font-size: 20px;
    font-weight: bold;
}

.monthDayCellTitle {
    border: 1px solid black;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
}
*/
/***********************************************
 * calendar
 **********************************************/

#calendar {
  float: left;
  width: 340px;
  font-size: 10px;
  text-align: center;
  color: #1e243c;
}

#dates {
  float: left;
  margin: 0 0 0 90px;
  width: 161px;
  /*border-right: 2px solid #336e23;*/
}

#calendar a {
  color: #000;
}

#calendar .cellMonthTitle {
  float: left;
  width: 95px;
  height: 22px;
  padding: 5px 0 0 0;
  background-color: #336e23;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

#calendar .cellBack, #calendar .cellForward {
  float: left;
  width: 33px;
  height: 22px;
  padding: 5px 0 0 0;
  background-color: #336e23;
  font-weight: bold;
}

#calendar .cellMonthTitle a, #calendar .cellBack a, #calendar .cellForward a {
  color: #fff;
  font-size: 13px;
}

#calendar .cellDay {
  float: left;
  width: 23px;
  height: 23px;
  padding: 5px 0 0 0;
  background-color: #336e23;
  color: #fff;
  font-weight: bold;
}

#calendar .blankcell, #calendar .noeventcell, #calendar .prelimcell, #calendar .bookedcell,
#calendar .clearbookedcell, #calendar .clearprelimcell, #calendar .bookedclearcell,
#calendar .prelimclearcell, #calendar .bookedprelimcell, #calendar .prelimbookedcell {
  float: left;
  width: 21px;
  height: 17px;
  padding: 4px 0 0 0;
  border: 1px solid #fff;
  font-size: 10px;
  font-weight: bold;
}

#calendar .blankcell {
  background-color: #e2e2e2;
}

#calendar .noeventcell {
  background-color: #dff3d8;
}

#calendar .prelimcell {
  background-color: #00f;
  color: #fff;
}

#calendar .bookedcell {
  background-color: #f00;
  color: #fff;
}

#calendar .clearbookedcell {
  background-image: url(../img/clear-booked.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  color: #fff;
}

#calendar .clearprelimcell {
  background-image: url(../img/clear-prelim.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  color: #fff;
}

#calendar .bookedclearcell {
  background-image: url(../img/booked-clear.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  color: #fff;
}

#calendar .prelimclearcell {
  background-image: url(../img/prelim-clear.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  color: #fff;
}

#calendar .bookedprelimcell {
  background-image: url(../img/booked-prelim.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  color: #fff;
}

#calendar .prelimbookedcell {
  background-image: url(../img/prelim-booked.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  color: #fff;
}

#prices {
  float: left;
  width: 99px;
}

#prices .header {
  float: left;
  width: 99px;
  height: 54px;
  padding: 10px 0 0 0;
/*  background-color: #336e23;*/
  background-color: #fff;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

#prices .cost {
  float: left;
  width: 99px;
  height: 26px;
  padding: 10px 0 0 0;
  border: 1px solid #fff;
  background-color: #dff3d8;
}