.Panel {
  
&.skinned {

  -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.07), 0 11px 18px rgba(255, 255, 255, 0.05), 0 0 6px rgba(0,0,0,0.33) inset;
  -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.07), 0 11px 18px rgba(255, 255, 255, 0.05), 0 0 6px rgba(0,0,0,0.33) inset;
  box-shadow: 0 5px 5px rgba(255, 255, 255, 0.07), 0 11px 18px rgba(255, 255, 255, 0.05), 0 0 6px rgba(0,0,0,0.33) inset;

  border-radius: 6px;

  overflow: hidden;
}
  .separator {
    margin: 0 !important;
  }

  .title {

    margin: 0;
    padding: 12px 14px;

    &.skinned {
      // optional image
      background-image: url("/styles/base/img/panel_title_bg.png");
      background-size: 100% 100%;
      background-position: center top;
      background-repeat: no-repeat;
    }
  }

  .content {
    padding: 15px 15px 13px 15px;
  }

  .footer {
    padding: 0 !important;
    
    &.skinned {
      // optional image
      background-image: url("/styles/base/img/panel_footer_bg.png");
      background-size: 100% 100%;
      background-position: center bottom;
      background-repeat: no-repeat;
    }

    .buttonContainer {
      padding: 15px;
    }
  }

}

.dj_ie {
  .Panel.skinned {
    .title {
      padding: 12px 15px 10px 15px;
    }
  }

  .FrazerCast {
    .Panel.skinned {
      .title {
        background-position: 13px 11px;
      }
    }
  }
}

// NON Modern Browsers

.css2 {

  .Panel {
    background-image: none !important;
  }

  .panelSkin {
      position: absolute;

      top: 0;
      left: 0;

      margin-left: -7px;
      margin-top: -7px;

      .skin {
        position: absolute;
        display: inline-block;
        float: left;
      }

      .tl {
        
        width: 14px;
        height: 14px;
        background-image: url("/styles/base/img/9 Slice Panel/Panel_r1_c1.png");

      }

      .tm {

        width: 14px;
        height: 14px;
        background-image: url("/styles/base/img/9 Slice Panel/Panel_r1_c2.png");

      }

      .tr {

        width: 14px;
        height: 14px;
        background-image: url("/styles/base/img/9 Slice Panel/Panel_r1_c3.png");

      }

      .ml {

        width: 14px;
        height: 14px;
        background-image: url("/styles/base/img/9 Slice Panel/Panel_r2_c1.png");

      }

      .mm {

        width: 14px;
        height: 14px;
        background-image: url("/styles/base/img/9 Slice Panel/Panel_r2_c2.png");

      }

      .mr {

        width: 14px;
        height: 14px;
        background-image: url("/styles/base/img/9 Slice Panel/Panel_r2_c3.png");

      }

      .bl {

        width: 14px;
        height: 19px;
        background-image: url("/styles/base/img/9 Slice Panel/Panel_r3_c1.png");

      }

      .bm {

        width: 14px;
        height: 19px;
        background-image: url("/styles/base/img/9 Slice Panel/Panel_r3_c2.png");

      }

      .br {

        width: 14px;
        height: 19px;
        background-image: url("/styles/base/img/9 Slice Panel/Panel_r3_c3.png");

      }






    }
}