#calendar {
padding:10px 0;
width:100%;
}
#calendar form {
margin:0;
padding:0;
}
#calendar table {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
width:100%;
}
#calendar th.left {
color:#666666;
font-size:11px;
font-weight:bold;
height:19px;
padding-left:7px;
text-align:left;
}
#calendar th.left span {
color:Red;
font-weight:bold;
}
#calendar tr.date td {
background-color:#f6dba5;
height:19px;
padding:0 7px;
}
#calendar tr.date td.date {
padding-right:0;
}
#calendar select {
border:1px solid #666666;
color:#000000;
width:80px;
}
#calendar select.year {
border-left:1px solid #FFFFFF;
width:58px;
}
#calendar tr.date td.input {
padding-left:0;
padding-right:7px;
text-align:right;
}
#calendar td.input input {
color:#FFFFFF;
font-size:15px;
width:19px;
}
#calendar input {
height:19px;
}
#calendar .grid {
padding:7px;
}
#calendar .grid table {
background-image:none;
}
#calendar .grid th {
background-color:#f6dba5;
color:#9A4816;
font-weight:normal;
height:18px;
width:14%;
}

#calendar .grid td {
background-color:#fff1d6;
color:#000000;
}
#calendar .grid td.out {
background-color:transparent;
}
#calendar .grid td a, #calendar .grid td span {
color:#CCCCCC;
display:block;
font-size:10px;
height:18px;
line-height:18px;
text-align:center;
text-decoration:none;
}
#calendar .grid td a {
color:#00699A;
font-weight:bold;
}
#calendar .grid td a:hover {
color:Red;
}
#calendar .grid td.out a.weekend, #calendar .grid td.out span.weekend {
}
#calendar .grid a.weekend {
color:Red;
}
#calendar .grid span.weekend {
color:#F0D28A;
}
#calendar .grid td.active a, #calendar .grid td.active span {
border:1px solid #e9cb8f;
}
#calendar .grid .active a, #calendar .grid .active a:hover, #calendar .grid .active span {
color:#000000;
}
th.weekend{background-color:#F0CC7A!important; color:#fff!important;}