
html,
body
{
   background-color: #faae3d;
}

/* Header/content/footer styles. ********************************************************************************************************************/

div#autotutor-main-heading-div,
div#autotutor-main-footer-div
{
   background-color: #81715e;
   color: white;
}

div#autotutor-main-content-div
{
   background-color: #faae3d;
   max-width: 1000px;
}

div#autotutor-main-heading-div-inner,
div#autotutor-main-footer-div-inner
{
   margin-left: auto;
   margin-right: auto;
   max-width: 1000px;
}

div#autotutor-main-footer-div-inner > span
{
   white-space: nowrap;
}

/* Header styles. ***********************************************************************************************************************************/

div#autotutor-main-heading-div-inner
{
   padding-bottom: 0.5em;
}

div#autotutor-main-heading-div-inner > div > div.left-div,
div#autotutor-main-heading-div-inner > div > div.right-div
{
   display: inline-block;
}

div#autotutor-main-heading-div-inner > div > div.left-div  {float: left ;}
div#autotutor-main-heading-div-inner > div > div.right-div {float: right;}

div#autotutor-main-heading-div-inner > div > div.left-div > h1
{
   font-size: 2em;
   padding-top: 0.2em;
}

div#autotutor-main-heading-div-inner > div > div.right-div > a > img.facebook-logo-img
{
   display: inline-block;
   padding-top: 10px;
   margin: 0;
   height: 30px;
   width: 30px;
   vertical-align: bottom;
}

div#autotutor-main-heading-div-inner > div.links-div > span.left-span > a,
div#autotutor-main-heading-div-inner > div.links-div > span.left-span > span
{
   padding-right: 0.6em;
}

div#autotutor-main-heading-div-inner > div.links-div > span.right-span > a,
div#autotutor-main-heading-div-inner > div.links-div > span.right-span > span
{
   padding-left: 0.6em;
}

div#autotutor-main-heading-div-inner > div.links-div > span.right-span > span.selected
{
   color: white;
}

div#autotutor-main-heading-div-inner > div.links-div > span > a,
div#autotutor-main-heading-div-inner > div.links-div > span > span.anchor-style
{
   color: #faae3d;
}

div#autotutor-main-heading-div-inner > div.links-div > span > span
{
   color: white;
}

/* Content styles. **********************************************************************************************************************************/

p.autotutor-session-msg
{
   color: green;
   margin-bottom: 0;
   margin-top: 0.5em;
}

div#autotutor-main-content-div
{
   margin-left: auto;
   margin-right: auto;
   position: relative;
   text-align: center;
   width: 100%;
}

div#autotutor-main-content-div > div#javascript-warning-div
{
   background-color: red;
   color: white;
}

div#autotutor-main-content-div-inner > div#login-div,
div#autotutor-main-content-div-inner > div#user-menu-div
{
   background-color: #e38533;
   border: 0;
   color: #222;
   display: inline-block;
   left: 50%;
   padding-bottom: 0.4em;
   padding-top: 0.4em;
   position: absolute;
   width: 50%;
   z-index: 100;
}

div#autotutor-main-content-div-inner > div#user-menu-div
{
   box-sizing: border-box;
   padding-right: 0.5em;
   text-align: right;
}

div#autotutor-main-content-div-inner > div#login-div
{
   text-align: center;
}

div#autotutor-main-content-div-inner > div#login-div > form > table > tbody > tr > td > a,
div#autotutor-main-content-div-inner > div#login-div > form > table > tbody > tr > td > input,
div#autotutor-main-content-div-inner > div#login-div > form > table > tbody > tr > td,
div#autotutor-main-content-div-inner > div#login-div > form > table > tbody > tr > th,
div#autotutor-main-content-div-inner > div#login-div > p,
div#autotutor-main-content-div-inner > div#login-div a
{
   line-height: 1.1em;
   padding-left: 0.3em;
   padding-right: 0.3em;
}

div#autotutor-main-content-div-inner > div#login-div > form > table > tbody > tr > th,
div#autotutor-main-content-div-inner > div#login-div > form > table > tbody > tr > td
{
   font-weight: normal;
   text-align: center;
}

div#autotutor-main-content-div-inner > div#login-div > form > table > tbody > tr > td > input
{
   padding: 0.3em;
   width: 210px;
}

div#autotutor-main-content-div-inner > div#login-div > form > table > tbody > tr > td > input.submit-button
{
   width: 60px;
}

div#autotutor-main-content-div-inner > div#login-div a
{
   color: #00c;
   white-space: nowrap;
}

div#autotutor-main-content-div-inner > div#login-div > hr
{
   margin: 0.5em;
}

