/* Common styles */

.select
{
	position:relative; display:inline-block;
	height:32px;
	margin:0 0 15px 0;
}
.select select
{
	position:relative;
	z-index:1;
	width:100%; height:100%;
	margin:0; padding:1px 36px 1px 16px;
	background:transparent;
	border:0;
	font-size:15px; color:#000; text-shadow:#FFF 0px 1px 0; line-height:32px;
	outline:none;
	cursor:pointer;
	-webkit-font-smoothing:antialiased;
	appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.select em
{
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;

	background:#F1F2F3; /* Old browsers */
	background:-moz-linear-gradient(top, #FAFAFA 0%, #f1f2f3 50%, #E8E9EB 50%, #CDD1D3 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(50%,#f1f2f3), color-stop(50%,#E8E9EB), color-stop(100%,#CDD1D3)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FAFAFA 0,#f1f2f3 50%,#E8E9EB 50%,#CDD1D3 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FAFAFA 0,#f1f2f3 50%,#E8E9EB 50%,#CDD1D3 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #FAFAFA 0,#f1f2f3 50%,#E8E9EB 50%,#CDD1D3 100%); /* IE10+ */
	background:linear-gradient(to bottom, #FAFAFA 0,#f1f2f3 50%,#E8E9EB 50%,#CDD1D3 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#CDD1D3',GradientType=0 ); /* IE6-9 */

	border:1px solid; border-color:#DEE1E7 #D0D4DA #AEB2B7 #D0D4DA; border-radius:4px;
	box-shadow:inset 0 1px white,inset 0 0 0 1px rgba(255, 255, 255, 0.35),0 1px rgba(255, 255, 255, 0.6); -webkit-box-shadow:inset 0 1px white,inset 0 0 0 1px rgba(255, 255, 255, 0.35),0 1px rgba(255, 255, 255, 0.6);
}
.select:hover em
{
	background:#DDD; /* Old browsers */
	background:-moz-linear-gradient(top, #FFF 0%, #F3F5F5 50%, #ECEDEF 50%, #DEE1E4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(50%,#F3F5F5), color-stop(50%,#ECEDEF), color-stop(100%,#DEE1E4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FFF 0,#F3F5F5 50%,#ECEDEF 50%,#DEE1E4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FFF 0,#F3F5F5 50%,#ECEDEF 50%,#DEE1E4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #FFF 0,#F3F5F5 50%,#ECEDEF 50%,#DEE1E4 100%); /* IE10+ */
	background:linear-gradient(to bottom, #FFF 0,#F3F5F5 50%,#ECEDEF 50%,#DEE1E4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#DEE1E4',GradientType=0 ); /* IE6-9 */
}
.select em:after
{
	position:absolute; display:block;
	top:0; right:21px;
	width:1px; height:100%;
	content:"";

	background:#F1F2F3; /* Old browsers */
	background:-moz-linear-gradient(top, #DEE1E7 0%, #D0D4DA 50%, #AEB2B7 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#DEE1E7), color-stop(50%,#D0D4DA), color-stop(100%,#AEB2B7)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #DEE1E7 0,#D0D4DA 50%,#AEB2B7 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #DEE1E7 0,#D0D4DA 50%,#AEB2B7 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #DEE1E7 0,#D0D4DA 50%,#AEB2B7 100%); /* IE10+ */
	background:linear-gradient(to bottom, #DEE1E7 0,#D0D4DA 50%,#AEB2B7 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEE1E7', endColorstr='#AEB2B7',GradientType=0 ); /* IE6-9 */

	box-shadow:-1px 0 rgba(255, 255, 255, 0.35),1px 0 rgba(255, 255, 255, 0.35); -webkit-box-shadow:-1px 0 rgba(255, 255, 255, 0.35),1px 0 rgba(255, 255, 255, 0.35);
}
.select em:before
{
	position:absolute; display:block;
	top:7px; right:7px;
	width:7px; height:18px;
	background:url(/img/ui/icon-sprite.png) no-repeat -186px -674px;
	content:"";
}
.select-1.error + em
{
	border-color:#F00;
}