/*
 * @: Jeremy Winch
 * Styles for AAIS Online Testing Center
 * ~ CSS 2.1
 * /lib/style.css
 *
 */


/********************************************
 * HTML ELEMENTS ****************************/
body {
  background-color: rgb(245,245,245);
  padding-top: 0px;
  margin-top: 0px;
}

td {
  font: normal 12px Verdana, sans-serif;
  background-color: #FFF;
}

a {
  color: blue;
}

a:hover {
  color: #008080;
}

h4 {
  font: bold 10pt Verdana, sans-serif;
  border-bottom: 1px solid #778;
}



/********************************************
 * SITE HEADER ******************************/
 #header {
   font: normal 10px Verdana, sans-serif;
   vertical-align: bottom;
 }

 #header span {
   font: bold 8pt Arial, sans-serif;
   color: #000;
   letter-spacing: 2px;
   border: 1px solid #000;
   background-color: rgb(245,245,245);
   padding: 1px 2px 1px 3px;
 }

 #body {
   border: 1px solid #778;
   border-top: none;
   background-color: #FFFFFF;
 }


 
/******************************************** 
 * SITE FOOTER ******************************/
 #footer {
   font: normal 7pt Verdana, sans-serif;
   border-top: 1px solid #778;
   margin-top: 3px;
 }

 #footer td {
   font: normal 7pt Verdana, sans-serif;
   padding: 3px;
 }

 #footer a {
   color: #778;
 }

 #footer a:hover {
   color: #008080;
   text-decoration: none;
   border-bottom: none;
 }

 #adodb {
   width: 90px;
   border: 1px solid #778;
   padding: 1px;
   font: normal 7pt Arial, sans-serif;
   letter-spacing: 3px;
   color: #000;
   vertical-align: middle;
   background-color: rgb(245,245,245);
 }


 
/********************************************
 * LOGIN TO THE ONLINE TESTING CENTER *******/
 #logincontainer {
   border: 1px solid #778;
   background-color: #EBEBEB;
 } 

 #logincontainer th {
   font: bold 9pt Verdana, sans-serif;
   background-color: #008080;
   color: #CEE7BD;
   padding: 2px;
   border-bottom: 2px solid #778;
 } 

 #logincontainer td {
   background-color: #EBEBEB;
 } 

 #logincontainer .buttoncontainer {
   padding-right: 15px;
 } 

 #logincontainer .loginbutton {
   font: bold 8pt Verdana, sans-serif;
 }

 #loginform {
   background-color: #EBEBEB;
 }

 #loginform td {
   font: bold 8pt Verdana, sans-serif;
   background-color: #EBEBEB;
   padding-left: 15px;
 }

 #loginform td input {
   font: bold 8pt Lucida, sans-serif;
   border: 1px solid #000;
   background-color: #FFFFFF;
   padding: 3px;
   text-align: left;
   letter-spacing: 2px;
 } 

 #loginform .password {
   font: bold 8pt Lucida, sans-serif;
   letter-spacing: 2px;
 }

 .failure {
   font: normal 8pt Arial, sans-serif;
   color: rgb(255,0,0);
 }

 #login {
   font: bold 9pt Verdana, sans-serif;
   font-variant: small-caps;
   text-align: center;
   text-decoration: underline; 
   margin-top: 20px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
 }

 #loginbutton button {
   font: bold 11px Lucida, sans-serif;
   color: yellow;
   letter-spacing: 5px;
   text-align: center;
   border: 2px outset #DDDDDD;
   background-color: #2D5780;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   cursor: pointer;
 }

 #firsttime {
   font: bold 7pt Verdana, sans-serif;
 }

 .help {
   font: normal 7pt Verdana, sans-serif;
 }

 .help:hover {
   border: none;
 }

 #loginimage {
   border: 1px solid #778;
 }

 #notenrolled {
   font: normal 8pt Verdana, sans-serif;
   text-align: center;
   padding-top: 15px;
 }


 
