/* Common styles */

.custom-select
{
	position:relative; display:inline-block; overflow:hidden;
	height:33px;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;
	vertical-align:middle;
}
.lte7 .custom-select { display:inline; zoom:1; }

.custom-select div
{
	height:100%;
	padding:0 9px 0 0;
}
.custom-select select
{
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	opacity:0;
	font-size:13px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	cursor:pointer;
	-webkit-appearance:menulist-button; /* Make Chrome on Mac respect height */
}
.custom-select span
{
	display:block;
	padding:0 15px 0 9px;
	height:100%;
}
.custom-select.disabled
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity:0.5;
}
.custom-select.disabled select
{
	cursor:default;
}
.ie7 .custom-select select
{
	top:1px;
	filter:alpha(opacity=0);
}
.ie8 .custom-select select
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ie6 .custom-select div span,
.ie7 .custom-select div span
{
	cursor:default;
}

/* Skins */

.custom-select-1
{
	height:33px;
	background:#F8F8F8;
	background:-moz-linear-gradient(top, #FDFDFD 0%, #F4F4F4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#F4F4F4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* IE10+ */
	background:linear-gradient(to bottom, #FDFDFD 0%,#F4F4F4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#F4F4F4',GradientType=0 ); /* IE6-9 */
	border:1px solid #AAA;
}
.custom-select-1.focus
{
	border-color:#7DBEE8;
}
.custom-select-1 span
{
	overflow:hidden; white-space:nowrap;
	padding-left:12px; padding-right:32px;
	color:#666; font-size:12px; font-style:normal; line-height:33px; text-overflow:ellipsis;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -933px;
}

.custom-select-x
{
	height:33px;
	background:#F8F8F8;
	background:-moz-linear-gradient(top, #FDFDFD 0%, #F4F4F4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#F4F4F4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* IE10+ */
	background:linear-gradient(to bottom, #FDFDFD 0%,#F4F4F4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#F4F4F4',GradientType=0 ); /* IE6-9 */
	border:1px solid #AAA;
}
.custom-select-x.focus
{
	border-color:#7DBEE8;
}
.custom-select-x span
{
	overflow:hidden; white-space:nowrap;
	padding-left:12px; padding-right:32px;
	color:#666; font-size:12px; font-style:normal; line-height:33px; text-overflow:ellipsis;
	
}

.custom-select-2
{
	height:23px;
	background:#FAFAFA;
	background:-moz-linear-gradient(top, #FEFEFE 0%, #F6F6F6 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#F6F6F6)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #FEFEFE 0%,#F6F6F6 100%); /* IE10+ */
	background:linear-gradient(to bottom, #FEFEFE 0%,#F6F6F6 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F6F6F6',GradientType=0 ); /* IE6-9 */
	border:1px solid #DDD;
}
.custom-select-2 span
{
	overflow:hidden; white-space:nowrap;
	padding-right:32px;
	color:#888; font-size:12px; font-style:normal; line-height:23px; text-overflow:ellipsis;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -881px;
}

.custom-select-3
{
	height:43px;
	background:#F8F8F8;
	background:-moz-linear-gradient(top, #FDFDFD 0%, #F4F4F4 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#F4F4F4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #FDFDFD 0%,#F4F4F4 100%); /* IE10+ */
	background:linear-gradient(to bottom, #FDFDFD 0%,#F4F4F4 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#F4F4F4',GradientType=0 ); /* IE6-9 */
	border:1px solid #DDD;
}
.custom-select-3 span
{
	overflow:hidden; white-space:nowrap;
	padding-right:32px;
	color:#666; font-size:12px; font-style:normal; line-height:43px; text-overflow:ellipsis;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -1977px;
}

.custom-select-4
{
	height:23px;
	background:#424242;
	background:-moz-linear-gradient(top, #454545 0%, #3D3D3D 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(100%,#3D3D3D)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #454545 0%,#3D3D3D 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #454545 0%,#3D3D3D 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #454545 0%,#3D3D3D 100%); /* IE10+ */
	background:linear-gradient(to bottom, #454545 0%,#3D3D3D 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3D3D3D',GradientType=0 ); /* IE6-9 */
	border:1px solid #555;
}
.lte8 .custom-select-4{
	filter: none;
	background: #fff;
}
.custom-select-4 span
{
	overflow:hidden; white-space:nowrap;
	padding-right:32px;
	color:#888; font-size:11px; font-style:normal; line-height:23px; text-overflow:ellipsis;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -2416px;
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	.custom-select-2 span
	{
		line-height:22px;
	}
}