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

form 
{ 
    float: none;
} 

    .formIntro
    {       
        padding-bottom: 1em;
    }
    
    form.plain
    {
        background: none;
    }
    
fieldset 
{
    border: 1px solid #dbd9cd;
    border-width: 1px 0;
    clear: both;    
    display: block; 
    margin-bottom: 10px !important;
    margin-bottom: 40px;
    margin-top: 10px; 
    padding: 20px;      
} 

legend
{
   
}

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

input, textarea, select   
{
    background: #f6f5f1; 
    border: 1px solid #dbd9cd; 
    margin-bottom: 0.5em;     
    padding: 0.25em; 
    width: 260px; 
} 

:focus   
{
    background: #fcfcfa;
    border: 1px solid #b2b0a7;     
}

textarea 
{ 
    overflow: auto;
} 

textarea.message
{
    width: 380px;
} 

#button, .button, .formsubmit 
{
    background: #fff url(../images/grad_top.jpg) top left repeat-x; 
    border: 1px solid #8D7F62;
    color: #8D7F62;
    cursor: pointer;
    font-weight: bold;     
    margin: 0.5em;    
    padding: 0.25em 0.5em;
    width: auto;      

} 

#button:hover, .button:hover, .formsubmit:hover 
{
    background: #ecebe6;
    color: #000;            
} 

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

label.error 
{ 
    
    margin: -0.5em 0 1em 90px !important;
    margin: -0.5em 0 1em 47px; 
    padding: 5px; 
    width: 260px;
    font-weight: normal;
    text-align: left;
    background-color: #b9da6c; 
}

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