/* Calendar */

#calendardiv{
	visibility : hidden;
	position:absolute;
	border:1px solid navy;
	line-height:18px;
	z-index:100;
	width:147px;
	color: #000000;
	background-color: #ffffff;
}

#calendardiv th              {font-weight: normal; height: 20px; background-color: #e2e2e2; color: #ffffff; border:1px solid #ffffff;}
#calendardiv td.top          {width:70px; font-weight: normal; height: 20px; background-color: #e9e9e9; color: #000; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
#calendardiv td              {width:20px; height: 20px; background-color: #f6f5f5; border:1px solid #ffffff; color: #e9e9e9;}
#calendardiv td.empty        {width:20px; height: 20px; background-color: #ffffff; border:1px solid #ffffff;}
#calendardiv form            {padding: 0px; margin: 0px;}
#calendardiv input           {text-align: center}
#calendardiv a:link          {text-decoration: none; color: #000;}
#calendardiv a:visited       {text-decoration: none; color: #000;}
#calendardiv a:hover         {text-decoration: underline; color: #000;}

#calendardiv table.calendar td a {
    display: block;
}

#calendardiv table.calendar td a:hover {
    color: #f13c42;
}

#calendardiv table.calendar td.selected a {
    display: block;
    background-color: #f13c42;
}

#calendardiv table.calendar td.selected a:hover {
   color: #ffffff;
}

#calendardiv table.calendar td.top a {
   display: inline;
    color: #000000;
}

#calendardiv table.calendar td.top a:hover {
    color: #000000;
}

#calendardiv select {
    vertical-align: middle;
}

#calendardiv table.calendar {
    width: 100%;
}

#calendardiv table.calendar td {
    text-align: center;
}

#calendardiv table.calendar th {
    text-align: center;
    background-color: #e2e2e2; color: #000000;
}

#calendardiv table.calendar td.selected {
    text-align: center;
    background-color: #f13c42;
}

#calendardiv form.clock {
    text-align: center;
}