/* html.css
 *
 * Default styles for built-in HTML elements.
 *
 * guidelines:
 * - NO CLASSES!  Only HTML tags.  Classes go in "layout.css"
 * - NO FONTS!  Font faces, sizes, colors, line spacing, etc. go in "fonts.css"
 */

body {
    background-color: #006699;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1.0em;
}

p {
    line-height: 1.2em;
    margin-bottom: 1.2em;
}

blockquote {
    margin: 16px 32px;
}

ul, ol {
    margin: 0px 0px 16px 32px;
}

ul {
    list-style: circle inside;
}

ol {
    list-style: decimal inside;
}

input[type=text], input[type=password] {
    border: 1px solid #666;
    margin-top: 2px;
}

input[type=text].ghost, input[type=password].ghost {
    font-style: italic;
    color: #BBB;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, .Pfocus_text_pseudo {
    border: 1px solid #000;
    background-color: #FFD;
}

textarea {
    border: 1px solid #666;
    font-family: Courier New, monospace;
}

input[type=button], input[type=submit] {
    border: 1px solid;
    border-color: #BBB #666 #666 #BBB;
    background-color: #EEE;
}

input[type=button].red, input[type=submit].red {
    border-color: #B66 #600 #600 #B66;
    background-color: #EBB;
    color: #000;
}

input[type=button].yellow, input[type=submit].yellow {
    border-color: #EE6 #990 #990 #EE6;
    background-color: #CC3;
    color: #000;
}

input[type=submit] { font-weight: bold; } /* show default button */

input[type=button]:hover, input[type=submit]:hover, .Phover_button_pseudo {
    border-color: #EEE #AAA #AAA #EEE;
    background-color: #FFF;
    cursor: pointer;
}

input[type=button].red:hover, input[type=submit].red:hover, .Phover_button_pseudo.red {
    border-color: #EAA #A88 #A88 #EAA;
    background-color: #FCC;
}

input[type=button].yellow:hover, input[type=submit].yellow:hover, .Phover_button_pseudo.yellow {
    border-color: #EE6 #990 #990 #EE6;
    background-color: #DD6;
}
a.button { border: 1px solid; border-color: #EE6 #990 #990 #EE6; background-color: #CC3; padding: 1px 3px; text-decoration: none; font-size: 0.8em; color: #000; width: 100px; display: inline-block; text-align: center; }
a.button:hover { background-color: #DD6; text-decoration: none; }

table {
    border-collapse: collapse;
    border: 0px;
}