/* 
    Document   : emailform
    Created on : Jan 11, 2009, 12:11:01 PM
    Author     : Vincent
    Description:
        Style for the Email Contact Form
*/

/* ----------- My Form ----------- */
.contactform{
margin:0;
width:400px;
padding:2px;
}

/* ----------- stylized ----------- */
#emailform{
border:solid 2px #b7ddf2;
background:#ebf4fb;
text-align:left;
}
#emailform h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
border:0;
margin:0;
padding:0;
}
#emailform p{
font-size:11px;
color:#666666;
margin-bottom:5px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#emailform .label{

font-weight:normal;
text-align:left;
font-size:9pt;
}
#emailform label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
}

#emailform .small{
color:#666666;
font-size:11px;
font-weight:normal;
}
#emailform input{

font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 10px 5px;
}

#emailform select{

font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 10px 5px;
}

#emailform textarea{

font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
height:125px;
margin:2px 0 10px 5px;
}


#emailform button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#emailform .button{
    clear:both;
}

#emailform .highlight{
   color:#FF0000;
   width:20px;
}

#emailform .em_error{
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size:9pt;
    font-weight: normal;        
    text-align: right;
    vertical-align: top;
    
}

#emailform .validationmessage{
   
}

.registration_validation {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: red;
    text-align: right;
}

/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }