@charset "utf-8";
/*---------------------------------------------------------------------------------------
    Description:   Contact Style Sheet for www.groomformalhire.com 
    Author:        SMcMurray 
    Date:          Nov 2009 
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
  Contact form style  
---------------------------------------------------------------------------------------*/
form#contactform
{
  padding-top:        5px;
  float:              left;
  width:              260px; /*350px;  */
  text-align:         left;
  padding-bottom:     15px;
}
form#contactform label
{ 
  font:               16px  Geneva, Arial, Helvetica, sans-serif;
  color:              #7F7F7F;
  text-align:         left;
  padding-bottom:     0px;
}
form#contactform label.error{
  color:              red; 
  font-size:          13px;
  padding:            0 0 2px 40px;
}
form#contactform textarea, 
form#contactform input 
{ 
  color:              #555;
  font-size:          14px;  
  padding:            3px 2px; 
  margin-bottom:      5px;
  background-color:   #CCC; 
  border:             2px solid #555555;
}
form#contactform textarea{ overflow:auto; } 

form#contactform textarea:focus, 
form#contactform input:focus 
{
  background-color:   #EEE; 
	border:             2px solid #89c043;
}
form#contactform p {
  position:           relative;
  top:                -38px;
  left:               170px;
  font:               13px  Geneva, Arial, Helvetica, sans-serif;
  color:              #7F7F7F;
}
form#contactform span{ color:#89c043; }
form#contactform input.button{ cursor:pointer; border:2px solid #555555; }
form#contactform input.button:hover{ border:2px solid #89c043; }
  
  
/* Message id replaces #contact_form after success email */  
#message{ width:350px; margin:30px 0 0 60px; }
#checkmark{ position:relative; top:-55px; left:-60px; }  
  

/*-------------------------------------------------------------------------------------------
  Mini ContactForm on each page for registering information 
-------------------------------------------------------------------------------------------*/
form#contactregister
{
  float:              left;
  width:              350px; 
  text-align:         left;
}
form#contactregister label
{ 
  font:               16px  Geneva, Arial, Helvetica, sans-serif;
  color:              #7F7F7F;
  text-align:         left;
}
form#contactregister label.error{
  color:              red; 
  font-size:          13px;
  padding:            0 0 2px 40px;
}

form#contactregister textarea, 
form#contactregister input 
{ 
  color:              #555;
  font-size:          14px;  
  padding:            2px 2px;
  margin-bottom:      5px;
  background-color:   #CCC; 
  border:             2px solid #555555;
}

form#contactregister textarea:focus, 
form#contactregister input:focus 
{
  background-color:   #EEE; 
	border:             2px solid #89c043;
}

form#contactregister span{ color:#89c043; }
form#contactregister input.button{ cursor:pointer; }
form#contactregister input.button:hover{ border:2px solid #89c043; }

/* Message id replaces #contact_form after success email */  
#message_mini{ width:350px; margin:10px 0 0 60px; }
#checkmark_mini{ position:relative; top:-55px; left:-60px; }