/* START styles for calendar header */
.Attendance #attHeader
{
	width: 100%;
	border: solid 0 #000;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 100%;
}

.Attendance #attHeader .plainLink
{
	color: #000;
	text-decoration: none;
	font-size: 100%;
}

.Attendance #attHeader .calheader
{
	color: #000;
	font-size: 100%;
	text-decoration: bold;
}

.Attendance #attHeader a
{
	vertical-align: middle;
}
/* END styles for calendar header */

/* START styles for attendance calendar */
.Attendance #attCalendar
{
	font-size: 100%;
	background-color: #FFF;
}

.Attendance #attCalendar .calDayNumber
{
	vertical-align: top;	
}

.Attendance #attCalendar .calHeader
{
	border-top: solid 1px #CCC;
	border-left: solid 0px #FFF;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	vertical-align: bottom;
	font-weight: bold;
	height: 5px;
}

.Attendance #attCalendar .calHeaderLeft
{
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	vertical-align: bottom;
	font-weight: bold;
	height: 5px;
}

.Attendance #attCalendar td
{
	border-top: solid 0px #FFF;
	border-left: solid 0px #FFF;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	vertical-align: top;
	text-align: center;
}

.Attendance #attCalendar .calLeft
{
	border-top: solid 0px #FFF;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	vertical-align: top;
}

.Attendance #attCalendar .emphDate
{
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	font-weight: bold;
}

/* END styles for attendance calendar */

/* START Side Bar */
.Attendance #attSideBar {
  padding: 2px 2px 2px 2px;
  vertical-align: top;
  background: #EFEFEF;
  font-size: 100%;
  }

.Attendance #attSideBar div
{
	padding: 5px 5px 5px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
}

.Attendance #attSideBar hr
{
	text-align: center;
	padding: 0px 0px 0px 0px;
	width: 90%;
	height: 1px;
	color: #ABB7B7;
	background-color: #ABB7B7;
	border: none;
	margin: 0px;
}

/* END Side Bar */

.Attendance .attGroupedGrid
{
	border: solid 1px #000000;
	margin-left: 5px;
	margin-top: -2px;
}

.Attendance .attAbsentUnexcused
{
	font-weight: bold;
	color: #9D0000;
}

.Attendance .attAbsentExcused
{
}

.Attendance .attPresent
{
	font-style: italic;
}

.Attendance .attTardy
{
	color: #9D0000;
}
.Attendance table.att-head td {
	white-space: nowrap;
	font-size: 100%;
	padding: 5px;
}
.Attendance .td-buttons {
	width: 270px;
}

.Attendance .attNoClass
{
}

.Attendance .attFuture
{
}

.Attendance .attWithdrawn
{
}

.Attendance .attNonDividingHeader
{
	font-size: 120%;
	background-color: White;
}

.Attendance .attHighlight
{
	color: #FF0000;
	background: #FFFFCE;
}

.Attendance .alt.attHighlight
{
	color: #FF0000;
	background: #ECEA8F;
}

.Attendance .attHighlight A:link,
.Attendance .attHighlight A:visited, 
.Attendance .attHighlight A:active, 
.Attendance .attHighlight A:hover,
.Attendance .attHighlight A:visited:hover 
{
	color: #FF0000;
}
.Attendance .pSection table.attGenericTable td,
.Attendance .pSection table.attGroupedGrid td,
.Attendance .pSection table.attGenericTable th
{
	padding: 5px;
}
.Attendance input[type='checkbox'],
.Attendance input[type='radio'] {
    margin-right: 4px;
}