body {
    font-family: Verdana, Geneva, sans-serif;
    color: #333;
    background-color: white;
}

/***************/
/* Signup Form */
/***************/

#signup_form th {
    text-align: right;
    vertical-align: top;
    padding-top: .2em;
}

#signup_form #age_section, #signup_form #contact_section {
    display: none;
}

.error {
    color: red;
    background-color: white;
}

.button_row td {
    text-align: left;
}

#signup_form #zip {
    width: 5em;
}

#signup_form #city_container, #signup_form #state_container { display: none; }
#signup_form #state_container {
    width: 2em;
}

#signup_form #city_state {
    font-size: 90%;
}

#signup_form #phone {
    width: 10em;
}

#signup_form #age {
    width: 2em;
}

/***********************/
/* General Test Styles */
/**********************/

#instructions {
    width: 40em;
}

#show_instructions, #hide_instructions {
    display: none;
}

#question_num_container {
    margin-bottom: .5em;
	margin-top: 30px;
}
#question_num {
    font-weight: bold;
}

#ready_container {
    font-size: large;
}

/**********************/
/* Question & Answers */
/**********************/

#question_num_container { display: none; }

#question_container {
    padding: 1em;
    float: left;
    font-size: large;
    display: none;
}

#question {
    float: left;
    border-right: 1px solid gray;
    padding-right: 1em;
    width: 19em;
    height: 11ex;
}

#answers {
    float: left;
    margin-left: 1em;
}

#answers td {
    border-width: 1px;
    border-style: outset;
    width: 4.5em;
    text-align: center;
    font-variant: small-caps;
    font-weight: bold;
}

#answers td a {
    display: block;
    width: 100%;
    height: 100%;
    padding: .25em 0;
    text-decoration: none;
}

td#submit_form_td {
    border: none;
}
#submit_container {
    margin-top: .25em;
    display: none;
}

a, a:link, a:hover, a:active, a:visited {
    color: #20336D; /* a darker blue than "Yes" */
}

#answers .pressed_button {
    border-style: inset;
    opacity: 0.8;
}

#no_container { border-color: #A70039; /* red */ }
#no_container a, .No {
    color: #A70039; /* red */
    background-color: white;
}
#no_container a:hover, #no_container a:active, #no_container a:focus {
    color: white;
    background-color: #A70039; /* red */
}

#yes_container { border-color: #30437D; /* blue */ }
#yes_container a, .Yes {
    color: #30437D; /* blue */
    background-color: white;
}
#yes_container a:hover, #yes_container a:active, #yes_container a:focus {
    color: white;
    background-color: #30437D; /* blue */;
}

#maybe_container { border-color: black; }
#maybe_container a, .Maybe {
    color: black;
    background-color: white;
}
#maybe_container a:hover, #maybe_container a:active, #maybe_container a:focus {
    color: white;
    background-color: black;
}

/**************/
/* Bottom Nav */
/**************/

.question_nav {
    margin: 1em 0;
    clear: both;
    width: 40em;
}

#prev_question_container {
    margin-right: 1em;
    margin-bottom: 1em;
    display: block;
}
#prev_question, #latest_question {
    font-style: italic;
}
#prev_answer {
    font-weight: bold;
}

/******************/
/* Test Submitted */
/******************/

#test_submitted {
    width: 35em;
}

#name_section #name {margin-top:5px; border:3px solid #ccc; padding:5px; font-size:16px; font-family:Helvetica, Arial, Verdana, sans-serif; width:200px; color:#222222;}
#contact_section input {margin-top:5px; margin-bottom:20px; border:3px solid #ccc; padding:5px; font-size:16px; font-family:Helvetica, Arial, Verdana, sans-serif; width:200px; color:#222222;}
#age_section .text {margin-top:5px; margin-bottom:20px; border:3px solid #ccc; padding:5px; font-size:16px; font-family:Helvetica, Arial, Verdana, sans-serif; width:200px; color:#222222;}