.box-sizing, #chep-status, #chep-status .programGroup, #chep-status .prog-bar, #chep-status .prog-bar .color-bar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.chep-intro {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #f1f1f1;
  padding: 15px;
  margin-bottom: 15px !important;
  border-collapse: separate;
  border-spacing: 5px 0; }
  .chep-intro .legend {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: -moz-linear-gradient(top, white 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, white 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, white 0%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    width: 33%;
    font-size: 12px;
    padding: 15px;
    display: table-cell;
    border: 1px solid #CCC; }
    .chep-intro .legend div > span.title {
      display: block;
      font-size: 14px;
      font-weight: bold;
      background: #F1F1F1;
      padding: 5px 7px;
      border: 1px solid #FFF;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      .chep-intro .legend div > span.title.green {
        background: #a9db80;
        background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%);
        background: -webkit-linear-gradient(top, #a9db80 0%, #96c56f 100%);
        background: linear-gradient(to bottom, #a9db80 0%, #96c56f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); }
      .chep-intro .legend div > span.title.orange {
        background: #ffc578;
        background: -moz-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
        background: -webkit-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
        background: linear-gradient(to bottom, #ffc578 0%, #fb9d23 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); }
      .chep-intro .legend div > span.title.red {
        background: #ff3019;
        background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
        background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
        background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); }

.chep-intro {
  margin-top: 0; }

#chep-status {
  line-height: 1.7em; }
  #chep-status .programGroup {
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 5px;
    margin-bottom: 5px;
    background: #ffffff;
    background: -moz-linear-gradient(top, white 0%, #eeeeee 100%);
    background: -webkit-linear-gradient(top, white 0%, #eeeeee 100%);
    background: linear-gradient(to bottom, white 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    transition: box-shadow .2s linear; }
    #chep-status .programGroup h2 {
      margin: 0 0 10px 0;
      font-size: 16px;
      font-weight: 700;
      color: #333;
      text-shadow: 1px 1px #FFF;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
      text-transform: none; }
    #chep-status .programGroup.open {
      border: 1px solid green;
      box-shadow: 0px 0px 3px green; }
    #chep-status .programGroup .control h2 {
      display: inline-block;
      line-height: 34px; }
    #chep-status .programGroup .control .detail-button {
      font-size: 14px; }
      #chep-status .programGroup .control .detail-button.button a {
        height: 33px;
        width: 102px;
        display: block;
        background: url(/images/chep-info-sprite.png); }
      #chep-status .programGroup .control .detail-button.button.off a {
        height: 33px;
        width: 113px;
        background-position: bottom; }
      #chep-status .programGroup .control .detail-button a {
        color: #333;
        text-shadow: 2px 2px #FFF;
        padding: 3px 7px;
        text-decoration: none; }
        #chep-status .programGroup .control .detail-button a:hover {
          text-decoration: underline; }
    #chep-status .programGroup .details {
      display: none;
      padding: 5px 5px 0 5px;
      margin-top: 15px;
      border-radius: 5px; }
      #chep-status .programGroup .details p {
        font-size: 14px;
        margin: 0 0 15px 0; }
        #chep-status .programGroup .details p i {
          text-align: center; }
      #chep-status .programGroup .details .course-list, #chep-status .programGroup .details .completed-course-list, #chep-status .programGroup .details .available-course-list {
        border: 1px solid #CCC;
        border-bottom: 0;
        font-size: 14px; }
        #chep-status .programGroup .details .course-list div, #chep-status .programGroup .details .completed-course-list div, #chep-status .programGroup .details .available-course-list div {
          color: #333;
          overflow: auto;
          background-color: #f4f4f4;
          border-bottom: 1px solid #e8e5e5;
          margin-bottom: 3px; }
        #chep-status .programGroup .details .course-list .list-header, #chep-status .programGroup .details .completed-course-list .list-header, #chep-status .programGroup .details .available-course-list .list-header {
          background-color: #006699 !important;
          color: #FFF;
          height: 40px;
          line-height: 37px;
          padding-left: 5px; }
          #chep-status .programGroup .details .course-list .list-header.green, #chep-status .programGroup .details .completed-course-list .list-header.green, #chep-status .programGroup .details .available-course-list .list-header.green {
            background-color: green !important; }
        #chep-status .programGroup .details .course-list .taken, #chep-status .programGroup .details .completed-course-list .taken, #chep-status .programGroup .details .available-course-list .taken {
          display: none; }
      #chep-status .programGroup .details .completed-course-list {
        margin-bottom: 15px; }
      #chep-status .programGroup .details .available-course-list {
        border: 1px solid #CCC;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #CCC;
        margin-bottom: 15px; }
        #chep-status .programGroup .details .available-course-list.list-primary {
          border: 1px solid green; }
        #chep-status .programGroup .details .available-course-list div:last-child {
          border-bottom: 0; }
        #chep-status .programGroup .details .available-course-list div .completed {
          float: right;
          padding: 3px 7px; }
        #chep-status .programGroup .details .available-course-list div .shortname {
          padding: 3px 7px;
          width: 80px;
          transition: background-color 0.2s linear;
          background-color: #ededed;
          float: left;
          font-size: 15px; }
        #chep-status .programGroup .details .available-course-list div .fullname {
          padding: 3px 7px;
          display: inline-block;
          float: left;
          font-size: 15px; }
        #chep-status .programGroup .details .available-course-list div.primary {
          border-bottom: 1px solid #c3e2cb; }
        #chep-status .programGroup .details .available-course-list .chep-core {
          border-radius: 10px;
          padding: 5px 7px;
          background: #5FB24A;
          margin-right: 10px; }
  #chep-status .prog-bar {
    overflow: hidden;
    background: #606c88;
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 );
    border-radius: 5px;
    width: 100%; }
    #chep-status .prog-bar .color-bar {
      width: 0;
      color: #333;
      border-radius: 5px;
      text-align: right;
      padding: 1px;
      border: 1px solid #333;
      font-size: 13px; }
      #chep-status .prog-bar .color-bar span {
        line-height: 1.7;
        padding-right: 10px; }
      #chep-status .prog-bar .color-bar.green {
        background: #a9db80;
        background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%);
        background: -webkit-linear-gradient(top, #a9db80 0%, #96c56f 100%);
        background: linear-gradient(to bottom, #a9db80 0%, #96c56f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); }
      #chep-status .prog-bar .color-bar.orange {
        background: #ffc578;
        background: -moz-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
        background: -webkit-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
        background: linear-gradient(to bottom, #ffc578 0%, #fb9d23 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); }
    #chep-status .prog-bar.expired .color-bar {
      background: #ff3019;
      background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
      background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
      background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
      color: #FFF; }