/* General styles */
body {padding: 0px; margin: 0px; text-align: left; background-color: #e1e1e1; color: #4f4f4f;}
body, p, div,
table, caption, th, td,
ul, ol, li, dl, dt, dd,
input, select, button, textarea {
    font-size: 10pt;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
select, option, input[type="text"], textarea {padding: 2px; margin: 0px; border: 1px solid #d3dfee;}
select[multiple] {height: auto;}
option {border: 0px; padding: 0px;}
form {padding: 0px; margin: 0px;}
ol, ul {padding: 0px; margin: 2px 0px 4px 32px;}
img {border: 0px;}
fieldset {margin: 0px 5px 0px 5px; padding: 4px; border: 1px solid #999999; background-color: inherit; overflow: auto; float: left;}
fieldset.fieldset-full-width {width: 95%; display: inline-block;}
a {color: #4f4f4f;}
a:hover {color: #2944c3;}

/* Generic text formatting */
.strong { font-weight: bold; }
.italic { font-style: italic; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.emoji {
    font-weight: normal;
    font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
}
.light-color { color: #c0c0c0}
.breaklines { white-space: pre; }
.space-after { margin-bottom: 0.5em; }
.text-small { font-size: 0.90em; }
.text-large { font-size: 1.10em; }

/* General page layout. */
div.mainpage {position: relative; top: 0px; width: 1204px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px 0px 30px 0px; background-color: #ffffff; border: 1px solid #888888; border-radius: 0px 0px 4px 4px; box-shadow: 0px 0px 10px #888888;}
div.mcontent {position: relative; margin: 0px 0px 10px 0px; padding: 105px 40px 0px 40px; background-color: inherit; background: url("/img/bkg.png") 0px 105px repeat-x transparent;}
div.mheader {position: absolute; top: 0px; width: 1204px; height: 105px; padding: 0px; margin: 0px; background-color: transparent; border-bottom: 1px solid #888888;}
div.mainmenu {position: absolute; top: 70px; left: 0px; width: 1144px; height: 35px; padding: 0px; margin: 0px 30px 0px 30px; background-color: inherit;}
div.topright {position: absolute; top: 0px; width: 680px; right: 40px; height: 50px; text-align: right; font-size: 10pt; z-index: 5;}
div.footer {padding: 10px; width: 1204px; margin: 0px auto 20px auto; background-color: inherit;}
a.logo {background: url("/img/logo.png") no-repeat transparent; z-index: 5; display: block; height: 38px; margin: 22px 40px 40px 40px; padding: 0px; position: absolute; text-decoration: none; width: 124px;}
div.invalid {position: absolute; top: 310px; left: 262px; text-transform: uppercase; height: 140px; width: 630px; color: #70ae12; text-align: center; font: bold 90pt Arial, Verdana, Helvetica, sans-serif; opacity: 0.5;}
.full-width { width: 100%; }
.shift-both { padding-bottom: 10px; padding-top: 10px; }
.shift-next { padding-bottom: 10px; }
.shift-prev { padding-top: 10px; }
.disabled { opacity: 0.54; }
.bckg-green { background-color: #e4feed!important;}
.timepicker {width: 57px}
.abbrev {width: 35px}
.inputfill {width:95%}
/* Providing style implemented as background-image allows real watermark, where content is on top of the watermark so it is fully functional (e.g. links are clickable). */
/* x=\'50%\' text-anchor=\'middle\' ensures the text is centered horizontally
 * fill rgb(208 208 208) stands for color #c0c0c0
*/
.spork-watermark {background-image:url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' ><text align=\'center\' x=\'50%\' y=\'108\' text-anchor=\'middle\' fill=\'rgb(208,208,208)\' opacity=\'0.5\' font-family=\'Arial, Verdana, Helvetica, sans-serif\' font-size=\'90pt\' font-weight=\'bold\'>SPORK</text></svg>');}
/* End of general page layout */

/* Dashboard page layout */
div.dsection {margin-bottom: 15px; padding: 10px; border: 1px solid #e1e1e1; border-radius: 4px; float: left; width: 530px; min-height: 110px; overflow: auto;}
div.dsectiontab {float: left; width: 552px; min-height: 150px; overflow: auto;}
div.dsection > div {background-color: #e1e1e1; margin: -10px -10px 10px -10px; padding: 10px; text-transform: uppercase; font-weight: bold;}
div.dsection span.info{text-transform: none; font-weight: normal;}
div.mcontent div.dsection:nth-child(1), div.mcontent div.dsection:nth-child(2) {margin-top: 20px;}
div.mainmargin {margin-left: 19px;}
.cleaner {clear: both; height: 1px; overflow: hidden;}
/* End of Dashboard page layout */

/* Styles for footer only */
div.footer ul {margin: 0px; list-style: none;}
div.footer li {float: left;}
div.footer a {display: inline-block; text-decoration: underline; color: #4f4f4f; padding: 0 10px 0 10px; border-right: 1px solid #6e6e6e; background-color: inherit;}
div.footer a:hover {color: #2944c3;}
div.footer li:last-child a {border-right: 0px;}
/* Style for debugging information in footer */
div.debug { margin: 5px 0px 5px 0px; border: 1px solid #888888; border-radius: 4px; padding: 5px; background-color: white; }
div.debug * { font-family: Consolas, monospace; font-size: 8pt; }
div.debug code { white-space: pre; }
dl.sql-log > dt { font-weight: bold; color: #999999; }
dl.sql-log > dd { margin-left: 0; margin-bottom: 0.5em; }
dl.sql-log .sql-query { overflow-x: auto; }
dl.sql-log .sql-error { color: #ff3333; }
dl.sql-log .sql-added { color: #3333ff; font-weight: bold;}
/* End of footer styles */

/* Top navigation menu styles */
div.mainmenu ul {clear: both; margin: 0px; list-style: none; border: 0px;}
div.mainmenu ul li {float: left; position: relative;}
div.mainmenu li a, div.mainmenu li span {display: inline-block; text-decoration: none; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #000000; padding: 9px 15px 9px 15px; margin: 0px;}
div.mainmenu ul li:hover > a, div.mainmenu li:hover > span, .activem {background-color: #e7ebfe; border-radius: 4px; cursor: pointer;}
div.mainmenu ul li:hover > a {border-radius: 0px;}
/* First submenu of top navigation menu */
div.mainmenu ul li ul {position: absolute; left: 0px; padding: 0px; display: none; background-color: #e7ebfe; color: #000000; }
div.mainmenu ul li:hover > ul {display: block; top: 34px; border: 1px solid #92a3f5; border-radius: 4px; z-index: 5; box-shadow: 2px 2px 5px #888888;}
div.mainmenu ul li ul li {clear: both; min-width: 150px; border-bottom: 1px solid #92a3f5;white-space:nowrap; background-color: inherit; color: inherit; width:100%;}
div.mainmenu ul li ul li > a {padding: 5px 5px 5px 15px; display: block; background-color: inherit; color: inherit; font-weight: normal; font-size: 8pt;}
div.mainmenu ul li ul li a:hover {background-color: #92a3f5 !important; border-radius: 0px;}
/* Second submenu of submenu */
div.mainmenu ul li ul li:hover > a {background-color: #92a3f5;}
div.mainmenu ul li ul li:hover ul {display: block; top: 0px; left: 140px; z-index: 10;}
div.mainmenu ul li ul li ul li a {background-color: #e7ebfe;}
/* Small top right menu */
div.topright {padding-top: 22px;}
div.topright ul {float: right; list-style: none; margin: 0px; margin-left: 10px;}
/* End of top navigation menu styles */

/* Override some rich text editor sizes */
div#sh_grading iframe,div#sh_class iframe,div#sh_material iframe,div#sh_other iframe,div#sh_school iframe,form.help iframe {min-height: 350px;}
table.MsoTableGrid[align="left"] {float: none !important;}
div.mce-reset[role="application"] > div > div > div > div:nth-of-type(8) {display: none !important;}  /* Remove (hide) html align attribute from editor */

/* List for barebones - collapse and normal */
ul.tree input {margin: 0px 5px 0px 5px;}
ul.tree, ul.tree ul {list-style: none; margin: 0px; padding: 0px;}
ul.tree ul {margin-left: 10px; position: relative;}
ul.tree ul:before {content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; border-left: 1px solid;}
ul.tree li {padding: 0px 12px; line-height: 20px; position: relative;}
ul.tree ul li:before {content: ""; width: 10px; border-top: 1px solid; position: absolute; top: 10px; left: 0;}
ul.tree ul li:last-child:before {height: auto; top: 10px; bottom: 0; background-color: white;}
ul.tree div {margin-left: 10px; border-left: 1px solid; padding-left: 13px;}
ul.tree ul li span.unhidespan {border-left: 0px; margin-left: 22px; display: inline-block; font-style: italic;}
ul.tree div.last {border-left: 0px !important;}
ul.tree li span.high {background-color: #e7ebfe; display: inline-block;}
ul.collapsibleList ul {margin-left: 6px;}
ul.collapsibleList li {list-style-image:url('/img/button.png'); list-style-position: inside;}
ul.collapsibleList ul li:before {width: 12px;}
ul.collapsibleList li.collapsibleListClosed {list-style-image:url('/img/button-open.png'); cursor: pointer;}
ul.collapsibleList li.collapsibleListOpen {list-style-image:url('/img/button-closed.png'); cursor: pointer;}

/* Table styles for common lists */
table.tablelist, table.roster {border: 1px solid #e1e1e1; border-radius: 4px; color: inherit; background-color: #ffffff; border-spacing: 1px; width: 100%; text-align: left; margin: 10px 0px 10px 0px;}
table.roster {border-spacing: 0px; border-collapse: collapse; margin: 0px; border: 1px solid #c0c0c0; width: auto;}
table.tablelist th, table.roster th {padding: 4px; color: #000000; background-color: #e1e1e1; white-space: nowrap; font-weight: bold; text-align: center;}
table.tablelist tr.filter + tr > th {padding: 6px;}
table.tablelist tr:nth-child(odd) {background-color: #f2f2f2;}
table.tablelist tr:nth-child(even) {background-color: #ffffff;}
table.tablelist tr:hover, table.tablelist tr:hover td,
table.tablelist tr:hover a {color: #ffffff; background-color: #888888;}
table.tablelist tr.filter th {background-color: #ffffff;}
table.tablelist td {padding: 4px; margin: 0px; vertical-align: top;}
table.tablelist td a:hover {color: #ffe411;}
table.tablelist select {width: 120px;}
table.tablelist select.small {width: 70px;}
table.tablelist select.smallest {width: 40px;}
table.tablelist input[type="text"] {width: 140px;}
table.tablelist input.filternum {width: 50px;}
table.tablelist input.filternumsm {width: 30px;}
table.tablelist input.middle {width: 220px;}
table.tablelist input.big {width: 370px;}
table.tablelist input.fill {width: 99%;}
table.tablelist select.fill {max-width: 99%;}
table.tablelist tr td:last-child, table.tablelist tr td.center {text-align: center;}
table.tablelist tr.warnings {background-color: #d46a6a; color: white;}
table.tablelist tr.warnings a {color: blue;}
table.tablelist tr td.lastcol {white-space: nowrap;}
table.tablelist tr th.small {width: 60px;}
table.tablelist tr th.middlesize {width: 140px;}
table.tablelist span.highlight, table.tablelist span.fterror {color:#ff0000;}
table.tablelist span.ftfilter {color:#dddddd;}
table.minlist input[class="orderasc"],table.minlist input[class="orderdesc"], table.tablelist input.orderbreak {margin: 0px !important;}
table.minlist th {padding: 4px 0px 4px 0px !important;}
table.catalog tr.filter + tr > th {padding: 2px;}
table.catalog select {width: 37px;}
table.catalog select.wider {width: 55px;}
table.catalog select.normal {width: 120px;}
table.catalog select.fill {width: 99%;}
table.catalog input.middle {width: 190px;}
table.roster th {border-right: 1px solid #c0c0c0; white-space: normal; text-transform: capitalize;}
table.roster select {width: 90px; height: 23px;}
table.roster td {border: 1px solid #c0c0c0; padding: 0px;}
table.roster td:nth-child(1) {width: 590px; cursor: pointer;}
table.roster td:nth-child(n+2) {width: 93px; padding: 2px;}
table.roster td div {padding: 6px 0px 6px 0px; border-right: 1px solid #c0c0c0; white-space: nowrap;}
table.roster tr:nth-child(odd) div {background-color: #ddecc3;}
table.roster tr:nth-child(even) div {background-color: #b5d782;}
table.roster tr.sum {border-top: 3px double #c0c0c0;}
table.roster tr.sum td {padding: 5px 0px 5px 1px; font-weight: bold;}
table.roster .postComp, table.roster .postCompSel {border-top: 3px double #70ae12;}
table.roster .postCourse, table.roster .postCourseSel {border-top: 3px double #ff0000;}
table.roster .selected, table.roster .postCompSel, table.roster .postCourseSel {background-color: #dddddd;}
table.bb td, table.treedesc td {vertical-align: top; padding: 0px;}
table.treedesc th:first-child {font-weight: bold; padding: 10px 0 10px 0;}
table.treedesc td:nth-child(1) {width: 10%; white-space: nowrap; padding-right: 10px;}
table.bb .topicexcluded {font-weight: lighter; font-style: italic;}
table.bb .topicincluded {font-weight: bold;}
table.cursor tr {cursor: pointer;}
table.filter {margin-top: 17px; margin-bottom: 0px; width: 100%; background-color: #e1e1e1; border: 1px solid #e1e1e1; border-bottom: 0px; border-radius: 4px 4px 0px 0px;}
table.filter td {text-align: right;}
table.filter.left td {text-align: left;}
table.filter td:last-child {width: 11%;}
.overlap {overflow: auto; min-width: 1124px; margin-bottom: 10px;}
.overlap > table.tablelist {margin-top: 0px;}
table.filter + div.overlap > table.tablelist, table.filter + table.tablelist {border-top: 0px; border-radius: 0px 0px 4px 4px;}
/* Now rest just to be used in combination with bordered style - optionally alignment, etc.
 * Typical usage if table with border, subtables aligned to right and breaking words: class="bordered bordalign breakwords" */
table.bordered {border: 1px solid #e1e1e1; color: inherit; background-color: #ffffff; border-collapse: collapse; border-spacing: 0px;}
table.bordered th, table.bordered td {border: 1px solid #c0c0c0; padding: 4px;}
table.bordered th {color: #000000; background-color: #e1e1e1; white-space: nowrap; font-weight: bold; text-align: center;}
table.bordered tr.lesshead {background-color: #e7ebfe;}
table.bordered td.center {text-align: center;}
table.bordered tr td {vertical-align: top;}
table.bordered tr td > table {border-collapse: collapse;}
table.bordered tr td > table + table {margin-top: 4px;}
table.bordered tr td > table tr th {background-color: #eeeeee; font-weight: normal; font-style: italic;}
table.bordered .reported {background-color: #e4feed;}
/* table.bordered tr td .inactive {background-color: #c0c0c0; } */
table.bordered .inactive { background-color: #e7ebfe; }
table.bordalign tr td > table {float: right;}
table.breakwords {table-layout: fixed; word-wrap: break-word;}
table.bordered div.plusminus {display: inline; cursor: pointer;}
table.bordered input.datepicker {width: 95%;}
table.backlit tr:hover {color: #ffffff; background-color: #888888;}

/* print preview page Orientation*/
div.previewLandscape {max-width: 960px;}
div.previewPortrait {max-width: 720px;}
.schedPeriod {width: 80px;}
div.previewLandscape .schedDay {max-width: 176px;}
div.previewPortrait .schedDay {max-width: 132px;}

/* Pager */
div.mypager {padding: 0px; margin: 10px 0px 20px 0px; text-align: center;}
div.mypager a {margin: 0px 2px; padding: 0px 2px; border: 1px solid #a8bcd6; border-radius: 2px; padding: 4px; text-decoration: none;}
div.mypager a.next {font-family: sans-serif; font-weight: bold;}
div.mypager a.aktiv {background-color: #d3dfee; border: 1px solid #a8bcd6;}
div.mypager a:hover {background-color: #d3dfee; border: 1px solid #a8bcd6;}

/* General styles */
.warning {font-weight: bold; color: #ff0000;}
.mandator {font-weight: bold; color: #ff0000;}
.notice {font-weight: bold; color: #ff8c00;}
.checkOK {font-weight: bold; color: #70ae12;}
h1.head1 {font-size: 20pt; color: #11247e; text-transform: capitalize; margin: 17px 5px 0 0}
h3 {color: #11247e; text-transform: capitalize;}
h4 {font-size: 12pt; text-transform: capitalize;}
.headalign {padding: 6px; margin: 10px 0 0 0; background-color: #e1e1e1; clear: both;}
.headalign h4 {display: inline-block; margin: 0px;}
.headalign > div {display: inline-block; float: right;}
.mhead h1 {display: inline-block;}
.mhead {display: table; width: 100%;}
.mhead div {display: inline-block; float: right;}
.mhead h1 + div {margin-top: 17px;}
.mhead + h3 {margin-top: 0px;}
table.edit1 tr:nth-child(odd) td {text-transform: capitalize; font-weight: bold; height: 25px; vertical-align: bottom;}
table.edit1 tr:nth-child(even) td {padding-bottom: 20px;}
table.edit1 tr.align-top {vertical-align: top;}
table.view1 tr:nth-child(even) td {padding-bottom: 8px;}
table.view2 tr td:first-child {text-transform: capitalize; font-weight: bold; height: 25px;}
td.pointer {cursor: help;}
select.small {width: 150px;}
select.smallest {width: 40px; }
select.compact {width: 70px; }
select.large {width: 230px;}
select.error {border-color: #ff3333;}
hr {border: 0px; border-top: 1px solid #999999; color: #999999; height: 0px; margin: 5px 0 5px 0;}
div.slabel span {position: relative; top: 13px; left: 10px; background-color: white; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px;}
div.slabel {margin-bottom: 10px;}
input.orderasc, input.orderdesc,input.filterapply,input.filterclear,input.save,
input.add,input.adc,input.up,input.down,input.left,input.right,input.remove, input.deletesub,
input.check-all, input.check-none {
    height: 24px;
    width: 24px;
    padding: 1px;
    cursor: pointer;
    border: 0px;
    color: transparent !important;
}
input.orderasc {background: url("/img/sort_ascending_az.png") no-repeat; margin: 0px 0px 0px 4px;}
input.orderdesc {background: url("/img/sort_descending_az.png") no-repeat; margin: 0px 4px 0px 0px;}
input.filterapply {background: url("/img/filter.png") no-repeat; margin: 0px;}
input.save {background: url("/img/Tick.png") no-repeat; margin: 0px 4px 0px 0px;}
input.filterclear {background: url("/img/filter_clear.png") no-repeat; margin: 0px 4px 0px 0px;}
input.adc {background: url("/img/plus_sub.png") no-repeat; margin: 2px;}
input.add {background: url("/img/plus.png") no-repeat; margin: 2px;}
input.up {background: url("/img/up.png") no-repeat; margin: 0px;}
input.down {background: url("/img/down.png") no-repeat; margin: 0px;}
input.left {background: url("/img/left.png") no-repeat; margin: 0px 0px 2px 0px;}
input.right {background: url("/img/right.png") no-repeat; margin: 2px 0px 2px 0px;}
input.remove {background: url("/img/delete.png") no-repeat; margin: 2px;}
input.deletesub {background: url("/img/delete_sub.png") no-repeat; margin: 2px;}

input.check-all, input.check-none {
    background-color: transparent;
    background-image: url("/img/btn-24-checker-sprites.png");
    background-repeat: no-repeat;
}
input.check-all:focus, input.check-none:focus {
    outline: none;
}
input.check-all { background-position: 0 0; }
input.check-none { background-position: 0 -25px; }
input.check-all:active { background-position: -25px 0; }
input.check-none:active { background-position: -25px -25px; }

input.adc:hover, input.add:hover, input.up:hover, input.down:hover, input.left:hover, input.right:hover, input.remove:hover, input.deletesub:hover {background-color: #ddecc3;}
input[type="submit"], input[type="reset"], input[type="button"] {
    text-transform: uppercase;
    color: #4f4f4f;
}
input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="button"]:disabled {
    text-transform: uppercase;
    opacity: 0.54;
}
input[type=checkbox]:disabled + label.for-previous,
input[type=radio]:disabled + label.for-previous {
    opacity: 0.54;
}
a.action {
    height: 16px;
    width: 16px;
    padding: 0px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space:nowrap;
    border: 0px;
    color: transparent !important;
    background-color: transparent;
    background-image: url("/img/btn-16-action-sprites.png");
    background-repeat: no-repeat;
    background-clip: border-box;
    opacity: .84;
}
a.action:focus { outline: none; }
a.action-modify { background-position: 0 0; }
a.action-remove { background-position: 0 -16px; }
a.action-list   { background-position: 0 -32px; }
a.action-alert  { background-position: 0 -48px; }
a.action-place  { background-position: 0 -64px; }
a.action-times  { background-position: -16px -64px; }

a.edit, div.edit, a.delete, a.mvdwn {padding: 0px 9px 0px 9px; text-decoration: none; }
a.edit, div.edit {background: url("/img/edit16.png") 3px 0px no-repeat;}
a.delete {background: url("/img/delete16.png") 4px 0px no-repeat;}
a.mvdwn {background: url("/img/movedwn.png") 5px 0px no-repeat;}
input.edit, input.delete, input.mvup, input.mvdwn, input.mvright, input.mvleft, input.bin, input.reuse {width: 28px; height: 16px; padding: 0px; cursor: pointer; border: 0px; color: transparent;}
input.edit {background: url("/img/edit16.png") 5px 0px no-repeat;}
input.delete {background: url("/img/delete16.png") 5px 0px no-repeat;}
input.mvup {background: url("/img/moveup.png") 5px 0px no-repeat;}
input.mvdwn {background: url("/img/movedwn.png") 5px 0px no-repeat;}
input.mvright {background: url("/img/moveright.png") 5px 0px no-repeat;}
input.mvleft {background: url("/img/moveleft.png") 5px 0px no-repeat;}
input.bin {background: url("/img/bin.png") 5px 0px no-repeat;}
input.reuse {background: url("/img/reuse.png") 5px 0px no-repeat;}
.hide {display: none;}
.unhide {display: block;}
table.movevert, div.movevert {position: relative; text-align: center;}
div.loading {background: url("/img/loading.gif") 45px 5px no-repeat; display: none; margin-left: auto; margin-right: auto; padding: 10px; font-size: 14px; color: #CE1937; border: 0px; max-height: 100px; max-width: 100px;}
span.tested {background-color: #ffaaaa;}
.maxwidth {width: 100%;}
textarea.maxsize {resize: vertical; width: 100%;}
fieldset.highlight {margin: 0px; float: none; box-shadow: 0px 0px 10px #888888; overflow-x: hidden;}
fieldset.highlight legend {background-color: #ffffff; font-weight: bold; font-size: 12pt; text-transform: capitalize;}
div.multifilters fieldset legend > select { margin: 5px}
div.multifilters fieldset {margin: 5px 5px 5px 0px; overflow-x: hidden; width: 360px;}
div.multifilters fieldset:last-child {margin-right: 0px;}
div.multifilters fieldset > select {float: left; margin: 5px;}
div.multifilters div.divcol {width: 370px; float: left; margin: 5px 5px 5px 0px;}
div.multifilters div.divcol:last-child {margin-right: 0px;}
div.multiselect select {width: 100%;}
div.multiselect fieldset > ul.tagit li {float: none;}
div.multiselect fieldset > ul.tagit {margin: 0px 0px 4px 0px;}
div.multiselect li.tagit-new {width: 165px;}
div.multiselect.compGroups ul.tagit-new {width: 200px;}
div.multiselect.compGroups li.tagit-new {width: 200px;}

.radio-group {
    margin-left: 0.25em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    list-style-type: none;
}
.radio-group li {
    margin-bottom: 0.25em;
}

/* Format specific wrong attributes as result of copy and paste into TinyMCE */
div.formated table:last-child {margin-bottom: 10px !important;}
/* Styles for tables sortable by jQuery */
tbody.sortable tr {cursor: pointer;}
tbody.sortable tr td span {position: absolute; margin-left: -20px;}

span.topic_done {color:#70ae12;}
span.topic_not_done {color:#ff0000;}

img.togglebtn {cursor: pointer;}

/* Layout using the split to two tiles */
.splitter_2 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1124px;
}
.splitter_2 .tile_1,
.splitter_2 .tile_2 {
	display: block;
	margin: 0px;
	position: relative;
	width: 550px;
}
.splitter_2 .tile_1 { float: left; }
.splitter_2 .tile_2 { float: right; }

/* Guide styling */
.step-info .tasks { padding: 10px 0; }
.step-info .tasks th { padding: 2px; text-align: left; }
.step-info .tasks button { min-width: 10em; text-align: center; }
.step-info.disabled .links a:hover { color: #4f4f4f; }

table.entries {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    border-spacing: 0px;
    color: inherit; 
    background-color: #ffffff;
    width: 100%;
    text-align: left;
    margin: 10px 0px 10px 0px;
}
table.entries th, table.entries td {
    margin: 0px;
    padding: 4px;
}
table.entries th {
    color: #000000;
    background-color: #e1e1e1;
    border: 1px solid #ffffff;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
table.entries td {
    border-top: 1px solid #e1e1e1;
    text-align: left;
    vertical-align: top;
}
table.entries tr:hover, table.entries tr:hover td, table.entries tr:hover a {
    background-color: #f0f0f0;
}
table.entries td>input.fill, table.entries td>select.fill {
    width: 99%;
}
table.entries td>textarea.fill {
    resize: vertical;
    width: 99%;
}

/* Table with generic text alignment */
table.nolastcol tr td:last-child {text-align: left;}

table.talign_lc tr td,
table.talign_lc tr td:last-child { text-align: center; }
table.talign_lc tr td:first-child { text-align: left; }

table.talign_cl tr td,
table.talign_cl tr td:last-child { text-align: left; }
table.talign_cl tr td:first-child { text-align: center; }

/* Hideable elements */
.hideable {
    background-color: #fcf9f9;
}
.hideable--hidden {
    display: none;
}
/*NTS Catalog tree levels*/
span.catlevel0 {font-size: 11pt; font-weight: bold; font-style: normal;}
span.catlevel1 {font-size: 10pt; font-weight: bold; font-style: normal;}
span.catlevel2 {font-size: 10pt; font-weight: normal; font-style: normal;}
span.catlevel3 {font-size: 9pt;  font-weight: normal; font-style: normal;}
span.catlevel4 {font-size: 9pt; font-weight: normal; font-style: normal;}
span.catlevel5 {font-size: 9pt; font-weight: normal; font-style: normal;}
span.catlevel6 {font-size: 9pt; font-weight: normal; font-style: normal;}
span.catlevel7 {font-size: 9pt; font-weight: normal; font-style: normal;}
span.catlevel8 {font-size: 9pt; font-weight: normal; font-style: normal;}
span.catlevel9 {font-size: 9pt; font-weight: normal; font-style: normal;}
/* File input */
.fileContainer {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 5px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.fileContainer {   
  background-color: #e1e1e1;
  border: 1px solid #999;        
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;  
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 10pt;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;  
  text-transform: uppercase;
  color: #4f4f4f; 
}
.fileContainer [type=file] {
    cursor: pointer;
}

.note {
    border: 1px solid black;
    background-color:#FFFFCC;
    padding: 5px;
}
.nonCapitalize {text-transform: none!important;;}