body {
   margin:0;
   padding-top: 10px;
   line-height: 1.5em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

b {
   font-size: 100%;
}

p {
   padding: 4px 0px;
   margin: 5px;
}

p.bold {
   font-weight: bold;
}

p.left {
   text-align: left;
}
p.center {
   text-align: center;
}
p.right {
   text-align: right;
}
p.justify {
   text-align: justify;
}

p.message {
   color: #0000c0;
}

p.error {
   color: #c00000;
}

em {
   color: red;
}

a {
   color: black;
}

a:visited {
   color: black;
}

h2 {
   text-align: center;
   line-height: 32px;
}

#container {
   width: 1000px; /* Width of main container */
   margin: 0 auto; /* Center container on page */
}

#header {
   background: #eaeaea;
   height: 120px; /* Height of top section */
}

#header h1 {
   font-size: 26px;
   line-height: 48px;
   text-align: center;
   margin: 0;
   padding-top: 12px;
}

#content {
   display: block;
   height: 600px;
   margin-bottom: 20px;
   overflow: auto;
}

#footer {
   clear: left;
   width: 100%;
   height: 24px;
   background: #aaaaaa;
   color: #FFF;
   text-align: center;
   padding: 4px 0;
}

#footer a {
   color: #800000;
}

.inner {
   margin: 0 10px 0px 10px; /* Top Right Bottom Left */
}

#links {
   float: left;
   width: 100%;
   background: #fff;
   border-bottom: 4px solid #000;
   overflow: hidden;
   position: relative;
   padding-top: 5px;
}
#links ul {
   clear: left;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   left: 50%;
   text-align: center;
}
#links ul li {
   display: block;
   float: left;
   list-style: none;
   margin: 0 5px;
   padding: 0;
   position: relative;
   right: 50%;
   width: 230px;
   padding-bottom: 5px;
}
#links ul li a {
   display: block;
   margin: 0 0 0 1px;
   padding: 5px;
   background: #ddd;
   color: #000;
   text-decoration: none;
   line-height: 1.3em;
   font-size: 14px;
}
#links ul li a:hover {
   background: #369;
   color: #fff;
}
#links ul li a.active,
#links ul li a.active:hover {
   color: #fff;
   background: #000;
   font-weight: bold;
}

table#names {
   margin-left: 30px;
}

table#names tr td {
   padding: 4px 0px;
}

table#names tr td.bb {
   font-weight: bold;
   width: 260px;
}
table#names tr td.nb {
   font-weight: normal;
   color: #0000c0;
}

table#names tr td.com {
   font-size: 85%;
   font-style: italic;
}

img#img-uc {
   display: block;
   margin: 0 auto;
   padding-top: 20px;
   text-align: center;
}

p#users-message {
   margin: 0;
   padding: 0;
   float: left;
   color: #0000c0;
}

div.clear {
   clear: both;
}

/* Login container */
#login-container {
   width: 472px;
   margin: auto;
   padding: 10px;
}

#login-container form {
   width: 432px;
   margin: auto;
   padding: 0;
}

#login-container form label {
   width: 160px;
   height: 32px;
   margin-top: 3px;
   margin-right: 2px;
   padding-top: 11px;
   padding-left: 6px;
   background-color: #CCCCCC;
   float: left;
   display: block;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: normal;
   line-height: 1.1;
   color: #666;
}

#login-container form input.textbox {
   position: relative;
   top: 2px;
   width: 240px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   height: 24px;
}

#login-container form input.button {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   height: 32px;
}

#login-container form div.input {
   width: 259px;
   float: right;
   background-color: #E6E6E6;
   height: 35px;
   margin-top: 3px;
   padding-top: 5px;
   padding-bottom: 3px;
   padding-left: 5px;
}

#login-container form div.button {
   width: 237px;
   padding-top: 15px;
   text-align: center;
   margin: auto;
   position: relative;
   top: 15px;
}

#login-container form div.error {
   padding-bottom: 10px;
   color: #c00000;
}
#login-container form div.error p {
   text-align: center;
   margin: 0;
   padding: 0;
}


/* Form container */
#form-container {
   width: 930px;
   margin: auto;
   padding: 10px;
}
#form-container h2 {
   font-size: 18px;
   text-align: center;
   line-height: 32px;
   margin-top: 0px;
}

#form-container form {
   margin: 0;
   padding: 0;
}

#form-container form fieldset {
   width: 437px;
   float: left;
}

#form-container form label {
   width: 164px;
   height: 24px;
   margin-top: 3px;
   margin-right: 2px;
   padding-top: 11px;
   padding-left: 6px;
   background-color: #CCCCCC;
   float: left;
   display: block;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   line-height: 1.1;
   color: #666;
}

#form-container form input.textbox {
   position: relative;
   top: 1px;
   width: 240px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   height: 18px;
}

