textarea { font-family: Verdana; font-size: 100%; }

/*---- LOGIN ----*/
.loginLabel { float: left; width: 50%; margin-right: 0.5%; line-height: 175%; text-align: right; font-weight: bold; }

.loginField { float: left; }

.loginFormBlock { margin: .5em auto; clear: both; width: 98%; }
.loginFormBlock:after { display: block; visibility: hidden; content: "."; height: 1px; clear: both; }

.loginSubmitRow { margin-top: 1em; clear: both; text-align: center; } 



/*---- CUES, INSTRUCTIONS, ERRORS ----*/
.instructions {
		display:block;
		font-weight: bold;
		margin-left: auto;
		margin-right: auto;
		width: 98%; }
	
.pageCue { clear: both;  text-align: center; font-weight: bold;	}

.fieldCue { font-size: 90%; }

.cue { clear: both; font-weight: bold; }

.error { /*legacy */
	clear: both;
	color: #ff0000; 
	display: block; 
	font-weight:bold; 
	margin: 3px 0 5px; 
	text-align: center; }

.pageError { 
	clear: both;
	display: block; 
	color: #ff0000; 
	font-weight: bold; 
	margin: .3em 0 .5em; 
	text-align: center; }

.resultError {
	color: #ff0000;
	font-weight: bold;
	margin: .3em 0 .5em;
	text-align: center; }

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

.pageSuccess { text-align: center; font-weight: bold; color: #00cc00; }

.spMsg { 
	background-color: #dddddd;
	color: #666666;
	font-weight: bold;
	margin: .9em;
	padding: .5em;
  text-align:center; }
  
.cfrmDelete {
	color: #ff0000;
	font-weight: bold;
	text-align: center; }
  
.reqDenote,
.req { font-size: 90%; font-weight: bold; color: #ff0000; } /* deprecate .reqDenote */

.required {
		font-weight: bold; } 

/*---- LABELS ----*/
.inpt { line-height: 175%; }
.onfield {
	color: #333333; 
	font-style: italic; 	 
	padding: .25em 0 0 .25em; 
	position: absolute;
	z-index: 2; }


/*---- COMMON FIELD ----*/
.txtControl { 
		background-color: #C1E4F2;
		border: 1px solid #d0d0d0; 		
		color: #000000; }
input.txtControl { padding: .2em; }

.selControl {		
		background-color: #c1e4f2;
		border: 1px solid #d0d0d0;
		color: #000000; }

.noBorderInput {
		border: none;}	

.tf-single { width: 2em; }
.tf-xxshort { width: 3.5em; }
.tf-xshort  { width: 5em; }
.tf-short   { width: 7em; }
.tf-norm    { width: 9em; }
.tf-long    { width: 13em; }
.tf-xlong   { width: 17em; }
.tf-xxlong  { width: 21em; }

   

/*---- FORM BLOCKS ----*/
/* TODO: deprecate .formline and .formRow and replace with .formBlock */
.formline { 
		width: 100%; margin: 0 0 1.75em; clear: both; padding: .1em; }
	
.formline:after { 
		display: block; visibility: hidden; width: 1px; height: 1px; content: "."; clear: both; }


.formRow { 
		width: 98.5%; margin: .5em auto 1.25em; padding: .2em 0 .2em .6em; clear: both; overflow: auto; } 


.formBlock,
.cue { 
		width: 98.5%; margin: .5em auto 1em; clear: both; padding: .1em 0 .1em .6em; }
	
.formBlock:after,
.cue:after { 
		display: block; visibility: hidden; width: 1px; height: 1px; content: "."; clear: both; }




/*---- BUTTONS ----*/
.adminButton { 
		width: auto; 
		padding: 0.25em; 
		overflow: visible; 
		text-transform: uppercase; 
		}
		


.primaryButton, 
.secondaryButton {
		border: 1px solid #333333; 
		background-color: #999999; 
		padding: 0.25em; 
		overflow: visible; 
		text-transform: uppercase; 
		font-size: 90%; 
		font-weight: bold; 
		color: #ffffff; 
		}


/*---- CHECKBOXES & RADIO BUTTONS ----*/
.checkControl { width: 17px; margin: 0 !important; }
.checkbox { padding-left: 2em; text-indent: -2em; }
.checkbox p { padding-left: 0; text-indent: 0; }

.checkbox .cbBlock { margin: 0.5em auto 0.5em; text-indent: 0; }

.cbGroup label { display: block; }
.checkGroup span { display: block; padding-left: 2em; text-indent: -2em; }

.inline>* { vertical-align: middle; }

input[type="radio"],
input[type="checkbox"]{ vertical-align: top; }

.cbReq,
.cbOpt { vertical-align: top; }
.cbOpt { font-weight: normal; }
.cbReq { font-weight: bold; }

.cbLabel-long { float: left; width: 95%; }


/*---- BUTTON CONTAINERS ----*/
.submitRow { margin: 1em 0; clear: both; line-height: 180%; text-align: center; }
.submitRow img,
.submitRow input[type="image"] { margin: 0 1em; }




/* -- label containers -- */
.defLabel,
.label { float: left; width: 49.5%; margin-right: 5px; text-align: right; }
.defLabel1, .label1{ float: left; width: 36.5%; margin-right: 5px; line-height: 175%; text-align: right; }

.defInputLabel,
.inputLabel { float: left; width: 49.5%; margin-right: 5px; line-height: 175%; text-align: right; }
.inputText { float: left; width: 49.5%; margin-right: 5px; line-height: 175%; text-align: left; }

.cbLabel { line-height: 100% !important; }
.multiLabel { float: left; margin-right: 5px; }

/* -- field containers -- */
.defField,
.field { float: left; width: 49.5%; }
.ro-field { float: left; }

.defField1, .field1 { float: left; width: 62.5%; }

.fieldList { clear: both; float: right; margin-right: .5%; width: 49.5%; }
.darkBlueBoldTxt { width: 100%;color: darkBlue;font-weight: bold; }


.ml10p { margin-left: 10%; }
.ml20p { margin-left: 20%; }

.errDisplay { float: right; width: 49.5%; margin-right: 5px; line-height: 175%; text-align: left; }
              
.relative {
  position: relative;
  left: 50.1%;
}