@charset "utf-8";

body { font-size: 15px; background-color: #000; background-image: url(../images/bg2.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }
.pagewrap { width:984px; margin:auto; }
.pagewrap.orderfeedback { padding:20px; border:1px solid #b1b1b1; background-color:#FFF; }
.pagewrap.orderfeedback h1 { color:#000; }

a { color:hsla(201,89%,45%,1.00); }

h1 { margin-top:0px; color:#FFF; }
h2, h4 { margin:0px 0px 10px 0px; }
h3, h4 { margin-bottom:2px; }
h3 label { margin-left:0; }
h4 { margin-left:15px; }

h3 label span:first-of-type { font-size:40px; }

ul, ol { margin:0; }

p { margin: 3px 0; }

table { margin-bottom:15px; border-bottom:1px solid #b1b1b1; padding-bottom:10px; width:100%; }
td { padding:3px; }

form {}

input[type="email"],
input[type="text"],
input[type="number"],
input[type="checkbox"],
select { margin-left:3px; }


/*input[disabled],
select:disabled { border:1px solid hsla(359,78%,25%,1.00); }*/

form > input[type="button"],
form > input[type="submit"] { font-size:16px; padding:10px 25px; font-weight:bold; }

input[type="button"] { margin-top:7px; }
input[type="button"].clearform { float:right; margin-top:-30px; margin-bottom:10px; }

input[type="button"],
label { margin-bottom: 5px; margin-left:10px; display:inline-block; text-align: right; cursor:pointer; }

.personal label { width:16%; }
.personal input { width:135px; }

fieldset { margin-bottom: 25px; border: 2px solid hsla(0,0%,100%,1.00); background-color: hsla(0,0%,100%,1.00); background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.40) 50.78%,rgba(255,255,255,0.00) 100%); background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.40) 50.78%,rgba(255,255,255,0.00) 100%); background-size: cover; background-repeat: no-repeat; background-position: center center; clear:both; }
fieldset.signatureframes {
    background-image: url(/images/signature_frame_bg.jpg);
    background-size: cover;
    background-position: top;
}
fieldset.yellowsection { background-color:hsla(54,100%,94%,1.00); }
fieldset.story,
fieldset.deluxefolios { background-color:hsla(225,100%,93%,1.00); }
fieldset.classcopy { background-color:hsla(196,100%,95%,1.00); }
fieldset.degreeframe {background-color:hsla(132,100%,92%,1.00);background-image: radial-gradient(rgb(251 228 214) 44.78%,#e1807f);}
fieldset.thank { background-color: #97D1C3; position: relative; }
fieldset.milestone {
    background-color: #9c7b9a;
    border: 2px solid rgb(255, 255, 255);
}
fieldset.thankyoucard {
    background-color: rgb(120, 195, 172);
}
span.new {
    background: white;
    border-radius: 50%;
    margin: 0 0.2em;
    padding: .3em;
}
fieldset.DeluxeCombinations,
fieldset.dvd { background-color:hsla(0,0%,93%,1.00); }

fieldset.mailorder,
fieldset.earlybird { background-color: hsla(357,100%,96%,1.00); border-color: hsla(359,100%,31%,1.00); }

div[id*="Section"] { border-bottom:1px solid #B1B1B1; padding-bottom:7px; }
div[id*="Section"]:last-child,
div[id*="Section"] > div[id*="Section"],
div[id*="end"] { border:none; }

#SectionA,
#SectionB,
#SectionC,
#SectionD,
#SectionE { padding:7px; }

#SectionA { background-color:hsla(54, 100%, 94%, 1); }
#SectionB { background-color:hsla(225, 100%, 93%, 1); }
#SectionC { background-color:hsla(196, 100%, 95%, 1); }
#SectionD { background-color:hsla(132, 100%, 92%, 1); }
#SectionE { background-color:hsla(54, 100%, 94%, 1); }

#SectionDeluxeFolio { text-align:center; }

/*#SectionB > label,
#SectionD > label,*/
#SectionE > label { white-space: nowrap; min-width: 172px; }

#SectionDeluxeFolio > label { margin-left:7px; }

/*.earlybird label { margin-bottom:25px; }*/

.description { border:1px solid #b1b1b1; text-align: center; padding: 5px; background-image: -webkit-linear-gradient(180deg,rgba(217,217,217,1.00) 0%,rgba(255,255,255,1.00) 50.78%,rgba(217,217,217,1.00) 100%); background-image: linear-gradient(270deg,rgba(217,217,217,1.00) 0%,rgba(255,255,255,1.00) 50.78%,rgba(217,217,217,1.00) 100%); }
.description.extras { text-align:left; }
.description.extras h3 { margin:0; }

.rc_coupon { float:right; width:150px; height:auto; clear:both; }
.newitem { position: absolute; right: -14px; top: -24px; width: 90px; }
.save { color:hsla(209,86%,70%,1.00); }
.dvd_special { color:hsla(359,100%,31%,1.00);     font-family: cursive;
    font-style: italic;
    font-weight: bolder;
}p.a_bonus {
    font-family: cursive;
    font-style: italic;
    font-weight: bolder;
}p.a_bonus span {
    padding: 0 0.6em;
}
.message { color:hsla(359,100%,31%,1.00); font-size:18px; }
.mpf { float:right; }
.magnets { float:right; }
.class_composite { float:right; }
.degree_frame { float:right; }
.dvd_img { float:right; }
.specialimg { float:right; }
.thxcard { float:right; width: 385px; clear: both; }

.pvignetting td,
.pcustomizing td { text-align:center; }

.clear { clear:both; }

table.totals { width:auto; }
.totals td { text-align:right; font-size:26px; font-weight:bold; }


a.termsbox {
    padding: 10px;
    background: rgb(255, 252, 224);
    display: block;
    text-align: center;
    border: 1px solid rgb(255, 255, 255);
    font-size: 1.2em;
}


fieldset.gradstory {
    background-image: radial-gradient(rgb(251 228 214) 44.78%,#eca074);
}

.discontinued > * {
    pointer-events: none;
}

.discontinued {
    position: relative;
}

.discontinued::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #ffffff9e;
    display: block;
    z-index: 999;
    opacity: 1;
}

.discontinued::after {
    content: 'Discontinued';
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 66px;
    transform: rotate(15deg) translate(-50%, 0%);
    color: white;
    z-index: 999;
    background: #ff0000;
    display:block;
    padding: 0 3rem;
    border-radius: 1rem;
    border: 0.7rem solid white;
    box-shadow: 10px 10px 30px #0000004d;
}