a
{
    color:darkorange;
    font-weight:bold;
    text-decoration:none;
}

h1
{
    text-align:center;
    font-size:1.5em;
    font-weight:bold;
    background-color:black;
    color:#FBB917;
    padding:15px 20px 15px 20px;
    margin:20px 0px 20px 0px;
    text-transform:uppercase;
    line-height:125%;
    border-top:1px solid #FBB917;
    border-bottom:2px solid #FBB917;

}

h2
{
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    background-color:#FBB917;
    color:black;
    padding:10px 20px 10px 20px;
    margin:30px 0px 20px 0px;
    text-transform:uppercase;
    line-height:125%;
    border-top:2px solid black;
    border-bottom:2px solid black;
}

h3
{
    text-align:center;
    font-size:1.1em;
    font-weight:bold;
    background-color:lightgray;
    color:BLACK;
    padding:10px 20px 10px 20px;
    margin:20px 0px 20px 0px;
    text-transform:uppercase;
    line-height:125%;
    border-top:2px solid #FBB917;
    border-bottom:2px solid #FBB917;

}

h4
{
    font-size:1.1em;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration: underline;
    margin:30px 0px 20px 0px;
}

p
{
    line-height:110%;
}


li
{
    line-height:130%;
    text-align:left;
}

.HomeH1
{
    text-align:center;
    font-size:1.5em;
    font-weight:bold;
    background-color:black;
    color:#FBB917;
    padding:15px 20px 15px 20px;
    margin:20px 0px 20px 0px;
    text-transform:uppercase;
    line-height:125%;
    border-top:1px solid #FBB917;
    border-bottom:2px solid #FBB917;
}

.HomeH2
{
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    background-color:#FBB917;
    color:black;
    padding:10px 20px 10px 20px;
    margin:30px 0px 20px 0px;
    text-transform:uppercase;
    line-height:125%;
    border-top:2px solid black;
    border-bottom:2px solid black;
}


.HomeH3
{
    text-align:center;
    font-size:1.1em;
    font-weight:bold;
    background-color:lightgray;
    color:BLACK;
    padding:10px 20px 10px 20px;
    margin:20px 0px 20px 0px;
    text-transform:uppercase;
    line-height:125%;
    border-top:2px solid #FBB917;
    border-bottom:2px solid #FBB917;
}


