.subject-table table
{
    width: auto;
}
.rightside-content-hidden
{
    display:none;
}
.rightside-content-show
{
    display:block;
}

.table-layout{
    padding: 0px 0px 0px 0px;
    font-size: 1em;
}

.header-row{
    clear: both;
padding-bottom:7px;
    background: #f5f5f5;
    color: #333;
    border-top: 1px solid #666;
	border-left: 0px;
    border-bottom: 1px solid #666;
    border-right: 0px;
}

.table-row{
    background: #FFFFFF;
    font-weight: normal;
    clear: both;
    margin-bottom; 3px;
    padding-bottom:7px;
    padding-top: 3px;
    border-left: 0px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
}

.table-row .subject-overview:hover{
                background-color: #CE3229;
                color:white;
                -moz-transition:all .3s linear;
                -webkit-transition:all .3s linear;
                -ms-transition:all .3s linear;
                transition:all .3s linear       
}

.group-heading{
  padding: 4px;
  float: left;
}

.expand, .compress{
  float: left;
  padding-top: 7px;
  font-size: smaller;
}

.compress{
  display: none;
}

.subject-equivalency-list, .subject-stream-text{
  padding: 4px;
}
.equivalency-place-holder{
  padding: 4px 4px 4px 8px;
  float: left;
}
.subjectcode{
  padding: 4px;
  float: left;
}
.subjectname{
  padding: 4px 4px 4px 8px;
  float: left;
  font-weight: bold;
}

.availability{
  float: right;
  font-style: italic;
  padding: 4px 2px 4px 0px;
}

.subject-information-hide{
  display: none;
}
.subject-information-show{
  display: block;
}
.subject-information{
  padding: 4px 10px 4px 20px;
}

.subject-description{
  width: 85%;
  float: left;
}

.outline-links{
  width: 10%;
  float: right;
  text-align: right;
}

.prev_offered_title{
font-style: italic;
font-size: .9em;
color:#55585a;
line-height:1;
}

.offered{
  margin-top: 10px;
}

.offered-title, .prerequisite-title{
  color: #666666;
  font-style: italic;
}


.subject-table{
    padding: 10px 0 0 0;
}

.subject-table .table-row{
    border: 0px;
    border-bottom: 1px solid rgb(255, 18, 0);
    padding: 2px 0 2px 0;
}

.subject-table .table-row:hover{
    background: #EEEEEE;
}

.subject-table .table-row div{
    display: inline-block;
    padding: 0;
    margin: 0;
}

.section-code{
    color: #666666;
    width: auto;
    padding-right:8px;
}
.day-of-week{
    color: #333333;
    font-weight: bold;
}

.section-day-of-week
{
    /* 20200424 commentout the following */
    /* color: #000000; */
    /* font-weight: bold; */
}

.dates{
    color: #333333;
    width: auto;
}

.times{
    color: #333333;
    font-weight: bold;
    width: auto;
}

.section-time
{
    /* 20200424 commentout the following */
    /* color: #000000; */
    /* font-weight: bold; */
    width: 150px;
}

.subject-code-something{
  color: orange;
}

.location{
    color: #666666;
    width: auto;
}

.notices
{
    /* 20200424: #666666 */
    color: #000000;
    width: 100%;
}

.fees{
    color: #333333;
    width: auto;
}

.link-to-register{
    width: 16%;
    text-align: center;
    font-size: 0.84em;
}