/* Style of The FORMS */
/*-----------------------  FORMS ---------------------------------- */
.cssform label{
font-weight:bold;
display:block;
margin:0em 0px 3px 0px ;
padding:0.5em 0px 0px 0em;
color:#222;
}
.cssform span.description{color:#777; display:block; margin-bottom:5px}
.cssform input, .cssform textarea
{
font-family:"Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
margin-bottom:0.5em; 
vertical-align:middle; 
border:1px solid #8CACBB;
font-size:1em;
padding:3px 2px;
background:#fff url(../images/input_background.gif) repeat-x top left;
}
.cssform input:hover, .cssform textarea:hover, .cssform input:focus , .cssform textarea:focus{border-color:#000;}

.cssform p.submit input{width:auto; background:#DEE7EC; border-color:#8CACBB;cursor:pointer}
.cssform p.submit input:hover{border:1px solid #000}
.cssform textarea{width:90%;}

.cssform .big{font-size:1.5em; width:90%}

/*Error Management*/
.cssform label.error{color:#986265}
.cssform input.incorrect, .cssform textarea.incorrect{ border:1px solid #986265; background:#F4E7EA}
span.description_error{ color:#986265; margin-left:5px;  font-size:11px;}

.msgerror label{cursor:pointer;}
.cssform .element{margin:0.3em 0;}


ul.incorrect{
background:#F4E7EA;
border:1px solid #986265;
}

/* CHECK LIST CONTAINER*/


.cssform li input{
width:auto !important;
margin:0px !important; 
border:0px !important;
background:none !important;
position:relative;
vertical-align:middle !important;
}
.checklist {
overflow:auto;
background:#fff;
margin:5px 0px;
border: 1px solid #ccc;
list-style: none;
width: 300px;
font-size:1em;
padding:3px;
position:relative;
}
.checklist li {
padding:5px;
display:block;
}

.cssform li label{font-weight:normal; cursor:pointer; position:relative; display:inline}
.checklist label { position:relative;  display: block; text-indent: -25px; font-weight:normal;}