/********************************************
 * REGISTRATION *****************************/
 #signupform {
   background-color: rgb(245,245,245);
   border: 1px solid #000;
   border-bottom: none;
 }

 #signupform td {
   font: normal 8pt Verdana, sans-serif;
   background-color: rgb(245,245,245);
 }

 #signupform .prompt {
   font: bold 8pt Verdana, sans-serif;
   padding: 10px;
 }

 #signupform td input {
   font: bold 8pt Lucida, sans-serif;
   border: 1px solid #000;
   background-color: #FFFFFF;
   padding: 3px;
   text-align: left;
   letter-spacing: 2px;
 }

 #signupform .password {
   font: bold 8pt Lucida, sans-serif;
   letter-spacing: 2px; 
 }

 #signupcontainer {
   padding: 0px;
 }

 #signupcontainer th {
   background-color: rgb(245,245,245);
   border: 1px solid #000;
   border-top: none;
 }

 .button {
   font: bold 8pt Verdana, sans-serif;
 }

 /* Registration Complete */
 #reg-complete {
   background-color: rgb(245,245,245);
   border: 1px solid #000;
   padding: 10px;
 }

 #reg-complete td {
   font: bold 8pt Verdana, sans-serif;
   background-color: rgb(245,245,245);
   text-align: center;
 }

 #reg-login {
 }

 #reg-login .submit {
   font: bold 9pt Verdana, sans-serif;
   color: #0000FF;
   border: 1px solid #000;
   background: #FFFFFF;
   padding: 1px;
   cursor: pointer;
 }


 
/********************************************
 * SITE NAVIGATION **************************/
 #navcontainer {
   padding: 0px;
   margin: 0px;
   border: 1px solid #000;
 }

 #navcontainer th {
   font: bold 9pt sans-serif;
   color: #FFFFFF;
   text-align: justify;
   letter-spacing: 2px;
   padding: 1px 0 1px 3px;
   background: #008080;
 }

 #nav {
   background: url('https://www.blackstone1890.com/123ce/_dev/students/images/gradient.jpg');
 }

 #nav ul {
   padding: 1px;
   margin: 0px;
 }

 #nav li {
   list-style-type: none;
   width: 100%;
 }

 #nav a {
   display: block;
   font: bold 8pt Arial, sans-serif;
   color: #000;
   margin: 1px 1px 0px 1px;
   padding: 1px 3px;
   border: 1px solid #000;
   background: rgb(245,245,245);
 }

 #nav a:hover {
   background: #CEE7BD;
   text-decoration: none;
 }
 


/********************************************
 * ORDERED LISTS ****************************/
 #orderedlist li {
   padding-bottom: 5px;
   padding-top: 5px;
 } 

 #subordered {
   padding-bottom: 10px;
   padding-top: 10px;
 }

 #subordered li {
   list-style-type: lower-alpha;
 }



/********************************************
 * SITE ADMINISTRATION **********************/
 #admin {
 }

 #admin th {
   font: bold 9pt Arial, sans-serif;
   text-align: left;
   letter-spacing: 2px;
   border-bottom: 1px solid #000;
 }

 #admin td {
   font: normal 8pt Arial, sans-serif;
 }

 #admin a {
   font: normal 8pt Arial, sans-serif;
   color: #0000FF;
 }

 #admin a:hover {
   color: #009900;
 }

 #admin .button {
   color: #000;
   border: 1px solid #000;
   background-color: #CEE7BD;
   font: bold 8pt Lucida, sans-serif;
   padding: 1px 10px;
   cursor: pointer;
 }

 #admin .button:hover {
    color: #008080;
    border: 1px solid #008080;
    background-color: #FFFFFF; 
 }

 #admin a.button {
   font: bold 8pt Lucida, sans-serif;
   letter-spacing: 1px;
 }

 #admin input.button {
   font: bold 8pt Lucida, sans-serif;
   color: #000;
   border: 1px solid #000;
   background-color: #CEE7BD;
   letter-spacing: 1px;
   padding: 0px 8px;
 }

 #admin input.button:hover {
    color: #008080;
    border: 1px solid #008080; 
    background-color: #FFFFFF;
 }

 #admin span{
   font: bold 9pt Arial, sans-serif;
   background: #DDDDDD;
   padding: 2px 100px 2px 10px;
   border: 1px dashed #778;
 }



