.year {
	background-color: white;
	text-align: center;
}


table.month {
     border:4px solid #FFFFFF; background-color: #FAF7BF;    
     width: 237px; height:161px;
     float: left; position:relative 
}
.yearname {
    text-align: center;
     font-size: 20px;
     font-weight: bold;
}


.monthname {
    border-style:solid; border-width:1px; text-align: center;
     font-size: 13px;
     background-color: #FFE09F;padding-left:4; padding-right:4; padding-top:1; padding-bottom:1; color:#000000; font-weight:bold
}
.monthname a {
    padding:0; text-align: center;
     font-size: 13px;
     color:#000000; font-weight:bold
}

.monthname a:visited {
    font-size: 13px; font-weight:bold; color:#000000
}

.monthname a:hover {
    font-size: 13px; font-weight:bold; color:#666666
}


.yearnavigation {
    background-color: white;
}
.monthnavigation {
    border:1px solid #FFFFFF; text-align: center; background-color: #FFE09F; color:#000000 
}

.monthnavigation a {
    text-align: center; background-color: #FFE09F; color:#000000 
}

.monthnavigation a:hover {
    text-align: center; background-color: #FFE09F; color:#666666; font-weight:bold 
}


.datepicker {
    background-color: #ffffff;
}
.datepickerform {
    margin: 0px;
}
.monthpicker {
    
}
.yearpicker {
    background-color: #eeeeee;
}
.pickerbutton {
    background-color: #eeeeee;
    border-style: none;
}
.dayname  {
    border-style:solid; border-width:1px; text-align: center; font-weight:bold; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1; 
    
}
.nomonthday {
    width: 25px
}
.monthday {
    text-align: center;
	width: 25px;
    padding: 0;
    font-size: 11px
}

table.month td {
    padding:0; 
}

table.month td.monthday, 
table.month td.sunday,
table.month td.saturday {
    text-align: center;
    border: 1px solid #C0C0C0;
    padding: 0px
}

table.month td.event {
	text-align: center;
	width: 25px;
    border: 1px solid #000000;
    background-color: #FF9966;font-weight:bold
}

table.month td.event a {
	text-align: center;
	color: #000000;
    width: 25px;
    font-weight:bold
}

table.month td.event a:hover {
	text-align: center;
	color: #FFFFFF;
    width: 25px;
    font-weight:bold
}

table.month td.event a:visited {
	text-align: center;
	width: 25px;
    font-weight:bold
}

table.month td.today {
    border:1px solid #000000; text-align: center;
    width: 25px;
    padding-left:4; padding-right:4; padding-top:1; padding-bottom:1; font-weight:bold
}
.selectedday {
    text-align: center;
    width: 25px;
    border: 1px solid #000000;; font-weight:bold; background-color:#CCCCCC
}
table.month td.selectedday {
    text-align: center;
    width: 25px;
    border: 1px solid #000000;
}
table.month td.selectedevent {
    text-align: center;
	color: #FFFFFF;
	width: 25px;
	background-color: #FF0000;
	border: 2px solid #000000;
	padding: 0px; font-weight:bold
}
table.month td.selectedevent a {
    display: block; color:#000000; font-weight:bold
}

table.month td.selectedevent a:hover {
    display: block; color:#FFFFFF; font-weight:bold
}

table.month td.selectedevent a:visited {
    display: block; font-weight:bold
}

.sunday {
    text-align: center;
    width: 25px;
    background-color: #6699FF;
    font-size: 11px; color:#FFFFFF
}
.sunday a {
}
  
.saturday {
    text-align: center;
    width:20px;
    background-color: #99CCFF;
    font-size: 11px; color:#FFFFFF
}
.saturday a {
  
}
td.event {
	text-align: center;
	color: black;
    width: 25px;
    border: 1px solid #FAF7F7;
}
td.month .event a {
	color: black;
	display: block;
}
.todayevent {
    text-align: center;
	color: black;
    background-color: #ffff99;
    width: 25px;
}
table.month td.todayevent {
    border:2px solid #000000; text-align: center;
	background-color: #FF0000;font-weight:bold; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1
}
.todayevent a {
    color: #000000;
	display: block; font-weight:bold
}
.todayevent a:hover {
    color:#FFFFFF; font-weight:bold
}
.eventcontent {
    font-size: 10px;
    border-style: outset;
    border-width: 1px;
}


/**
 * Style sheet for CalendarPickerControl
 * System-colors theme
 * A pseudo-patched version for mozilla in linux (where captiontext and active caption
 * are defined as buttonface and black always)
 */

div.calendarbutton{
	position: absolute;
	width: 15px;
	height: 16px;
	/*background: transparent url("calendar_icon.png") no-repeat center;*/
}

#CalendarPickerControl{
	background-color: transparent;
	width: 250px;
	height: 200px;
}

#CalendarPickerControl table.calframe{
	width: 100%;
	border: 1px solid black;
	background-color: buttonface;
	text-align: center;
}

#CalendarPickerControl td.monthname{
	width: 100%;
	font: normal 13px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl table.navigation{
	width: 100%;
	text-align: center;
}

#CalendarPickerControl td.navbutton{
	font: normal 11px Verdana;
	color: buttontext;
	font-weight: bold;
	background-color: buttonface;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
	cursor: pointer;
}

#CalendarPickerControl td:hover.navbutton{
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight  threeddarkshadow;
	background-color: buttonshadow;
}

#CalendarPickerControl span.yearbutton{
	cursor: pointer;
}

#CalendarPickerControl span:hover.yearbutton{
	text-decoration: underline;
}

#CalendarPickerControl td.dayname{
	font: normal 11px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl td.today{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: red;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td:hover.today{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current{
	font: normal 11px Verdana;
	font-weight: bold;
	background-color: highlight;
	color: highlighttext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td:hover.current{
	text-decoration: underline;
}

#CalendarPickerControl td.day{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: buttontext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td:hover.day{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.weekend{
	font: normal 11px Verdana;
	color: buttontext;
	text-decoration: none;
	background-color: threedshadow;
	font-style: italic;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight threeddarkshadow threeddarkshadow buttonhighlight;
}

#CalendarPickerControl td:hover.weekend{
	background-color: buttonshadow;
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color: buttonhighlight;
	color: inactivecaptiontext;
	border: 1px solid buttonhighlight;
}

#CalendarPickerControl td.weeknumber{
	font:normal 9px Verdana;
	background-color: buttonface;
	color: inactivecaptiontext;
	border-width: 0px;
}