BODY { font-size: 10pt; font-family: Arial; color: black; background: #f8f8fa; }
H1 { font-size: 16pt; font-family: Swis721 BlkEx BT; font-weight: 500; line-height: 60%; color: #000080; }
H2 { font-size: 18pt; font-family: Swis721 BlkEx BT; line-height: 90%; }
H3 { font-size: 14pt; font-family: Arial; font-weight: 500; color: #000080 }
H4 { font-size: 4pt; font-family: Arial; font-weight: 500; color: #466eaa }
H5 { font-size: 4pt; font-family: Arial; font-weight: 500; color: #000080 }
H6 { font-size: 4pt; font-family: Arial; font-weight: 500; color: #800080 }
H7 { font-size: 10pt; font-family: Arial; line-height: 350%; color: #000000; }
H9 { font-size: 14pt; font-family: Arial; font-weight: 500; color: #0000f0; margin: 0; padding: 0 0 10px 0; }
P { font-size: 10pt; font-family: Arial; color:#00000; text-align: justify; line-height: 140% }
P.leftaligned { font-size: 10pt; font-family: Arial; color:#000000; text-align: left }
P.leftaligned11 { font-size: 11pt; font-family: Arial; color:#000000; text-align: left }
P.centeraligned { font-size: 10pt; font-family: Arial; color:#000000; text-align: center; }
P.justifyaligned { font-size: 10pt; font-family: Arial; color:#000000; text-align: justify; line-height: 100% }
P.rightaligned { font-size: 10pt; font-family: Arial; color:#000000; text-align: right }
P.quoteformat { font-size: 10pt; font-family: Arial; font-weight: 500; color:#000000; text-align: justify; line-height:150%}
P.calibrileftaligned { font-size: 11pt; font-family: Calibri; color:#000000; text-align: left }
P.calibrijustified { font-size: 11pt; font-family: Calibri; color:#000000; text-align: justify }
P.calibricenteraligned { font-size: 10pt; font-family: Calibri; color:#000000; text-align: center }
P.verdanaleftaligned { font-size: 10pt; font-family: Verdana; color:#000000; text-align: left }
P.verdanajustified { font-size: 10pt; font-family: Verdana; color:#000000; text-align: justify }
P.verdanacenteraligned { font-size: 11pt; font-family: Verdana; color:#000000; text-align: center }
UL { font-size: 10pt; font-family: Arial; color:#000000; text-align: left; line-height:150%}
UL.verdana { font-size: 10pt; font-family: Verdana; color:#000000; text-align: left; line-height:150%}
UL.nobullet { list-style-type: none; font-size: 10pt; font-family: Arial; color:#000000; text-align: left; margin-left: 0; padding-left: 1em; line-height:150%}
UL.narrowspace { font-size: 10pt; font-family: Arial; color:#000000; text-align: left; line-height:120%}
UL.unilist li { list-style: none; line-height: 1.5em; }
.unibull { float: left; width: 2em; }
hr.horizgreybar { border: solid; border-width: 2px; color: #808080; height: 5; }
hr.greybar6fadedown { height: 6px; border: 0; box-shadow: 0 10px 10px -10px #808080 inset; }
hr.greybar6fadeup { height: 6px; border: 0; box-shadow: 0 -10px 10px -10px #8c8b8b inset; }
UL.arrowbullet1 { list-style-type: none; font-size: 10pt; font-family: Arial; text-align: left; line-height:150%}
LI.arrowbullet1:before { color:#080080; content: '\2713'; margin: 0 1em; }
LI.arrowbullet2:before { color:#000000; content: '\27A2'; margin: 0 1em; }
LI.arrowbullet3:before { color:#007080; content: '\27A2'; margin: 0 1em; }
LI.arrowbullet4:before { color:#000000; content: '\27A5'; margin: 0 1em; }
LI.arrowbullet5:before { color:#000000; content: '\25B6'; margin: 0 1em; }
LI.arrowbullet6:before { color:#000000; content: '\25BA'; margin: 0 1em; }
LI.midspace { padding: 0px 0px 5px}
LI.widespace { padding: 0px 0px 10px}
/* P.keystonepara_1 { font-size: 12pt; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color:#000000; text-align: center }
/* P.keystonepara_2 { font-size: 12pt; font-family: Geneva, Tahoma, Verdana, sans-serif; color:#000000; text-align: center }
/* P.keystonepara_3 { font-size: 12pt; font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; color:#000000; text-align: center }
/* P.keystonepara_4 { font-size: 12pt; font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#000000; text-align: center }
/* P.keystonepara_5 { font-size: 12pt; font-family: Futura, "Trebuchet MS", Arial, sans-serif; color:#000000; text-align: center }
/* P.keystonepara_7 { font-size: 12pt; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; text-align: center }
*/
P.keystonepara_6 { font-size: 10pt; font-weight: 500; font-family: Verdana, Geneva, sans-serif; text-align: center }
.keystone_1 { background-color:#f3f3f3; border-style:outset; border-width:4px; border-color:#5050A0; }
.keystone_1a { background-color:#f3f3f3; border-style:outset; border-width:3px; border-color:#5050A0; }
.keystone_1b { background-color:#f0f0f8; border-style:outset; border-width:2px; border-color:#5050A0; }
.keystone_1c { background-color:#f0f0f8; border-style:outset; border-width:1px; border-color:#5050A0; }
.keystone_2 { background-color:#f0f0f0; border-style:ridge; border-width:4px; border-color:#c080c0; }
.keystone_3 { background-color:#f0f0f0; border-style:outset; border-width:5px; border-color:#f080f0; }
.keystone_4 { background-color:#f0f0f0; border-style:ridge; border-width:5px; border-color:#ff80ff; }
.keystone_5 { background-color:#f3f3f3; border-style:groove; border-width:4px; border-color:#5050A0; }
.keystone_6 { background-color:#f0f0f0; border-style:groove; border-width:5px; border-color:#404080; }
.keystone_7 { background-color:#f0f0f0; border-style:outset; border-width:5px; border-color:#f080f0; font-size: 80px; font-weight: 600; }

/* Single-direction drop shadow */
hr.single-drop { height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); }
/* Single-direction reverse-drop shadow */
hr.reverse-drop { height: 12px; border: 0; box-shadow: inset 0px -12px 12px -12px rgba(0, 0, 0, 0.5); }
/* Blank line */
hr.blank-line-6px { height: 1px; border: 0; background: #000099 }
table.profplm { border-collapse: separate; }
table.tdcenter { text-align: center; }
TD { font-size: 10pt; font-family: Arial; color:#000000; text-align: left; }
td.tdcenter { font-size: 10pt; font-family: Arial; color:#000000; text-align: center; }
TD.justify { font-size: 10pt; font-family: Arial; color:#000000; text-align: justify; }
TD.greygreen { font-size: 10pt; font-family: Arial; color:#008080; background: #f0f0f0; text-align: left; }
div.box { border: solid; border-width: thin; width: 100% }
DL.leftlinklists { margin-left: 5%; margin-right: 8%; line-height: 105%; }
DL.leftdeadlinklists { margin-left: 5%; margin-right: 8%; line-height: 140%; font-size: 8pt; font-family: Arial; font-weight: 500; color: #000000 }
#leftlinkheader { color:#008080 }
.leftlinkheader { color:#008080 }
/**/
/* Note: this generic class must be commented out, or else the accordion fonts do not work */
/*
A:link { font-size: 8pt; font-family: Arial; font-weight: 500; color: #000000; text-decoration: none }
A:visited { font-size: 8pt; font-family: Arial; font-weight: 500; color: #000000; text-decoration: none }
A:hover { font-size: 8pt; font-family: Arial; font-weight: 500; color: #000000; text-decoration: none }
A:active { font-size: 8pt; font-family: Arial; font-weight: 500; color: #000000; text-decoration: none }
*/
/**/
A.leftlinks:link { font-size: 8pt; font-family: Arial; font-weight: 500; color: #000080; text-decoration: none }
A.leftlinks:visited { font-size: 8pt; font-family: Arial; font-weight: 500; color: #800080; text-decoration: none }
A.leftlinks:hover { font-size: 8pt; font-family: Arial; font-weight: 500; color: #008080; text-decoration: none }
A.leftlinks:active { font-size: 8pt; font-family: Arial; font-weight: 500; color: #008080; text-decoration: none }
/**/
A.leftlinkspink:link { font-size: 8pt; font-family: Arial; font-weight: 500; color: #800080; text-decoration: none }
A.leftlinkspink:visited { font-size: 8pt; font-family: Arial; font-weight: 500; color: #000080; text-decoration: none }
A.leftlinkspink:hover { font-size: 8pt; font-family: Arial; font-weight: 500; color: #008080; text-decoration: none  }
A.leftlinkspink:active { font-size: 8pt; font-family: Arial; font-weight: 500; color: #008080; text-decoration: none }
/**/
A.leftlinksblack:link { font-size: 8pt; font-family: Arial; font-weight: 500; color: #000000; text-decoration: none }
A.leftlinksblack:visited { font-size: 8pt; font-family: Arial; font-weight: 500; color: #000000; text-decoration: none }
A.leftlinksblack:hover { font-size: 8pt; font-family: Arial; font-weight: 500; color: #000000; text-decoration: none  }
A.leftlinksblack:active { font-size: 8pt; font-family: Arial; font-weight: 500; color: #000000; text-decoration: none }
/**/
A.leftlinksred:link { font-size: 8pt; font-family: Arial; font-weight: 500; color: #f80080; text-decoration: none }
A.leftlinksred:visited { font-size: 8pt; font-family: Arial; font-weight: 500; color: #f00080; text-decoration: none }
A.leftlinksred:hover { font-size: 8pt; font-family: Arial; font-weight: 500; color: #f08080; text-decoration: none  }
A.leftlinksred:active { font-size: 8pt; font-family: Arial; font-weight: 500; color: #f08080; text-decoration: none }
/**/
A.mainlinks:link { font-size: 10pt; font-family: Arial; font-weight: 600; color: #000080; text-decoration: none  }
A.mainlinks:visited { font-size: 10pt; font-family: Arial; font-weight: 600; color: #800080; text-decoration: none }
A.mainlinks:hover { font-size: 10pt; font-family: Arial; font-weight: 600; color: #008080; text-decoration: none }
A.mainlinks:active { font-size: 10pt; font-family: Arial; font-weight: 600; color: #404080; text-decoration: none }
/**/
A.mainlinkssoft:link { font-size: 10pt; font-family: Arial; font-weight: 500; color: #000080; text-decoration: none  }
A.mainlinkssoft:visited { font-size: 10pt; font-family: Arial; font-weight: 500; color: #800080; text-decoration: none }
A.mainlinkssoft:hover { font-size: 10pt; font-family: Arial; font-weight: 500; color: #008080; text-decoration: none }
A.mainlinkssoft:active { font-size: 10pt; font-family: Arial; font-weight: 500; color: #404080; text-decoration: none }
/**/
A.emaillinks:link { font-size: 10pt; font-family: Arial; font-weight: 500; color: #008080; text-decoration: none; }
A.emaillinks:visited { font-size: 10pt; font-family: Arial; font-weight: 500; color: #404080; text-decoration: none }
A.emaillinks:hover { font-size: 10pt; font-family: Arial; font-weight: 500; color: #008080; text-decoration: none }
A.emaillinks:active { font-size: 10pt; font-family: Arial; font-weight: 500; color: #008080; text-decoration: none }
/**/
A.emaillinkscalibri:link { font-size: 11pt; font-family: Calibri; font-weight: 500; color: #008080; text-decoration: none; }
A.emaillinkscalibri:visited { font-size: 11pt; font-family: Calibri; font-weight: 500; color: #404080; text-decoration: none }
A.emaillinkscalibri:hover { font-size: 11pt; font-family: Calibri; font-weight: 500; color: #008080; text-decoration: none }
A.emaillinkscalibri:active { font-size: 11pt; font-family: Calibri; font-weight: 500; color: #008080; text-decoration: none }
/**/
A.jslinks:link { font-size: 10pt; font-family: Arial; font-weight: 600; color: #0000ff; text-decoration: none }
A.jslinks:visited { font-size: 10pt; font-family: Arial; font-weight: 600; color: #404080; text-decoration: none }
A.jslinks:hover { font-size: 10pt; font-family: Arial; font-weight: 600; color: #008080; text-decoration: none }
A.jslinks:active { font-size: 10pt; font-family: Arial; font-weight: 600; color: #404080; text-decoration: none }
/**/
A.mainlinksteal:link { font-size: 10pt; font-family: Arial; font-weight: 600; color: #008080; text-decoration: none }
A.mainlinksteal:visited { font-size: 10pt; font-family: Arial; font-weight: 600; color: #404080; text-decoration: none }
A.mainlinksteal:hover { font-size: 10pt; font-family: Arial; font-weight: 600; color: #800080 }
A.mainlinksteal:active { font-size: 10pt; font-family: Arial; font-weight: 600; color: #404080; text-decoration: none }
/**/
A.mainlinkstealsoft:link { font-size: 10pt; font-family: Arial; font-weight: 500; color: #008080; text-decoration: none }
A.mainlinkstealsoft:visited { font-size: 10pt; font-family: Arial; font-weight: 500; color: #800080; text-decoration: none }
A.mainlinkstealsoft:hover { font-size: 10pt; font-family: Arial; font-weight: 500; color: #404080 }
A.mainlinkstealsoft:active { font-size: 10pt; font-family: Arial; font-weight: 500; color: #404080; text-decoration: none }
/**/
A.mainlinkstealbackgrounded:link    { font-size: 10pt; font-family: Arial; font-weight: 600; color: #008080; background-color: #dddddd; text-decoration: none }
A.mainlinkstealbackgrounded:visited { font-size: 10pt; font-family: Arial; font-weight: 600; color: #404080; background-color: #dddddd; text-decoration: none }
A.mainlinkstealbackgrounded:hover   { font-size: 10pt; font-family: Arial; font-weight: 600; color: #800080; background-color: #dddddd  }
A.mainlinkstealbackgrounded:active  { font-size: 10pt; font-family: Arial; font-weight: 600; color: #404080; background-color: #dddddd; text-decoration: none }
/**/
A.mainlinksblue:link { font-size: 10pt; font-family: Arial; font-weight: 600; color: #000080; text-decoration: none }
A.mainlinksblue:visited { font-size: 10pt; font-family: Arial; font-weight: 600; color: #800080; text-decoration: none }
A.mainlinksblue:hover { font-size: 10pt; font-family: Arial; font-weight: 600; color: #008080 }
A.mainlinksblue:active { font-size: 10pt; font-family: Arial; font-weight: 600; color: #008080; text-decoration: none }
/**/
A.mainlinksbluesoft:link { font-size: 10pt; font-family: Arial; font-weight: 500; color: #000080; text-decoration: none }
A.mainlinksbluesoft:visited { font-size: 10pt; font-family: Arial; font-weight: 500; color: #800080; text-decoration: none }
A.mainlinksbluesoft:hover { font-size: 10pt; font-family: Arial; font-weight: 500; color: #008080 }
A.mainlinksbluesoft:active { font-size: 10pt; font-family: Arial; font-weight: 500; color: #008080; text-decoration: none }
/**/
A.mainlinksbrown:link { font-size: 10pt; font-family: Arial; font-weight: 600; color: #800000; text-decoration: none }
A.mainlinksbrown:visited { font-size: 10pt; font-family: Arial; font-weight: 600; color: #404080; text-decoration: none }
A.mainlinksbrown:hover { font-size: 10pt; font-family: Arial; font-weight: 600; color: #008080 }
A.mainlinksbrown:active { font-size: 10pt; font-family: Arial; font-weight: 600; color: #008080; text-decoration: none }
/**/
A.mainlinksbrownsoft:link { font-size: 10pt; font-family: Arial; font-weight: 500; color: #800000; text-decoration: none }
A.mainlinksbrownsoft:visited { font-size: 10pt; font-family: Arial; font-weight: 500; color: #404080; text-decoration: none }
A.mainlinksbrownsoft:hover { font-size: 10pt; font-family: Arial; font-weight: 500; color: #008080 }
A.mainlinksbrownsoft:active { font-size: 10pt; font-family: Arial; font-weight: 500; color: #008080; text-decoration: none }
/**/
A.invisiblelinks:link { color: none; text-decoration: none }
A.invisiblelinks:visited { color: none; text-decoration: none }
A.invisiblelinks:hover { color: none; text-decoration: none }
A.invisiblelinks:active { color: none; text-decoration: none }
/**/
.lineheight1pt { font-size: 1pt; }
.lineheight2pt { font-size: 2pt; }
.lineheight3pt { font-size: 3pt; }
/**/
.Chalmers_background { background-image: url("http://www.chalmers.se/portal_themes/chalmers/backgrounds/bluegrid.png"); color:green; font-family:sans-serif; font-weight:700; }
/* Shadowed table elements */
table.pimunich_table {
    border-collapse: separate;
    border-spacing: 10px;
}
table.pimunich_table td:nth-child(2) {
    padding: 10px;
    background: #ddbbdd;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 10px;
}
/* table.pimunich_table td:nth-child(4) {
    padding: 10px;
    background: #ddbbdd;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 10px;
}  */
/* Reference Test lines */
#rcorners3 {
    border-radius: 15px 50px 30px;
    background: #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
    box-shadow: 10px 10px 5px #888888;
}
#rcorners4 {
    border-radius: 15px 50px 30px 5px;
    background: #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
}
#rcorners6 {
    border-radius: 15px 50px;
    background: #ddbbdd;
    padding: 20px;
    width: 100px;
    height: 100px;
}
#lead_table_tl {
    border-radius: 15px 50px 30px 5px;
    background: #ddddff;
/*    padding: 20px;
    width: 200px;
    height: 150px; */
}
#div_shadow_primary {
    width: 150px;
    height: 50px;
    background-color: #ccaacc;
    border-radius: 10px;
    box-shadow: 7px 7px 5px #999999;
}
/* Modern Title Classes */
#greytitleplate {
    border-radius: 5px;
    background: #dddddd;
    width: 310px;
    height: 40px;
    line-height: 3em;
    text-align: left;
    vertical-align: middle;
}
#greytitlemini {
    border-radius: 5px;
    background: #dddddd;
    width: 200px;
    height: 30px;
    line-height: 2em;
    text-align: center;
    vertical-align: middle;
}
#greytitleplatewide {
    border-radius: 5px;
    background: #dddddd;
    width: 640px;
    height: 40px;
    line-height: 3em;
    text-align: left;
    vertical-align: middle;
}
/* Working Test Lines */
table.lead_table {
    border-collapse: separate;
    border-spacing: 10px;
}
table.lead_table td:nth-child(2) {
    padding: 10px;
    background: #ddbbdd;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 10px;
}
table.lead_table td:nth-child(4) {
    padding: 10px;
    background: #ddbbdd;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 10px;
}
table.lead_sub_table {
    border-collapse: separate;
    border-spacing: 10px;
}
table.lead_sub_table td:nth-child(2) {
    padding: 10px;
    background: #e5e5e5;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 10px;
}
table.lead_sub_table td:nth-child(4) {
    padding: 10px;
    background: #ddbbdd;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 10px;
}
table.white_paper_home {
    border-collapse: separate;
    border-spacing: 10px;
}
table.white_paper_home td:nth-child(2) {
    padding: 10px;
    background: #e5e5e5;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 10px;
}
table.white_paper_home td:nth-child(4) {
    padding: 10px;
    background: #e5e5e5;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 10px;
}
table.white_paper_home td:nth-child(6) {
    padding: 10px;
    background: #e5e5e5;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 10px;
}
table.horiz_menu_table {
    border-collapse: separate;
    border-spacing: 1px;
    vertical-align: middle;
}
/* table.horiz_menu_table td:nth-child(2) {
    padding: 10px;
    background: #aaffaa;
    box-shadow: 5px 5px 5px #888888;
    border-radius: 10px;
}  */
#horiz-button70 {
    border-radius: 15px;
    background: #aacccc;
    padding: 10px;
    width: 70px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    box-shadow: 5px 5px 5px #888888;
}
#horiz-button70:hover {
    border-radius: 15px;
    background: #ccaacc;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}
#horiz-button80 {
    border-radius: 15px;
    background: #aacccc;
    padding: 10px;
    width: 80px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    box-shadow: 5px 5px 5px #888888;
}
#horiz-button80:hover {
    border-radius: 15px;
    background: #ccaacc;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}
#horiz-button80blank {
    border-radius: 15px;
    background: #f8f8fa;
    padding: 10px;
    width: 80px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
}
#horiz-button80blank:hover {
    border-radius: 15px;
    background: #f8f8fa;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}
#horiz-button90 {
    border-radius: 15px;
    background: #aacccc;
    padding: 10px;
    width: 90px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    box-shadow: 5px 5px 5px #888888;
}
#horiz-button90:hover {
    border-radius: 15px;
    background: #ccaacc;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}
#horiz-button200 {
    border-radius: 15px;
    background: #e5e5e5;
    padding: 20px;
    width: 200px;
    height: 210px;
    text-align: justified;
    vertical-align: top;
    box-shadow: 5px 5px 5px #888888;
}
#horiz-button200:hover {
    border-radius: 15px;
    background: #aacccc;
    padding: 20px;
    text-align: justified;
    vertical-align: top;
}
#horiz-button350x93 {
    border-radius: 15px;
    background: #e5e5e5;
    padding: 20px;
    width: 350px;
    height: 93px;
    text-align: justified;
    vertical-align: top;
    box-shadow: 5px 5px 5px #888888;
}
#horiz-button350x93:hover {
    border-radius: 15px;
    background: #aacccc;
    padding: 20px;
    text-align: justified;
    vertical-align: top;
}
#horiz-button350x115 {
    border-radius: 15px;
    background: #e5e5e5;
    padding: 20px;
    width: 350px;
    height: 115px;
    text-align: justified;
    vertical-align: top;
    box-shadow: 5px 5px 5px #888888;
}
#horiz-button350x115:hover {
    border-radius: 15px;
    background: #aacccc;
    padding: 20px;
    text-align: justified;
    vertical-align: top;
}
#horiz-button350x137 {
    border-radius: 15px;
    background: #e5e5e5;
    padding: 20px;
    width: 350px;
    height: 137px;
    text-align: justified;
    vertical-align: top;
    box-shadow: 5px 5px 5px #888888;
}
#horiz-button350x137:hover {
    border-radius: 15px;
    background: #aacccc;
    padding: 20px;
    text-align: justified;
    vertical-align: top;
}
A.horizmenulinks:link { color: none; text-decoration: none }
A.horizmenulinks:visited { color: none; text-decoration: none }
A.horizmenulinks:hover { text-decoration: none }
A.horizmenulinks:active { color: none; text-decoration: none }
#syllabus_button_display_180x60 {
    border-radius: 15px;
    background: #84a8d8;
    padding: 0px;
    width: 180px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    box-shadow: 5px 5px 5px #888888;
}
#syllabus_button_display_180x60:hover {
    border-radius: 15px;
    background: #94b8e8;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}
#syllabus_button_display_180x70 {
    border-radius: 15px;
    background: #84a8d8;
    padding: 0px;
    width: 180px;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    box-shadow: 5px 5px 5px #888888;
}
#syllabus_button_display_180x70:hover {
    border-radius: 15px;
    background: #94b8e8;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}
/* New drop-down menu and welcometip css, January 2018 */

/* Options do not currently work
   option.dropdownteal {font-color: #000080; font-size: 11px;}
   option.dropdownpink {color: #00ffff; background-color: #cccccc;}
*/

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f8f8fa;
    text-align: left;
    min-width: 240px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 5px 18px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.welcometip {
    position: relative;
    display: inline-block;
/*    border-bottom: 1px dotted black; */
}

.welcometip .welcometiptext {
    visibility: hidden;
    width: 120px;
    background-color: #f8f8fa;
    color: #800080;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the welcometip */
    position: absolute;
    z-index: 5;
}

.welcometip:hover .welcometiptext {
    visibility: visible;
}

/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000000; background-color: #f8f8fa; }

#popup a, #popup a:visited {
	position: relative;
	display: block;
	width: 130px;
	line-height: 30px;
	text-align: right;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #666;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

#popup a span {
	display: none;
}

#popup a:hover {
	background-color: #e9e9e2;
}

/* the IE correction rule */
#popup a:hover	{
	color: #f00;
	background-color: #e9e9e2;
	text-indent: 0; /* added the default value */
}

#popup a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 170px;
	width: 320px;
	margin: 0px;
	padding: 10px;
	color: #335500;
	font-weight: normal;
	background: #e5e5e5;
	text-align: left;
	border: 1px solid #666;
}

/* Word Replacement Spans */

.labelFeatures:after{
    content:'Features';
}
.labelFeatures:hover:after{
    content:'Focus on Features';
}

.labelFeaturesReturn:after{
    content:'Features';
}
.labelFeaturesReturn:hover:after{
    content:'Return to Dashboard';
}

.labelMethods:after{
    content:'Tools and Methods';
}
.labelMethods:hover:after{
    content:'Focus on Methods';
}

.labelMethodsReturn:after{
    content:'Tools and Methods';
}
.labelMethodsReturn:hover:after{
    content:'Return to Dashboard';
}

.labelTechniques:after{
    content:'Tools and Techniques';
}
.labelTechniques:hover:after{
    content:'Focus on Techniques';
}

.labelTechniquesReturn:after{
    content:'Tools and Techniques';
}
.labelTechniquesReturn:hover:after{
    content:'Return to Dashboard';
}

.labelConcepts:after{
    content:'Concepts and Ideas';
}
.labelConcepts:hover:after{
    content:'Focus on Concepts';
}

.labelConceptsReturn:after{
    content:'Concepts and Ideas';
}
.labelConceptsReturn:hover:after{
    content:'Return to Dashboard';
}