@charset 'utf-8';

/*
 * 1. Firefox doesn’t inherit font family specified for “select”. More
 *    information: https://github.com/nathansmith/formalize/issues/41
 * 2. Change this according to your site’s font (family) configuration. Be
 *    aware that changing font size and line height affects vertical alignment
 *    of check boxes and radio buttons. There’s no “holy grail” for vertically
 *    aligning those input types.
 * 3. If you use a universal reset for “margin” and “padding” in your site’s
 *    base CSS file you don’t need this.
 * 4. Corrects color not being inherited in IE8/9.
 * 5. Tailored to the demo page with all given HTML markup dependencies and
 *    so on. Please change according to your needs.
 */


select {
	font: 100%/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 2 */
	margin: 0; /* 3 */
	padding: 0; /* 3 */
}


/*
 * 1. WebKit browsers use “pointer” only when “size” attribute with value 0
 *    or 1 is present.
 */


select {
	cursor: pointer;
}

/*
 * Improves appearancy and consistency in all browsers.
 *
 * 1. https://github.com/nathansmith/formalize/issues/43
 * 2. Firefox sets line height using “!important” in the UA style sheet.
 */

select {
	line-height: normal; /* 2 */
	vertical-align: top;
}

/*
 * The reason why I list all input types one by one and not just “input” is
 * this: I don’t want to address input types “file” and “range”.
 */


select,
 {
	-moz-background-clip: padding;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	border: 1px solid;
	height: 1.8em;
}


select
 {
	background-color: #fff;
	border-color: #d6d6d6;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px 10px 5px;
	color:#bebebe !important;
	height: 33px;
	}

/*
 * Known issue regarding “select”: IE 9 ignores background color.
 */


select:hover {
	background-color: #f5f5f5;
}




/*
 * 1. A font size of 100% (as specified in the first rule set) would render
 *    check boxes and radio buttons bigger in Webkit browsers (Mac OS X).
 * 2. Needed for browser specific positioning later on.
 * 3. Improves consistency in all browers.
 */

input[type='checkbox'],
input[type='radio'] {
/*	font-size: .6875em;*/ /* 1 */
	position: relative; /* 2 */
	vertical-align: middle; /* 3 */
}



select[multiple],
select[size] {
  height: auto;
}

/* https://github.com/nathansmith/formalize/issues/42 */

select[size='0'],
select[size='1'] {
	height: 1.8em;
}

/*
 * Only Firefox understands this. Result: Opera and IE have italic font style,
 * WebKit and Firefox normal font style.
 */



	select {
		-webkit-appearance: none;
		border-radius: 0;
	}

	/*
	 * 1. https://github.com/nathansmith/formalize/issues/44
	 */

	select[multiple],
	select[multiple][size], /* 1 */
	select[size] {
		background-image: none;
		padding-right: 3px;
	}

	select,
	select[size='0'],
	select[size='1'] {
		background: transparent url('../images/select_arrow.gif') no-repeat right center;
		padding-right: 1em;
	}

	::-webkit-input-placeholder {
		color: #888;
	}

}