@import url(http://fonts.googleapis.com/css?family=Rancho);
@import url(http://fonts.googleapis.com/css?family=Oswald);
body{ background: #FFF; }

.overlay { opacity: 0.9; }

/*.black-banner { width: 100%; background: #000; padding: 5px 0 10px 20px; height: 38px; min-width: 1186px; position: relative; z-index: 9999; }
.black-banner a.logo { background: url("https://media1.shmoop.com/images/sprites/updated-topbar-sprite.png") no-repeat scroll 0 0 transparent; display: block; height: 62px; width: 304px;  text-indent: -9999px; overflow: hidden; float: left; margin-left: 10px; }
.black-banner ul.nav { float: right; width: 872px; margin: 0; padding: 0; list-style: none; }
.black-banner ul.nav li { float: left; color: #FFF; padding: 12px 0 5px; margin-right: 10px; }
.black-banner ul.nav li a:hover,
.black-banner ul.nav li.active { color: #e15c40; }
.black-banner ul.nav li.active span { border-right: 1px solid #FFF; padding-right: 10px; }
.black-banner ul.nav li.profile,
.black-banner ul.nav li.cart,
.black-banner ul.nav li.search { background: url("https://media1.shmoop.com/images/sprites/updated-topbar-sprite.png") no-repeat scroll 0 0 transparent; padding-left: 35px; } 
.black-banner ul.nav li.profile { background-position: -325px 0; cursor: pointer; }
.black-banner ul.nav li.cart { background-position: -322px -49px; padding-left: 40px; }
.black-banner ul.nav li.search { background-position: -331px -100px; padding-left: 25px; margin: 0; }
.black-banner ul.nav li.search a { border: none; }
.black-banner ul.nav li a { color: #FFF; border-right: 1px solid #FFF; padding-right: 10px; }*/

.shmooc-nav ul.nav {  width: 616px; margin: 0; padding: 0; list-style: none; position: absolute; left: 350px; top: 10px; }
.shmooc-nav ul.nav li { float: left; color: #FFF; padding: 12px 0 5px; margin-right: 10px; }
.shmooc-nav ul.nav li a:hover,
.shmooc-nav ul.nav li.active { color: #e15c40; }
.shmooc-nav ul.nav li.active span {  padding-right: 7px; }
.shmooc-nav ul.nav li a { color: #FFF; border-right: 1px solid #FFF; padding-right: 7px; }

.shmooc-nav { background: #000; width: 100%; z-index: 99999; min-width: 1240px; margin: 0 0 20px 0; }
.shmooc-nav .search { position: relative; margin: 18px 0 0 20px; position: relative !important; top: 0 !important; display: none; }
.shmooc-nav a.search-link { text-indent: -9999px; overflow: hidden; cursor: pointer; min-width: 25px; height: 25px; background: transparent url("https://media1.shmoop.com/images/general/search-icon.png ") no-repeat; display: block; width: 2%; margin-top: 20px; float: left;  }
.shmooc-nav .homepage_header { width: 97%; float: left; min-width: 915px; }
.shmooc-nav .homepage_logo { width: 330px; height: 46px !important; float: left; margin: 8px 0 5px 10px;}
.shmooc-nav .homepage_logo a { background: url("https://media1.shmoop.com/images/sprites/updated-topbar-sprite.png") no-repeat scroll 0 0 transparent; display: block; height: 62px; width: 304px;  text-indent: -9999px; overflow: hidden; float: left; margin-left: 10px;  }
.shmooc-nav .user_bar { background: transparent; color: #FFF; width: 233px; margin-top: 13px;  }
.shmooc-nav .user_bar #personal_tools_links a { color: #FFF; padding: 0 4px; font-size: 14px; font-weight: normal; }
.shmooc-nav .user_bar #personal_tools_links a:hover { color: #e66432; }
.shmooc-nav .user_bar #personal_tools_links a#logout-link { padding-right: 0; }
.user_bar #logged_in_container { margin-right: 0; padding-top: 0; }

/* Update Nav Styles with Smaller Resolutions*/
@media screen and (max-width: 1240px) {
	.shmooc-nav .homepage_logo a { width: 155px; }
	.shmooc-nav ul.nav { left: 195px; }
	.shmooc-nav { min-width: 1024px; }
}

.confirmation .black-banner ul.nav { float: right; width: 335px; margin: 0; padding: 0; list-style: none; }

h1 { width: 752px; margin: 20px auto; height: 125px; }
h1 span { color: #FFFFFF; font-family: 'Oswald',impact,sans-serif; text-transform: uppercase; font-size: 26pt; letter-spacing: 1px; text-shadow: 0 1px 1px #333333; text-align: center; background: transparent url("https://media1.shmoop.com/images/sprites/newself-checkout-sprite.png") no-repeat; width: 752px; padding: 5px 0; margin: 20px auto; height: 68px; display: block; }

h1 p.tagline { color: #000000; font-family: 'Rancho',cursive; font-size: 22pt; font-weight: normal; line-height: 30px; margin: 5px auto 0; text-align: center; text-shadow: none; position: relative; top: -30px; }

.top-boxes,
.middle-boxes,
.steps { margin: 0 auto 5px; }
.checkout-area { width: 926px; margin: 0 auto; }
.video { float: left; width: 390px; margin: 0 20px 0 0; }

.includes-slides .feature { width: 440px; height: 292px; background: transparent url("https://media1.shmoop.com/images/sprites/checkout-features-sprite.jpg") 0 0 no-repeat; }
.includes-slides .feature.reporting { background-position: 0 -292px; }
.includes-slides .feature.dashboards { background-position: 0 -584px; height: 291px; }
.includes-slides .feature.exams { background-position: 0 -876px; }
.includes-slides .pagination { display: none; }
.includes-slides .feature h3 { font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; color: #FFF; text-align: center; font-size: 24pt; font-weight: bold; margin: 10px 0 0 0; }
.includes-slides .feature .feature-details { padding: 32px; color: #FFF; padding: 37px 93px 0 43px;  margin: 15px 0 0 0; }
.includes-slides .feature .feature-details p.signup { font-size: 16pt; margin: 15px 0 5px 0; }
.includes-slides .feature .feature-details strong { font-size: 21pt; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; line-height: 28px;}
.includes-slides .feature .feature-details p { font-size: 12pt; margin: 15px 0 0 0;}

.includes-slides .feature.dashboards .feature-details,
.includes-slides .feature.exams .feature-details { padding-top: 22px; }

.parents-students { float: left; background: #91c83e; border-radius: 6px; padding: 10px; color: #FFF; width: 330px; height: 150px; font-family: 'Oswald',impact,sans-serif; margin: 0 20px 0 0; }
.parents-students h2 { font-family: 'Oswald',impact,sans-serif; text-shadow: none; font-size: 30pt; text-align: center; font-weight: normal; margin: 10px 0 0 0; }
.parents-students .icon { background: transparent url("https://media1.shmoop.com/images/general/student-link-icon.png") no-repeat; width: 85px; height: 85px; float: left; margin: 0 25px 0 25px; }
.parents-students a { padding: 10px 15px; background: #0062b5; color: #FFF; font-size: 22pt; text-align: center; width: 130px; margin: 13px 0 0 0; display: block; border-radius: 6px;  float: left;  }

.shmoop-can-do { float: left; background: #009fc1; padding: 10px; border-radius: 6px; color: #FFF; width: 465px; height: 150px; }
.shmoop-can-do h2 { font-family: "Rancho", cursive; text-shadow: none; font-size: 28pt; font-weight: normal; text-align: center; margin: 0 0 10px 0; }
.shmoop-can-do p { font-size: 12pt; margin: 0 15px; }

.steps p.pointer { background: url("https://media1.shmoop.com/images/sprites/bible-landing-sprite.png") no-repeat scroll 7px 4px #df6039; color: #FFF; padding: 5px 0 0 45px; font-family: 'Oswald',impact,sans-serif; font-size: 22pt; text-shadow: 1px 1px 2px #333333; width: 136px; margin: 0; }

.steps { margin-bottom: 0; }
.steps ul { list-style: none; margin: 0; padding: 0; }
.steps ul li { float: left; width: 225px; background: #df6039; text-align: center; color: #FFF; height: 130px; }
.steps ul li h3 { font-family: 'Oswald',impact,sans-serif; font-size: 30pt; font-weight: normal; margin: 30px 0 0 0;  }
.steps ul li p { margin: 2px 0 0 0; }
.steps ul li.arrow-1,
.steps ul li.arrow-2 { width: 90px;  }
.steps ul li.arrow-1 p,
.steps ul li.arrow-2 p { text-indent: -9999px; background: #df6039 url("https://media1.shmoop.com/images/sprites/newself-checkout-sprite.png") -10px -102px no-repeat; width: 77px; height: 46px; margin: 33px 0 0 0; }
.steps ul li.arrow-2 p { background-position: -99px -104px; position: relative; left: 10px; }
.steps ul li.inactive { opacity: 0.5; }

.checkout-area form .inputs-wrapper { background: #d8edf8; width: 600px; /*margin: 0 auto;*/ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; float: left; padding-top: 0; }
.checkout-area form .inputs-wrapper .inputs .self-serve-cart-form { padding: 0 30px 20px; }
.checkout-area div .product-header { color: White; font-size: 14px; background-color: #26a9e1;  padding: 20px 30px; font-weight: bold; }
.checkout-area table td { padding: 10px; color: #004b91; font-size: 14px; }
.checkout-area table .labels td { color: #000; font-weight: bold; }
.checkout-area table input[type=text] { border-radius: 5px; border: solid 1px DeepSkyBlue; color: black; padding: 3px; }

form .inputs p,
form .confirm p { margin: 0 0 15px 0; font-size: 12pt; }

form .inputs p { position: relative; left: -4px; }

form .inputs p label strong,
form .inputs p label:hover strong { color: #000; }
form .inputs p input { position: relative; top: -2px; }

form .inputs .students { float: left; width: 188px; }

form .inputs .product-row label { color: #004b91; font-weight: bold; cursor: pointer; }
form .inputs .product-row label:hover { color: #DF6039; }

form .inputs .product-row { margin: 0 0 10px 0; }
form .inputs .product-row .row-left,
form .inputs .product-row .row-right { float: left; width: 397px; }

.product-row ul { list-style: none; margin: 0; padding: 0; }
.product-row ul li { float: left; width: 175px; margin: 0 20px 15px 0;}
.product-row ul li input { float: left; margin: 0 5px 40px 0;}

/*.product-row ul.sublist { display: none; }*/

.students { float: left; position: relative; }
.students label { position: absolute; font-weight: bold; top: 9px; left: 10px; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }
.students input { font-size: 12pt; padding: 4px 5px 5px 215px; border-radius: 6px; border-top: 3px solid #e8e8e8; border-left: 3px solid #e8e8e8; border-right: none; border-bottom: none; width: 155px; color: #999; }

p.small-print { width: 190px; float: right; font-size: 12pt; font-weight: bold; margin: 5px 0 0 0;}

.checkout-area form .confirm { width: 300px; /*margin: 0 auto;*/ position: relative; float: right; left: 0 !important; }
.checkout-area form .confirm p.vert-note { position: absolute; width: 22px; height: 185px; text-indent: -9999px; overflow: hidden; left: -22px; top: 22px; background: transparent url("https://media1.shmoop.com/images/sprites/newself-checkout-sprite2.png") -707px -418px no-repeat; }
.checkout-area form .confirm .price { width: 246px; height: 136px; background: transparent url("https://media1.shmoop.com/images/sprites/newself-checkout-sprite2.png") -470px -108px no-repeat; margin: 0 0 15px 0; }
.checkout-area form .confirm .btns { width: 152px; margin: 0 auto; }
.checkout-area form .confirm .price .price-box { height: 89px; width: 124px; position: relative; left: 120px; top: 14px; color: #FFF; padding: 40px 0 0 0; font-family: 'Oswald',impact,sans-serif; text-align: center; font-size: 18pt; text-transform: uppercase; }
.checkout-area form .confirm .price p { position: absolute; bottom: 0; }
.checkout-area form .confirm a,
.checkout-area form .confirm input { background: url("https://media1.shmoop.com/images/teachers_editions/teacher-arrow-white.png") no-repeat scroll right 18px #00A7CB; border-radius: 6px; color: #FFFFFF; display: block; font-family: 'Oswald',impact; text-transform: uppercase; font-size: 25px; padding: 10px 30px 10px 10px; width: 152px; border: none; cursor: pointer; margin-right: 10px; display: block; }
.checkout-area form .confirm .disabled { opacity: 0.3; }
.checkout-area form .confirm a { width: 250px; background-color: #E15C40; }
.checkout-area form .confirm p.prices-note,
.checkout-area form .confirm p.prices-note a { font-family: Helvetica,sans-serif; font-weight: bold; position: absolute; background-color: transparent; color: #73cbeb; top: -20px; left: 10px; text-transform: none; font-size: 14px; }
.checkout-area form .confirm p.mcduff { text-align: center; color: #e15c40; font-family: Arial, sans-serif; font-weight: bold; font-size: 15pt; margin-top: 5px; /*display: none;*/ }
.checkout-area #prices-note { background-color: #e7e8e9; border-radius: 8px; float: left; width: 500px; padding: 20px 50px 50px 50px; margin-top: 20px; font-size: 18px; }
.checkout-area #prices-note td { padding: 10px 10px 0px 0px; }
.checkout-area #prices-note .heading { font-family: 'Oswald',impact,sans-serif; color: #E15C40; font-size: 20px; }
.shopping-cart { border-radius: 8px; width: 300px; background-color: #e7e8e9; padding-bottom: 100px; margin-bottom: -70px; right: -200px;}

#quote-modal { display: none; }
#quote-modal .loading { color: #DF6039; font-family: 'Oswald',impact; font-size: 16pt; font-weight: normal; margin: 0 0 10px; text-align: center; text-shadow: none;}

.quote-inputs { background: #7ad3ec; border-radius: 6px; padding: 0 10px; margin: 0 0 20px 0; }

#dialog .sheet_dialog { border-radius: 8px; background: #FFF; width: 600px; }
#dialog .sheet_dialog .sheet_dialog_title { background: none; border: none; }

div.sheet_dialog_content { padding-top: 0; }
#dialog .sheet_dialog #quote-modal h2 { color: #df6039; font-family: 'Oswald',impact; text-transform: uppercase; font-size: 26pt; margin: 0 0 10px 0; text-align: center; text-shadow: none; font-weight: normal; }
#dialog .sheet_dialog #quote-modal p { margin: 20px; }

#dialog .sheet_dialog #quote-modal .product-select { margin-bottom: 20px; }
#dialog .sheet_dialog #quote-modal .product-select p { font-size: 12pt; font-weight: bold; margin: 0 0 10px 20px; }
#dialog .sheet_dialog #quote-modal .product-select .area { margin: 0 0 10px 15px; font-size: 11pt; }

#dialog .sheet_dialog #quote-modal .checkout-details { background: #91c83e; border-radius: 6px; margin: 0 0 20px 0; padding: 15px 0; color: #20292f; } 
#dialog .sheet_dialog #quote-modal .checkout-details p { margin-bottom: 10px; font-weight: bold; font-size: 12pt; margin-top: 0; }
#dialog .sheet_dialog #quote-modal .checkout-details ol { border-bottom: 1px solid #86b73a; margin: 0; padding-bottom: 15px; }
#dialog .sheet_dialog #quote-modal .checkout-details ol li { margin: 0 0 8px 0; font-size: 11pt; }
#dialog .sheet_dialog #quote-modal .checkout-details ol li a { float: right; height: 17px; width: 17px; background: transparent url("https://media1.shmoop.com/images/sprites/product-modal-sprite.png") no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer; margin-right: 15px; }

.checkout-details .license-details { padding: 10px 15px 0; border-top: 1px solid #b4d288; }
.checkout-details .license-details .license-size { float: left; width: 230px; }
.checkout-details .license-details .license-length { float: right; width: 275px; }

.checkout-details .license-details .license-size .edit-students { margin: 10px 0 0 0; display: none; }
.checkout-details .license-details .license-size .edit-students a { cursor: pointer; background: #00A7CB; color: #fff; padding: 5px; border-radius: 8px; }

.checkout-details .license-details .license-size a.edit { padding: 0 0 0 33px; background: transparent url("https://media1.shmoop.com/images/sprites/product-modal-sprite.png") 10px -61px no-repeat; text-decoration: underline; color: #20292f; cursor: pointer; }

#dialog .sheet_dialog a.get-quote { display: block; background: #00A7CB; color: #FFF; font-family: 'Oswald',impact, sans-serif; text-transform: uppercase; font-size: 24px; padding: 10px; width: 125px; margin: 20px auto 0; border-radius: 6px; cursor: pointer; }

.user-details .field { position: relative; margin: 0 0 15px 0; font-size: 11pt; }
.user-details .field label { position: absolute; left: 10px; top: 9px; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }
.user-details .field label.error { left: 288px; }
.user-details .field input { width: 460px; background: #EEE; border-radius: 6px; box-shadow: -2px -2px 0 #AAA; padding: 10px 10px 10px 100px; border: none; font-size: 11pt; color: #666;}

.user-details .field input#phone,
.user-details .field input#email { padding-left: 65px; width: 495px; }
.user-details .field input#school { padding-left: 135px; width: 425px; }
.user-details .field input#title { padding-left: 92px; width: 468px; }
.user-details .field input#city { padding-left: 55px; width: 505px; }
.user-details .field input#state { padding-left: 130px; width: 430px; }

/*RECEIPT PAGE*/
.confirmation .orange-banner { width: 566px; margin: 20px auto 0; }
.confirmation .orange-banner h1 { width: 400px; padding: 6px 0 0; font-family: 'Oswald', impact, sans-serif; text-transform: uppercase; font-size: 26pt; font-weight: bold; }

.confirmation h2.subtitle { width: 392px; margin: 0 auto 20px; font-family: 'Rancho', cursive; font-size: 20pt; font-weight: normal; }

.confirmation #module_content { border: none; }

ul.confirmation-steps { list-style: none; margin: 0 auto; padding: 0; width: 923px; }
ul.confirmation-steps li { float: left; width: 135px; height: 93px; background: #e15c40; padding: 10px; border-radius: 10px; color: #FFF; }
ul.confirmation-steps li strong { display: block; text-align: center; font-family: 'Oswald',impact; font-size: 28px; font-weight: normal; }
ul.confirmation-steps li a { color: #FFF; }
ul.confirmation-steps li a:hover { color: #0063B6; }
ul.confirmation-steps li p { font-size: 14pt; text-align: center; margin: 20px 0 0 0; }
ul.confirmation-steps li.classrooms p,
ul.confirmation-steps li.explore p { margin-top: 15px; }
ul.confirmation-steps li.finish p { margin-top: 35px; }
ul.confirmation-steps li.arrow1,
ul.confirmation-steps li.arrow2 { background: #FFF url("https://media1.shmoop.com/images/sprites/step-arrows-sprite.png") 0 0 no-repeat; width: 61px; height: 17px; margin: 40px 10px 0; }
ul.confirmation-steps li.arrow2 { background-position: -79px 0; }
ul.confirmation-steps li.arrow2.inactive { background: #FFF url("https://media1.shmoop.com/images/sprites/step-arrows-sprite.png") -79px -37px no-repeat; }
ul.confirmation-steps li.arrow1.inactive { background: #FFF url("https://media1.shmoop.com/images/sprites/step-arrows-sprite.png") 0 -37px no-repeat; }
ul.confirmation-steps li.inactive { background: #FFF; color: #f0ad9f; }
ul.confirmation-steps li.inactive a { color: #f0ad9f; }
ul.confirmation-steps li.inactive a:hover { color: #e15c40; }
ul.confirmation-steps li.past { background: #f0ad9f; }

.confirmation-content { margin: 20px 0 0 0; }
.confirmation-content .main-col { float: left; width: 550px; margin-right: 40px; }
.confirmation-content .right-col { float: left; width: 340px; }

.confirmation-content .main-col h3 { color: #e15c40; font-family: 'Oswald',impact, sans-serif; text-transform: uppercase; font-size: 36px; margin: 0; }

.confirmation-content .right-col h3 { color: #e15c40; font-family: 'Rancho', cursive; margin: 0 0 15px 0; font-size: 22pt; text-align: center; font-weight: normal; line-height: 22px; }

#webinar-modal { display: none; }
#webinar-modal h3 {  color: #e15c40; font-family: 'Oswald',impact; font-size: 26px; margin: 0; font-weight: normal; text-align: center; }
#webinar-modal p { font-size: 12pt; text-align: center; }
#webinar-modal form { width: 448px; margin: 0 auto; }
#webinar-modal .input { position: relative; margin: 0 0 15px 0; }
#webinar-modal .input label { position: absolute; left: 10px; top: 10px; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }
#webinar-modal .input input { width: 375px; background: #EEE; border-radius: 6px; box-shadow: -2px -2px 0 #AAA; padding: 10px 10px 10px 60px; border: none; font-size: 11pt; color: #666; }
#webinar-modal a.btn { background: url("https://media1.shmoop.com/images/teachers_editions/teacher-arrow-white.png") no-repeat scroll right 16px #00A7CB; border-radius: 6px 6px 6px 6px; color: #FFFFFF; display: block; font-family: 'Oswald',impact; font-size: 24px; margin: 20px auto; padding: 10px 30px 10px 10px; width: 80px; cursor: pointer; }
#dialog .sheet_dialog.webinar { width: 510px; }

#webinar-modal .input label.error { left: 200px; }

.confirmation-content .right-col .video { float: none; }
.confirmation-content .right-col .webinar { background: #009fc1; color: #FFF; padding: 20px; border-radius: 10px; margin: 20px 0; }
.confirmation-content .right-col .webinar h4 { font-family: 'Oswald',impact; font-size: 34px; text-align: center; margin: 0; font-weight: normal; padding: 0 30px; line-height: 42px; }
.confirmation-content .right-col .webinar p { font-size: 12pt; padding: 0 10px; }
.confirmation-content .right-col .webinar p a { color: #FFF; cursor: pointer; }
.confirmation-content .right-col .webinar a.btn { background: #FFF; font-family: 'Oswald',impact; font-size: 24px; text-align: center; width: 80px; margin: 0 auto; padding: 10px; display: block; color: #009fc1; border-radius: 8px; cursor: pointer; }


/*Receipt Page*/
.self-receipt #school-details { margin: 30px 0 0 0; }
.self-receipt #school-details .input { position: relative; margin: 0 0 15px 0; }
.self-receipt #school-details .input label { position: absolute; left: 10px; top: 10px; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }
.self-receipt #school-details .input input { width: 400px; background: #EEE; border-radius: 6px; box-shadow: -2px -2px 0 #AAA; padding: 10px 10px 10px 135px; border: none; font-size: 11pt; color: #666; }
.self-receipt #school-details .grades label { padding: 0 25px 5px 2px;  }

.self-receipt #teachers strong,
.self-receipt .message strong,
.self-receipt #school-details .grades strong { font-size: 14pt; display: block; margin: 0 0 10px 0; }

.self-receipt #teachers { margin: 20px 0; }
.self-receipt .message .content,
.self-receipt #teachers textarea { width: 500px; background: #EEE; border-radius: 6px; box-shadow: -2px -2px 0 #AAA; padding: 10px; border: none; font-size: 11pt; color: #000; }
.self-receipt .message .content { padding: 10px 20px; width: 480px; }

.self-receipt #teachers p.error { font-size: 12px; color: #FF0000; }

.self-receipt a#invite { background: url("https://media1.shmoop.com/images/teachers_editions/teacher-arrow-white.png") no-repeat scroll right 12px #0063B6; border-radius: 6px 6px 6px 6px; color: #FFFFFF; display: block; font-family: 'Oswald',impact, sans-serif; font-size: 28px; margin: 20px auto 0; padding: 2px 30px 2px 10px; width: 70px; cursor: pointer; text-transform: uppercase; }

.self-receipt .purchase-list { background: #91c83e; border: none; border-radius: 10px; padding: 0; margin: 0 0 20px 0; }
.self-receipt .purchase-list table.list1 { width: 100%; margin: 0; }
.self-receipt .purchase-list table.list1 td { padding: 5px 10px; }
.self-receipt .purchase-list table.list1 tr:last-child { border: none; }
.self-receipt .purchase-list table.list1 tr:last-child, 
.self-receipt .purchase-list table.list1 th { font-weight: bold; padding-top: 10px; }
.self-receipt .purchase-list table.list1 tr:nth-child(2n) { background: none; }
.self-receipt .purchase-list table.list1 tr.total { border-top: 1px solid #b4d288; padding-bottom: 10px; font-weight: normal; }
.self-receipt .purchase-list table.list1 tr.border { border-bottom: 1px solid #86b73a; }
.self-receipt .purchase-list table.list1 tr.zero td { height: 0; padding: 0; }
.self-receipt .purchase-list table.list1 th { border: none; padding: 10px; font-size: 12pt; }
.self-receipt .purchase-list table.list1 tr:nth-child(2n+1) { background: none; border: none; }
.self-receipt .purchase-list table.list1 tr.total td { padding: 10px; }

/*Classrooms Page*/
.classrooms .confirmation-content .main-col h2 { font-family: 'Oswald',impact, sans-serif; text-transform: uppercase; font-size: 33px; color:#e15c40; margin: 0; text-shadow: none; }

#addclass-form { margin: 0 0 20px 0; }
#addclass-form .className { position: relative; margin: 0 0 15px 0; }
#addclass-form .className label { position: absolute; left: 10px; top: 10px; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }
#addclass-form .className input { width: 360px; background: #EEE; border-radius: 6px; box-shadow: -2px -2px 0 #AAA; padding: 10px 10px 10px 60px; border: none; font-size: 11pt; color: #666; }
#addclass-form .school { margin: 0 0 15px 0; }
#addclass-form .course label,
#addclass-form .school label { font-weight: bold; padding-right: 15px;  }

a#create-class { float: right; display: block; background: #8dc854; padding: 10px; color: #FFF; font-family: 'Oswald',impact, sans-serif; text-transform: uppercase; font-size: 15pt; border-radius: 10px; margin: 15px 119px 0 0; line-height: 16px; cursor: pointer; }
a#create-class .icon { font-family: Helvetica,sans-serif; font-weight: bold; font-size: 25pt; line-height: 20px; padding-right: 10px;  }

#invite-students { background: #f4f4f4; padding: 3px; border: 2px solid #dddedf; border-radius: 10px;  }
#invite-students .classroom { padding: 10px; border-bottom: 1px solid #dddedf;  }
#invite-students .border { height: 1px; border-top: 1px solid #FFF; margin-bottom: 10px; }
#invite-students .classroom .classroom-info .info-left { float: left; width: 250px; }
#invite-students .classroom .classroom-info .info-right { float: right; width: 250px; text-align: right; }
#invite-students .classroom a.invite-button { display: block; background: #009fc1; padding: 7px 15px 4px; color: #FFF; font-family: 'Oswald',impact; font-size: 15pt; border-radius: 10px; margin:0 0 10px 0;  cursor: pointer; width: 138px; text-transform: uppercase; }

/* Invitation Overlay */

.classroom-modal {  /*display: none;*/ width: 100%;  font-family: "Lucida Sans Unicode", "Lucida Grande"; z-index: 9999999; *position: absolute; *top: 200px; }
.classroom-modal .modal-box { background: #FFF; position: absolute; top: 20%; left: 30%; z-index: 9999;width: 480px; border: 1px solid #bbccdd; border-radius: 4px; padding: 0; }
.classroom-modal .modal-box .modal-hdr {  background: #e4f2fb; position: relative; border-bottom: 1px solid #bbccdd; padding: 2px 0; }
.classroom-modal .modal-box .modal-hdr h3 { margin: 10px 10px 10px 50px; float:left; width: 403px; font-weight: normal; font-size: 30px; }
.classroom-modal .modal-box .modal-hdr a.close { float: right; color: #959595; text-shadow: 1px 1px 0 #000; margin-right: 4px; font-size: 18px; font-family: helvetica; cursor: pointer; }
.classroom-modal .modal-box .modal-hdr div {  display: block; background: #FFF url("https://media1.shmoop.com/images/sprites/profile-icons-sprite.png") no-repeat; width: 50px; height: 50px; border: 1px solid #bbccdd; position: absolute; top: -4px; left: -10px; border-radius: 4px; }
.classroom-modal .modal-box .modal-hdr div.classroom-icon { background-position: 1px -412px; }

.classroom-modal a.button { background: url("https://media1.shmoop.com/images/sprites/profile-repeatx-sprite.png") repeat-x scroll 0 -93px transparent; border: 1px solid #999999; border-radius: 4px; color: #000000; cursor: pointer; display: block; float: right; height: 18px; margin-right: 5px; margin-top: 5px; padding-top: 2px; position: relative; text-align: center; }

.classroom-modal .buttons { float: right; margin: 20px 0 0 0; }
.classroom-modal .buttons a { float: left; padding: 2px 10px 0 10px; margin-left: 15px; cursor: pointer; }

.classroom-modal .buttons a .icon { width: 20px; height: 20px; background: transparent url("https://media1.shmoop.com/images/sprites/profile-icons-sprite.png") no-repeat -14px -147px; display: block; position: absolute; left: -10px; top: -5px;}

.classroom-modal .modal-box .modal-hdr div.students-icon { background-position: 1px -455px; }

.classroom-modal #add-student { margin: 0; padding: 0 10px; }
.classroom-modal #add-student .icon { width: 20px; height: 20px; background: transparent url("https://media1.shmoop.com/images/sprites/profile-icons-sprite.png") no-repeat -14px -147px; display: block; position: absolute; left: -10px; top: -5px; }

.classroom-modal .invite-students-form { padding: 20px; }
.classroom-modal .invite-students-form label { display: block; margin: 10px 0; }
.classroom-modal .invite-students-form .validated { width: 378px; height: 100px; border: 1px solid #CCC; overflow: scroll; margin: 20px 0; padding: 5px; }
.classroom-modal .invite-students-form .email-input { width: 390px;}
.classroom-modal .invite-students-form .email-input input { float: left; }
.classroom-modal .invite-students-form .email-input a.add-student { padding-left: 10px; float: right; cursor: pointer; margin: 0; padding-right: 8px; }
.classroom-modal .invite-students-form .email-input a.add-student  .icon { background: url("https://media1.shmoop.com/images/sprites/profile-icons-sprite.png") no-repeat scroll -14px -147px transparent; display: block; height: 20px; left: -10px; position: absolute; top: -5px; width: 20px; }

.classroom-modal .invite-students-form .validated span.valid { background: #a7b059; color: #FFF; text-shadow: 1px 1px 0 #7a8423;border-radius: 4px; margin: 2px; padding: 2px 5px 2px 0; line-height: 22px; }
.classroom-modal .invite-students-form .validated span.valid .remove { background: #999; color: #FFF; padding: 2px 5px; margin-right: 5px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; border-right: 1px solid #888; text-shadow: 1px 1px 0 #888; }
.classroom-modal .email { border: 1px dotted #CCC; padding: 10px; margin: 20px 0; width: 368px; height: 300px; overflow: hidden; }
.classroom-modal .email p { margin: 0; }
.classroom-modal .buttons { margin-bottom: 20px; }
.classroom-modal #submit-emails { padding-left: 22px; }
.classroom-modal #submit-emails .icon { width: 33px; height: 29px; background: transparent url("https://media1.shmoop.com/images/sprites/profile-icons-sprite.png") no-repeat -8px -500px; display: block; position: absolute; left: -13px; top: -11px; }

.classroom-modal .confirmation ul { list-style: none; margin: 0; padding: 0; }
.classroom-modal .confirmation ul li { padding: 10px 0 10px 10px; }
.classroom-modal .confirmation ul li:nth-child(2n+1) { background: #f5f5f5;  }

a.continue-btn { background: url("https://media1.shmoop.com/images/teachers_editions/teacher-arrow-white.png") no-repeat scroll right 16px #00A7CB; border: medium none; border-radius: 6px 6px 6px 6px; color: #FFFFFF; cursor: pointer; font-family: 'Oswald',impact; text-transform: uppercase; font-size: 22px; margin: 10px 10px 0 0; padding: 10px 30px 10px 10px; width: 356px; display: block; }
a.continue-btn:visited { color: #FFF; }

/*Analytics Page*/
.analytics .confirmation-content .main-col h2 { font-family: 'Oswald',impact, sans-serif; text-transform: uppercase; font-size: 32px; color:#e15c40; margin: 0; text-shadow: none; }

.analytics .confirmation-content .main-col .features .preview { height: 657px; width: 289px;  margin: 0 20px 0 0; background: transparent url("https://media1.shmoop.com/images/sprites/analytics-preview.jpg") no-repeat; float: left;  }
.analytics .confirmation-content .main-col .features .explanation { float: left; width: 261px; }
.analytics .confirmation-content .main-col .features .explanation p { margin: 0 0 10px 20px; }
.analytics .confirmation-content .main-col .features .explanation ul li { margin: 0 0 10px 0; }

.working_dialog { margin-top: 0; }

/*Home Page Updates*/
.top-boxes .top-left { width: 560px; float: left; margin: 0 25px 0 0; background: #f6f6f6; border-bottom: 3px solid #e5e5e5; border-radius: 8px; padding: 20px; height: 287px; }
.top-boxes .top-right { float: left; width: 240px; }

.top-boxes .top-left h2 { margin: 0 0 20px 0; color: #e15c40; font-family: 'Oswald',impact, sans-serif; text-transform: uppercase; font-size: 32px; text-shadow: none; line-height: 36px; }

.top-boxes .top-left .already-own-license { position: relative; float: right; display: inline-block; top: -5px; height: 0px; }
.top-boxes .top-left .go-to-product-button { position: relative; /*font-family: 'Oswald',impact, sans-serif;*/ font-size: 11pt; cursor: pointer; display: block; margin: -12px auto 0px; width: 150px; text-align: center; text-decoration: underline; }
.top-boxes .top-left .start-shmooping-button { position: relative; font-family: 'Oswald',impact, sans-serif; background: #e15c40; color: #FFF; box-shadow: 1px 2px 2px #e15c40; font-size: 14pt; border-radius: 8px; cursor: pointer; display: block; margin: -10px; width: 175px; text-align: center; left: 90px; }
.top-boxes .top-left .start-shmooping-button:hover { color: #0063B6; }

.top-boxes .top-right .alacarte-prompt { background: transparent url("https://media1.shmoop.com/images/sprites/newself-checkout-sprite.png") 0 -162px no-repeat; height: 235px; }

.top-boxes .top-right .alacarte-prompt .speech-box { background: #f99c47; padding: 15px; border-radius: 8px; margin-left: 78px; color: #FFF; height: 206px; }
.top-boxes .top-right .alacarte-prompt .speech-box h3 { margin: 0; font-family: 'Oswald',impact; font-size: 40px; font-weight: normal; }
.top-boxes .top-right .alacarte-prompt .speech-box p { font-size: 12pt; margin: 0 0 30px 0; }
.top-boxes .top-right .alacarte-prompt .speech-box a { padding: 5px 15px; color: #FFF; font-family: 'Oswald',impact; font-size: 20pt; border-radius: 8px; background: #0063b6;  }

.top-boxes .top-right .video-box h3 {  background: transparent url("https://media1.shmoop.com/images/sprites/newself-checkout-sprite.png") -350px -332px no-repeat; width: 393px; height: 46px; color: #FFF; font-family: 'Oswald',impact; font-size: 26pt; font-weight: normal; margin: 23px 0 0 0; text-align: center; padding-top: 10px; }

.user-types { background: #91c83e url("https://media1.shmoop.com/images/sprites/school.png") center 5px no-repeat; padding: 90px 20px 20px 20px; border-radius: 8px; color: #FFF; width: 260px; height: 220px; text-align: center; }
.user-types p.district { margin: 0; font-family: 'Oswald',impact, sans-serif; font-size: 15pt; line-height: 33px; text-transform: uppercase; font-weight: bold; font-weight: bold; }
.user-types p.district a { background: #FFF; color: #91c83e; padding: 3px 10px 2px; box-shadow: 1px 2px 2px #76a333; font-size: 14pt; border-radius: 8px; position: relative; top: -6px; cursor: pointer; display: block; margin: 15px auto 5px; width: 98px; }
.user-types a.students:hover,
.user-types p.district a:hover { color: #e15c40; }
.user-types a.students { color: #FFF; text-decoration: underline; font-size: 12pt; font-weight: bold; }

.renewal-message { padding: 20px; color: #FFF; background: #004B91; margin: 0; font-weight: bold; }
#proration-message { color: #DF6039; text-align: center; font-style: italic; font-weight: bold; }

.steps { margin-left: -0px; }
.steps ul { border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; }
.steps ul li { padding: 20px 12px 0 20px; width: 131px; height: 60px; }
.steps li.pointer { border-top-left-radius: 8px; border-top-right-radius: 8px; background: url("https://media1.shmoop.com/images/sprites/bible-landing-sprite.png") no-repeat scroll 7px 18px #df6039; color: #FFF; font-family: 'Oswald',impact,sans-serif; text-transform: uppercase; font-size: 20pt; text-shadow: none; width: 100%; left: 150px; padding: 15px 0 5px 0; line-height: 44px; font-weight: bold; }

.top-boxes { width: 926px; }

.shopping-cart .steps { margin-left: -0px;  }
.shopping-cart .steps ul { border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; }
.shopping-cart .steps ul li { padding: 20px 12px 0 20px; width: 131px; height: 60px; }
.shopping-cart .steps li.pointer { border-top-left-radius: 8px; border-top-right-radius: 8px; background: #df6039 url("https://media1.shmoop.com/images/sprites/newself-checkout-sprite2.png") -672px -252px no-repeat; color: #FFF; font-family: 'Oswald',impact,sans-serif; text-transform: uppercase; font-size: 20pt; text-shadow: none; width: 100%; left: 150px; padding: 15px 0 5px 0; line-height: 44px; font-weight: bold;  }
/*
.steps ul li p { font-size: 12pt; }
.steps ul li.arrow-1, 
.steps ul li.arrow-2 { width: 67px; padding: 20px 0 0 0; }
.steps ul li.arrow-1 p, 
.steps ul li.arrow-2 p { background-position: -10px -121px; margin-top: 11px; height: 19px; }
.steps ul li.arrow-2 p { background-position: -99px -117px; }
*/

.footer-wrapper iframe { display: none; }
.push { height: 0; }

.bottom-links { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC; }
.bottom-links a { padding: 5px 15px; color: #FFF; font-family: 'Oswald',impact, sans-serif; text-transform: uppercase; font-size: 15pt; background: #009fc1; margin-right: 4px; border-radius: 8px; }
.bottom-links a.launch { background: #e15c40; }
.bottom-links a.next { background: #8dc854; margin-right: 0; }
.bottom-links a:hover { color: #0063B6; }

.class-help { margin-top: 20px; }
.class-help ul { list-style: none; margin: 0; padding: 0; }
.class-help ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #999; font-size: 11pt; }
.class-help ul li:last-child { border: none; }
.class-help ul li a { color: #105493; cursor: pointer; }
.class-help ul li a:hover { color: #e15c40; }

.features { width: 855px; margin: 0 auto 10px; }
.features .left { width: 410px; float: left; margin: 0 40px 0 20px; }
.features .right { width: 385px; float: left; }
.features p { font-size: 11pt; }
.features p.heading { font-size: 12pt; color: #e15c40; font-weight: bold; }
.features ul li { margin: 0 0 4px 0; }

#help-container { display: none; }
#dialog .webinar h3 { font-size: 18pt; color: #e15c40; text-align: center; margin-top: 0; }
.footer { position: inherit; }

a.monsters-u-link-tab  { display: none; }