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

/* initial submission input styling */

.form-wrapper {
    max-width: 400px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #bbb;
       
}
table {
    width: 100%
}

#oca-start {
    width: 100%
}

#test_submitted {
    max-width: 35em;
}

input {
	margin-top: 3px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	font-size: 16px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
    height: 38px;
	width: 100%;
	color: #222222;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.080);
}

input[type=text]:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(0, 118, 187, .8);
    padding: 3px 0px 3px 3px;
    border: 1px solid rgba(0, 118, 187, 1);
    outline: none
}

#start-test {
    border: none;
    background-color:#0076bb ;
    box-shadow: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-radius: 3px
}

.m_f {
    height: 15px;
    width: 15px;
    margin: 10px;
    margin-left: 20px
}

.m_f-box {
    border: 1px solid #ccc;
    width: 48%;
    height: 38px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.080);
    margin-top: 5px;
    margin-bottom: 10px
}

.two-third {
    width: 75%
}
.left {
    float: left
}

.right {
    float: right
}

.center {
    margin-top: 14px
}


/***************/
/* 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;
}


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

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


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

#instructions {
    
}

#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;
}

#ready_link {
    border: none;
    background-color:#0076bb ;
    box-shadow: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-radius: 3px;
    outline: none;
    font-size: 16px;
    padding: 6px
}
.wrapper {
    width: 100%;
    
}
.note {
    color: #30437d;
    font-size: 12px;
    
}

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

#question_num_container { 
    display: none; 
}

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

#question {
    float: left;
    padding-right: 1em;
    max-width: 19em;
    height: 13ex;
}

#answers {
    float: left;
}

#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;
    max-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 */
/******************/