.formbox, .formtextarea, .formselect, .formbutton  { border:solid 1px #99bbd5; font-size: 11px; line-height:13px; color: #666666; }
.formbox { padding: 2px 3px; background: #fff; }

/*.editStudent, .changeStudent, .blueLink {color: #191d4b;}
.editStudent:hover, .changeStudent:hover, .blueLink:hover {color: #f05727;}*/
/* Headings - Text only no bgColor */
.CC_H1 { color:#191d4b; display:inline; font-size:22px; }
.CC_H2 { font-size: 18px; line-height: 18px; color: #191d4b; margin-bottom: 4px; }

/* These are divs and or tds that have padding and colors */
.CC_CartLoginBar { background-color:#191d4b; }
.CC_CartContainer { margin-bottom:15px; padding-bottom:10px; }
.CC_07OrderViewContainer { }
.CC_Title { background-color:#191d4b; padding:7px 7px 7px 7px; color:#ffffff; font-weight:bold; }
.CC_SubTitle { background-color:#e6eef5; padding:7px 7px 7px 7px; color:#191d4b; font-weight:bold; }
.CC_Padding { padding:7px 7px 7px 7px; }
.CC_Total { white-space:nowrap; font-weight:bold; background: #EFEFF7; padding:8px 10px 8px 10px; }

/* Class List Styles */
.CC_ClassList_Table {}
.CC_ClassList_ClassTd { padding:5px 5px 1px 0; border-top:1px dotted #ccc; font-weight:bold; }
.CC_ClassList_ScheduleTd { padding:0px 5px 3px 5px; }
.CC_ClassList_SpacerTd { height:10px; }


/* The login screen */
.CC_LoginTitle { background-color:#8dbd4e; padding:7px 7px 7px 7px; color:#ffffff; font-weight:bold; }
.CC_LoginCell { background-color:#edeef6; padding:15px;	border:1px solid #afafaf; }

/* Table Cells that alternate colors per row */
.CC_Data { padding:3px 5px 4px 5px; }
.CC_DataOdd { padding:3px 5px 4px 5px; background-color:#EDEDF7;}

/* Spacer Colors */
.CC_LineLight { color:#E4E4E4; background-color:#E4E4E4; }
.CC_LineDark { color:#A5AEB5; background-color:#A5AEB5; }
.CC_SubTitle_Clean { color:#A7A7BF; background-color:#A7A7BF; }
.CC_SubTitle_Clean_StudensHighlight { color:#FFFFFF; background-color:#7F7FA3; }


/* used on 03a_StudentAdd.asp, differs from a in underline only */
.CC_AReversed:link, .CC_AReversed:visited, .CC_AReversed:active { text-decoration:none; }
.CC_AReversed:hover { text-decoration:underline; }
.CC_AReversedWhite:link, .CC_AReversedWhite:visited, .CC_AReversedWhite:active { text-decoration:none; color:white; }
.CC_AReversedWhite:hover { text-decoration:underline; color:white;  }


/* styles for the classView catalog browse */
.CC_ANavBar:link, .CC_ANavBar:visited, .CC_ANavBar:active { text-decoration:none; color:#ffffff; font-size:11px; }
.CC_ANavBar:hover { text-decoration:underline; color:#ffffff; font-size:11px; }
.CC_BrowseArrow { background: #8ABE4F; width: 19px; }
.CC_BrowseMainBody { background: #6CAB1C }
.CC_BrowseBottomDecoration { background: #8DBD4F }


/* classView.asp */
.CC_RelatedClassHeader { font-weight: bold; font-size: 17px; line-height: 18px; font-family: arial,helvetica; color: #35499F; border-bottom:1px solid #A5AEB5; margin-bottom: 5px; }


/* style for the registration form (if not accepting credit cards) */
.CC_registrationFormUnderline {border-bottom:1px solid #AAAAAA; }
.CC_registrationFormTd {border-bottom:1px solid #AAAAAA; border-right:1px solid #AAAAAA; border-collapse:collapse; }
.CC_registrationFormInput {border:1px solid #AAAAAA;font-size: 11px; line-height: 14px; font-family: verdana,geneva; color: #656565; }
.CC_registrationFormVertLine  {border-right:1px solid #AAAAAA; }



/* FOR THE ORDER VIEW PAGE */
/* also in the admin stylesheet */
.OrderView_SmallText { font-size: 14px;}
.OrderView_SmallRedText  { font-size: 14px; color:#CC0000; }
.OrderView_SmallGreenText  { font-size: 14px; color:#006600; }
.OrderView_RedText  { color:red; }
.OrderView_TopBorder { border-top:1px solid #E5E5E5; }


/* Special Form Fields */
.CC_AdvSearchBox { border: 1px solid #B3B8BC; background: #F7F6FC; padding-left: 9px;padding-top: 9px;padding-bottom: 9px; width: 314px; vertical-align: middle; margin-bottom: 3px; }
.CC_InputBox { width: 167px; border: 1px solid #A5AEB5; font-size: 11px; line-height: 14px; color: #656565; }
.CC_searchBox { border: 1px solid #B3B8BC; height: 48px; width: 321px; background: #F7F6FC; }



.graySpacer { color: #A5AEB5 ; background: #A5AEB5; }


img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {max-width: 100%;height: auto}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}



.CC_pastCatalogAlert {background: #900; color:#fff; border: 1px solid #333; margin: 30px; padding:20px}
.CC_pastCatalogAlert .text {color:#fff;}
.CC_pastCatalogAlert a {color:#000; font-weight: bold;}
.CC_pastCatalogAlert a:hover {text-decoration: underline;}


/* Location Styles*/
.enrichment-location{color: #101820;font-size: 1.25em;line-height: 1.4;margin-bottom: 2em}
.enrichment-back {float: right;margin: 0 0 0 1em}
.enrichment-smClass {color: #4A4A4A; font-size: 1.125rem;font-weight: normal;display: block;line-height: 1;}
.enrichment-smClass span {display: block}

/* Instructor Styles*/
.instructor{width: 100%;display: block;clear: both}
.instructor img {display: inline-block;margin: .5em 2em 1em 0;width: 27%;height: auto}
.instructor div {width: 65%;display: inline-block}

/* Account Login Page*/
.boxWrap {   display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;}
.enrichment-col50 {float: left; width: 45%;margin-top: 2em;}
.enrichment-col50+.enrichment-col50{margin-left: 5%}
.accountBox,.loginBox {background-color:rgba(25, 29, 75, 0.05)}
.accountBox h2,.loginBox h2 {background-color: #191d4b; color: #fff;padding: .5em .5em;font-size: 1em;margin-bottom: 0;}
.accountBox ul {padding:0 1em}
.accountBox p, .loginBox p, .accountBox ul li{line-height: 1.2}
.accountBox p, .loginBox div{padding:.5em 1em;}
.loginBox div:is(.form-flex, .form-flex *) {
  padding: 0;
}
.loginBox input[type="email"], .loginBox input[type="password"]{margin-bottom: .5em;width: 100%}
.enrichment-warning { color:#EE0000; }
.form-flex>div>fieldset.enrichment-days>label {
    display: inline-block;
    width: 32%;
}
.form-flex>div>fieldset.enrichment-days>label + label {
  margin-top: 0.5em;
}

fieldset.enrichment-days {
  margin-bottom: 1rem;
}
/*Cart*/
#content .cartTabs{border-bottom: solid 1px #ccc; padding: 0; margin: 0; height: auto; line-height: 2.5em;}
#content .cartTabs li{display: inline-block;text-indent:0;width: auto;padding-left: 0;margin: 0}
#content .cartTabs li:before {background: none;width: auto;height: 2em}
.cartTabs li a {background-color:#191d4b; color:#fff; padding:.5em;line-height: 1rem;font-size: .9rem;border-radius: 4px}
#content .cartTabs li a:hover, #content .cartTabs li.On a{background-color:#ccd62a; color:#191d4b}
#content .cartTabs li a:before, #content .update:before, #content .delete:before{padding-left: 1em;text-indent: 0;background: none; content: "";background-position: left center;background-repeat: no-repeat; transition: all .2s ease;}
#content .cartTabs li a.cart:before{background-size: .8em .8em;background-image: url(/images/icons/shopping-cart.svg);}
#content .cartTabs li a.login:before{background-size: .8em .8em;background-image: url(/images/icons/lock.svg);}
#content .cartTabs li a.define:before{background-size: .8em .8em;background-image: url(/images/icons/user.svg);}
#content .cartTabs li a.payment:before{background-size: .8em .8em;background-image: url(/images/icons/dollar-sign.svg);}
#content .cartTabs li a.confirm:before{background-size: .8em .8em;background-image: url(/images/icons/check.svg);}
#content .cartTabs li a:hover:before, #content .cartTabs li.On a:before{filter: grayscale(1) brightness(0) invert(6%) sepia(60%) saturate(3261%) hue-rotate(230deg) brightness(108%) contrast(94%);}
#content a.delete:before{background-size: .8em .8em;background-image: url(/images/icons/times-circle.svg);}
#content .update:before{background-size: .8em .8em;background-image: url(/images/icons/undo.svg); filter: invert(1) invert(15%) sepia(8%) saturate(4472%) hue-rotate(197deg) brightness(95%) contrast(105%);}
#content .update:is(:hover,:focus):before {filter: grayscale(1) brightness(0) invert(1);}
.enrichment-cart-options{padding-left:1em}
.enrichment-cart-options span {color: #191d4b;}
.formTable select.formselectHalf,
.form-flex .half.two-inputs select {width: calc(50% - 1rem)}

.to {
    width: 2rem;
    display: inline-block;
    text-align: center;
}
.cartTable{border:solid 1px #ebebeb;margin-bottom: 2em}
.cart td{padding: .25em .5em}
.cart th{margin-bottom: 0}
.cart th {font-size: 1em}
.cartTable th, .cartTable td, .enrichment-cart td{padding: .5em 1em;vertical-align: middle;}
.cartTable tr:nth-child(odd), .formTable th, .enrichment-cart th {background-color:#EAEAEF;font-size: 1rem;padding: .5em .5em;}
.cartTable th, .cartTable td.th-style, .cart th.title, .formTable th.title {background-color:#eeeff2;color:#002060; font-size: 1rem;padding: .5em .5em;border-bottom: solid 1px #fff;}
.cartTable .button, .enrichment-cartcart .button{margin-bottom: 0}
.enrichment-cart tr{border-top: solid 1px #ccc;}
.enrichment-next, .enrichment-complete {float: right}

.orderView, .items{margin:2em 0;}

table.classes td:nth-child(n+2) {color: #326b9b; font-weight: 600;}

.orderHeader{margin-top: 1em}
.orderItems {margin-bottom: 1em}
.orderItems b {display: block}
.orderTotal{margin: 1em 0;border-top: solid 1px #ccc;border-bottom:solid 1px #ccc;padding: 1em}
.orderTotal td {padding:.5em 0}
.total {font-weight: 700;}
.content  a.enrichment-back + h1 + h2 {font-size: 1.4rem; margin-bottom: 0; margin-top: 2rem;}
.cartTable ~ a.button:last-of-type {background: #191d4b; color: #fff}
.cartTable ~ a.button:last-of-type:hover {background: #ccd62a; color: #191d4b;}

@media only screen and (min-width: 750px) {
    .enrichment-class h1 a:hover {background-color:#DBAB3F}
    body > * > .wrap, #alertApp > *, .home .wrap, #content {
    overflow:inherit;}
    #enrichment-search .keyword-search {display: block;max-width: 60%}
}
@media only screen and (max-width: 950px) {
    .enrichment-class section{width: 100%; float: left;margin: 2% 0;}
    .enrichment-right, .enrichment-left {width: 100%;float: none;padding: 0}
    .enrichment-right {-webkit-order: 1;-ms-flex-order: 1;order: 1;margin-bottom: 2em}
    .enrichment-left {-webkit-order: 2;-ms-flex-order: 2;order: 2;border-right:none;}
    .grid {-webkit-flex-direction: column; -ms-flex-direction: column;flex-direction: column;padding-right: 4%}
    .enrichment-right .fees ul{margin: 0}
}

@media only screen and (max-width: 900px) {
    .class-view .enrichment-class section div{width: 100%; float: left;margin:0}
    .enrichment-left .twoCol{columns:1}
    .enrichment-left .photoright {margin: 0 0 1em 1em}
     #content .cartTabs, #content .cartTabs li {display: block; width: 100%;padding:0 0 1px 0}
    #content .cartTabs .cart{margin-bottom: 0}
    #content .cartTabs li{margin: 0;padding: 0;border-bottom: solid 1px #fff}
    #content .cartTabs li::before{content: none}
    #content .cartTabs li a{width: 100%;display: block}
    .enrichment-col50 {float: left; width: 100%;margin-top: 2em;}
.enrichment-col50+.enrichment-col50{margin-left:0}
}

@media only screen and (max-width: 749px) {

    .cartButton {display: block;width: 100%;padding: 0}
    #content table.cartTabs {margin-bottom: 0}
    .button {padding: .5em .5em}
    .enrichment-col50 {float: left;width:100%;}
    .enrichment-col50 + .enrichment-col50 {margin-left: 0}
    .content .fancyTable td ul li::before{left: 0}
    .content .fancyTable td ul li{padding-left: 1em}
    .content .instructor .photoleft{height: auto;margin: 0 auto 1em auto;text-align: center;max-width: 100%;}
    .instructor div, .enrichment-right,.enrichment-left {width: 100%;padding: 0;border: 0}
   .enrichment-right {order: 1;}
    .enrichment-left{order: 2}
    .class-view .grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;}
    .class-view .enrichment-class h1{background:#191d4b}
    .formTable .button, .formTable select{margin-bottom: .5em}
    .formTable th {display: block;width: 100%}
    .content ul.fancy-list li{left: 0;margin: 0 0 .5em 0; width: 100%;-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;}

    .cartTable th, .cartTable td.th-style, .cartTable td, .enrichment-cart td {padding: .5em;}
    .cartTable input[type="number"] {width: 100%;}
    .formTable.cart.noBlock tr td,.formTable.cart.noBlock tr th {display: table-cell;} 
    .content .enrichment-left .category-class-list dd {padding-bottom: 1.125rem;}

}

@media only screen and (max-width: 500px) {
        table.classes td {display: block; width: 100%;}
        .cartTable th, .cartTable td.th-style, .cartTable td, .enrichment-cart td {padding: .25em; font-size: 0.9375rem;}
}
@media only screen and (max-width: 360px) {
    .enrichment-class div {width: 100%}
    .enrichment-class div+div {padding-top: 0}
}

/* wilton specific */
@media only screen and (min-width: 750px) {
	table.cart.formTable td:first-child { padding: .25em .5em; }
	table.cart.formTable td { width:initial; }
}