Ajax Training, Learn Ajax Video Tutorials Online, Ajax Examples

#calendar {
position: absolute;
top: 200px;
right: 200px;
z-index: 10000000000000;
border: 4px solid #ECECEC;
width: 250px;
background-color: #FFFFFF;
overflow: hidden;
display: none;
}

#calendar div.calendarheader {
cursor: move;
}

#calendar div img {
float: left;
margin-left: 4px;
}

#calendar div img.close {
float: right;
cursor: pointer;
margin-right: 4px;
}

#calendar table.th td {
font: normal 12px arial;
color: #333333;
}

#calendar table.th td a:link, #calendar table.th td a:visited {
display: block;
height: 16px;
border-bottom: 1px solid #DDDDDD;
width: 18px;
font: normal 12px arial;
color: #333333;
text-align: center;
text-decoration: none;
}

#calendar table.wd, #calendar table.mwd {
width: 100%;
}

#calendar table.wd td div {
border: 1px solid #EFEFEF;
border-bottom-color: #C1D8FF;
background-color: #EFF5FF;
text-align: center;
padding: 2px;
width: 22px;
font: bold 11px arial;
color: #333333;
}

#calendar table.wd td div.we {
background-color: #EEEEEE;
color: #666666;
}

#calendar table.mwd td a {
display: block;
border: 1px solid #EFEFEF;
padding: 2px;
width: 22px;
font: normal 11px arial;
color: #333333;
text-decoration: none;
text-align: center;
}

#calendar table.mwd td a.ctoday {
background-color: red;
}

#calendar table.mwd td a:hover {
background-color: #FF6600;
text-decoration: underline;
}

#calendar form {
margin: 0px;
padding: 0px;
border: 0px;
}

#calendar form div {
margin: 4px;
padding: 4px 0px;
text-align: center;
background-color: #F4F4F4;
}

#calendar form select {
font-size: 9px;
}

div.calendarheader {
margin: 0px;
background-image: url("../img/header_bg.gif");
background-repeat: repeat-x;
height: 18px;
border-bottom: 1px solid #D3E2F4;
padding-top: 2px;
}

div.calendarheader span {
padding-left: 8px;
font: bold 12px arial;
color: #00368F;
}