/* Default attributes of table container for entire calendar */
.table-style {
	font-family: Arial;
	font-size: 10px;
	border-width: 1; 
	border-style: solid; 
	border-color: #000000; 
	background-color: #FFFFFF;
	font-family: arial; 
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.div-style {
	z-index: +999;
	position: absolute;
	visibility: hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.title-style {
	padding: 2px;
	font-family: Arial;
	font-size: 10px;
	color: #000000;
}

/* Default attributes used in calendar title background.*/
.title-background-style {
	background-color: #394D6B;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style {
	font-family: Arial;
	font-size: 10px;
	cursor: pointer;
    color: red;
	
}

/* Moused-over (selected) appearance of controls in calendar title. */
.title-control-select-style {
	font-family: Arial;
	font-size: 10px;
	cursor: pointer;
	
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style {
	font-family: Arial;
	font-size: 10px;
	border-width: 1;
	border-style: solid;
	border-color: #000000;
	background-color: #FFFFFF;
	cursor: pointer;
	color: #000000;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-select-style {
	font-family: Arial;
	font-size: 10px;
	background-color: #0A246A;
	color: #000000;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.dropdown-normal-style {
	font-family: Arial;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
}

/* Default attributes of calendar body (weekday titles and numbers). */
.body-style {
	padding: 5px;
	background-color: #CECFCE;
	font-family: Arial; 
	font-size: 10px;
}

/* Attributes of current day in calendar body. */
a.current-day-style:link{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a.current-day-style:visited{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
a.end-of-weekday-style:link {
	color: RED;
	text-decoration: none;
}
a.end-of-weekday-style:visited {
	color: RED;
	text-decoration: none;
}

/* Attributes of all other days in calendar body. */
a.normal-day-style:link {
	color: black;
	text-decoration: none;
}
a.normal-day-style:visited {
	color: black;
	text-decoration: none;
}
a.normal-day-style:hover {
	color: red;
	text-decoration: none;
}
/* Attributes of border around selected day in calendar body. */
.selected-day-style {
	border: 1px solid #000000;
	width:25px;
}

/* Default attributes of designated holidays. */
.holiday-style {
}

/* Attributes of today display at bottom on calendar */
.time-style {
	padding: 2px;
	background-color: #ADB2BD;
	font-family: Arial;
	font-size: 10px;
	color: #000000;
}

.today-style {
	padding: 0px;
	background-color: #394D6B;
	text-align: center;
	text-decoration: none;
	font-family: Arial
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
a.today-style:link{
	padding: 0px;
	color: #F78A00;
	text-align: center;
	text-decoration: none;
}
a.today-style:visited{
	padding: 0px;
	color: F78A00;
	text-align: center;
	text-decoration: none;
}

/* Attributes of week number division (divider.gif) */
.weeknumber-div-style {
	background-color: #d0d0d0; 
	padding: 0px;
}


#spanMonth{
    height:15px;
	border: 1px groove #999999;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 10px;
}

#spanAmPm{
	height:15px;
	border: 1px groove #999999;
	color: #000000;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 10px;
}


#spanYear{
    font-family: Arial;
	font-size: 10px;
	height:15px;
	border: 1px groove #999999;
	color: #000000;
	background-color: #FFFFFF;
}
table.list td {
	text-align: center;
	height: 1em;
}
