/*
 *  File:           html_form.css
 *  Author:         Kerry Veenstra
 *
 *  $Log: html_form.css,v $
 *  Revision 1.6  2014/08/01 02:28:58  kerryveenstra
 *  format <li> and separator
 *
 *  Revision 1.5  2014/07/16 20:43:58  kerryveenstra
 *  revert prior change
 *
 *  Revision 1.4  2014/07/13 23:18:16  kerryveenstra
 *  separators are bold
 *
 *  Revision 1.3  2013/09/06 22:39:58  kerryveenstra
 *  adjust errorbox
 *  add duplicate-email-bad
 *
 *  Revision 1.2  2013/06/20 17:33:54  kerryveenstra
 *  added boxed class for div
 *
 *  Revision 1.1  2013/06/06 01:58:59  kerryveenstra
 *  Initial revision
 *
 *
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 130%;
    font-family:Arial,Helvetica,sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body
{
    background-color:White;       /* good */
    padding-left:1em;
    width:45em;
    margin-left: auto;
    margin-right: auto;

}

h1 {
    font-family:Verdana, Geneva, sans-serif;
    font-size:200%;
    font-weight:regular;
    line-height: 130%;
    margin-top:0.5em;
    padding-top:0.3em;
    padding-left:0.7em;
    padding-bottom:0.4em;
    margin-bottom:0.5em;
    color:White;
    background-color:MidnightBlue;
}

h2 {
    font-family:Verdana, Geneva, sans-serif;
    font-size:150%;
    font-weight:regular;
    line-height: 100%;
    margin-top:1.2em;
    padding-top:0.6em;
    padding-left:1em;
    padding-bottom:0.7em;
    margin-bottom:0.5em;
    color:White;
    background-color:MidnightBlue;
}

p {font-size:1em;}
a:link {color:Indigo;}     /* unvisited link */
a:visited {color:Indigo;}  /* visited link */
a:hover {color:Blue;}    /* mouse over link */
a:active {color:Indigo;}   /* selected link */

ul {list-style-type:none; padding:0px; margin:0px;} /* for compatibility */

ul li
{
color:MidnightBlue;                          /* good */
vertical-align:middle;
}

ul li label
{
margin-left:28px;
}

span.separator
{
padding-top: 1.25em;
padding-left:14px;
}

label {vertical-align:middle;}
span.label {padding-left:4px;}

span.duplicate-email-good
{
    color:DarkSlateGray;
    font-size:100%;
    padding-left:0.5em;
}

span.duplicate-email-bad
{
    color:Crimson;
    font-size:100%;
    padding-left:0.5em;
}

input[type="radio"] {vertical-align:middle; margin-top:-3px;}
input[type="checkbox"] {vertical-align:middle; margin-top:-2px;}
input[type="text"] {margin-top:1px;}

input[type="submit"]
{
    margin-top:2.5em;
    margin-bottom:2em;
}

div.form_element {padding-top:1em;}

div.title
{
    color:MidnightBlue;
    font-weight:bold;
}

div.errorbox-bad
{
    background-color:Yellow;
    border:2px solid Black;
    padding: 0.3em;
}

div.errorbox-good {}

div.asterisk
{
    color:Crimson;                      /* good */
    padding-left:0.3em;
    padding-top:0.5em;
}

span.asterisk
{
    color:Crimson;                      /* good */
    padding-left:0.3em;
}

div.subtitle
{
    color:DarkSlateGray;                        /* good */
    font-size:100%;                        /* good */
    padding-top:1px;
    padding-bottom:2px;
}

div.boxed
{
    border:2px solid Crimson;
    padding: 0.3em;
}
/*textarea.textarea {} */
/*span.checkboxes {} */
div.section_header {color:MidnightBlue;}  /* good */
span.required {color:MidnightBlue;}