.MainBody
{

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


.MainBodyStudent
{

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

.MainBodyInstructor
{

    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;"
    margin:0px;
    padding:0px;
    background-color:black;
    color:white;
    line-height:100%;
}


.LoginLogo
{
    width:55%;
    height:auto;

}




.MenuButton1
{
    display:inline-block;
    border-radius:6px;
    cursor:pointer;
    border:2px solid transparent;
    margin:0px;
    padding:0px;
}

.MenuButton:hover
{
    border:2px solid white;
}


.AccountMenuButton
{
    display:inline-block;
    width:300px;
    border:2px solid darkorange;
    border-radius:10px;
    margin:10px;
    padding:5px 5px 5px 5px;
    height:auto;
    color: darkorange;
    cursor:pointer;
}

.AccountMenuButton:hover
{
    border:2px solid dodgerblue;
    color: white;
}


.AccountMenuButtonTitle
{
    font-size: .8em;
    font-weight: bold;
    text-transform:uppercase;
    line-height:110%;
    margin:5px 0px 0px 0px;
}

.AccountMenuButtonDescription
{
    font-size: .7em;
    font-weight: normal;
    text-transform:none;
    line-height:110%;
    margin:5px 0px 0px 0px;
}

.AccountMenuImage {

    width:40px;

}

.StandardTextFieldDiv
{
    color: white;
}

.StandardTextFieldLabel
{
    font-size:1em;
    color: goldenrod;
}


.StandardInput
{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;"
    padding:10px;
    color: darkorange;
    border:1px solid darkorange;
}

.StandardInputLabel {
    font-size:1.1em;
    color:dodgerblue;
    font-weight:bold;
    margin:5px 0px 5px 0px;

}

.StandardSelect {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    color: darkorange;
    vertical-align:middle;
    border: 1px solid darkorange;
    cursor:pointer;
}


.AttendanceClassSelectable {
    border: 2px solid darkorange;
}

.AttendanceClassSelectable:hover {
    border: 2px solid white;
    box-shadow: 0px 0px 6px darkorange;
}

.SelectableListItem {
    display:inline-block;
    width:150px;
    background-color:white;
    color:darkorange;
    font-weight:normal;
    font-size:.9em;
    cursor:pointer;
    margin:5px;
    padding:2px 5px 2px 5px;
}

.StandardTextArea
{
    padding:10px;
    color: dodgerblue;
    background-color:Azure;
    border:1px solid darkorange;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;"
}

.StandardButton {

    color: white;
    background-color: darkorange;
    border: solid 1px darkorange;
    border-radius: .5em;
    margin:.5em 0 0 0;
    text-align: center;
    padding: 3px 3px 3px 3px;
    cursor:pointer;

}

.StandardButton:disabled {

    color:orange;
}

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

.StandardButtonActivated {

    color: #FFAC1C;
    background-color: darkorange;
    border: solid 1px darkorange;
    border-radius: .5em;
    margin:.5em 0 0 0;
    text-align: center;
    padding: 3px 3px 3px 3px;
    cursor:pointer;

}

.MenuParent {

    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    padding: 0px 10px 0px 0px;
    min-width:30px; max-width: 250px;
    font-size: 1.5em;
    font-weight: bold;
    color: #176b96;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}


.MenuItem {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    padding: 3px 5px 3px 5px;
    min-width:25px; max-width: 250px;
    font-size: 1.5em;
    font-weight: bold;
    color: darkorange;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

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

.MenuItemsContainer {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    position: absolute;
    padding: 3px 10px 3px 10px;
    margin: 3px 0px 0px 0px;
    border: 1px solid darkorange;
    border-radius: 8px;
    background-color: white;
    text-align: left;
    min-width:150px;
}

.MenuParentContainer {
    display: inline-block;
    text-align: left;
    padding: 0px;
}

.CalendarItem {
    border:2px solid darkorange;
}

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

}


.FamilyMemberSelectContainer {
    display:inline-block;
    margin:5px 5px 5px 0px;
    border-radius:6px;
    padding:4px;
    border:1px solid orange;
    background-color: transparent;
    cursor: pointer;
}

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

.FamilyMemberSelectedContainer {
    display:inline-block;
    margin:5px 5px 5px 0px;
    border-radius:6px;
    padding:4px;
    border:1px solid dodgerblue;
    background-color: dodgerblue;
    color: white;
    cursor: pointer;
}

.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: 5px;
}

.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 5px 5px 5px;
}

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


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

.ReportTablePlainBackground 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: 5px;
}

.ReportTablePlainBackground 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 5px 5px 5px;
}



.SectionDescription {
    font-weight:bold;
    text-align:center;
    margin:10px 0px 10px 0px;
    font-size:200%;
}


.divStriveGoal {

    position: fixed;

    display: block;

    width: 100%;
    height: 100%;

    top:0;
    left:0;

    color: black;
    background-color: white;

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


}

.DarkBackground {

    position: fixed;

    display: block;

    width: 100%;
    height: 100%;

    top: 0%;

    color: black;
    background-color: black;
    opacity: .7;

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


}


.OptionsScreen {

    position: fixed;

    display: block;

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


    top: 1%;
    left: 50%;

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

    border: 2px solid orange;
    color: white;
    background-color: darkorange;
    border-radius: 6px;
    box-shadow: 0px 0px 5px orange;

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

    padding: 10px 10px 10px 10px;

}

   .ContainerKeyImage
   {

       display:inline-block;

       margin:2px;
   }

   .KeyText
   {
        width:100px;
        text-align:center;
        font-size:1em;
        font-weight:bold;
        background-color:black;
        color:#FBB917;
        padding:5px 0px 5px 0px;
        margin:0px 0px 0px 0px;
        text-transform:uppercase;
        line-height:125%;
        border-top:2px solid #FBB917;
        border-bottom:2px solid #FBB917;
    }


   .KeyImage
   {
        width:98px;
        height:auto;
        margin:0px 0px 3px 0px;
        padding:0px;
        border-top:0px solid black;
        border-bottom:1px solid black;
        border-left:1px solid black;
        border-right:1px solid black;
   }

@media (min-aspect-ratio: 1/3) {


    .LoginLogo
    {
        width:50%;
        height:auto;

    }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

    .KeyText
    {
        font-size:.7em;
        width:60px;
    }
    .KeyImage
    {
        width:58px;
    }

/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-device-width : 1800px) {

/* Styles */


    .LoginLogo
    {
        width:20%;
        height:auto;

    }


}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */



}



