/*****************************************************************************
* Text formatting styles.                                                    *
*****************************************************************************/

sup.ordinal
{
	font-size: 75%;
	text-decoration: underline;
}

/*****************************************************************************
* Box styles.                                                                *
*****************************************************************************/

.javaScriptRequired
{
	border: 2px solid #ff0000;
	margin-bottom: 1em;
	padding: .25em 1em;
}

.generalError
{
	/* background-color: #ffff80; */
	/* border: 2px solid #ff0000; */
	color: #ff0000;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 1em;
	/* padding: .25em 1em; */
}

.formArea
{
	background-color: #DEDEDE;
	border: 1px solid #BABABA;
	margin-bottom: 1em;
	padding: .25em 1em;
}

.formArea h3
{
	margin-top: 0px;
}

.instructionBox
{
	background-color: #e0f0ff;
	border: 1px solid #c0d0e0;
	margin: 1em 0em;
	padding: 0em .5em;
}

.stepReview
{
	background-color: #ffffe0;
	border: 1px solid #f0e0c0;
	margin-bottom: 1em;
	padding: 0em .5em;
}

.stepReview h4
{
	margin-bottom: .5em;
}

.buttonArea
{
	width: 100%;
}

.requestInformation
{
	border: 1px solid #c0c0c0;
	padding: .5em;
}

/*****************************************************************************
* Form field styles.                                                         *
*****************************************************************************/

.requiredFieldIndicator
{
	color: #800000;
	font-weight: bold;
}

table.fieldGroup td
{
	padding-right: .5em;
}

.fieldNote
{
	font-style: italic;
}

.fieldNote code
{
	font-style: normal;
	font-weight: bold;
}

.fieldPunctuation
{
	padding-left: .125em;
	padding-right: .125em;
	vertical-align: top;
}

.fieldError
{
	color: #ff0000;
	font-weight: bold;
}

/*****************************************************************************
* Button styles.                                                             *
*****************************************************************************/

input.button
{
	padding-left: .75em;
	padding-right: .75em;
}

input.navigationButton
{
	width: 6.5em;
}

.buttonName
{
	font-family: serif;
}

/*****************************************************************************
* Calendar styles.                                                           *
*****************************************************************************/

.calendar
{
	background-color: #ffffff;
	border: 1px solid black;
	margin-top: .25em;
}

.calendarTitle
{
	background-color: #000080;
	color: #ffffff;
	font-weight: bold;
}

.calendarNextPrev
{
	font-weight: normal;
	padding: 2px;
}

.calendarNextPrev a,
.calendarNextPrev a:visited,
.calendarNextPrev a:hover
{
	background-color: ButtonFace;
	border: outset 2px;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	color: ButtonText;
	padding: 0px .5em;
	text-align: center;
	text-decoration: none;
}

.calendarDayHeader
{
	background-color: #ffffe0;
	font-weight: bold;
}

.calendarDay
{
	color: #000000;
}

.calendarDay a,
.calendarDay a:visited,
.calendarDay a:hover
{
	color: #0000ff;
}

.calendarOtherMonthDay
{
	color: #808080;
}

.calendarOtherMonthDay a,
.calendarOtherMonthDay a:visited,
.calendarOtherMonthDay a:hover
{
	color: #8080c0;
}


.calendarWeekendDay
{
	background-color: #f0f0f0;
}

.calendarToday
{}

.calendarHolidayDay
{
	color: #c00000;
}

.calendarOtherMonthDay.calendarHolidayDay
{
	color: #c08080;
}

.calendarSelectedDay
{
	background-color: #0000ff;
	color: #ffffff;
	font-weight: bold;
}

.calendarSelectedDay a,
.calendarSelectedDay a:visited,
.calendarSelectedDay a:hover
{
	color: #ffffff;
}

.calendarSelector
{
	background-color: #c0c0e0;
}

.calendarSelector a,
.calendarSelector a:visited,
.calendarSelector a:hover
{
	color: #0000ff;
}