/* CONSISTENT COLORS */

/* Mustard */
#advancedSearch .title, #keywordSearch{background-color:#E9E3D5}

/* Red */
.formbutton, .enrichmentButton{}

/* BUTTONS */

.formbutton, .enrichmentButton{}
.enrichmentButton{}
.formbutton:hover, .enrichmentButton:hover{}
.formtextArea{border:1px solid #848589;color:#666;font-size:11px;line-height:17px;font-family:Arial, Helvetica, sans-serif}
.formselect{font-size:11px;line-height:13px;color:#666666;padding:0px 0px 0px 5px}
a.enrichmentButton:link, a.enrichmentButton:visited{}
a.enrichmentButton:hover, a.enrichmentButton:active{}


/* CATALOG VIEW */

#viewClassesBy{background:#fffaf0;margin-bottom:25px}
#viewClassesBy .title{padding:2px 0 0 8px;color:#000;background:#E9E3D5;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:134px;background:#fffaf0 url(../images/classes_by_bg.png) no-repeat 7px 8px;border-left:1px dashed #ccc;border-bottom:1px dashed #ccc;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:#6085b2;color:#fff}
#advancedSearch{background:#fff9ef;border-bottom:1px dashed #ccc;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 dashed #ccc}
#keywordSearch{margin-top:25px;border:1px dashed #ccc}
#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 {border-bottom:1px dashed #ccc;padding-bottom:8px;margin:0px 0 10px 0;}

/* SEARCH */

#searchByDay td{padding:2px 5px}
#searchByDay .formbutton{margin-top:15px;}
#advancedSearch2{background:#fffaf0;border:1px solid #ccc;padding:10px}
#advancedSearch2 .daysOfWeek{float:left;width:30%}
#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}

.CC_ClassListTable{margin-top:15px}
.CC_ClassListTable td{padding:0 2px}
.CC_ClassListTable a:link, .CC_ClassListTable a:visited{}
.CC_ClassListTable td.title{color:#000;text-decoration:none;font-size:12px;line-height:17px;padding:8px 0;font-weight:bold}
.CC_ClassListTable ul li{list-style:none;background:none}
.CC_ClassList_SpacerTd{border-top:1px dashed #ccc;padding:10px 0;}


/* 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:10px 0}
.cart th.alignRight { text-align:right; }
.cart th{white-space:nowrap;border-bottom:1px dashed #ccc;padding:7px 6px;background:#f7f4eb;color:#333333;border-top:1px solid #fff}
.cart th.title{background:#e9dec3; color:#00416B}
.cart td.updateOrder{border-top:1px dashed #ccc;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; padding-bottom: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:#337196}
.total td{padding:10px 5px;background:#f7f4eb;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc}
.items{border-bottom:1px dotted #ccc;}
.items td, .cardInfo td{background:#f7f4eb;border-top:1px dashed #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 2px;padding-left:20px;display:inline-block;height:18px;text-decoration:none}
.cart a.removeStudent {background:url(../../images/icons/16x16/delete.png) no-repeat 0 2px;padding-left:18px;display:inline-block;height:18px;text-decoration:none}
.cart a.addStudent {background:url(../../images/icons/16x16/add.png) no-repeat 0 2px;padding-left:18px;display:inline-block;height:18px;text-decoration:none}
.cart a.changeStudent {background:url(../../images/icons/16x16/lightning.gif) no-repeat 0 2px;padding-left:18px;display:inline-block;height:18px;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 */

#content #cartNavigation{margin:30px 0 0 0;float:left;width:100%}
#content #cartNavigation li{display:inline;list-style:none;background:none;margin:0;padding:0}
#content #cartNavigation li a{padding:6px 11px 6px 5px;float:left;display:block;background:#6085b2;color:#fff;text-decoration:none;border-right:1px solid #fff;}
#content #cartNavigation li a:hover{background:#a93741;color:#fff}
#content #cartNavigation li.On a{background:#004e7c;color:#fff}
#content #cartNavigation li a img{margin-right:5px}

#login{border-top:6px solid #00416B;margin-top:1px;float:left;width:100%}
#login h3{margin:5px 0 10px 0;font-size:12px}
#login td{padding:2px}
#login .left .enrichmentButton{margin:10px 0 5px 0}
#login .left{margin-right:12px; width:45%}
#login .right { width:46%}
#login .right .enrichmentButton{margin:18px 0 5px 0}
#login .right, #login .left{border:1px solid #ccc;padding:10px;background:#FFF9F0;margin-top:1px;min-height:240px}

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