/* -----------------------------------
simple reset
----------------------------------- */

fieldset, img { border: 0; }
legend {
	color: #000;
	margin:0 auto;
	font-weight: bold;
}

input, textarea, select, button
{
	font-size: 100%;
	line-height: 1.2;
	font-family: helvetica, arial, sans-serif;
}

/* -----------------------------------
style editor
----------------------------------- */
.styleeditor{
	width:500px;
	height:90%;
	font-size:16px;
}
.editstylebtn{
	border: solid 1px #333;
	color: #FFF;
	background-color: #006600;
	text-decoration: none;
	font-size: 14px;
	padding: 5px 25px 0 25px;
	margin: 20px 20px 30px 20px;
	border-radius: 6px;
	width:200px;
	display: block;
	cursor: pointer;
}

/* -----------------------------------
form container
----------------------------------- */
.mailform{
	font: 100% "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
}
.entry_wrapper{
	width:550px;
	position:relative;
}
fieldset{
	width:100%;
	margin:0 0 25px 0;
}
.clear{
	clear:both;
}

.form-container
{
        width:50%;
        min-width: 600px;
	margin:0 auto;
	padding: 15px 20px 15px 20px;
	/*-webkit-border-radius: 0 0 6px 6px;*/
	/*-moz-border-radius: 0 0 6px 6px;*/
	/*border-radius: 0 0 6px 6px;*/
	background-color: #A7B0D3;
	background-image:-webkit-gradient(linear, center bottom, center top, from(#9F90A4), to(#A7B0D3));
	background: -moz-linear-gradient(top, #9F90A4, #A7B0D3);
	-webkit-box-shadow: 0 5px 20px #999;
	-moz-box-shadow: 0 5px 20px #999;
	box-shadow: 0 5px 20px #999;
	
	
	position:relative;
}

.form-container p
{
	margin: 0;
	padding: 0 0 5px;
	font-size: 90%;
}
.form-container h1{
	margin: 10px 0 10px 0px;
	padding: 0;
	font-size: 140%;
}
.form_help{
	margin:0 0 0 205px;
	padding:2px 0 0 27px;
	font-size: 90%;
}

/* -----------------------------------
div
----------------------------------- */

.mailform .field_block
{
	margin: 0 0 4px;
	padding: 4px 0;
}

.mailform .field_block:hover { background: #CCC; }

#account_number_block{
	display:none;
}
/* -----------------------------------
special classes
----------------------------------- */

.hidden
{
	position: absolute;
	left: -500em;
}

.mandatory { color: red; }

.coupon_message{
	color:red;
	margin:5px 0 5px 210px;
}

/* -----------------------------------
label
----------------------------------- */
.button_labels{
	display: block;
	margin: 20px 0 0 0;
	padding: 10px 0 8px 105px;
	font-size: 100%;
	font-weight:bold;
	background-color:#E1E1E1;
}
.amount_due{
	margin: 0;
	padding: 0 0 8px 5px;
	font-size: 140%;
	font-weight:bold;
	background-color:#E1E1E1;
}

.mailform .label-checkbox { padding: 2px 0 0; }

.mailform .checkbox_block
{
	float: left;
	width: 190px;
	margin: 0 15px 0 0;
	padding: 5px 0 0;
	text-align: right;
}
.mailform .checkboxtext
{
	float: left;
	width: 330px;
	margin: 0 15px 0 0;
	padding: 5px 0 0;
	text-align: left;
}
.mailform label, .mailform .label-select
{
	float: left;
	width: 190px;
	margin: 0 15px 0 0;
	padding: 5px 0 0;
	text-align: right;
	font-weight: bold;
}

.mailform .label-checkbox { padding: 2px 0 0; }

/* -----------------------------------
legend span
----------------------------------- */

.mailform legend span
{
	display: block;
	width: 320px;
	margin:20px 0;
	padding: 15px 0 10px 205px;
	font-size: 125%;
	font-weight: bold;
}


/* -----------------------------------
input
----------------------------------- */

.input-wide
{
	width: 288px;
	height: 24px;
	margin: 0;
	padding: 3px 3px 3px 3px;
	/*-webkit-border-radius: 6px;*/
	/*-moz-border-radius: 6px;*/
	/*border-radius: 6px;*/
	border: 1px solid #b4b4b4;
	background-color: #fff;
}

.input-wide:hover
{
	border:1px solid #00F;	
}
textarea{
	margin: 2px;
	width: 313px;
	height: 113px;
}


.input-textarea {
	height: 75px;
	padding:8px;
	}

.redborder{border:solid 2px #F00;}
.radio_warning{
	color:#F00;
	font-size:140%;
	padding:0 0 0 5px;
	display:none;
}
.yellow{background:#FF0;}
.imhuman{
        width:305px;
        height:81px;
        margin:0 auto;
    }


/* -----------------------------------
submit
----------------------------------- */
.mailform .submit
{
	width:150px;
	cursor: pointer;
	margin: 25px 0 25px 200px;
	padding: 5px 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 0 none;
	color: #000;
	background-color: #459BC1;
	color: #FFF;
	font-size: 110%;
	text-shadow: 0 -1px 0 rgba(0,0,0,.20);
	background: -moz-linear-gradient(top, #4F793B, #1d88d9);
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222));
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
	font-size: 110%;
}
.mailform .submit:hover
{
	color:#FFF;
	background: -moz-linear-gradient(top, #000, #222);
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222));
	background: -moz-linear-gradient(top, #222, #000);
}

@media screen and (max-width:768px){
	.mailform .field_block:hover { background:none; }
	.form-container
	{
		width:100%;
		min-width: 100px;
		margin:1px;
		padding: 1px;
		/*-webkit-border-radius: 0 0 6px 6px;*/
		/*-moz-border-radius: 0 0 6px 6px;*/
		/*border-radius: 0 0 6px 6px;*/
		
		background-color: #B6BFB5;
		background-image: -webkit-gradient(linear, center bottom, center top, from(#9F90A4), to(#B58F96));
		background-image: -moz-linear-gradient(90deg, #9F90A4, #eee);
		-webkit-box-shadow: 0 5px 20px #999;
		-moz-box-shadow: 0 5px 20px #999;
		box-shadow: 0 5px 20px #999;
		position:relative;
	}
	.mailform legend span
	{
		display: block;
		width: 120px;
		margin:0;
		padding:0;
		font-size: 125%;
		font-weight: bold;
	}
	.mailform label, .mailform .label-select
	{
		float: none;
		width: 10px;
		margin: 0 15px 0 0;
		padding: 5px 0 0;
		text-align: right;
		font-weight: bold;
	}
	.input-wide
	{
		width: 90%;
		height: 24px;
		margin: 0;
		padding: 3px 3px 3px 3px;
		/*-webkit-border-radius: 6px;*/
		/*-moz-border-radius: 6px;*/
		/*border-radius: 6px;*/
		border: 1px solid #b4b4b4;
		background-color: #fff;
	}
	

	textarea{
		margin: 2px;
		width: 90%;
		height: 113px;
	}
	.mailform .submit
	{
		width:150px;
		cursor: pointer;
		margin: 25px auto 25px auto;
		padding: 5px 20px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		border: 0 none;
		color: #000;
		background-color: #459BC1;
		color: #FFF;
		font-size: 110%;
		text-shadow: 0 -1px 0 rgba(0,0,0,.20);
		background: -moz-linear-gradient(top, #4F793B, #1d88d9);
		background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222));
		background: -moz-linear-gradient(top, #4F793B, #A4B591);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 3px rgba(0,0,0,0.3);
		font-size: 200%;
	}

}