/*--------------------------------------------------------------------------------------------------

	remove body and #container styles when embedding a form into a template

--------------------------------------------------------------------------------------------------*/
/* body {
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
} */
#formcontainer {
width: 100%;
/* padding: 20px 0;
margin: 0 auto; */
float: right;
}
.highlight {
padding: 5px;
margin-bottom: 10px;
color: #FF0000;
background-color: #FFFF99;
border: 2px solid #FFFF66;
}
.more {
color: #FF0000;
}
.required {
color: #FF0000;
font-weight: bold;
}
table#verification {
width: 30%;
margin-top: 0px;
border-collapse: collapse;
border: 1px solid #000;
}
table#verification td {
padding: 5px;
}

/*--------------------------------------------------------------------------------------------------

	fieldset

--------------------------------------------------------------------------------------------------*/
#container-middlewide #formcontainer fieldset {  
float: left;  
clear: left;  
width: 100%;  
margin: 0 0 1.5em 0;  
padding: 0; 
}
#container-middlewide #formcontainer legend {  
padding: 0;
margin-left: 1em;
color: #545351;  
font-weight: bold;
}
#container-middlewide #formcontainer legend span {  
position: absolute;  
margin-top: 0.5em;  
font-size: 14px;
}
#container-middlewide #formcontainer legend em {
font-size: 12px;
color:#CC0000;
}
#container-middlewide #formcontainer label {  
float: left;  
width: 130px;
margin-top: 0.4em;
margin-right: 1em;  
text-align: right; 
}
#container-middlewide #formcontainer fieldset {  
float: left;  
clear: both;  
width: 100%;  
margin: 0 0 -1em 0;  
padding: 0 0 1em 0;  
border-style: none;  
border-top: 1px solid #BFBAB0;  
background-color: #C9D9E9;
}
#container-middlewide #formcontainer fieldset ol {  
padding: 35px 20px 0 30px;
margin: 0;
list-style: none;
}
#container-middlewide #formcontainer fieldset li {
padding: 0;
padding-bottom: 0.5em;
clear: both;
}
#container-middlewide #formcontainer fieldset p {
	margin: 10px;
}
#container-middlewide #formcontainer fieldset p.underlegend {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
/*--------------------------------------------------------------------------------------------------

	embedded fieldset

--------------------------------------------------------------------------------------------------*/
#container-middlewide #formcontainer fieldset fieldset {  
border-style: none;  
}
#container-middlewide #formcontainer fieldset fieldset li {  
font-size: 12px;  
}
#container-middlewide #formcontainer fieldset fieldset legend {
margin-left: 0;
font-weight: normal;
text-align: left;
color: #000000;
}
/*  right-align legend using padding-left, text-align or float doesn't work on legend. */
#container-middlewide #formcontainer fieldset fieldset legend#method {  

float: left;
/* padding-left: 45px; */
}
#container-middlewide #formcontainer fieldset fieldset legend#interests {

float: left; 
/* padding-left: 38px; */
}
#container-middlewide #formcontainer fieldset fieldset legend#hobbies {  
padding-left: 50px;
}
#container-middlewide #formcontainer fieldset fieldset legend#subject {  
padding-left: 55px;
}
#container-middlewide #formcontainer fieldset fieldset legend#comments {  

float: left;
/* padding-left: 5px; */
}
#container-middlewide #formcontainer fieldset fieldset ol {  
position: relative;  
top: -1.5em;  
margin: 0 0 0 10em;  
padding: 0;
}
#container-middlewide #formcontainer fieldset fieldset label {  
float: none;  
width: auto;  
margin-right: auto;
}

/*--------------------------------------------------------------------------------------------------

	submit button in fieldset

--------------------------------------------------------------------------------------------------*/
#container-middlewide #formcontainer fieldset.submit {  
float: none;  
width: auto;  
padding-top: 1.5em;  
padding-left: 12em;  
margin-bottom: 5em;
background-color: #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------

	verification box

--------------------------------------------------------------------------------------------------*/
table#verification {
float: left;
}

#container-middlewide ol li {
	list-style: none;
}
