/* FORMS */

button,
input[type="submit"],
input[type="reset"]
	{
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	border:0 none;
	margin-top:10px;
	}
input[type="text"],
input[type="password"],
textarea
	{
	-webkit-border-radius:0;
	position:relative;
	display:inline-block;
	vertical-align:top;
	border:1px solid #E2E2E2;
	height:28px;width:100%;
	background-color:#FFFFFF;
	}
textarea 
	{height:100px;}
input[type="radio"],
input[type="checkbox"]
	{display:none;}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus
	{outline:0;}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus
	{outline:0;}
	
select
	{
	position:relative;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance: none;
	line-height:20px;height:23px;width:160%;
	padding:0 5px;
	border-radius:0;
    	border:0;
	background:transparent;color:#000000;
	background-image: none;
	cursor:pointer;text-overflow:ellipsis;
   	}

.select
	{
	position:relative;display:inline-block;height:30px;line-height:30px;width:150px;
	background:#FFFFFF;border:1px solid #E2E2E2;overflow: hidden;
	}
.select .icon
	{
	position:absolute;top:4px;right:0;z-index:10;display:block;text-align:center;color:#000000;
	width:25px;height:25px;line-height:25px;font-size:15px;
	background:transparent;
	}
.select:hover .icon
	{visibility:hidden;}

/* CUSTOM RADIO AND CHECKBOX */

input.radio,
input.checkbox
	{margin-right:3px;display:none;}
input.checkbox + label .btn_checkbox,
input.radio + label .btn_radio
	{
	background-color:#E2E2E2;
	display:inline-block;position:relative;
	width:10px;height:10px;
	margin-right:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
input.checkbox:checked + label .btn_checkbox,
input.radio:checked + label .btn_radio
	{background-color:#4D4D4D;}
	
label 
	{
	display:inline-block;
	text-wrap:none;text-overflow:ellipsis;
	}


/* CUSTOM FORM BLOCK */

form
	{
	width:100%;
	height:auto;
	display:inline-block;
	margin:0;padding:0;
	}

form p,
form dl
	{
	width:auto;
	display:block;
	clear:both;
	position:relative;
	padding:3px 0 3px 0;margin:0;
	margin:1px 0;
	}
form .block
	{
	width:auto;display:block;clear:both;position:relative;
	padding:3px 0;margin:1px 0;line-height:30px;
	background-color:transparent;
	}
form .inline
	{
	width:auto;display:block;clear:both;position:relative;
	padding:3px 0 3px 180px;margin:1px 0;line-height:30px;
	}
form label
	{width:auto;margin:0 10px 0 0;line-height:30px;}


form dt,
form dl
	{display:block;}
form dd label
	{cursor:pointer;}
form .inline dt
	{float:left;width:180px;margin-left:-180px;}
form dd label span
	{display:inline-block;line-height:1.2;}

input[type="text"]._25,
input[type="password"]._25,
textarea._25, 
.select._25
	{width:26%;}
input[type="text"]._33,
input[type="password"]._33,
textarea._33, 
.select._33
	{width:32%;}
input[type="text"]._50,
input[type="password"]._50,
textarea._50, 
.select._50
	{width:48%;}
input[type="text"]._75,
input[type="password"]._75,
textarea._75, 
.select._75
	{width:70%;}
input[type="text"]._100,
input[type="password"]._100,
textarea._100, 
.select._100
	{width:97.2%;}
span._50
	{width:48%;}
span._100
	{width:97.8%;}


.boxform h1,
.boxform h2
	{margin:15px 0;font-size:35px;}

.boxform
	{max-width:600px;padding:40px 40px 0 40px;margin:auto;}
.boxform.small
	{width:100%;padding:0;}
.boxform.medium
	{max-width:480px;}
.boxform.embed
	{width:auto;padding:10px 0;}
.boxform.small .form_msg,
.boxform.embed .form_msg
	{padding:0;height:auto;}
.form_msg
	{padding:0 0 5px 0;/*min-height:30px;*/color:#33CCFF;}
.true
	{background:url('images/true.png') no-repeat top right;}
.false
	{background:url('images/false.png') no-repeat top right;}
.false_text
	{color:red;}

.msg_true
	{color:green;text-transform:uppercase;}
.msg_true::before
	{font-family:websymbols;content:'.';font-size:30px;padding-right:5px;}
.msg_false
	{color:#E20613;text-transform:uppercase;}
.msg_false::before
	{font-family:websymbols;content:'W';font-size:30px;padding-right:5px;}


@media all and (max-width:980px)
	{
	input[type="text"],
	input[type="password"],
	textarea
		{height:38px;}
	textarea 
		{height:100px;}
	select
		{line-height:30px;height:33px;}
	
	.select
		{height:40px;line-height:40px;}
	.select .icon
		{width:30px;height:35px;line-height:35px;}

	form .block
		{line-height:40px;}
	form .inline
		{line-height:40px;}
	form label
		{line-height:40px;}
	}




@media all and (max-width:640px)
	{
	/* FORM */

	.boxform h1,
	.boxform h2
		{font-size:20px;}
	.boxform,
	.boxform.small,
	.boxform.medium
		{width:400px;padding:20px;}
		
	form .block,
	form .inline
		{padding:3px 0;line-height:1.5;}	
	form .inline dt
		{float:none;width:auto;margin-left:0;line-height:1.5;}
	form label
		{line-height:20px;}
	}

@media all and (max-width:480px)
	{
	/* FORM */

	.boxform,
	.boxform.small,
	.boxform.medium
		{width:280px;padding:10px;}	
	}