.calendarBox {
	        font-family: tahoma;
        font-size: 12px;
		position: relative;
		margin: 15px auto;
		padding: 8px;
		width: 254px;
		background-color: #eee;
	}

	.calendarFloat {
		float: left;
		width: 31px;
		line-height:25px;
		height: 25px;
		margin: 1px 0px 0px 1px;
		padding: 1px;
		border: 1px solid #000;
        text-align: center;

	}
    .label {
		color: #fff;
		font-weight:bold;
        background-color: #2857b5;
		border: none;
		padding: 1px 2px;
		line-height:normal;
    }

    .today {
		font-weight:bold;
		    }
    .available {
        background-color: #85c329;
    }
    .pending {
        background-color: #ead237;
    }
    .booked {
        background-color: #d02e2e;
    }
	.weekend {
        background-color: #fff;
    }
    .other {
	color: #999;
	background-color: #eee;
	border: 1px solid #999;
    }
	
ol.legend {
	margin: 5px 0;
	padding: 5px 0 15px 0;
}

ol.legend li {
	float:left;
	list-style:none;
	line-height: 20px;
	height: 20px;
	margin: 0 0 0 9px;
	padding: 0 7px 0 24px;
}

#available {
	background:url(../images/a.gif) left no-repeat;
}

#booked {
	background:url(../images/b.gif) left no-repeat;
}

#pending {
	background:url(../images/p.gif) left no-repeat;
}