/********************************************
 * STUDENT STYLES ***************************/ 
 #student {
 }

 #student th {
   font: bold 9pt Arial, sans-serif;
   text-align: left;
   letter-spacing: 2px;
   border-bottom: 1px solid #000;
 }

 #student td {
   font: normal 9pt Arial, sans-serif;
 }

 #student a {
   font: normal 8pt Arial, sans-serif;
   color: #0000FF;
 }

 #student a:hover {
   color: #009900;
 }

 #student .button {
   color: #000;
   border: 1px solid #000;
   background-color: #CEE7BD;
   font: bold 9pt Arial, sans-serif;
   padding: 1px 10px;
   cursor: pointer;
 }

 #student .button:hover {
    color: #008080;
    border: 1px solid #008080;
    background-color: #FFFFFF;
 }

 #student a.button {
   font: bold 8pt Lucida, sans-serif;
   letter-spacing: 1px;
   padding: 1px 10px;
 }

 #student span {
   font: bold 9pt Arial, sans-serif;
   background: #DDDDDD;
   padding: 2px 100px 2px 10px;
   border: 1px dashed #778;
 }

 #student .grade {
   font: bold 9pt Arial, sans-serif;
   padding: 5px 15px;
 }

 #student span.sorry {
   border: none;
   background: none;
   font: normal 7pt Arial, sans-serif;
   padding: 0px 0px 0px 63px;
 }



/******************************************** 
 * FORM STYLES ******************************/
 .form {
   border: 1px solid #000;
 }

 .form td {
   background: rgb(245,245,245);
   padding: 10px 1px 1px 10px;
   font: bold 8pt Arial, sans-serif;
   height: 22px;
 }

 .form input {
   border: 1px solid #000;
   font: bold 8pt Lucida, sans-serif;
   letter-spacing: 1px;
 }

 .form .n {
   border: none;
 }

 .form select {
   border: 1px solid #000;
   font: bold 7pt Lucida, sans-serif;
   letter-spacing: 1px;
 }

 .form #course {
   font: normal 9pt Courier New, monospace;
 }

 .form .wrong {
   font: normal 8pt Arial, sans-serif;
 }

 .passwd {
   font: bold 9pt Arial, sans-serif;
   letter-spacing: 2px;
   padding: 1px 2px -1px 2px;
 }


 
/********************************************
 * COURSE INFORMATION ***********************/
 .courseinfo {
   border: 1px solid #000;
   margin: 5px 15px 5px 5px;
 }

 .courseinfo td {
   background: #FFFFFF;
 }


 
/********************************************
 * NEW QUESTION FORM ************************/
 .questionform {
   border: 1px solid #778;
 }

 .questionform #quesnum {
   font-size: 10pt;
 }

 .questionform td {
   background: #FFFFFF;
 }

 .questionform textarea {
   border: 1px solid #000;
   font: normal 8pt Lucida, sans-serif;
   padding: 1px;
 }

 .questionform input {
   border: 1px solid #000;
   font: normal 8pt Lucida, sans-serif;
   padding: 1px;
 }


 
/******************************************** 
 * EXAM STYLES  *****************************/
 #student .exam {
   border: 1px solid #000;
 }

 #student .exam tr {
   padding-left: 25px;
 }

 #student .exam td {
   font: normal 10pt sans-serif;
 }

 .confirm {
   background: #000;
 }

 .confirm td {
   padding: 2px 5px;
   background: rgb(245,245,245);
 }

 .disclaimer {
   font: normal 9pt Arial, sans-serif;
   color: #EE0000;
   text-align: center;
   border: 1px dashed #000;
   padding: 3px 0px;
   margin: 10px;
 }

 #exam-message {
   border: 1px dashed #000;
   font: bold 9pt Arial, sans-serif;
 }

 .feedback {
   font: bold 9pt Courier, sans-serif;
   color: #FF0000;
   margin: 0px 20px;
   top: 0px;
 }

 .choice {
   color: #0000FF;
   padding: 1px 20px;
 }

 .correct {
   text-decoration: underline;
 }

 /* Exam Results */
 .exam-results {
   background: #000;
 }

 .exam-results th {
   background: #008080;
   font: bold 8pt Arial, sans-serif;
   text-align: left;
   color: #CEE7BD;
   padding: 1px 5px;
 }

 .exam-results td {
   background: #FFFFFF;
   padding: 1px 5px;
 }

 .exam-results .heading {
   background: rgb(245,245,245);
   text-align: left;
   font: bold 8pt Arial, sans-serif;
 }

 