.STQIPageStandard {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    line-height:110%;
}


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


.StandardImage {

    border-radius:6px;
}



.MainMenuImage {

    width:30px;
    height:auto;
    padding:5px;
}

.MenuButtonInstructor {
    display: inline-block;
    width:50px;
    color:darkorange;
    font-weight:normal;
    background-color:transparent;
    text-align:center;
    vertical-align:top;
    border-radius:6px;
    cursor:pointer;
    border:2px solid transparent;
    margin:0px;
    padding:0px;
}

.MenuButtonInstructor:hover {
    color:dodgerblue;
    border:2px solid dodgerblue;
}

.MainMenuButtonTitle {
    font-size:.6em;
    padding:0px 0px 5px 0px;
    background-color:transparent;
    width:50px;
    line-height:100%;
    text-align:center;
    vertical-align:top;
    cursor:pointer;
}

.MainMenuButtonInstructorTitle {
    font-size:.6em;
    padding:0px 0px 5px 0px;
    margin:5px 0px 0px 0px;
    background-color:transparent;
    width:50px;
    line-height:100%;
    text-align:center;
    vertical-align:top;
    cursor:pointer;
}



.SubMenuButton {
    display: inline-block;
    margin: 0px 10px 0px 10px;
    cursor:pointer;
    border: 2px solid darkorange;
    border-radius: 6px;
    padding: 2px 0px 2px 0px;
}

.SubMenuButton:hover {
    color:darkorange;
    border: 2px solid dodgerblue;
}

.SubMenuButtonTitle {
    font-size:.6em;
    padding:4px 0px 0px 0px;
    background-color:transparent;
    width:50px;
    line-height:100%;
    text-align:center;
    vertical-align:top;
    cursor:pointer;
    color:white;
}

.SubMenuButtonTitle:hover {
    color:darkorange;
}

.SubSubMenuButton {
    display: inline-block;
    margin: 5px 5px 5px 5px;
    cursor:pointer;
    color: darkorange;
    border: 2px solid darkorange;
    border-radius: 6px;
    padding: 5px 0px 3px 0px;
}

.SubSubMenuButton:hover {
    color:dodgerblue;
    border: 2px solid dodgerblue;
}

.SubSubMenuButtonTitle {
    font-size:.6em;
    padding:4px 0px 0px 0px;
    background-color:transparent;
    width:50px;
    line-height:100%;
    text-align:center;
    vertical-align:top;
    cursor:pointer;
    color:darkorange;
}

.SubSubMenuButtonTitle:hover {
    color:darkorange;
}



.blogTitle {
    font-size:1.2em;
    color: dodgerblue;
    margin: 10px 10px 0px 10px;
    line-height:125%;
}

.blogText {
    font-size:100%;
    color: black;
    margin: 10px 10px 10px 10px;
    padding: 0px 0px 0px 5px;
    line-height:125%;
}

.blogPostDate {
    font-size:90%;
    color: black;
    margin: 0px 10px 10px 10px;
    line-height:125%;
}

.blogThumb {
    border:1px solid black;
    margin: 5px 10px 10px 10px;
    width:100px;
    height:auto;
    float:left;
    border-radius:6px;
    box-shadow:1px 1px 2px dodgerblue;
}

.blogBox {
    box-shadow:1px 1px 5px dodgerblue;
    width:100%;
    border-radius:6px;
    margin:10px 0px 10px 0px;
}






.ProductViewOptionTitle {
    display: block;
    text-align: middle;
    font-weight: bold;
    color: white;
    background-color: darkorange;
    padding: 5px 0px 5px 0px;
    text-transform:uppercase;
}

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

.ProductViewDropDownOption {
    font-size: 125%;
}



.HomeClassSignUp {
    margin:10px;
    border:4px solid black;
    border-radius:8px;
    background-color: black;
    color: #FBB917;
}

.SelectableClassSignUp {
    margin:10px;
    border:4px solid darkorange;
    border-radius:8px;
    background-color: darkorange;
    line-height:110%;
    cursor:pointer;
}

.SelectableClassSignUp:hover {
    border:4px solid dodgerblue;
    background-color: dodgerblue;

}

.SelectableClassSignUpText {
    color:darkorange;
    font-weight:bold;
    text-decoration:none;
}

.SelectableClassSignUpText:hover {
    color:dodgerblue;
    font-weight:bold;
    text-decoration:none;

}


