/* CONSISTENT COLORS */

/* Light Orange */
#advancedSearch .title, #keywordSearch{background-color:#CE0E2D; }


/* BUTTONS & FORM STUFF PULLED FROM MAIN STYLE SHEET */
.formbutton, .enrichmentButton {font-size:1em; color:#ebf5eb; padding:8px 10px; border-radius:5px; background:#000; cursor:pointer;
   -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
   box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
	-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;
   }
a.formbutton, a.enrichmentButton {padding:4px 6px}
.formbutton:hover, a.formbutton:hover,
.enrichmentButton:hover, a.enrichmentButton:hover
{background-color:#CE0E2D; text-decoration:none; color:#fff}
.formbutton:focus, .formbutton:active,
.enrichmentButton:focus, .enrichmentButton:active
{bottom:-2px;
	-moz-box-shadow: -2px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow: -2px 0px 8px rgba(0,0,0,0.2);box-shadow: -2px 0px 8px rgba(0,0,0,0.2);
}


.formbox, .formtextArea input {border:1px solid #ccc;line-height:1.15em;color:#666666;background:transparent url(/images/formboxBG.gif) no-repeat 0 0}
.formbox, input {padding: 2px 3px;background-color:#fff}
.formtextArea {padding: 2px 0px;background-color:#fff}
.formselect {padding:0;border:1px solid #ccc;line-height:1.15em}
.formselect option {padding:0 3px}



/* CATALOG VIEW */

#viewClassesBy{background:#fffaf0;margin-bottom:25px}
#viewClassesBy .title{padding:2px 0 0 8px;color:#000;background:url(../images/tab_title_bg.gif) no-repeat 0 0;display:block;height:20px;border-bottom:1px solid #fff}
#viewClassesBy{width:320px}
#viewClassesBy ul li{display:inline;list-style:none;background:none;float:left;margin:0;padding:0;}
#viewClassesBy ul li a{width:135px;background:#fffaf0 url(../images/classes_by_bg.png) no-repeat 7px 8px;border-left:1px dotted #888787;border-bottom:1px dotted #888787;display:block;padding:5px 0 5px 24px;color:#000;font-size:15px;line-height:18px;text-decoration:none;float:left;-webkit-transition: all 100ms ease;-moz-transition: all 100ms ease;-o-transition: all 100ms ease;transition: all 100ms ease;}
#viewClassesBy ul li a:hover, #viewClassesBy ul li a:active{background-color:#000;color:#fff}
#advancedSearch{background:#fff9ef;border-bottom:1px dotted #888787;width:385px}
#advancedSearch .title{color:#000;display:block;padding:8px 15px;font-size:14px;line-height:18px;border-bottom:1px solid #fff}
#advancedSearch div{padding:15px}
#advancedSearch table{margin-bottom:15px;width:100%}
#advancedSearch td{padding:3px 5px 3px 0}
#advancedSearch th{font-weight:normal;text-align:left}
#catalogLeft{width:59%;padding-right:15px;float:left}
#catalogRight{width:35%;float:left;padding-left:15px;border-left:1px dotted #848589}
#keywordSearch{margin-top:25px;border:1px dotted #666}
#keywordSearch.gen{margin-top:5px}
#keywordSearch td{padding:5px 5px 5px 8px}
.advSearchLink{text-align:right;width:150px;float:right;clear:both;margin:5px 0 20px 0;display:block;}
#catalogRight h2{background:#ffffff url(../images/dots-gray.gif) repeat-x left bottom;padding-bottom:8px;margin:15px 0 10px 0;}

/* SEARCH */

#searchByDay td{padding:2px 5px}
#searchByDay .formbutton{margin-top:15px;}
#advancedSearch2{background: rgba(0,0,0,.1);border:1px solid #ccc;padding:10px}
#advancedSearch2 .daysOfWeek{float:left;width:30%;font-size: 14px;}
#advancedSearch2 .daysOfWeek .formbutton{margin-top:10px}
#advancedSearch2 td{padding:3px}
#advancedSearch2 th{text-align:left;font-weight:bold}
#advancedSearch2 .searchCriteria {float:left;margin-right:20px;width:60%}
#advancedSearch2 hr{margin:8px 0}
#advancedSearch2 .searchCriteria .formselect {font-size: 14px;width: 100%;font-family: "proxima-nova", Arial, Helvetica, sans-serif;}

.CC_ClassListTable{margin-top:15px}
.CC_ClassListTable td, .CC_ClassListTable th{padding:3px 5px;border-left:1px solid rgba(0,0,0,.1)}
.CC_ClassListTable td:first-child, .CC_ClassListTable th:first-child,.CC_ClassListTable td:first-child+td, .CC_ClassListTable th+th:first-child{border-left:0}
.CC_ClassListTable td:first-child, .CC_ClassListTable th:first-child{padding-right:0}
.CC_ClassListTable td:first-child+td, .CC_ClassListTable th+th:first-child{padding-left:0}
.CC_ClassListTable a:link, .CC_ClassListTable a:visited{text-decoration:none}
.CC_ClassListTable td.title{color:#000;text-decoration:none;font-size:12px;line-height:17px;padding:3px 5px;font-weight:bold;background-color:rgba(0,0,0,.1)}
.CC_ClassListTable ul li{list-style:none;background:none;padding:0}
.CC_ClassList_SpacerTd{background:#ffffff url(../images/dots-gray.gif) repeat-x center left;padding:10px 0;height:10px;display:none}
.CC_ClassListTable td{border-top:1px solid rgba(0,0,0,.1)}

/* SCHEDULE VIEW */

.left, .right{float:left;width:45%}
.left{margin-right:40px}

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

/* CART */

.cart{width:100%;float:left;clear:both}
.cart td{padding:5px}
.cart th.alignRight { text-align:right; }
.cart th{border-bottom:1px dotted #666;padding:7px 6px;background:#ccc;color:#333;border-top:1px solid #fff}
.cart th.title{background:#000; color:#fff}
.cart td.updateOrder{border-top:1px dotted #666;text-align:right;padding:12px 5px}
.cart td.updateOrder a{background:url(../images/update.png) no-repeat 0 1px;padding-left:22px;font-size:14px;text-decoration:none}
.cart td.bottomButtons{border-top:1px solid #ccc;padding-top:20px}
.cart .left{width:40%;margin-bottom:15px}
.cart .right{width:50%;margin-bottom:15px}
.cardTitles{width:100px}
.total{font-size:13px;font-weight:bold;color:#d21034}
.total td{padding:10px 5px;background:#f5f5f5;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc}
.items{border-bottom:1px dotted #ccc;}
.items td, .cardInfo td{background:#f5f5f5;border-top:1px dotted #ccc;padding:3px 2px}
.items td td { border-top:none; }
.printCert{background:url(../images/print.gif) no-repeat 0 -2px;padding-left:26px}

.cart a.editStudent {background:url(../../images/icons/16x16/page_white_edit.png) no-repeat 0 0;padding-left:20px;display:inline-block;height:16px;text-decoration:none}
.cart a.removeStudent {background:url(../../images/icons/16x16/delete.png) no-repeat 0 0;padding-left:18px;display:inline-block;height:16px;text-decoration:none}
.cart a.addStudent {background:url(../../images/icons/16x16/add.png) no-repeat 0 0;padding-left:18px;display:inline-block;height:16px;text-decoration:none}
.cart a.changeStudent {background:url(../../images/icons/16x16/lightning.gif) no-repeat 0 0;padding-left:18px;display:inline-block;height:16px;text-decoration:none}

span.additionalCharge { color:#CC0000; }	/* for "Add $5.00" used in ScheduleView.asp & shopping cart */
span.discountedCharge { color:#006600; }	/* for "Save $5.00" used in ScheduleView.asp & shopping cart */

#cartNavigation{margin:10px 0 0 0;float:left;width:100%; padding:0;}
#cartNavigation li{list-style:none;background:none;margin:0;padding:0}
#cartNavigation li a{padding:6px 11px 6px 5px;float:left;display:block;background:#CE0E2D;color:#fff;text-decoration:none;border-right:1px solid #fff;}
#cartNavigation li a:hover{background:#000;color:#fff}
#cartNavigation li.On a{background:#580000;color:#fff}
#cartNavigation li a img{margin-right:5px}

#login{border-top:6px solid #000;margin-top:1px;float:left;width:100%}
#login h3{margin:5px 0 10px 0;font-size:14px}
#login td{padding:2px}
#login .left .enrichmentButton{margin:10px 0 5px 0}
#login .left{margin-right:11px}
#login .right .enrichmentButton{margin:18px 0 5px 0}
#login .right, #login .left{border:1px solid #ccc;padding:10px;background:#e5e5e5;margin-top:1px;min-height:220px}

.accountInfo td, .cart table td, .giftCert td, .donate td, .emailList td, #pop table td, .orderView td{padding:3px 2px}
.spacer{height:20px}

.giftCert{margin:40px auto 0 auto}
.giftCert .enrichmentButton{margin-top:10px}

.donate{width:90%}
.emailList{margin:35px auto}

#pop{padding:20px}
#pop .formbox, #pop .formtextArea{width:200px}
.creditCard{margin:30px 0 20px 0}

#cert{width:532px;padding:20px;border:2px dashed #000;margin-bottom:15px;font-size:13px;font-weight:bold}
#cert .note{text-align:center;font-size:11px;font-weight:normal}
#cert h2{font-size:20px;margin:0 0 8px 0;font-weight:bold;text-align:right}
#cert .names{background:#f5f5f5;padding:10px 10px 10px 20px}
#cert .ul{border-bottom:2px solid #000}
#cert .activationCode{border:2px solid #000;padding:5px}
#cert .logo{width:280px;padding-right:20px}

img { border:0px }

.warning { color:red; }

/*----- Popover -----*/
#popover { 
   align-items: center;
   background: rgba(0,0,0,0.95);
   display: flex;
   height: 100%;
   justify-content: center;
   left: 0;
   padding: 1em;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 10;
       }
   
   #popover .container {
   max-width: 40em;
   position: relative;
       }

   #popover .close {
   color: #FFF;
   cursor: pointer;
   height: 1.5em;
   font-size: 2.25em;
   line-height: 1.5em;
   position: absolute;
   right: 0;
   text-align: center;
   top: -1.5em;
   width: 1.5em;
   background: #ce0e2d;
       }

#popover .close:hover {background-color: #580000;}
   
 #popover .popover-wrap {
   background: #FFF;
   max-width: 40em;
   padding: 2em;
   text-align: left;
       }
       
   #popover .popover-content {
   max-height: 75vh;
   overflow: auto;
       }

#popover .button {text-align: center;padding:.5em 1em;}
//#popover .button:hover {color:#fff;background-color: #8dc63f;}

/* SPECIAL FOR Stamford */
.CC_ClassListTable tr td ul { margin: 0 }
.CC_ClassListTable_ClassFull td { padding-bottom: 8px; }
.cart th { text-align:left; }
.nobr { white-space: nowrap }
.h2 { margin-top:15px; }
#content .CC_ClassListTable tr { vertical-align:top }
#content .CC_ClassListTable tr td ul li { margin-top:0 }
#content h1 { font-size:1.78em; color:#CE0E2D; margin-bottom:15px }
h2, #content h2 { margin-top:20px; margin-bottom:10px }
h3, #content h3 { margin-top:20px; margin-bottom:5px; }
p + h2, p + h3 { margin-top:20px; }
ul#cartNavigation { margin-bottom: 0; }

/* for catalog view */
.enrichmentLeft { width:460px; padding-right:35px; }
.enrichmentRight { width:199px; padding-left:21px; border-left:1px solid #d9dce8; }
.enrichmentRight h2 { margin:0; }
.advSearch { border-top:1px solid #ccc; padding-top:10px; margin-top:10px; }
.programs { margin-top:20px;}

/* brockton shims */
.title { display:table-cell; }
#content .CC_ClassListTable tr td ul { margin-bottom:0 }
#content .CC_ClassListTable_ClassFull td { border-top:none; padding:0 0 16px 0 !important; font-size:0.9em; }

#content .cart th { font-size:14px; }