@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('http://fonts.googleapis.com/css?family=Great+Vibes');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');

/* External Cascade Style Sheet used for UMUC Courses */
/* Author: Robert M. Laurie                           */
/*----------------------------------------------------*/

html {
  font-size: 100%; /* Required for elastic layout design  */
}

body {
  font-size: 1em; /* Required for elastic layout design  */
  margin: 0;
  padding: 0;
  background-color: #ffe;
  font-family:'Noto Sans', serif;
  color: #000
}

.anchor::before {
  content: "";
  display: block;
  height: 80px;
  margin-top: -95px;
  margin-bottom: 10px;
}

main {
  width: 640px;
  margin-top: 95px;
  margin-left: auto;
  margin-right: auto;
  z-index: 5;
}

main a {
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}
main a:link {text-decoration:none; color:#36c; }
main a:visited {text-decoration:none; color:#963;}
main a:hover {text-decoration:underline; color:#C33;}
main a:active {text-decoration:underline; color:#E00;}

header {
  position: fixed;
  height: 70px;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 50;
  width: 100%;
  color:#feb;
  border-top: 3px solid #c00;  
  background-color: #900;
  border-bottom: 3px solid #600;
}

footer {
  height: 40px;
  margin: 16px auto 3px auto;
  padding: 4px 0;
  width: 100%;
  color:#feb;
  border-top: 3px solid #c00;  
  background-color: #900;
  border-bottom: 3px solid #600;
}

.navBox {
  display: block;
  width: 640px;
  margin-left: auto;
  margin-right: auto; 
  font-family: 'Open Sans', sans-serif; 
}

.courseID {
  display: inline-block;
  text-shadow: 2px 2px #a99;
  font-size: 24px;
  line-height: 38px;
  font-weight: 600;
  margin-top: 2px;
  vertical-align: top;
  font-family: 'Noto Serif', serif;
}

.navBtnUMUC {
  float: left;
}

.navBtnUMUC a {
  display: inline-block;
  width: 84px;
  height: 32px;
  margin-top: 1px;
  margin-right: 10px;
  border-radius: 6px;
  border: 2px outset #930;
  background: #feb url("UMUC-mobile-69x24.png") no-repeat;
  background-position: center;
}
.navBtnUMUC a:hover { 
  background-color: #ff6;
  border: 2px inset #f93;
}


header .navBox ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer .navBox ul {
  display: inline-block;
  list-style-type: none;
  margin: 9px 0 0 0;
  padding: 0;
}

.navBox ul li {
  float: left;
  text-align: center;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
}



header.default .navBox ul li a:link, .navBox ul li a:visited {  
  color: #634;
  background-color: #ea3;
  border: 2px outset #650;
}
header.default .navBox ul li a:hover, .navBox ul li a:active {
  color: #C36;
  background-color: #feb;
  border: 2px outset #983;
}


footer .navBox ul li a {
  border-radius: 6px;
  font-weight: bold;
  padding: 4px 5px;
  margin:  0px 8px 0 0;
  text-decoration: none;
}

.navBox ul li a:link, .navBox ul li a:visited {  
  color: #634;
  background-color: #ea3;
  border: 2px outset #650;
}
.navBox ul li a:hover, .navBox ul li a:active {
  color: #C36;
  background-color: #feb;
  border: 2px outset #983;
}

code {
  font-family: Consolas, 'Lucida Console', monospace;
  font-weight: 700;
  font-size: 1.1em;
  color: #006;
}

p {
  font-family: 'Noto Serif', serif;
  font-size:  1em;
  width: 100%;
  margin:0.6em  0 0 0;
  color: #000000;
}

p.indent {
  text-indent: 10em;
}

p.signature {
  font-family: 'Great Vibes', 'Brush Script MT', 'Comic Sans MS', cursive;
  font-size: 3em;
  color: #000099;
  font-style: italic;
  font-weight: 500;
}

p.center {
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Serif', sans-serif;
  color: #000066;
  font-weight: 700;
  font-style: normal;
  text-align: left;
}

h1 {
  margin: 1em 0 0.4em 0;
  font-size: 1.5em;
  text-shadow: 1px 1px #CCCCCC;
}
h2 {
  margin:1.4em 0 0.2em 0;
  font-size: 1.4em;
  text-shadow: 1px 1px #CCCCCC;
}

h3 {
  margin: 1.2em 0 0 0;
  font-size: 1.2rem;
}

h4 {
  margin: 1em 0 4px 0;
  font-size: 1.1rem;
  font-style: italic;
}

h5 {
  margin: 6px 0 3px 0;
  font-size: 1rem;
  font-style: italic;
}

h6 {
  margin: 4px 0 2px 0;
  font-size: 0.9rem;
}

ol, ul {
  margin-top: 0.1em;
  margin-bottom: 0.2em;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
}

p img, li img, h2 img {
  float: right;
  margin-left: 8px;
  margin-bottom: 8px;
}

p img.equation {
  float:none;
  text-align: center;
  margin: 0;
}

p img.logo {
  float: none;
  text-align: left;
  margin: 0;
}

main strong{
  color: #000066;
  font-weight: 800;
  font-size: 105%;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  color: #4a4a4d;
  font: 16px Helvetica, Arial, sans-serif;
	margin-bottom: 30px;
}
th, td {
  padding: 4px 4px;
  vertical-align: middle;
}
thead {
  background: rgb(223, 220, 141);
  background: linear-gradient(#ffb71b, #f2bd85);
  color: #000;
  font-size: 18px;
  font-variant: small-caps;
}
th:first-child {
  border-top-left-radius: 5px;
}
th:last-child {
  border-top-right-radius: 5px;
}
tbody tr:nth-child(even) {
  background: #f0f0f2;
}
td {
  border-bottom: 1px solid #cecfd5;
  border-right: 1px solid #cecfd5;
}
td:first-child {
  border-left: 1px solid #cecfd5;
}
.book-title {
  color: #395870;
  display: block;
}
.text-offset {
  color: #7c7c80;
  font-size: 12px;
}
.item-stock,
.item-qty {
  text-align: center;
}
.item-price {
  text-align: right;
}
.item-multiple {
  display: block;
}
tfoot {
  text-align: right;
}
tfoot tr:last-child {
  background: #f0f0f2;
  color: #395870;
  font-weight: bold;
}
tfoot tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}
tfoot tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}

td a { font-size: 16px; }

ul li {
    margin-bottom: 6px
}

/* For read List */
ul.read {
  list-style-type: none;
  padding-left: 20px;
}
ul.read>li{
  position: relative;
  padding-left: 28px;
}
ul.read>li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size: 20px;
  content: "\f02d";
  color: #a36;
}

/* For checkbox List */
ul.check {
  list-style-type: none;
  padding-left: 20px;
}
ul.check>li{
  position: relative;
  padding-left: 28px;
}
ul.check>li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size: 20px;
  content: "\f046";
  color: #a36;
}

/* For calculator List */
ul.calc {
  list-style-type: none;
  padding-left: 20px;
}
ul.calc>li{
  position: relative;
  padding-left: 28px;
}
ul.calc>li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size: 20px;
  content: "\f1ec";
  color: #a36;
}

