/* Common SC.TextFieldView styles - needed to work properly */

.sc-view .sc-text-field-view {
  border:none;
  z-index:100;
  overflow: visible;
  background :white;
}

/* outline style for each browser tricky stuff... */
.safari .sc-view .sc-text-field-view.focus {
  outline: auto 7px -webkit-focus-ring-color; 
  outline-offset: -2px;
}

.mozilla .sc-view .sc-text-field-view.focus {
  outline-color:-moz-mac-focusring;
  outline-offset:-5px;
  outline-style:solid;
  outline-width:3px;
}

.msie .sc-view .sc-text-field-view.focus {
  outline: 1px dotted;
}

.sc-text-field-view .border {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

/*css style to make divs look like native controls*/

.mozilla .sc-view .sc-text-field-view .border {
  -moz-appearance: textfield;
}

.msie .sc-view .sc-text-field-view .border {
  border:1px inset;
}

.safari .sc-text-field-view .border {
  -webkit-appearance: textfield;
}



.sc-view .sc-text-field-view .padding {
  top: 0px;
  left: 3px;
  bottom: 0px;
  right: 3px;
  position: absolute;
}

.sc-view .sc-text-field-view.text-area .padding {
  right: 0px;
}


.sc-view .sc-text-field-view .sc-text-field-accessory-view {
	z-index: 2;
}

.sc-text-field-view input {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	line-height: 100%;
  bottom: 0px;
	right: 0px;
	display: block;
	background: transparent;
	vertical-align: middle;
}

.sc-text-field-view input {
	border: none;
	outline: none;
	-webkit-appearance:none;
}

.msie .sc-text-field-view input.field {
  padding-bottom: 1px;
}

.sc-text-field-view textarea {
	border: none;
	outline: none;
	-webkit-appearance:none;
}


.sc-text-field-view textarea {
  position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
  bottom: 0px;
	right: 0px;
	display: block;
	background: transparent;
	vertical-align: middle;
	resize: none;
	overflow: auto;
}

.msie .sc-text-field-view textarea.field,
.mozilla .sc-text-field-view textarea.field {
	height: 100%;
}


.sc-text-field-view .sc-hint {
	z-index: 1;
	position: absolute;
	top: 3px;
	left: 1px;
	right: 1px;
	bottom: 3px;
	padding: 0px;
	color: #aaa ;
	font-size: 12px;
}

.sc-text-field-view.text-area .sc-hint {
	top: 2px;
	left: 3px;
	right: 3px;
	bottom: 2px;
}

.sc-text-field-view.focus .sc-hint,
.sc-text-field-view.not-empty .sc-hint {
  display: none ;
}

.sc-text-field-view.sc-hint .field{
  color: #B3B3B3 !important;
}