/**
 * The FFtools Library
 * Copyright 2005-2007 Brain Book Software LLC
 * For complete documentation, please visit http://www.formfields.com
 */

div.pageErrors, div.fieldError, label.isValid, label.notValid,
		div.fieldErrorLeftAligned, label.disabledLeftAligned,
		label.notValidLeftAligned, label.displayLeftAligned,
		label.isValidLeftAligned, 
		div.fieldErrorRightAligned, label.disabledRightAligned,
		label.notValidRightAligned, label.displayRightAligned,
		label.isValidRightAligned, 
		label.isValidSpan,
		label.isValidSetSelector, span.help,
		label.display, div.display, span.grayed, select, 
		span.FFtools, span.required, div.help, div.ffText,
		textarea.FFtools, select.FFtools, body.ffEmail,
		label.disabled, div.ffField, div.FFtools, div.FFtools2,
		input.FFtoolsText, input.FFtoolsPassword, textarea.FFtoolsTextArea,
		input.FFtoolsFile, input.FFtoolsRadio, 
		input.FFtoolsCheckbox, input.FFtoolsSubmit,
		div.ffDescription, div.ffMessageHelperQuestion,
		div.ffMessageHelperError, div.ffMessageHelperWarning,
		div.ffMessageHelperInfo, td.ffSectionTitleTopMiddle, 
		td.ffHeader1Middle {
	font: normal normal normal 11px verdana,sans-serif;
}

div.pageErrors {
	font-size: 14px;
	font-weight: bold;
	color: red;
	background-color: inherit;
	margin: 0px 0px 0px 3px;
	padding: 0px;
}

div.fieldError, div.fieldErrorSpan, div.fieldErrorLeftAligned, div.fieldErrorRightAligned {
	font-size: 10px;
	color: red;
	background-color: inherit;
	width: auto;
	text-align: left;
	padding-left: 10px;
	white-space: nowrap;
}

div.fieldErrorLeftAligned {
	text-align: left;
}

div.fieldErrorRightAligned {
	text-align: right;
}

div.fieldErrorSpan {
	text-align: left;
}

label.isValid, label.isValidSpan, label.isValidLeftAligned, isValidRightAligned 
{
	text-align: left;
	padding-left: 10px;
	display: block;
	white-space: nowrap;
}

label.isValidLeftAligned {
	text-align: left;
}

label.isValidRightAligned {
	text-align: right;
}

/* Use this for labels that are inline with other elements. */
label.isValidSpan {
	display: inline;
}

label.disabled, label.disabledSpan, label.disabledLeftAligned, label.disabledRightAligned 
{
	text-align: left;
	padding-left: 10px;
	color: gray;
	background-color: inherit;
	display: block;
	white-space: nowrap;
}

label.disabledLeftAligned {
	text-align: left;
}

label.disabledRightAligned {
	text-align: right;
}

label.disabledSpan {
	display: inline;
}


label.notValid, label.notValidSpan, label.notValidLeftAligned, label.notValidRightAligned 
{
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	color: red;
	background-color: inherit;
	display: block;
	white-space: nowrap;
}

label.notValidLeftAligned {
	text-align: left;
}

label.notValidRightAligned {
	text-align: right;
}

label.notValidSpan {
	display: inline;
}


label.isValidSetSelector {
	text-align: left;
	display: block;
	margin-bottom:5px;
}

span.help {
	font-size: 11px;
	color: blue;
	background-color: inherit;
	padding-left: 10px;
}

div.help {
	font-size: 11px;
	color: blue;
	background-color: inherit;
	padding-left: 10px;
	/*width: 200px;*/
}

form {
	margin-top: 0px;
	margin-bottom: 0px;
}

label.display, label.displayLeftAligned, label.displayRightAligned
{
	text-align: left;
	padding-left: 10px;
	color: #355597;
	background-color: inherit;
	display: block;
	white-space: nowrap;
}

label.displayLeftAligned {
	text-align: left;
}

label.displayRightAligned {
	text-align: right;
}

div.display {
	white-space: normal;
}

span.display {
	color: #355597;
	background-color: inherit;
}

table.ffTableSetFFtools {
	border-collapse: collapse;
}

tr.ffTableSetFFtools, td.ffTableSetFFtools1, 
		td.ffTableSetFFtools2, tr.FFtools,
		td.ffTableSetFFtoolsLabel1, td.ffTableSetFFtoolsLabel2, 
		td.ffTableSetFFtoolsField1, td.ffTableSetFFtoolsField2 {
	/*vertical-align: top;*/
	vertical-align: middle;
}

td.ffTableSetFFtoolsLabel1, td.ffTableSetFFtoolsLabel2 {
}

td.ffTableSetFFtoolsField1, td.ffTableSetFFtoolsField2 {
	width: 85%;
}

span.grayed {
	color: gray;
	background-color: inherit;
}

span.required {
	color: red;
	background-color: inherit;
}

h1.FFtools, h1.ffHeader {
	/*background-color: #A6B7D9;*/
	background-color: #2D62A5;
	color: white;
	padding: 3px 3px 3px 5px;
	font: normal normal bold 15px verdana,sans-serif;
	margin: 5px 0px 5px 0px;
}

