@CHARSET "UTF-8";

.form-box {
}

.form-box label {
  margin-right: 8px;
}

.form-box select {
  font-size: 11px;
  margin-right: 10px;
}

.form-box input, .form-box textarea {
  font-size: 11px;
  margin-right: 5px;
}

.button-row {
  border-top: 1px solid #ccc;
  text-align: right;
}

.button-row input {
  margin: 4px;
}


.w40 {
  width: 80px;
}

.w60 {
  width: 80px;
}

.w80 {
  width: 80px;
}

.w100 {
  width: 100px;
}

.w120 {
  width: 120px;
}

.w140 {
  width: 140px;
}

.w160 {
  width: 160px;
}

.w180 {
  width: 180px;
}

.w200 {
  width: 200px;
}

.w220 {
  width: 220px;
}

.w240 {
  width: 240px;
}

.w400 {
  width: 400px;
}

.w420 {
  width: 420px;
}

.w440 {
  width: 440px;
}

.w500 {
  width: 500px;
}

.w550 {
  width: 550px;
}

.w600 {
  width: 600px;
}

/**
  *    WrappedFormComponent Stuff
  */
.wrappedFormComponent {
	padding: 2px 3px 2px 10px;
	text-align: left;
}

.wrappedFormComponent .nameLabel {
 	display: block; float: left; line-height: 2em; white-space: nowrap;
}

.wrappedFormComponent .requiredLabel {
	display: block; float: left; line-height: 2em; color: #aa0000; font-weight: bold;	
}

.wrappedFormComponent .wrapperDiv {
  float: left; text-align: left;
}

.wrappedFormComponent .helper { 
	position: absolute;
	padding: 2px 6px 2px 6px; 
	background-color: white; 
	border: 6px solid solid #C2DDEF;
	margin-top: -1em;
  right: -20px;
}


.wrappedFormComponent .errorImg { 
	margin-top: 3px;
	position: absolute;
}

.wrappedFormComponent .helperErrorText { 
	color: #aa0000;
	font-weight: bold;
}

.wrappedFormComponent input { 
	margin-right: 4px;
}


/**
  *    WrappedFormComponent focused Stuff
  */
.wrappedFormComponent-focused {
	background-color: #c2ddef;
}

.wrappedFormComponent-focused .helper {
	background-color: #ffffff;
	border: 6px solid #c2ddef;
	padding: 6px;
}


/**
  *    WrappedFormComponent error Stuff
  */
.wrappedFormComponent-error {
	background-color: #ffdddd;
}

.wrappedFormComponent-error .nameLabel {
 	color: #aa0000;
 	font-weight: bold; 	
}

.wrappedFormComponent-error .helper {
	border: 6px solid #ffdddd;
}

/**
  *    WrappedFormComponent focused-error Stuff
  */
.wrappedFormComponent-focused-error {
	background-color: #ffdddd;
}

.wrappedFormComponent-focused-error .nameLabel {
 	color: #aa0000;
 	font-weight: bold; 	
}