.noteBlock {
    display:inline-block;
    background-color: #785807;
    color:white;
    text-align:center;
    vertical-align:top;
    border-radius:6px;
    border: 1px solid yellow;
    padding:5px;
    margin:5px;
}

.noteBlockContent {
    width:100%;
    max-width:400px;
}

.noteTitle {
    font-size:110%;
    font-weight:bold;
    margin:5px 0px 5px 0px;
    text-transform:uppercase;
}


.noteDescription {


}



.divAddConfirmation {

    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: dodgerblue;

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

    border-radius:8px;

    padding: 26px;

}

.divAddConfirmationMessage {
    display: inline-block;

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

    width: 100%;
}


.divChangesUnsavedNotice {

    position: fixed;

    display: block;

    line-height: 1.5;

    bottom: 20px;
    right: 20px;

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

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

    border-radius:8px;

    padding: 5px;

}




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

.ProductCategoryHeader {
    font-size: 150%;
    color: dodgerblue;
    text-align: center;
    padding: 10px 10px 10px 10px;
}

.ProductContainer {
    display: inline-block;
    width: 150px;
    margin: 10px;
    padding: 0px;
    text-align: center;
    vertical-align: top;
    border: 2px solid darkorange;
    border-radius: 8px;
    color: darkorange;
    text-decoration: none;
    cursor: pointer;
}

.ProductContainer:hover {
    border: 2px solid dodgerblue;
    color:white;
}

.CartProductImage {
    display: block;
    margin: 3px;
    border: 0px none;
    text-align: center;
    border: 1px solid darkorange;
    border-radius: 6px;
}

.CartProductImage:hover {
    border: 1px solid dodgerblue;
}

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

.ProductLabelSmall {
    font-size: 85%;
    padding: 2px 2px 3px 2px;
    line-height: 125%;
    background-color:darkorange;
    color: white;
}

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


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

.ProductViewImageThumbsContainer{
}

.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: center;
    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;
}


.ProductOptionsTitle {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 120%;
    color: dodgerblue;
    font-weight:bold;
    padding: 0px 0px 5px 0px;
}

.ProductViewSummaryTitle{
    display: block;
    text-align: left;
    width: 100%;
    font-size: 125%;
    font-weight:bold;
    color: dodgerblue;
    padding: 0px 0px 5px 0px;
}

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

.ProductViewSubtitle{
    display: block;
    text-align: left;
    width: 100%;
    font-size: 110%;
    color: dodgerblue;
    padding: 10px 0px 5px 0px;
}

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


.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;
}

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

.ProductViewImageThumb:hover {
    border: 1px solid dodgerblue;
}




.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;
}

.CheckoutPriceColumn {
    display: table-cell;
    font-size: 100%;
    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: 50px;
    padding: 0px 0px 0px 0px;
}

.CheckoutProductDetailsContainer {
    display: table-cell;
    width: 350px;
    vertical-align: top;
    padding: 0px 10px 0px 10px;
    text-align:left;
}

.CheckoutProductPriceContainer {
    display: table-cell;

    text-align: right;
    vertical-align: top;
    width: 50px;

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

.CheckoutProductFieldHeader {
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
    color: dodgerblue;
    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: 100%;
    font-weight: normal;
    color: black;
}

.CheckoutProductPrice a {
    color: darkorange;
}

.TaxableNotice {
    font-size: 100%;
    font-weight: normal;
    color: black;
}

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

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



.CheckoutProductTitle {
    font-size: 100%;
    font-weight: bold;
    color: dodgerblue;
}

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

.CheckoutProductOptionsDescription {
    font-size: 100%;
    font-weight: normal;
    color: black;
    padding: 3px 0px 6px 0px;
}

.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: darkorange;
    border: 1px solid orange;
    border-radius:4px;
    color: white;
    font-size: 100%;
    padding: 3px 6px 3px 6px;
    margin: 10px 0px 10px 0px;
}

.CheckoutRemoveProductButton:hover {
    background-color: dodgerblue;
}

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


.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;
}




.CartNoteBlock {
    width:100%;
    max-width:400px;
    background-color: #004080;
    color:white;
    text-align:center;
    vertical-align:top;
    border-radius:6px;
    border: 1px solid dodgerblue;
    margin:0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}

.CartNoteTitle {
    font-size:110%;
    font-weight:bold;
    margin:5px 0px 5px 0px;
    text-transform:uppercase;
}


