/* RPM Hockey Company - Gen 3.0 CSS default stylesheet - Front-end */

@import url('jquery-ui-1.10.3.custom.min.css');

@media screen {

    /* Fonts */
    @font-face {
        font-family: Montserrat;
        src: url('fonts/Montserrat.ttf');
    }

    body {
        font-family: Montserrat, sans-serif;
        margin: 0;
        padding: 0;
        font-size: 13px;
        color: #303030;
    }

    a, a:visited, a:active {
        color: #2270ba;
        text-decoration: none;
    }

    a:hover {
        color: #53acff;
        text-decoration: underline;
    }

    br.clear, .clear {
        clear: both;
        font-size: 0px;
        line-height: 0%;
    }

    .clearRight {
        clear: right;
    }

    .clearLeft {
        clear: right;
    }

    div.innerWrap {
        min-width: 1000px;
        width: 80%;
        max-width: 1300px;
        margin: 0 auto 0 auto;
    }

    .hide, .hidden {
        display: none;
    }

    .floatRight {
        float: right;
    }

    .floatLeft {
        float: left;
    }

    .divCenter {
        margin: 0 auto 0 auto;
    }

    .clickable {
        cursor: pointer;
    }

    .hoverHand {
        cursor: pointer;
    }

    .textSmall {
        font-family: "arial", sans-serif;
        font-size: 11px;
    }

    .textMed, .textMedium {
        font-family: "arial", sans-serif;
        font-size: 13px;
    }

    .textLarge {
        font-size: 16px;
    }

    .textCenter {
        text-align: center;
    }

    .textCaptialize {
        text-transform: capitalize;
    }

    .textRed {
        color: #d70e0e;
        background-color: #fae0e0;
        padding: 3px;
    }

    .textLtGrey {
        color: #979797;
    }

    .textGrey {
        color: #787878;
    }

    .textBold {
        font-weight: bold;
    }

    .textJustifyRight {
        text-align: right;
    }

    .fontConsolas {
        font-family: 'Consolas';
    }

    .highlightSuccess, a.highlightSuccess {
        color: #45a30c;
        background-color: #daffc4;
        padding: 2px 8px;
    }

    .highlightSuccess:hover {
        color: #45a30c;
        text-decoration: underline;
    }

    .highlightSuccess.noHover {
        color: #45a30c;
        text-decoration: none;
    }

    .highlightFail, a.highlightFail {
        color: #750909;
        background-color: #ffd4d4;
        padding: 2px 8px;
    }

    .highlightNotice, a.highlightNotice {
        color: #817300;
        background-color: #fff9c4;
        padding: 2px 8px;
    }

    .highlightBlue, a.highlightNotice {
        color: #103d67;
        background-color: #cce7ff;
        padding: 2px 8px;
    }

    .pseudoLink {
        text-decoration: none;
    }

    .pseudoLink:hover {
        text-decoration: underline;
    }

    .widthAuto {
        width: auto;
        display: inline;
    }

    .notFound {
        padding: 20px;
        font-size: 16px;
        font-style: italic;
    }

    .modal {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #CCCCCC;
        opacity: .50;
        margin: 0 auto;
    }

    .noTitleStuff .ui-dialog-titlebar {
        display: none
    }

    h4.subtitle {
        font-size: 16px;
        color: #323232;
        text-transform: uppercase;
        margin: 0;
        padding: 10px;
        background-color: #efefef;
        font-weight: normal;
    }

    div.moreInfo {
        display: inline;
        position: relative;
        width: 0;
        cursor: pointer;
    }

    div.moreInfo.invoice {
        left: 15px;
        float: right;
    }

    div.moreInfo.invoiceRM {
        right: 35px;
        float: left;
    }

    /* Center Notice Modal */
    div.centerNotice {
        position: absolute;
        z-index: 1000;
        margin: auto;
        background-color: #fff;
        border-radius: 7px;
        width: 450px;
        padding: 0;
        max-height: 55px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        font-size: 16px;
        vertical-align: middle;
        overflow: hidden;
    }

    div.centerNotice div.Message {
        margin: 15px 0 15px 0;
    }

    div#adminbar {
        background-color: #000;
        color: #fff;
        height: 25px;
        padding: 5px 0 0 0;
    }

    div#adminbar div.title {
        width: 170px;
        float: left;
        font-weight: bold;
    }

    div#adminbar ul.aMenu {
        padding: 0;
        margin: 0;
        list-style: none;
        float: left;
    }

    div#adminbar ul.aMenu li {
        float: left;
        margin: 0 8px 0 0;
        padding: 0;
        cursor: pointer;
    }

    div#adminbar ul.aMenu li ul {
        display: none;
        background-color: #272727;
        position: absolute;
        z-index: 9999;
        padding: 0;
        margin: 9px 0 0 0;
        padding: 0 0 5px 0;
        list-style: none;
    }

    div#adminbar ul.aMenu li ul li {
        display: block;
        padding: 4px 5px 4px 8px;
        margin: 0;
        list-style: none;
        position: relative;
        width: 220px;
        float: none;
        clear: both;
        font-size: 12px;
    }

    div#adminbar ul.aMenu li ul li:hover {
        background-color: #585858;
    }

    div#adminbar div.notices {
        float: right;
        padding-right: 15px;
    }

    div#adminbar ul.aMenu a, div#adminbar div.notices a {
        color: #fff;
    }

    div#bugReport {
        position: absolute;
        padding: 5px 10px 5px 30px;
        float: right;
        left: 4%;
        top: 30px;
        background-color: #dfdfdf;
        color: #393939;
        background-image: url('/resources/default/images/icons/help.png');
        background-position: 6px 4px;
        background-repeat: no-repeat;
    }

    div#featureReport {
        position: absolute;
        height: 15px;
        padding: 5px 10px 5px 18px;
        float: right;
        left: 1%;
        top: 30px;
        background-color: #dfdfdf;
        color: #393939;
        background-image: url('/resources/default/images/icons/devList.png');
        background-position: 6px 6px;
        background-repeat: no-repeat;
    }

    div#featureSheet {
        position: absolute;
        top: 80px;
        background: rgba(15, 15, 15, .9);
        padding: 10px 5px 10px 20px;
        width: 325px;
        color: #ffffff;
    }

    div#featureSheet h1 {
        font-size: 18px;
        font-weight: normal;
        color: #86c2fa;
    }

    div#featureSheet div.item img {
        position: relative;
        top: 2px;
        cursor: pointer;
    }

    div#featureSheet div.item div.completionSlider {
        margin: 8px 0 5px 0;
    }

    div#featureSheet strong {
        color: #69e70d;
    }

    div.notice-error {
        background-color: #ffd4d4;
        color: #750909;
        background-image: url('/resources/default/images/notice-error.png');
        background-repeat: no-repeat;
        background-position: 15px 5px;
        padding: 15px 30px 15px 65px;
        margin: 10px 0 10px 0;
    }

    div.notice-warning {
        background-color: #fff9c4;
        color: #817300;
        background-image: url('/resources/default/images/notice-warning.png');
        background-repeat: no-repeat;
        background-position: 15px 5px;
        padding: 15px 30px 15px 65px;
        margin: 10px 0 10px 0;
    }

    div.notice-notice {
        background-color: #fff9c4;
        color: #817300;
        background-image: url('/resources/default/images/notice-notice.png');
        background-repeat: no-repeat;
        background-position: 15px 5px;
        padding: 15px 30px 15px 65px;
        margin: 10px 0 10px 0;
    }

    div.notice-success {
        background-color: #daffc4;
        color: #45a30c;
        padding: 15px 30px 15px 65px;
        margin: 10px 0 10px 0;
    }

    div#superheader {
        margin: 10px 0 0 0;
        padding: 0 0 0 0;
    }

    div#superheader ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    div#superheader ul li {
        float: right;
        margin: 0 6px 0 6px;
        background-color: #328bdf;
        border: none;
        color: #fff;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer;
    }

    div#superheader div.top-drop {
        background-color: #479ae8;
        color: #fff;
        width: 350px;
        margin-top: 10px;
        position: absolute;
        z-index: 9999;
    }

    div#superheader div.top-drop h1 {
        margin: 9px 20px 0 15px;
        font-size: 18px;
        font-weight: normal;
        padding: 0;
    }

    div#superheader div.top-drop form {
        padding: 20px;
    }

    div#superheader div.top-drop ul {
        list-style: none;
        float: none;
        clear: both;
    }

    div#superheader div.top-drop ul li {
        float: none;
        clear: both;
        background-color: #479ae8;
    }

    div#superheader a {
        color: #fff;
    }

    div#superheader div.login-drop input[type=submit] {
        background-color: #fff;
        color: #328bdf;
    }

    div#header {
        margin: 0 0 0 0;
        background-color: #f2f2f2;
        color: #8d8d8d;
        height: 100px;
    }

    div#logo {
        background-image: url('../images/logo.png');
        width: 336px;
        height: 82px;
        float: left;
        margin: 10px 0 0 5px;
        cursor: pointer;
    }

    div#logo.academy {
        background-image: url('../images/prha_logo.png');
    }

    div#supernavigation {
        float: right;
        margin: 20px 20px 0 0;
    }

    div#supernavigation ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    div#supernavigation ul li {
        float: left;
        margin-right: 4px;
        font-size: 18px;
        padding: 13px 8px;
    }

    div#supernavigation ul li a {
        color: #8d8d8d;
        text-decoration: none;
    }

    div#supernavigation ul li.active {
        color: #fff;
    }

    div#supernavigation ul li.active a {
        color: #fff;
        text-decoration: none;
    }

    div#supernavigation ul li.information.active {
        background-color: #328bdf;
    }

    div#supernavigation ul li.programs.active {
        background-color: #da1818;
    }

    div#supernavigation ul li.leagues.active {
        background-color: #81c420;
    }

    div#supernavigation ul li.academies.active {
        background-color: #6823bd;
    }

    div#supernavigation ul li.media.active {
        background-color: #2db7d0;
    }

    div#navigation {
        height: 37px;
    }

    div.navbar {
        color: #fff;
        height: 27px;
        padding: 10px 0 0 15px;
        min-width: 1000px;
        width: 80%;
        max-width: 1300px;
        margin: 0 auto 0 auto;
        overflow: hidden;
    }

    div.navbar.largeFont {
        font-size: 14px;
    }

    div.navbar.mediumFont {
        font-size: 12px;
    }

    div.navbar.information.active {
        background-color: #328bdf;
    }

    div.navbar.programs.active {
        background-color: #da1818;
    }

    div.navbar.leagues.active {
        background-color: #81c420;
    }

    div.navbar.academies.active {
        background-color: #6823bd;
    }

    div.navbar.media.active {
        background-color: #2db7d0;
    }

    div#navigation ul {
    }

    .dMenu {
        display: table;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .dMenu li {
        display: table-cell;
        margin: 0;
        list-style: none;
        padding-right: 9px;
    }

    .dMenu li a {
        display: block;
        color: #fff;
        cursor: pointer;
    }

    .dMenu li a:hover {
    }

    .dMenu li:hover > a {
    }

    .dMenu li ul {
        display: none;
        position: absolute;
        z-index: 9999;
        padding: 0;
        margin: 3px 0 0 0;
        list-style: none;
    }

    .dMenu li ul li {
        display: block;
        padding: 0;
        list-style: none;
        position: relative;
        width: auto;
        min-width: 220px;
    }

    .dMenu li ul li ul {
        margin-top: -20px;
        margin-left: 220px;
    }

    .dMenu li ul li a,
    .dMenu li ul li a:visited {
        font-size: 13px;
        text-transform: none;
        display: block;
        padding: 6px 8px 6px 6px;
        color: #fff;
    }

    .dMenu li ul li a:hover {
        text-decoration: none;
    }

    div.navbar.information ul.dMenu li ul {
        background-color: #7ab9f4;
    }

    div.navbar.information ul.dMenu li ul li {
        background-color: #7ab9f4;
    }

    div.navbar.information ul.dMenu li ul li a {
        color: #fff;
        text-decoration: none;
    }

    div.navbar.information ul.dMenu li ul li a:hover {
        color: #103d67;
        background-color: #cce7ff;
        text-decoration: none;
    }

    div.navbar.information ul.dMenu li ul li ul {
        border-left: 2px solid #4385c2;
    }

    div.navbar.programs ul.dMenu li ul {
        background-color: #e18282;
    }

    div.navbar.programs ul.dMenu li ul li {
        background-color: #e18282;
    }

    div.navbar.programs ul.dMenu li ul li a {
        color: #fff;
        text-decoration: none;
    }

    div.navbar.programs ul.dMenu li ul li a:hover {
        color: #da1818;
        background-color: #fad4d4;
        text-decoration: none;
    }

    div.navbar.programs ul.dMenu li ul li ul {
        border-left: 2px solid #da1818;
    }

    div.navbar.academies ul.dMenu li ul {
        background-color: #af8bdb;
    }

    div.navbar.academies ul.dMenu li ul li {
        background-color: #af8bdb;
    }

    div.navbar.academies ul.dMenu li ul li a {
        color: #fff;
        text-decoration: none;
    }

    div.navbar.academies ul.dMenu li ul li a:hover {
        color: #6823bd;
        background-color: #ccb0ee;
        text-decoration: none;
    }

    div.navbar.academies ul.dMenu li ul li ul {
        border-left: 2px solid #6823bd;
    }

    div.navbar.leagues ul.dMenu li ul {
        background-color: #afd37c;
    }

    div.navbar.leagues ul.dMenu li ul li {
        background-color: #afd37c;
    }

    div.navbar.leagues ul.dMenu li ul li a {
        color: #fff;
        text-decoration: none;
    }

    div.navbar.leagues ul.dMenu li ul li a:hover {
        color: #81c420;
        background-color: #e5efd6;
        text-decoration: none;
    }

    div.navbar.leagues ul.dMenu li ul li ul {
        border-left: 2px solid #81c420;
    }

    div.navbar.media ul.dMenu li ul {
        background-color: #7cc7d5;
    }

    div.navbar.media ul.dMenu li ul li {
        background-color: #7cc7d5;
    }

    div.navbar.media ul.dMenu li ul li a {
        color: #fff;
        text-decoration: none;
    }

    div.navbar.media ul.dMenu li ul li a:hover {
        color: #2db7d0;
        background-color: #c2e7ee;
        text-decoration: none;
    }

    div.navbar.media ul.dMenu li ul li ul {
        border-left: 2px solid #2db7d0;
    }

    #MainSlide {
        position: relative;
        overflow: auto;
        margin: 0;
        padding: 0;
    }

    #MainSlide ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 1400px;
    }

    #MainSlide ul li {
        float: left;
        height: 400px;
        background-position: center;
        padding: 0;
        margin: 0;
        width: 1400px;
    }

    #MainSlide .btn, #MainSlide .dot {
        -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
        -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
        -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
        -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
    }

    #MainSlide .dots {
        position: absolute;
        bottom: 20px;
        margin: 0 auto 0 auto;
        width: 1200px;
    }

    #MainSlide .dots li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 4px;
        text-indent: -999em;
        border: 2px solid #328bdf;
        border-radius: 6px;
        cursor: pointer;
        opacity: .4;
    }

    #MainSlide .dots li.active {
        background: #328bdf;
        opacity: 1;
    }

    .articles {
        margin-top: 20px;
        width: 870px;
    }

    .articles div.article {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-bottom: 5px;
        padding: 7px;
    }

    .articles div.article:nth-of-type(even) {
        background-color: rgb(245, 245, 245);
        font-weight: 100;
    }

    .articles div.article div.image {
        order: 1;
        width: 250px;
        text-align: center;
    }

    .articles div.article div.image img {
        width: 240px;
        height: 150px;
        margin: 0 auto;
    }

    .articles div.article div.content {
        order: 2;
        flex-basis: 65%;
        padding-left: 15px;
    }

    .articles div.article div.content h1 {
        font-weight: normal;
        font-size: 18px;
        margin: 0;
        padding: 0;
    }

    .articles div.article div.content span {
        color: rgb(150, 150, 150);
        font-size: 11px;
        padding-left: 2px;
    }

    .articles div.article div.content p {
        font-weight: normal;
        font-size: 12px;
        max-lines: 4;
        overflow-clip: ellipsis;
        margin: 5px 0;
        padding: 5px;
    }

    .pagination {
        margin: 20px 0 0 0;
        width: 880px;
        text-align: center;
    }

    .pagination ul {
        list-style: none;
        padding: 0;
        width: auto;
    }

    .pagination ul li {
        display: inline;
        border: 1px solid rgb(100, 150, 255);
        padding: 3px 6px;
        margin: 0 5px;
        color: rgb(50, 100, 255);
        cursor: pointer;
        border-radius: 2px;
    }

    .pagination ul li.active {
        background-color: rgb(216, 239, 255);
        color: rgb(50, 100, 255);
    }

    .pagination ul li:hover {
        background-color: rgb(100, 150, 255);
        color: rgb(250, 250, 250);
    }

    .single-article {
        width: 870px;
    }

    .single-article h1 {
        font-weight: normal;
        font-size: 30px;
        margin: 20px 0 6px 0;
        padding: 0;
    }

    .single-article .image-container {
        text-align: center;
        margin: 10px 0 15px 0;
    }

    .single-article .body {
        font-size: 14px;
        line-height: 170%;
        width: 90%;
        margin: 0 auto;
    }

    div#crumbs {
        background-color: #f2f2f2;
        color: #7e7e7e;
        padding: 7px 0 7px 15px;
        min-width: 1000px;
        width: 80%;
        max-width: 1300px;
        margin: 0 auto 0 auto;
    }

    div#crumbs a {
        color: #7e7e7e;
        text-decoration: none;
    }

    div#crumbs a:hover {
        text-decoration: underline;
    }

    div#crumbs.admin {
        background-color: #3a3a3a;
        color: #fff;
    }

    div#crumbs.admin a {
        color: #fff;
        text-decoration: none;
    }

    div#crumbs.admin a:hover {
        text-decoration: underline;
    }

    div.side.right {
        float: right;
    }

    div.side.left {
        float: left;
    }

    div.side.small {
        width: 24%;
    }

    div.side.medium {
        width: 40%;
    }

    div.Box.left {
        float: left;
    }

    div.Box.right {
        float: right;
    }

    div.Box.medium {
        width: 48%;
    }

    div.Box.large {
        width: 74%;
    }

    div.Box.xlarge {
        width: 100%;
    }

    div.Box {
        margin: 20px 0 10px 0;
        border: 1px solid #dedede;
    }

    div.Box h1 {
        font-size: 16px;
        color: #323232;
        text-transform: uppercase;
        margin: 0;
        padding: 10px;
        background-color: #efefef;
        font-weight: normal;
    }

    div.Box h1 div.right {
        float: right;
        text-transform: capitalize;
        font-size: 12px;
    }

    div.Box h1 div.right img.drop {
        display: inline-block;
        vertical-align: bottom;
        margin-right: 4px;
    }

    div.Box h1 div.search input {
        border: 1px solid #dedede;
        padding: 2px 5px;
        width: 180px;
        margin-bottom: 5px;
    }

    div.Box h4 {
        font-size: 15px;
        font-weight: normal;
        margin: 0;
    }

    div.Box div.body {
        padding: 10px 20px 20px 20px;
    }

    div.Box div.body h3 {
        font-size: 18px;
        font-weight: normal;
        border-bottom: 1px solid #dedede;
    }

    div.Box div.body h3 div.options {
        float: right;
        font-size: 13px;
    }

    div.Box div.body h4 {
        font-size: 16px;
        border-bottom: 1px solid;
    }

    div.Box div.body h5 {
        font-size: 14px;
    }

    div.Box div.innerBox {
        padding: 10px;
        margin: 0 0 8px 0;
    }

    div.Box div.innerBox h2 {
        padding: 5px 9px;
        margin: 0 0 7px 0;
        font-size: 18px;
        font-weight: normal;
        background-color: #f0f0f0;
    }

    div.Box div.innerBox h3 {
        padding: 5px 9px;
        margin: 0 0 7px 0;
        font-size: 16px;
        font-weight: normal;
        background-color: #dae7ff;
    }

    div.Box div.innerBox h2 div.options, div.Box div.innerBox h3 div.options {
        float: right;
        font-size: 12px;
        padding: 4px 10px 0 0;
    }

    div.Box div.innerBox div.innerBody {
        padding: 7px 20px 20px 20px;
        border-bottom: 2px solid #bcbcbc;
    }

    div.Box div.innerBox div.innerBody:last-of-type {
        border-bottom: none;
    }

    div.Box div.programDescription {
        padding: 35px 50px;
        font-size: 15px;
        line-height: 140%;
    }

    ul.BoxTabs {
        margin: 15px 0 0 4px;
        padding: 0;
        list-style: none;
    }

    ul.BoxTabs li {
        float: left;
        margin: 0;
        padding: 0;
        background-color: #efefef;
        color: #515151;
        margin-right: 3px;
        border: 1px solid #c6c6c6;
        border-bottom: none;
        padding: 7px 10px 3px 10px;
        font-size: 14px;
        cursor: pointer;
    }

    ul.BoxTabs li.active {
        background-color: #000;
        color: #fff;
    }

    ul.BoxTabs li span {
        font-size: 22px;
        line-height: 14px;
        padding: 2px 0 0 0;
    }

    ul.BoxTabs li span.notification {
        width: 20px;
        padding: 0 10px 0 10px;
        background: url('/resources/default/images/icons/new.png') no-repeat left 7px;
    }

    div.Box.tabs {
        margin-top: 0;
        clear: left;
    }

    div.Box.active {
        display: block;
    }

    h1.pageTitle {
        font-size: 25px;
        color: #999999;
        margin: 10px 0 0 15px;
        padding: 0;
        font-weight: normal;
        text-transform: uppercase;
    }

    h1.pageTitle div.options {
        float: right;
        font-size: 15px;
        color: #000;
        font-weight: normal;
        text-transform: none;
    }

    div.login-page-container {
        width: 99%;
        margin: 0 auto 20px auto;
        padding: 0 0 20px 0;
    }

    div#login-page-register {
        width: 48%;
        float: left;
        min-height: 260px;
    }

    div#login-page-login {
        width: 48%;
        float: right;
        min-height: 260px;
    }

    div.register-container {
        padding: 10px 20px;
        width: 55%;
        float: left;
    }

    div.account-container {
        padding: 10px 20px;
        width: 70%;
        float: left;
    }

    div.account-home, div.admin-home {
        width: 74%;
    }

    div.welcome {
        float: left;
        width: 73%;
    }

    div.welcome p {
        line-height: 150%;
    }

    div.welcome blockquote {
        margin: 10px 60px;
        padding: 40px;
        background-color: #f4f7fa;
        color: #103d67;
        font-style: italic;
        font-size: 20px;
    }

    table.default {
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
    }

    table.default.small tbody td {
        font-size: 12px;
    }

    table.default thead tr {
        background-color: #ffffff;
    }

    table.default thead th {
        padding: 9px 0 5px 10px;
        font-size: 14px;
        text-align: left;
        font-weight: normal;
        border-bottom: 1px solid #909090;
        text-transform: lowercase;
        color: #9f9f9f
    }

    table.default tbody td {
        padding: 7px 0 7px 9px;
        font-size: 15px;
    }

    table.default tbody td span.drop {
        font-size: 24px;
        line-height: 80%
    }

    table.default tbody tr.active {
        background-color: #f0f0f0;
        cursor: pointer;
    }

    table.default tbody tr.header {
        background-color: #e6f3ff;
    }

    table.default tbody tr.reportRow td:first-child {
        padding-left: 20px;
    }

    table.default tbody tr.reportRow td {
        font-size: 13px;
    }

    table.default tbody tr.smallrow td {
        padding: 0;
    }

    table.default tbody tr.nohover.active {
        background-color: inherit;
    }

    table.default tbody tr.hiddenRow td {
        color: #bfbfbf;
    }

    table.default tbody td.roller img {
        margin-right: 5px;
    }

    table.default tbody td.roller {
        width: 50px;
        padding: 3px 0 0 0;
    }

    table.default tbody td.options {
        padding: 2px 4px 0 0;
        text-align: center;
    }

    table.default tbody td.options img {
        margin-left: 3px;
    }

    table.default tbody td.editable {
        cursor: text;
    }

    table.default tbody tr.subRow {
        background-color: #f6eeff;
    }

    table.default tbody tr.subRow.active {
        background-color: #fff;
    }

    table.default tbody tr.subRow.last td {
        border-bottom: 2px solid #6823bd;
    }

    table.default tbody tr.subRow td:first-child {
        border-left: 10px solid #6823bd;
    }

    table.default tbody tr.selected {
        background-color: #4385c2;
        color: #fff;
    }

    table.default tbody tr.highlighted {
        background-color: #FFD700;
    }

    table.default tbody tr.comments td:first-child {
        padding-left: 22px;
        background: url('/resources/default/images/icons/comment.png') no-repeat 4px center;
    }

    table.default tbody tr.rowLine td {
        border-top: 3px solid #737373;
    }

    table.default tbody td div.altPayment {
        background: url('/resources/default/images/icons/altPayment.png') no-repeat 4px 50%;
        padding-left: 25px;
    }

    table.default tbody td.dropper {
    }

    table.default tbody td.dropper div.showDescription {
        text-align: center;
        font-weight: bold;
    }

    table.default tbody td.dropper div.hideDescription {
        text-align: center;
        font-weight: bold;
        background-color: #328bdf;
        color: #fff;
    }

    table.default tbody td.dropper div.active {
        background-color: #e5edf5;
        color: #328bdf;
    }

    table.default tbody td.dropper div.desc div.bd {
        background-color: #f5f8fb;
        padding: 20px 30px;
    }

    table.discussion {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
    }

    table.discussion thead th {
        text-align: left;
        font-size: 11px;
        font-weight: normal;
    }

    table.discussion tbody tr td {
        padding: 4px 0 4px 7px;
        font-size: 15px;
    }

    table.discussion tbody tr:nth-child(even) {
        background-color: #e4f0fc;
    }

    table.discussion tbody tr td:first-child span.bubble {
        background: #f31111;
        color: #fff;
        font-size: 9px;
        border-radius: 5px;
        font-weight: normal;
        padding: 4px;
        margin-left: 5px;
    }

    table.discussion tbody tr td:first-child {
        font-weight: bold;
    }

    table.discussion tbody tr.newPost td:first-child:before {
        content: "•";
        color: #51d005;
        font-weight: bold;
        font-size: 24px;
        line-height: 15px;
    }

    table.discussion tbody tr.newPost td:first-child {
        margin: 0;
    }

    table.discussion tbody tr td.lastPost {
        font-size: 13px;
    }

    div.discussion {
        width: 100%;
    }

    div.discussion div.thread {
        border-top: 1px solid #dedede;
        border-right: 1px solid #dedede;
        border-left: 1px solid #dedede;
    }

    div.discussion div.thread:nth-child(even) {
        background-color: #e4f0fc;
    }

    div.discussion div.thread:last-child {
        border-bottom: 1px solid #dedede;
    }

    div.discussion div.thread div.wrap {
    }

    div.discussion div.thread div.wrap div.poster {
        width: 20%;
        float: left;
    }

    div.discussion div.thread div.wrap div.poster div {
        padding: 15px;
    }

    div.discussion div.thread div.wrap div.threadBody {
        float: right;
        width: 80%
    }

    div.discussion div.thread div.wrap div.threadBody div.meta {
        margin-bottom: 15px;
        font-size: 11px;
        font-weight: normal;
        padding-top: 10px;
        color: #a5a5a5;
        font-style: italic;
    }

    div.discussion div.thread div.wrap div.threadBody div.meta div.options {
        float: right;
        padding-right: 15px;
        font-style: normal;
        color: #000;
    }

    div.discussion div.thread div.wrap div.threadBody div.threadPost {
        margin-bottom: 10px;
        font-size: 15px;
        padding: 0 20px 0 0;
    }

    div.discussion div.thread div.wrap div.threadBody div.threadPost blockquote {
        border-left: 2px solid grey;
        padding-left: 6px;
        color: #969696;
    }

    div.discussion div.thread div.wrap div.threadBody div.threadPost blockquote p {
        margin: 6px 0 6px 0;
    }

    div.discussion div.thread div.wrap div.threadBody div.threadPost blockquote span.quoted {
        color: #000;
        font-style: italic;
        font-weight: normal;
        font-size: 12px;
    }

    div.meta div.options span.bubble {
        cursor: pointer;
        color: #222222;
        background-color: #bdbdbd;
        font-size: 9px;
        border-radius: 10px;
        font-weight: normal;
        padding: 4px 7px 4px 7px;
        margin-left: 5px;
    }

    div.meta div.options span.bubble.green:hover {
        color: #fff;
        background-color: #098d0c;
    }

    div.meta div.options span.bubble.red:hover {
        color: #fff;
        background-color: #8d0909;
    }

    div.meta div.options span.bubble.purple:hover {
        color: #fff;
        background-color: #73098d;
    }

    .capacity10 {
        background-color: #cfffac;
        color: #3c5d24;
        padding: 3px 8px;
    }

    .capacity20 {
        background-color: #eaf6aa;
        color: #535d1f;
        padding: 3px 8px;
    }

    .capacity40 {
        background-color: #e7d6a8;
        color: #5d4c1f;
        padding: 3px 8px;
    }

    .capacity60 {
        background-color: #eacbba;
        color: #79472b;
        padding: 3px 8px;
    }

    .capacity80 {
        background-color: #edccc4;
        color: #a03e28;
        padding: 3px 8px;
    }

    .capacity100 {
        background-color: #f48989;
        color: #7e2626;
        padding: 3px 8px;
    }

    table.default.mini th {
        padding: 6px 0 6px 0;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 1px solid #909090;
        text-transform: uppercase;
    }

    table.default.mini td {
        padding: 5px 0 5px 6px;
        font-size: 13px;
    }

    table.diagTable {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
    }

    table.diagTable thead tr {
        background-color: #eeeeee;
    }

    table.diagTable thead tr th {
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        color: #2b2b2b;
        padding: 7px 0 3px 11px;
        border-bottom: 1px solid #2b2b2b;
    }

    table.diagTable tbody td.options {
        text-align: center;
    }

    table.diagTable tbody td {
        padding-left: 6px;
    }

    table.dialogTable {
        width: 100%;
    }

    table.dialogTable th {
        text-align: right;
        font-weight: bold;
        padding-right: 15px;
        vertical-align: text-top;
    }

    table.dialogTable td textarea {
        color: #303030;
        padding: 4px 5px;
        margin: 0 0 9px;
        border: 1px solid #dedede;
        font-family: arial, helvetica, sans-serif;
        width: 250px;
    }

    table.dialogTable td input {
        color: #303030;
        padding: 4px 5px;
        margin: 0 0 9px;
        border: 1px solid #dedede;
    }

    table.dialogTable td select {
        font-size: 14px;
        padding: 4px 5px;
        width: 250px;
    }

    table.dialogTable td div.listItem {
        padding-left: 20px;
        height: 16px;
        vertical-align: middle;
    }

    table.dialogTable td div.listItem.silenced {
        background-image: url('/resources/default/images/icons/mute.png');
        background-repeat: no-repeat;
        background-position: left;
    }

    form.default input[type=text], form.default input[type=password] {
        color: #9c9c9c;
        font-style: italic;
        padding: 4px 5px;
        width: 210px;
        margin: 0 0 9px;
        border: 1px solid #dedede;
    }

    form.default.long input[type=text], form.default.long input[type=password] {
        width: 260px;
    }

    form.default input.small {
        width: 60px;
    }

    form.default input.active {
        font-style: normal;
        color: #303030;
    }

    form.default button, form.default input[type=submit], button.default {
        background-color: #328bdf;
        border: none;
        color: #fff;
        padding: 8px 20px;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 14px;
    }

    form.default select {
        font-size: 14px;
        padding: 4px 5px;
        width: 250px;
    }

    form.pageForm div.label {
        width: 180px;
        text-align: right;
        float: left;
        clear: left;
        font-size: 15px;
        margin: 8px 15px 5px 0px;
        padding: 6px 0 0 0;
    }

    form.pageForm div.input {
        width: 400px;
        text-align: left;
        float: left;
        margin: 8px 15px 5px 0px;
    }

    form.pageForm h1 {
        font-size: 20px;
        color: #6d6d6d;
        clear: left;
        text-transform: uppercase;
        font-weight: normal;
        margin: 0 0 5px 20px;
        padding: 15px 0 0 0;
    }

    form.pageForm h2 {
        font-size: 18px;
        color: #6d6d6d;
        clear: left;
        font-weight: normal;
        margin: 0 0 5px 20px;
        padding: 15px 0 0 0;
    }

    form.pageForm button, form.pageForm input[type=submit], button.default {
        background-color: #328bdf;
        border: none;
        color: #fff;
        padding: 8px 20px;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 14px;
    }

    form.pageForm button.greyButton {
        color: #646464;
        background-color: #e9e9e9;
    }

    form.pageForm input[type=text], form.pageForm input[type=email], form.pageForm input[type=tel], form.pageForm input[type=password], form.pageForm select, form.pageForm option {
        font-size: 16px;
        padding: 4px 5px;
        width: 250px;
        border: 1px solid #dedede;
    }

    form.pageForm input[type=text].xsmall {
        width: 30px;
    }

    form.pageForm input[type=text].small {
        width: 60px;
    }

    form.pageForm input[type=text].medium {
        width: 100px;
    }

    form.pageForm select.normal {
        width: auto;
    }

    form.pageForm input[type=text].normal {
        width: auto;
    }

    form.pageForm select optgroup {
        margin: 0;
        padding: 0;
        font-size: 13px;
    }

    form.pageForm textarea, textarea.stylized {
        font-family: verdana;
        padding: 6px;
        width: 99%;
    }

    form.pageForm select.large {
        width: 370px;
    }

    form.pageForm select.medium {
        width: 230px;
    }

    form.pageForm select.small {
        width: 75px;
    }

    form.pageForm input.error, input.badInput {
        color: #d70e0e;
        background-color: #fae0e0;
        border: 1px solid #d70e0e;
    }

    form.pageForm input[type=submit].disabled, form.pageForm button.disabled {
        color: #e9e9e9;
        background-color: #646464;
    }

    form.pageForm div.selectWindow {
        overflow-y: scroll;
        padding: 5px;
        border: 1px solid #dedede;
    }

    form.discussion div.inputs div.label {
        width: 180px;
        text-align: right;
        float: left;
        clear: left;
        font-size: 15px;
        margin: 8px 15px 5px 0px;
        padding: 6px 0 0 0;
    }

    form.discussion div.inputs div.input {
        width: 400px;
        text-align: left;
        float: left;
        margin: 8px 15px 5px 0px;
    }

    form.discussion div.inputs input[type=text], form.pageForm input[type=password], form.pageForm select, form.pageForm option {
        font-size: 16px;
        padding: 4px 5px;
        width: 250px;
        border: 1px solid #dedede;
    }

    div.transferWindow {
        clear: left;
        height: 120px;
        overflow-y: scroll;
        border: 1px solid #dedede;
        width: 500px;
        margin-left: 100px;
    }

    div.transferWindow table {
        width: 100%;
    }

    div.transferWindow table th {
        width: 60%;
        font-weight: normal;
        text-align: left;
    }

    /* Programs Listing */
    div.programList {
        width: 49%;
    }

    div.programList.right {
        float: right;
    }

    div.programList.left {
        float: left;
    }

    div.programList h1 {
        font-size: 20px;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    div.programList ul li {
        font-size: 16px;
        margin: 4px 0 4px 0;
    }

    /* Drop Options */
    div.dropOption {
        display: inline;
    }

    div.dropOption div.options {
        background-color: #5bc0de;
        list-style: none;
        margin: 0;
        padding: 0;
        width: auto;
        position: relative;
    }

    div.dropOption div.options div {
        margin: 0;
        padding: 0;
        width: auto;
    }

    /* Invoice Templates */
    table.invoice.Charges {
        width: 95%;
        border-collapse: separate;
        border-spacing: 0;
        margin: 10px auto 10px auto;
    }

    table.invoice.Charges thead th {
        color: #888888;
        font-size: 13px;
        border-bottom: 2px solid #ababab;
        text-align: left;
        padding: 5px 0px 5px 10px;
        margin-bottom: 10px;
    }

    table.invoice.Charges tbody td {
        color: #333333;
        font-size: 14px;
        padding: 8px;
        border-bottom: 1px solid #ababab;
        vertical-align: top;
    }

    table.invoice.Charges tbody td.options {
        text-align: right;
        vertical-align: middle;
    }

    table.invoice.Charges tbody td.debit {
        color: #d11414;
        text-align: right;
        font-family: 'Consolas';
        font-weight: bold;
    }

    table.invoice.Charges tbody td.debit input {
        color: #d11414;
        font-family: 'Consolas';
        font-weight: bold;
        padding: 3px;
        border-top: 1px solid #c8c8c8;
        border-left: 1px solid #c8c8c8;
        border-right: 1px solid #aeaeae;
        border-bottom: 1px solid #aeaeae;
        width: 60px;
        text-align: right;
    }

    table.invoice.Charges tbody td.credit {
        color: #64d114;
        text-align: right;
        font-family: 'Consolas';
        font-weight: bold;
    }

    table.invoice.Charges tbody td.runningTotal {
        color: #5481ab;
        text-align: right;
        font-family: 'Consolas';
        font-weight: bold;
    }

    table.invoice.Charges tbody tr.active {
        background-color: #f0f0f0;
        cursor: pointer;;
    }

    table.invoice.Charges tr.total {
        background-color: #ececec;
    }

    table.invoice.Charges tr.total td, table.invoice.Charges tr.outstanding td {
        border: none;
        text-align: right;
        padding-right: 10px;
    }

    table.invoice.Charges tr.total td.sum {
        text-align: right;
        font-family: 'Consolas';
        font-weight: bold;
    }

    table.invoice.Charges tr.outstanding td {
        border-top: 2px solid #c42a2a;
        border-bottom: 2px solid #c42a2a;
    }

    table.invoice.Charges tr.outstanding td.sum {
        text-align: right;
        font-family: 'Consolas';
        font-weight: bold;
        color: #d11414;
    }

    table.invoice.Charges tr td.detail label {
        display: block;
        font-size: 11px;
    }

    table.invoice.Charges tr.refunded td.credit {
        text-decoration: line-through;
        color: #b3b3b3;
    }

    table.invoice.Charges tr.canceled td.debit {
        text-decoration: line-through;
        color: #b3b3b3;
    }

    table.invoice.Charges tr td.creditStatus span {
        cursor: pointer;
        display: none;
        padding: 1px 2px;
        margin-left: 10px;
        background-color: #d91a1a;
        color: white;
        text-decoration: underline;
        font-family: 'consolas';
    }

    span.defaultCard {
        background-color: #227dc4;
        color: #fff;
        padding: 3px;
    }

    span.invoiceStatus_paid {
        color: #45a30c;
        background-color: #daffc4;
        padding: 2px 8px;
    }

    span.invoiceStatus_continuing {
        color: #45a30c;
        background-color: #daffc4;
        padding: 2px 8px;
    }

    span.invoiceStatus_declined, span.invoiceStatus_late {
        color: #c42222;
        background-color: #ffc4c4;
        padding: 2px 8px;
    }

    span.invoiceStatus_canceled {
        color: #727272;
        background-color: #e4e4e4;
        padding: 2px 8px;
    }

    span.invoiceStatus_processing {
        color: #227dc4;
        background-color: #c4e4ff;
        padding: 2px 8px;
    }

    span.invoiceStatus_new {
        color: #959a19;
        background-color: #f6fa8c;
        padding: 2px 8px;
    }

    /* Invoive Details */
    ul#invoiceStatus {
    }

    p#paymentPlanText {
        padding: 7px;
        background-color: #ececec;
        margin-bottom: 0;
    }

    /* Academy Listing */
    div.academyRow {
        float: left;
        width: 24%;
        text-align: center;
        margin: 0 0 40px 0;
        cursor: pointer;
    }

    div.academyRow h3 {
        font-size: 17px;
        font-weight: normal;
        margin: 0 0 7px 0;
    }

    div.academyRow img {
        opacity: .3;
        filter: grayscale(100%);
    }

    div.academyRow.active {
        color: #8642da;
    }

    /* Program Registration */
    ol#regProgress {
        margin: 10px 0 0 20px;
        padding: 0;
        font-size: 14px;
    }

    ol#regProgress li {
        margin-top: 4px;
    }

    ol#regProgress li.incomplete {
        color: #b0b0b0;
    }

    ol#regProgress li.complete {
        color: #45a30c;
        text-decoration: line-through;
    }

    ol#regProgress li.current {
        color: #da1818;
    }

    /* Academy Home */
    div#academy-home {
        width: 100%;
        margin-top: 15px;
    }

    div#academy-home div.titles {
        float: left;
        margin: 40px 0 0 40px;
    }

    div#academy-home div.title div.enrollStatus {
        float: right;
        margin-top: 100px;
        font-size: 15px;
    }

    div#academy-home div.title h1 {
        float: left;
        margin: 0;
        font-weight: normal;
        font-size: 35px;
    }

    div#academy-home div.title h2 {
        float: left;
        margin: 10px 0 0 0;
        font-weight: normal;
        font-size: 24px;
        color: #6e6e6e;
    }

    div#academy-home div.title img {
        float: left;
    }

    div#academy-home div.container {
        clear: both;
    }

    div#academy-home div.container div.side {
        width: 22%;
        float: left;
    }

    div#academy-home div.container div.content {
        width: 76%;
        float: right;
    }

    div#academy-home div.container div.side ul {
        margin: 0;
        padding: 10px 0 10px 20px;
    }

    div#academy-home div.container div.side ul li {
        list-style: none;
        margin: 6px 0 6px 0;
        font-size: 14px;
    }

    /* Drop Options */
    div.optionsMenu {
        background-color: #efefef;
        color: #515151;
        border: 1px solid #c6c6c6;
        width: auto;
        min-width: 10px;
        padding: 5px 25px 5px 10px;
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
        background-image: url('/resources/default/images/dropOptionsArrow.png');
        background-position: 95% center;
        background-repeat: no-repeat;
    }

    div.optionsMenu ul {
        position: absolute;
        float: left;
        margin: 5px 0 0 -5px;
        padding: 0;
        background-color: #fff;
        color: #515151;
        border: 1px solid #c6c6c6;
        display: none;
        padding: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        box-shadow: 0px 4px 5px #adadad;
    }

    div.optionsMenu ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        padding: 5px 30px 5px 10px;
        display: block;
        position: relative;
    }

    div.optionsMenu ul li.active {
        background-color: #efefef;
    }

    /* Column */
    div.width50 {
        width: 49.5%;
    }

    /* Admin CSS */
    input.userSearch, input.activeField {
        width: 75%;
        font-size: 15px;
        font-weight: normal;
        padding: 5px 7px;
        border: 1px solid #b5b5b5;
        color: #717171;
        font-style: italic;
    }

    input.userSearch.active, input.activeField.active {
        font-style: normal;
        color: #282828;
    }

    table.defaultVertical {
        width: 100%;
    }

    table.defaultVertical th {
        background-color: #ececec;
        color: #404040;
        text-align: right;
        padding: 5px 12px 5px 5px;
        font-weight: normal;
        vertical-align: text-top;
    }

    table.defaultVertical td {
        text-align: left;
        padding: 5px 4px 5px 8px;
    }

    table.defaultVertical tr.card td img {
        display: inline-block;
        vertical-align: bottom;
    }

    /* Fix for registration details cc image */
    /* Schedule Wizard - Team List */
    div#teamsList {
        height: 220px;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-top: 15px;
    }

    div#matchList div.match {
        border: 1px solid #dedede;
        font-size: 18px;
        margin-bottom: 8px;
        padding: 6px 0 3px 0;
        background-color: #ffffff;
    }

    div#matchList div.match .home {
        width: 45%;
        float: left;
    }

    div#matchList div.match .group {
        font-size: 12px;
        color: #a3a3a3;
    }

    div#matchList div.match .home span {
        padding-left: 40px;
    }

    div#matchList div.match .vs {
        width: 9%;
        float: left;
        font-size: 14px;
    }

    div#matchList div.match .away {
        width: 45%;
        float: right;
        text-align: right;
    }

    div#matchList div.match .away span {
        padding-right: 40px;
    }

    /* Scheduling Wizard - Game List */
    div#generatedGames div.game {
        border: 1px solid #dedede;
        font-size: 15px;
        margin-bottom: 8px;
        padding: 6px 0 3px 0;
    }

    div#generatedGames div.game .date {
        width: 110px;
        float: left;
        margin: 5px 0 0 5px;
    }

    div#generatedGames div.game .time {
        width: 80px;
        float: left;
        margin: 5px 0 0 0;
    }

    div#generatedGames div.game .location {
        width: 35%;
        float: left;
        clear: left;
        margin: 5px 0 0 5px;
    }

    div#generatedGames div.game .locationDetail {
        width: 30%;
        float: left;
        margin: 5px 0 10px 0;
    }

    div#generatedGames div.game div.matchup {
        height: 55px;
        border: 1px solid #dedede;
        margin: 15px 10px 10px 10px;
        clear: both;
    }

    div#generatedGames div.game div.matchup .message {
        font-size: 24px;
        text-align: center;
        margin-top: 10px;
    }

    div#generatedGames div.game div.matchup div.match {
        color: #000000;
    }

    div#generatedGames div.game div.matchup div.match .home {
        width: 45%;
        float: left;
    }

    div#generatedGames div.game div.matchup div.match .group {
        font-size: 12px;
        color: #a3a3a3;
    }

    div#generatedGames div.game div.matchup div.match .home span {
        padding-left: 40px;
    }

    div#generatedGames div.game div.matchup div.match .vs {
        width: 9%;
        float: left;
        font-size: 14px;
    }

    div#generatedGames div.game div.matchup div.match .away {
        width: 45%;
        float: right;
        text-align: right;
    }

    div#generatedGames div.game div.matchup div.match .away span {
        padding-right: 40px;
    }

    div.filterDiag li {
        width: 47%;
        float: left;
        margin: 5px 3px 0 0;
        list-style: none;
    }

    div#adminPrograms {
        border: 1px solid #dedede;
    }

    div#adminPrograms div.program {
        padding: 7px 0 7px 10px;
        clear: left;
    }

    div#adminPrograms div.program.alt {
        background-color: #f5f9fd;
    }

    div#adminPrograms div.program div.container {
        break: left;
    }

    div#adminPrograms div.program h1 {
        font-size: 19px;
        font-weight: normal;
        margin: 0;
        padding: 0;
        cursor: pointer;
        width: auto;
        float: left;
    }

    div#adminPrograms div.program div.settings {
        text-align: right;
        width: auto;
        margin-right: 10px;
        width: 88px;
        padding-top: 3px;
        float: right;
    }

    div#adminPrograms div.program div.settings img {
        margin-right: 6px;
    }

    div#adminPrograms div.program h1 abbr {
        padding-right: 4px;
    }

    div#adminPrograms div.loading {
        text-align: left;
        width: 50%;
        margin: 0 0 0 auto;
        font-weight: bold;
        font-size: 16px;
        padding: 20px 0 20px 0;
    }

    div#adminPrograms div.program div.classes {
        clear: left;
    }

    div#adminPrograms div.classes div.meta {
        background-color: #f2f2f2;
        border-bottom: 1px solid #b1b1b1;
        color: #3b3b3b;
        margin-right: 10px;
        font-size: 14px;
        padding: 8px 0px 3px 10px;
    }

    div#adminPrograms div.classes div.classItem {
        clear: left;
        width: 100%;
        padding: 6px 0 25px 0;
    }

    div#adminPrograms div.classes div.classItem var {
        display: block;
        font-style: normal;
        font-size: 15px;
        float: left;
    }

    div#adminPrograms div.classes div.classItem var.varDates {
        width: 40%
    }

    div#adminPrograms div.classes div.classItem var.varPrice {
        width: 10%
    }

    div#adminPrograms div.classes div.classItem var.varSlots {
        width: 7%
    }

    div#adminPrograms div.classes div.classItem var.varLocation {
        width: 34%;
    }

    div#adminPrograms div.classes div.classItem var.varOptions {
        width: 7%;
        text-align: right;
    }

    div#adminPrograms div.classes div.classItem var.varOptions img {
        margin-left: 6px;
    }

    div#foundPrograms {
        height: 250px;
        overflow: scroll;
        width: 100%;
        border: 1px solid #dedede;
    }

    div.admin-content-articles {

    }

    div.admin-content-articles div.article {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-bottom: 5px;
        padding: 7px;
    }

    div.admin-content-articles div.article:nth-of-type(even) {
        background-color: rgb(245, 245, 245);
        font-weight: 100;
    }

    div.admin-content-articles div.article div.image {
        order: 1;
        flex-basis: 28%;
        text-align: center;
    }

    div.admin-content-articles div.article div.image img {
        width: 240px;
        height: 150px;
        margin: 0 auto;
    }

    div.admin-content-articles div.article div.content {
        order: 2;
        flex-basis: 72%;
        padding-left: 15px;
    }

    div.admin-content-articles div.article div.content h1 {
        font-weight: normal;
        font-size: 18px;
        margin: 0;
        padding: 0;
    }

    div.admin-content-articles div.article div.content h1 img {
        float: right;
        opacity: 0.3;
        cursor: pointer;
    }

    div.admin-content-articles div.article div.content h1 img.pinned {
        opacity: 1.0;
    }

    div.admin-content-articles div.article div.content span {
        color: rgb(150, 150, 150);
        font-size: 11px;
        padding-left: 2px;
    }

    div.admin-content-articles div.article div.content p {
        font-weight: normal;
        font-size: 12px;
        max-lines: 4;
        overflow-clip: ellipsis;
        margin: 5px 0;
        padding: 5px;
    }

    div.admin-home div.body.article-form {

    }

    div.admin-home div.body.article-form h4 {
        font-size: 15px;
        font-weight: normal;
    }

    div.admin-home div.body.article-form div.chars-remaining {
        font-size: 11px;
        color: rgb(150, 150, 150);
        text-align: right;
        padding-top: 6px;
    }

    div.admin-home div.body.article-form h4 span {
        font-size: 11px;
        color: rgb(180, 180, 180);
    }

    div.admin-home div.body.article-form textarea.summary {
        width: 100%;
        font-size: 14px;
        padding: 8px;
    }

    div.admin-home div.body.article-form select {
        font-size: 16px;
    }

    div.admin-home div.body.article-form input.title {
        width: 100%;
        font-size: 17px;
        padding: 6px;
    }

    div.level0 {
        margin: 0;
    }

    div.level0 div.level1 {
        margin-left: 20px;
    }

    div.level0 div.level1 div.level2 {
        margin-left: 20px;
    }

    div#adminPages div.page {
        margin: 0;
    }

    div#adminPages div.page h1 {
        padding: 5px 0 5px 15px;
        margin: 4px 0 4px 0px;
        font-size: 15px;
        background-color: #f8fbff;
        font-weight: normal;
    }

    div#adminPages div.page h1.active {
        background-color: #ecf6ff;
    }

    div#adminPages div.page h1.redBG {
        background-color: #fff8f8;
    }

    div#adminPages div.page h1.redBG.active {
        background-color: #ffecec;
    }

    div#adminPages div.page h1 img {
        margin: 2px 2px 0 0;
    }

    div#adminPages div.page h1 div.options {
        float: right;
        width: 110px;
        text-align: right;
        margin-right: 10px;
    }

    div#adminPages div.page h1 div.options img {
        margin-right: 3px;
    }

    div#adminPages div.page span {
        cursor: pointer;
        margin: 0;
        padding: 0;
    }

    div#adminPages div.level0item div.level1, div#adminPages div.level1item div.level2 {
        display: none;
    }

    div.priorityBar {
        border: 1px solid #328bdf;
        padding: 2px;
        height: 10px;
        border-radius: 4px;
        width: 25px;
        margin: 0 auto 0 auto;
    }

    div.priorityBar div.bar {
        background-color: #328bdf;
        margin: 0 1px 0 1px;
        width: 3px;
        float: left;
        font-size: 1px;
        height: 10px;
        border-radius: 2px;
    }

    div.progressBar {
        border: 1px solid #328bdf;
        padding: 2px;
        height: 12px;
        border-radius: 4px;
        margin: 0 auto 0 auto;
        width: 85%;
    }

    div.progressBar div.bar {
        background-color: #328bdf;
        float: left;
        font-size: 10px;
        color: #fff;
        height: 12px;
        padding: 0 2px 0 2px;
        border-radius: 2px;
        text-align: center;
    }

    div.sliderImage {
        width: 100%;
        height: 110px;
        background-repeat: no-repeat;
        margin-bottom: 15px;
    }

    div.sliderImage div.title {
        background: rgba(255, 255, 255, .7);
        display: inline;
        padding: 8px 10px;
        font-size: 14px;
        float: left;
    }

    div.sliderImage div.title span {
        padding-left: 10px;
    }

    div.sliderImage div.options {
        float: right;
        display: none;
        background: #fff;
        padding: 5px 7px;
    }

    div.sliderImage div.options img {
        margin-right: 8px;
    }

    div#addNewImage {
        text-align: center;
        font-size: 18px;
        width: 100%;
        padding: 40px 0;
        background-color: #f3f9ff;
        cursor: pointer;
    }

    div#addNewImage.active {
        background-color: #e9f3fc;
    }

    tr.devBug1 {
        background-color: #e8f4ff;
    }

    tr.devBug2 {
        background-color: #efffe7;
    }

    tr.devBug3 {
        background-color: #fcf6dd;
    }

    tr.devBug4 {
        background-color: #ffecec;
    }

    tr.devBug5 {
        background-color: #c90003;
        color: #ffffff;
    }

    table.default tr.devBug5.active {
        background-color: #e22629;
        color: #ffffff;
    }

    /* Columns for pages */
    div.column.third {
        width: 33%;
    }

    div.column.left {
        float: left;
    }

    div.column {
    }

    div.column div.body {
        margin: 0;
        padding: 10px;
    }

    div.pageList div.item {
        background-color: #58a5ed;
        color: #fff;
        margin: 2px 0;
        padding: 4px 5px 4px 30px;
        clear: right;
        min-height: 19px;
    }

    div.pageList div.item span {
        cursor: pointer;
    }

    div.pageList div.item div.options {
        float: right;
    }

    div.pageList div.item.active, div.pageList div.item.pageHidden.active {
        background-color: #fff;
        color: #58a5ed;
        padding: 4px 5px 4px 10px;
    }

    div.pageList div.item img.handle {
        cursor: pointer;
        display: none;
    }

    div.pageList div.item.active img.handle {
        cursor: pointer;
        display: inline;
        vertical-align: text-bottom;
        margin-right: 4px;
    }

    div.pageList div.item.pageHidden {
        background-color: #a8c1d9;
    }

    span.visiblePageLabel {
        background-color: #58a5ed;
        color: #fff;
        padding: 2px;
    }

    span.hiddenPageLabel {
        background-color: #a8c1d9;
        color: #fff;
        padding: 2px;
    }

    div.completionSlider {
        width: 75%;
        float: left;
    }




    table.messaging {
        width: 100%;
        padding-right: 12px;
    }

    table.messaging tr th {
        text-align: left;
        font-weight: bold;
        font-size: 0.95em;
        margin-right: 10px;
    }
    table.messaging tr td {

    }
    table.messaging tr td ul.recipients {
        list-style: none;
        margin: 0;
        padding: 6px;
        border: 1px solid grey;
        border-radius: 5px;
        font-size: 14px;
        display: flex;
        float: left;
        width: 100%;
        background-color: rgb(245,245,245);
    }
    table.messaging tr td ul.recipients li {
        background-color: #c8e7ff;
        border-radius: 4px;
        padding: 2px 4px;
        font-size: 11px;
        margin-right: 4px;
    }
    table.messaging tr td ul.recipients li span {
        font-size: 8px;
        background-color: #2e3953;
        border-radius: 10px;
        color: #ffffff;
        padding: 1px 3px;
        margin-left: 5px;
        cursor: pointer;
    }
    table.messaging tr td input {
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid grey;
        width: 100%;
        padding: 6px;
    }
    table.messaging tr td input[type=file] {
        font-size: 12px;
        border: none;
        width: 100%;
        padding: 6px;
    }
    table.messaging tr td textarea {
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid grey;
        width: 100%;
        padding: 6px;
        resize: vertical;
        min-height: 200px;
    }

    td.attachments ul li {
        font-size: 12px;
    }

    td.attachments ul li span.size {
        margin: 0 3px;
        display: inline-block;
        font-size: 11px;
        background-color: #c8e7ff;
        border-radius: 10px;
        padding: 2px 4px;
    }
    td.attachments ul li span.remove {
        margin: 2px 3px;
        background-color: #2e3953;
        border-radius: 10px;
        color: #ffffff;
        padding: 1px 3px;
        cursor: pointer;
        font-size: 8px;
    }


    td.completion {
        padding-top: 5px;
    }

    div#newsletter {
        background-color: #103d67;
        color: #fff;
    }

    div#newsletter div h1 {
        font-weight: normal;
        font-size: 23px;
        padding: 10px 0 0 0;
    }

    div#prefooter {
        background-color: #ebeff3;
    }

    div#prefooter div.col {
        width: 25%;
        float: left;
        margin: 15px 0 15px 0;
    }

    div#prefooter div.col div {
        padding: 0 25px 0 0;
    }

    div#prefooter div.col h1 {
        font-size: 20px;
        font-weight: normal;
        margin: 0 0 8px 0;
        padding: 0;
    }

    div#prefooter div.col ul {
        list-style: none;
        margin: 0 0 0 7px;
        padding: 0;
    }

    div#prefooter div.col ul li {
        padding: 4px 0 4px 0;
        margin: 0;
    }

    div#footer {
        background-color: #d5d5d5;
        padding: 20px 0;
        color: #868686;
        line-height: 150%;
    }

    div#footer a {
        color: #505050;
        text-decoration: none;
    }

    div#footer a:hover {
        text-decoration: underline;
        color: #505050;
    }

    #overlay {
        display: none;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        text-align: center;
        z-index: 1000;
    }

    #overlay div {
        width: 300px;
        margin: 300px auto;
        background-color: #fff;
        border-radius: 5px;
        padding: 15px;
        text-align: center;
    }

    /* Debug Stuff */
    div.devWindow {
        border: 1px solid black;
        font-family: Consolas;
        font-size: 12px;
        color: #70e92f;
        background-color: #2e2e2e;
        padding: 8px;
        width: 90%;
        margin: 20px auto 20px auto;
        min-height: 60px;
        max-height: 150px;
        overflow-y: scroll;
    }

    .hidden_select_container {
        width: 0;
        height: 0;
        overflow: hidden
    }

    .simpleselect, .simpleselect * {
        box-sizing: content-box
    }

    .simpleselect {
        position: relative;
        width: 200px;
        height: 38px;
        color: #666;
        font-size: 13px
    }

    .simpleselect .options {
        width: 198px
    }

    .simpleselect .placeholder, .simpleselect .options .option, .simpleselect .options .optgroup .optgroup-label {
        padding: 9px 10px;
        line-height: 18px;
        cursor: pointer
    }

    .simpleselect .options .optgroup .optgroup-label {
        cursor: default;
        font-weight: bold
    }

    .simpleselect .options .optgroup .option {
        padding-left: 20px
    }

    .simpleselect .placeholder, .simpleselect .options {
        background: #fff;
        border: 1px solid #ddd;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

    .simpleselect .placeholder {
        position: relative
    }

    .simpleselect .placeholder:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        width: 8px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA0Q0FGMUI4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA0Q0FGMUM4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDRDQUYxOThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDRDQUYxQThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq8U8ZgAAAClSURBVHjaYpw7dw4DEggEYh4gXgwTYEGS5AfiyVD6FBDfBAkyISloB2JpqAlLgZgNWYENEGciKTYG4haYFSCVKA6BglIg3gdSIAHEfQzYASfj////GfABJgYCgGXevLlyQNoDh/xrkBteAHEREKtjUeAJsuIXEKdgkewG4h0wNxwB4ulIkmeBuAbdkZVA/BSIvwBxNNRklLj4CMS50KC+CRMECDAA5ogdqmResXgAAAAASUVORK5CYII=") 0 center no-repeat
    }

    .simpleselect .placeholder:hover {
        background: #fafafa
    }

    .simpleselect .options {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000
    }

    .simpleselect .options .option.active {
        background: #666;
        color: #fff
    }

    .simpleselect.disabled .placeholder, .simpleselect.disabled .placeholder:hover {
        background: #fafafa;
        color: #aaa;
        border-color: #eee;
        cursor: default
    }

    .simpleselect.disabled .placeholder:after {
        opacity: .5
    }

    /* Cropper Tools */
    .cropper-container {
        direction: ltr;
        font-size: 0;
        line-height: 0;
        position: relative;
        -ms-touch-action: none;
        touch-action: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .cropper-container img {
        display: block;
        height: 100%;
        image-orientation: 0deg;
        max-height: none !important;
        max-width: none !important;
        min-height: 0 !important;
        min-width: 0 !important;
        width: 100%
    }

    .cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .cropper-canvas, .cropper-wrap-box {
        overflow: hidden
    }

    .cropper-drag-box {
        background-color: #fff;
        opacity: 0
    }

    .cropper-modal {
        background-color: #000;
        opacity: .5
    }

    .cropper-view-box {
        display: block;
        height: 100%;
        outline-color: rgba(51, 153, 255, .75);
        outline: 1px solid #39f;
        overflow: hidden;
        width: 100%
    }

    .cropper-dashed {
        border: 0 dashed #eee;
        display: block;
        opacity: .5;
        position: absolute
    }

    .cropper-dashed.dashed-h {
        border-bottom-width: 1px;
        border-top-width: 1px;
        height: 33.33333%;
        left: 0;
        top: 33.33333%;
        width: 100%
    }

    .cropper-dashed.dashed-v {
        border-left-width: 1px;
        border-right-width: 1px;
        height: 100%;
        left: 33.33333%;
        top: 0;
        width: 33.33333%
    }

    .cropper-center {
        display: block;
        height: 0;
        left: 50%;
        opacity: .75;
        position: absolute;
        top: 50%;
        width: 0
    }

    .cropper-center:after, .cropper-center:before {
        background-color: #eee;
        content: " ";
        display: block;
        position: absolute
    }

    .cropper-center:before {
        height: 1px;
        left: -3px;
        top: 0;
        width: 7px
    }

    .cropper-center:after {
        height: 7px;
        left: 0;
        top: -3px;
        width: 1px
    }

    .cropper-face, .cropper-line, .cropper-point {
        display: block;
        height: 100%;
        opacity: .1;
        position: absolute;
        width: 100%
    }

    .cropper-face {
        background-color: #fff;
        left: 0;
        top: 0
    }

    .cropper-line {
        background-color: #39f
    }

    .cropper-line.line-e {
        cursor: ew-resize;
        right: -3px;
        top: 0;
        width: 5px
    }

    .cropper-line.line-n {
        cursor: ns-resize;
        height: 5px;
        left: 0;
        top: -3px
    }

    .cropper-line.line-w {
        cursor: ew-resize;
        left: -3px;
        top: 0;
        width: 5px
    }

    .cropper-line.line-s {
        bottom: -3px;
        cursor: ns-resize;
        height: 5px;
        left: 0
    }

    .cropper-point {
        background-color: #39f;
        height: 5px;
        opacity: .75;
        width: 5px
    }

    .cropper-point.point-e {
        cursor: ew-resize;
        margin-top: -3px;
        right: -3px;
        top: 50%
    }

    .cropper-point.point-n {
        cursor: ns-resize;
        left: 50%;
        margin-left: -3px;
        top: -3px
    }

    .cropper-point.point-w {
        cursor: ew-resize;
        left: -3px;
        margin-top: -3px;
        top: 50%
    }

    .cropper-point.point-s {
        bottom: -3px;
        cursor: s-resize;
        left: 50%;
        margin-left: -3px
    }

    .cropper-point.point-ne {
        cursor: nesw-resize;
        right: -3px;
        top: -3px
    }

    .cropper-point.point-nw {
        cursor: nwse-resize;
        left: -3px;
        top: -3px
    }

    .cropper-point.point-sw {
        bottom: -3px;
        cursor: nesw-resize;
        left: -3px
    }

    .cropper-point.point-se {
        bottom: -3px;
        cursor: nwse-resize;
        height: 20px;
        opacity: 1;
        right: -3px;
        width: 20px
    }

    @media (min-width: 768px) {
        .cropper-point.point-se {
            height: 15px;
            width: 15px
        }
    }@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}.cropper-point.point-se:before {
     background-color: #39f;
     bottom: -50%;
     content: " ";
     display: block;
     height: 200%;
     opacity: 0;
     position: absolute;
     right: -50%;
     width: 200%
 }

    .cropper-invisible {
        opacity: 0
    }

    .cropper-bg {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
    }

    .cropper-hide {
        display: block;
        height: 0;
        position: absolute;
        width: 0
    }

    .cropper-hidden {
        display: none !important
    }

    .cropper-move {
        cursor: move
    }

    .cropper-crop {
        cursor: crosshair
    }

    .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
        cursor: not-allowed
    }

}

@media print {

    div#adminbar { display: none; }
    div#superheader { display: none; }
    div#header { display: none; }
    div#navigation { display: none; }
    div.sidebar { display: none; }
    div#prefooter { display: none; }

    .do-not-print { display: none; }

    h1 {
        font-size: 16px;
    }

    table.default {
        border: 1px solid black;
        border-collapse: collapse;
        font-size: 10px;
    }
    table.default tr.header td {
        padding: 5px;
        font-style: italic;
    }
    table.default tr th {
        font-weight: bold;
        border-bottom: 2px solid black;
    }
    table.default tr td {
        border: 1px solid black;
        padding: 3px;
    }


}