.main {
width:200px;
border:1px solid black;
}
.main0 {
width:150px;
border:1px solid black;
}

.month {
background-color:black;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {					/* for Unknown */
font-size: 12px;
font-family:verdana;
color:black;
background-color: #FFFFFF;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

.non-days {					
font-size: 12px;
font-family:verdana;
color:black;
background-color:#FFFFCC;
padding: 2px;
}

.non-days #today{
font-weight: bold;
color: red;
}
/*------------------------------------------------ my colors --------------------------------------------------*/

.available {
font-size: 12px;
font-family:verdana;
color:black;
background-color:#D8FF82;
padding: 2px;
}

.available #today{
font-weight: bold;
color: red;
}

.unavailable {
font-size: 12px;
font-family:verdana;
color:black;
background-color:#F0BFB7;
padding: 2px;
}

.unavailable #today{
font-weight: bold;
color: red;
}

.offer {
font-size: 12px;
font-family:verdana;
color:black;
background-color:#B3B3FF;
padding: 2px;
}

.offer #today{
font-weight: bold;
color: red;
}