/* For read List */
ul.read {
  list-style-type: none;
  padding-left: 20px;
}
ul.read>li{
  position: relative;
  padding-left: 28px;
}
ul.read>li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size: 20px;
  content: "\f02d";
  color: #a36;
}

/* For hyperlink Document List */
ul.link {
  list-style-type: none;
  padding-left: 20px;
}
ul.link>li{
  position: relative;
  padding-left: 28px;
}
ul.link>li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size: 18px;
  content: "\f08e";
  color: #a36;
}

/* For todo Document List */
ul.todo {
  list-style-type: none;
  padding-left: 20px;
}
ul.todo>li{
  position: relative;
  padding-left: 28px;
}
ul.todo>li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size: 18px;
  content: "\f044";
  color: #a36;
}

/* For PDF Document List */
ul.pdf {
  list-style-type: none;
  padding-left: 20px;
}
ul.pdf>li{
  position: relative;
  padding-left: 28px;
}
ul.pdf>li::before, li.pdf {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size: 24px;
  content: "\f1c1";
  color: #a36;
}

/* For Video List */
ul.vid, ol.vid{
  list-style-type: none;
  padding-left: 20px;
}
ul.vid>li, ol.vid>li{
  position: relative;
  padding-left: 28px;
}
ul.vid>li::before, ol.vid>li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size: 22px;
  content: "\f16a";
  color: #a47;
}
ul.vid>li a::after, ol.vid>li a::after {
  font-family: FontAwesome;
  font-size: 24px;
  content: "\f017";
  color: #666;
  margin-left: 10px;
  margin-right: 5px;
  text-decoration: none;
}

/* For popup images */
.imgPopup img{
  margin-left: 16px;
  margin-bottom: 16px;
  border: 3px outset #999;
  float: right;
  border-radius:8px;
}
.imgPopup:hover img{
  border: 3px inset #666;
}


/* For Top Button */

li.top a::before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size: 16px;
  content: "\f1c1";
  color: #a36;
}

header.default {
  height: 40px;
}

header .navBox ul li a {
  display: inline-block;
  border-radius: 6px;
  font-weight: bold;
  padding: 1px 3px;
  margin-right: 3px;
  text-decoration: none;
}



header.default .navBox ul li a {
  border-radius: 6px;
  font-weight: bold;
  padding: 5px 5px;
  text-decoration: none;
}