/******************************************** 
 * FREQUENTLY ASKED QUESTIONS ***************/
 #faq {
 }

 #faq h2 {
   font: bold 9pt Arial, sans-serif;
   margin-bottom: 1px;
 }

 #faq p {
   margin: 0px 0px 10px 10px;
 }



/********************************************  
 * STUDENT REPORTS **************************/
 #reportcontainer {
 }

 #report {
   border: 1px solid #000;
 }

 #report th {
   border-bottom: 1px dotted #000;
   font: bold 9pt Arial, sans-serif;
 }

 #report td {
   font: normal 9pt Arial, sans-serif;
   padding: 1px;
 }

 #report .red {
   color: #FF0000;
 }

 #reportfoot {
   border-top: 1px solid #000;
   margin: 15px 0 0 0;
 }

 #reportfoot td {
   font: normal 7pt Arial, sans-serif;
   color: #000;
 }



 
/********************************************  
 * ADMINISTRATOR HOME PAGE ******************/
 #admin-home {
   border: 1px solid #000;
   background: #EBEBEB;
   padding: 5px;
 }

 #admin-home td {
   background: #EBEBEB;
 }

 #admin-home .menu-description {
   background: #000;
 }

 #admin-home .menu-description td {
   background: #FFFFFF;
   padding: 1px 3px;
 }



/********************************************   
 * GRADE EXAMS ONLINE [ADMIN] ***************/
 #admin-grade {
   border: 1px solid #000;
 }

 #admin-grade td {
   font: normal 9pt Arial, sans-serif;
   text-align: left;
   background: #FBFBFB;
   padding: 2px 5px;
 }

 #admin-grade .exams {
   font: normal 8pt Arial, sans-serif;
 } 

 #admin-grade .enter {
   font: bold 8pt Arial, sans-serif;
   color: #0000FF;
   padding: 2px 5px;
   background: none;
   display: block;
   border: 1px solid #FFFFFF;
   cursor: pointer;
 }

 #admin-grade .enter:hover {
   color: #000;
   border: 1px solid #000;
   padding: 2px 5px;
 }

 #admin-grade .submit {
   font: bold 8pt Arial, sans-serif;
   letter-spacing: 1px;
   border: 1px outset #DDDDDD;
   background: #EBEBEB;
 }



 
/********************************************  
 * VIEW STUDENT ACCOUNTS [ADMIN] ************/ 
 #admin-student-accounts {
   border: 1px solid #000;
   border-bottom: none;
 }

 #admin-student-accounts th {
  border-bottom: 1px solid #000;
  font: bold 8pt Arial, sans-serif;
  text-align: left;
  background: #EBEBEB;
 }

 #admin-student-accounts td {
   border-bottom: 1px solid #000;
 }

 #admin-view-acct-foot {
   margin-top: 20px;
   padding-top: 5px;
   border-top: 1px solid #000;
 }

 #admin-view-acct-foot td {
   font: normal 7pt Verdana, sans-serif;
   color: #000;
 }



/********************************************   
 * CHANGE PASSWORD FORM *********************/
 .password {
   text-align: center;
   margin: 10px 0px 0px 0px;
 }

 .password a {
   font: normal 7pt Verdana, sans-serif;
 }

 .password a:hover {
   text-decoration: none;
 }




/********************************************   
 * STATISTICS [ADMIN & STUDENT] *************/
 #stats {
   background: #000;
 }

 #stats th {
   background: #EBEBEB;
   font: bold 8pt sans-serif;
   text-align: center;
   color: #000;
   border: none;
   padding: 1px;
 }

 #stats td {
   background: #FFFFFF;
   padding: 5px 15px;
 }

/* END style.css ****************************/
/********************************************/