
	::-webkit-input-placeholder {color:#aaaaaa; font-size:13px;}
	:-moz-placeholder {color:#aaaaaa; font-size:13px !important;}
	.placeholderDisplayNode {display:none; position:absolute; top:6px; left:5px; color:#aaaaaa;}
	
	.smartFormContainer {background:white; margin:50px; padding:25px; width:400px; border:1px solid #ccc; }
	
	/* zero out */
	.smartForm input, .smartForm select, .smartForm .dijitInputField, .smartForm .dijitTextBox, .smartForm textarea {outline:0!important;border:0; padding:0; margin:0; background:transparent; vertical-align:middle; font: 13px arial,sans-serif;}
		
	/* build back up */

    /* create some top margin to hold the formError */
	.smartForm {font-size:13px; color:#666666;}
	
	.smartForm .ask {margin:0 0 15px; position:relative;}
    .smartForm .ask.noErrors {margin-bottom:0;}
	.smartForm .askLabel {margin:0 0 1px; min-height:18px;}
	.smartForm .boldLabel .askLabel {font-weight:bold;}
	
	.smartForm input:focus {outline:none;}
	.dijitTextBoxFocused {outline:none;}
	.smartForm .text, .smartForm .textarea, .smartForm .password, .smartForm .select, .smartForm .csz {position:relative; min-height:18px; border:1px solid #cccccc; background:white; padding:6px 4px 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 2px 0px #999999; -moz-box-shadow: inset 0px 1px 2px 0px #999999; box-shadow: inset 0px 1px 2px 0px #999999;}
	.smartForm .text input, .smartForm .textarea textarea, .smartForm .password input, .smartForm .select select, .smartForm .datePicker input {width:100%; display:block; position:relative; background:url(../../img/1x1_SvC1e8bSiCPFh8mObbEThgbJIaGZi72ATzqobK6QnnB.gif) 0 0 repeat;}
	.smartForm .text {}
	.smartForm .text input {}
	.smartForm .csz {}
	.smartForm .csz input {display:block;}
	.smartForm .csz .dijitTextBox {display:block; width:auto;}
	.smartForm .textarea {}
	.smartForm .textarea textarea {}
	.smartForm .yesNos {margin-bottom: 10px;}
	.smartForm .password {}
	.smartForm .radio {}
	.smartForm .radio .label {padding:0 10px 0 0;}
	.smartForm .radio input {margin-left:1px;position:relative; top:-1px;}
    .smartForm .twoColumnCell   {float:left; clear:none; width:50%; margin:0 0 4px}
    .smartForm .threeColumnCell {float:left; clear:none; width:33%; margin:0 0 4px}
    .smartForm .fourColumnCell  {float:left; clear:none; width:25%; margin:0 0 4px}
	.smartForm .radio input {position:relative; top:-1px;}
	.smartForm .select {padding:0px;} 
	.smartForm .select select {height:26px;line-height: 22px;padding:4px !important;}
	.smartForm .checkbox .label {padding:0 10px 0 0;}
	.smartForm .checkbox input {margin-right:4px;position:relative; top:-2px;}/* see ie fixes */
	.smartForm .datepickerContainer {}
	.smartForm .datepickerContainer .datePicker {display:none;}
	.smartForm .datePicker img {cursor:pointer;margin-top: -16px; position: absolute; right: 5px}
	.smartForm .submit {}
	.smartForm .submit input {cursor:pointer; font-size:20px; width:100%; height:43px; border:2px solid #ffffff; background:#F15c22; color:white; padding:5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
	.smartForm .submit input:hover {background:#f47d4e;}

    .smartForm .cancel {line-height: 43px; font-size: 16px;}
	
	.smartForm .disabledText {background:#F1F7ED; opacity:.5;}
	
	.smartForm div.askFocus {border-color:#66bee2 !important; -webkit-box-shadow: 0px 0px 8px 0px #66bee2; -moz-box-shadow: 0px 0px 8px 0px #66bee2; box-shadow: 0px 0px 8px 0px #66bee2;}

    /* the formError sits in the margin we create at the top of the smartForm */
    .smartForm .formErrorContainer {height: auto;} /* fixed height element to contain the error so we don't change the height of the form if there is a visible error */
    .smartForm .formError {display:none; opacity: 0; font-size:12px; margin: 0 0 5px;}
    .smartForm .formError.errorShowing {display:block; opacity: 1; color:#cc0000;}
    .smartForm .formError.errorCleared {display:block; opacity: 1; color: #666666;}

	.smartForm .errorDisplay {display:none; opacity: 0; position:absolute; bottom:-14px; font-size:11px;width:600px}
    .smartForm .errorDisplay.errorShowing {display:block; opacity: 1; color:#cc0000;}
    .smartForm .errorDisplay.errorCleared {display:block; opacity: 1; color:#666666;}

	.smartForm .text.errorShowing, .smartForm .textarea.errorShowing, .smartForm .password.errorShowing {border-color: #cc0000; background:#FFDDDC url(../../img/icons/error-exclamation_swZidk1qTnERdIMdVmjVmKyp3DPGFrfFA1kvoBWzM0l.png) right 5px no-repeat;}
    .smartForm .select.errorShowing {border-color: #cc0000;}
    .smartForm .askLabel.errorShowing {color: #cc0000;}

	.smartForm .labelError {position:relative;}
	.smartForm .labelError .errorIcon {position:absolute; left:5px; top:-1px; height:16px; width:16px;}
    .smartForm .errorShowing .labelError .errorIcon {background:url(../../img/icons/error-exclamation_swZidk1qTnERdIMdVmjVmKyp3DPGFrfFA1kvoBWzM0l.png) 0 0 no-repeat;}
	
	.ui-autocomplete {cursor:pointer;border-left:1px solid #ccc !important;border-right:1px solid #ccc !important;
	 border-bottom:1px solid #ccc !important;margin-top:6px;}

    .smartForm .ask .ui-icon {float:right;position:absolute;right: -24px; top:5px;}
    .smartForm .ask .ui-icon.error { background-image: url("/css/jqueryui/redmond/images/ui-icons_cd0a0a_256x240.png"); }
    
    .approvalLegend {margin-bottom:6px}
    .approvalLegend .ui-icon.error {background-image: url("/css/jqueryui/redmond/images/ui-icons_cd0a0a_256x240.png");float:left;margin-right:2px }
    /*.ask.text .ui-icon {margin-right:-24px; margin-top:7px;}*/