.CartNoteDescription {


}


.CheckoutRow {
    display: block;
    max-width: 400px;
    padding: 2px 0px 2px 0px;
    text-align:center;
}

.CheckoutFieldColumn {
    display: table-cell;
    text-align: left;
    width:100%;
    max-width: 325px;
    font-size: 100%;
    color: white;
}

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

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

.CartConfirmOrderButton:hover {
    background-color: dodgerblue;

}

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


.ExploreCategoryContainer {
    margin:10px 0px 10px 0px;
    vertical-align:top;
}

.ExploreCategoryContentContainer {
    width:100%;
    min-width:400px;
    vertical-align:top;
    text-align:left;
    line-height:125%;
    margin:0px 0px 10px 0px;
}

.ExploreButtonTitle {

    font-size:90%;
    color:white;
    text-transform:uppercase;
    padding:4px 0px 2px 0px;
    border-radius:0px 0px 4px 4px;
}




.CourseHeaderKungFu {
    display: block;
    border-radius: 0px 0px 10px 10px;
    background-color: #003454;
    margin:0px;
    text-align:center;
}

.CourseHeaderTaiChi {
    display: block;
    border-radius: 0px 0px 10px 10px;
    background-color: #006125;
    margin:0px;
    text-align:center;
}

.CourseHeaderQigong {
    display: block;
    border-radius: 0px 0px 10px 10px;
    background-color: #700013;
    margin:0px;
    text-align:center;
}

.CourseHeaderMeditation {
    display: block;
    border-radius: 0px 0px 10px 10px;
    background-color: #303030;
    margin:0px;
    text-align:center;
}

.TraditionHeader {
    display: block;
    border-radius: 0px 0px 10px 10px;
    background-color: black;
    margin:0px;
    text-align:center;
}



.SignupCourseTitle {
    font-weight:bold;
    line-height:100%;
    font-size:90%;
    margin:5px 0px 8px 0px;
}

.SignupCourseHeaderKungFu {
    border-radius: 0px 0px 10px 10px;
    background-color: #003454;
    margin:3px;
    text-align:center;
}

.SignupCourseHeaderTaiChi {
    border-radius: 0px 0px 10px 10px;
    background-color: #006125;
    margin:3px;
    text-align:center;
}

.SignupCourseHeaderQigong {
    border-radius: 0px 0px 10px 10px;
    background-color: #700013;
    margin:3px;
    text-align:center;
}

.SignupCourseHeaderMeditation {
    border-radius: 0px 0px 10px 10px;
    background-color: #303030;
    margin:3px;
    text-align:center;
}



.CourseTitle {
    font-size: 150%;
    font-weight:bold;
    letter-spacing: 3px;
    line-height: 110%;
    color: white;
    padding:5px;
    margin:0px;
}


.CourseSubTitle {
    font-size: 1.1em;
    line-height: 120%;
    color: white;
    margin:0px;
    padding:5px;
}

.CourseImage {

    border: 0px;
    background-color:white;
    border-radius:10px 10px 0px 0px;
    margin:0px;

}



.TempMenuItemButton {
    display:inline-block;
    border:1px solid darkorange;
    margin:10px;
    padding:5px;
    cursor:pointer;
    border-radius:8px;
    font-size:125%;
    background-color:darkorange;
    color:white;
}

.TempMenuItemButton:hover {

    background-color:dodgerblue;
}


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


.ExploreCourseSubTitle {
    font-size: 1.2em;
    line-height: 120%;
    padding: 0px 5px 10px 5px;
    color: white;
}


.ExploreCourseDescriptorText {
    vertical-align:top;
    font-size:1.1em;
    color:white;
}



.CalendarBlock {

    border:2px solid darkorange;
    border-radius:8px;
}

.CalendarBlock:hover {
    border:2px solid transparent;
    border-radius:8px;
    box-shadow: 0px 0px 6px darkorange;
}


.EventClickableBox {
    border:4px solid darkorange;
    border-radius:8px;
}


.EventClickableBox:hover {
    border:4px solid dodgerblue;
}


.HistoryImage {
    width:90%;
    min-width:400px;
    border-radius:6px;
    border:2px solid dimgrey;
}

.hkmfimage {
    width:100%;
    max-width:400px;
    border-radius:6px;
    border:none;
}



