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

/* COLOR/BORDERS CSS */

form.ddfm h1, form.ddfm h2 {color: #d8d8d8;}
form.ddfm legend, form.ddfm label, form.ddfm label.fmtextlblwide {	color: #d8d8d8;}
form.ddfm .fmcheck p, form.ddfm .fmradio p,form.ddfm textarea, form.ddfm .fmfullblock, form.ddfm .fmhalfblock, form.ddfm .fmselect, form.ddfm input.fmtext,form.ddfm input.fmdate,form.ddfm input.fmverify,form.ddfm textarea.fmtextwide,form.ddfm .submit,form.ddfm {	color: #404040;}
.credits {display:none}
form.ddfm .required {color: #d8d8d8;}
.ddfmerrors {color: #d8d8d8;}


/* TEXT CSS */
.ddfmwrap {	font-size: 100%;}
form.ddfm h1, form.ddfm h2 {	text-align: left;	margin: 0 0 5px 0;	padding: 0;}
form.ddfm h1 {	font-size: 140%;}
form.ddfm h2 {	font-size: 115%;}
form.ddfm legend, form.ddfm label, form.ddfm label.fmtextlblwide {	font-size: 100%;}
form.ddfm .credits {	font-size: 90%;}
form.ddfm legend {	font-size: 110%;}
.ddfmerrors {	font-weight: bold;}


/* STRUCTURE CSS */
.ddfmwrap {	width: 100%; float:left;}

.ddfmwrap p.fieldwrap {	padding: 1px; margin: 1px; clear: left;}
form.ddfm {	text-align: left;	padding: 5px;}
form.ddfm fieldset {padding: 0 10px 2px 10px; margin: 0 0 5px 0; display: block;}
form.ddfm legend {padding: 0 6px 0 6px;	margin: 0 0 0 10px;}
form.ddfm label {	display: block;	float: left;	width: 57px;	margin: 0 10px 0 0;	padding-bottom: 15px;	clear: left;}
form.ddfm label.fmtextlblwide {width: 100px; display: block;  float: left; text-align: left;	margin: 0 10px 0 1px; padding-bottom: 8px;}
form.ddfm select.fmselect {	float: left; 	display: block;	width: 100px; 	margin-bottom: 5px;  	padding: 3px; }
form.ddfm .fmcheck {float: left;	display: block;  	margin-bottom: 5px;}
form.ddfm .fmradio {float: left;	display: block;	margin-bottom: 5px;}
form.ddfm .fmcheck p {padding: 0;	margin: 0 0 5px 0;}
form.ddfm .fmradio p {padding: 0;	margin: 0 0 5px 0;}
form.ddfm textarea {float: left; 	position: relative;	margin-bottom: 5px;	padding: 3px;}

/*	display: block; 	float: left; 	width: 26%; 	text-align: right;	margin: 0 10px 0 0; 	padding-bottom: 15px;	clear: left;  */

form.ddfm .fmfullblock {padding-left: 0px;	float: left; 	margin-bottom: 5px;	display: block;}
form.ddfm .fmhalfblock {padding-left: 29%;	margin-bottom: 5px;	float: left; 	display: block;}
form.ddfm input.fmverify {float: left; 	width: 22%;	margin-bottom: 5px; 	padding: 3px;	position: relative;	display: block;}
form.ddfm img {margin: 1px 0 0 10px; float: left;}
form.ddfm input.fmfile,form.ddfm input.fmtext { width:218px;	float: left; display: block; }
form.ddfm input.fmtext2 { width:200px;	float: left; display: block; margin-bottom:10px;}

form.ddfm input.fmdate {float: left; display: block; width: 35%; margin-bottom: 5px; padding: 3px;}
form.ddfm textarea.fmtextwide {display: block;	float: left; margin-right: 2px;	margin-bottom: 5px; 	padding: 3px;}
form.ddfm .credits {margin-top: 7px; width: 97%;}
form.ddfm .submit {clear:both; margin-left:65px;}
.ddfmwrap .ddfmerrors {display: block; float: left; width: 27%; margin: 0 10px 0 0; padding-bottom: 15px;}
.ddfmwrap .errorlist {float: left; display: block;	width: 65%;	margin-bottom: 5px;  padding: 3px; text-align: left;}
.ddfmwrap .recaptcha {width: 100%; clear: both; height: 120px;	margin-right: 7px;	padding-bottom: 10px;}
.ddfmwrap .recaptcha-inner {float: right;	margin-right: 3px;}


/* DATE SELECTION */
/* the div that holds the date picker calendar */
.dpDiv {	}

/* the table (within the div) that holds the date picker calendar */
.dpTable {	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 12px;	text-align: center;	color: #404040;	border: 1px solid #999999;	}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {	}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {	border: 1px solid #ece9d8;	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {	border: 1px solid #AAAAAA;	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered 
over) */
.dpTDHover {	border: 1px solid #888888;	cursor: pointer;	color: #000000;	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {	}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {	}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {	border: 1px solid #AAAAAA;	color: white;	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {	font-size: 12px;	color: #555555;	font-weight: bold;	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {	color: #666666;	font-weight: bold;	}


/* the forward/backward buttons at the top */
.dpButton {	font-size: 10px;	color: gray;	background: #DDDDDD;	font-weight: bold;	padding: 0px;	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {	font-size: 10px;	color: gray;	background: #DDDDDD;	font-weight: bold;	}