.StorePageStandard {
    padding: 0px;
    margin: 0px;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

}

.StoreStandardTable {
    width: 100%;
    min-width: 1000px;
    border: 0px;
    border-collapse: separate;
    border-spacing: 15px 5px;
    text-align: center;
}

.StoreStandardTable tr {
    text-align: center;
}

.StoreStandardTable td {
    text-align:center;
    vertical-align:top;
}

.ProductCategoryContainer {
    display:inline-block;
    text-align: center;
    width: 100%;
    border: 1px solid #c7f1fc;
    border-radius: 12px;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

.ProductCategoryHeader {
    display: block;
    font-size: 150%;
    color: #176b96;
    text-align: center;
    padding: 10px 10px 10px 10px;
}

.ProductContainer {
    display: inline-block;
    width: 150px;
    padding: 3px;
    margin: 25px;
    text-align: center;
    vertical-align: top;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.ProductContainer:hover {
    border-top: 3px solid orange;
    border-bottom: 3px solid orange;
    padding: 2px 2px 2px 2px;
}


.ProductImageSmall {
    display: block;
    height: 144px;
    width:  144px;
    margin: 0px;
    border: 0px none;
    text-align: center;
    border-radius: 8px;
    padding: 0px 0px 0px 0px;
}

.ProductLabelSmall {
    width: 100%;
    font-size: 85%;
    padding: 3px 0px 0px 0px;
    line-height: 125%;
    color: #176b96;
    text-decoration: none;
}

.ProductImageThumb {
    height: 50px;
    width:  50px;
    margin: 0px;
    border: 0px none;
    text-align: center;
}


.ProductViewContainer {
    display: table;
    width: 100%;
    min-width: 1000px;
    padding: 0px;
}

.ProductViewImageThumbsContainer{
    display: table-cell;
    vertical-align: top;
    width: 60px;
    min-width: 60px;
}

.ProductViewImageDisplayContainer{
    display: table-cell;
    vertical-align: top;
    width: 600px;
    min-width: 300px;
    max-width: 600px;
    padding: 0px 20px 0px 20px;
}

.ProductViewImageMain {
    vertical-align: top;
    width: 100%;
    height: auto;
    min-width: 300px;
    max-width: 600px;
    border-radius: 8px;
}

.ProductViewSummaryContainer {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    min-width: 250px;
    padding: 0px 20px 0px 0px;
    font-size: 150%;
}


.ProductViewSummaryContainer p {

    font-size: 125%;
}

.ProductViewSummaryContainer a {
    color: orange;
    font-weight: bold;
}

.ProductViewOptionsContainer{
    display: table-cell;
    vertical-align: top;
    min-width: 250px;
    max-width: 400px;
    padding: 0px 10px 0px 10px;
    border-radius: 4px;
    box-shadow: 0 0 8px #D0D0D0;
}

.CartOptionsContainer{
    display: block;
    vertical-align: top;
    width: 300px;
    max-width: 300px;
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 20px 0px;
    border-radius: 4px;
    box-shadow: 0 0 8px #D0D0D0;
}

@media only screen
and (max-device-width : 1024px) {
    .ProductViewImageDisplayContainer{
        display: table-cell;
        vertical-align: top;
        width: 300px;
        min-width: 300px;
        max-width: 300px;
    }

    .ProductViewImageMain {
        vertical-align: top;
        width: 300px;
        max-width: 300px;
        min-width: 300px;
        height: auto;
    }

    .ProductViewSummaryContainer{
        display: table-cell;
        text-align: left;
        vertical-align: top;
        width: 325px;
        min-width: 250px;
        padding: 0px 5px 0px 0px;
    }

    .ProductViewOptionsContainer{
        display: table-cell;
        vertical-align: top;
        width: 250px;
        min-width: 250px;
        max-width: 250px;
        padding: 20px 20px 0px 10px;
        border-radius: 4px;
        box-shadow: 0 0 8px #D0D0D0;
    }

    .CartOptionsContainer{
        display: block;
        vertical-align: top;
        min-width: 250px;
        max-width: 400px;
        padding: 20px 20px 20px 20px;
        border-radius: 4px;
        box-shadow: 0 0 8px #D0D0D0;
        margin: 0px 0px 20px 0px;
    }

}



.ProductViewImageThumb {
    vertical-align: top;
    width: 50px;
    height: auto;
    border-radius: 8px;
    margin: 0px 0px 10px 0px;
}

.ProductViewSummaryTitle{
    display: block;
    text-align: left;
    width: 100%;
    font-size: 175%;
    color: #176b96;
    padding: 0px 0px 5px 0px;
}

.ProductViewSummaryDescription {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 110%;
    color: black;
}

.ProductViewSubtitle{
    display: block;
    text-align: left;
    width: 100%;
    font-size: 150%;
    color: #176b96;
    padding: 10px 0px 5px 0px;
}

.ProductViewFullDescription {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 110%;
    color: black;
}

.ProductOptionsTitle {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 150%;
    color: #176b96;
    padding: 0px 0px 5px 0px;
}

.ShadowBar {
  border:none;
  height: 10px;
     width: 100%;
    height: 50px;
    margin-top: 0;
    border-bottom: 1px solid darkorange;
    box-shadow: 0 10px 10px -10px #333;
    margin: -50px auto 10px;
}

.ProductViewOptionTitle {
    display: block;
    text-align: middle;
    width: 100%;
    font-size: 100%;
    font-weight: bold;
    color: white;
    background-color: #176b96;
    padding: 5px 0px 5px 0px;
    margin: 10px 30px 2px 0px;
}

.ProductViewDropDown {
    font-size: 125%;
    width: 100%;
    padding: 5px 0px 5px 0px;
}

.ProductViewDropDownOption {
    font-size: 125%;
}

.FamilyTable {
    width: 100%;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

.FamilyTable th {
    font-size: 125%;
    padding: 10px 0px 10px 0px;
    color: #176b96;
    text-align: left;
}

.FamilyTable td {
    font-size: 110%;
    padding: 10px 0px 10px 0px;
    color: #176b96;
    text-align: left;
}

.FamilyTableButton {
    vertical-align:middle;
    font-size: 90%;
    background-color: orange;
    border: 1px solid darkorange;
    color: white;
    font-size: 100%;
    padding: 2px 5px 3px 5px;
    margin: 2px;
}

.FamilyTableInput {
    outline: none;
    border: none;
    border-bottom: 1px dotted #60CBFF;
    font-size: 110%;
    text-align: left;
    padding: 5px 15px 5px 15px;
    width: 100%;
    background-color: #ffe6cc;

}

.FamilyTableLabel {
    outline: none;
    border: none;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 125%;
    text-align: left;
    padding: 10px 0px 10px 0px;
    width:100%;
    color: #176b96;
}

.divProductAdd {
    display: block;
    padding: 10px 10px 10px 5px;
}

.divPrice {
    display: block;
    margin: 10px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #176b96;
    background-color: #edfbff;
}

.divPriceLabel {
    display: block;
    text-align: middle;
    vertical-align: middle;
    width:100%;
    font-size: 150%;
    color: black;
}

.divPriceNote {
    display: block;
    text-align: middle;
    vertical-align: middle;
    width:100%;
    font-size: 100%;
    color: #176b96;
    font-weight: bold;
}

.AddToCartButton {
    vertical-align:middle;
    font-size: 90%;
    background-color: orange;
    border: 1px solid darkorange;
    color: white;
    font-size: 100%;
    padding: 5px 10px 5px 10px;
    margin: 2px;
}

.AddToCartButton:disabled {
    background-color: grey;
    border: 1px solid darkorange;
    color: silver;
}

.divDisabledAddToCartButtonNote {
    display: block;
    text-align: middle;
    vertical-align: middle;
    width:100%;
    font-size: 100%;
    color: darkorange;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
}

.divProductQuantity {
    padding: 5px 10px 5px 10px;
    margin: 2px;
    font-size: 100%;
    color: #176b96;
    font-weight: bold;
}

.ProductQuantitySelect {
    font-size: 100%;
    padding: 5px 10px 5px 10px;
}

.divTaxable {
    font-size: 100%;
    color: darkorange;
    font-weight: bold;
}

.divAddConfirmation {

    position: fixed;

    display: block;

    width: 300px;
    line-height: 1.5;
    z-index: 500;


    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    border: 2px solid #176b96;
    color: white;
    background-color: darkorange;

    text-align: center;
    vertical-align: middle;

    padding: 30px 30px 30px 30px;

}

.divAddConfirmationMessage {
    display: inline-block;

    font-size: 120%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;

    width: 100%;
}


.divAdminCancel {

    position: fixed;

    display: block;

    width: 300px;
    line-height: 1.5;

    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    border: 2px solid #176b96;
    color: white;
    background-color: darkorange;

    text-align: center;
    vertical-align: middle;

    padding: 30px 30px 30px 30px;

}

.ProductViewOptionsLoginRequired {
    display: none;

    width: 100%;

    height: 80px;

    color: white;
    background-color: darkorange;

    border: 2px solid #176b96;

    font-size: 100%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;

    padding: 26px 0px 0px 0px;

}

.ProductViewOptionsLoginRequired a {
    color: #176b96;
}

.CartMessage {
    font-weight: bold;
    font-size: 100%;
}

.divCartInfo {

    display: inline-block;

    padding: 0px 0px 1px 0px;

    width:76px;
    height:54px;
    background-image: url('/assets/sasys-cart.png');

    border-top: 3px solid white;
    border-bottom: 3px solid white;
}

.divCartInfo:hover {
    border-top: 3px solid orange;
    border-bottom: 3px solid orange;
}

.divCartInfo a {
    color: orange;
}

.divCartText {
    font-weight: bold;
    font-size: 180%;
    margin: -8px -8px 8px 0px;
    text-align: center;
    color: orange;
}

.StoreLoginField {
    font-size: 90%;
    color: #176b96;
    padding: 0px 5px 0px 2px;
}

.CheckoutShippingContainer {
}

.CheckoutProductsContainer {
    display: block;
    vertical-align: top;
    width: 100%;
}

.CheckoutProductItemContainer {
    display: block;
    padding: 20px 0px 20px 0px;
    width: 100%;

    border-bottom: 2px solid #edfbff;
}

.CheckoutPaymentContainer {
}

.CheckoutTitleContainer {
    display: table;
    width: 100%;
    min-width: 500px;
    border-bottom: 2px solid #edfbff;
    padding: 0px 0px 0px 10px;
}

.CheckoutTitle {
    display: table-cell;
    font-size: 175%;
    color: #176b96;
    margin: 20px 0px 0px 0px;
    text-align: left;
    width: 100%;
}

.CheckoutPriceColumn {
    display: table-cell;
    font-size: 125%;
    color: #176b96;
    margin: 20px 0px 0px 0px;
    text-align: right;
    width: 80px;
    min-width:80px;
    padding: 0px 10px 0px 0px;
}

.CheckoutProductImageContainer {
    display: table-cell;
    width: 150px;
    padding: 0px 0px 0px 10px;
}

.CheckoutProductPriceContainer {
    display: table-cell;

    text-align: right;
    vertical-align: top;
    width: 100px;
    min-width:100px;

    padding: 0px 0px 0px 0px;
}

.CheckoutProductFieldHeader {
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
    color: #176b96;
    padding: 0px 0px 0px 0px;

}

.ConfirmationProductDetailsContainer {
    width:100%;
    vertical-align: top;
    padding: 0px 0px 0px 0px;
    text-align:left;
}

.ConfirmationProductQuantityContainer {
    text-align: middle;
    vertical-align: top;
    width:100%;

}

.ConfirmationProductPriceContainer {
    text-align: right;
    vertical-align: top;
    width:100%;
}


.CheckoutProductPrice {
    font-size: 125%;
    font-weight: bold;
    color: darkred;
}

.CheckoutProductPrice a {
    color: darkorange;
}

.TaxableNotice {
    font-size: 100%;
    font-weight: bold;
    color: darkred;
}

.CheckoutProductDiscount {
    font-size: 125%;
    font-weight: bold;
    color: darkgreen;
    padding: 13px 0px 0px 0px;
}

.CheckoutProductNetPrice {
    font-size: 125%;
    font-weight: bold;
    color: darkred;
    border-top: 1px solid darkred;
    padding: 13px 0px 0px 0px;
}

.ProductImageSmall {
    width: 150px;


}

.CheckoutProductDetailsContainer {
    display: table-cell;
    min-width: 300px;
    vertical-align: top;
    padding: 0px 20px 0px 20px;
    text-align:left;
}


.CheckoutProductTitle {
    font-size: 125%;
    font-weight: bold;
    color: #176b96;
}

.CheckoutProductSummary {
    font-size: 100%;
    padding: 3px 0px 6px 0px;
}

.CheckoutProductOptionsDescription {
    font-size: 100%;
    font-weight: normal;
    color: #176b96;
    padding: 3px 0px 6px 0px;
    border-top: 1px solid #edfbff;
    border-bottom: 1px solid #edfbff;
}

.CheckoutProductDiscountsDescription {
    font-size: 100%;
    font-weight: bold;
    color: darkgreen;
    padding: 3px 0px 6px 0px;
}

.CheckoutProductCommandsContainer {
    padding: 3px 0px 2px 0px;
}

.CheckoutRemoveProductButton {
    vertical-align:middle;
    font-size: 100%;
    background-color: orange;
    border: 1px solid darkorange;
    color: white;
    font-size: 100%;
    padding: 3px 6px 3px 6px;
    margin: 10px 0px 10px 0px;
}

.CheckoutSubTitle {
    font-size: 125%;
    font-weight: bold;
    color: #176b96;
    padding: 0px 0px 3px 0px;
    text-align:left;
}

.CheckoutRow {
    display: block;
    width: 100%;
    padding: 2px 0px 2px 0px;
    text-align:left;
}

.CheckoutFieldColumn {
    display: table-cell;
    text-align: left;
    width: 75%;
    min-width: 150px;
    font-size: 100%;
    color: #176b96;
}

.CheckoutValueColumn {
    display: table-cell;
    text-align: right;
    min-width: 70px;
    padding: 0px 0px 0px 5px;
    font-size: 100%;
    color: #176b96;
}

.CartConfirmOrderButton {
    vertical-align:middle;
    font-size: 175%;
    background-color: orange;
    border: 1px solid darkorange;
    color: white;
    padding: 5px 10px 5px 10px;
    margin: 2px;
    border-radius:6px;
}

.CartConfirmOrderButton:disabled {
    background-color: grey;
    border: 1px solid darkorange;
    color: silver;
}

.SelectShippingOption {
    width: 100%;
    font-size: 100%;
    padding: 5px 10px 5px 10px;
}

.CartOptionsText {
    font-size: 100%;
    padding: 10px 0px 3px 0px;
}

.CartProductQuantitySelect {
    font-size: 100%;
    padding: 5px 10px 5px 10px;
    margin: 0px 10px 0px 0px;
}

.CartSmallText {
    font-size: 100%;
}

.RegistrationNotice {
    font-size: 100%;
    font-weight: bold;
    color: #176b96;
}

.RegistrationNotice a {
    color: orange;
    font-weight: bold;
}

.StoreUserInput {
    outline: none;
    border: none;
    border-bottom: 1px dotted #60CBFF;
    font-size: 110%;
    text-align: left;
    padding: 5px 15px 5px 15px;
    width: 100%;
    background-color: #ffe6cc;

}

.StoreUserInput:focus {
    border-bottom: 2px solid #60CBFF;
    background-color: #dbf7ff;
}


.StoreUserLabel {
    outline: none;
    border: none;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 125%;
    text-align: left;
    padding: 10px 0px 0px 0px;
    width:100%;
    color: #176b96;
}

.StoreUserSection {
    align-items: center;
    justify-content: center;
    font-size: 125%;
    font-weight: bolder;
    background-color: #176b96;
    padding: 5px;
    color: white;
    width: 100%;
    height: 40px;
}

.StoreStandardButton {
    vertical-align:middle;
    font-size: 100%;
    background-color: orange;
    border: 1px solid darkorange;
    color: white;
    border-radius: 6px;
    font-size: 100%;
    padding: 5px 10px 5px 10px;
    margin: 4px;
    cursor: pointer;
}

.StoreStandardButton:hover {

    background-color:dodgerblue;
}

.StoreKungFuButton {
    vertical-align:middle;
    font-size: 90%;
    background-color: #003454;
    border: 1px solid darkorange;
    color: white;
    border-radius: 6px;
    font-size: 100%;
    padding: 5px 10px 5px 10px;
    margin: 4px;
    cursor: pointer;
}

.StoreKungFuButton:hover {

    background-color:dodgerblue;
}

.StoreQigongButton {
    vertical-align:middle;
    font-size: 90%;
    background-color: #700013;
    border: 1px solid darkorange;
    color: white;
    border-radius: 6px;
    font-size: 100%;
    padding: 5px 10px 5px 10px;
    margin: 4px;
    cursor: pointer;
}

.StoreQigongButton:hover {

    background-color:dodgerblue;
}

.StoreTaiChiButton {
    vertical-align:middle;
    font-size: 90%;
    background-color: #006125;
    border: 1px solid darkorange;
    color: white;
    border-radius: 6px;
    font-size: 100%;
    padding: 5px 10px 5px 10px;
    margin: 4px;
    cursor: pointer;
}

.StoreTaiChiButton:hover {

    background-color:dodgerblue;
}


.StoreMeditationButton {
    vertical-align:middle;
    font-size: 90%;
    background-color: #3d3d3d;
    border: 1px solid darkorange;
    color: white;
    border-radius: 6px;
    font-size: 100%;
    padding: 5px 10px 5px 10px;
    margin: 4px;
    cursor: pointer;
}

.StoreMeditationButton:hover {

    background-color:dodgerblue;
}


.divCart {
    align-items: center;
    justify-content: center;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    border: 0px;
}

.LoginCell {
    align-items: center;
    justify-content: center;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    border: 0px;
}

.divCartInfo {
    align-items: center;
    color: #176b96;
    justify-content: center;
    font-size: 18px;
    text-align: center;
}

.LoginFieldText {
    color: #007ed9;
    font-size: 90%;
    font-weight: normal;
    vertical-align:middle;
}

.LoginInputText {
    color: #007ed9;
    font-size: 100%;
    font-weight: normal;
    vertical-align:middle;
    border: 1px solid darkorange;
}


.Storev {
    align-items: center;
    color: #176b96;
    justify-content: center;
    font-size: 18px;
    text-align: center;
}


.StoreBody {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    line-height: 100%;
    margin: 0px;
    padding: 0px;
}

.StoreBody h1 {
    font-size: 200%;
    font-weight: bold;
    color: #176b96;
    line-height: 150%;
}

.StoreBody h2 {
    font-size: 175%;
    font-weight: normal;
    color: #176b96;
    line-height: 150%;
}

.StoreBody h3 {
    font-size: 125%;
    font-weight: normal;
    color: #176b96;
    line-height: 150%;
}

.StoreBody p {
    font-size: 16px;
    line-height: 125%;

    padding 0px;
    margin: 0px;

}

.MainStorePageTable {
}

.divStoreHeader {
    display:block;
    width: 100%;
}

.divStoreMain {
    display:block;
    width: 100%;
    padding: 0px;
}

.divStoreFooter {
    display:block;
    width: 100%;
    padding: 0px 10px 0px 10px;
}

.StoreHeaderGraphicTable {
    display: block;
    font-size: 90%;
    line-height: 100%;
    padding: 0px;
    margin: 0px;
    border: 0px; //1px solid orange;
    vertical-align:middle;
    text-align: center;
    width: 100%;
    min-width: 1000px;
}

.StoreHeaderBottomShadow {
    display: block;
    border: 0px 0px 0px 1px solid orange;
    box-shadow: 0 5px 5px #D0D0D0;
}

.StoreHeaderBox {
    border: 0px solid #176b96;
    border-radius: 4px;
    width: 500px;
    min-width: 500px;
}

.StoreHeaderInfo {
    border: 0px solid #176b96;
    border-radius: 4px;
    width: 100%;
    min-width: 650px;
}

.StoreHeaderTitleLink {
    font-size: 125%;
    font-weight: bold;
    letter-spacing: 1px;
    color: #176b96;
    text-decoration: none;
}

.StoreHeaderTitleLink:hover {
    color: darkorange;
    border-top: 2px solid orange;
    border-bottom: 2px solid orange;

}

.StoreHeaderSubTitle {
    font-size: 110%;
    font-weight: bold;
    font-style: italic;
    color: #176b96;
}

.StoreMenuTable {
    align-items: bottom;
    justify-content: center;
    font-size: 100%;
    padding: 0px 20px 0px 5px;
    margin: 0px;
    border: none;
    text-align: center;
    width: 100%;

}

.StoreHeaderMenu {
    align-items: bottom;
    justify-content: center;
    padding: 0px;
    margin: 0px;
    border: none;
    text-align: center;
    width: 100%;
}

.StoreMenuCell {
    vertical-align: bottom;
    border: 0px;
    width: 100%;
}

.StoreMenuMainItem {
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
    height: 32px;
    font-size: 120%;
    font-weight: bold;
    color: #176b96;
    background-color: #ffffff;
    text-align-last:center;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;

}


.StoreMenuMainItem:hover {
    color: orange;;
    border-top: 3px solid orange;
    border-bottom: 3px solid orange;
}

.StoreMenuMainItemLink {
    color: #176b96;
    text-decoration: none;
}

.StoreMenuMainItemLink:hover {
    color: #ffca42;
    text-decoration: none;
    border-radius: 5px;
}

.StoreMenuMainItemDropDown {
    position: inline;
    align-items: center;
    justify-content: center;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    height: 36px;
    padding: 4px 0px 0px 0px;
    font-size: 125%;
    font-weight: bold;
    border: 0px;
    color: #176b96;
    background-color: #ffffff;
    text-align-last:center;
}


.StoreMenuMainItemDropDown:hover {
    color: orange;
    border-top: 3px solid orange;
    border-bottom: 3px solid orange;
}

.StoreMenuMainItemLinkDropDown {
    color: #ffca42;
}

.StoreMenuMainItemLinkDropDown:hover {
    color: #ffca42;
    text-decoration: none;
}


.StoreMenuMainItemSingle {
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 30px;
    text-align: center;
    font-size: 125%;
    font-weight: bold;
    color: #176b96;
    background-color: white;
    border: 1px solid;
}

.StoreMenuOption {
    align-items: center;
    justify-content: center;
    width: 150px;
    text-align: center;
    font-size: 125%;
    font-weight: normal;
    color: #176b96;
    background-color: white;
    border: 1px solid;
}

.StoreMessageItem {
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
    text-decoration: none;
    color: #176b96;
    line-height: 125%;
    width: 230px;
    height: 75px;
    background-color:#ffea8c;
    padding: 10px;
    margin: 5px;
    border: 2px solid #176b96;
    border-radius: 5px;
    box-shadow: 0 0 8px #D0D0D0;
    animation:myfirst 2s;
    -moz-animation:myfirst 2s infinite; /* Firefox */
    -webkit-animation:myfirst 2s infinite; /* Safari and Chrome */
}

.StorePageStandardHeaderImage {
    border: none;
    box-shadow: none;
    margin:0px;
    padding: 0px;
    vertical-align: middle;
}

.MenuParent {

    align-items: center;
    justify-content: center;
    vertical-align: middle;
    padding: 3px 5px 3px 5px;
    margin: 3px 0px 0px 0px;
    min-width:25px; max-width: 250px;
    font-size: 125%;
    font-weight: bold;
    color: darkorange;
    background-color: transparent;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    cursor:pointer;
    text-transform: uppercase;
}

.MenuParent:hover {
    color: dodgerblue;
    border-top: 3px solid darkorange;
    border-bottom: 3px solid darkorange;
}

.MenuItem {
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    padding: 6px 5px 6px 5px;
    min-width:25px; max-width: 450px;
    font-size: 120%;
    font-weight: bold;
    color: darkorange;
    background-color: transparent;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    cursor:pointer;
}

.MenuItem:hover {
    color: dodgerblue;
    border-top: 3px solid darkorange;
    border-bottom: 3px solid darkorange;
}

.MenuItemsContainer {
    position: absolute;
    padding: 3px 10px 3px 10px;
    margin: 0px 0px 0px 0px;
    background-color: white;
    border: 1px solid darkorange;
    border-radius: 8px;
    text-align: left;
}

.MenuParentContainer {
    display: inline-block;
    text-align: left;
    vertical-align:middle;
    padding: 0px 5px 0px 10px;
    background-color: transparent;
}

.StandardStoreTable {
    width: 100%;
    min-width: 800px;
    padding: 10px 20px 10px 0px;
    color: #176b96;
    margin: 0px;
    border: none;
    vertical-align:middle;
    text-align: center;
}

.StandardStoreTable td {
    padding: 10px 10px 10px 10px;
    color: #176b96;
    margin: 0px;
    border: none;
    vertical-align:middle;
    text-align: center;
}

.StoreHeaderAdminBar {
    padding: 10px;
    background-color: #176b96;
    color: white;
}

.LogoutButton {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    padding: 2px 0px 2px 0px;
}

.LogoutButton:hover {
    border-top: 3px solid orange;
    border-bottom: 3px solid orange;
}

.CartConfirmationTable {
}

.StoreTableHeader {
    display:inline-block;
    padding: 2px;
    border-bottom: 1px solid #176b96;
    font-weight: bold;
    vertical-align: bottom;
}

.StoreTableCell {
    display:inline-block;
    padding: 4px 2px 4px 2px;
    font-weight: normal;
    vertical-align: middle;
}

.SelectShippingOption {

}

.AttendanceFieldLabel {
    font-weight: bold;
    font-size: 80%;
    background-color:dodgerblue;
    color: white;
}

.AdminText {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 130%;
    font-weight: bold;
    height: 32px;
    padding: 2px 0px 0px 0px;
    border: 1px solid #AAAAAA;
}


.AdminDatePicker {
    text-align: middle;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 130%;
    font-weight: bold;
    width: 200px;
    height: 36px;
    vertical-align:middle;
}

.AdminSelect {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 130%;
    font-weight: bold;
    color: darkorange;
    width: 300px;
    height: 36px;
    vertical-align:middle;
}

.SchoolScheduleTable {
    table-layout:fixed;
    width:100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-collapse: collapse;
}

.SchoolScheduleTable th {
    color: #ebf8ff;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-size: small;
    font-weight: bold;
    border-collapse: collapse;
    padding: 2px;
}

.SchoolScheduleTable td {
    color: black;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-size: 80%;
    border: 1px solid transparent;
    border-collapse: collapse;
    padding: 5px 2px 5px 2px;
}

th.AttendanceClickable {
    color: white;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-size: small;
    background-color: #ffeeab;
    background-color: orange;
    font-weight: bold;
    border: 2px solid darkorange;
    border-collapse: collapse;
    padding: 2px 2px 2px 2px;
    vertical-align:middle;
    cursor:pointer;
}


th.AttendanceClickable:hover {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-size: small;
    background-color: #0090c5;
    font-weight: bold;
    border: 2px solid darkorange;
    border-collapse: collapse;
    padding: 2px;
}

.SchoolScheduleTable a {
    color: darkorange;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    text-decoration:none;
}

.SchoolScheduleTable a:hover {
    color: darkorange;
    border-top: 1px solid darkorange;
    border-bottom: 1px solid darkorange;
}


.SchoolSubTitle {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 125%;
    text-align: center;
    padding: 0px 0px 10px 0px;
    font-weight: bold;
    letter-spacing: 2px;
    width:100%;
    color:#006f9e;
}

.SchoolSubTitleDescription {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 100%;
    text-align: center;
    padding: 0px 0px 10px 0px;
    font-weight: normal;
    letter-spacing: 0px;
    width:100%;
    color:#006f9e;
}

.CalendarViewSummaryTitle{
    display: block;
    text-align: middle;
    width: 100%;
    font-size: 175%;
    color: #176b96;
    padding: 0px 0px 5px 0px;
}

.CalendarViewSummaryDescription {
    display: block;
    text-align: middle;
    width: 100%;
    font-size: 110%;
    color: black;
}

.SchoolCalendarButton {
    vertical-align:middle;
    font-size: 90%;
    background-color: orange;
    border: 1px solid darkorange;
    border-radius:6px;
    color: white;
    font-size: 100%;
    padding: 4px 7px 5px 7px;
    margin: 2px;
}

.SchoolCalendarButton:hover {
    background-color: #176b96;
}

.FilterLabelClickable {
    outline: none;
    border: 2px outset darkorange;
    border-radius: 6px;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 110%;
    text-align: left;
    padding: 2px 6px 4px 6px;
    width:100%;
    cursor:pointer;

}

.FilterLabelClickable:hover {
    border: 2px inset darkorange;
}


.SchoolPriceTable {
    table-layout:fixed;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-collapse: collapse;
}

.SchoolPriceTable th {
    background-color: #edbd00;
    color: white;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-weight: bold;
    border-collapse: collapse;
    padding: 2px;
}

.SchoolPriceTable td {
    color: black;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    border: 1px solid transparent;
    border-collapse: collapse;
    padding: 5px 2px 5px 2px;
}

.SchoolPriceTable a {
    color: darkorange;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    text-decoration:none;
}

.SchoolPriceTable a:hover {
    color: darkorange;
    border-top: 1px solid darkorange;
    border-bottom: 1px solid darkorange;
}

.ScheduleLink {
    color: darkorange;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    text-decoration:none;
}

.ScheduleLink:hover {
    color: darkorange;
    border-top: 2px solid darkorange;
    border-bottom: 2px solid darkorange;
    cursor:pointer;
}

.StorePageTitle {
    text-align:center;
    font-weight:bold;
    font-size:300%;
    letter-spacing:3px;
    color: #176b96;
}

.StoreTabButton {
    padding:10px;
    border-left:1px solid darkorange;
    border-right:1px solid darkorange;
    border-bottom:1px solid darkorange;
    background-color: orange;
    color:white;
    cursor:pointer;
    border-radius:0px 0px 6px 6px;
    box-shadow: 0 10px 10px -10px #333;
    margin: 0px 5px 20px 5px;
    z-index: auto;
}

.StoreTabButton:hover {
    background-color: #176b96;
}

.EventContent {
    font-size:120%;
}

.eventContent h1 {
    font-size:175%;
    font-weight:bold;
    color: #176b96;
}

.eventContent h2 {
    font-size:130%;
    font-weight:bold;
    color: #176b96;
}

.eventContent h3 {
    font-size:110%;
    font-weight:bold;
    color: #176b96;
}

.eventContent a {
    color: darkorange;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    text-decoration:none;
}

.eventContent a:hover {
    color: darkorange;
    border-top: 1px solid darkorange;
    border-bottom: 1px solid darkorange;
}

.AttendanceButton {
    color: white;
    font-style: normal;
    font-size: small;
    font-weight: bold;
    border: 2px solid darkorange;
    border-collapse: collapse;
    padding: 2px 2px 2px 2px;
    vertical-align:middle;
    cursor:pointer;
}


.AttendanceButton:hover {
    font-style: normal;
    font-size: small;
    background-color: #0090c5;
    font-weight: bold;
    border: 2px solid darkorange;
    border-collapse: collapse;
    padding: 2px;
}

.FamilyMemberSelectContainer {
    display:inline-block;
    margin:5px 5px 5px 0px;
    border-radius:6px;
    box-shadow:3px 3px 3px #E0E0E0;
    padding:4px;
    border:2px solid orange;
    background-color: transparent;
    cursor: pointer;
}

.FamilyMemberSelectContainer:hover {
    border: 2px solid orange;
    background-color: orange;
    color: white;
}

.FamilyMemberSelectedContainer {
    display:inline-block;
    margin:5px 5px 5px 0px;
    border-radius:6px;
    box-shadow:3px 3px 3px #E0E0E0;
    padding:4px;
    border:2px solid dodgerblue;
    background-color: dodgerblue;
    color: white;
    cursor: pointer;
}

.FamilyMemberDisallowedContainer {
    display:inline-block;
    margin:5px 5px 5px 0px;
    border-radius:8px;
    box-shadow:3px 3px 3px #E0E0E0;
    padding:4px;
    border:2px solid #D0D0D0;
    background-color: #E0E0E0;
    color:#AAAAAA;
    cursor: pointer;
}

.StoreUserReportTable {
    table-layout:fixed;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-collapse: collapse;
}



.StoreUserReportTable th {
    color: #ebf8ff;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-size: small;
    background-color: dodgerblue;
    font-weight: bold;
    border: 1px solid dodgerblue;
    border-collapse: collapse;
    padding: 0px;
}

.StoreUserReportTable td {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-size: 80%;
    border-collapse: collapse;
    padding: 5px 2px 5px 2px;
}

.StoreUserReportTable tr:nth-child(odd) {
    background-color: #edf9ff;
}

.StudentProfileUploadButton {
    position: absolute;
    bottom:10px;
    right:10px;
    font-size:80%;
    background-color:orange;
    color:white;
    padding:3px 10px 3px 10px;
    border-radius: 6px;
}

.StudentProfileUploadButton:hover {
    background-color:#007fad;
}

.StudentProfileSaveCropButton {
    font-size:80%;
    background-color:orange;
    color:white;
    padding:3px 10px 3px 10px;
    border-radius: 6px;
}

.StudentProfileSaveCropButton:hover {
    background-color:#007fad;
}

.StandardUserTable {
    width: 100%;
    min-width: 800px;
    padding: 10px 0px 10px 0px;
    color: #176b96;
    margin: 0px;
    border: none;
    vertical-align:middle;
    text-align: center;
}

.StandardUserTable td {
    padding: 10px 10px 10px 10px;
    min-width: 200px;
    color: #176b96;
    font-size: 100%;
    line-height: 100%;
    margin: 0px;
    border: none;
    vertical-align:middle;
    text-align: center;
}

.InputTextField {
    outline: none;
    border: none;
    border-bottom: 1px dotted #60CBFF;
    font-size: 125%;
    text-align: left;
    padding: 5px 15px 5px 15px;
    width: 100%;
    background-color: #ffedd1;

}

.InputTextField:focus {
    border-bottom: 2px solid #60CBFF;
    background-color: #dbf7ff;
}

.InputDateField {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    text-align:left;
    font-size:160%;
    font-weight:normal;
    padding: 0px 0px 0px 5px;
    height:32px;
    border:0px;
    border-bottom: 1px dotted #60CBFF;
    background-color: #ffedd1;
}

.InputDateField:focus {
    border-bottom: 2px solid #60CBFF;
    background-color: #dbf7ff;
}

.InputFormLabel {
    outline: none;
    border: none;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 125%;
    text-align: left;
    padding: 10px 0px 10px 0px;
    width:100%;
    color: #176b96;
}

.DescriptionFormLabel {
    outline: none;
    border: none;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 90%;
    text-align: left;
    padding: 10px 0px 10px 0px;
    width:100%;
    color: #176b96;
}

.DescriptionFormTitle {
    outline: none;
    border: none;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight:bold;
    font-size: 125%;
    text-align: left;
    padding: 10px 0px 10px 0px;
    width:100%;
    color: #176b96;
}

.ProfileButton {
    margin:0px 5px 5px 0px;
    background-color: white;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border: 3px outset darkorange;
    border-radius: 6px;
}

.ProfileButton:hover {
    border-top: 3px solid darkorange;
    border-bottom: 3px solid darkorange;
    background-color: orange;
    border: 3px inset darkorange;
}

.MenuButton {
    margin:0px 0px 0px 0px;
    background-color: white;
}

.MenuButton:hover {
    background-color: white;
}

.SchoolHeaderDiv {
    display: block;
    padding: 0px 20px 0px 20px;
    margin: 20px 0px 0px 0px;
    text-align: center;
}

.SchoolHeaderTable {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    line-height: 100%;
    padding: 10px 20px 0px 20px;
    margin: 0px;
    border: none;
    vertical-align:middle;
    text-align: center;
    min-width: 600px;
}

.SchoolHeaderGraphicTable {
    display: inline-block;
    width:100%;
    font-size: 12px;
    line-height: 100%;
    padding: 10px 0px 0px 0px;
    margin: 0px;
    border: none;
    vertical-align:middle;
    text-align: center;
    min-width: 600px;
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.SchoolHeaderTable td {
    padding: 5px;
}

.SchoolHeaderTable a {
    text-decoration: none;
}


.SchoolHeaderTable p {

    font-size: 18px;
    padding: 0px 0px 10px 0px;
}


.PageContent {
}

.PageContent img {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    vertical-align: middle;
    text-align: middle;
}

.School-Title {
    display: table-row;
    text-align: left;
    font-size: 34px;
    font-weight: bold;
    color: #176b96;
    line-height: 125%;
}

.School-Subtitle {
    display: table-row;
    text-align: left;
    color: #176b96;
    font-size: 21px;
    font-weight: normal;
    font-style: italic;
    line-height: 100%;
}

.School-Contact-Info {
    display: table-row;
    text-align: left;
    color: #176b96;
    line-height: 100%;
    padding: 10px;
    margin: 10px;
    font-size: 12px;
    font-weight: normal;
}

.GeneralStudentButton {
    padding: 3px 10px 3px 10px;
    color:white;
    font-size:120%;
    text-decoration:none;
    background-color: darkorange;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border: 3px outset darkorange;
    border-radius: 6px;
    cursor:pointer;
}

.GeneralStudentButton:hover {
    background-color: #0090c5;
    border: 3px inset darkorange;
}




.ForumButton {
    display:table-cell;
    font-size:150%;
    text-align:middle;
    vertical-align:middle;
    width:240px;height:240px;
    background:darkorange;
    color:white;
    border:3px outset darkorange;
    border-radius:6px;
    padding: 0px 5px 0px 5px;
    margin:20px;
    cursor:pointer;
}

.ForumButton:hover {

    background-color: #0090c5;
}

.ForumActionButton {
    margin:2px 2px 0px 0px;
    background-color: white;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border: 2px outset darkorange;
    border-radius: 6px;
    vertical-align: middle;
    height:24px;
    width:24px;
}

.ForumActionButton:hover {
    border-top: 2px solid darkorange;
    border-bottom: 2px solid darkorange;
    background-color: orange;
    border: 2px inset darkorange;
}


.ForumPostButton {
    margin:0px 0px 2px 0px;
    background-color: white;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border: 2px outset darkorange;
    border-radius: 6px;
    height:24px;
    width:24px;
}

.ForumPostButton:hover {
    border-top: 2px solid darkorange;
    border-bottom: 2px solid darkorange;
    background-color: darkorange;
    border: 2px inset darkorange;
}

.ForumPostButtonDisabled {
    margin:0px 0px 5px 0px;
    background-color: darkorange;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border: 2px outset darkorange;
    border-radius: 6px;
    height:24px;
    width:24px;
}

.ForumPostContentContainer {
    display:table;
    text-align:left;
    font-size:100%;
    font-color: #0090c5;
    border: 1px outset #baecff;
    background-color: #f5fcff;
    width:100%;
}

.ForumPostContent {
    display:table-cell;
    text-align:left;
    font-size:100%;
    padding:10px;
    font-color: #0090c5;
    width:100%;
}

.FormTextAreaContent {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    min-height:300px;
    max-height:800px;
    height:auto;
    width:100%;
    font-size:100%;
    font-color:#003454;
    background-color:#f5fcff;
    border:1px solid darkorange;

}

.ForumPostSearch {
    vertical-align:bottom;
    border: 1px solid darkorange;
    font-size:90%;
    border-radius: 6px;
    padding:1px 3px 1px 3px;
    color: darkorange;
}

.ForumPostSearch:focus {
    border: 1px solid #0090c5;
}

.PostCommentInput {
    vertical-align:middle;
    border: 1px solid darkorange;
    font-size:100%;
    border-radius: 2px;
    padding:1px 0px 1px 3px;
    color: darkorange;
}

.PostCommentInput:focus {
    border: 1px solid #0090c5;
}

.FooterBackgroundContainer {
        margin: 50px 0px 0px 0px;
        padding: 20px 20px 20px 20px;
        background-color:#0090c5;
}

.FooterCopyright {
    font-size: 80%;
    color: white;
    padding: 20px 0px 0px 0px;
}

.FooterTable {
    width: 100%;
}

.FooterTable th { font-size: 150%; font-weight: bold; color: #ffeeab; padding:
10px 10px 3px 10px; vertical-align:bottom; }

.FooterTable td {
    font-size: 120%;
    color: white;
    padding: 10px;
    vertical-align:top;
}

.HomeFooterLink {
    font-weight: bold;
    color: #FFCC00;
    text-decoration: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.HomeFooterLink:hover {
    color: white;
    text-decoration: none;
    border-top: 2px solid #FFCC00;
    border-bottom: 2px solid #FFCC00;
}

.CMSFieldSection {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    border: none;
    padding: 3px 0px 3px 0px;
    background-color: #176b96;
    color: white;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 24px;
    padding: 3px 0p 3px 0px;
}

.CMSEditor {
    display: table-cell;
    min-width: 400px;
    width: 50%;
    border:0px;
    padding: 0px 3px 0px 3px;
    margin: 0px;
}

.CMSDescriptionContainer {
    display: table;
    width: 100%;
    padding: 0px;
}

.CMSEditorTitle {
    display: block;
    background-color: #d4f0ff;
    width: 100%;
    border:0px;
    padding: 0px;
    margin: 0px;
}

.CMSEditorDisplay {
    display: cell;
    width: 100%;
    height: 100%;
    border:0px;
    padding: 3px;
    margin: 0px;

    font-size: 18px;
    text-align: left;
    overflow-y: scroll;
    resize:vertical;
}

.CMSEditorDisplay:focus {
    outline-color: darkorange;
}

.CMSEditorHTML {
    display: cell;
    width: 100%;
    height: 100%;
    border:0px;
    padding: 3px;
    margin: 0px;

    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 18px;
    text-align: left;
    overflow-y: scroll;
    resize:vertical;

}

.CMSEditorHTML:focus {
    outline-color: darkorange;
}

.divImageCrop {


}

.divSubAssetCrop {

}


.divCreateSubAsset {

    position: fixed;

    display: block;

    line-height: 1.5;

    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    border: 2px solid #176b96;
    color: white;
    background-color: darkorange;

    text-align: center;
    vertical-align: middle;

    padding: 20px 30px 20px 30px;

}

.divAssetPicker {
    position: fixed;

    display: block;

    line-height: 1.5;

    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    border: 2px solid dodgerblue;
    color: black;
    border-radius:6px;
    background-color: white;

    text-align: center;
    vertical-align: middle;

    padding: 20px 30px 20px 30px;

    box-shadow: 0px 0px 20px black;
}


/* Set your aspect ratio */
.video-container {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%; /* creates a 16:9 aspect ratio */
}

.video-container iframe,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

/* And set the max-width of the parent element */
.video-wrap {
    width: 100%;
    max-width: 600px;
}

.ExploreCourseHeader {
    display: block;
    padding: 15px 10px 20px 10px;
    background-color: #0090c5;
    border-radius: 10px;
}

.ExploreCoursePicture {
    max-width: 300px;
    height: auto;
    border: 2px solid #FFCC00;
    border-radius: 20px;
}

.ExploreHeader {
    display: block;
    border-radius: 10px;
    padding: 15px 10px 20px 10px;
}

.ExploreContentText {
    display:inline-block;
    vertical-align:top;
    font-size:120%;
    color:#474747;
}


.ExploreCourseHeaderQigong {
    display: block;
    border-radius: 10px;
    padding: 15px 10px 20px 10px;
    background-color: #700013;
    cursor:pointer;

}

.ExploreCourseHeaderQigong:hover {
    background-color: #ff9191;

}

.ExploreCoursePictureQigong {
    width: 100%;
    height: auto;
    border: 2px solid #700013;
    border-radius: 20px;
}



.ExploreCourseHeaderMeditation {
    display: block;
    border-radius: 10px;
    padding: 15px 10px 20px 10px;
    background-color: #3d3d3d;
    cursor:pointer;

}

.ExploreCourseHeaderMeditation:hover {
    background-color: #aaaaaa;

}

.ExploreCoursePictureMeditation {
    width: 100%;
    height: auto;
    border: 2px solid #3d3d3d;
    border-radius: 20px;
}

.ExploreCourseHeaderKungFu {
    display: block;
    border-radius: 10px;
    padding: 15px 10px 20px 10px;
    background-color: #003454;
    cursor:pointer;
}

.ExploreCourseHeaderKungFu:hover {
    background-color: #0090c5;
}



.ExploreCoursePictureKungFu {
    width: 100%;
    height: auto;
    border: 2px solid #003454;
    border-radius: 20px;
}

.ExploreCourseHeaderGentleKungFu {
    display: block;
    border-radius: 10px;
    padding: 15px 10px 20px 10px;
    background-color: #006125;
    cursor:pointer;

}

.ExploreCourseHeaderGentleKungFu:hover {
    background-color: #72d698;


}

.ExploreCoursePictureGentleKungFu {
    width: 100%;
    height: auto;
    border: 2px solid #006125;
    border-radius: 20px;
}

.ExploreCourseTitle {
    font-size: 150%;
    font-weight:bold;
    letter-spacing: 2px;
    padding: 0px 0px 10px 0px;
    line-height: 110%;
    color: white;
    text-transform: uppercase;
}


.ExploreCourseSubTitle {
    font-size: 125%;
    line-height: 120%;
    padding: 0px 20px 0px 20px;
    color: white;
}

.ExploreCourseContent {
    display:block;
    text-align:left;
    padding:10px 0px 20px 0px;
    font-size: 100%;
}

.ExploreCourseContentImage {
    display:inline-block;
    vertical-align:top;
    padding:5px;
}

.ExploreCourseContentText {
    display:inline-block;
    vertical-align:top;
    max-width:680px;
    font-size:100%;
    color:#474747;
}


.SystemOrderTable {
    table-layout: fixed;
    width:100%;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
    border: none;
    vertical-align:middle;
}

.SystemOrderTable th {
    color: #176b96;
    font-weight: bold;
    padding: 10px;
    vertical-align:top;
    line-height: 125%;
}

.SystemOrderTable td {
    padding: 10px;
    vertical-align:top;
    line-height: 125%;

}

.SystemOrderTable tr:nth-child(even) {
    background-color:#dbf7ff;
}

.SystemOrderActionLink {
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    color: darkorange;
}

.SystemOrderActionLink:hover {
    color: #176b96;
    border-top: 1px solid orange;
    border-bottom: 1px solid orange;
}

.SystemStandardUserSection {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 125%;
    font-weight: bolder;
    background-color: white;
    border-top: 1px solid dodgerblue;
    border-bottom: 1px solid dodgerblue;
    color: dodgerblue;
    width: 100%;
    height: 40px;
}

.CalendarButton {
    height:20px;
    width:auto;
    vertical-align:middle;
    padding:1px;
    border:1px solid darkorange;
    cursor:pointer;
    border-radius:4px;
    box-shadow: 0 0 3px white;
}

.CalendarButton:hover {

    background-color:dodgerblue;
}

.CalendarItem {
    border:2px solid darkorange;
}

.CalendarItem:hover {
    box-shadow: 0 0 8px darkorange;

}

.AttendanceSelectable {

}

.AttendanceSelectable:hover {
    box-shadow: 0 0 8px darkorange;

}


.divAgreement {

        position: fixed;

        display: block;

        width: 80%;
        height: 80%;
        line-height: 1.5;

        z-index: 500;

        top: 50%;
        left: 50%;

        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

        border: 2px solid #176b96;
        color: white;
        background-color: darkorange;

        text-align: center;
        vertical-align: middle;

        padding: 30px 30px 30px 30px;

        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        border-radius:10px;

}

.divAgreementContent {
        display: inline-block;

        font-size: 100%;
        font-weight: normal;
        text-align: left;
        vertical-align: middle;
        background-color: white;
        color: black;
        overflow-y:scroll;
        padding:0px 10px 0px 10px;

        width: 100%;
        height: 100%;

    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

}

.userIconButton {
    border:2px solid darkorange;
    border-radius:4px;
    padding: 2px;
}

.userIconButton:hover {
    border:2px solid dodgerblue;
    border-radius:8px;
    padding: 2px;
}


.divNotify {

        position: fixed;

        display: block;

        width:50%;
        height:50%;
        line-height: 1.5;
        z-index: 500;

        top: 50%;
        left: 50%;

        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

        border: 2px solid #176b96;
        color: white;
        background-color: darkorange;

        text-align: center;
        vertical-align: middle;

        padding: 30px 30px 30px 30px;

}

.divNotifyMessage
{
        display: inline-block;

        font-size: 100%;
        font-weight: normal;
        text-align: left;
        vertical-align: middle;
        background-color:white;
        color:black;
        padding:0px 15px 0px 15px;

        width: 95%;
        height: 85%;

        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

}

.divNotifyMessage2
{
        display: inline-block;

        font-size: 100%;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
        background-color:white;
        color:black;
        padding:15px;

        width:95%;
        height: 5%;

        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

}

.divNotesTab
{
        position: fixed;

        display: block;

        width: 80%;
        height: 80%;
        line-height: 1.5;

        z-index: 500;

        top: 50%;
        left: 50%;

        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

        border: 2px solid #176b96;
        color: white;
        background-color: darkorange;

        text-align: center;
        vertical-align: middle;

        padding: 30px 30px 30px 30px;

        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        border-radius:10px;

}

.divNotesTabButton
{
        position: fixed;

        width: 100px;
        height:30px;
        line-height: 1.5;

        z-index: 500;

        top: 100px;
        right: 0px;

        font-size:70%;

        border: 1px solid dodgerblue;
        color: white;
        background-color: darkorange;

        text-align: center;
        vertical-align: middle;

        padding: 3px 3px 3px 3px;

        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        border-radius:5px 0px 0px 5px;

        cursor:pointer;

}

.divSystemNoteTab
{
        position: fixed;

        width: 100px;
        height: 24px;
        line-height: 1;

        z-index: 500;

        top: 170px;
        right: 0px;

        font-size:70%;
        font-weight:bold;


        border-top: 1px solid forestgreen;
        border-left: 1px solid forestgreen;
        border-bottom: 1px solid forestgreen;
        color: forestgreen;
        background-color: greenyellow;

        text-align: right;
        box-shadow: 3px 3px 4px forestgreen;

        padding: 3px 8px 3px 3px;

        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        border-radius:5px 0px 0px 5px;

        cursor:pointer;


}

.divSystemNoteMain
{
        position: fixed;

        width: 200px;
        height: 302px;
        line-height: 1;

        z-index: 500;

        top: 170px;
        right: 0px;

        font-size:70%;


        border-top: 1px solid forestgreen;
        border-left: 1px solid forestgreen;
        border-bottom: 1px solid forestgreen;
        color: black;
        background-color: greenyellow;

        text-align: right;
        vertical-align: middle;
        box-shadow: 3px 3px 4px forestgreen;

        padding: 3px 3px 3px 3px;

        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        border-radius:5px 0px 0px 5px;

        cursor:default;


}

.SystemNoteMainBackgroundColor
{
        background-color: forestgreen;

}


.tbSystemNoteMainTitle
{
    background-color: forestgreen;
    text-align:left;
    font-weight:bold;
    color:white;
    outline:none;
    border:none;
}

.SystemNoteMainTextArea
{
    text-align:left;
    padding:8px 3px 3px 3px;
    margin:0px 0px 5px 0px;
    outline:none;
    resize:none;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    background-color: greenyellow;
    border:none;
}



.divSystemReceptionNoteTab
{
        position: fixed;

        width: 100px;
        height: 24px;
        line-height: 1;

        z-index: 500;

        top: 170px;
        right: 0px;

        font-size:70%;
        font-weight:bold;


        border-top: 1px solid DarkGoldenRod;
        border-left: 1px solid DarkGoldenRod;
        border-bottom: 1px solid DarkGoldenRod;
        color: DarkGoldenRod;
        background-color: Yellow;

        text-align: right;
        box-shadow: 3px 3px 4px DarkGoldenRod;

        padding: 3px 8px 3px 3px;

        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        border-radius:5px 0px 0px 5px;

        cursor:pointer;


}

.divSystemReceptionNoteMain
{
        position: fixed;

        width: 200px;
        height: 302px;
        line-height: 1;

        z-index: 500;

        top: 170px;
        right: 0px;

        font-size:70%;


        border-top: 1px solid DarkGoldenRod;
        border-left: 1px solid DarkGoldenRod;
        border-bottom: 1px solid DarkGoldenRod;
        color: DarkGoldenRod;
        background-color: Yellow;

        text-align: right;
        vertical-align: middle;
        box-shadow: 3px 3px 4px DarkGoldenRod;

        padding: 3px 3px 3px 3px;

        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        border-radius:5px 0px 0px 5px;

        cursor:default;


}

.tbSystemReceptionNoteMainTitle
{
    background-color:DarkGoldenRod;
    text-align:left;
    font-weight:bold;
    color:white;
    outline:none;
    border:none;
}

.SystemReceptionNoteMainBackgroundColor
{
    background-color: DarkGoldenRod;

}

.SystemReceptionNoteMainTextArea
{
    text-align:left;
    padding:8px 3px 3px 3px;
    margin:0px 0px 5px 0px;
    outline:none;
    resize:none;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    background-color: Yellow;
    border:none;
}

.noteIconButton {
    border:2px solid darkorange;
    border-radius:4px;
    padding: 2px;
    background-color:white;
    cursor:pointer;
}

.noteIconButton:hover {
    border:2px solid dodgerblue;
    padding: 2px;
}


.noteCreate
{
        position: fixed;

        display: block;

        width:300px;
        height:222px;
        line-height: 1.5;
        z-index: 500;

        top: 0px;
        right: 0px;


        border: 5px solid darkorange;
        border-radius:10px;
        box-shadow: 3px 3px 8px dodgerblue;

        color: white;
        background-color: white;

        text-align: center;
        vertical-align: middle;

        padding: 10px 10px 10px 10px;


}


.divSystemNotify {

    position: fixed;

    display: block;

    width: 300px;
    line-height: 1.5;
    z-index: 500;


    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    border: 2px solid #176b96;
    color: white;
    background-color: darkorange;

    text-align: center;
    vertical-align: middle;

    padding: 30px 30px 30px 30px;


}

.divSystemNotifyMessage
{
    display: inline-block;

    font-size: 120%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;

    width: 100%;
    height:95%;

}

.divSystemNotifyMessage2
{
        display: inline-block;

        font-size: 100%;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
        background-color:white;
        color:black;
        padding:15px;

        width:95%;
        height: 5%;

        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

}

.noteButton
{
    display:inline-block;
    text-align:center;
    font-size:100%;
    font-weight:bold;
    vertical-align:middle;
    width:16px;
    height:16px;
    box-shadow:0px 0px 3px forestgreen;
    background-color:white;
    color:darkorange;
    border-radius:2px;
    cursor:pointer;
    line-height:1;
}


.noteButton:hover {
    background-color:darkorange;
    color:white;
}


.divTermConfirmation {

    position: fixed;

    display: block;

    width: 600px;
    line-height: 1.5;
    opacity: .9;

    top: 10%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    border: 2px solid #176b96;
    color: white;
    background-color: darkorange;

    text-align: center;
    vertical-align: middle;

    padding: 26px;

    box-shadow: 4px 4px 12px black;

}

.divTermConfirmationMessage {
    display: inline-block;

    font-size: 100%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;

    text-shadow: 1px 1px black;

    width: 100%;
}

.UserIconButton {
    border:2px solid darkorange;
    border-radius:4px;
    padding: 2px;
    background: white;
    
}

.UserIconButton:hover {
    border:2px solid dodgerblue;
    border-radius:4px;
    padding: 2px;
}

.divSystemBox {

    position: fixed;

    display: block;

    width: 300px;
    line-height: 1.5;

    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    border: 2px solid #176b96;
    color: white;
    background-color: darkorange;

    text-align: center;
    vertical-align: middle;

    padding: 26px;

}

.divSystemBoxMessage {
    display: inline-block;

    font-size: 100%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;

    width: 100%;
}


.ReportTable {
    table-layout:fixed;
    width:100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-collapse: collapse;
}



.ReportTable th {
    color: white;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-size: small;
    background-color: dodgerblue;
    font-weight: bold;
    border: 1px solid dodgerblue;
    border-collapse: collapse;
    padding: 2px;
}

.ReportTable td {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-style: normal;
    font-size: 80%;
    border: 1px solid dodgerblue;
    border-collapse: collapse;
    padding: 5px 2px 5px 2px;
}

.ReportTable tr:nth-child(odd) {
    background-color: #edf9ff;
}