.checkmark {
    display: inline-block;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_stem {
    position: absolute;
    width: 3px;
    height: 15px;
    background-color: #ccc;
    left: 11px;
    top: 6px;
}

.checkmark_kick {
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #ccc;
    left: 8px;
    top: 12px;
}


.StudentMenuAdminBar {

    background-color:darkred;
    color:white;
    font-weight:bold;
    font-size:.8em;
    padding:3px 0px 5px 0px;

}

.ExploreImage {

    width:100%;
    height:auto;
    max-width:800px;
    border-radius:6px;
    border:1px solid black;

}



.StoreUserReportTable {
    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: 5px;
}

.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 5px 5px 5px;
    border: 1px solid dodgerblue;
}

.StoreUserReportTable tr:nth-child(even) {
    background-color: white;
    color: black;
}


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








.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;
}


.ClickableRow {
}

.ClickableRow:hover {
    background-color: orange;
    cursor: pointer;
}


.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;
}


.AttendanceButtonStudent {

    color: darkorange;
    font-size: .8em;
    background-color: white;
    border: 1px solid darkorange;
    border-radius: 4px;
    cursor:pointer;
    width:125px;
    text-align:left;

}

.AttendanceButtonStudentSelected {

    color: white;
    font-size: .8em;
    background-color: darkorange;
    border-radius: 4px;
    border: 1px solid darkorange;
    cursor:pointer;
    width:125px;
    text-align:left;

}

.AttendanceButtonStudent:hover {
   color: dodgerblue;
   border: 1px solid dodgerblue;
}

.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%;
}


.StandardInputBox {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    background-color: #e6f8ff ;
    border: 1px solid darkorange;
    width: 100%;
    padding: 3px;
    outline: none;
}

.UserBox {

    color: darkorange;
    font-size: .8em;
    background-color: white;
    border: 1px solid darkorange;
    border-radius: 4px;
    cursor:pointer;
    width:200px;
    text-align:left;

}


.SystemTable {
    width:100%;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
    border: none;
    vertical-align:middle;

    border-collapse: separate;

}

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

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

}

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


.AdminMenuButton {
    display: inline-block;
    margin: 0px 5px 0px 5px;
    cursor:pointer;
    border: 2px solid darkorange;
    border-radius: 6px;
    padding: 2px 2px 2px 2px;
}

.AdminMenuButton:hover {
    color:darkorange;
    border: 2px solid dodgerblue;
}

.AdminMenuButtonTitle {
    font-size:.6em;
    padding:4px 0px 0px 0px;
    background-color:transparent;
    width:50px;
    line-height:100%;
    text-align:center;
    vertical-align:top;
    cursor:pointer;
    color:white;
}

.AdminMenuButtonTitle:hover {
    color:darkorange;
}




.StandardCheckBox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0; b
    order: 0;
}


.StandardCheckBox + label {
    position: relative;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    height: 22px;
    color: rgb(97, 97, 97);
    line-height:110%;
}

.StandardCheckBox + label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    background-color: darkorange;
    border-width: 1px;
    border-style: solid;
    border-color: darkorange;
    border-radius: 2px;
    box-shadow: none;
    line-height:110%;

}

.StandardCheckBox:checked + label::after {
    content: " ";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ii8+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 0px;
    top: 0px;
    text-align: center;
    background-color: transparent;
    font-size: 10px;
    height: 22px;
    width: 22px;
}


.cbxQuizRequiredSet {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0; b
    order: 0;
}


.cbxQuizRequiredSet + label {
    position: relative;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    height: 22px;
    color: rgb(97, 97, 97);
    line-height:110%;
}

.cbxQuizRequiredSet + label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    background-color: dodgerblue;
    border-width: 1px;
    border-style: solid;
    border-color: dodgerblue;
    border-radius: 2px;
    box-shadow: none;
    line-height:110%;
}

.cbxQuizRequiredSet:checked + label::after {
    content: " ";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ii8+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 0px;
    top: 0px;
    text-align: center;
    background-color: transparent;
    font-size: 10px;
    height: 22px;
    width: 22px;
}




.cbxGreenCheckMarkBox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0; b
    order: 0;
}


.cbxGreenCheckMarkBox + label {
    position: relative;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    height: 22px;
    color: rgb(97, 97, 97);
}

.cbxGreenCheckMarkBox + label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    background-color: darkgreen;
    border-width: 1px;
    border-style: solid;
    border-color: darkgreen;
    border-radius: 2px;
    box-shadow: none;
}

