/* fancy heading for the assessment */
h1.assessment
{
    background: #E0E2D6 url(/vmc/images/ico_hedarrow_active.gif) no-repeat scroll left top;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    text-indent: 40px; 
    font: normal normal normal 14pt Trebuchet MS, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    color: #333333;
    padding: 2px;
    margin: 10px 4px;
}

/* style for the subheading (message) */
h2.message 
{
    text-indent: 40px; 
    font: normal normal bold 12pt Trebuchet MS, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    color: #333333;
    padding: 2px;
    margin: 10px 4px;
} 

/* assessment form header */
div.assessment { border: solid 1px #ACACAC; margin: 10px 20px 0px 20px; font-size: 10pt; }
div.assessment p { margin: 10px; }




/* assessment form */
div.form { margin: 0; padding: 0; border-top: solid 1px #ACACAC; border-bottom: solid 1px #ACACAC; }
div.form ol { background-color: #EAECDF; margin: 0; border: 0; list-style:none; padding:0; }
div.form ol li { border-bottom: solid 1px #ACACAC; margin: 0; *margin: 0 0 0 -30px; padding: 0; }
div.form ol li label.heading { display: table-cell; padding:4px 4px 4px 12px; width: 292px; border-right: solid 1px #ACACAC; margin:0;  }
div.form ol li span.input { display: table-cell; padding: 4px; width:631px;  background-color: #FFF; margin:0; }
div.form ol li.wide label.wide { width: 958px; border: 0; }
div.form ol li.wide span.wide { display: block; position: relative; width:899px; left: 40px; border-top: solid 1px #ACACAC; border-left: solid 1px #ACACAC; }
div.form ol li ul.secondary { border-bottom: 0; }
div.form ol li ul.secondary { list-style-type: none; }
div.form ol li ul.secondary li { border: 0; border-top: solid 1px #ACACAC; }
div.form ol li ul.secondary li label.heading { width: 253px; }
div.form ol li ul.secondary li span.input { display: table-cell; padding: 4px;background-color: #FFF; margin:0; }
div.form ol li ul.secondary li.wide label.wide { width: 658px; border:0; }
div.form ol li ul.secondary li.wide span.wide { display: block; width: 598px; }
div.form ol li.disclaimer { list-style-type: none; border-bottom: 0; text-align: right; padding: 3px 3px; }

/* assessment form */
/*div.form { margin: 0; padding: 0; border-top: solid 1px #ACACAC; border-bottom: solid 1px #ACACAC; }
div.form ol { background-color: #EAECDF; margin: 0; border: 0; }
div.form ol li { border-bottom: solid 1px #ACACAC; }
div.form ol li label.heading { display: table-cell; padding: 4px; width: 300px; border-right: solid 1px #ACACAC; }
div.form ol li span.input { display: table-cell; padding: 4px; width: 370px; background-color: #FFF; }
div.form ol li.wide label.wide { width: 678px; border: 0; }
div.form ol li.wide span.wide { display: block; position: relative; width: 638px; left: 40px; border-top: solid 1px #ACACAC; border-left: solid 1px #ACACAC; }
div.form ol li ul.secondary { border-bottom: 0; }
div.form ol li ul.secondary { list-style-type: none; }
div.form ol li ul.secondary li { border: 0; border-top: solid 1px #ACACAC; }
div.form ol li ul.secondary li label.heading { width: 260px; }
div.form ol li ul.secondary li.wide label.wide { width: 658px; border:0; }
div.form ol li ul.secondary li.wide span.wide { display: block; width: 598px; }
div.form ol li.disclaimer { list-style-type: none; border-bottom: 0; text-align: right; padding: 3px 3px; }*/

/* form submit */
div.submit {
padding:15px 10px;
text-align:center;
width:100%;
}
div.submit input.assessment-button
{
    text-align: center;
    background-color: #8E9183;
    border-color: #D6D9C8 #909285 #909285 #D6D9C8;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
}
.form_group_heading{ font-size:18px; color:#94744F; padding:10px 10px; border-bottom:1px solid #ACACAC;}

div.error {
	font-weight: bold;
	text-align: center;
}

.orange-button
{
    color: #FFF;
    background-color: #F94C00;
    text-align: center;
    padding: 5px 20px; margin: 10px;
    font: normal normal bold 13pt Trebuchet MS, Verdana, Geneva, Helvetica, Arial, Sans-Serif;
    border-top: 2px solid #CCC; border-left: 2px solid #CCC;
    border-bottom: 2px solid #472101; border-right: 2px solid #472101;
}

.orange-button:hover
{
    color: #472101;
    border-top: 2px solid #472101; border-left: 2px solid #472101;
    border-bottom: 2px solid #CCC; border-right: 2px solid #CCC;
}