body
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	background-color: #31302f;
}

/*---------------------------------------------------------------------------------------------------- LINKS */

a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #003366;
}

a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #003366; 
}

a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #CCCCCC; 
}

.menulink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #003366;
}

.menulink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #003366; 
}

.menulink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #CCCCCC; 
}

.mainmenulink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #003366;
	letter-spacing: 0px;
}

.mainmenulink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #003366; 
	letter-spacing: 0px;
}

.mainmenulink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none;
	font-size: 12px;
	color: #CCCCCC;
	letter-spacing: 0px;
}

.mainmenulink_alt:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #669ACC;
	letter-spacing: 2px;
}

.mainmenulink_alt:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #669ACC; 
	letter-spacing: 2px;
}

.mainmenulink_alt:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #FFCC00;
	letter-spacing: 2px;
}

/*---------------------------------------------------------------------------------------------------- TABLES */
td
{
	text-align: left;
	vertical-align: top;
}

.layoutTable
{
	border-collapse: collapse;
	background-color: none;
}

.layoutTD
{
	padding: 0px 0px 0px 0px; 
	vertical-align: top; 
	text-align: left;
}

.menuTD
{
	padding: 2px 2px 2px 2px; 
	vertical-align: top; 
	text-align: left;
}

/*---------------------------------------------------------------------------------------------------- TEXT */

.headertext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	font-weight: bold;
	background-color: #EEF4FF;
}

.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.text_alt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EEF4FF;
}

.helptext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}

.footertext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}


/*---------------------------------------------------------------------------------------------------- BUTTON */

.button
{
	
	font-family: Arial, Helvetica, sans-serif;
}

.formButtonOff
{
	width: 100px;
	height: 25px;
	background: url(/images/layout/formButton.jpg) repeat-x left top;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	
	font-size: 12px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.formButtonOn
{
	width: 100px;
	height: 25px;
	background: url(/images/layout/formButton.jpg) repeat-x left top;
	border: 2px solid #FFCC33;
	cursor: pointer;
	
	font-size: 12px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.formButtonLargeOff
{
	width: 200px;
	height: 88px;
	background: url(/images/layout/formButtonLarge.jpg) repeat-x left top;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	
	font-size: 16px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.formButtonLargeOn
{
	width: 200px;
	height: 88px;
	background: url(/images/layout/formButtonLarge.jpg) repeat-x left top;
	border: 2px solid #FFCC33;
	cursor: pointer;
	
	font-size: 16px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*---------------------------------------------------------------------------------------------------- CALENDAR */

/*-------------------------------------------------------------------- TABLE */
.calendarTable
{
	border-collapse: collapse;
	background-color: none;
	width: 100%;
}

.calendarTitleTD
{
	border: 1px solid black;
	padding: 0px 0px 0px 0px; 
	vertical-align: top; 
	text-align: left;
	font-weight: bold;
}

.calendarTD
{
	border: 1px solid black;
	padding: 0px 0px 0px 0px; 
	vertical-align: top; 
	text-align: left;
	height: 100px;
}

/*--------------------------------------------------------------------------------------------------SMALL CALENDAR */

/*-------------------------------------------------------------------- TABLE */
.smallcalendarTable
{
	border-collapse: collapse;
	background-color: none;
	width: 100%;
}

.smallcalendarTitleTD
{
	border: 1px solid #CCCCCC;
	padding: 0px 0px 0px 0px; 
	vertical-align: top; 
	text-align: left;
	font-weight: bold;
}

.smallcalendarTD
{
	border: 1px solid #CCCCCC;
	padding: 0px 0px 0px 0px; 
	vertical-align: top; 
	text-align: left;
	height: 50px;
}

/*-------------------------------------------------------------------- TEXT */
.dayIndex
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px 2px 0px 2px;
}

.calendarDay
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

/*-------------------------------------------------------------------- LINKS */
.monthlink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #000000; 	
}

.monthlink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #000000; 
}

.monthlink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
	color: #CCCCCC; 
}