#form-container form input.button {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   height: 32px;
}

#form-container form select {
   position: relative;
   top: 2px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   width: 245px;
   height: 24px;
}

#form-container form textarea {
   font-size: 14px;
   line-height: 24px;
   resize: none;
}

#form-container form div.input {
   width: 259px;
   float: right;
   background-color: #E6E6E6;
   height: 27px;
   margin-top: 3px;
   padding-top: 5px;
   padding-bottom: 3px;
   padding-left: 5px;
}

#form-container form div.markup {
   width: 259px;
   float: right;
   background-color: #E6E6E6;
   height: 35px;
   margin-top: 3px;
   padding-top: 5px;
   padding-bottom: 3px;
   padding-left: 5px;
   font-size: 18px;
   line-height: 34px;
}

#form-container form div.button {
   width: 930px;
   padding-top: 15px;
   text-align: center;
   float: left;
}

#form-container form div.message {
   text-align: justify;
   font-size: 14px;
   font-style: italic;
   padding: 10px;
}

#form-container form div.error {
   display: block;
   width: 380px;
   float: right;
   padding: 10px 0px;
   color: #c00000;
}

#form-container form div.error p {
   margin: 0;
   padding: 0;
}

#form-container form div.error ul {
   margin: 0;
   padding: 0;
   padding-left: 40px;
}


/* Report container */
#report-container {
   width: 436px;
   margin: auto;
   padding: 10px;
}
#report-container h2 {
   font-size: 18px;
   text-align: center;
   line-height: 32px;
   margin-top: 0px;
}

#report-container form {
   margin: 0;
   padding: 0;
}

#report-container form fieldset {
   width: 437px;
   float: left;
}

#report-container form label {
   width: 164px;
   height: 32px;
   margin-top: 3px;
   margin-right: 2px;
   padding-top: 11px;
   padding-left: 6px;
   background-color: #CCCCCC;
   float: left;
   display: block;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   line-height: 1.5;
   color: #666;
}

#report-container form input.textbox {
   position: relative;
   top: 4px;
   width: 240px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   height: 18px;
}

#report-container form input.textbox_widthless {
   position: relative;
   top: 4px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   height: 18px;
}

#report-container form input.file {
   position: relative;
   top: 4px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   height: 25px;
}

#report-container form input.button {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   height: 32px;
}

#report-container form select {
   position: relative;
   top: 2px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   width: 245px;
   height: 29px;
}

#report-container form select.autowidth {
   width: auto;
}

#report-container form textarea {
   font-size: 14px;
   line-height: 24px;
   resize: none;
}

#report-container form div.input {
   width: 259px;
   float: right;
   background-color: #E6E6E6;
   height: 35px;
   margin-top: 3px;
   padding-top: 5px;
   padding-bottom: 3px;
   padding-left: 5px;
}

#report-container form div.markup {
   width: 259px;
   float: right;
   background-color: #E6E6E6;
   height: 35px;
   margin-top: 3px;
   padding-top: 5px;
   padding-bottom: 3px;
   padding-left: 5px;
   font-size: 18px;
   line-height: 34px;
}

#report-container form div.button {
   width: 930px;
   padding-top: 15px;
   text-align: center;
   float: left;
}

#report-container form div.message {
   text-align: justify;
   display: block;
   width: 380px;
   padding: 10px 0px;
   color: #0000c0;
}

#report-container form div.error {
   display: block;
   width: 380px;
   float: right;
   padding: 10px 0px;
   color: #c00000;
}

#report-container form div.error p {
   margin: 0;
   padding: 0;
}

#report-container form div.error ul {
   margin: 0;
   padding: 0;
}

#report-container form div#busy {
   background-image: url("images/ajax-loader.gif");
   display: none;
   height: 32px;
   position: relative;
   width: 32px;
   margin: 0 auto;
}

#report-container form div[id^="sbusy"] {
   background-image: url("images/ajax-loader.gif");
   display: none;
   float: right;
   height: 32px;
   position: relative;
   right: 70px;
   width: 32px;
}

#report-container form div[id^="student"] {
   display: block;
   height: auto;
   margin-top: 2px;
   background-color: #E6E6E6;
   font-size: 14px;
}











a#user-add {
   float: right;
   padding-bottom: 10px;
}

td.head {
   background-color: #c0c0c0;
   text-align: center;
   font-weight: bold;
}

td.odd {
   background-color: #ffffff;
   text-align: center;
}

td.even {
   background-color: #e0e0e0;
   text-align: center;
}

div#inputs-outputs-states {
   display: inline-block;
}

div#inputs {
   text-align: center;
   float: left;
   padding-right: 10px;
}

div[id^="student"] {
   display: block;
   height: 240px;
}

div#notes {
   display: block;
   height: 240px;
}