.cbxGreenCheckMarkBox:checked + label::after {
    content: " ";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ii8+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: center center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px;
    left: 0px;
    top: 0px;
    text-align: center;
    background-color: transparent;
    font-size: 10px;
    height: 22px;
    width: 22px;
}



.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;
}


.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: 20px;

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

}

.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;

}



.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;
}

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

.CMSEditorTitle {
    display: block;
    background-color: #d4f0ff;
    width: 100%;
    text-align:center;
    border:0px;
    padding: 2px 0px 2px 0px;
    margin: 0px;
    font-weight:bold;
    font-size:.8em;
}



.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;
}


.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;

}



/* ****** CUSTOM RADIO BUTTON */

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #ffffff;
}

.StandardRadioContainer {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: white;
    margin:10px 0px 0px 0px;
}

.StandardRadioLabel {
    color:white;
    padding:4px 0px 0px 5px;
}

.StandardRadioLabel:hover {
    color:darkorange;
}

.StandardRadioContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.optionselector {
    position: absolute;
    top: 5;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.StandardRadioContainer:hover input ~ .checkmark {
    background-color: red;
}

/* When the checkbox is checked, add a blue background */
.StandardRadioContainer input:checked ~ .optionselector {
    background-color: white;
}

/* Create the optionselector (hidden when not selected) */
.optionselector:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the optionselector when checked */
.StandardRadioContainer input:checked ~ .optionselector:after {
    display: block;
}

/* Style the optionselector */
.StandardRadioContainer .optionselector:after {
    left: 2px;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: darkorange;
}

/* ***************** */


.divEmailPreview {

    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 dodgerblue;
    color: black;
    background-color: white;

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

    border-radius:8px;

    padding: 26px;

}

.divEmailPreviewMessage {
    display: inline-block;

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

    width: 100%;
}


.FeatureGroup {
    border:1px solid dodgerblue;
    border-radius:8px;
    margin:10px;
}

.FeatureTitle {
    background-color:dodgerblue;
    color:white;
    font-weight:bold;
    text-transform:uppercase;
    padding:5px 0px 5px 0px;
    border-radius:8px 8px 0px 0px;
}


.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;

}



.CoursePageTitle {
    font-size: 120%;
    letter-spacing: 3px;
    font-weight: bold;
    color:#176b96;
}

.CoursePageStepTitle {
    font-size: 150%;
    text-align: center;
    width: 100%;
    letter-spacing: 3px;
    font-weight: bold;
    color:#176b96;
    border: 0px;
    border-bottom: 1px solid #176b96;
    padding: 5px 0px 5px 0px;
    margin: 10px 0px 5px 0px;
}


.CoursePageStepTitle:hover {
    background-color: #e6f8ff ;
}

.CoursePageStepTitle:focus {
    background-color: #e6f8ff ;
    border: 0px;
}

.coursePageCommandBar {
    margin: 5px 0px 15px 0px;
}

.PageSectionsContainer {
    display:block;
    vertical-align:top;
}

.PageSectionContainer {
    display:inline-block;
    background-color: #e6f8ff;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
    text-align: center;
    vertical-align:top;
}

.PageSectionTitle {
        font-weight:bold;
        letter-spacing:1px;
        font-size: 120%;
        text-align:center;
        text-transform: uppercase;
        color:#176b96;
}

.FieldContainer {
        margin: 8px 8px 8px 8px;
        border: 1px solid #176b96;
        padding: 3px;
        font-size: 100%;
        vertical-align:top;
}

.FieldLabel {
    display:block;
    text-align:left;
    font-weight: bold;
    color:#176b96;
    font-size: 80%;

}

.FieldValue {
    display:block;
    text-align:left;
    vertical-align:top;
    margin: 5px 0px 0px 0px;
}

.PageTextArea {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    background-color: white ;
    border: 1px solid darkorange;
    width: 100%;
    resize: vertical;
}

.PageTextArea:hover {
    border: 1px solid #176b96;
}


.PageButton {
    font-size:80%;
    font-weight:bold;
    color: #176b96;
    text-shadow: 1px 1px white;
    padding: 3px 5px 3px 5px;
    background-color: #ffcc00;
    border: 2px outset orange;
    border-radius:5px;
    text-transform: uppercase;
    cursor: pointer;
}

.PageButton:disabled {
    color: #ffeeab;
    text-shadow: 1px 1px white;
}

