/* Calendar Chooser Div Specific Styles */
/* Things to keep in mind when modifying the Calender Chooser styles:
1) Cellspacing is not overrideable via CSS. Whatever style is set on the table stays.
2) If you change the background color of the table, and want to drop the border, either change the border width to zero or change
	the border color to match the background color.
3) If you change the border width of the table cell styles the chooser will render at different sizes for different months. Styles other
	than the calChooserHeading styles all need to have the same border size. If you want there to be no border, just make the border
	color the same as the background-color.
*/
div.calChooser { position: absolute; width: 300px; height: 150px; z-index: 1000; top: 0px; left: 0px; }
table.calChooser { background-color: white; border: 1px solid black; }
td.calChooserHeading { font-family: Verdana; font-size: 11px;	color: black; background-color: white;	border: 0px solid white; }
th.calChooserHeading { font-family: Verdana; font-size: 11px;	color: black; background-color: white;	border: 0px solid white; }
td.calChooser { font-family: Verdana; font-size: 10px;		color: black; background-color: white; border: 1px solid #C0C0C0; }
th.calChooser { font-family: Verdana; font-size: 10px;		color: black; background-color: white; border: 0px solid white; }
a.calChooser:link    { color: #336699; text-decoration: none; }
a.calChooser:visited { color: #336699; text-decoration: none; }
a.calChooser:hover   { color: #588dc2; text-decoration: none; }
a.calChooser:active  { color: #336699; text-decoration: none; }

td.calChooserToday { font-family: Verdana; font-size: 10px; 	color: black; background-color: yellow; border: 1px solid black; }
a.calChooserToday:link    { color: #00366C; text-decoration: none; }
a.calChooserToday:visited { color: #00366C; text-decoration: none; }
a.calChooserToday:hover   { color: #00366C; text-decoration: none; }
a.calChooserToday:active  { color: #00366C; text-decoration: none; }
  
td.calChooserSelected { font-family: Verdana; font-size: 10px;	color: black; background-color: #FF8000; border: 1px solid black; }
a.calChooserSelected:link    { color: #00366C; text-decoration: none; }
a.calChooserSelected:visited { color: #00366C; text-decoration: none; }
a.calChooserSelected:hover   { color: #00366C; text-decoration: none; }
a.calChooserSelected:active  { color: #00366C; text-decoration: none; }
  
td.calChooserExpired { font-family: Verdana; font-size: 10px; text-decoration: line-through; color: red; background-color: gray; border: 1px solid black; }
a.calChooserExpired:link    { color: red; text-decoration: line-through; }
a.calChooserExpired:visited { color: red; text-decoration: line-through; }
a.calChooserExpired:hover   { color: red; text-decoration: line-through; }
a.calChooserExpired:active  { color: red; text-decoration: line-through; }

td.calChooserOtherMonth { font-family: Verdana; font-size: 10px; color: black; background-color: white; border: 1px solid #C0C0C0; }