html, body {margin: 0 !important; padding: 0 !important;}

#header {width: 100%; margin: 0; padding: .3em 0 0 0; background: midnightblue; color: #999;}
#header h1 {font-size: 2em; line-height: 31px; margin: 0; padding-left: 38px; font-family: arial, helvetica, sans-serif; color: #fff; background: url(/images/logo-blue.png) no-repeat 0 0;}
#header h1 a {text-decoration: none;}
#header a {color: white;}
#header a:hover {color: white;}

h2, h3 {color: #666; color: maroon;}
h4, h5 {color: #111;}
h1 span a, h2 span a{font-size: 55%; text-decoration: underline !important;}

/* navigation */
#navigation ul {margin: 0; padding: 0; list-style: none;}
#navigation li {float: left; margin: 0 .5em 0 0; padding: 0;}
#navigation li a {display: block; margin: 0; padding: .5em 1em; text-decoration: none; color: white; background: #666;}
#navigation li a:hover, #navigation li a.on {background: white; color: black;}

a.red {color: red; background: transparent !important;}

/* error messaging */
.message {background: #ffffcc; padding: .5em 1.5em; margin-bottom: 1.5em; font-weight: bold;}
#authMessage.message {margin: 0 0 1.5em 0; padding: .5em 1.5em; background: darkred; color: #ffffcc;}
#flashMessage.message {margin: 0 0 1.5em 0; padding: .5em 1.5em; background: darkgreen; color: #ffffcc;}
.error-message {font-weight: bold; color: red;}

/* tables */

table {border-collapse: collapse !important;}

table.table {margin: 0 0 1.2em 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 100%; /*font-size: 88%;*/}
table.table caption {padding: .25em; text-align: left; font-weight: bold; color: white; background: black; border: 1px solid black;}
table.table th {padding: .25em; text-align: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc; background: #f1f1f1; font-weight: bold !important; /*line-height: 1.5;*/}
table.table tr.grey, table.table td.grey {background: #f1f1f1;}
table.table td {padding: .25em; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
table.table td.center {text-align: center;}
table.table td ul {margin: .25em; padding: 0;}
table.table td li {margin: 0 0 .5em 0; list-style: none;}
table.table td li span {font-size: 80%; display: block;}
table.table p {margin-bottom: .4em;}
table.table tr:hover {background: lightyellow;}
table.table td.no-obj {background: #f1f1f1;}
table.narrow {width: 50% !important;}
table.table tr.total td {border-top: 1px solid black; font-weight: bold;}


table.center td {text-align: center;}

table.prof-form {margin: 0 0 1.2em 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 100%; /*font-size: 88%;*/}
table.prof-form caption {padding: .25em; text-align: left; background: #ffffcc; border-top: 1px solid gold; border-right: 1px solid gold; border-left: 1px solid gold; line-height: 1.2em;}
table.prof-form th {padding: .25em; text-align: center; background: #000; color: white; font-weight: bold !important; /*line-height: 1.5;*/}
table.prof-form th.number-col {width: 33%;}
table.prof-form tr.grey {background: #f1f1f1;}
table.prof-form tr.grey td {font-weight: bold;}
table.prof-form .border-left {border-left: 2px solid black;}
table.prof-form td {padding: .25em; text-align: center; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
table.prof-form td.text {text-align: left;}
table.prof-form td p {margin-bottom: 0;}
table.prof-form tr:hover {background: lightyellow;}

table.prof-form-edit {margin: 0 0 1.2em 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 100%; /*font-size: 88%;*/}
table.prof-form-edit th {padding: .25em; text-align: center; background: #000; color: white; font-weight: bold !important; /*line-height: 1.5;*/}
table.prof-form-edit th.left {text-align: left;}
table.prof-form-edit td {padding: .25em; /*vertical-align: top;*/ text-align: center; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
table.prof-form-edit td.letter {background: #f1f1f1; width: 1.5em;}
table.prof-form-edit td p {margin-bottom: 0; text-align: left;}
table.prof-form-edit td p textarea {width: 99%;}
table.prof-form-edit td.separator {background: #eee; font-weight: bold; text-align: left;}
table.prof-form-edit tr:hover {background: lightyellow;}
table.prof-form-edit tr.edit {background: lightyellow;}

.student {margin-bottom: 1.5em; padding: 0;}
.student h4, .student p {margin: 0 0 .25em 0;}

.header-specialty {}
.header-specialty a:link, .header-specialty a:visited {dis/play: block; padding: 2px 12px 2px 6px; color: orange !important; text-decoration: none; background: url(/images/arrow.gif) no-repeat 3px right;}
.header-specialty a:hover {color: white;}
.on a:link, .on a:visited {background: url(/images/arrow.gif) no-repeat -10px right !important;}

#select_speciality {position: relative;}
#select_speciality ul {list-style: none; text-align: left; margin: 0; padding: 6px; position: absolute; right: 0; z-index: 2; background: #666;}
#select_speciality ul li {}
#select_speciality ul li a:link, #select_speciality ul li a:visited {display: block; text-align: right; text-decoration: none;}
#select_speciality ul li a:hover {color: orange;}