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

/* COLOR/BORDERS CSS */

/* template stuff*/
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#logo { float: left; background-image: url(../images/tie_logo.gif); width: 274px; height: 130px; }
#headcontainer { height: 130px; width: inherit; }
#topheader { float: right; width: 526px; height: 64px; background-color: #F0F0F0; position: relative }
#toplinks { position: absolute; right: 10px; top: 10px; }
#menu { float: right; width: 526px; height: 32px; background-image: url(../images/bg_menu.gif); background-repeat: repeat-x; }
#submenu { float: right; width: 526px; height: 34px; background-image: url(../images/bg_submenu.gif); background-position: top; background-repeat: repeat-x; }
#contenttext { float: right; width: 526px; }
#leftpanel { float: left; width: 274px; }
#footer { float: left; width: 800px; background-color: #F0F0F0; padding-top: 10px; padding-bottom: 10px; text-align: center; }
/*GRAY PANEL*/
.graypanel { border: solid 1px #666666; background-color: #F7F7F7; padding: 10px; margin: 10px; }
/*TEXT STYLES*/
.bodytext { font: 0.7em Tahoma, sans-serif; color: #666666; }
.headertext { font: 1em Tahoma, sans-serif; font-style: italic; color: #888860; text-align: center; margin-top: 0px; }
.titletext { font: 0.7em Tahoma, sans-serif; font-size: 20px; font-weight: bold; color: #CC0000; }
.whitetitle { font: 0.7em Tahoma, sans-serif; font-size: 36px; font-weight: bold; color: #FFFFFF; }
.smalltitle { font: 0.7em Tahoma, sans-serif; font-size: 20px; font-weight: bold; color: #CC0000; }
.smallwhitetext { font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; }
.smallwhitetext a { font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
.smallwhitetext a:hover { text-decoration: underline; }
.smallgraytext { font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #999999; }
.smallgraytext a { font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none; }
.smallgraytext a:hover { text-decoration: underline; }
.smallredtext { font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #CC0000; text-align: left; }
.smallredtext a { font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #CC0000; text-decoration: none; }
.smallredtext a:hover { text-decoration: underline; }
form.ddfm h1, form.ddfm h2 { color: #606060; }
form.ddfm legend, form.ddfm label, form.ddfm label.fmtextlblwide { color: #606060; }
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 .credits { color: #404040; }
form.ddfm .required { color: #FF0000; }
.ddfmerrors { color: #FF0000; }
/* TEXT CSS */

.ddfmwrap { font-size: 90%; font-family: Arial, Helvetica, sans-serif; }
form.ddfm h1, form.ddfm h2 { font-family: Arial, Helvetica, sans-serif; text-align: left; margin: 0 0 10px 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: 15px; }
form.ddfm .credits { font-size: 90%; }
form.ddfm legend { font-size: 110%; }
.ddfmerrors { font-weight: bold; }
/* STRUCTURE CSS */

.ddfmwrap { color: #35ac19; float: left; font-size: 13px; margin: 15px auto; text-align: center; width: 100%; }
.ddfmwrap p.fieldwrap { float: left; margin: 10px 35px; padding: 1px; width: 43%; }
form.ddfm { text-align: left; /*padding: 10px;*/ width: 100%; }
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 { clear: left; display: block; float: left; margin: 0 10px 0 0; padding-bottom: 15px; text-align: left; width: 100%; }
form.ddfm label.fmtextlblwide { display: block; float: left; text-align: left; margin: 0 10px 0 1px; padding-bottom: 8px; width: 100%; }
form.ddfm select.fmselect { float: left; display: block; width: 65%; margin-bottom: 15px; padding: 3px; }
form.ddfm .fmcheck { width: 65%; float: left; display: block; margin-bottom: 15px; }
form.ddfm .fmchecklabel { display: inline; float: none; clear: none; text-align: left; margin: 0; padding: 0; }
form.ddfm .fmradio { width: 65%; float: left; display: block; margin-bottom: 15px; }
form.ddfm .fmradiolabel { display: inline; float: none; clear: none; text-align: left; margin: 0; padding: 0; }
form.ddfm .fmcheck p { padding: 0; margin: 0 0 5px 0; line-height: 140%; }
form.ddfm .fmradio p { padding: 0; margin: 0 0 5px 0; line-height: 140%; }
form.ddfm textarea { float: left; position: relative; width: 65%; margin-bottom: 15px; 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; width: 100%; margin-bottom: 13px; display: block; }
form.ddfm .fmhalfblock { color: #999; display: block; float: left; font-size: 35px; margin: 43px 0; text-align: left; width: 100%; }
form.ddfm .fmhalfblock2 { width: 65%; padding-left: 29%; margin-bottom: 13px; float: right; display: block; color: #F00; font-size: 12px; font-weight: bold; }
form.ddfm input.fmverify { float: left; width: 22%; margin-bottom: 15px; padding: 3px; position: relative; display: block; }
form.ddfm img { margin: 1px 0 0 10px; float: left; }
form.ddfm input.fmfile, form.ddfm input.fmtext { border: 1px solid #c2c2c2; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; float: left; margin-bottom: 15px; padding: 10px; width: 100%; }
form.ddfm input.fmdate { float: left; display: block; width: 35%; margin-bottom: 15px; padding: 3px; }
form.ddfm textarea.fmtextwide { display: block; float: left; width: 93%; margin-right: 2px; margin-bottom: 15px; padding: 3px; }
form.ddfm .credits { text-align: right; margin-top: 7px; width: 97%; }
form.ddfm .submit { clear: both; float: left; margin: 0% 4%; text-align: left; width: 91%; }
.ddfmwrap .ddfmerrors { display: block; float: left; font-size: 20px; margin: 2px 20px 0 0; padding-bottom: 15px; text-align: right; width: 47%; }
.ddfmwrap .errorlist { color: red; display: block; float: left; line-height: 30px; margin-bottom: 0; padding: 0; text-align: left; width: 50%; }
.ddfmwrap .recaptcha { width: 100%; text-align: right; clear: both; height: 120px; margin-right: 7px; padding-bottom: 10px; }
.ddfmwrap .recaptcha-inner { float: left; margin: 30px 35px !important; }
/* 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; background-color: #F4F4F4; 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 { background-color: #CCCCCC; 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 { background-color: #888888; 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 { background-color: #C0C0C0; 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-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #DDDDDD; font-weight: bold; padding: 0px; }
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #DDDDDD; font-weight: bold; }
.fmhalfblock p { width: 100% !important; float: left; }
.thanks { color: #35ac19; float: left; font-size: 26px; margin: 15px auto; text-align: center; width: 100%; }
@media only screen and (min-width:1px) and (max-width:767px) {
.ddfmwrap p.fieldwrap { float: left; margin: 0; }
form.ddfm .fmhalfblock { margin: 0 0 30px; }
.ddfmwrap p.fieldwrap { width: 100%; }
.footer-grid p { height: auto; overflow: hidden; width: 100%; }
.ddfmwrap .recaptcha { margin-right: 0; text-align: left; }
}
 @media only screen and (min-width:768px) and (max-width:1050px) {
.ddfmwrap p.fieldwrap { width: 100%; }
}