/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

/* COLOR/BORDERS CSS */

form.ddfm legend, 
form.ddfm label {color: #000}

form.ddfm textarea, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm .submit, {color: #404040}

form.ddfm .required {color: #FF0000}
.ddfmerrors {color: #FF0000}

/* TEXT CSS */

.ddfmwrap {font-family: Arial, Helvetica, sans-serif}

form.ddfm legend, form.ddfm label {font-size: 100%;font-weight: bold}

form.ddfm legend {font-size: 110%}
.ddfmerrors {font-weight: bold}

/* STRUCTURE CSS */

.ddfmwrap {
	width: 430px;overflow:hidden}
}

.ddfmwrap p.fieldwrap {padding: 1px;margin: 1px;clear: left}

.ddfmwrap span.code {margin: 8px 0 0 0}

form.ddfm {text-align: left;padding: 10px 0 10px 0}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block
}

form.ddfm legend {padding: 0 6px 0 6px;margin: 0 0 0 10px}

form.ddfm label {
	display: block;
	float: left;
	width: 20%;
	text-align: right;
	margin: 0 7px 0 0;
	padding-bottom: 15px;
	clear: left
}

form.ddfm textarea {
	float: left;
	position: relative;
	width: 75%;
	margin-bottom: 15px;
	padding: 5px;
	font-size:16px;
	background-color:#f0fff1
}

form.ddfm input.fmverify {
	float: left;
	width: 20%;
	margin-bottom: 15px;
	padding: 5px;
	font-size:16px;
	position: relative;
	display: block;
	background-color:#f0fff1
}

form.ddfm img {margin: 1px 0 0 0;float: left}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left;
	display: block;
	width: 75%;
	margin-bottom: 15px;
	padding: 5px;
	font-size:16px;
	background-color:#f0fff1
}

form.ddfm .credits {display:none}

form.ddfm .submit {text-align: left;clear: both;width: 77%;float:right;	padding: 5px;margin:2px}
form.ddfm .submit input[type="submit" i] {padding:5px;font-size:15px;font-weight:bold;background-color:#47d147;border-color:#ababab}

.ddfmwrap .ddfmerrors {
	display: block;
	float: left;
	width: 27%;
	text-align: right;
	margin: 0 10px 0 0;
	padding-bottom: 15px
}

.ddfmwrap .errorlist {
	float: left;
	display: block;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
	text-align: left
}

@media only screen and (max-width: 480px) {
form.ddfm label {font-size:85%;font-weight:normal;width:22%}
.ddfmwrap {width: 100%;}
form.ddfm input.fmtext,form.ddfm textarea{width: 70%}
}