/* Style sheet planr4 */
body {
    font-family:helvetica,arial,freesans,clean,sans-serif;
}
#main div.mod_article,
#main div.ce_text {
    overflow: unset;
}
p {
    margin:2px 0 0;
    padding:0;
    font-size:9pt;
}
div.ce_text {
    min-height:200px;
}
#tempalert {
    background-color:#ffff80;
}
#pgheader {
    width:100%;
    position:relative;
    overflow:visible;
    clear:both;
    display:inline-block;
    margin:0;
    vertical-align:bottom;
    border-bottom:1px solid #006;
    z-index: 5;
}
div#timestamp {
    display:none;
}
div.pagemsgdiv {
    position:relative;
    float:left;
    margin-top:2px;
    margin-bottom:1px;
    text-align:center;
    cursor: default;
}
div#tabdiv {
    min-width:250px;
    top:2px;
    position:relative;
    float:left;
}
div#saveall {
    position:relative;
    float:right;
    margin-top:2px;
    margin-right:8px;
    padding-right:3px;
    padding-left:3px;
    background-color:#40b070;
    border:1px solid #40b070;
    border-radius:4px;
    font-size:8pt;
    font-weight:bold;
    color:#fff;
    cursor: pointer;
}
div#queue {
    position:relative;
    float:right;
    margin-top:2px;
    margin-right:8px;
    padding-right:3px;
    padding-left:3px;
    background-color:#a8e0a8;
    border:1px solid #40b070;
    border-radius:4px;
    font-size:8pt;
    font-weight:bold;
    cursor: default;
    opacity: 0.6;
}
div#queue.fail {
    background-color:#ffbb80;
}
div#buttonrow,
div#indicators {
    width:100%;
    height:0px;
    max-height:0px;
    position:relative;
    float:right;
    clear:right;
    display:inline-block;
}
.hide,
header.is-closed img.cancel,
header.is-closed img.rl,
header.inedit img.rl,
header.inedit img.ed,
header.inedit img.hl {
    display:none;
}
.editonly {
    display:none;
}
li.inedit tr.editonly {
    display:table-row;
}
li span.activating {
    color:#666;
}
.blank {
    opacity: 0;
}
.center {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
div.tabmsgdiv {
    float:left;
    margin-top:2px;
    font-size:8pt;
    cursor: default;
}
div.msgdiv {
    position:relative;
    clear:both;
    margin-bottom:4px;
    text-align:center;
    cursor: default;
}
span.msg {
    display:inline;
    margin-right:14px;
    margin-left:14px;
    padding:0 16px;
    vertical-align:text-top;
    text-align:center;
    background-color:#f0f8ff;
    border:1px solid #46f;
    border-radius:8px;
    font-size:8pt;
}
div.msg {
    display:inline-block;
    margin-top:-1px;
    margin-right:14px;
    margin-left:14px;
    padding:0 16px;
    vertical-align:text-top;
    text-align:center;
    background-color:#f0f8ff;
    border:1px solid #46f;
    border-radius:8px;
    font-size:8pt;
}
span.msg.green,
div.msg.green {
    background-color:#dfd;
    border:1px solid #3c3;
}
span.msg.red,
div.msg.red {
    background-color:#ffe0e0;
    border:1px solid #c33;
}
span.msg.orange,
div.msg.orange {
    background-color:#ffffa5;
    border:1px solid #ff4500;
}
#lastfilter,
#firstfilter {
    margin-top:4px;
    margin-left:5px;
    padding-left:4px;
    border:1px solid #888;
    font-size:9pt;
}
#lastfilter:focus,
#firstfilter:focus {
    background-color:#fffccc;
}
span.username {
    float:right;
}
span.rightcc {
    float:right;
    color:#666;
}
#Y a.yr {
    margin-left:20px;
    text-decoration:none;
    color:#666;
}
#Y a.yr.enrolled {
    font-weight:bold;
    color:#009;
}
p.catg {
    margin-top:9px;
    margin-bottom:2px;
    font-weight:bold;
}
div.cols {
    columns: 25em;
}
div.names {
    margin-left:6px;
}
div.names ul {
    margin:0;
    padding-left:0;
    list-style-type:none;
}
div.names li {
    margin-left:8px;
}
div.names a {
    text-decoration:none;
    color:#009;
}
div.names a.fm {
    color:#000;
}
div.names a:hover {
    text-decoration:underline;
    color:#009;
}
div.names a.register {
    color:#999;
}
div.names a.withdraw,
a.withdraw {
    text-decoration:line-through;
    color:#999;
}
table.columns {
    width:100%;
    clear:both;
    border:0 none;
    border-collapse:collapse;
}
div.spacer {
    font-size:4px;
}
td.column {
    width:10%;
    min-width:180px;
    padding:0 0 4px;
    vertical-align:top;
}
td.colclosed {
    min-width:13px;
    max-width:13px;
    padding:0 0 3px;
    vertical-align:top;
}
td.blankcol {
    display:none;
}
td.colclosed~td.blankcol {
    width:100%;
    display:block;
    padding:0 0 4px;
    vertical-align:top;
    font-weight:bold;
}
td.opencol~td.blankcol {
    width:100%;
    position:relative;
    display:none;
    padding:0 0 4px;
    vertical-align:top;
}
span.bltext {
    background-color: yellow;
}
div.colhead,
div.clcolhead {
    position:relative;
    margin-right:2px;
    padding:1px 0;
    text-align:center;
    border:1px solid #000;
    border-radius:4px;
    font-size:10px;
    background-color:#555;
    
}
.coursetitle {
    float:left;
    padding-right:6px;
    padding-left:4px;
    font-size:12pt;
    font-weight:bold;
    color:#555;
}
span.teacher {
    float:left;
    padding-top:3px;
    padding-right:6px;
    padding-left:6px;
    font-size:8pt;
    color:#666;
}
span.support {
    float:right;
    padding-top:3px;
    padding-right:6px;
    padding-left:6px;
    font-size:8pt;
    color:#666;
}
span.colbtn,
span.coltitle {
    font-size:10px;
    font-weight:bold;
    color:#fff;
    cursor: pointer;
}
span.coltitle.sib {
    font-size:10pt;
    font-weight:bold;
    color:#fff;
    cursor: pointer;
}
span.colteachr {
    float:right;
    padding-right:6px;
    padding-left:2px;
    color:#888;
}
span.sbbtn {
    height:10px;
    float:right;
    margin:2px 6px 0 1px;
    cursor: pointer;
    opacity: 0.5;
}
a.classlist {
    margin-left:16px;
    font-size:10pt;
    font-weight:normal;
    color:#00a;
}
ul.ulsn {
    min-height:400px;
    margin:0;
    padding:0;
    list-style-type:none;
}
header {
    height:14px;
    position:relative;
    margin-top:1px;
    margin-right:1px;
    margin-left:0;
    padding:0 5px;
    border:0 solid #00d;
    border-radius:5px 5px 0 0;
    font-size:8pt;
    font-weight:bold;
    color:#fff;
    cursor: pointer;
}
header.past {
    background-color:#888;
}
header.futr {
    background-color:#4079AA;
}
header.crnt {
    background-color:#40b070;
}
header.sample {
    background-color:#b0833f;
}
header.handbook {
    background-color:#2f8052;
}
header.is-closed {
    border-radius:5px;
}
header.inedit {
    color:#ff0;
}
header.queued {
    color:#ffbb80;
}
div.tri {
    width:8px;
    height:8px;
    left:3px;
    top:0;
    position:absolute;
    margin-top:3px;
    margin-right:4px;
    background-repeat:no-repeat;
    background-image:url("/a/open.png");
}
header.is-closed div.tri {
    background-image:url("/a/closed.png");
}
span.htitle {
    width:90%;
    left:14px;
    top:0;
    position:absolute;
    overflow:hidden;
    white-space:nowrap;
}
span.icons {
    height:12px;
    right:3px;
    position:absolute;
    margin:0;
    padding:1px 0 1px 3px;
    opacity: 0.7;
}
span.icons img {
    margin-left:6px;
}
span.icons:hover,
div.inedit span.icons,
span.tcbtn:hover {
    opacity: 1;
}
div.save {
    float:left;
    margin-top:-1px;
    padding-right:2px;
    padding-left:2px;
    background-color:#50aa60;
    border-radius:3px;
    font-size:7pt;
    font-weight:normal;
    color:#fff;
}
article.sn-body {
    min-height:10px;
    position:static;
    overflow:auto;
    margin-right:2px;
    margin-bottom:3px;
    margin-left:1px;
    padding:5px 4px 4px;
    background-color:#fff;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    border-left:1px solid #aaa;
    border-bottom-right-radius:6px;
    border-bottom-left-radius:6px;
    font-size:9pt;
    line-height:normal;
    cursor: default;
}
.inedit > article.sn-body {
    padding:2px;
    border:2px solid #ff0;
}
article.scrll {
    max-height:480px;
}
ul.siblings div.scrll {
    max-height:480px;
}
div.loaded div.twrl,
span.deltab {
    display:none;
}
img.ld {
    height:18px;
    margin-top:-2px;
    margin-bottom:-4px;
}
div.dragging {
    display:none;
}
.startopen,
li.inedit span.deltab {
    display:block;
}
span.mceEditor {
    width:100%;
}
a.norm {
    text-decoration:none;
}
.none {
    text-decoration:none;
    color:#aaa;
}
.termtitle {
    width:98%;
    margin-right:auto;
    margin-left:auto;
    padding-left:1%;
    font-weight:bold;
}
table.mceLayout {
    outline: 2px #ffff33 solid;
}
table.inputtable {
    width:98%;
    margin-right:auto;
    margin-left:auto;
    border-collapse:collapse;
    border-spacing:0px;
    cursor: default;
}
table.inputtable td,
table.inputtable th {
    padding:0;
    vertical-align:text-top;
    border:1px solid #ddd;
}
table.inputtable td.ilabel {
    width:15%;
    vertical-align:top;
    text-align:right;
}
table.inputtable td.idata {
    width:85%;
}
table.inputtable td.ilabel span.ispan {
    display:inline-block;
    padding-top:.5px;
}
table.inputtable select {
    height:15px;
    min-width:20%;
    background-color:#ffc;
    border:0 hidden;
}
table.inputtable input,
table.inputtable textarea {
    width:99.5%;
    height:100%;
    margin:0;
    background-color:#ffc;
    border:0px hidden;
    font-size:8pt;
    color:#000;
}
table.inputtable textarea {
    height:8em;
    max-height:28em;
    font: 8pt helvetica,arial,freesans,clean,sans-serif;
    resize: vertical;
}
table.inputtable input[readonly],
table.inputtable textarea[readonly] {
    background-color:#fff;
    cursor: default;
}
table.inputtable tr.blankrow,
table.inputtable td.blankrow {
    border:0px;
    font-size:70%;
}
table.inputtable textarea.oneline {
    max-height:1.3em;
    resize: none;
}
table.inputtable td.mdata {
    width:15%;
    text-align:center;
    font-size:8pt;
}
input.mdata {
    text-align:center;
}
textarea.mdata {
    font-size:8pt;
}
article table {
    border-collapse:collapse;
}
table.smalltable td,
table.smalltable th,
table.smalltable a,
table.smalltable p,
table.smalltable ul li {
    vertical-align:top;
    font-size:8pt;
}
table.smalltable td {
    margin:0;
    padding:0 2px;
    vertical-align:top;
    border:1px solid #ddd;
}
.innertable td {
    margin:0;
    padding:0;
    vertical-align:top;
    border:0px;
}
table.smalltable table.innertable td,
table.smalltable table.innertable p {
    margin:0;
    padding:0;
    vertical-align:top;
}
.smalltable th {
    margin:0;
    padding:0 1px;
    text-align:center;
    background-color:#ccc;
    border:1px solid #aaa;
    border-collapse:separate;
    font-weight:bold;
    color:#333;
}
table.smalltable td.alignbottom {
    margin-bottom:0;
    padding-bottom:0;
    vertical-align:bottom;
}
table.smalltable {
    width:98%;
    margin:2px auto 8px;
    text-align:left;
    border:1px solid #ddd;
    border-collapse:collapse;
}
table.smalltable table.elatable td {
    width:100%;
    height:9pt;
    margin:0;
    padding:0;
    text-align:left;
    border:0px;
}
table.indent {
    width:94%;
    margin-left:5%;
}
table.smalltable table.innertable {
    margin:0;
}
table.smalltable>tbody>tr>td>ul {
    left:0;
    position:relative;
    margin-left:15px;
    padding-left:0;
}
table.smalltable>tbody>tr>td>ul>li {
    left:0;
    position:relative;
    margin-left:0;
    padding-left:0;
    list-style-image:url("/a/bullet4.gif");
}
table.smalltable.tt td,
table.smalltable.tt th,
table.smalltable.tt a,
table.smalltable.tt p,
table.smalltable.tt ul li {
    vertical-align:middle;
    font-size:9pt;
}
td.activate {
    background-color:#dfd;
}
td.deleted {
    color:#aaa;
}
tbody#existing tr {
    cursor: pointer;
}
tbody#existing tr.del {
    cursor: default;
}
tbody#existing tr.placeholder {
    display: block;
      background: red;
      position: relative;
      margin: 0;
      padding: 0;
      border: none;
}
tbody#existing tr.placeholder:before {
    content: "";
        position: absolute;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-left-color: red;
        margin-top: -5px;
        left: -5px;
        border-right: none;
}