.daylink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;	
}

.daylink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

.daylink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #CCCCCC; 
}

.dayNumberlink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;	
}

.dayNumberlink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

.dayNumberlink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #CCCCCC; 
}

.taskStartActivelink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

.taskStartActivelink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

.taskStartActivelink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #CCCCCC; 
}

.taskActivelink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FF0000;
}

.taskActivelink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FF0000;
}

.taskActivelink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #CCCCCC; 
}

.taskInactivelink:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
}

.taskInactivelink:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
}

.taskInactivelink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #CCCCCC; 
}

.hoverbox_photo
{
	display: inline;
	position: relative;
}

.hoverbox_photo a .preview
{
	display: none;
}

.hoverbox_photo a:hover .preview
{
	display: block;
	position: absolute;	
	z-index: 1;
}

.layoutHeader
{
	background-color: #CCCCCC; 
	color: #ffffff;
}

.layoutHeaderAlt
{
	background-color: #669cb6;
	color: #ffffff;
}
.layoutBackground
{
	background-color: #ffffff;
}
.altRow
{
	background-color: #e9f2ff;
}
.formHeader
{	
	font-style: italic;
	font-size: 16px;
	border-bottom: 1px dashed #CCCCCC; 
}
/*
 * Popup Calendar Styling
 */
.calendar_cpYearNavigation,
.calendar_cpMonthNavigation
{
	text-align: center;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #333333;
}

.calendar_cpDayColumnHeader,
.calendar_cpYearNavigation,
.calendar_cpMonthNavigation,
.calendar_cpCurrentMonthDate,
.calendar_cpCurrentMonthDateDisabled,
.calendar_cpOtherMonthDate,
.calendar_cpOtherMonthDateDisabled,
.calendar_cpCurrentDate,
.calendar_cpCurrentDateDisabled,
.calendar_cpTodayText,
.calendar_cpTodayTextDisabled,
.calendar_cpText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 3px 3px 3px;
	text-align: center;
}

TD.calendar_cpDayColumnHeader
{
	text-align: right;
	border-bottom: 0px solid #333333;
}

.calendar_cpCurrentMonthDate,
.calendar_cpOtherMonthDate,
.calendar_cpCurrentDate
{
	text-align: right;
	text-decoration: none;
}

.calendar_cpCurrentMonthDateDisabled,
.calendar_cpOtherMonthDateDisabled,
.calendar_cpCurrentDateDisabled
{
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}

.calendar_cpCurrentMonthDate
{
	color: #2e9bc4;
	font-weight: bold;
}

.calendar_cpCurrentDate
{
	color: #FFFFFF;
	font-weight:bold;
}

.calendar_cpOtherMonthDate
{
	color:#808080;
}

TD.calendar_cpCurrentDate
{
	color:#FFFFFF;
	background-color: #2e9bc4;
	border: 1px solid #000000;
}

TD.calendar_cpCurrentDateDisabled
{
	border: 1px solid #FFAAAA;
}

TD.calendar_cpTodayText,
TD.calendar_cpTodayTextDisabled
{
	border: 1px solid #2e9bc4;
}

A.calendar_cpTodayText,
SPAN.calendar_cpTodayTextDisabled
{
	height: 20px;
}

A.calendar_cpTodayText
{
	color: #2e9bc4;
	font-weight: bold;
}

A.calendar_cpTodayText:hover
{
	color: #333333;
}

SPAN.calendar_cpTodayTextDisabled
{
	color: #D0D0D0;
}

.calendar_cpBorder
{
	border: 1px solid #2e9bc4;
}

/*
 * Search Styling
 */
.searchHeader
{
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
}

.windowStatusMessage
{
	background-color: #f6ff00; 
	text-align: center;
	font-style: italic;
}

.hintText
{
	font-style:italic;
	font-size:12px;
	color:##CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}