/* Big Fresh Standard Contact Form Specs

COLORS:
Light Grey - #eeeeee (background of boxes) 
Medium Grey - #999999 (lines around boxes/fields)
Dark Grey  - #333333 (title box) 
Red - #cc0000 (Required Info) 
Orange - #ff9900 (Links, selected field) 
White - #ffffff

FONTS:
Titles: Trebuchet, reg, 16px, white
Address Details: Titles: Trebuchet, reg, 13px, Dark Grey  - #333333
Links: Arial, reg, 11px, underlined, Orange - #ff9900 
Field Names: Links - Arial, reg, 11px, Dark Grey  - #333333 
Required Information: Arial, reg, 10px, ALL CAPS, Red - #cc0000 
Instruction Text: Trebuchet, reg, 14px, Dark Grey  - #333333
*/

/*------------ reset styles --------------*/
* {
margin:0;
padding:0;}

/*------------ font styles --------------*/
#main #container .title_bar p.title {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#333333;
text-align:center;} /* make same font styles as site's h1 or h2 */

#contact_top .address p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#333333;
margin:6px 0;
padding:0;
vertical-align:middle;}

#container a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ab0534;
text-decoration:underline;} /* make same font styles as site's <a> tags or h1 or h2 */

#container .map a img {
border:1px solid #999999;}

#container table.form {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;}

#container table.form p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#333333;
margin:10px 5px 0 0;}

#container td.required {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-transform:uppercase;
color:#cc0000;
padding-left:15px;}

#container .red {
color:#cc0000;
font-size:12px;}



/*-------------- layout styles ---------------*/
#container {
width:500px;
margin-bottom:30px;}

/*top box*/
#contact_top {
width:495px;
float:left;
margin-bottom:20px;
/*background-color:#eeeeee;
border:1px solid #999999;
border-top:none;*/}

.title_bar {
width:495px;
height:24px;
float:left;
/*background-color:#008ea7;
border:1px solid #333333;*/}

#contact_top .address {
float:left;
padding:5px 10px 0 15px;}

.map {
float:right;
padding:15px 15px 15px 10px;}


/*bottom box*/
#contact_bottom {
width:495px;
float:left;
/*background-color:#eeeeee;
border:1px solid #999999;
border-top:none;*/}

#contact_bottom form {
margin-left:0;}

#contact_bottom form table td {
padding: 0px 2px 1px 2px;}

#contact_bottom form table td.contact_label {
padding: 2px 2px 0px 2px;
vertical-align: bottom;}

table.form {
margin:5px 0;
padding:0px;
border:0px;
width:240px;}


/*.button {border: 1px solid #999999; font-size: 12px; font-family:Arial, Helvetica, sans-serif; background-color: #ffffff; height:25px; color:#FFFFFF; }*/
.textbox { border: 1px solid #999999; font-size: 13px; font-family:Arial, Helvetica, sans-serif; width: 240px; height:22px; margin-bottom:5px;}
.textboxreqd { border: 1px solid #999999; font-size: 13px; font-family:Arial, Helvetica, sans-serif; width: 240px; height:22px; margin-bottom:5px; background-color: #ffffff;}
.dropdown { border: 1px solid #999999; font-size: 13px; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; }
.large_text { border: 1px solid #999999; font-size: 13px; font-family:Arial, Helvetica, sans-serif; width: 240px; height: 125px; margin-bottom:5px;  }
.large_text2 { border: 1px solid #999999; font-size: 13px; font-family:Arial, Helvetica, sans-serif; width: 240px; height: 125px; margin-bottom:5px;  }
.small_text  { border: 1px solid #999999; font-size: 13px; font-family:Arial, Helvetica, sans-serif; width: 300px; height: 50px; margin-bottom:5px; font-style:normal; }
.short_textbox  { border: 1px solid #999999; font-size: 13px; font-family:Arial, Helvetica, sans-serif; width: 90px; height:22px; margin-bottom:5px; font-style:normal;}
.submit_textbox { border: 1px solid #999999; font-size: 13px; font-family:Arial, Helvetica, sans-serif; width: 300px; height:22px; margin-bottom:5px;}

/* spam decoys */
.form_serial { 
display: none;}

/* row highlighting  from http://www.jankoatwarpspeed.com/examples/ContextHighlighting/ */
.over{
border:1px solid #ff9900;}

/* this doesn't work in IE */
.swap {
float:right; 
margin-right:25px;
background-image:url("images/submit_button_green.png");}

.swap:hover {
background-image:url("images/submit_button_blue.png");}