/* @(#)$Id: bc-usc.css,v 1.14 2025/01/09 17:13:51 william Exp $ */

span.nowrap { white-space: nowrap; }
span.errmsg { color: #cc0000; font-weight: bold; }
ul.regerrlist { color: #ff0000; font-weight: bold; }
h1.bigred { color: #ff0000; font-weight: bold; font-size: 150%; }
p.regerrlist { color: #ff0000; font-weight: bold; }
ul.unexperrmsg { color: #ff0000; font-weight: bold; }
p.unexperrmsg { color: #ff0000; font-weight: bold; }
p.errmsg { color: #cc0000; font-weight: bold; }
p.msg { color: #0000cc; font-weight: bold; }
TABLE.courses TH { background-color: #a0a0a0; }
TR.oddcourse { background-color: #e0e0e0; }
TR.evencourse { background-color: #ffffff; }
TEXTAREA.smalltext { font-size: 100%; }
DIV.infotable { margin: 0px; padding: 2px; border: 1px dotted #000; }
DIV.smallinfotable { margin: 0px; padding: 1em 1em 0px 1em;
    border: 1px dotted #000; }
TABLE.infotable { margin: 0px; padding: 2px; border: 1px dotted #000; }

SPAN.update { color: #0000ff; font-weight: bold; font-style: italic; }
SPAN.boldred { color: #ff0000; font-weight: bold; }
SPAN.red { color: #ff0000; }
SPAN.boldblue { color: #0000ff; font-weight: bold; }
SPAN.boldgreen { color: #00ff00; font-weight: bold; }
SPAN.boldolive { color: #008000; font-weight: bold; }
SPAN.boldorange { color: #ff9911; font-weight: bold; }
SPAN.deleted { color: #808080; text-decoration: line-through }
SPAN.tiny { font-size: 25%; }
/* old code style
PRE.code {
    width: 95%;
    overflow:auto;
    background: #F0F0FF;
    padding: 5px;
    color: #000;
    border-style:dashed;
    border-color:#000000;
    border-width:1;
    margin-left:0px;
}
 */
PRE.code {
    overflow-x:auto;
    display: block;
    width: 95%;
    max-width: 1024px;
    background: #F0F0FF;
    padding: 5px;
    color: #000;
    border-style:dashed;
    border-color:#000000;
    border-width:1px;
    margin-left:0px;
}
PRE.printout {
    margin-left: 50px;
    width: 98%;
    overflow:auto;
    background: #ffffbf;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 5px;
    color: #000;
    border-style:dashed;
    border-color:#000000;
    border-width:1;
}
.boxed { border: 3px solid red; padding: 10px; background: #e0e0e0; margin-top: 1000px; }
h2.boxed { border: 3px solid red; padding: 10px; background: #e0e0e0; margin-top: 10px; }

/* USC Identity Requirement */

#container, .noprint {
    clear1: both;
    display: block;
    position: relative;
    width: 100%;
    /* max-width: 1200px; */
    margin: 0 auto;
    content: "";
}
#masthead, .noprint { height: 80px; }
#logo-usc {
    position: absolute;
    top: 8px;
    right: 0;
    width: 216px;
    height: 51px;
    background: url(https://viterbi.usc.edu/images/usc_logo.png) no-repeat;
    background-size: cover;
    z-index: 5;
}

/*
 * USC colors are
 *      red: #991b1e
 *     grey: #939498
 *   yellow: #ffcc00
 */

A { color: #d02090; text-decoration: underline; }
A:link { color: #d02090; text-decoration: underline; }
A:hover { color: #991b1e; text-decoration: underline; }
A:visited { color: #996600; text-decoration: underline; }
A.name:hover { color: #ffffff; text-decoration: none; }
A.name { color: #ffffff; text-decoration: none; }
A.rv-name { color: #ffffff; text-decoration: none; }
A.nv-name { color: #000000; text-decoration: none; }
A.nav { color: #ffffff; text-decoration: none; }
A.dept-of { text-decoration: none; color: white; font-weight: bold; font-size: 100%; }
A.dept-name { text-decoration: none; color: white; font-weight: bold; font-size: 100%; }


HTML { overflow-y: scroll; }

BODY {
    font-size: 100%;
    background-color: #bbbbbb;
    padding: 2px 10% 2px 10%; /* this is what makes the middle part 80% of the total width*/
}

DIV.textbooks {
    float: right;
    padding: 0px 0px 4px 12px;
    shape-outside: insert(0px round 0px) border-box;
}

DIV.all-content {
    background-color: #ffffff;
    font-size: 100%;
    /* max-width: 1200px; */
}

DIV.main-content {
    background-color: #ffffff;
    witdh: 98%;
    margin-top: 12px;
}

TABLE.fillwidth {
    width: 98%;
    border: none;
}

TABLE.fillwidthall {
    width: 100%;
    border: none;
    border-spacing: 0px;
    padding: 0px;
}

TABLE.layout {
    table-layout: fixed;
    width: 100%;
    border: none;
    border-spacing: 0px;
    padding: 0px;
}

TD.simple {
    font-size: 100%;
}

TD.layout {
    border: none;
}

DIV.banner-top {
    background-color: #991b1e;
    /* width: 98%; */
    padding: 0px 12px;
}

DIV.banner-bottom {
    padding: 4px 14px;
    margin: 4px;
}

DIV.basic-info {
    width: auto;
    padding: 0px 12px 12px;
}

DIV.basic-info-left {
    display: inline-block;
    padding: 0px 12px 0px 0px;
    float: left;
}

DIV.basic-info-right {
    display: inline-block;
    padding: 0px 12px 0px 0px;
    float: right;
}

DIV.rv-footer {
    background-color: #991b1e;
    border-top: dotted thin silver;
    padding: 4px 12px;
}

DIV.footer {
    border-top: dotted thin silver;
    padding: 12px;
}

DIV.rv-last-update {
    display: inline-block;
    color: #ffffff;
    font-size: 75%;
    vertical-align: bottom;
}

DIV.last-update {
    display: inline-block;
}

DIV.rv-nav-links {
    display: inline-block;
    color: #ffffff;
    float: right;
    font-size: 75%;
    vertical-align: bottom;
}

DIV.nav-links {
    display: inline-block;
    float: right;
    font-size: 75%;
    vertical-align: bottom;
}

DIV.my-name {
    display: inline-block;
    font-weight: bold;
    font-size: 150%;
    vertical-align: bottom;
}

DIV.my-name-centered {
    display: block;
    font-weight: bold;
    font-size: 150%;
    text-align: center;
}

DIV.page_body {
    display: block;
    width: 98%;
    clear: both;
    font-size: 100%;
}

DIV.left { display:inline-block; padding:0px 12px 0px; width:98%; }
DIV.right { display:inline-block; margin:48px 36px; padding:12px; float:right; width:auto; background-color:#c0c0c0; }
DIV.float-container { display:inline-block; float:left; }
DIV.info-float-container { display:inline-block; float:right; } /* this is not needed */

H2.title { padding-left:12px; }
H3.title { color:#fff; background:#000; padding:0; }
DIV.floatcontainer { clear:both; font-size: 100%; }
DIV.post { border:1px solid silver; margin-bottom:4px; clear:both; }
DIV.posttop { padding:4px; color:#fff; background-color:#939498; font-weight:bold; }
DIV.posttext { padding:4px; background:#fff; }
DIV.post2 { clear:both; font-size: 100%; }
DIV.posttop2 { margin:4px 12px; padding:0px 4px; width:98%; color:#fff; background-color:#939498; font-weight:bold; font-size: 100%; }
DIV.posttop2-news { margin:4px 12px; padding:0px 4px; width:98%; color:#fff; background-color:#dd3333; font-weight:bold; font-size: 100%; }
DIV.posttop2-centered { margin:0px 12px; padding:0px 4px; width:98%; color:#ffff00; background-color:#939498; font-weight:bold; text-align:center; }
DIV.posttext2 { margin:0px 12px; padding:4px; background:transparent; font-size: 100%; }
DIV.posttext3 { padding:4px; background:transparent; }
DIV.posttext4 { margin:4px 12px; padding:4px; background:transparent; font-size:125%; font-weight:bold; }
DIV.posttext5 { margin:4px 12px; background:transparent; font-size:112%; font-weight:bold; font-style:italic; }
DIV.posttext6 { background:transparent; font-size:112%; font-weight:bold; font-style:italic; }
DIV.posttext7 { padding:8px 0px; background:transparent; }

TABLE.schedule { border-width: 2px; border-style: solid; border-color: #000000; background-color: #ffffff; padding: 2px; border-spacing: 0; }
TH.schedule { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #000000; background-color: #ffffff; padding: 2px; border-spacing: 1px; border-collapse: separate; }

TR.gap { border-width: 0 0 0 0; border-style: solid; border-color: #000000; background-color: #ffffff; padding: 1px; border-spacing: 0; }
TH.gap { border-width: 0 0 0 0; border-style: solid; border-color: #000000; background-color: #ffffff; padding: 1px; border-spacing: 0; }
TD.gap { border-width: 0 0 0 0; border-style: solid; border-color: #000000; background-color: #ffffff; padding: 1px; border-spacing: 0; }

TD.top-half { border-width: 1px 1px 0 1px; border-style: solid; border-color: #000000; background-color: #ffffff; padding: 1px; border-spacing: 1px; border-collapse: separate; }
TD.bot-half { border-width: 0 1px 1px 1px; border-style: solid; border-color: #000000; background-color: #ffffff; padding: 1px; border-spacing: 1px; border-collapse: separate; }
TD.both-halves { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #000000; background-color: #ffffff; padding: 1px; border-spacing: 1px; border-collapse: separate; }