div#autotutor-main-content-div-inner
{
   background-color: white;
   display: inline-block;
   width: 100%;
   text-align: left;
}

div#autotutor-main-content-div-inner > *
{
   width: 100%;
}

div#autotutor-main-content-div-inner > div,
div#autotutor-main-content-div-inner > form,
div#autotutor-main-content-div-inner > dl,
div#autotutor-main-content-div-inner > h2,
div#autotutor-main-content-div-inner > h3,
div#autotutor-main-content-div-inner > h4,
div#autotutor-main-content-div-inner > hr,
div#autotutor-main-content-div-inner > p,
div#autotutor-main-content-div-inner > pre,
div#autotutor-main-content-div-inner > ul
{
   margin-left: auto;
   margin-right: auto;
   width: 95%;
}

div#autotutor-main-content-div-inner > ul > li > ul
{
   list-style: none;
   margin-bottom: 1em;
}

div#autotutor-main-content-div-inner > h2 {font-size: 1.2em; padding-bottom: 0.5em; padding-top: 0.5em;}
div#autotutor-main-content-div-inner > h3 {font-size: 1.1em; padding-bottom: 0.4em;}
div#autotutor-main-content-div-inner > h4 {font-size: 1em; padding-bottom: 0.2em;}

div#autotutor-main-content-div-inner > p
{
   line-height: 1.5em;
   padding-bottom: 1em;
}

div#autotutor-main-content-div-inner > dl {padding-bottom: 1em;}
div#autotutor-main-content-div-inner > ul {padding-bottom: 1.5em;}

div#autotutor-main-content-div-inner > dl > dd {padding-top: 0.2em;}

div#autotutor-main-content-div-inner > ul > li,
div#autotutor-main-content-div-inner > dl > dd
{
   margin-left: 2em;
}

div#autotutor-main-content-div-inner > dl > dd
{
   padding-bottom: 1em;
}

div#autotutor-main-content-div-inner > dl > dt
{
   font-weight: bold;
}

div#autotutor-main-content-div-inner > div.exam-percent-complete-graph-div
{
   background-color: #81715e;
   height: 0.5em !important;
   margin-bottom: 1em;
   margin-top: 0.5em;
   width: 97%;
}

div#autotutor-main-content-div-inner > div.exam-percent-complete-graph-div > span
{
   display: inline-block;
   float: left;
   height: 0.5em !important;
}

div#autotutor-main-content-div-inner > div.exam-percent-complete-graph-div > span.answered-questions-span
{
   background-color: #faae3d;
}

div#autotutor-main-content-div-inner > div.exam-percent-complete-graph-div > span.current-question-span
{
   background-color: #e38533;
}

table.simple-form-table
{
   margin-bottom: 1.5em !important;
}

table.simple-form-table > tbody > tr > th
{
   padding-bottom: 0.5em;
   padding-left: 0;
   padding-right: 0.5em;
   padding-top: 0.5em;
}

table.simple-form-table > tbody > tr > th > span.info-span
{
   font-size: 0.8em;
   font-weight: normal;
}

table.simple-form-table > tbody > tr input,
table.simple-form-table > tbody > tr select
{
   width: 250px;
}

table.editable-table
{
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 1.5em;
   width: 93% !important;
}

div.links-menu-div
{
   column-count: 2;
}

div.links-menu-div > div.category-div
{
   break-inside: avoid;
   column-break-inside: avoid;
   page-break-inside: avoid;
}

div.links-menu-div > div.category-div > ul
{
   break-inside: avoid;
   column-break-inside: avoid;
   page-break-inside: avoid;
   margin-bottom: 1.5em;
}

div.links-menu-div > div.category-div > ul > li
{
   margin-left: 2em;
}

/* Footer styles. ***********************************************************************************************************************************/

div#autotutor-main-footer-div-inner
{
   padding-top: 1em;
   padding-bottom: 1em;
}

div#autotutor-main-footer-div-inner > a.facebook-a
{
   background-color: #3b5998;
   color: white;
   display: inline-block;
   height: 30px;
   padding-bottom: 0;
   padding-top: 0;
}

div#autotutor-main-footer-div-inner > a.facebook-a > img
{
   float: none;
   height: 30px;
   margin: 0;
   padding: 0;
   vertical-align: middle;
   width: 30px;
}

div#autotutor-main-footer-div-inner > a.facebook-a > span
{
   display: inline-block;
   padding-left: 2px;
   padding-right: 5px;
   padding-top: 0;
}

div#autotutor-main-footer-div-inner > span.yellow
{
   color: #faae3d;
   font-size: 0.75em;
   line-height: 0.5em !important;
}

div#autotutor-main-footer-div-inner > a.contact-form-a
{
   color: white;
   text-decoration: underline;
}
