fieldset.super legend {
    font-size: 2em;
    color: #e57c13;
    font-weight: 500;
    line-height: 1.2;   
    white-space: normal; 
    max-width: 100%;
}

fieldset.super legend span {
    display: block;
    width: 100%; 
}

input[type="text"],
input[type="password"],
select { 
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
 }

select#PaymentDetails_ExpirationYear,
select#PaymentDetails_ExpirationMonth { width: 49%; }

select#ExpirationMonth,
select#ExpirationYear { width: auto; }

body.cart h3,
legend { margin: 0 0 .35em 0; }

body.cart .error { padding: 1em 0; }

body img.border { border: 1px solid #eee; }

.ib { display: inline-block; }

.textright { text-align: right !important; }

.textcenter { text-align: center !important; }

blockquote { margin: 1em 5%; }

.bottom-pads{ padding-bottom: 15px; }

table.super { 
    width: 100%; 
    font-size: 14px;
}

table.super th,
table.super td {
    padding: 0;
    border: #d1d0d0 solid 1px !important;
    vertical-align: middle;
    padding: 7px;
}

table.super thead th { border-top: #d1d0d0 solid 1px !important; }

table.super td a { white-space: normal; }

table.super p { margin: 0; }


body.university-myeducation table.super td .btn-default { 
    float: none;
    margin: 0 auto 2px auto;
}

body.cart-index input[type="text"] { width: 20%; }

body.cart-index table.super th,
body.cart-index table.super td { text-align: center; }

body.cart-index table.super th:first-child,
body.cart-index table.super td:first-child { text-align: left; }

input[type="text"].ib { 
    width: 20%;
    margin: 0 5px;
}

body.cart-attende div.validation-summary-errors, 
body.cart-attende .field-validation-error, 
body.cart-attende .field-validation-error span, 
body.cart-attende .warning {
	display: block;
}

body.cart-attendee .attendee-list {
    width: 44.5%;
    min-width: 300px;
    min-height: 410px;
    display: inline-block; 
    background-color: #fbfbfb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 2%;
    margin-right: 2%;
    vertical-align: top;
}

.lte8 body.cart-attendee .attendee-list { width: 43.5%; }

body.cart-attendee .attendee-list:nth-child(odd) {
    margin-right: 0;
}

body.cart-attendee .attendee-list h4 { margin: 0 0 1em 0; }

body.cart-attendee .actions { width: 100%; }

body.cart-createaccount .checkbox-editor label { 
    display: inline;
    padding-left: 3px;
}

body.cart-purchase .group { margin-bottom: 1em; }

body.cart-purchase div.span { margin: 0 0 .5em 0; }

body.cart-purchase .final-price { font-size: 15px; }

body.cart-purchase .update-profile legend { margin-top: 1em; }

#profile-information { padding: 0 0 1em 0; }

body.cart-confirmation .step-confirmation { margin: 0 0 2em 0; }

body.cart-confirmation .summary li { width: 100%; }

body.cart-confirmation .summary li .right { margin: 0; }

body.cart-confirmation p { margin-bottom: 1em; }

body.cart-confirmation h4 { margin-bottom: .25em; }

body.cart-confirmation .inline-detail { padding: 1.25em 0; }

body.cart-confirmation .row-detail { 
    border: 1px solid #ddd;
    border-width: 1px 0 1px 0;
    clear: both;
}

body.cart-confirmation .heading {
    font-size: 14px;
    font-weight: bold;
    padding: .5em 0;
}
body.cart-confirmation .order-review { padding: 1.5em 0 0 0; }

body.cart-confirmation .courses.col-first,
body.cart-confirmation .intent-label { margin: 0 0 10px 20px; }

#steps {
    background: -moz-linear-gradient(top,  #fefefe 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #fefefe 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #fefefe 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #fefefe 0%,#f1f1f1 100%);
    background: linear-gradient(bottom,  #fefefe 0%,#f1f1f1 100%);
    -pie-background: linear-gradient(top,  #fefefe 0%,#f1f1f1 100%);
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    overflow: hidden;
	-moz-background-clip: padding-box;	
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
    -webkit-box-shadow: 0 1px 4px #999999;
	-moz-box-shadow: 0 1px 4px #999999;
    box-shadow: 0 1px 4px #999999;   
    font-size: 12px;
	width:100%;
    height: 36px;
    line-height: 36px;
	clear:both;
	margin: 10px 0 40px 4px;
}

body.cart-purchase #steps,
body.store-confirmation #steps,
#steps .step.on,
#steps .step.current,
#steps .step.past {
    background: -moz-linear-gradient(top,  #ffec99 0%, #ffec99 40%, #ffe05b 60%, #ffe05b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffec99), color-stop(40%,#ffec99), color-stop(60%,#ffe05b), color-stop(100%,#ffe05b));
    background: -webkit-linear-gradient(top,  #ffec99 0%,#ffec99 40%,#ffe05b 60%,#ffe05b 100%);
    background: -o-linear-gradient(top,  #ffec99 0%,#ffec99 40%,#ffe05b 60%,#ffe05b 100%);
    background: -ms-linear-gradient(top,  #ffec99 0%,#ffec99 40%,#ffe05b 60%,#ffe05b 100%); 
    background: linear-gradient(bottom,  #ffec99 0%,#ffec99 40%,#ffe05b 60%,#ffe05b 100%); 
    -pie-background: linear-gradient(top,  #ffec99 0%,#ffec99 40%,#ffe05b 60%,#ffe05b 100%);
}

#steps .step1 {
    -webkit-border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
}

#steps .last {
    -webkit-border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
}

#steps .step {
    display: inline-block;
    position: relative;
    color: #666666;
    font-size: 12px;
    text-align: center;
    line-height: 36px;
    float: left;
    z-index: 1;
}

#steps .step.current {
    color: #000000 !important;
    font-weight: bold;
}

#steps.course .step {  width: 30%; }

#steps.store .step {  width: 22.675%; }

#steps.store .step.five {  width: 16.975%; }
#steps.store .step.six {  width: 13.875%; height: 36px !important; }
#steps.store .step.six.current {  width: 14.975%; height: 36px !important; font-size: 10px !important; }
#steps.store .step.six.past a {  font-size: 10px !important; }
body.purchase-confirmation #steps.store .step.six { width: 16.66%; }

#steps .step-title { display: inline-block;  }

#steps .separator {
    position: relative;
    display: block;
    float: left;
    background-image: url(../images/separator.png);
    background-repeat: no-repeat;
    background-position: left 50%;
    background-size: 100% 100%;
    text-indent: -9999px;
    width: 3.1%;
}

#steps .separator.on,
#steps .separator.current,
#steps .separator.past { background-image: url(../images/separator-current.png); }

#steps .separator.sep1 { z-index: 2; }

#steps .separator.sep2 { z-index: 3; }

#steps .separator.sep3 { z-index: 4; }

#steps .separator.sep4 { z-index: 5; }

#steps .separator.sep5 { z-index: 6; }

#steps .step.current,
#steps .step.past {
    margin-left: -3.1%;
    padding-left: 3.1%;
}

#steps .step.first { margin-left: 0; padding-left: 0; }

#steps a, 
#steps a:visited {
    display: block;
    color: #f68428;
    font-size: 12px;
    text-decoration: none;
}

table.store { width: 100%; }

table.store p { margin: 0 0 .3em 0; }

table.store th,
table.store td {
    padding: 1.75% 10px 1.75% 10px;
    text-align: center;
}

table.store th:first-child,
table.store td:first-child { text-align: left; }

table.store .border-tb { 
    border: 1px solid #ddd;
    border-width: 1px 0 1px 0;
}

table.store .border-tb img.border {
    float: left;
    margin-right: 10px;
}

body.university-programdetails .group > div[class*="span"] { padding: 0 0 10px 0; }

form.admin-store-deliveryaddress label { display: block; }

@media only screen and (max-width: 990px) {
    
    .order-review .span-1,
    .order-review .span-2,
    .order-review .span-3,
    .order-review > div[class*="span"].col-last { 
        width: 29%;
        margin: 0 3% 0 0;
     }

    .order-review .col-last { 
        text-align: right; 
        margin: 0;
    }
    #steps.store .step.six { width: 6.875%; height: 36px; }
    #steps.store step.six.off { width: 7%; }
    #steps.store .step.six.on { width: 41%; font-size: 12px !important; }
    #steps.store .step.six a {  font-size: 12px !important; }
    #steps.store .step.six.past a {  font-size: 12px !important; }

    #steps .off .step-title { display: none; }
}
    
@media only screen and (max-width: 768px) {
    #steps.store .step.five { width: 7.975%; height: 36px; }
    #steps.store step.five.off { width: 7%; }
    #steps.store .step.five.on { width: 51%; }  
    
    #steps.store .step.six { width: 7.975%; height: 36px; }
    #steps.store step.six.off { width: 7%; }
    #steps.store .step.six.on { width: 41%; font-size: 12px !important; }
    #steps.store .step.six.past a {  font-size: 12px !important; }
}

@media only screen and (max-width: 767px) {
    table.super th,
    table.super td {
	    padding: 1.75%;
    }

    .step-confirmation .printer { display: none; }

    .conceal { display: block; }

    body.cart-promptforemail input[type="text"],
    body.cart-attendee input[type="text"],
    body.cart-createaccount input[type='text'],
    body.cart-createaccount input[type='password'],
    body.cart-createaccount select,
    body.cart-attendee select { width: 94%; }

    .group > div[class*="span"].col-last { margin: 0 0 1.25em; }

    img { max-width: 80%; }

    .step-confirmation .span-2,
    .step-confirmation .span-3,
    .step-confirmation > div[class*="span"].col-last { 
        width: 100%;
        margin: 0 0 2em 0;
    }

    .step-confirmation .span-5 { width: 100%; }

    #steps.store .off { width: 15%; }
    
    #steps.store .five.off { width: 10%; height: 36px; }
    #steps.store .six.off { width: 7%; height: 36px; }

    #steps.store .step.on { width: 45%; height: 36px !important; }
    
    #steps.store .step.five.on { width: 45%; }
    #steps.store .step.six.on { width: 45%; height: 36px !important; font-size: 12px !important; }
    #steps.store .step.six.past a {  font-size: 12px !important; }

    #steps .step-title { display: none; }

    body.store-deliveryaddress #steps .step1 .step-title,
    body.store-shipmethod #steps .step2 .step-title,
    body.store-payment #steps .step3 .step-title,
    body.store-confirmation #steps .step4 .step-title,
    body.store-confirmation #steps .step5 .step-title,   
    body.store-partsselection #steps .step1 .step-title,
    body.store-deliveryaddress #steps .step2 .step-title,
    body.store-shipmethod #steps .step3 .step-title,
    body.store-payment #steps .step4 .step-title,
    body.store-confirmation #steps .step5 .step-title { display: inline-block; }

    body.cart-confirmation .inline-detail { padding: 0; }

    body.store-confirmation .step-form .span-2 { margin-bottom: 2em; }
    
    body.university-programdetails .tabbed-content { min-height: 150px; }

    body.cart-confirmation .courses.col-first { width: 100%; }

    body.university-programdetails .group > div[class*="span"] { padding: 0; }
}

/* ==== IE =======================*/

.lte9 #steps,
.lte9 body.cart-purchase #steps,
.lte9 body.store #steps,
.lte9 #steps .step.current,
.lte9 #steps .step.first,
.lte9 #steps .step.past,
.lte8 body.cart-attendee .attendee-list  {
    behavior: url("/js/PIE.htc");
    position: relative;
}

.lte8 #steps .current.separator { 
    behavior: none; 
    margin: -1px 0 0 -1px;
}

.lte8 #current-course-results td { max-width: 275px; }

.lte8 #steps .step1 { border-radius: 20px 0 0 20px; }

.lte8 #steps .last { border-radius: 0 20px 20px 0; }

.lte8 .cart-index table .textright { padding-right: 30px; }

.lte8 body.university-myeducation table.super td .btn-default { 
     display: block; 
     width: 105px;
 }

.lte7 .ib,
.lte7 #steps .step,
.lte7 #steps .step-title,
.lte7 body.cart-attendee .attendee-list { display: inline; }

.ie7 .cart-attendee fieldset.super button.btn,
.ie7 .cart-billinginformation button.btn { margin: -11px 0 0 5px; }

.ie7 fieldset.super legend { 
    margin-left: -8px;
    float: left;
}

.ie7 .border-tb {
     border-top: 1px solid #DDDDDD;  
}