/* Note that the form also shares attributes with the feature class in main.css ----------------------------------------  */   

form 
{ 
    background: url(../images/form_bk.png) top left repeat; 
    border: 1px dashed #447182;      
    padding: 20px;
    padding-bottom: 0;  
} 
    
fieldset 
{ 
    border-top: 1px dashed #447182;
    padding: 20px;
    padding-bottom: 0;     
} 

legend
{
   
}

label 
{
    clear: left;
    display: block; 
    float: left;     
    font-weight: bold;
    margin-bottom: 0.5em;            
    padding-right: 10px; 
    text-align: right;       
    width: 140px;    
} 

input, textarea, select   
{
    background: #f9f4eb;     
    border: 1px solid #141112; 
    margin-bottom: 0.5em;     
    padding: 0.25em; 
    width: 350px; 
} 

:focus   
{
    background: #fffcf9;  
}

textarea 
{ 
    overflow: auto;
} 

textarea.message
{
    width: 380px;
} 

#button, .button, .formsubmit 
{
    background: #f9f4eb url(../images/button.gif) top left no-repeat;
    border: 1px solid #141112;
    color: #141112;
    cursor: pointer;
    font-weight: bold;     
    height: 36px;      
    margin: 0.5em;  
    padding-left: 34px;
    width: auto;      

} 

#button:hover, .button:hover, .formsubmit:hover 
{
    background-position: bottom left;             
} 

span.compulsory
{
    color: #d95d26;   
    font-size: 0.9em;      
    font-weight: bold;
}

label.error 
{ 
    background-color: #66a8b4;
    font-weight: normal;         
    margin: -0.5em 0 1em 150px !important;
    margin: -0.5em 0 1em 50px; 
    padding: 5px; 
    text-align: left;      
    width: 351px;
}

input.error, textarea.error   
{
    border: 2px solid #66a8b4; 
}