/*  CHECKBOX */

b.fmCheckbox {
	float: left;
	width: 12px;
	height: 12px;
	background: red;
	position: relative;
	cursor: pointer;
	background: url("../images/checkbox.gif") no-repeat left -12px;
	margin-top: 5px;
	font-size: 9px;
	line-height: 1%;
	text-indent: -1000em;
}

b.fmCheckbox.checked { background-position: left top; }
b.fmCheckbox:hover { background-position: -12px -12px; }
b.fmCheckbox.checked:hover { background-position: -12px top; }

b.fmCheckbox.chbx-disabled { background-position: -24px -12px; }

b.fmCheckbox.checked.chbx-disabled,
b.fmCheckbox.checked.chbx-disabled:hover { background-position: -24px top; }

/*	SELECT BOX	*/

.fmSelect {
	width: 100%;
	position: relative;
	outline: none;
	z-index: 150;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	margin-bottom: 20px;
	text-transform: uppercase;
}

.fmSelect strong { 
	width: 100%;
	background: url("../images/select-box-left.png") no-repeat left top;
	cursor: pointer;
	position: relative;
	display: block;
}

.fmSelect strong span {
	display: block;
	font-size: 16px;
	line-height: 50px;
	font-family: 'Prelo Semibold';
	font-weight: normal;
	background: url("../images/select-box-right.png") no-repeat right top;
}

.fmSelect strong span cite{
	display: block;
	padding: 0 17px;
	white-space: nowrap;
	overflow: hidden;
	font-style: normal;
}

.fmSelect ul {
	position: absolute;
	left: 0;
	top: 50px;
	margin: 0 !important;
	padding: 0;
	border: 1px solid #AEAFB0;
	width: 100%;
	list-style: none;
	font-size: 13px;
	background: white;
	padding-top: 1px;

	max-height: 128px;
	overflow-y: scroll;
	z-index: 1500;

	display: none;
	-webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
}

.fmSelect ul li {
	display: block;
	padding: 10px 17px;
	border-bottom: 1px solid white;
}

.fmSelect ul li.active {
	background: #e7e1d5;
	cursor: pointer;
}

/* RADIO BUTTON */
.fmRadio {
	float: left;
	width: 12px;
	height: 12px;
	font-size: 0;
	line-height: 1%;
	text-decoration: none;
	cursor: pointer;
	background: url("../images/radiobutton.gif") no-repeat left -12px;
}

.fmRadio.checked { background-position: left top; }
.fmRadio:hover { 
	background-position: -12px -12px;
	text-decoration: none;
}
.fmRadio.checked:hover { background-position: -12px top; }

.fmRadio.rbtn-disabled,
.fmRadio.checked.rbtn-disabled, 
.fmRadio.rbtn-disabled:hover { background-position: -24px -12px; }

/*	FILE INPUT	*/

.fnFileInput {
	float: left;
	background: url("../images/file-input-left.gif") no-repeat left top;
	font-size: 15px;
	cursor: text;
	text-decoration: none;
	position: relative;
}

.fnFileInput span {
	float: left;
	width: 100%;
	height: 29px;
	position: relative;
	z-index: 150;
	background: url("../images/file-input-right.gif") no-repeat right top;
}

.fnFileInput span cite {
	float: left;
	margin: 6px 7px;
	display: inline;
	font-size: 13px;
	width: 67%;
	white-space: nowrap;
	overflow: hidden;
	color: #777;
	cursor: text;
}

.fnFileInput span strong {
	float: right;
	display: inline;
	border-left: 2px solid #CDDFE9;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 1px 2px;
	line-height: 195%;
	overflow: hidden;
	height: 27px;
	width: 22%;
	color: #000033;
	white-space: nowrap;
	text-decoration: none;
	background: url("../images/file-input-button.gif") repeat-x left top;
	text-align: center;
	position: relative;
	z-index: 1;
	max-width: 230px;
}

b.fnFileInput.fmInFocus { background-image: url("../images/file-input-left-focus.gif"); }
b.fnFileInput:hover span { background-image: url("../images/file-input-right-hover.gif"); }
b.fnFileInput:hover span strong { background-image: url("../images/file-input-button-hover.gif"); border-color: #DCE9F0; }

.fnFileInput.disabled,
b.fnFileInput.fmInFocus.disabled { background-image: url("../images/file-input-left-disabled.gif"); }

b.fnFileInput.disabled:hover span strong {
	background-image: url("../images/file-input-button.gif");
	border-left: 2px solid #CDDFE9;
}

.fnFileHidden {
	position: absolute;
	top: 0;
	right: 0;
	
	z-index: 150;
	height: 30px;
	width: 15em !important;
	filter: alpha(opacity: 0);
	opacity: 0;
	font-size: 30px;
	padding: 0 1px;
}

/*	MULTIPLE select BOX 	*/

.fmMultipleSelect {
	float: left;
	background: url("../images/textarea-tl.gif") no-repeat left top;
}

.fmMultipleSelect span {
	float: left;
	height: 100%;
	width: 100%;
	background: url("../images/textarea-br.gif") no-repeat right bottom;
}

.fmMultipleSelect span span {
	float: left;
	height: 100%;
	width: 100%;
	background: url("../images/textarea-blc.gif") no-repeat left bottom;
}

.fmMultipleSelect span span span {
	float: left;
	width: 100%;
	//padding-bottom: 10px;
	_padding-bottom: 0;
	background: url("../images/textarea-trc.gif") no-repeat right top;
}

.fmMultipleSelect select {
	margin: 2%;
	width: 96%;
	height: 96%;
	background: none;
	padding: 0;
	border: 0px;
	outline: none;
	font-size: 15px;
	color: #777;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	
	max-width: 96%;
	max-height: 500px;
}

.fmMultipleSelect select option { 
	padding: 3px 7px;
	margin: 0;
	cursor: pointer;
}

.fmMultipleSelect.fmInFocus,
.fmMultipleSelect.fmInFocus select { background-color: #FBFBFB; }

/* * */

.fmZero {
	margin: 0 !important;
	position: relative !important;
}

.fmHidden { display: none; }