/* set fonts for all controls on the site */
body, td, span, th, label, span
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* use this to hide elements such as divs */
.hidden
{
	visibility: hidden;
	display: none;
}

.show
{
	display: inline;
}

div.navigationcolumn
{
	text-align: left;
	vertical-align: top;
	border-left-width: medium;
	border-left-color: black;
	border-left-style: solid;
	padding-left: 3px;
}

/************* ARTICLE SPECIFIC **************/
/* style16 - article link on right-hand side */
a.article
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #FF3300;
}


/************************************************************************/
/************ FORM SPECIFIC *********************************************/

div.formtypeselection
{
}

div.formtypeselection .field-label
{
	color: #006600;
	font-weight: bold;
	font-size: 92%;
	vertical-align:middle;
}

div.formtypeselection .field-widget select
{
	font-size: 105%;
}

.formname
{
	font-size: larger;
	font-weight: bold;
	color: #006600;
}

/* formats TD with labels tags inside form */
.formdiv td.field-label
{
	vertical-align: middle;
}

/* this style is overridden by styles below such as "shorter" and defines default width of form control */
.formdiv input, .formdiv select
{
	width: 150px;
	font-size: 85%;
}

/* used to format checkboxes*/
.formdiv .checkbox
{
	width:auto; /* remove border defined in ".formdiv input" */
}

/* used to format year part of date */
.formdiv .year
{
	width: 40px;
}

/* used to format month part of date */
.formdiv .month
{
	width: 50px;
}

/* used to format day part of date */
.formdiv .day
{
	width: 40px;
}

/* separator used to separate form sections */
.formdiv .sectionsep
{
	color:#006600;
	background-color:#006600;
	height: 2px;
}

/************** validation styles *************/
.field-widget input, .field-widget textarea, .field-widget select
{
	border: 1px solid #006600;
}

.field-widget input.checkbox
{
	border:none;
}

input.required, textarea.required
{
}

input.validationdo-failed, textarea.validation-failed
{
	border-color: #FF3300;
	color: #FF3300;
}

input.validation-passed, textarea.validation-passed
{
	/* border-color: #00CC00; */
	color: #000;
}

.validation-advice
{
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color: #FFF;
	font-weight: bold;
	font-size: 60%;
}

.custom-advice
{
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color: #FFF;
	font-weight: bold;
}

.field-label
{
	vertical-align: top;
	text-align: right;
	padding-right: 3px;
	padding-bottom: 5px;
	font-size: 85%;
}

.field-widget
{
	vertical-align: top;
}
/**************** END FORM SPECIFIC STYLES ******************************/
/************************************************************************/


/*********** TEXT FORMATTING ************/
.title
{
	font-size: large;
	color: #006600;
}

.sectiontext
{
	font-size: small;
}

.sectionheader
{
	font-weight: bold;
}

.label
{
	font-size: 85%;
}

.boldlabel
{
	color: #006600;
	font-weight: bold;
	font-size: 92%;
}

.requiredlabel
{
	color: red;
	font-size: 77%;
	font-weight: bold;
}

.description
{
	font-size: 77%;
}


.instructions
{
	font-size: 77%;
	font-weight: bold;
}
/************** MESSAGES *************/
.error
{
	font-size: 85%;
	color: red;
	font-weight: bold;
}

.warning
{
}

.alert
{
}

.info
{
}


/******* HTML CONTROLS ***************/
input.shorter, select.shorter, button.shorter
{
	width: 40px;
}

input.short, select.short, button.short
{
	width: 50px;
}

input.medium, select.medium, button.medium
{
	width: 100px;
}

input.long, select.long, button.long
{
	width: 150px;
}

input.extralong, select.extralong, button.extralong
{
	width: 200px;
}

input.button
{
}

input.submit
{
}

input.cancel
{
}

input.reset
{
}