/* Global Elements */
body {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #4A4A4A; margin: 0; padding: 0; background: #E8E7E7 url(../images/mrabtest_background.gif) center repeat-y; text-align: center;}
td {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #4A4A4A;}
#container {text-align: center; width: 750px; margin: auto;}
#header {height: 83px; background-color: #1E448D}
h1 {width: 351px; height: 83px; margin: 0; padding: 0; background: transparent url(../images/mrabtest_logo.gif) center no-repeat; text-indent: -3000px;}
h2 {font: 20px Georgia, Times, "Times New Roman", serif; color: #444; text-align: center;}
h3 {font: bold 14px Verdana, Arial, Helvetica, sans-serif; text-align: left;}
#footer {border-top: 1px solid #666; padding-top: 10px; margin: 30px 5px;}
#footer p {font: 9px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0 0 2px 0; padding: 0;}

/* Global Classes */
.odaSection {width: 450px; border: 1px solid #CCC; background-color: #F5F5F5; padding: 10px; margin: auto;}
.clear {clear: both; height: 14px;}
.error {color: red;}
.simpleForm {margin: auto; padding: 10px 0;}
.simpleFormLabel {text-align: right;}

/* Home */
#loginForm p {text-align: left; line-height: 18px;}
#testEventIdForm {padding-top: 10px;}
#testEventIdForm div {display: inline;}
#testEventIdForm div label {display: none; position: absolute; border: 1px solid #CCC; background-color: #FFC; padding: 3px; margin-top: 2px;}
.hyphen, #eventLabel {margin-top: 3px; padding: 0 3px;}
#loginButton {margin-top: -2px;}
#helpLink {text-align: right;}

/* Begin Test */
#beginButton {margin: 20px;}
#beginButton a {border: 1px solid green; padding: 5px 10px; background-color: green; color: white; text-decoration: none; font-size: 13px; font-weight: bold;}
#beginButton a:hover {background-color: white; color: green;}

/* Help */
#helpInfo {text-align: left; padding: 10px;}
.supportInfo {text-align: center; margin: 20px auto; padding: 10px; border: 1px solid #CCC; background-color: #ECECEC; width: 250px;}