/* div.title {
    font: x-large Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    height: 40px;
    background-color: white;
    color: black;
    } */
/*div.footer {
    font: small Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    }*/
.calendar {
	width:202px;
	float:left;
	margin-left:20px;
	margin-bottom: 25px;
	height:180px;
}
.calendar .table-title {color:#3d3d3d;text-align:center;font-size:14px;margin-bottom: 10px;}
.calendar table {
    font: 12pt Verdana, Arial, Helvetica, sans-serif;
    table-layout: fixed;
    border-collapse: collapse;
	color:#3d3d3d;
	width:202px;
    }
.calendar th {
    padding: 5px;
    text-align: center;
    color:#3d3d3d;
	border-bottom:1px solid #e7496c;
    }
.calendar td  {     
    width: 14%; 
    text-align: center;
	border-bottom:1px solid #e5e5e5;
    }
	
.calendar .date  {     
	font-size: 12px;
	width:21px;
	height:21px; 
    text-align: center;
	display: block;
	margin:1px auto;
	line-height: 21px;
}
.calendar .date.sel {background: #fff url(images/calendal_sel.png) no-repeat;color:#fff;}
	
.calendar .first-line .date {margin-top:7px;}
	
.calendar .last-line td {border:none;}
.calendar .sun {
     color:red;
     }
/* Hide the month element (coming in future release) */
.calendar th.month {
    visibility: hidden;
    display:none;
    }