/* ================================
    CSS STYLES FOR Event Calendar
   ================================
*/

body
{
        font-family: Verdana;
}

.calendartooltip
{
	border-right: #000 1px solid;
	padding-right: 5px;
	border-top: #000 1px solid;
	padding-left: 5px;
	font-size: 10px;
	filter: alpha(opacity=80);
	padding-bottom: 5px;
	border-left: #000 1px solid;
	width: 200px;
	color: #000;
	padding-top: 5px;
	border-bottom: #000 1px solid;
	font-family: Arial;
	background-color: #ffd;
	text-align: left;
	moz-opacity: 0.8;
}

.calendar
{
        border-right: lightgrey 1px solid;
        border-top: lightgrey 1px solid;
        font-size: 7pt;
        border-left: lightgrey 1px solid;
        color: black;
        border-bottom: lightgrey 1px solid;
        font-family: Verdana;
	width: 100%;
}

.calendarTitle
{
        font-weight: bold;
        font-size: 9pt;
        color: #000000;
	width: 100%;
	height: 100%;
}
.calendarTitle td
{
        font-weight: bold;
        font-size: 9pt;
        color: #000000;
        /* background-color: #456378; */
}

.calendarNextPrev, .calendarNextPrev a:link
{
        color: #A4B3BD;
        font-size: 8pt;
        padding: 0px .5em;
}

.calendarNextPrev a, .calendarNextPrev a:visited, .calendarNextPrev a:hover
{
        color: #A4B3BD;
        font-size: 8pt;
        padding: 0px .5em;
}

.calendarDayHeader
{
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	background-image: url(bg_gar.jpg);

}

.calendarDay, .calendarDay td
{
        font-size: 7pt;
        color: #000000;
        font-family: Verdana;
        text-align: left;
}

.calendarDay a,
.calendarDay a:visited,
.calendarDay a:hover
{
        color: #0000ff;
        text-align: left;
        font-size: 7pt;
        font-family: Verdana;
}

.calendarOtherMonthDay
{
        color: #808080;
        background-color: gainsboro;
}

.calendarOtherMonthDay a, .calendarOtherMonthDay a:visited, .calendarOtherMonthDay a:hover
{
        color: #8080c0;
        background-color: gainsboro;
}


.calendarWeekendDay
{
        background-color: WhiteSmoke;
}

.calendarTodayDay
{
        border-right: red 2px solid;
        border-top: red 2px solid;
        border-left: red 2px solid;
        border-bottom: red 2px solid;
}

.calendarSelectedDay
{
	color: "Red";
	font-weight: bold;
	background-image: url(bg_bottom.jpg);

}

.calendarSelectedDay a,
.calendarSelectedDay a:visited,
.calendarSelectedDay a:hover
{
        color: "Red";
        font-weight: bold;
}

.calendarSelector
{
        background-color: #c0c0e0;
}

.calendarSelector a,
.calendarSelector a:visited,
.calendarSelector a:hover
{
        color: #0000ff;
        text-decoration: none;
}


.calendarNextPrev { background-image: url(bg_bottom.jpg) }


.calendarTitle {
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	background-image: url(bg_bottom.jpg);

 } 


.calendarDay { background-color: #FFFFFF }