/* #036497 to #036497*/

html,body,div,table,td,tr,p,h1,h2,h3,h4,h5,h6{font-family: Arial,Helvetica,sans-serif;}
div{box-sizing: border-box}
a{color:#036497;text-decoration: none}
a:visited{color:#036497}
a:hover,a:active,a:focus{color:#024264}
a:hover{text-decoration: underline}
body{background-color: #ffffff;}
#large-font, .large-font{
    font-size: 1.2em;
}
h2{font-weight: bold;margin-bottom:.25em;}
h3{font-weight: bold;margin-bottom:.25em}
h4{
    font-weight: bold;
    font-size: 1.15em;
    margin: 10px 0 5px 0;
}
h5{margin-bottom:0}
p{margin-bottom:1em}
div.total-cost{
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 8px 5px;
    margin: 10px 0;
}
div.callout.tiny .close-button{line-height: .5}
div.error{padding:.25em 1em;border-width: 1px;width:100%}
span.err-star{color:rgb(139,24,32)}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.notice{border:none;}
.success,div.callout.success {background:#e6f7d9;color:#264409;border-color:#c6d880;}
.success a,div.callout.success a {color:#264409;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.error a, .alert a {color:#8a1f11;}
div.success{padding:.25em 1em;border-width: 1px}
/*table.site-nav tr td.active{background-color:#036497}*/
table.site-nav tr td.active{background-color:rgb(3,82,125)}
div.container{box-sizing: content-box;background-color:#ffffff; /*border-left: 2px solid;border-right: 2px solid;border-bottom: 2px solid;box-shadow: 0px 0px 35px #000000;
  border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;background-color: #ffffff;margin-bottom: 30px;*/}
.half-under{margin-bottom:.5em !important;}
.kill-below{margin-bottom: 0 !important}
.kill-above{margin-top: 0 !important}
.half-right{margin-right:.5em !important}
span.new-student-title{color: #036497; font-size: 16px;}
a.change-session{font-size:.9em}
div#main-sess-info{margin:0 0 .25em 0}
.nb{white-space: nowrap}
div.chkout-tab-container{border:1px solid #036497;padding:1em}
.fw-200{font-weight:200}


/* *******************************************************************
 FORMS
******************************************************************** */
form{margin-top: 0;}
input[type=text]:focus,select:focus,input[type=password]:focus{outline:none !important; border:1px solid #222222}
input[type=text],input[type=password]{box-sizing:border-box; padding:.25em 0 .25em .25em;width:100%;margin:.1em 0 1em 0}
input[type=text].error,input[type=password].error{margin-bottom:0}
select{margin:.1em 0 1em 0;box-sizing:border-box;padding:.2em ;width:100%;}
select.error{margin-bottom: 0;padding:.2em 0 .2em .2em;width:100%;}
small.error{background-color:rgb(139,24,32);color:#fff;padding:.25em .5em;margin:0 0 1em 0;border:none;display: block}
small.success{background-color: #5da423;color:#fff;padding:.25em .5em;margin:0 0 1em 0;border:none;display: block}
small.notice{background-color: #808080;color:#fff;padding:.25em .5em;margin:0 0 1em 0;border:none;display: block}
label.optional,label.required{font-weight: normal;}
.required:after{content:" *";color: rgb(139,24,32);}
div.form-group{margin-bottom:1.5em}
label.donation:after{content:" $";padding-left: 8px;font-size: 1.2em;}
/* ***************************************************************** */

div.error{padding:.25em 1em;border-width: 1px;width:100%}
span.err-star{color:rgb(139,24,32)}
div.success{padding:.25em 1em;border-width: 1px}
div.UpperLeft{
    padding-left: 0; 
}
div.success.update{
    text-align: center;
    clear: both;
}
div.error.NewUser{
    width: 70%;
    text-align: center;
}
div.message{
    overflow: hidden;
}
div.notice{
    clear: both;
    text-align: left;
    padding:.25em 1em;
    background-color:#efefef;
}
div.notice.warning-box{width: 100%}
div.LeftLogo{
    border: 0;
    width: auto;
}
div.SelectStudent{
    /*border: solid 1px;*/
    padding: 14px 10px;
    margin-bottom:1.5em;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
/*    background-color:#efefef;
    background-color:rgb(241,241,241);*/
    
}
div.UpperLeft#content{
    width: auto;
    padding-left: 20px;
}
div.BodyContent#content{
    width: auto;
    padding-left: 0;
    margin-right: 20px;
}
div.UpperRight#content{
    width: auto;
    padding-left: 20px;
}
/*div.body-content{padding-right:1em;}*/
div.CurrentStudent{text-align: right;padding:3px 0 0 0;margin-bottom:1em}
div.ActiveSession{text-align: left;padding:3px 0 0 0;margin-bottom:1em}
span.session-name{font-weight: bold;text-transform: uppercase}
table.SelectStudent tr td{padding-top:0;padding-bottom:0}
p.class-data{font-size: 1.25em;margin-bottom:.5em}
/*div.content{padding-left:1em}*/
/*div.TopNav{
    width: auto;
    background-image: url(/img/black-30-1.png);
    background-repeat: repeat-x;
    overflow: hidden;
}*/
div.class-nav{padding:0 1em 0 .25em}
div.dANav{text-align: right;}
div.RegButton{
    margin-top: 10px;
}
div.RegStudentClasses{
    width: 100%;
    float: none;
    overflow: hidden;
}
table.RegStudentClasses{
    width: 0;
}
div.RegRates{
    border-top: solid 1px;
    padding-top: 1em;  
}

.Upper{
    background-image: url("/img/white-949.png"); 
    background-repeat: repeat-y;
    overflow: hidden;
}
/*div.footer{border-top:1.25em solid #808080;margin-top: 2em;text-align:center;padding-top: .5em;background-color: #036497;color:#fff;font-weight: normal;font-size: 1em}*/
.footer2{margin-top: 2em;background-color: rgb(3,100,151);color:#fff;font-weight: normal;font-size: .9em}
.footer2.ff{font-size:.8em}
.footer-section p{margin-bottom:0;line-height: 1.2rem}
.footer-section.customer{text-align: left}
.footer-section.studioworks{text-align: right}
.footer-section p.cust-name{font-size:1.2em}
.footer-bucket hr{margin:.75em auto;border-top: 0;border-right: 0;border-bottom: 1px solid rgba(255,255,255,.4);border-left: 0;}
.footer-top{padding-top:1em;padding-bottom:1em}
.footer-top.bp{padding:1em 1em;clear: both;overflow: hidden}
/*.footer-top p{margin-bottom:0;line-height: 1.2rem}*/
.footer-btm{padding-top:.5em;padding-bottom:.5em}
.footer-btm.bp{padding:.5em 1em;overflow: hidden;}
.footer-btm{background:rgb(3,82,125);vertical-align: middle}
.footer-btm.bp div.copyright-text{margin:0 2em 0 0;float:left;}
.footer-btm.bp div.copyright-menu{margin:0;float:right;line-height: 1em}
.footer-btm div.copyright-text{font-size:.8em;color:#fefefe;color:rgba(255,255,255,.9)}
div.copyright-menu{font-size:.85em;}
span.upper{text-transform: uppercase;}
.footer-btm ul,.footer-bucket.social ul{margin:0;padding:0;list-style: none;height: 100%}
.footer-btm ul li{display:inline-block;vertical-align: middle;padding:.6em .75em;list-style-type: none;border-right:1px solid rgba(255,255,255,.4)}
.footer-btm ul li:last-of-type{border-right:none;padding-right:0}
.footer-btm ul li a{color:#fefefe;color:rgba(255,255,255,.9)}
div.bp.footer-bucket.cust{float:left;width:40%;}
div.bp.footer-bucket.contact{float:left;width:30%;}
div.bp.footer-bucket.social{float:right;width:30%;}
div.footer-bucket.cust{padding-right:.75em;padding-left:.75em;text-align: center}
div.footer-bucket.contact{padding-right:.75em;}
div.footer-bucket.social{text-align: right;padding-left:.75em}
.footer-bucket.contact p i{padding-right:.5em}
.footer-bucket.cust p.cust-name{font-size:1.15em}
.footer-bucket.social ul li{display:inline-block;vertical-align: middle;padding:0 .5em;list-style-type: none;}
.footer-bucket.social ul li:last-of-type{padding-right:0}
div.footer-bucket.social ul li a.social{font-size:2.5em;color:#fefefe;line-height: 1.1em}
div.footer-bucket.social ul li a.social:hover,div.footer-bucket-social ul li a.social:visited{color:#fefefe}
.footer-header{text-transform: uppercase;font-size:1em}
/*.footer-btm hr{border-color:rgb(3,82,125);color:rgb(3,82,125);background:rgb(3,82,125);margin:0 0 .5em 0}*/

/*p.copyright{margin-top:1em;font-size:.9em}*/
div#reg-steps{
    font-size: 14px;
    text-align: center;
    
}
div#register-steps{
    font-size: 14px;
    text-align: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
    clear: both;
    padding: 2px;
}
span.this-step{
    color: #036497;
    font-weight: bold;
}
span.other-step{
    color: #808080;
    font-weight: normal;
}
table.AvailClasses{
    width: auto;
    min-width: 425px;
    margin-bottom: 10px;
}
div.RegisteredClasses{
    border-top: black;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 0px;
    padding-top: .5em;
    overflow: hidden;
}
div.has-form{
    clear: both;
}
table.TopNav{
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    border: none; 
    width:100%;
}
table.TopNav{
    margin-bottom: 10px;
}
table.waitlist{
    /*width: 100%;*/
    margin-bottom: 15px;
}
table.TopNav a{
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-size: 1.1em; 
}
table#student-info, table#newUser{
    width: auto;
}
#newUser tbody tr:nth-child(even) td, tbody.newUser tr.even td{
    background:#fff;
}
table.checkout-reg-list, table.checkout-reg-list td{
/*    width: auto;
    padding-right: 20px; */
    
}
table#billing-info{
    width: auto;
}
#billing-info tbody tr:nth-child(even) td, tbody.SelectStudent tr.even td{
    background:#fff;
}
table#credit-info{
    width: auto;
}
#credit-info tbody tr:nth-child(even) td, tbody.SelectStudent tr.even td{
    background:#fff;
}
table.SelectStudent{
    margin: 0;
}
table#forgot-pw{
    width: 0;
    margin-left: 90px;
}
table#chance-to-dance{
    width: 0;
    text-align: right;
}
/*td.classList{
    padding:4px 10px 4px 5px;
}*/
#clear tbody tr:nth-child(even) td, tbody.SelectStudent tr.even td{
    background:#fff;
}
table.TopNav a:hover{
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-size: 1.1em;
}
table.history{margin-bottom:1em}
table.history tr td{padding-top:0;padding-bottom:0}
table.history tr th{padding-top:0;padding-bottom:0}
td.TopNav{
    text-align: center;
}
table.total-cost{
    width: auto;
    margin-bottom: 0;
    margin-left:auto;
    margin-right: 0;
}
td.total-cost, tr.total-cost{
    text-align: right;
    font-weight: bold;
}
td.sum-line{
    padding-left: 20px;
    text-align: right;
}
/*.bg:hover{
    background-image: url(/img/blue-30-1.png);
    background-repeat: repeat-x;
    overflow: hidden;
}*/
div.top-nav{background-color:#808080}
span.classList#className{
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom:.5em;
}
span.classList#classLength{
    font-size: 1.25em;
    font-weight: normal;
    font-style: italic;
}
table.classList,table.AvailClasses{
    font-size: .9em;
}
table.standard{border:1px solid #024264;border-collapse: collapse}
table.standard thead tr,table.standard th{background-color: #036497;color:#ffffff;opacity: 1;}
table.standard thead tr th,table.standard tr th{font-size:.9em;padding:2px 5px;}
table.standard.has-hover tbody tr:hover{background-color: #e6f4ff;color:#000000}
table.standard tbody tr.click-row{cursor: pointer}
table.standard thead tr,table.standard tbody tr{border-bottom:1px solid #024264;border-collapse: collapse}
table.standard thead tr td,table.standard tbody tr td{border-bottom:1px solid #024264;border-collapse: collapse}
table.standard tbody tr.canceled td{color:gray}
table.standard.invoice-det thead tr,table.standard.invoice-det thead tr th{background-color: #efefef;color:#222;}
table.standard.att-class-list{width:auto}
table.standard.att-class-list tbody tr td:first-of-type{padding-right:3em}
table.standard tbody tr.active{background-color: #e6f4ff;}
/*table.standard tbody tr.active td{background-color:yellow}*/
a.all-present{margin-right:1.5em}

td.strike{text-decoration: line-through}

div.caption{color:#505050;width: 570px;text-align: justify;border-bottom: solid 1pt;margin: 10px auto 20px;}                             
div.picture{color:#505050;width: 570px;margin: 0px auto;}
div.notice-box{margin-bottom: 2em;border: black solid 1px;padding: 1em 1em 0 1em;width: 85%;text-align: left;clear: both;}
div.notice-box p{margin-bottom:1em}
span.notice-box-title{color: #036497; font-size: 1.2em;}
img.homePage{
    border: solid 1pt;
}
table.Tuition.grey{
    border: solid 1px;
    background-color: #E8E8E8;
    text-align: center;
    width: auto;
    margin-bottom: 1em;
}

.Tuition td, .Tuition th{
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
}

.Tuition.workshop th{text-align: left}

table.Tuition-summer{
    border: solid 1px;
    background-color: #E8E8E8;
    text-align: center;
    width: auto;
    margin-bottom: 10px;
    font-size: 12px;
}
td.summer, th.summer{
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
td.wkshp-list, th.wkshp-list{
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}
.grey tbody tr:nth-child(even) td, tbody.SelectStudent tr.even td{
    background-color: #E8E8E8;
}
table.RegCalc{width:100%;}
table.RegCalc td{
    text-align: right;
    border-collapse: collapse;
    border-right: solid 1px #024264;
}
table.RegCalc td#left{
    text-align: left;
}
table.RegCalc th{text-align: center;border-collapse: collapse;}
table.RegCalc td:last-child{
    border-right: none;
}
table.RegCalc th:last-child{
    /*border-right: none;*/
}
.StudentList{
    display: inline-block;
    margin: 0 12px 0 0;
    vertical-align: top;
    width: auto;
}
#manage-acct-links div.title-bucket{width:35%;float:left;overflow: hidden}
#manage-acct-links div.link-bucket{background-color:#fefefe;height:100%;width:65%;float:left;overflow: hidden;padding-left:1em;padding-right:1em}
div.bucket-row{background:#efefef}
div.manage-wrapper{    border: 1px #666 solid;
    margin: 0 auto 2em auto;
    float: none;
    overflow: hidden;}
div.manage-bucket.manage-title{padding-left:1em}
div.manage-bucket{padding:.5em 0;background:#fefefe}
/*div.manage-bucket.last{padding-right:0}*/
div.manage-bucket ul{margin-right:0}
div.logo{text-align: center}
img#dce-logo{padding:10px 0 10px 0}
div.banner{height:170px;}
img.banner-img{margin:0;padding:0}
th#RegStudentClasses{
    text-align: left;
}
input{
    padding-left: 3px;
}
input[readonly="readonly"]{
    background-color: #e8e8e8 !important;
}
table.login{
    width: 0;
    list-style-type: none;
}
.change-pw{
    width: 0;
    list-style-type: none;
}
.login tbody tr:nth-child(even) td, tbody tr.even td {
    background-color: white;
}
.change-pw tbody tr:nth-child(even) td, tbody tr.even td {
    background-color: white;
}
#forgot-pw tbody tr:nth-child(even) td, tbody tr.even td {
    background-color: white;
}
#chance-to-dance tbody tr:nth-child(even) td, tbody tr.even td {
    background-color: white;
}
.legal tbody tr:nth-child(even) td, tbody tr.even td {
    background-color: white;
}
p#addStudent{
    margin-bottom: 5px;
}
table#student-list{
     width: auto;
    
}
span#inactive{
    color: gray;
}
p#manage{
    margin-bottom: 5px;
}
th#left{
    text-align: left;
}
p#legal{
    font-size: 12px;
}
td#legal-cb{
    width: 25px;
    padding: 0;
    vertical-align: middle;
}
td#legal-submit{
    text-align: right;width:100%;}
span.total-cost{
    color: #036497;
    font-weight: bold;
    font-size: 1.2em;
}
div#reset-pw{
    clear: both;
    margin: 20px 0 40px 0;
}
span.no-break, .no-break, .nobr{
    white-space: nowrap;
}
td.no-break{
    width: 1px;
}
div#dresscode{
    float: right;
    margin: 25px 15px 0 0;
    border: black solid 1px;
    padding: 10px;
}
div.no-java{
    position: fixed;
    top: 0;
    left:0;
    width: 100%;   
}
div.new-student-notice{
    /*border: black solid 1px;*/
    margin: 2.5em 0 0 0;
    padding: 1em 0;
    
}
.white tbody tr:nth-child(even) td, tbody tr.even td {
    background-color: white;
}
#regpay-btn{
    margin: 10px 0;
    text-align: right;
}
a.footer-link, a.footer-link:visited{
    text-decoration: none;
    color: #fff;
}
a.footer-link:hover{
    text-decoration: underline;
}
ul.warning-list{list-style-image: url("/img/ErrorWarningIcon/warning-12.png");margin-bottom:0}
ul.error-list{list-style-image: url("/img/ErrorWarningIcon/error-12.png");margin-bottom:0}
ul.error-list li.list-err{list-style-image: url("/img/ErrorWarningIcon/error-12.png");margin-bottom:0;text-decoration: none; cursor: pointer;}
ul.error-list li.list-warn{list-style-image: url("/img/ErrorWarningIcon/warning-12.png");margin-bottom:0;text-decoration: none; cursor: pointer;}
ul.error-list li a{text-decoration: none;color:#8a1f11;}
div#accordion{border-bottom: 1pt solid #222222;}

table.transHistHead{color:#222222;margin-bottom:0;border-top: 1px solid #222222;border-right: 1pt solid #222222;border-left: 1pt solid #222222;width:100%;}
/*table.transHistHead:hover{cursor: pointer;}*/
table.transHistHead th{font-weight: bold;font-size: .8em; text-align: left;padding:2px 5px 2px 5px;background-color: #efefef}
table.transHistHead th a.button{font-weight: normal}
table.transHistHead td{font-weight: normal;font-size: 1.2em;line-height: 1em; text-align: left;background-color: #efefef}
table.transHistHead tbody tr:nth-child(even) td, table.transHistHead tbody tr{background-color: #efefef;}
div.transHistBody{background-color: #ffffff; margin-bottom:0;overflow: hidden;padding:0; color:#222222;border-right: 1pt solid #222222;border-left: 1pt solid #222222;}
div.transHistBodySeg{padding:0 15px 0 5px;overflow: hidden;}
div.transHistBody.on-list{}
table.transHistSub{border-collapse: collapse;}
table.transHistSub td{padding-right:15px;}
table.transHistSub tbody tr:nth-child(even) td{background-color: #E0F0FF;}
table.transHistSub th{color:white;background-color:#00456d; text-align: left;font-size: .9em;}
table.transHistDet tr{border:1pt solid #00456d}
table.transHistHead.on-list tbody tr,table.transHistHead.on-list tbody tr th,table.transHistHead.on-list tbody tr td{background-color:#cccccc;}
table.RegFeeBox{width:auto;font-size: .9em}
table.RegFeeBox tr td{border-right:black solid 1px;}
td.nav-link{background-color:rgb(3,100,151);color:#ffffff;text-align: center;}
td.nav-link:hover{background-color: rgb(3,82,125)}
td.nav-link-empty{background-color:rgb(3,100,151)}
td.nav-link a{display:inline-block;width:100%;height: 100%}
/*td.nav-link{background-color:#808080;color:#ffffff;text-align: center;}
td.nav-link:hover{background-color: #036497}
td.nav-link-empty{background-color:#808080}
td.nav-link a{display:inline-block;width:100%;height: 100%}*/

/*div.left-nav{background-color: #000000}*/
table.TopNav{margin:0}
input#donation{width:70px;margin-right:1em}
table#credit-info tr td.element input{margin-bottom:0}
input[type="submit"].button,button.button,a.button{border:0;padding:.75em 1.25em;background-color:#036497;color:#ffffff}
a.button{border:0;padding:.75em 1.25em;background-color:#036497;color:#ffffff;display:inline-block;text-decoration: none}
input[type="submit"].button:hover,button.button:hover,a.button:hover{-moz-transition:background-color .2s ease-in;-o-transition:background-color .2s ease-in;-webkit-transition:background-color .2s ease-in;background-color: #024264;color:#ffffff;cursor:pointer}
input[type="submit"].button.important,.button.important{padding:1em 2em;font-size: 1em;text-transform: uppercase;margin-top:1em;margin-bottom:1em;font-weight: bold}
input[type="submit"].button.important:hover{padding:1em 2em;font-size: 1em;text-transform: uppercase;margin-top:1em;margin-bottom:1em;font-weight:bold}
/*button.inactive.important{background-color: #808080}*/
a.inactive{color:#808080}
button.inactive.important,.button.inactive.important{background-color: #808080;padding:1em 2em;font-size: 1em;text-transform: uppercase;font-weight: bold;color:#fff}
.button.inactive,.button.inactive:focus,input[type="submit"].button.inactive,.button.inactive:hover{background-color:#808080;color:#fff}
.button.tab-inactive{background-color:#ddd;color:#222}
.button.tab-inactive:hover{background-color:#ccc;color:#222}
.text-left{text-align: left !important}
.text-right{text-align: right !important}
span.calc-lbl{font-size: .75em;font-weight: bold;color:gray}
table.stacked thead th{text-align: center}
table.stacked tbody tr td{border-right:1px solid #024264;border-collapse: collapse;text-align: right}
table.stacked tbody tr td{vertical-align: top}
ul.plain{list-style: none;padding-left:0}
.text-center{text-align:center }
.text-justify{text-align:justify}

div.reg-calc-section{display:table;width:100%}
div.reg-calc-section div.reg-calc-row{display: table-row;width:100%}
div.reg-calc-section div.reg-calc-row div.reg-calc-data-lbl{display:table-cell;text-align: left;padding-right:.75em;font-size: .75em;font-weight: bold;color:gray}
div.reg-calc-section div.reg-calc-row div.reg-calc-data{display:table-cell;text-align: right}

div.checkout-accordion .ui-widget-content{border:none}
table.class-list thead tr th{padding-left:.6em;padding-right: .6em}
table.class-list tbody tr td{padding-left:.6em;padding-right: .6em}

div.hide{display:none}
span.error-list-title{font-weight: bold;}
div#regErrors_ul{padding:.5em .8em}
select:disabled{color:#000000;background-color:#e8e8e8}
span.has-tipp{cursor:default}



div.tooltipster-base{overflow: visible !important}
button.invoice-pay-btn{margin:.4em .5em;padding:.5em 2em;}
a.button.invoice-pay-btn{display: inline-block;width:75px;padding:.6em 0;text-align:center}
button.invoice-pay-btn.quiet,a.button.invoice-pay-btn.quiet{background-color:#fff;color:#222;border:1px solid #222}
button.invoice-pay-btn.quiet:hover,a.button.invoice-pay-btn.quiet:hover{background-color:#036497;color:#fff;}
div.login-panel{background-color: rgb(241,241,241);padding:1em;margin-top:2.5em;}

/*div.checkout-inv-list{padding:1em;margin-bottom:1em;background-color:#efefef}*/
div.checkout-inv-list{padding:1em;margin-bottom:1em;border:1px solid #222}
div.promo-bucket{padding:1em 2em;background-color: rgb(241,241,241);display: none}
div.promo-bucket-show{padding:1em 2em;background-color: rgb(241,241,241);}
div.checkout-open-inv{margin-bottom:1.5em}
p.pay-det{font-size: 1.75em;font-weight: normal;color:#036497}
div.charge-amt{margin-top:1em}
div.charge-amt-lbl{float:left;font-size:.9em;font-weight:bold;line-height:2.9em;}
div.charge-amt-val{font-size:1.5em;text-align: center;}
/*div.inv-det-pnl{min-height:5em}*/
div.payplan{font-size: .9em;margin:0}
p.inv-det-header{font-weight: bold;margin-bottom:0}

div.pay-opt-invoice-sel{margin-bottom:1.5em}
table.payplan-frm{width:100%}
table.payplan-frm tr td{padding:0;margin:0}
table.pay-list{width:auto;margin:0 auto 1em auto;}
table.pay-list tbody tr td.pay-list-det, table.pay-list thead tr th.pay-list-det{padding:0 2em 0 0}
table.pay-list tbody tr td.pay-list-val{padding:0;text-align: right}

div.card-on-file{border-right:1px solid #222;padding:0 1em}
div.pay-new-card{padding:0 1em}
table.cards-on-file{margin:0 auto;margin-bottom:1em}
div.pymt-invoice-det{margin-bottom:1em}
div.inv-det-pnl:last-of-type{border-bottom:1px solid #222}
input[type=submit].button.payplan-submit{padding-top:.5em;padding-bottom:.5em}
div.donation-bucket p{font-size: .9em}
div.pay-opt-payment{margin-bottom:2em}
#overlay{background-color: rgba(0, 0, 0, 0.3);z-index: 9999;position:fixed ;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#overlay-load{width:350px;padding:1em 0;background-color:#fff;border:2px solid #8c8c8c;position:relative;margin:20% auto;z-index: 99999}
p.lg-accent{font-size:1.5em;font-weight: normal;padding:1em 0}
p.med-accent{font-size:1.25em;font-weight: normal;padding:1em 0}
div.panel-60{width:60%;display:block;margin:0 auto;}
div.panel-80{width:80%;display:block;margin:0 auto;}
div.panel-90{width:90%;display:block;margin:0 auto;}
div.secondary{background-color:#efefef;padding:.75em 1.25em;
          /*border:solid 2px #a6a6a6*/
}
img.trash-icon{margin-right:.5em;vertical-align: middle}
div.long-policy-block p{font-size:.9em;padding-right:1em}
p.policy-head{font-weight: bold;margin-bottom:0}
div.long-policy-block{height:13em;overflow-y: scroll;border:1px solid #8c8c8c;padding:.5em 0 .5em .5em;margin-bottom:1em}
span.att-student-type{font-size:.8em;text-transform: uppercase;display: block}
a.button.heavy{padding:1em 1.25em}
input[type=text].kill-marg{margin:0}
div.back-arrow{display: inline-block;line-height: 45px;padding-left:.8em;}
i.back-arrow{color:#fff;font-size:1.25em;display:inline-block;font-weight: normal;}
div.hamburger{color:#fff;font-size:1.55em;display:inline-block;float:right;line-height: 45px;cursor: pointer}
i.hamburger{padding:0 .8em}
div.resp-pg-title{color:#fff;font-size:1.5em;font-weight: bold;display: inline-block;line-height: 45px;padding-left:.5em}
div.mobile-banner{margin-bottom:.5em;height:45px}
.list-header{font-weight: bold;margin-bottom: .25em}
ul.emp-opt-list{list-style: none;margin-left:.25rem}
p.med-info{font-size: .9em}
span.med-student-name{font-weight: bold}
table.admin{width:auto}

p.no-reg{font-size:.9em;text-align: center;color:rgb(139,24,32);margin-bottom:1rem}

/* ---------- 3/9/2017: ProgRep --------------------------- */
div.my-class-sect{border-collapse: collapse;padding-top:1em}
div.class-det-sect{padding-top:.5em;padding-bottom:.5em}
p.my-class-name{font-weight: bold;font-size:1.1em;margin-bottom:0}
p.my-class-det{margin-bottom:.2em;font-size:.9em}
span.pr-sect-title{display: block;background-color:#036497;color:#fff;font-weight: bold;padding-left:.5em}
div.pr-grade-container{padding:.5em 0}
div.pr-grade-item{border-bottom:1px solid #036497}
.ui-autocomplete {max-height: 10em; overflow-y: scroll; overflow-x: hidden;}
textarea.pr-comments {height: 8em}
@media print, screen and (min-width: 64em){
  textarea.pr-comments {height: 17em}
}
hr.pr-divider{margin:0;border-color: #036497}
a.button.pr-nav-next{margin:.5em 0;min-width: 50px}
a.button.pr-nav-prev{margin:.5em 1.5em .5em 0;min-width: 50px}
.data-lbl{font-weight: bold;font-size: .8em;color:#808080;margin-bottom: 0;line-height: 1.1em}
.data-det{font-size: 1.1em;line-height: 1}
table.structural,table.structural thead,table.structural tbody
 ,table.structural thead tr,table.structural tbody tr
 ,table.structural thead tr th,table.structural tbody tr td{border:0;background-color: transparent;}
table.pr-header thead tr th,table.pr-header tbody tr td{padding:0 5px;}
div.my-class-container > div:first-child{border-top:1px solid #036497;border-collapse: collapse;}
.input-group-label.plain {padding: 0 1rem;border: none;background: transparent;color: #222;text-align: center;}
select.field-min{width:auto;}
table.pr-class-rev{width:auto}
table.pr-class-rev thead tr th,table.pr-class-rev tbody tr td{padding-right:1rem}
.txt-primary{color:#036497}
.bg-primary{background-color:#036497 !important; color:#fefefe}

span.active-session{font-weight: bold}
select.active-session{display: inline-block;width:150px;margin-bottom:0}
#ActiveSessionSubmit{display: hidden}
a.button.tab-active,a.button.tab-inactive{display:inline-block;margin:0;float:left;padding-top:.5em;padding-bottom:.5em}
tr.bg-gray,tr.bg-gray td{background-color:#efefef}

table.standard.checkout-reg-list{}
table.standard.checkout-reg-list tbody tr td{border-bottom:none}
table.standard.checkout-reg-list tbody tr{border-bottom:1px solid #ddd}
table.standard.checkout-reg-list tbody tr:last-child{border-bottom:none}

tr.new-student td{border-top:1px solid #036497;border-collapse: collapse}




/*ul.class-avail-nav{margin:0 0 .5em 0;list-style: none;padding-left:0}
ul.class-avail-nav li{padding-left:.5em;border-bottom:1px solid #ddd}
ul.class-avail-nav li:last-of-type{border-bottom:none}
ul.class-avail-nav.active li.class-avail-nav-title{background-color:#036497}
ul.class-avail-nav li:hover,ul.class-avail-nav li.active{background-color:#efefef}
ul.class-avail-nav li a{color:#222;text-decoration: none}
ul.class-avail-nav li a:hover{color:#036497;text-decoration:underline}
ul.class-avail-nav li.class-avail-nav-title{border-bottom:none;font-weight:bold;margin-bottom:0;background-color:#808080;color:#fefefe;text-align:center;font-size:.9em}*/

ul.class-avail-nav{margin:0 0 .5em 0;list-style: none;padding-left:0}
ul.class-avail-nav li{padding-left:.5em;}
ul.class-avail-nav li.active{background-color:#efefef}
ul.class-avail-nav li.active:hover a{text-decoration: none;color:#222;}
ul.class-avail-nav li a{color:#222;text-decoration: none}
ul.class-avail-nav li a:hover{color:#036497;text-decoration:underline}
ul.class-avail-nav li.class-avail-nav-title{padding-left:0;font-weight:bold;background-color:transparent;line-height:1.1em}


p.class-nav-title{font-weight:bold;font-size:1.2em;margin-bottom:.35em}
table.pymt-inv-det{float:right;min-width:200px;margin-bottom:0}
.notice.yellow {background:#fff6bf;color:#514721;border-color:#ffd324;border-width:2px;border-style: solid}
div.class-supp-info p:last-child{margin-bottom: 0}
table.structural.class-data tbody tr td{padding-left:0}
table.structural.class-data tbody tr td{padding-right:1.25em}
table.structural.class-data tbody tr td:last-child{padding-right:0}
table.structural.class-data{margin-bottom:.75em}
p.class-det{margin:.25em 0}
div#ClassDet{margin:0 0 .75em 0}
table.transHistHead tr td{padding-top:0;padding-bottom:.4rem}
table.transHistHead tr th{padding-top:.2rem;padding-bottom:.2rem}
body.site{display:-webkit-flex;flex-direction: column;min-height: 100vh;height:100%}
main.site-content{-webkit-flex:1}
header{display: block;margin:0;padding:0;overflow: hidden;-webkit-flex:none}
main{display: block;margin:0;padding:0;overflow: hidden;}
footer{display: block;margin:0;padding:0;overflow: hidden;-webkit-flex:none}

.privacy-policy h2{font-size:175%;}
.privacy-policy h3{font-size:150%;font-weight: normal}

div.add-student-title{padding:.75em 1em;background-color:#efefef;color:#003a66;font-size:1.25em;margin-right:8px}
div.add-student-text{padding:.75em 1em;font-size:1.1em}
div.new-student-container{border:1px solid #efefef;margin-bottom:1.5em}
a.change-session{text-align: center}
a.change-session span.header{font-size:1.25em;text-transform: uppercase;letter-spacing: 1px}

/******* NAVIGATION ***************************************************************************************************/
ul.nav {
  list-style: none;
  background-color: rgb(3,100,151);
  text-align: center;
  padding: 0;
  overflow: auto;
  width: 100%;
  margin: 0 auto;
}
ul.nav li {
  font-size: 1em;
  line-height: 32px;
  height: 32px;
  float: left;
  /*border-right:1px solid rgba(254,254,254,0.2);*/
}
ul.nav li.nav-logout{
  float:right;
  /*border-left:1px solid rgba(254,254,254,0.2);*/
}
 
ul.nav a {
  text-decoration: none;
  color: #fefefe;
  display: block;
  transition: 0.2s background-color;
  padding:0 1.5rem;
}
 
ul.nav a:hover {
  background-color: rgb(3,82,125);
}
 
ul.nav li.active {
  background-color: rgb(3,82,125);
  color: #fefefe;
  cursor: default;
}




a.trueblue,a.trueblue:hover{color:#0000ee}
table.reg-summary{width:100%}
table.reg-summary tr td:first-of-type{padding:0 .375rem 0 0;text-align: right}
table.reg-summary tr td:last-of-type{padding:0 0 0 .375rem;text-align: left;font-size:1.375em}
p.has-dropins{margin-bottom:1em;font-style: italic;text-align: center}
p.has-dropins span{font-size:1.2em}
#PaymentList{padding-bottom:0}
#PaymentList .instructions{font-size:.9em}
/*#PaymentList .invoice-list{margin-bottom:1.5em}*/
#PaymentList hr{width:55%;margin:0 auto 1em auto;}
#PaymentList table.pay-list tr th{font-size:.9em}


table.cho-item-header{margin-bottom:0;width:100%}
table.cho-item-header,table.cho-item-header tr,table.cho-item-header tr td{border:none;border-collapse: collapse}
table.cho-item-header tbody tr,table.cho-item-header tbody tr td{background-color:#efefef;color:#222}
table.cho-item-header tr td.cho-item{font-size:1em;padding-bottom:0;font-weight:bold}
table.cho-item-header tr td.cho-detail{font-size:.9em;padding-top:0}
td.cho-item-price{font-size:1.2em}
div.cho-item-pymt-opts{margin-bottom:1.5em;padding-top:.2em;border-left:1px solid #808080;border-bottom:1px solid #808080;border-right:1px solid #808080;border-collapse:collapse}
div.cho-item-pymt-opts2{margin-bottom:0;padding:.2em 1em 1em 1em;border-collapse:collapse}
p.lead{font-size:1rem}
table.cho-pymt-mthd{margin-bottom:0}
table.cho-pymt-mthd tbody tr td.radio{vertical-align: middle;padding:0;width:1%;background-color: #fefefe}
table.cho-pymt-mthd tbody tr td.radio-lbl{vertical-align: top;padding:.25em 0 0 .25em;background-color: #fefefe}
/*table.cho-pymt-mthd tbody{border:none}
table.cho-pymt-mthd tbody tr td.radio-lbl{vertical-align: top;padding:0 0 0 .25em;background-color: #fefefe}*/
div.cho-inv-box{margin-bottom:1.5em}
#btn-CompleteTran{margin-bottom:1rem}

/* ====== CLASS CARD ========================================================== */
p.card-name{font-weight:bold;margin-bottom:0;font-size: 1.1em}
p.card-desc{font-weight:normal;margin-bottom:.5em;font-size: 1em}
p.card-exp{font-size: 1em;margin-bottom:0}
div.card-btn{height:100%}
div.card-wrapper{background-color: #f1f1f1;padding:1em;margin-bottom:1em;border:1px solid #e6e6e6}
p.card-sess-dt{font-size:.9em;margin-bottom:.5em}
h3.class-card{line-height: 1.2em;margin-bottom: 0}

/* ====== MANAGE: CLASS CARD ================================================== */
/*table.class-card-list tbody tr{cursor:pointer}*/

.cust-resp-nav{display: inline-block}
.cust-resp-nav-logout{display: inline-block;float:right}
.cust-resp-nav > li > a{color:#fefefe;font-size:.9rem;padding:.55rem 1.5rem}
.cust-resp-nav > li.active > a{background-color:rgb(3,82,125)}
.cust-resp-nav > li > a:hover{color:#fefefe;text-decoration: none;background-color:rgb(3,82,125)}
table.structural tr td{padding: 4px 5px 4px 5px;}
.font-90{font-size:0.9rem !important}
.font-80{font-size:0.8rem !important}
select.font-90{height:1.875rem}



a.button.quiet{background-color:transparent;color:#036497;border:1px solid #036497}
a.button.quiet:hover{background-color:#036497;color:#fefefe;}
a.button.lt-gray{background-color:#e7e7e7;color:#222;}
a.button.lt-gray:hover{background-color:#ccc;color:#222;}
.button.pill{border-radius: 1000px}

.menu > li > form > select{margin:0 .5rem .25rem .5rem;width:234px;}
.menu > li > form > label{margin:0 .5rem}
.menu.vertical > li.divider{border-top: solid 1px #1a1a1a; clear: both;height: 1px;margin:.25rem .5rem}


/* ========== Class Header ==================================================== */
div.class-det p{margin-bottom:0.5em}
/*#cmClassText > p:first-child:before{content:'Description: ';font-weight:bold}*/
#cmPrerequisites > p:first-child:before{content:'Prerequisites: ';font-weight:bold}
#cmDressCode > p:first-child:before{content:'Dress Code: ';font-weight:bold}


div.att-err-list small{margin-bottom:0}
div.att-err-list small:last-of-type{margin-bottom:1em}

table.no-v-pad tbody tr td, table.no-v-pad thead tr th{padding-top:0;padding-bottom:0}
table.monthly-tuition{font-size:1.25em;margin:0 auto 0.5em auto}
table.monthly-tuition:last-of-type{margin:0 auto 1em auto}
table.monthly-tuition:last-of-type.has-error{margin:0 auto 0.5em auto}
a>.txt-gray{color:#999}
a>.txt-gray:hover{color:#808080}
#mdl-RecurringCalc{width:720px;padding:1.5rem;margin-left:-350px}
div.recurTuitionCalc > table{margin-left:auto;margin-right:auto}

/* ========== Attendance History ============================================== */
#divWeekAttForStudentWrapper{
  overflow-x: auto;
}
table#tblWeekAttForStudent{
  width:auto;
  border:1px solid #ddd;
  border-collapse: collapse;
  margin-bottom:0.5em;
}
table#tblWeekAttForStudent tbody tr td{
  /*border-right:1px solid rgba(0,0,0,0.1);*/
  padding:0.25em;
  min-width:20px;
  border:1px solid #ddd;
  cursor:default;
}
table#tblWeekAttForStudent tbody tr td.changed{
  font-style:italic;
  color:#808080;
}
table#tblWeekAttForStudent thead tr{
  
}
table#tblWeekAttForStudent thead tr th{
/*  border-right:1px solid rgba(0,0,0,0.1);*/
  padding:0.25em;
  background:#e7e7e7;
  font-size:.9em;
  border:1px solid #ccc;
}
/*table#tblWeekAttForStudent tbody tr td:last-of-type{border-right:none}*/
td.att-present{background-color:#d4edda;color:#155724}
td.att-absent{background-color:#f8d7da;color:#721c24}
td.att-late{background-color:#fff3cd;color:#856404}
td.att-observed{background-color:#cce5ff;color:#004085}


.badge {
/*  display: inline-block;*/
  min-width: 2.1em;
  padding: 0.3em 0.5em;
  border-radius: 3px;
  font-size: 0.6rem;
  text-align: center;
  background: #aaa;
  color: #fefefe; 
  margin-right:0.25rem;
  text-decoration:none}

a.class-view-toggle{
  color:#808080;
  float:right;
}