/********************************************************************************************
*  																							*
* FORM ELEMENTS																				*
*																							*
********************************************************************************************/

form 
{
	width: 100%;
	font-size: 80%;
}

input, select, textarea
{
	border: 1px solid #CCC;
}

textarea
{
	width: 390px;
	height: 100px;
}

textarea.reserve, textarea.contact
{
	width: 370px;
}

input.checkBox
{
	width: 1em;
	margin-right: 5px;
}

input.hidden
{
	display: none;
}

/********************************************************************************************
*  																							*
* FIELDSET ELEMENTS																			*
*																							*
********************************************************************************************/

fieldset
{
	border-top: 1px solid #9CA027;
	position: relative;
}

/********************************************************************************************
*  																							*
* LEGEND ELEMENTS																			*
*																							*
********************************************************************************************/

legend
{
	font-weight: bold;
	padding: 5px 5px 10px 0;
	color: #999;
}

/********************************************************************************************
*  																							*
* FIELDSET > OL	> LI																		*
*																							*
********************************************************************************************/

fieldset ol
{
	width: 100%;
	margin: 25px 0;
}

fieldset ol li
{
	padding-bottom: 30px;
}

fieldset ol li.select
{
	padding-bottom: 32px;
}


/********************************************************************************************
*  																							*
* FIELDSET > LABEL																			*
*																							*
********************************************************************************************/

fieldset ol li label
{
	padding-right: 5px;
	width: 100px;
	text-align: right;
	float: left;
}

fieldset ol li label.req
{
	color: #B52828;
}

/********************************************************************************************
*  																							*
* FIELDSET > INPUT																			*
*																							*
********************************************************************************************/

fieldset ol li input
{
	float: left;
	width: 75%;
}

fieldset ol li input.long
{
	width: 370px;
}

fieldset ol li input.short
{
	width: 132px;
}

fieldset ol li select
{
	float: left;
	width: 134px;
}

ol li select.selectArray
{
width: 45px;
}

.noPad
{
	padding: 0;
}

/********************************************************************************************
*  																							*
* FORM NOTES																				*
*																							*
********************************************************************************************/

ul.formNote, ol.formNote
{
	font-size: 0.75em;
}

ul.bor
{
	border-top: 1px solid #9CA027;
	padding-top: 25px;
}

ul.formNote li
{
	list-style: square;
	margin-left: 15px;
	margin-bottom: 5px;
	line-height: 20px;
}

ol.formNote li
{
	list-style: decimal;
}

ul.formNote li.heading, ol.formNote li.heading
{
	list-style: none;
	color: #B52828;
	font-weight: bold;
	margin-left: 0;
	line-height: 10px;
}


/********************************************************************************************
*  																							*
* FORM NAVIGATION BUTTONS																	*
*																							*
********************************************************************************************/

#formNav
{
	margin-bottom: 25px;
	padding: 25px 0;
	border-top: 1px solid #9CA027;
}

#formNav input
{
	width: 75px;
	display: block;
	padding: 2px 0;

	border: 1px solid #666;

	text-decoration: none;
	text-align: center;
	color: #000;
	
	font-size: 0.85em;
		
	cursor: pointer;
}

#formNav input.right
{
	float: right;
	margin-left: 10px;
}

#formNav input.left
{
	float: left;
}

input.red
{
	background-color: #FFCCCC;
}

input.red:hover
{
	background-color: #CF9C9C;
	color: #FFF;
}

input.yellow
{
	background-color: #FFFFCC;
}

input.yellow:hover
{
	background-color: #CBCB4A;
	color: #FFF;
}

input.green
{
	background-color: #E4FFCA;
}

input.green:hover
{
	background-color: #9CCFA1;
	color: #FFF;
}


/* -------
Validation and Warning Displays
------- */
.errorFrame {
	padding: 10px 0 3px 45px;
	margin-bottom: 10px;
}

.errorFrame p {
	margin: 0;
	color: #FFF;
	font-weight: bold;
	cursor: default;
}

.errorText {
	color: #CC0000;
}

.errorEmptyInput {
	background-color: #FFD0DC;
}

.errorInvalidInput {
	background-color: #FFFFCC;
}

.errorUserPass {
	background-color: #CCFFFF;
}

/*Error ICONS*/
.attention {
	background: #000 url(../icon/attention.png) no-repeat 10px 6px;
}

.error {
	background: #000 url(../icon/error.png) no-repeat 10px 6px;
}

.alert {
	background: #000 url(../icon/alert.png) no-repeat 10px 6px;
}