#fcf2 {
font-family:arial;
font-size:11px;
color:#334714; /* Main body text colour*/
margin:10px;
border:1px solid #3D5686; /* outside frame size and colour*/
background-color:#F8FFED; /* form field background colour*/
width:450px;
}
#fcf2 h3 {
font-size:1.5em;
background-color:#D8E5C4;
color:#334714;
font-weight:bold;
padding:4px;
margin:0px;
}
#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#F00; /* Asterix text colour*/
}
#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#F8FFED; /* space between fields background colour*/
}
#fcf2 label {
float: left;
width: 100px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 335px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
background: #F8FFED; /*  field text area background colour*/
border:1px solid #000; /*  field text frame colour*/
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
}