@charset "UTF-8";
/* CSS Document */


body {
background-color: #6e2615;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#container {
width: 700px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
background-image:url(http://www.renaudsbakery.com/images/feedback_container_top2.png);
background-position: top;
background-repeat: no-repeat;
margin-top: 5px;
padding-top: 20px;
}

.feedback_container {
width: 660px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 20px;
border: 1px solid black;
background-image:url(http://www.renaudsbakery.com/images/feedback_form_top_logo.png);
background-position: top;
background-repeat: no-repeat;
padding-top: 20px;
}

.cheat_spacer {
background-image:url(spacer_1x20_trans.gif);
background-repeat: no-repeat;
}

.feedback_form {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top:20px;
margin-bottom: 20px;
}

.field_container {
margin-top: 3px;
margin-bottom: 3px;
}

.field_label {
font-size: x-small;
font-weight: bold;
color: #6b1305;
}


/* this element is for the asterisk that signifies a form field is required for submission */
.required {
font-size: small;
font-weight: bold;
color: red;
}

/* this element is for the little note that tells users about what the asterisk/required-symbol means */
.required_note {
float: right;
font-size: small;

border: 1px dotted #CC6666;
padding-top: 5px;
padding-bottom: 7px;
padding-left: 7px;
padding-right: 7px;
}

.required_note .required {
font-size: medium;

}


/* element below styles the SUBMIT button */
input[type=submit] { 
width: auto;
padding-left: 2px;
padding-right: 2px;
height: auto;
}


/* the following two 'input' elements make the type-in spaces wider */
input[name=name] {
width: 250px;
}

input[name=email] {
width: 250px;
}


textarea {
margin-bottom: 5px;
}

#footer_spacer {
background-color: #ffffff;
background-image:url(http://www.renaudsbakery.com/images/feedback_footer_bottom.png);
background-repeat: no-repeat;
background-position: top;
color: #ffffff;
font-size: x-small;
width: 700px;
margin-left: auto;
margin-right: auto;
text-align: center;
height: 30px;
margin-top:-20px;
}

#footer {
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #6e2615;
color: #ffffff;
font-size: x-small;
width: 700px;
margin-left: auto;
margin-right: auto;
margin-top:7px;
text-align: center;
height: 30px;
}

#footer a:link {
color: #ffffff;
}

#footer a:hover {
color: #ffffff;
text-decoration: none;

}

#footer a:visited {
color:#FFFFCC;
}

#footer a:active {
color: #6e2615;
background-color: #ffffff;
}

#footer .current_link {
color:#CC6666;

}


/* The following section is for the Thank You page at thankyou.html */

.thankyou_box {
min-height: 400px;
margin-top: 50px;
width: 300px;
margin-left: auto;
margin-right: auto;

}

.thankyou {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
width: 90%;
padding-top:20px;
font-size: small;
padding-left:10px;

}

img.header_img {
text-align: center;
}

.close_button {
padding-left: 10px;
}


/* The following section is for the Feedback Error page at error.html */

.error_box {
min-height: 400px;
margin-top: 50px;
width: 300px;
margin-left: auto;
margin-right: auto;

}

.error {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
width: 90%;
padding-top:20px;
font-size: small;
padding-left:10px;

}

.error_header {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
color: #6e2615;
padding-left: 10px;
width: 90%;
}