/* div.caldiv DIV - container that contains the whole floating calendar */

div.caldiv {
width:1px; height:1px;
position:absolute;
z-index:3010;
visibility:hidden;
}

/* table.cal contains month input fields on the top
cells in the middle and today date on the bottom*/

table.cal {
padding:0px;
width:200px;
top:0px;
left:0px;
z-index:3011;

text-align:center;
vertical-align:middle;
background-color:#9999dd;
border:3px solid #033859;/**/
font-weight:bold;
}

/* bottom with today date */
table.cal td.bottom
{
text-align:center;
font-weight:normal;
color:#FFFFFF;
font-size:8pt;
font-family:Arial,Helvetica,Sans-Serif;
vertical-align:middle;
cursor:pointer;
}

/* calendar arrow buttons to move along months */

input.arrbtn
{
height:18px;
width:18px;
vertical-align:middle;
text-align:center;
font-size:10pt;
font-weight:bold;
}
/*   
select
{
border:2px solid #000000;
height:22px;
} 
*/
/* table.calend contains 42 calendar cells */

table.calend 
{
font-size:8pt;
width:96%;
font-family:Arial,Helvetica,Sans-Serif; 
}

/* cell with date*/
table.calend  td
{
text-align:center;
padding:3px;
vertical-align:middle;
width:16px;
height:16px;
font-weight:bold;
}


table.calend  tr.week td
{
color:#CCCCCC; 
}

/* normal date */
table.calend  td.plain
{
color:#000055;
background-color:#E6E6E6;
cursor:pointer; 
} 
 
/* padding date */
table.calend  td.pad
{
background-color:#cccccc;
cursor:default;
color:#888888;    
}

/* past date */
table.calend  td.past
{
background-color:#cccccc;
cursor:default;
color:#888888;  
}

/* disabled date */
table.calend  td.disable
{
background-color:#cccccc;
cursor:default;  
}

/* current date */
table.calend  td.select
{
color:#ee0000;
background-color:#ffffcc;
cursor:pointer;  
}

td.highlight
{
background-color:#ffffcc!important;
}