.shiny-field-wrapper {
	display: inline-block;
	/* IE7 inline-block hack. You may want to create a IE7-specific stylesheet? */
	zoom: 1;
	*display: inline;
	position: relative;
	height: 36px;
	width: 292px;
	border: 1px solid #a2a2a2;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.2);
	background: white;
}

.shiny-field-wrapper.in-focus {
	border: 1px solid #5897fb;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.shiny-field-wrapper input {
	outline: none;
	position: absolute;
	z-index: 2;
	width: 272px;
	padding: 0;
	margin: 8px 10px 8px 10px;
	border: 0;
	font-family: Arial;
	font-size: 16px;
	background:  none;
	-webkit-appearance: none; /* to stop ipad safari from applying a text shadow! */
}

.shiny-field-hint {
	display: none;
	position: absolute;
	z-index: 1;
	width: 272px;
	padding: 8px 10px 8px 10px;
	font-family: Arial;
	font-size: 16px;
	color: #aaa;
	cursor: text;
}

.shiny-field-wrapper.in-focus .shiny-field-hint {
	color: #c7c7c7;
}