/* This file contains the styles for the full PHP Calendar 
   Edit only the commented lines, unless you know what you
   are doing.  If you do need to recover this file, simply
   make a copy of defaultCalStyles and rename it to 
   CalendarStyles */

/* styles for today's date */
#calendar_today 
{
	color:#FFFFFF; /* Color of the font */
	font-weight: bold;
	border: 2px solid rgb(211,211,211); /* Color of the font */
	background-color:#0099FF; /* Background Color */
	text-align: left; 
	vertical-align: top;
}

/* This controls the styles of the calendar table */
#calendar_table
{
    width: 100%; /* This the width of the Calendar.  Use either a % value or a number of pixels (56px) */
	table-layout: fixed; /* DO NOT CHANGE THIS */
	background-color: #FFFFFF;
}

/* This is for changing the position and other attributes of your calendar */
#calendarContainer
{
	width: 100%;
	float: left;
	vertical-align: top;
	
}

/* This is the top of the calendar that says the month name */
#calendar_head
{
    font-weight: bold;
    font-size: 18px; /* Font size of the title */
}

/* Styles for the top row that says Monday, Tuesday...etc */
.calendar_weekdays
{
    font-weight: bold;
	background-color: #FFFFFF; /* Background Color */
    font-size: 16px; /* Font Color */
    border: 2px solid rgb(211,211,211); /* Border Sytles */
    padding: 0px;
}

/* Styles the regular days of the week */
.days
{
    height: 95px; /* Height of the day boxes */
    text-align: left; 
    vertical-align: top;
    border: 2px solid rgb(211,211,211); /* Border style of the days boxes */
}

/* Styles for the event text */
.calendarText
{
    text-align: left;
    margin: 0 auto;
}

/* Styles for the names of the months at the top of the calendar */
.calendar_nav
{
    font-weight: bold;
    font-size: 14px;
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

/* Styles for the actual text of the month names */
.navButton
{
   font-size: 14px;
   text-decoration: none; /* No Underlines */
   color: #0000FF; /* Font Color */
}
.navButton a:link
{
   font-size: 14px;
   text-decoration: none; /* No Underlines */
   color: #0000FF; /* Font Color */
}

.navButton a:hover
{
   font-size: 14px;
   text-decoration: none; /* No Underlines */
   color: #FFFF00; /* Font Color */
}

.navButton a:visited
{
   font-size: 14px;
   text-decoration: none; /* No Underlines */
   color: #0000FF; /* Font Color */
}

.navButton a:active
{
   font-size: 14px;
   text-decoration: none; /* No Underlines */
   color: #000000; /* Font Color */
}

/* Styles for the popup tooltip */
#tooltip
{
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	position:absolute; /* DO NOT CHANGE THIS */ 
	width:200px; /* Width of the tooltip box...this only needs to change if font size is also changed */
	/* You do not need to use the height, unless you want the tooltip to ALWAYS be a certain height. Delete the /* before height to uncomment it */
	/*height:75px; /* Height of the tooltip box */
	border:1px solid black;  /* Border of the tooltip */
	background-color:#0099FF; /* Background color of the tooltip */
	color:#FFFFFF;  /* Font color of the tooltip */
	font-size:12px; /* Tooltip font size */
	font-family:Arial, Helvetica, sans-serif; /* Tooltip font type */
	z-index:500; /* This MUST be a higher value than any other elements of your page.  If you don't know what I mean, leave this alone*/
	visibility: hidden; /* DO NOT CHANGE THIS */	
	/* This is an IE ONLY filter.  This MUST stay at the bottom of this style */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=blue,direction=135); 
}