/*************************************************
     TEMPLATE BASED WEBSITE DESIGNED AND DEVELOPED BY
             VEBRA GRAPHICS (VEBRA SOLUTIONS LTD.)
                             COPYRIGHT 2005

       AUTHOR: DAVID SWALLOW (david.swallow@vebra.com)
                                22/11/2005

                             www.vebra.info
/*************************************************/ 

#mailingListForm form{
margin:0;
}

#mailingListForm .form_frame{
display:block;
border:1px solid #CCC;
background-color:#ccc;
color:#333;
margin-bottom:10px;
margin-left:30px;
width:470px;
}

#mailingListForm fieldset{
display:block;
background-color:#ccc;
color:#333;
margin:0;
padding:10px;
font:normal x-small Verdana, Arial, Helvetica, sans-serif;
width:450px;
text-align:left;
vertical-align:top;
border:none;
}

#mailingListForm legend{
margin:10px 0 -8px 8px;padding:0;
font:bold x-small Verdana, Arial, Helvetica, sans-serif;
background-color:#ccc;
color:#14385C;
letter-spacing:.05em;
}

* html #mailingListForm legend{
margin:0 0 0px 8px;
padding:0;
}

html>body #mailingListForm legend{
margin:0 0 0px 8px;
padding:0;
}/* fix for Opera */

#mailingListForm label{ 
margin:0;
padding:0;
display: block;
width:150px;
vertical-align:top;
float:left;
font:normal x-small Verdana, Arial, Helvetica, sans-serif;
} 

#mailingListForm label{
margin:0 0 0 8px;
}

#mailingListForm .form_para{
font-size:14px;
margin:10px 0 10px 0px;
padding: 10px 0 10px 8px;
color: #000;
text-align:left;
font-weight: bold;
}

#mailingListForm input, #mailingListForm select, #mailingListForm textarea{
margin:3px 2px;
font:normal x-small Verdana, Arial, Helvetica, sans-serif;
border:1px solid #7F9DB9!important;
padding:1px;
background-color:#fff;
color:#333;
}

#mailingListForm input:focus, #mailingListForm select:focus, #mailingListForm textarea:focus{
border:1px solid #E61814!important;
}

/*A very hacked up little section. I do apologise. Blame Mac-IE. */
#mailingListForm .radio_inputs, #mailingListForm .check_inputs{
width:250px;
/* Hide from IE-Mac \*/
width:220px;
/* End hide */
float:left;
margin-left:5px;
}


#mailingListForm .radio_inputs input, #mailingListForm .check_inputs input{
border:none!important;
background-color:#FFF;
/* Hide from IE-Mac \*/
float:left;
width: 20px;
/* End hide */
}

* html #mailingListForm .radio_inputs input, * html #mailingListForm .check_inputs input{
background-color:#ccc;
}

#mailingListForm .radio_inputs label, #mailingListForm .radio_inputs label{
width:300px;
/* Hide from IE-Mac \*/
float:left;
width:180px;
/* Hide from IE-Mac \*/
}
/*End of buggy section. Normal service resumes. */

#mailingListForm label span,
#mailingListForm legend span {
background-color:inherit;
color:#FF0000;
}

#mailingListForm .required{
background-color:#EFEFEF;
color:inherit;
}

#mailingListForm input.reset_button{
padding:2px 5px;
margin:20px 0 0 30px;
background:#000;
color:#fff;
}

#mailingListForm input.submit_button{
padding:2px 5px;
margin:20px 0 0 10px;
background:#333;
color:#fff;
}

.visible{
width:150px;
display:inline;
}

.invisible{
width:150px;
display:none;
}

.falsePadding{
padding-bottom:15px;
}

#mailingListForm .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #mailingListForm .clearfix {height: 1%;}
/* End hide from IE-mac */