@import "/cfuniform/commonassets/css/uni-form-generic.css";
/*
*	MQ - 2/19/09
*	The original uni-form.css content has been moved to the bottom half of uni-form-generic.css.
*	This file contains rules that have been altered and are specific to the cfUniForm implementation.
*
*	If you want to make alterations to the rules, I would recommend copying/pasting the oringal rules 
*	from the lower portion of uni-form-generic.css into a new file, and making changes there.  You 
*	can then load your new file instead of this one.
*/

/* Keep in mind that wherever you see 'Required property' it means that the property must exist */

/* ------------------------------------------------------------------------------ */

	/* define a default background color of white and font color of black for our form elements (since some users have different color setups on their systems) */
	.uniForm input, 
			.uniForm textarea, 
					.uniForm select { background-color: white; color: black; }
  /* Generals */
  .uniForm fieldset{ margin:0 0 7px 0; padding:0; }
    .uniForm fieldset legend{ color: #333; /*font:bold small-caps 100%/100% "lucida grande", "lucida sans unicode", "trebuchet ms", arial, verdana, sans-serif;*/ margin: 0 0 .5em; padding: 0; }
    
    /* This is the main unit that contains our form elements */
    .uniForm .ctrlHolder{ padding: 7px; border: solid 1px #f9f9f9; border-width: 1px 0; background:#F4F4F4; }
    
    .uniForm .buttonHolder{ background:#F4F4F4; border:1px solid #ccc; border-width:1px 0; margin:10px 0 0 0; padding:10px; text-align:right; }
    .uniForm .buttonHolder button { background-color: #ccc; border: outset 1px #f9f9f9; cursor: pointer; }
    
    /* This class gets added to div.ctrlHolder to highlight the row */
    .uniForm .focused{ background: #fffcdf url(/cfuniform/commonassets/images/uni-form/uf_focused.png); border:1px solid #EFE795; border-width:1px 0; }

/* ------------------------------------------------------------------------------ */

    /* .blockLabels (default style, will be applied even if you don't class the parent element) */
      .uniForm .textInput,
      .uniForm .blockLabels .textInput,
      .uniForm .blockLabels .fileUpload{ width: 53%; /* <- Required property */ border:2px solid #dfdfdf; }
    
      .uniForm .selectInput,
      .uniForm select,
      .uniForm .blockLabels .selectInput,
      .uniForm .blockLabels select{ width: 53.5%; /* <- Required property */ border:2px solid #dfdfdf; }
      .uniForm textarea,
      .uniForm .blockLabels textarea{ width: 53%; /* <- Required property */ height: 12em; border:2px solid #dfdfdf; }

      .uniForm .formHint,
      .uniForm .blockLabels .formHint{ width: 45%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; font-style: italic; }
      
	/* Dan Wilson */
	.uniForm .blockLabels .hasDatePicker, .uniForm .blockLabels .hasTimePicker{ float:left; width:9em; /* user prefs */ border:2px solid #dfdfdf; }

/* ------------------------------------------------------------------------------ */

    /* .inlineLabels */
    .uniForm .inlineLabels label,
    .uniForm .inlineLabels .label{ width: 30%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }
    
    .uniForm .inlineLabels .textInput,
    .uniForm .inlineLabels .fileUpload{ width: 67%; /* <- Required property */ border:2px solid #dfdfdf; }
    
    .uniForm .inlineLabels .selectInput,
    .uniForm .inlineLabels select{ width: 67%; /* <- Required property */ }
    
    .uniForm .inlineLabels textarea{  width: 67%; /* <- Required property */ height: 12em; border:2px solid #dfdfdf; }

    .uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 32%; font-size: .9em; color: #777; position: static; width: 68%; font-style: italic; }
    
    .uniForm .inlineLabels .multiField{ width: 67%; /* <- Required property */ margin: 0 0 .3em 0; }
      .uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
      .uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 26%; margin: 0 3% 0 0; }
      .uniForm .inlineLabels .multiField .blockLabel .textInput,
      .uniForm .inlineLabels .multiField .blockLabel .selectInput,
      .uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }
	/* Dan Wilson */
	.uniForm .inlineLabels .hasDatePicker, .uniForm .inlineLabels .hasTimePicker{ float:left; /* user prefs */ width:9em; border:2px solid #dfdfdf; }

/* Messages */
.uniForm #errorMsg{ background: #ffdfdf url(/cfuniform/commonassets/images/uni-form/uf_error.png) !important; border: 1px solid #df7d7d; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.uniForm .error{ background: #ffdfdf url(//cfuniform/commonassets/images/uni-form/uf_error.png) !important; border: 1px solid #df7d7d; border-width: 1px 0; }

  .uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; padding:2px 0 2px 18px; background:url(/cfuniform/commonassets/images/uni-form/icon-error.png) 0 0 no-repeat; }
  .uniForm #errorMsg dd{ margin: 0; padding: 0; }
    .uniForm #errorMsg ol{ margin: 0; padding: 0; }
      .uniForm #errorMsg ol li{ margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #df7d7d; position: relative; }
    .uniForm .errorField{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; }

.uniForm #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
  .uniForm #OKMsg p{ margin: 0; padding-left: 20px; background: #c8ffbf url(/cfuniform/commonassets/images/uni-form/icon-success.gif) no-repeat; }


/*--------------------------------------------------------------------------------------------------------------------------*/
/*BO - MY CUSTOM ADDS FOR CFUNIFORM ARE BELOW*/

/*BEGIN COMMENT OUT ---------------------------------------------------------------*/
/*COMMENT OUT = highlights places where i had to comment out code to prevent it from executing*/
/*uni-form.css-line 22 - font:bold small-caps 100%/100% "lucida grande", "lucida sans unicode", "trebuchet ms", arial, verdana, sans-serif;*/
/*END COMMENT OUT -----------------------------------------------------------------*/


/*BEGIN CHANGES -------------------------------------------------------------------*/
/*CHANGES = changes made where rewriting the code above was necessary because the overwrites below would not work*/
/*line 1 - change import path of other css file to help with validation*/
	/*
	@import "uni-form-generic.css";
	-> to
	@import "/cfuniform/commonassets/css/uni-form-generic.css";
	*/
/*line 25 - changed background color*/
	/*.uniForm .ctrlHolder{background:#F4F4F4;}*/
/*line 27 - changed background color*/
	/*.uniForm .buttonHolder{background:#F4F4F4;}*/
/*END CHANGES ---------------------------------------------------------------------*/


/*BEGIN OVERWRITES ----------------------------------------------------------------*/
/*OVERWRITES = rules are still included above, but i wrote the rules again to overwrite the code above. this also contains instances where i added additional rules that were not in the css above.*/
/*line 22 - changes form title, like "Client Portal" and made text color black*/
.uniForm fieldset legend{color: #000;  font-size:1em; font-family:"Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;}
/*line 28 - added:(width:auto;overflow:visible;padding:0 3px;) to trim excess fat off IE buttons. kept login form button from flowing outside box in 800x600*/
.uniForm .buttonHolder button {width:auto; overflow:visible; padding:0 3px;}
/*line 45 - added rules to make font the same size and same font family*/
.uniForm .blockLabels textarea{ font-family:Lucida, Verdana, Arial, Helvetica, sans-serif; font-size:.8em; }
/*line 48 - changed font size to make hint text smaller.*/
.uniForm .blockLabels .formHint{ font-size: .7em; }
/*END OVERWRITES ------------------------------------------------------------------*/


/*BEGIN ADDITIONS -----------------------------------------------------------------*/
/*ADDITIONS = complete new chunks of css code where there were no rules there before.*/
/*makes form labels .8em to match the other text*/
.uniForm label, .uniForm .label {font-size:.8em;}
/*makes font size of li on page top error message be .8em*/
.uniForm li {font-size:.8em;}
/*added to remove backround colors from radio buttons and checkboxes in IE*/
.uniForm .blockLabels input[type='radio'] { background:none;}
.uniForm .blockLabels input[type='checkbox'] { background:none;}
/*added for links that appear beside help icons in forms in the hint area*/
.uniForm .blockLabels a:link {color:#024A68; text-decoration:underline;}
.uniForm .blockLabels a:visited {color:#024A68; text-decoration:underline;}
.uniForm .blockLabels a:hover {background:#024A68; color:#FFF; text-decoration:none;}
.uniForm .blockLabels a:active {background:#024A68; color:#FFF; text-decoration:none;}
.uniForm .formHint a, .uniForm .blockLabels .formHint a {font-style:normal;}
/*moves hint text up vertically to appear centered like the rest of the form field hints for fields with inputClass="date"??????????????????*/
.uniForm .blockLabels .date .formHint { top: -2em; }
/*makes astericks red instead of black for required fields, the .label is for custom fields where the asterick is inside a p of class label*/
label em, .label em {color:#FF0000;}
/*positions the help icon that might be displayed in the hints from time to time*/
img.formHelpIcon {margin:0; padding:0; border:0; vertical-align:middle; padding-bottom:4px;}
/*apply this id to p that contains asterick of custom classes to get the position of the asterick to line up in right place. had to use id because i could not get it to work when i added an additional class. to use it: <p class="label" id="asterickMargin"><em>*</em></p>*/
#asterickMargin {margin:0;}
/*custom field to make form fields stretch accross the available space, USED IN LOGIN FORM*/
.uniForm .blockLabels .textInput.fieldStretch { width: 98%; /* <- Required property */ }
/*END ADDITIONS -------------------------------------------------------------------*/

/*BEGIN IMAGE PATH UPDATES --------------------------------------------------------*/
/*/cfuniform/commonassets/css/uni-form.css - lines 31, 79, 80, 82, 89*/
/*/cfuniform/commonassets/scripts/jQuery/forms/uni-form.jquery.js - lines 62, 69*/
/*END IMAGE PATH UPDATES ----------------------------------------------------------*/

/*BEGIN EDITS DONE IN OTHER FILES -------------------------------------------------*/
/*/cfuniform/commonassets/css/uni-form-generic.css*/
	/*line 556
	.uniForm .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; }
	changed to ->
	.uniForm .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; background:#F4F4F4; }
	*/
/*/cfuniform/tags/forms/cfUniForm/fieldset.cfm*/
	/*
	added cfif statement on line 176 to get error fields of attachments to disappear when using the jquery showhide code. the statement attached the container class even when an error was returned when trying to submit the form. this way user could uncheck the attachment field and the fields with errors would disappear as well. the problem was that when there was an error, the container class was not getting added to the form field.
	 <cfif structKeyExists(thisField, 'containerClass') AND len(thisField.containerClass) GT 0> #thisField.containerClass#</cfif>
	*/
/*/cfuniform/tags/forms/cfUniForm/form.cfm*/
	/*line 556
	_head = _head & '<script type="text/javascript">$(document).ready(function() {' & jsConfig & ' });</script>';
	changed to ->
	_head = '<script type="text/javascript">$(document).ready(function() {' & jsConfig & ' });</script>';*/
/*END EDITS DONE IN OTHER FILES ---------------------------------------------------*/


/*BEGIN SITE SPECIFIC FIXES -------------------------------------------------------*/

/*END SITE SPECIFIC FIXES ---------------------------------------------------------*/

/*
MISC NOTES:
delete cfuniform images folder after movingn images???
Comment out /cfuniform/commonassets/css/jquery.ui.datepicker.css line 203 filter: mask();  - not sure what this was for?
*/