/* REDEFINITION OF TAGS */
input		{ padding-left:2px; color: #000000; font-weight: normal; border-style: solid; font-family: Arial, Verdana; vertical-align: middle; font-size: 1em; border-width: 2px; margin-bottom: 0px; }
select		{ vertical-align: middle; color: #000000; background-color: #FFFFFF; font-size: 1em; font-family: Arial, Verdana }
legend		{ font-weight: bold; color: #007FC1 } 
fieldset	{ padding-left: 5px } 
h1, h2, h3, h4, h5, h6		{ text-align:center; }

/* ELEMENT BACKGROUNDS */
.warning	{ color: #FFFFFF; background-color: #FF0000; text-align:center }
.inputvalid	{ border-style: solid; border-width: 2px; font-weight: normal; background-color: #FFFFFF; color: #000000; border-color: #00CC00; font-family: Arial, Verdana; margin-bottom: 0px; vertical-align: middle }
.inputerror	{ border-style: solid; border-width: 2px; font-weight: normal; background-color: #FFFFFF; color: #000000; border-color: #FF0000; font-family: Arial, Verdana; margin-bottom: 0px; vertical-align: middle }
.inputmand	{ border-style: solid; border-width: 2px; font-weight: normal; background-color: #FFFFFF; color: #000000; border-color: #007FC1; font-family: Arial, Verdana; margin-bottom: 0px; vertical-align: middle }
.inputbox	{ border-style: solid; border-width: 2px; font-weight: normal; background-color: #FFFFFF; color: #000000; border-color: #B2D9EC; font-family: Arial, Verdana; margin-bottom: 0px; vertical-align: middle }


.textarea	{ border-style: solid; border-width: 2px; border-color: #B2D9EC; font-size:1em; font-family: Arial, Verdana; margin-bottom: 4px; vertical-align: middle; background-color: #FFFFFF; color: #000000; padding: 4px 4px 4px 4px }
.radiobutton{ font-weight: normal; vertical-align: middle }
.checkbox	{ font-weight: normal; vertical-align: middle }
.inputimg	{ background-color: #FFFFFF; border-width: 0px; margin-bottom: 4px }

.headerrow		{ text-align:center; background-color: #FFFFFF; color: #007FC1; font-size: medium; }
.errortext		{ background-color: #FFFFFF; border-style: dashed; color: #FF0000; border-color: #FF0000; border-width: 5px; padding: 10px 10px 10px 10px; font-size: large; text-align: center; font-weight: bold }


/* IMPROVED TEMPLATE STYLES */
.button				{ color: #FFFFFF; background-color: #007FC1; font-weight: bold; border-color: #B2D9EC; border-style:outset; }
.mandatory			{ border-color: #B2D9EC }
.error				{ border-color: #FF6666 }
.normal				{ border-color: #999999 }
.passwordbox		{ border-color: #B2D9EC; font-family:'Courier New' }
.blank				{ border-width: 0px } 
.node				{ float:right; width:10% }
.nodelabel			{ float:left; margin-right:5px }
.width100			{ float:left; width:100%; margin-top:3px }
.fieldbox			{ float:right; width:20em } 
.buttonbox			{ float:left; width:100%; text-align:center }
.valigntop			{ vertical-align:top; float:left }

.boxpadding			{ padding: 4px 4px 4px 4px }
.greyborder			{ border-color: #CCCCCC }	

/* FOCUS CHANGES */
.mandatory:focus	{ background-color:#E8F8FF }
.error:focus		{ background-color:#FFE6E6 }
.normal:focus		{ background-color:#EEEEEE }
.passwordbox:focus	{ background-color:#E8F8FF }
.textarea:focus		{ background-color:#E8F8FF }

/* PIEGONS AND BREADCRUMBS */
.formbreadcrumbs	{ padding: 0px 0px 0px 0px; margin-left: auto; margin-right: auto; }
.breadcrumbselect	{ color:#0080C0; font-weight:bold; font-size:x-small; vertical-align:top }
.breadcrumbnull		{ color:#999999; font-size:x-small; vertical-align:top }
.breadcrumbend		{ float:left; width:95px; text-align:center }
.breadcrumbmiddle	{ float:left; width:105px; text-align:center }
.breadcrumbspacer	{ float:left; width:5px }
.breadcrumb2		{ margin-left:auto; margin-right:auto; width:195px; margin-bottom:5px }
.breadcrumb3		{ margin-left:auto; margin-right:auto; width:305px; margin-bottom:5px }
.breadcrumb4		{ margin-left:auto; margin-right:auto; width:415px; margin-bottom:5px }
.breadcrumb5		{ margin-left:auto; margin-right:auto; width:525px; margin-bottom:5px }
.breadcrumb6		{ margin-left:auto; margin-right:auto; width:635px; margin-bottom:5px }

/* BOX SIZES */
.box-tiny		{ width: 10em; margin-left:auto; margin-right:auto; margin-bottom:15px }
.box-xxsmall	{ width: 15em; margin-left:auto; margin-right:auto; margin-bottom:15px }
.box-xsmall		{ width: 20em; margin-left:auto; margin-right:auto; margin-bottom:15px }
.box-small		{ width: 25em; margin-left:auto; margin-right:auto; margin-bottom:15px }
.box-sedium		{ width: 28em; margin-left:auto; margin-right:auto; margin-bottom:15px }
.box-medium		{ width: 31em; margin-left:auto; margin-right:auto; margin-bottom:15px }
.box-ledium		{ width: 34em; margin-left:auto; margin-right:auto; margin-bottom:15px }
.box-large		{ width: 37em; margin-left:auto; margin-right:auto; margin-bottom:15px }
.box-xlarge		{ width: 40em; margin-left:auto; margin-right:auto; margin-bottom:15px }
.box-xxlarge	{ width: 45em; margin-left:auto; margin-right:auto; margin-bottom:15px }
.box-huge		{ width: 50em; margin-left:auto; margin-right:auto; margin-bottom:15px }
.box-maximum	{ width: 55em; margin-left:auto; margin-right:auto; margin-bottom:15px }
