/* These styles are used on the calendar page. */

/* The top of the calendar */
.roster-events-header
{
}

.roster-events-header-spacer
{
	width: 30%;
}

.roster-events-header-prev
{
	width: 10%;
	text-align: right;
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
}

.roster-events-header-next
{
	width: 10%;
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
}

.roster-events-header-month
{
	text-align: center;
	font-size: 125%;
	font-weight: bold;
}

.roster-events-header-form
{
	width: 30%;
	text-align: right;
	padding-right: 4px;
	white-space: nowrap;
	vertical-align: bottom;
}

.roster-events-header-form select
{
	font-size: 80%;
}

.roster-events-header-form input
{
	font-size: 80%;
}

/* The calendar itself. */

.roster-events-outer
{
	width: 100%;
}

.roster-events
{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid;
}

.roster-events-th
{
	width: 14%;
	border: 1px solid;
	text-align: center !important;
}

.roster-events ul
{
	font-size: 80%;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	margin-left: 12px;
}

.roster-events li
{
	text-indent: -8px;
}

.roster-events-caption
{
	font-weight: bold;
	font-size: 120%;
}

.roster-events-td,
.roster-events-unused,
.roster-events-today
{
	width: 14%;
	height: 6em;
	border: 1px solid;
	padding: 1px;
}

.roster-events-unused
{
}

.roster-events-today
{
}

.roster-events-canceled
{
	text-decoration: line-through;
}

/* These styles are used on individual event pages. */

.roster-event-bullet
{
}

.roster-event-name
{
	padding-bottom: 0.5em;
	padding-top: 4px;
	padding-left: 8px;
	font-size: 140%;
	font-weight: bold;
}

.roster-event-canceled
{
	text-decoration: line-through;
}

.roster-event-canceled-hint
{
	font-size: 75%;
}

.roster-event-past
{
	font-weight: bold;
}

.roster-event-remaining
{
}

.roster-events-bigbutton
{
}

.roster-events-bigbutton a
{
	border: 1px solid;
	font-weight: bold;
	padding: 4px 8px;
	text-decoration: none;
}