/* framework specific classes */

.formWrapper {
	width: 80%;
	padding-left: 10%;
}

.formPair {
	width: 100%;
	clear: both;
	padding-bottom: 1.7em;
}

.formField {
	float: left;
	clear: left;
/*	font-weight: bold;
	text-align: right; */
  width: 100%;
}

.formValue {
	float: left;
/*	clear: both; */
	text-align: left;
/*  padding-bottom: 0.25em;
  padding-left: 1em;  */
  width: 100%;
}

.formError {
  color: red;
  width: 100%;
}

.formPairError {
  color: red;
}

.formMessage {
  color: red;
  width: 100%;
}

.formButtons {
	width: 20%;
/*	clear: both; */
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: .5em;
	text-align: right;	
}

.formSpacer {
	width: 100%;
	float: left;
	clear: left;
	font-weight: bold;
	text-align: left;
	padding-bottom: .5em;
}

.formWrapper input  {
	border: 1px dotted #4CAAFB;
} 

input, select, textarea {
	border: 1px dotted #4CAAFB;
}

TABLE.framework-table {
	border: thin red solid;
	font-size: 9pt;
}

TABLE.framework-table TH {
  font-weight: bold; 
  background-color: #eee;
}

TABLE.framework-table TD {
  border-bottom: 1px dotted #DEEEFE;	
}

.active {
  background-color: #afa;
}

.inactive {
	background-color: #faa;
}

.inactive {
	font-style: italic;
	background-color: #faa;
}

.framework-link {
  background-color: light-red;
	border: 1px dotted red;
}

.debugging {
	font-size: x-small;
	white-space: pre;
}