/*
	Calendar CSS - by Nathan Smith - www.sonspring.com


    Modified:       Ryan Upton, 6.01.2010 - Added more styles and comments

---------------------------------------------------------------------*/

/* Default look for all hyperlinks */
a
{
	cursor: pointer;
	text-decoration: none;
}

/* CAneldar page default specifications. I've changed it to match most of the defaults of the main.css body styles */
body
{
	background-position: left top;
    margin: 0 auto 0 auto;
    font-size: 10px;
    font-family: Arial, Sans-Serif;
    font-weight: normal;
    line-height: 150%;
    color: #333;
    background: #E3E6E4 url(images/bg.jpg) top left repeat-x;
    background-attachment: fixed;
}

/* Dont know when its used, but it was in the template so I left it alone */
caption
{
	border-top: 5px solid #c96;
	margin: 0 auto;
	text-align: right;
	font: 20px/30px Georgia, serif;
}

/* Dont know when its used, but it was in the template so I left it alone */
p
{
	margin: 0;
}

/* Dont know when its used, but it was in the template so I left it alone */
strong
{
	text-transform: uppercase;
}

/* Base table settings */
table
{
	background: #fff;
	border-bottom: 3px solid #9c6;
	border-right: 1px solid #ccb;
	margin: 0 auto;
}

/* Table header settings */
th,
td
{
	border-left: 1px solid #ccb;
	border-top: 1px solid #ccb;
	font-family: Verdana, sans-serif;
	padding: 0 2px;
	vertical-align: top;
	width: 100px;
	height: inherit;
}

/* Styles for links that are in a table (ie, on the calendar) */
td a
{
	background: url(images/calendarArrow.png) no-repeat center left;
	color: #33f;
	padding: 0 0 0 10px;
}

/* Styles for links that are in a table (ie, on the calendar) - When mose hovered over the link */
td a:hover
{
	text-decoration: underline;
}

/* =Classes
----------------------------------------------------------------------*/

/* Weekend column settings */
col.Sat,
col.Sun
{
	background: #efe;
}

/* Weekday column settings */
col.Mon,
col.Tue,
col.Wed,
col.Thu,
col.Fri
{
	background: #ffffff;
}

/* Styles for buttons within a <div></div> tag */
div.buttons
{
	font: 10px Verdana, sans-serif;
	padding: 10px 0 20px;
	text-align: center;
}

/* Not sure when its used, but it was in the tempate so I left it */
div.buttons a
{
	background: #ddc;
	border: 1px solid #bba;
	color: #000;
	padding: 3px 5px;
}

/* Not sure when its used, but it was in the tempate so I left it */
div.buttons a:hover
{
	background-color: #efe;
	color: #693;
}

/* The look of the rows where the events are listed */
tr.day
{
	color: #665;
	font-size: 9px;
	height: 90px;
}

/* The look of the rows where the date numbers are listed */
tr.number
{
	background: #eee;
	color: #998;
	font-size: 10px;
	height: 15px;
	text-align: right;
	vertical-align: middle;
}

/* Table Header styles (the cantndar's header... the calendar is just one giant table after all)*/
th
{
	background: #998;
	color: #fff;
	font-size: 11px;
	font-variant: small-caps;
	font-weight: normal;
	height: 15px;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
}

/* The look of the selected date on the Date picker... before I removed it. Not sure if I keep using this piece or not, so leaving it under the title of "better safe than sorry" */
.dateSelected
{
    margin: 20px 20px 0 0;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: small;
    border: 1px solid #cccccc;
}