.school
{
   cursor: pointer;
}

#schools-table
{
   table-layout: fixed;
   text-align: center;
   border-collapse: collapse;
}

#schools-table td
{
   border: 1px solid #000;
   height: 50px;
   vertical-align: middle;
}

.selected-school
{
   background: #666;
   color: #FFF;
}

#programs-list
{
   list-style-type: none;
   overflow: hidden;
   padding: 0;
}

#programs-list > *
{
   vertical-align: top;
}

#programs-list li
{
   display: inline-block;
   margin: 10px 5px 0;
   width: 290px;
}

#programs-list ul li img
{
   max-width: 310px;

}

.program a
{
   color: #000;
   text-decoration: none;
}

.curriculumTable
{
    width: 100%;
    border-collapse: collapse;
}

#curriculumHeader
{
   text-align: center;
}
.firstgroup td:first-child, .centergroup td:first-child, .lastgroup td:first-child
{
   background: #C9C9C9 !important;
   border-right: 1px solid #5C5C5C !important;
}
.firstgroup td + td, .centergroup td + td, .lastgroup td + td
{
   background: #C9C9C9;
}
.firstor td + td, .centeror td + td, .lastor td + td
{
   background: #EFEFEF !important;
}

.firstor td + td, .firstgroup td
{
   border-top: 1px solid #000 !important;
}
.firstor td:first-child + td, .firstgroup td:first-child
{
   border-left: 1px solid #000 !important;
}
.firstor td:last-child, .firstgroup td:last-child
{
   border-right: 1px solid #000 !important;
}
.centeror td:first-child + td, .centergroup td:first-child
{
   border-left: 1px solid #000 !important;
}
.centeror td:last-child, .centergroup td:last-child
{
   border-right: 1px solid #000 !important;
}
.lastor td + td, .lastgroup td
{
   border-bottom: 1px solid #000 !important;
}
.lastor td:first-child + td, .lastgroup td:first-child
{
   border-left: 1px solid #000 !important;
}
.lastor td:last-child, .lastgroup td:last-child
{
   border-right: 1px solid #000 !important;
}

.totalRow th/*:first-child+th+th+th+th+th*/
{
   border-top: 1px solid #000;
}

.headerRow th
{
   border-bottom: 1px solid #000;
}
.courseRow th:first-child+th+th+th+th
{
   border-bottom: 1px solid #000;
}

.curriculumTable tr td:first-child+td
{
   white-space:nowrap;
}

.curriculumTable td, .curriculumTable th
{
   padding: 2px;
  /* border-left: 1px solid #996633;*/
   vertical-align: top;
   text-align: left;
}

/* Program Tabs */
ul.tabs
{
   padding: 0;
   list-style-type: none;
   width: 960px;
   height: 60px;
   display: table;
   table-layout: fixed;
   border-collapse: collapse;
}

ul.tabs li
{
   position: relative;
   display: table-cell;
   width: 100%;
   text-align: center;
   vertical-align: middle;
   border: 1px solid #666666;
}

ul.tabs li a
{
   text-decoration: none;
   display: block;
   outline: none;
   color: #000;
}

ul.tabs li a:hover{}

html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs li.active a
{ /*--Makes sure that the active tab does not listen to the hover properties--*/
   background: #666666;
   color: #fff;
}

.tab_container
{
   border-top: none;
   clear: both;
   width: 100%;
}

.arrow
{
   position:absolute;
   top:11px;
   left:8px;
}

.tab_content
{
   padding: 20px;
}

.tab_content ul
{
   /*margin: 0 0 0 25px;*/
}

.tab_content p
{
   margin: 10px 0 10px 0;
}

/**
 *    Desktop
 */
@media screen and (max-width: 1300px) and (min-width: 940px)
{
}

/*
 * Tablet
 */
@media screen and (max-width: 939px) and (min-width: 660px)
{
}

/**
 *    Mobile
 */
@media screen and (max-width: 659px)
{
   #programs-list
   {
      text-align: center;
   }
   #programs-list .program
   {
      vertical-align: middle;
   }
   #programs-list .program img
   {
      display: none;
   }
   #programs-list .program a
   {
      display: block;
      height: 40px;
      line-height: 40px;
      background: #2a5fa4;
      color: #FFF;
   }
   ul.tabs
   {
      display: block;
      width: 100%;
      height: auto;
   }
   ul.tabs li
   {
      display: list-item;
      height: 40px;
      line-height: 40px;
   }
   .tab_content
   {
      padding: 0px;
   }
}