.PageButton:hover {
    background-color:#176b96;
    text-shadow: 1px 1px transparent;
    color: white;
}

.PageButtonDisabled {
    font-size:80%;
    font-weight:bold;
    color: #4f3300;
    padding: 3px 5px 3px 5px;
    background-color: #bf7b00;
    border: 2px outset orange;
    border-radius:5px;
    text-transform: uppercase;
    cursor: pointer;
    text-shadow: 1px 1px #ffcc00;
}


.ClassIndexItem
{
    margin:0px 0px 0px 0px;
    border-bottom:1px solid #ffcc00;
    padding:3px 0px 5px 0px;
    background-color:white;
    color:darkorange;
    cursor:pointer;

}

.ClassIndexItem:hover
{
    background-color:dodgerblue;
    color:white;
}


.ClassIndexItemMain
{
    font-size:1.1em;
    font-weight:bold;
    text-transform:uppercase;
    margin:5px 0px 5px 0px;
    padding:10px 0px 15px 0px;

    border-bottom:1px solid #ffcc00;
    background-color:white;
    color:darkorange;
    cursor:pointer;

}

.ClassIndexItemMain:hover
{
    background-color:dodgerblue;
    color:white;
}


.AdminBigMenuButton
{
    display:inline-block;
    width:300px;
    border:2px solid darkorange;
    border-radius:10px;
    margin:10px;
    padding:5px 5px 5px 5px;
    height:auto;
    color: darkorange;
    cursor:pointer;
}

.AdminBigMenuButton:hover
{
    border:2px solid dodgerblue;
    color: white;
}

.AdminBigMenuButtonTitle
{
    font-size: .8em;
    font-weight: bold;
    text-transform:uppercase;
    line-height:110%;
    margin:5px 0px 0px 0px;
}

.AdminBigMenuButtonDescription
{
    font-size: .7em;
    font-weight: normal;
    text-transform:none;
    line-height:110%;
    margin:5px 0px 0px 0px;
}

.AdminBigMenuImage
{
    width:40px;

}

.AccountBigMenuButton
{
    display:inline-block;
    width:300px;
    border:2px solid darkorange;
    border-radius:10px;
    margin:10px;
    padding:5px 5px 5px 5px;
    height:auto;
    color: white;
    cursor:pointer;
    background-color:darkorange;
}

.AccountBigMenuButton:hover
{
    border:2px solid dodgerblue;
    color: darkorange;
    background-color:black;
}


.AccountBigMenuButtonDisabled
{
    display:inline-block;
    width:300px;
    border:2px solid darkorange;
    border-radius:10px;
    margin:10px;
    padding:5px 5px 5px 5px;
    height:auto;
    color: white;
    cursor:pointer;
    background-color:#b36200;
}


.AccountBigMenuButtonTitle
{
    font-size: .8em;
    font-weight: bold;
    text-transform:uppercase;
    line-height:110%;
    margin:5px 0px 0px 0px;
}

.AccountBigMenuButtonDescription
{
    font-size: .7em;
    font-weight: normal;
    text-transform:none;
    line-height:110%;
    margin:5px 0px 0px 0px;
}

.AccountBigMenuImage {

    width:40px;
    background-color:white;
    padding:2px;
    border-radius:6px;
}

.MenuButton
{
    display:inline-block;
    border-radius:6px;
    cursor:pointer;
    border:2px solid transparent;
    margin:0px;
    padding:0px;
}

.MenuButton:hover
{
    border:2px solid white;
}



.ButtonImageContainer {
    display:inline-block;
    vertical-align:top;
    color:darkorange;
    text-align:center;
    cursor:pointer;
    margin: 0px 1px 0px 1px;
}

.ButtonImageContainer:hover {
    color:dodgerblue;
}
.ButtonImage {
    height:36px;
    width:auto;
    border: 2px solid transparent;
    border-radius: 6px;
    padding: 2px 0px 2px 0px;
}

.ButtonImage:hover {
    color:darkorange;
    border: 2px solid dodgerblue;
}

.ButtonImageTitle {
    display:block;
    font-size:.6em;
    margin:1px 0px 0px 0px;
    background-color:transparent;
    width:100%;
    line-height:100%;
    text-align:center;
    vertical-align:top;
    color:darkorange;
}

.ButtonImageTitle:hover {
}


.BlogImage {
    border-radius:4px;
}