h2.FFtools {
	font: normal normal bold 14px verdana,sans-serif;
	margin: 5px 0px 5px 0px;
}

h3.FFtools {
	font: normal normal bold 12px verdana,sans-serif;
	margin: 5px 0px 5px 0px;
}

div.FFtools {
	border: 1px solid #dddddd;
	padding: 5px;
}

div.ffText {
	width: 100%;
}

div.ffDescription {
	padding: 0px 5px 0px 5px;
	color: #777777;
	background-color: inherit;
}

div.ffField {
	/* THE FOLLOWING CAUSES PROBLEMS WHEN SETTING MAX SIZE OF SEARCH RESULTS IN OPERA, FIREFOX AND NETSCAPE
	white-space: nowrap;*/
}

/* ---------- Default email configurations - BEGIN ---------- */

table.ffTableSetFfEmail {
	border-collapse: collapse;
}

td.ffTableSetFfEmail1, td.ffTableSetFfEmail2 {
	margin: 0px;
	padding: 0px;
	border: 1px solid #dddddd;
}

td.ffTableSetFfEmail1 {
	background-color: white;
	color: inherit;
}

td.ffTableSetFfEmail2 {
	background-color: #e7e7e7;
	color: inherit;
}

th.ffTableSetFfEmail {
	color: black;
	background-color: #BACBDB;
	font-weight: bold;
	font-size: 8px;
	border: 1px solid #cccccc;
}

/* It is best if we don't use images in our email CSS as email browsers don't automatically download images */
td.ffHeader1FfEmailTopLeft, td.ffHeader1FfEmailTopRight, td.ffHeader1FfEmailBottomLeft, td.ffHeader1FfEmailBottomRight,
div.ffHeader1FfEmailTopLeft, div.ffHeader1FfEmailBottomLeft, div.ffHeader1FfEmailTopRight, div.ffHeader1FfEmailBottomRight,
div.ffHeader1FfEmailLeft, div.ffHeader1FfEmailRight {
	background-image: none;
	width: 4px;
	height: 4px;
}

td.ffHeader1FfEmailTopMiddle, td.ffHeader1FfEmailBottomMiddle {
	background-image: none;
	height: 4px;
}

td.ffHeader1FfEmailLeft, td.ffHeader1FfEmailRight {
	background-image: none;
	width: 4px;
	height: 23px;
}

td.ffHeader1FfEmailMiddle {
	height: 23px;
	/*background-color: #2D62A5;*/
	background-color: #7486D7;
	background-image: none;
	white-space: nowrap;
	font: normal normal bold 12px verdana,sans-serif;
	color: white;
	padding: 7px;
	width: 100%;
}

/* ---------- Default email configurations - END ---------- */

div.buttons {
	margin:15px 0px 5px 0px;
}

a {
	color: #2D62A5;
	background-color: inherit;
}

body.FFtools {
}

input.FFtoolsText, input.FFtoolsPassword, textarea.FFtoolsTextArea,
		input.FFtoolsFile {
	background-repeat: no-repeat;
	background-image: url('../images/shadow.png');
}

h2.FFtools, h3.FFtools, div.FFtools, div.FFtools2,
		div.ffText, label.isValid, label.isValidSetSelector {
	color: #000000;
	background-color: inherit;
}

ul.ffListHelper, li.ffListHelper {

}

ul.ffListHelperFormBeanError {

}

li.ffListHelperFormBeanError {
	font-size: 11px;
}

div.ffFooter1 {
	font-size: 10px;
	margin-top: 10px;
	color: #777777;
}

div.ffFooter2 {
	font-size: 9px;
	margin-top: 3px;
	color: #777777;
}

div.ffConfirmation {
	font: normal normal bold 18px verdana;
}

div.ffRedirectNote {
	margin-top: 20px;
	font: normal normal bold 12px verdana;
}

div.ffSearchResultsFieldPage {
	margin: 3px;
}

img.ffSearchResultsFieldPrevPage, img.ffSearchResultsFieldNextPage {
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	border: 0px solid #dddddd;
}

img.ffSearchResultsFieldPrevPage {
	background-image: url('../images/searchResultsFieldSmallLeftArrow2.png');
}

img.ffSearchResultsFieldNextPage {
	background-image: url('../images/searchResultsFieldSmallRightArrow2.png');
}

span.ffSearchResultsFieldCurrentPage {
	font: normal normal normal 18px verdana,sans-serif;
}

img.ffSearchResultsCheckedBox {
	width: 13px;
	height: 13px;
	background-repeat: no-repeat;
	border: 0px solid #dddddd;
	background-image: url('../images/checkedBox.png');
}

div.fieldErrorLeftAligned, div.fieldErrorRightAligned, 
label.isValidLeftAligned, label.isValidRightAligned, 
label.disabledLeftAligned, label.disabledRightAligned,
label.notValidLeftAligned, label.notValidRightAligned,
label.displayLeftAligned, label.displayRightAligned {
	padding-left: 0px;
}

span.ffSubFields {
	white-space: nowrap;
}

img.ffTinyLogo {
	margin: 3px 2px 0px 0px;
	border-width: 0px;
	background-image: url('../images/tinyFfLogo.png');
	width: 16px;
	height: 16px;
}

div.ffForm {
}