.classroom-magazines-profile-overlay .popup .popup_body {
    margin: 0 auto;
}

.classroom-magazines-profile-overlay #session_expired.popup .popup_body,
.classroom-magazines-profile-overlay #login_popup.popup .popup_body {
    background: #fff;
    border: 1px solid #000;
    padding: 30px;
    width: 570px;
}
.classroom-magazines-profile-overlay #session_expired.popup .popup_body {
    width: 500px;
}

.classroom-magazines-profile-overlay #cm_register_steps_popup.popup .popup_body #cm_register_steps {
    background: #fff;
    border: 1px solid #000;
}

.classroom-magazines-profile-overlay.non-obfuscate .popup .popup_body {
    background: #fff;
    border: 1px solid #000;
    padding: 30px;
}

.classroom-magazines-profile-overlay {
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

.classroom-magazines-profile-overlay.non-obfuscate {
  position: fixed;
  height: 100%;
}

.classroom-magazines-profile-overlay.obfuscate {
  position: absolute;
}

.classroom-magazines-profile-overlay .bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #C3C2BC;
}

.classroom-magazines-profile-overlay.non-obfuscate .bg {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.classroom-magazines-profile-overlay.obfuscate .bg {
  opacity: 0.85;
  filter: alpha(opacity=85);
}

.classroom-magazines-profile-overlay table {
  width: 100%;
  height: 100%;
}
.classroom-magazines-profile-overlay table td {
  vertical-align: middle;
}
.classroom-magazines-profile-overlay .close {
  position: absolute;
  right: 2px;
  top: 2px;
}
.classroom-magazines-profile-overlay .inline-popup,
.classroom-magazines-profile-overlay .popup {
  position: relative;
  z-index: 2;
}

.classroom-magazines-profile-overlay.non-obfuscate .popup {
  margin: 0 auto;
}

.classroom-magazines-profile-overlay.obfuscate .popup {
  margin: 0 auto;
}

.classroom-magazines-profile #cm_login{
  margin: 0 auto;
  width: 530px;
}
.classroom-magazines-profile #cm_login .teacher {
  float: left;
  width: 250px;
}
.classroom-magazines-profile #cm_login .student {
  float: right;
  width: 250px;
}
.classroom-magazines-profile #cm_login form {
  border: 1px solid #9fe0ff;
  padding: 20px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
  margin: 0 0 15px;
}

.classroom-magazines-profile-overlay #dashboard_login_popup.popup .popup_body {
    background: #fff;
    border: 1px solid #000;
    padding: 10px;
    width: 720px;
}
.classroom-magazines-profile #dashboard_login_popup #cm_login {
  margin: 0 auto;
  width: 690px;
  padding: 20px 5px 5px;
}
.classroom-magazines-profile #dashboard_login_popup #cm_login .teacher {
  float: left;
  width: 390px;
}
.classroom-magazines-profile #dashboard_login_popup #cm_login .not_subscriber {
  float: right;
  width: 230px;
  background-color: #E9F4FA;
  margin-top: -108px;
  padding: 20px;
}
.classroom-magazines-profile #dashboard_login_popup #cm_login .not_subscriber p {
  line-height: 16px;
}
.classroom-magazines-profile #dashboard_login_popup #cm_login .help {
  float: right;
  width: 230px;
  padding: 20px;
}
.classroom-magazines-profile #dashboard_login_popup #cm_login .help p {
  line-height: 16px;
}
.classroom-magazines-profile #dashboard_login_popup #cm_login h2 {
  margin: 0 0 0.5em;
}
.classroom-magazines-profile #dashboard_signin ul {
  margin-top: -5px;
  line-height: 16px;
  list-style: inside;
  margin-bottom: 10px;
}
.classroom-magazines-profile #dashboard_login_popup #cm_login form {
  border: 2px solid #9fe0ff;
}
.classroom-magazines-profile #dashboard_login_popup .frow {
  display: inline-block;
  width: 65%;
  margin: 0 0 5px;
}
.classroom-magazines-profile #dashboard_login_popup .scholastic_number {
  font-size: 17px;
}
.classroom-magazines-profile #cm_login fieldset {
  padding: 0 0 20px;
}
.classroom-magazines-profile #cm_login .student fieldset {
  padding: 0;
}

#cm_login2 {
  margin: 0 auto;
  width: 570px;
}
#cm_login2 .teacher {
  float: left;
  width: 210px;
}
#cm_login2 .not_subscriber {
  float: right;
  width: 300px;
}
#cm_login2 .border_box {
  border: 1px solid #9fe0ff;
  padding: 20px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
}
#cm_login2 fieldset {
  padding: 10px 0 15px;
}
#cm_login2 h2 {
  margin: 0 0 .4em;
}

.classroom-magazines-profile #parent_overlay_popup.popup {
 width: 560px;
}

.magazine-header-div .magazine-header-login-teacher-wrapper .pop,
.magazine-header-div .magazine-header-logout-teacher-wrapper .pop {
  display: none;
  position: absolute;
  left: -260px;
  top: -25px;
  z-index: 10;
}

.magazine-header-div .pop .red {
  color: red;
}

.magazine-header-div .magazine-header-logout-teacher-wrapper .cmp-overlay-body,
.magazine-header-div .magazine-header-login-teacher-wrapper .cmp-overlay-body {
  width: 210px;
  padding: 15px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
}
.magazine-header-div .magazine-header-logout-teacher-wrapper .arrow2,
.magazine-header-div .magazine-header-login-teacher-wrapper .arrow2 {
  position: absolute;
  right: -22px;
  top: 35px;
}
.magazine-header-div .magazine-header-logout-teacher-wrapper .close,
.magazine-header-div .magazine-header-login-teacher-wrapper .close {
  position: absolute;
  right: 3px;
  top: 3px;
}
.magazine-header-div .magazine-header-logout-teacher-wrapper:hover .pop,
.magazine-header-div .magazine-header-login-teacher-wrapper:hover .pop {
  display: block;
}
.magazine-header-div .magazine-header-login-student-wrapper .pop {
  display: none;
  position: absolute;
  left: -110px;
  top: -25px;
  z-index: 10000;
}

.magazine-header-div .magazine-header-logout-student-wrapper .pop {
  display: none;
  position: absolute;
  left: -110px;
  top: -25px;
  z-index: 10;
}

.magazine-header-div .magazine-header-logout-student-wrapper .login-teacher-fix{
  display: block !important;
  float:none !important;
  height: auto !important;
  margin: 0 !important;
}

.magazine-header-div .magazine-header-logout-student-wrapper{
  display: none;
}

.magazine-header-div .magazine-header-logout-student-wrapper .cmp-overlay-body,
.magazine-header-div .magazine-header-login-student-wrapper .cmp-overlay-body {
  width: 220px;
  padding: 15px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
}
.magazine-header-div .magazine-header-logout-student-wrapper .arrow2,
.magazine-header-div .magazine-header-login-student-wrapper .arrow2 {
  position: absolute;
  right: -22px;
  top: 35px;
}
.magazine-header-div .magazine-header-login-student-wrapper .close {
  position: absolute;
  right: 3px;
  top: 3px;
}
.magazine-header-div .magazine-header-login-student-wrapper input[type=password] {
  float: left;
  width: 135px;
  margin-right: 15px;
}
.magazine-header-div .magazine-header-login-student-wrapper input[type=submit] {
  float: left;
}

/* Typography */
.classroom-magazines-profile, .classroom-magazines-profile p {
  color: #606060;
  font: 12px/14px arial, arial, sans-serif;
  /* h2{color:#545353;font-size:16px;line-height:16px;} */

  /* forms */

}
.classroom-magazines-profile button,
.classroom-magazines-profile input,
.classroom-magazines-profile select,
.classroom-magazines-profile textarea {
  color: #606060;
}
.classroom-magazines-profile h1, h2 {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: none !important;
}
.classroom-magazines-profile h1 {
  color: #181818;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  margin: 0 0 .5em;
}
.classroom-magazines-profile h2 {
  color: #313030;
  font-size: 18px !important;
  line-height: 18px;
  font-weight: normal;
}
.classroom-magazines-profile h3 {
  color: #606060;
  font-size: 14px;
  line-height: 16px;
}
.classroom-magazines-profile p {
  margin: 0 0 1em;
}
.classroom-magazines-profile a {
  color: #10a0ff !important;
  text-decoration: none;
  font: 12px/14px arial, arial, sans-serif;
}
.classroom-magazines-profile a:hover {
  text-decoration: underline;
}
.classroom-magazines-profile .btn.disabled {
  color: #ccc;
  color: #fff;
}
.classroom-magazines-profile .btn.active {
  color: #10a0ff;
  color: #fff;
}
.classroom-magazines-profile .btn-next {
  background: #10a0ff;
  font-size: 13px;
  color: #fff !important;
  width: 70px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  margin-left: 15px;
}
.classroom-magazines-profile .btn-next.disabled {
  background: #c4c4c4;
}
.classroom-magazines-profile .btn-next:hover {
  text-decoration: none;
}
.classroom-magazines-profile ::-webkit-input-placeholder {
  color: #b4b4b4;
}
.classroom-magazines-profile ::-moz-placeholder {
  color: #b4b4b4;
}
.classroom-magazines-profile input[type=text],
.classroom-magazines-profile input[type=email],
.classroom-magazines-profile input[type=password] {
  color: #606060;
  width: 100%;
  border: 1px solid #cbcbcb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 5px;
}
.classroom-magazines-profile input[type=text]:focus,
.classroom-magazines-profile input[type=email]:focus,
.classroom-magazines-profile input[type=password]:focus {
  outline: none;
  -webkit-box-shadow: 0 0 3px 1px #10a0ff;
  box-shadow: 0 0 3px 1px #10a0ff;
}
.classroom-magazines-profile input[type=text].error:focus,
.classroom-magazines-profile input[type=email].error:focus,
.classroom-magazines-profile input[type=password].error:focus {
 box-shadow: 0 0 3px 1px #ff0000;
}
.classroom-magazines-profile input.error {
  -webkit-box-shadow: 0 0 3px 1px #ff0000;
  box-shadow: 0 0 3px 1px #ff0000;
}
.classroom-magazines-profile input[type=submit] {
  background-color: transparent;
  border: 0;
  color: #10a0ff;
}
.classroom-magazines-profile .error_txt, .classroom-magazines-profile .tip {
  color: #ff0000;
  font-size: 10px;
  line-height: 12px;
  margin: .2em 0 .5em;
}
.classroom-magazines-profile .generate_password {
  background-image: url(./generate.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 288px;
  display: block;
  margin: -7px 127px 12px;
  color: #23b427 !important;
  line-height: 20px;
  padding: 5px 0;
  font-size: 14px;
  font-family: "Museo Sans W01";
  font-weight: 300;
}
.classroom-magazines-profile a.generate_password:hover {
  text-decoration: none;
}
.password .generate_password {
  width: 264px;
  margin: -7px 0 12px;
}
.password a.generate_password:hover {
  text-decoration: none !important;
}
.classroom-magazines-profile .tip {
  visibility: visible;
  color: #888;
}
.classroom-magazines-profile .validation {
  color: #feffad;
}
.classroom-magazines-profile .frow {
  display: inline-block;
  width: 100%;
  margin: 0 0 5px;
}
.classroom-magazines-profile .frow label {
  font-size: 16px;
  line-height: 18px;
  color: #545353;
  display: block;
  margin: 0 0 3px;
}
.classroom-magazines-profile .frow div.checkbox-container {
  width: 19px;
  display: inline;
  height: 39px;
  float: left;
  padding-top: 2px;
}
.classroom-magazines-profile .frow-grp {
  margin-top: 8px;
}
.classroom-magazines-profile .msg_warning {
  background: #fcffd4;
  border: 1px solid #ccc;
  padding: 15px;
}

/* Sprites */
.classroom-magazines-profile .sprite {
  background: url(./sprites.png) no-repeat;
  display: inline-block;
  overflow: hidden;
  text-indent: -999px;
  border: 0;
}
.classroom-magazines-profile .sprite.btn-get_started {
  background-position: 0px 0px;
  width: 125px;
  height: 42px;
}
.classroom-magazines-profile .sprite.btn-go {
  background-position: 0px -42px;
  width: 46px;
  height: 29px;
}
.classroom-magazines-profile .sprite.btn-sign_in {
  background-position: 0px -71px;
  width: 79px;
  height: 29px;
}
.classroom-magazines-profile .sprite.btn-continue_to_site {
  background-position: -75px -200px;
  width: 120px;
  height: 29px;
  float: right;
  margin-right: 10px;
  margin-top: -10px;
}
.classroom-magazines-profile .sprite.btn-sign_in2 {
  background-position:0px -357px;
  width:102px;
  height:40px;
}
.classroom-magazines-profile .sprite.btn-student {
  background-position: 0px -100px;
  width: 194px;
  height: 50px;
}
.classroom-magazines-profile .sprite.btn-teacher {
  background-position: 0px -150px;
  width: 194px;
  height: 50px;
}
.classroom-magazines-profile .sprite.btn-close {
  background-position: 0px -200px;
  width: 24px;
  height: 24px;
}
.classroom-magazines-profile .sprite.btn-close2 {
  background-position: 0px -224px;
  width: 41px;
  height: 14px;
}
.classroom-magazines-profile .sprite.btn-close3 {
  background-position: 0px -238px;
  width: 12px;
  height: 12px;
}
.classroom-magazines-profile .sprite.btn-close4 {
  background-position: 0px -238px;
  width: 12px;
  height: 12px;
}
.classroom-magazines-profile .sprite.btn-questionmark {
  background-position: -26px -202px;
  width: 20px;
  height: 20px;
}
.classroom-magazines-profile .sprite.close-popup {
  background-position: -49px -203px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 244px;
  top: 14px;
}
.classroom-magazines-profile .sprite.arrow {
  background-position: 0px -250px;
  width: 28px;
  height: 19px;
}
.classroom-magazines-profile .sprite.arrow2 {
  background-position: 0px -269px;
  width: 22px;
  height: 27px;
}
.classroom-magazines-profile .sprite.arrow3 {
  background-position: 0px -296px;
  width: 28px;
  height: 19px;
}
.classroom-magazines-profile .sprite.btn-sign_out {
  background-position: 0px -328px;
  width: 90px;
  height: 29px;
}


/* html5 elements */
.classroom-magazines-profile article,
.classroom-magazines-profile aside,
.classroom-magazines-profile details,
.classroom-magazines-profile figcaption,
.classroom-magazines-profile figure,
.classroom-magazines-profile footer,
.classroom-magazines-profile header,
.classroom-magazines-profile hgroup,
.classroom-magazines-profile main,
.classroom-magazines-profile nav,
.classroom-magazines-profile section,
.classroom-magazines-profile summary{display:block}

/* links */
.classroom-magazines-profile a{text-decoration:none}
.classroom-magazines-profile a:focus{outline:thin dotted}
.classroom-magazines-profile a:active,a:hover{outline:0}

/* typography */
.classroom-magazines-profile b,
.classroom-magazines-profile strong{font-weight:bold}
.classroom-magazines-profile hr{display:block;height:0;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
.classroom-magazines-profile mark{background:#ff0;color:#000}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
.classroom-magazines-profile small{font-size:80%}
.classroom-magazines-profile sub,
.classroom-magazines-profile sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
.classroom-magazines-profile sup{top:-0.5em}
.classroom-magazines-profile sub{bottom:-0.25em}
.classroom-magazines-profile nav ul{padding:0;margin:0;list-style:none}

/* embedded */
.classroom-magazines-profile img{border:0;vertical-align:middle}

/* forms */
.classroom-magazines-profile fieldset{border:0;margin:0;padding:0}
.classroom-magazines-profile legend{border:0;padding:0}
.classroom-magazines-profile button,
.classroom-magazines-profile input,
.classroom-magazines-profile select,
.classroom-magazines-profile textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.classroom-magazines-profile button,
.classroom-magazines-profile input,
.classroom-magazines-profile select,
.classroom-magazines-profile textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:middle;}
.classroom-magazines-profile label{vertical-align:middle;}
.classroom-magazines-profile textarea{overflow:auto;resize:vertical}
.classroom-magazines-profile button,
.classroom-magazines-profile input{line-height:normal}
.classroom-magazines-profile button,
.classroom-magazines-profile html input[type="button"],
.classroom-magazines-profile input[type="reset"],
.classroom-magazines-profile input[type="submit"]{-webkit-appearance:button;cursor:pointer}
.classroom-magazines-profile button[disabled],html input[disabled]{cursor:default}
.classroom-magazines-profile input[type="checkbox"],input[type="radio"]{padding:0}
.classroom-magazines-profile input[type="search"]{-webkit-appearance:textfield;}
.classroom-magazines-profile input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
.classroom-magazines-profile button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

/* tables */
.classroom-magazines-profile table{border-collapse:collapse;border-spacing:0}
.classroom-magazines-profile td,
.classroom-magazines-profile th{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* clearfix */
.classroom-magazines-profile .clear{clear:both;height:0;overflow:hidden}
.classroom-magazines-profile .clearfix:before,
.classroom-magazines-profile .clearfix:after{content:" ";display:table}
.classroom-magazines-profile .clearfix:after{clear:both;}

/* subscription */
#cm_register_steps {
  margin: 0 auto;
  width: 600px;
  border: 1px solid #c3c3c3;
  -webkit-box-shadow: 0 0 2px 1px #cccccc;
  box-shadow: 0 0 2px 1px #cccccc;
}

#cm_register_steps .cm_register_header {
  height: 50px;
  padding: 0 25px;
  background: url(./gradient.png) repeat-x;
  display: table;
  width: 550px;
}
#cm_register_steps .cm_register_header h1 {
  line-height: 22px;
  display: table-cell;
  vertical-align: middle;
}
#cm_register_steps .cm_register_body {
  padding: 10px 25px;
}
#cm_register_steps .cm_subscribe .cm_register_header { 
  text-align: center;
  font-weight: 500;
  padding-right:20px;
  width: 600px;
}
#cm_register_steps .cm_subscribe .cm_register_header h1 { 
  font-weight: 500;
  font-size: 23px;
}
#cm_register_steps .cm_register_body.cm_subscribe_body h3 {
  color: #10a0ff !important;
  font-size: 20px !important;
  line-height: 24px;
  font-weight: 300;
  margin-top: 5px;
  margin-bottom: 20px;
}
#cm_register_steps .cm_register_body.cm_subscribe_body a.small-link {
  text-decoration: underline;
  font-size: 18px;
}
#cm_register_steps .cm_register_body.cm_subscribe_body a, 
#cm_register_steps .cm_register_body.cm_subscribe_body p {
  font-family: "Museo Sans W01";
  font-weight: 500;
}
#cm_register_steps .cm_register_body.cm_subscribe_body p {
  margin-top: 8px;
  margin-bottom: 14px;
  color: #888;
  font-weight: 300;
}
#cm_register_steps .cm_subscribe_body .lnk-small.where-ac {
  font-weight: 500;
}
#cm_register_steps .cm_subscribe_body .btn-enter-code {
  width: 366px;
}
#cm_register_steps .cm_register_footer {
  padding: 0 25px;
  height: 50px;
  line-height: 50px;
  background: #efefef;
  overflow: hidden;
}
#cm_register_steps .cm_register_footer .step {
  float: left;
  width: 40%;
  font-weight: bold;
}
#cm_register_steps .cm_register_footer .btns {
  float: right;
  width: 40%;
  text-align: right;
}
#cm_register_step_1 .code {
  width: 300px;
  float: left;
}
#cm_register_step_1 .code input {
  width: 200px;
}
#cm_register_step_1 .code fieldset {
  margin: 0 0 25px;
}
#cm_register_step_1 .code input[type=checkbox] {
  width: auto;
  position: relative;
  top: -2px;
}
#cm_register_step_1 .tips {
  float: left;
  margin-left: 6px;
}
#cm_register_step_1 .help {
  background: #fff8ce;
  padding: 10px 20px;
  width: 200px;
}
#cm_register_step_1 .expiration_warning {
  color: red;
  font-size: 11px;
  margin-top: -10px;
  font-weight: bold;
}
#cm_register_step_1 #additional_code_tip {
  background: none;
}
#cm_register_step_1 #code_tip h2 {
  font-size: 16px !important;
  padding-bottom: 5px;
}
#cm_register_step_1 .frow label .small-label {
  font-size: 12px;
}
#cm_register_step_2 .code input#number_of_students {
  width: 35px;
}
#cm_register_step_3 fieldset {
  padding: 10px;
  background: #cae5f2;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  margin: 10px 0;
}
#cm_register_step_3 .edit {
  padding: 10px;
  background: #cae5f2;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  margin: 10px 0;
}
#cm_register_step_3 .edit p {
  font-size: 16px;
  color: #313030;
  margin: 0 0 2em;
}
#cm_register_step_3 .name {
  width: 240px;
  float: left;
}
#cm_register_step_3 .password {
  width: 240px;
  float: right;
}
#cm_register_step_3 .cancel {
  font-size: 10px;
}
#cm_register_step_3 a.btn-save {
  display: block;
  float: left;
  height: 14px;
  margin: 1px 4px 0 0;
  padding: 0 6px;
  text-decoration: none;
  width: 27px;
}
#cm_register_step_4 label {
  font-size: 16px;
}
#cm_register_step_4 label span {
  font-size: 14px;
}
#cm_register_step_4 input[type=text] {
  width: 80px;
}
#cm_register_step_4 label input {
  float: left;
  margin: 3px 10px 10px 0;
}
#cm_register_step_4 .frow {
  margin: 0 0 25px;
}
#cm_register_step_4 form {
  padding: 20px 0 50px;
}
#cm_register_step_4 .copie{
  display:inline;
  margin-left:10px;
}
#cm_register_activation table {
  width: 100%;
  margin: 25px 0;
}
#cm_register_activation td {
  border-bottom: 1px solid #cfcfcf;
  padding: 8px 0;
  line-height: 16px;
  vertical-align: top;
}
#cm_register_activation th {
  text-align: left;
  font-size: 18px;
  color: #313030;
  border-bottom: 1px solid #cfcfcf;
  font-weight: normal;
  padding: 8px 0;
}
#cm_register_activation th:first-child {
  width: 160px;
}
#cm_register_confirm h2 {
  margin: 1em 0 1.5em;
}
#cm_register_confirm p {
  font-size: 16px;
  line-height: 18px;
  margin: 1em 0;
}
#cm_register_confirm .cm_register_body {
  padding-bottom: 50px;
}
#cm_register_renew {
  background-color: white;
  height: 400px;
  padding: 40px;
  border: 1px solid #000;
}

#cm_register_renew {
  width: 750px;
}

#cm_register_subscribe {
  width: 680px;
}

#cm_register_subscribe popup_body {
  width: 680px;
}
#cm_register_renew p {
  font-size: 18px;
  line-height: 23px;
}
#cm_register_renew h1{
  margin-bottom: 22px;
  font-size: 28px;
}
#cm_register_renew .renew-second-header, .subscribe-second-header, .subscribe-second-header {
  margin-bottom: 15px;
  line-height: 23px;
  font-size: 18px;
  font-weight: bold;
}
#cm_register_renew .center {
  text-align: center;
  width: auto;
}
#cm_register_renew .red {
  color: red;
}
#cm_register_renew {
  width: 750px;
}

#cm_register_renew .text-under-box {
  font-size: 13px;
  text-align: left;
  padding-left: 8px;
  margin-top: 12px;
}
#cm_logged_out {
  margin:0 auto;
  width:380px;
  padding:30px 0;
  text-align:center;
}
#cm_logged_out p {
  color:#cd0500;
  font-size:20px;
  line-height:30px;
}

.canada_info {
  font-size: 11px !important;
}

/* Reset yellow background for autofill fields added by browser. */
.classroom-magazines-profile-overlay input:-webkit-autofill {
  -webkit-box-shadow:0 0 0 50px white inset;
}
.classroom-magazines-profile-overlay input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 3px 1px #10a0ff, 0 0 0 50px white inset;
}
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=85f91aa5-a5fe-455d-96aa-a9aaf6575d2e");
@font-face{
  font-family:"Museo W01";
  src:url("./fonts/758cdfbb-3df9-4531-874f-8b1ec9ed551b.eot?#iefix");
  src:url("./fonts/758cdfbb-3df9-4531-874f-8b1ec9ed551b.eot?#iefix") format("eot"),url("./fonts/6f0dd3b6-e038-41dd-9bad-8e9e8fd14c78.woff2") format("woff2"),url("./fonts/0e3b857c-fdf4-4ed8-8328-921f6f31b4b3.woff") format("woff"),url("./fonts/1a2af85d-0ff8-40ef-9d8d-8a966465ab1e.ttf") format("truetype"),url("./fonts/388ccc1c-ce88-4d22-94af-970c99d71999.svg#388ccc1c-ce88-4d22-94af-970c99d71999") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face{
  font-family:"Museo W01";
  src:url("./fonts/af276b07-6043-432e-abd6-85db62b396af.eot?#iefix");
  src:url("./fonts/af276b07-6043-432e-abd6-85db62b396af.eot?#iefix") format("eot"),url("./fonts/739e4f17-c4aa-4db3-9bbb-150afd3be4c5.woff2") format("woff2"),url("./fonts/e971d9dd-4d24-4c3e-b863-898a551d55c9.woff") format("woff"),url("./fonts/06faee15-8303-4a77-9cc7-9b261d10756f.ttf") format("truetype"),url("./fonts/2bbf4242-33e5-4e94-9387-be23695bc758.svg#2bbf4242-33e5-4e94-9387-be23695bc758") format("svg");
  font-weight: 700;
  font-style: italic;
}
@font-face{
  font-family:"Museo W01";
  src:url("./fonts/3a1a59f5-1f68-4ebd-84ad-a9048fe78e39.eot?#iefix");
  src:url("./fonts/3a1a59f5-1f68-4ebd-84ad-a9048fe78e39.eot?#iefix") format("eot"),url("./fonts/52be0694-00c1-4daa-8782-419021c48e95.woff2") format("woff2"),url("./fonts/dee84039-06ae-4a61-89c4-709e594804a3.woff") format("woff"),url("./fonts/9547becc-44c3-4b00-8568-8d3debb4d299.ttf") format("truetype"),url("./fonts/5d61f150-54fd-4fa1-98ff-155e222626e1.svg#5d61f150-54fd-4fa1-98ff-155e222626e1") format("svg");
  font-weight: 500;
}
@font-face{
  font-family:"Museo W01";
  src:url("./fonts/3b3d99a2-6b36-4912-a93e-29277020a5cf.eot?#iefix");
  src:url("./fonts/3b3d99a2-6b36-4912-a93e-29277020a5cf.eot?#iefix") format("eot"),url("./fonts/13012335-73ef-44f0-b295-7b83041355af.woff2") format("woff2"),url("./fonts/28d74e9b-4ea9-4e3c-b265-c67a72c66856.woff") format("woff"),url("./fonts/b432b4e1-014a-4ed8-865c-249744f856b0.ttf") format("truetype"),url("./fonts/8e63fd1e-adc9-460e-9ef7-bbf98ee32a71.svg#8e63fd1e-adc9-460e-9ef7-bbf98ee32a71") format("svg");
  font-weight: 700;
}

@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=f97d6a79-dadb-4710-9962-8f44d2df4fd7");
@font-face {
  font-family: "Museo Sans W01_n3";
  src: url("./fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?#iefix") format("eot")
}
@font-face {
  font-family:"Museo Sans W01";
  src: url("./fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?#iefix");
  src: url("./fonts/fd479df2-01b0-4e3a-a411-915c477f1352.eot?#iefix") format("eot"),url("./fonts/1d3191cd-ae8c-45e2-bb04-11e96d8fa974.woff2") format("woff2"),url("./fonts/b252d464-65cb-4950-88f7-ac0a1bf79b75.woff") format("woff"),url("./fonts/b3d18117-6517-4d3f-afc1-774086ff5fc1.ttf") format("truetype"),url("./fonts/b9bed509-0816-43d8-b14b-7525a21f4bde.svg#b9bed509-0816-43d8-b14b-7525a21f4bde") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans W01_i3";
  src: url("./fonts/90e6d1d9-33c0-4c63-9491-85041f7d5fd3.eot?#iefix") format("eot")
}
@font-face {
  font-family: "Museo Sans W01";
  src: url("./fonts/90e6d1d9-33c0-4c63-9491-85041f7d5fd3.eot?#iefix");
  src: url("./fonts/90e6d1d9-33c0-4c63-9491-85041f7d5fd3.eot?#iefix") format("eot"),url("./fonts/a0f222f7-39b4-41c9-a5c0-0b9b7e6b8f89.woff2") format("woff2"),url("./fonts/96766c08-0e19-43a8-b45d-e95c5b09785c.woff") format("woff"),url("./fonts/304f4215-6b57-433a-83f7-2d4c3aaf82e9.ttf") format("truetype"),url("./fonts/2acdd065-8f32-4b1d-a7c8-c59fa153ce86.svg#2acdd065-8f32-4b1d-a7c8-c59fa153ce86") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans W01_n5";
  src: url("./fonts/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix") format("eot")
}
@font-face {
  font-family: "Museo Sans W01";
  src: url("./fonts/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix");
  src: url("./fonts/a29947fd-0c53-492b-b2f4-399b01153b30.eot?#iefix") format("eot"),url("./fonts/d9896899-f08c-4750-a874-a9e10d83c2cb.woff2") format("woff2"),url("./fonts/d42dd843-62b0-4623-8855-d5882512c3c9.woff") format("woff"),url("./fonts/6d532ccb-086c-4000-bab2-5d16862fcf01.ttf") format("truetype"),url("./fonts/f56b7407-f97b-4cb3-9ce6-4e13065eec93.svg#f56b7407-f97b-4cb3-9ce6-4e13065eec93") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans W01_i5";
  src: url("./fonts/afb0bae6-4f02-492e-82dd-c4c51e519279.eot?#iefix") format("eot")
}
@font-face {
  font-family: "Museo Sans W01";
  src: url("./fonts/afb0bae6-4f02-492e-82dd-c4c51e519279.eot?#iefix");
  src: url("./fonts/afb0bae6-4f02-492e-82dd-c4c51e519279.eot?#iefix") format("eot"),url("./fonts/b76ff444-27dd-4494-b96e-2f5157f347d5.woff2") format("woff2"),url("./fonts/136eb3cf-249c-40a3-bb62-49c1ad9ae6d8.woff") format("woff"),url("./fonts/70c24c76-d52f-4d55-be08-6085ad014f1b.ttf") format("truetype"),url("./fonts/ac37080b-1709-4b25-bda1-03c4a58e3ef5.svg#ac37080b-1709-4b25-bda1-03c4a58e3ef5") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Museo Sans W01_n7";
  src: url("./fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?#iefix") format("eot")
}
@font-face {
  font-family: "Museo Sans W01";
  src: url("./fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?#iefix");
  src: url("./fonts/3d0a39cf-115c-4800-9b1e-31c7912abfc2.eot?#iefix") format("eot"),url("./fonts/e2d37f34-6bca-473c-b64d-93811f4dc046.woff2") format("woff2"),url("./fonts/eadbb595-a394-48fc-834f-8bf5da15cddf.woff") format("woff"),url("./fonts/9bcba093-b507-4b9b-9c83-303003d3815c.ttf") format("truetype"),url("./fonts/9a2af429-2624-4bd1-a676-8f0eed3e7e31.svg#9a2af429-2624-4bd1-a676-8f0eed3e7e31") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Museo Sans W01_i7";
  src: url("./fonts/8507714a-41e5-4f02-9f2d-70e6dc6b30f7.eot?#iefix") format("eot")
}
@font-face {
  font-family: "Museo Sans W01";
  src: url("./fonts/8507714a-41e5-4f02-9f2d-70e6dc6b30f7.eot?#iefix");
  src: url("./fonts/8507714a-41e5-4f02-9f2d-70e6dc6b30f7.eot?#iefix") format("eot"),url("./fonts/0db19ee1-b74a-4eb6-b48f-60c7047ea44b.woff2") format("woff2"),url("./fonts/9c98d320-d511-4d3d-9ba3-6516302dba95.woff") format("woff"),url("./fonts/b4b164e1-3b4c-42c1-8db5-ca02bfad125c.ttf") format("truetype"),url("./fonts/8673e9b2-7e5d-4749-8588-b7de69b662c2.svg#8673e9b2-7e5d-4749-8588-b7de69b662c2") format("svg");
  font-weight: 700;
  font-style: italic;
}
.classroom-magazines-profile-overlay.obfuscate #cm_register_steps_popup.popup {
  position: absolute;
  left: 50%;
  margin-left: -301px; }

#cm_register_confirm h2 {
  margin-top: 20px; }

#cm_register_step_4 h2 {
  margin-top: 35px; }
#cm_register_step_4 form {
  padding: 15px 0 5px; }

#cm_register_steps {
  margin: 0 auto;
  width: 600px;
  border: 2px solid #3e9eff !important; }
  #cm_register_steps a {
    outline: none; }
  #cm_register_steps em {
    font-family: "Museo Sans W01";
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
    line-height: 18px; }
  #cm_register_steps small {
    font-family: "Museo Sans W01";
    font-weight: 300;
    font-size: 12px;
    font-style: italic;
    line-height: 14px; }
    #cm_register_steps small b {
      font-weight: 700; }
  #cm_register_steps.trial {
    border-radius: 5px;
    border-color: #2b78c5 !important;
    overflow: hidden; }
    #cm_register_steps.trial .cm_register_header {
      padding: 0;
      background: url(/cmp/assets/header-ad82e7e99b1d0d8c97f1b34af3487b75.jpg) no-repeat center 0;
      height: auto;
      position: relative; }
      #cm_register_steps.trial .cm_register_header h1 {
        font-family: "Museo W01";
        display: block;
        text-align: center;
        font-size: 26px;
        line-height: 34px; }
        #cm_register_steps.trial .cm_register_header h1 b {
          font-size: 52px;
          line-height: 68px; }
      #cm_register_steps.trial .cm_register_header .step {
        display: none; }
      #cm_register_steps.trial .cm_register_header .close-popup {
        position: absolute;
        top: 0;
        right: 0; }
        #cm_register_steps.trial .cm_register_header .close-popup a {
          background: url(/cmp/assets/close-trial-d463743ec4200dc322cdb36690e10c96.png) no-repeat center center;
          margin: 0;
          height: 58px;
          width: 58px;
          display: block;
          text-indent: -9999px; }
    #cm_register_steps.trial .cm_register_body h2,
    #cm_register_steps.trial .cm_register_body h2.welcome {
      font-family: "Museo W01";
      color: #2b78c5; }
      #cm_register_steps.trial .cm_register_body h2 em,
      #cm_register_steps.trial .cm_register_body h2.welcome em {
        font-family: "Museo W01"; }
    #cm_register_steps.trial .cm_register_body h2.congrats {
      font-size: 42px !important;
      line-height: 60px; }
    #cm_register_steps.trial .cm_register_body .info-small {
      margin: 5px 0; }
    #cm_register_steps.trial .cm_register_body .btn {
      min-width: 100px; }
    #cm_register_steps.trial .cm_register_body .btn-lnk {
      outline: none;
      color: #999999 !important;
      font-size: 16px;
      line-height: 24px;
      font-family: "Museo Sans W01";
      font-weight: 500;
      text-decoration: underline; }
      #cm_register_steps.trial .cm_register_body .btn-lnk:hover {
        color: #666666 !important; }
    #cm_register_steps.trial .trial-hint-wrapper {
      background-color: #f2f8ff;
      border-top: solid 1px #d6e8fc;
      height: 90px;
      margin-top: 10px; }
      #cm_register_steps.trial .trial-hint-wrapper .trial-bulb {
        background: url(/cmp/assets/bulb-636d5d28f3661b1c1c306b52bca812a2.png) no-repeat right center;
        display: inline-block;
        height: 100%;
        vertical-align: top;
        width: 190px; }
      #cm_register_steps.trial .trial-hint-wrapper .trial-hint {
        color: #2b78c5;
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        font-family: "Museo Sans W01";
        font-weight: 500;
        padding: 20px 0 0 10px;
        vertical-align: top; }
    #cm_register_steps.trial .privacy-policies {
      text-align: left;
      margin: 0 auto 20px;
      padding-left: 130px; }
      #cm_register_steps.trial .privacy-policies a {
        display: block;
        padding: 4px 0;
        color: #999999 !important;
        text-decoration: underline;
        font-size: 16px;
        line-height: 22px;
        font-family: "Museo Sans W01";
        font-weight: 300; }
        #cm_register_steps.trial .privacy-policies a:hover {
          color: #666666 !important; }
  #cm_register_steps .magazine-cover-wrapper {
    display: inline-block;
    width: 220px;
    vertical-align: top; }
  #cm_register_steps .trial-expired-message {
    display: inline-block;
    width: 260px;
    padding: 0;
    vertical-align: top; }
    #cm_register_steps .trial-expired-message p {
      font-size: 16px;
      line-height: 24px;
      text-align: left;
      font-family: "Museo Sans W01"; }
      #cm_register_steps .trial-expired-message p em {
        font-size: 16px;
        line-height: 24px;
        font-weight: inherit;
        font-family: "Museo Sans W01"; }
    #cm_register_steps .trial-expired-message .btn-lnk.do-not-activate-trial {
      color: #3e9eff !important; }
      #cm_register_steps .trial-expired-message .btn-lnk.do-not-activate-trial:hover {
        color: #2b8aea !important; }
  #cm_register_steps .cm-renew .cm_register_header {
    padding: 0;
    width: 600px; }
  #cm_register_steps .cm-renew h1 {
    text-align: center; }
  #cm_register_steps .cm-renew .cm_register_body h2.welcome {
    color: #3e9eff;
    font-size: 20px !important; }
  #cm_register_steps .question-mark {
    display: inline-block;
    border-radius: 8px;
    background-color: #3e9eff;
    text-align: center;
    margin-left: 2px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    width: 16px;
    vertical-align: bottom; }
  #cm_register_steps .subscription-choices .lnk-small {
    color: #3e9eff !important; }
  #cm_register_steps .subscription-choices .lnk-small:hover {
    color: #2b8aea !important; }
  #cm_register_steps #form_subscription_new {
    margin: 0 auto;
    text-align: center; }
    #cm_register_steps #form_subscription_new .error_txt {
      padding: 5px 0;
      font-size: 14px;
      font-family: "Museo Sans W01";
      font-weight: 300; }
    #cm_register_steps #form_subscription_new .checkbox-wrapper {
      display: inline-block;
      margin: 0 0 5px;
      width: 400px; }
      #cm_register_steps #form_subscription_new .checkbox-wrapper label {
        display: block;
        margin: 0 0 15px; }
      #cm_register_steps #form_subscription_new .checkbox-wrapper .checkbox-container {
        width: 35px;
        height: auto;
        display: inline;
        float: left;
        margin-right: 10px;
        height: 37px;
        background: url(./checkbox_bg.png) no-repeat 0 0; }
      #cm_register_steps #form_subscription_new .checkbox-wrapper .checkbox-container.checked {
        background-position: -35px 0; }
    #cm_register_steps #form_subscription_new input[type="text"] {
      border-radius: 4px;
      border: 2px solid #3e9eff;
      text-align: left;
      color: #666666 !important;
      padding: 12px;
      margin: 0;
      font-size: 20px;
      font-family: "Museo Sans W01";
      font-weight: 500;
      width: 370px;
      margin: 0 0 10px 0;
      background: url(./remove.png) no-repeat;
      background-position: 340px; }
    #cm_register_steps #form_subscription_new input.error {
      border: 2px solid red;
      box-shadow: 0 0 3px 1px red; }
  #cm_register_steps .cm_register_header {
    height: 55px;
    padding: 0 0 0 20px;
    background: #3e9eff;
    display: table;
    width: 100%;
    box-sizing: border-box; }
    #cm_register_steps .cm_register_header h1 {
      line-height: 24px;
      display: table-cell;
      vertical-align: middle;
      color: white;
      font-size: 22px;
      font-family: "Museo Sans W01";
      font-weight: 700; }
    #cm_register_steps .cm_register_header .close-popup a {
      display: inline-block;
      line-height: 55px;
      text-align: center;
      font-size: 40px;
      color: white !important;
      float: right;
      margin: 0 15px 0 0;
      cursor: pointer; }
    #cm_register_steps .cm_register_header .close-popup a:hover {
      color: #bcdaff !important;
      text-decoration: none; }
    #cm_register_steps .cm_register_header .step {
      float: right;
      margin-right: 20px;
      text-align: right;
      line-height: 55px;
      height: 55px; }
      #cm_register_steps .cm_register_header .step span {
        display: inline-block;
        border-radius: 15px;
        background-color: #bcdaff;
        text-align: center;
        margin-left: 8px;
        color: #3e9eff;
        font-weight: bold;
        font-size: 18px;
        height: 28px;
        line-height: 28px;
        width: 28px;
        vertical-align: middle;
        font-family: "Museo Sans W01";
        font-weight: 500; }
      #cm_register_steps .cm_register_header .step span.active {
        font-size: 24px;
        border-radius: 18px;
        height: 36px;
        line-height: 36px;
        width: 36px;
        background-color: white;
        font-weight: 700; }
  #cm_register_steps .cm_register_body {
    background-color: white;
    padding: 14px 25px;
    text-align: center; }
    #cm_register_steps .cm_register_body .parent-box {
      text-align: left; }
      #cm_register_steps .cm_register_body .parent-box h1 {
        font-family: "Museo Sans W01";
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
        color: #444444; }
      #cm_register_steps .cm_register_body .parent-box p,
      #cm_register_steps .cm_register_body .parent-box li,
      #cm_register_steps .cm_register_body .parent-box a {
        font-family: "Museo Sans W01";
        font-weight: 304;
        font-size: 14px;
        line-height: 18px; }
    #cm_register_steps .cm_register_body .welcome-box h2.welcome {
      color: #3e9eff; }
    #cm_register_steps .cm_register_body .decorated {
      text-decoration: underline; }
    #cm_register_steps .cm_register_body .info {
      color: #999999;
      font-size: 22px;
      font-family: "Museo Sans W01";
      font-weight: 700;
      margin-bottom: 25px; }
      #cm_register_steps .cm_register_body .info a.info-link {
        color: #999999 !important;
        font-size: 22px;
        font-family: "Museo Sans W01";
        font-weight: 500; }
      #cm_register_steps .cm_register_body .info a:hover {
        color: #666666 !important; }
    #cm_register_steps .cm_register_body .info-small {
      margin: 25px 0;
      color: #999999;
      font-size: 16px;
      line-height: 24px;
      font-family: "Museo Sans W01";
      font-weight: 300;
      margin-top: 15px; }
      #cm_register_steps .cm_register_body .info-small a.info-link {
        color: #999999 !important;
        font-size: 16px;
        line-height: 24px;
        font-family: "Museo Sans W01";
        font-weight: 700; }
      #cm_register_steps .cm_register_body .info-small a:hover {
        color: #666666 !important; }
    #cm_register_steps .cm_register_body .not-yet-subscriber {
      margin: 25px 0; }
      #cm_register_steps .cm_register_body .not-yet-subscriber .help {
        width: 360px; }
    #cm_register_steps .cm_register_body form.sign-in-form {
      margin: 0 auto;
      text-align: center; }
      #cm_register_steps .cm_register_body form.sign-in-form .error_txt {
        padding: 5px 0;
        font-size: 14px;
        font-family: "Museo Sans W01";
        font-weight: 300;
        width: 75%;
        margin: 3px auto 20px;
        line-height: 16px; }
      #cm_register_steps .cm_register_body form.sign-in-form input[type="text"],
      #cm_register_steps .cm_register_body form.sign-in-form input[type="email"],
      #cm_register_steps .cm_register_body form.sign-in-form input[type="password"] {
        border-radius: 4px;
        border: 2px solid #3e9eff;
        text-align: left;
        font-size: 20px;
        font-family: "Museo Sans W01";
        font-weight: 500;
        color: #666666 !important;
        padding: 12px;
        margin: 0;
        width: 370px;
        margin: 0 0 10px 0;
        padding-left: 30px; }
      #cm_register_steps .cm_register_body form.sign-in-form input.error {
        border: 2px solid red;
        box-shadow: 0 0 3px 1px red; }
      #cm_register_steps .cm_register_body form.sign-in-form .btn-sign-in {
        border: none;
        width: 150px; }
    #cm_register_steps .cm_register_body .choose-user-type {
      margin-bottom: 50px; }
      #cm_register_steps .cm_register_body .choose-user-type a {
        width: 135px;
        margin: 0 25px;
        display: inline-block;
        padding-top: 155px;
        font-family: "Museo Sans W01";
        font-weight: 500;
        font-size: 22px; }
      #cm_register_steps .cm_register_body .choose-user-type a:hover {
        text-decoration: none; }
      #cm_register_steps .cm_register_body .choose-user-type a.inactive {
        opacity: 0.3;
        filter: alpha(opacity=30); }
      #cm_register_steps .cm_register_body .choose-user-type .teacher-link {
        background: url(./signin-choose.png) no-repeat 0 0; }
      #cm_register_steps .cm_register_body .choose-user-type .teacher-link:hover,
      #cm_register_steps .cm_register_body .choose-user-type .teacher-link.active {
        background-position: -134px 0; }
      #cm_register_steps .cm_register_body .choose-user-type .student-link {
        background: url(./signin-choose.png) no-repeat -270px 0; }
      #cm_register_steps .cm_register_body .choose-user-type .student-link:hover,
      #cm_register_steps .cm_register_body .choose-user-type .student-link.active {
        background-position: -406px 0; }
    #cm_register_steps .cm_register_body h3 {
      font-family: "Museo Sans W01";
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
      margin: 20px 0 0 0; }
      #cm_register_steps .cm_register_body h3 em {
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit; }
    #cm_register_steps .cm_register_body h2 {
      margin: 0 0 15px 0;
      font-size: 22px !important;
      line-height: 30px;
      color: #666666;
      font-family: "Museo Sans W01";
      font-weight: 500; }
      #cm_register_steps .cm_register_body h2 em {
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit; }
    #cm_register_steps .cm_register_body h2.welcome {
      margin: 0 0 20px 0 !important;
      font-size: 28px !important;
      line-height: 34px;
      color: #666666; }
      #cm_register_steps .cm_register_body h2.welcome span {
        font-size: 24px; }
    #cm_register_steps .cm_register_body h2.order-now a {
      line-height: 24px;
      font-size: 22px;
      font-family: "Museo Sans W01";
      font-weight: 500;
      color: #666666 !important;
      text-decoration: underline; }
    #cm_register_steps .cm_register_body h2.order-now a:hover {
      color: #999999 !important; }
    #cm_register_steps .cm_register_body h2.order-now em {
      line-height: 24px;
      font-size: 22px;
      font-family: "Museo Sans W01";
      font-weight: 500;
      font-style: italic; }
  #cm_register_steps .subscription-choices h2.welcome {
    color: #888888;
    font-size: 24px !important; }
  #cm_register_steps .cm_register_footer {
    padding: 0 40px;
    height: 80px;
    line-height: 70px;
    background: white;
    overflow: hidden; }
    #cm_register_steps .cm_register_footer .btns {
      float: right;
      width: 70%;
      text-align: right; }
  #cm_register_steps .btn-cancel,
  #cm_register_steps .btn-skip {
    margin-left: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #3e9eff !important;
    font-family: "Museo Sans W01";
    font-weight: 700;
    text-decoration: none !important; }
  #cm_register_steps .btn-cancel:hover,
  #cm_register_steps .btn-skip:hover {
    color: #2b8aea !important;
    text-decoration: none; }
  #cm_register_steps .btn-next {
    margin-left: 20px;
    width: 140px; }
  #cm_register_steps .btn-next:hover {
    background-color: #2b8aea; }
  #cm_register_steps .btn {
    background: #3e9eff none repeat scroll 0 0;
    padding: 0px 16px;
    border-radius: 5px;
    color: white !important;
    display: inline-block;
    font-size: 22px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-family: "Museo Sans W01";
    font-weight: 500;
    border: none; }
  #cm_register_steps .btn-sign-me-up {
    line-height: 44px;
    marign: 0;
    width: 285px;
    font-family: "Museo Sans W01";
    font-weight: 700; }
  #cm_register_steps .btn-sign-me-up:hover {
    color: white !important; }
  #cm_register_steps .btn:hover {
    background-color: #2b8aea;
    text-decoration: none; }
  #cm_register_steps .btn-enter-code {
    margin: 0;
    width: 400px;
    font-family: "Museo Sans W01";
    font-weight: 700;
    font-size: 22px;
    margin: 0 0 15px; }
  #cm_register_steps .lnk-small {
    color: #999999 !important;
    text-decoration: underline;
    font-size: 16px;
    line-height: 18px;
    font-family: "Museo Sans W01";
    font-weight: 300; }
  #cm_register_steps .lnk-small:hover {
    color: #666666 !important; }
  #cm_register_steps .lnk-small.where-ac {
    margin: 0 0 15px;
    color: #3e9eff !important;
    display: inline-block;
    text-decoration: none;
    font-weight: 700; }
  #cm_register_steps .lnk-small.where-ac:hover {
    color: #2b8aea !important; }
  #cm_register_steps .lnk-large {
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    text-decoration: underline;
    color: #666666 !important;
    font-family: "Museo Sans W01";
    font-weight: 700;
    margin: 0 0 10px; }
  #cm_register_steps .lnk-blue {
    color: #3e9eff !important; }
  #cm_register_steps .lnk-blue:hover {
    color: #2b8aea !important; }
  #cm_register_steps label {
    text-align: left;
    font-family: "Museo Sans W01";
    font-weight: 300;
    margin: 0 0 5px; }
    #cm_register_steps label span {
      font-size: 16px;
      line-height: 20px;
      display: inline-block;
      margin-top: 5px; }
  #cm_register_steps .tip {
    font-family: "Museo Sans W01";
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 20px; }
  #cm_register_steps .help {
    width: 300px;
    margin: 0 auto;
    padding: 15px 32px;
    background-color: #e7f1fc;
    text-align: left;
    line-height: 18px;
    font-size: 14px;
    font-family: "Museo Sans W01";
    font-weight: 500; }
    #cm_register_steps .help a {
      line-height: 18px;
      font-size: 14px;
      font-family: "Museo Sans W01";
      font-weight: 500;
      color: #666666 !important; }
    #cm_register_steps .help .close-help {
      color: #3e9eff;
      cursor: pointer;
      float: right;
      font-size: 20px;
      position: relative;
      right: -20px;
      top: -5px; }
    #cm_register_steps .help .close-help:hover {
      color: #2b8aea !important; }
    #cm_register_steps .help ul {
      list-style-position: outside;
      padding: 0 0 0 15px;
      margin: 0 0 10px; }
      #cm_register_steps .help ul li {
        padding: 2px 0;
        font-size: 14px;
        font-family: "Museo Sans W01";
        font-weight: 500; }
        #cm_register_steps .help ul li em {
          padding-top: 2px;
          display: inline-block;
          font-family: "Museo Sans W01";
          font-weight: 500;
          font-size: 12px;
          line-height: 14px;
          font-style: italic;
          width: 285px; }

.magazine-header-content {
  width: 150px;
  float: right; }
  .magazine-header-content .magazine-header-message {
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 !important;
    text-align: center; }
  .magazine-header-content .magazine-header-mydashboard {
    width: auto;
    margin: 0 !important;
    text-align: right;
    color: #00a5dd; }
    .magazine-header-content .magazine-header-mydashboard a {
      margin: 0; }

.magazine-header-login-teacher-wrapper,
.magazine-header-logout-teacher-wrapper {
  text-align: right;
  float: none; }

.magazine-header-login-teacher div,
.magazine-header-logout-teacher div {
  cursor: pointer;
  background: #3e9eff none repeat scroll 0 0;
  border-radius: 5px;
  color: white !important;
  display: inline-block;
  font-size: 22px;
  height: 44px;
  width: 150px;
  line-height: 44px;
  text-align: center;
  font-family: "Museo Sans W01";
  font-weight: 500; }
.magazine-header-login-teacher div:hover,
.magazine-header-logout-teacher div:hover {
  background: #2b8aea !important; }

.magazine-search-div {
  position: relative;
  clear: initial;
  height: 44px;
  width: 350px;
  margin: 0 0 0 440px; }
  .magazine-search-div .form-inline {
    position: absolute;
    right: 0;
    top: 0; }
    .magazine-search-div .form-inline .btn-blue {
      background-image: url(/cmp/assets/search-btn-bg-sprite-d84053679cbef99a52724ff47eb153ea.png);
      background-repeat: no-repeat;
      background-color: transparent;
      border: 1px solid transparent;
      text-indent: -9000px;
      width: 51px;
      padding: 0;
      height: 42px;
      background-position: 0 -2px;
      margin-left: -1px;
      z-index: 2;
      box-sizing: content-box;
      outline: none; }
      .magazine-search-div .form-inline .btn-blue:hover {
        background-position: 0 -47px; }
    .magazine-search-div .form-inline .form-control {
      border: 2px solid #44a0ff;
      height: 28px;
      width: 270px;
      font-size: 20px;
      font-family: "Museo Sans W01";
      font-weight: 300;
      font-style: italic;
      border-radius: 4px;
      padding: 6px 12px;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      position: relative;
      z-index: 2;
      float: left;
      margin-bottom: 0;
      vertical-align: middle;
      line-height: 1.42857; }
    .magazine-search-div .form-inline .input-group {
      display: inline-table;
      vertical-align: middle; }
    .magazine-search-div .form-inline .input-group-btn {
      position: relative;
      font-size: 0;
      white-space: nowrap; }

.ui-autocomplete {
  background-color: white;
  border: solid 1px #cccccc; }
  .ui-autocomplete li {
    border-bottom: solid 1px #dddddd; }
    .ui-autocomplete li a {
      font-size: 12px; }
      .ui-autocomplete li a.ui-state-hover {
        background-color: #aaaaaa; }
    .ui-autocomplete li:last-child {
      border-bottom: solid 0px #dddddd; }
#cm_register_steps.trial .magazine-logo {
  margin: 10px auto 10px;
  background: url(/cmp/assets/magazine-logos-yellow-0795284575b1f1c3898c403621421a01.png) no-repeat;
  overflow: hidden;
  text-indent: -999px;
  border: 0;
  display: block;
  width: 440px;
  height: 70px; }
#cm_register_steps.trial .magazine-logo.action {
  background-position: 0 -1761px;
  height: 60px; }
#cm_register_steps.trial .magazine-logo.art {
  background-position: 0 -1009px; }
#cm_register_steps.trial .magazine-logo.choices {
  background-position: 0 -1545px; }
#cm_register_steps.trial .magazine-logo.clifford {
  background-position: 0 -2300px;
  height: 60px; }
#cm_register_steps.trial .magazine-logo.dynamath {
  background-position: 0 -1112px;
  height: 75px; }
#cm_register_steps.trial .magazine-logo.junior {
  background-position: 0 -1865px;
  height: 60px; }
#cm_register_steps.trial .magazine-logo.lfo {
  background-position: 0 -2185px; }
#cm_register_steps.trial .magazine-logo.math {
  background-position: 0 -1322px;
  height: 80px; }
#cm_register_steps.trial .magazine-logo.science {
  background-position: 0 -1224px; }
#cm_register_steps.trial .magazine-logo.scope {
  background-position: 0 -1650px; }
#cm_register_steps.trial .magazine-logo.sn5 {
  background-position: 0 -469px;
  height: 80px; }
#cm_register_steps.trial .magazine-logo.sn4 {
  background-position: 0 -361px;
  height: 80px; }
#cm_register_steps.trial .magazine-logo.sn3 {
  background-position: 0 -255px;
  height: 80px; }
#cm_register_steps.trial .magazine-logo.sn2 {
  background-position: 0 -142px;
  height: 90px;
  margin-bottom: 5px; }
#cm_register_steps.trial .magazine-logo.sn1 {
  background-position: 0 -35px;
  height: 90px;
  margin-bottom: 5px; }
#cm_register_steps.trial .magazine-logo.spin1 {
  background-position: 0 -581px; }
#cm_register_steps.trial .magazine-logo.spin2 {
  background-position: 0 -688px; }
#cm_register_steps.trial .magazine-logo.spin3 {
  background-position: -4px -796px; }
#cm_register_steps.trial .magazine-logo.storyworks {
  background-position: 0 -1440px; }
#cm_register_steps.trial .magazine-logo.superscience {
  background-position: 0 -903px;
  height: 65px; }
#cm_register_steps.trial .magazine-logo.upfront {
  background-position: 0 -1972px; }
#cm_register_steps.trial .magazine-logo.geographyspin {
  background-position: 0 -2077px; }
#cm_register_steps .cm_register_body .magazine-logo {
  margin: 0 auto 20px;
  background: url(/cmp/assets/magazine_logos-18ff91f8149451a8da2c9a508c890fcb.jpg) no-repeat;
  overflow: hidden;
  text-indent: -999px;
  border: 0;
  display: block;
  width: 570px;
  height: 70px; }
#cm_register_steps .cm_register_body .magazine-logo.action {
  background: url(/cmp/assets/action-logo-2015-a8664efd9e9f122bcf62e7d19b435ac5.png) no-repeat center; }
#cm_register_steps .cm_register_body .magazine-logo.art {
  background-position: -20px -1320px; }
#cm_register_steps .cm_register_body .magazine-logo.choices {
  background-position: -20px -1250px; }
#cm_register_steps .cm_register_body .magazine-logo.clifford {
  background-position: -20px -910px; }
#cm_register_steps .cm_register_body .magazine-logo.dynamath {
  background-position: -20px -1193px;
  height: 65px;
  margin-bottom: 5px; }
#cm_register_steps .cm_register_body .magazine-logo.junior {
  background-position: -20px -1120px; }
#cm_register_steps .cm_register_body .magazine-logo.lfo {
  background-position: -20px -1050px; }
#cm_register_steps .cm_register_body .magazine-logo.math {
  background-position: -20px -980px; }
#cm_register_steps .cm_register_body .magazine-logo.science {
  background-position: -20px -280px; }
#cm_register_steps .cm_register_body .magazine-logo.scope {
  background-position: -20px -140px; }
#cm_register_steps .cm_register_body .magazine-logo.sn5 {
  background-position: -20px -630px; }
#cm_register_steps .cm_register_body .magazine-logo.sn4 {
  background-position: -20px -560px; }
#cm_register_steps .cm_register_body .magazine-logo.sn3 {
  background-position: -20px -490px; }
#cm_register_steps .cm_register_body .magazine-logo.sn2 {
  background-position: -20px -420px; }
#cm_register_steps .cm_register_body .magazine-logo.sn1 {
  background-position: -20px -350px; }
#cm_register_steps .cm_register_body .magazine-logo.spin1 {
  background-position: -20px -840px; }
#cm_register_steps .cm_register_body .magazine-logo.spin2 {
  background-position: -20px -770px; }
#cm_register_steps .cm_register_body .magazine-logo.spin3 {
  background-position: -20px -700px; }
#cm_register_steps .cm_register_body .magazine-logo.storyworks {
  background-position: -20px -210px; }
#cm_register_steps .cm_register_body .magazine-logo.superscience {
  background-position: -20px -70px; }
#cm_register_steps .cm_register_body .magazine-logo.upfront {
  background-position: -20px 0; }
#cm_register_steps .cm_register_body .magazine-logo.geographyspin {
  background: url(/cmp/assets/geospin-logo-670ef85df5e8f5e71b1d51f85d735d67.png) no-repeat;
  width: 308px;
  height: 60px;
  margin-bottom: 15px; }
#cm_register_steps .magazine-graphic {
  overflow: hidden;
  text-indent: -999px;
  border: 0;
  display: block;
  width: 100%;
  height: 115px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 100px; }
  #cm_register_steps .magazine-graphic.geographyspin {
    background-image: url(/cmp/assets/geographyspin_magazine_graphic-603aa2e9dfd6a91491d501e9eed51ede.png); }
  #cm_register_steps .magazine-graphic.art {
    background-image: url(/cmp/assets/art_magazine_graphic-cc007939f85f7baf3e239d54a2a48bec.png); }
  #cm_register_steps .magazine-graphic.action {
    background-image: url(/cmp/assets/action_magazine_graphic-1876ef0d87d1090c333121c780cf8860.png); }
  #cm_register_steps .magazine-graphic.sn1 {
    background-image: url(/cmp/assets/sn1_magazine_graphic-51716d8547f162c0e6d46bd8dc2c87be.png); }
  #cm_register_steps .magazine-graphic.sn2 {
    background-image: url(/cmp/assets/sn2_magazine_graphic-31ea064e519ff2c635a089445175bd71.png); }
  #cm_register_steps .magazine-graphic.sn3 {
    background-image: url(/cmp/assets/sn3_magazine_graphic-fd3878d35861201a9a9812ec90833721.png); }
  #cm_register_steps .magazine-graphic.sn4 {
    background-image: url(/cmp/assets/sn4_magazine_graphic-4cf10b68b2db1c8e385db4554a5354cf.png); }
  #cm_register_steps .magazine-graphic.sn5 {
    background-image: url(/cmp/assets/sn5_magazine_graphic-403ce464ed9ef33d6b92177655775297.png); }
  #cm_register_steps .magazine-graphic.spin1 {
    background-image: url(/cmp/assets/spin1_magazine_graphic-8973477a867b208900a00cd8cd8c81e7.png); }
  #cm_register_steps .magazine-graphic.spin2 {
    background-image: url(/cmp/assets/spin2_magazine_graphic-da515b3ffb9b34766e05ee0e62d47a8b.png); }
  #cm_register_steps .magazine-graphic.spin3 {
    background-image: url(/cmp/assets/spin3_magazine_graphic-bdd79535ba221bd87d8d6fb166210993.png); }
  #cm_register_steps .magazine-graphic.lfo {
    background-image: url(/cmp/assets/lfo_magazine_graphic-c403efe2dc6fa307525d1951d9f3075f.png); }
  #cm_register_steps .magazine-graphic.scope {
    background-image: url(/cmp/assets/scope_magazine_graphic-01a159b4462e7f8a0aa84d6c52abb8dd.png); }
  #cm_register_steps .magazine-graphic.choices {
    background-image: url(/cmp/assets/choices_magazine_graphic-78fda5a85aae19cf040aa60a70bc06aa.png); }
  #cm_register_steps .magazine-graphic.science {
    background-image: url(/cmp/assets/science_magazine_graphic-8db576f7aada7aa233f3c1073b618993.png); }
  #cm_register_steps .magazine-graphic.superscience {
    background-image: url(/cmp/assets/superscience_magazine_graphic-86328cf9477a7ec75ec3e722627f5b6e.png); }
  #cm_register_steps .magazine-graphic.math {
    background-image: url(/cmp/assets/math_magazine_graphic-8cbcebefb531b970d49b83d82d0e6f7a.png); }
  #cm_register_steps .magazine-graphic.dynamath {
    background-image: url(/cmp/assets/dynamath_magazine_graphic-023d6877de48c9c2f116757af002cff0.png); }
  #cm_register_steps .magazine-graphic.junior {
    background-image: url(/cmp/assets/junior_magazine_graphic-20ed4bb1dd119d83b3a80275eabb8c3d.png); }
  #cm_register_steps .magazine-graphic.storyworks {
    background-image: url(/cmp/assets/storyworks_magazine_graphic-7895fc69b59e01cb6d774ddbf6779bd4.png); }
  #cm_register_steps .magazine-graphic.upfront {
    background-image: url(/cmp/assets/upfront_magazine_graphic-294f9803288da59d3dc510f66c1fda12.png); }
  #cm_register_steps .magazine-graphic.clifford {
    background-image: url(/cmp/assets/clifford_magazine_graphic-0ca5b212b33131dafd6e0f7601909645.png); }
#cm_register_steps .magazine-cover {
  overflow: hidden;
  text-indent: -999px;
  border: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: center -5px;
  height: 221px; }
  #cm_register_steps .magazine-cover.geographyspin {
    background-image: url(/cmp/assets/mag-geographyspin-676103e3f3f1ab393b68b34f76d0a45d.png); }
  #cm_register_steps .magazine-cover.art {
    background-image: url(/cmp/assets/mag-art-20708cbc412c79b0fa3f0d77bc0031f8.png); }
  #cm_register_steps .magazine-cover.action {
    background-image: url(/cmp/assets/mag-action-9470953f653e82db5071f47369984c20.png); }
  #cm_register_steps .magazine-cover.sn1 {
    background-image: url(/cmp/assets/mag-sn1-34d8d642da123403dd42925529b60f47.png); }
  #cm_register_steps .magazine-cover.sn2 {
    background-image: url(/cmp/assets/mag-sn2-c2761311f489d80bc7bdbce8912ee9b5.png); }
  #cm_register_steps .magazine-cover.sn3 {
    background-image: url(/cmp/assets/mag-sn3-36258f5f289fe24806aa1f5367874f10.png); }
  #cm_register_steps .magazine-cover.sn4 {
    background-image: url(/cmp/assets/mag-sn4-99dbd401a219d77237edcbd77ab870e3.png); }
  #cm_register_steps .magazine-cover.sn5 {
    background-image: url(/cmp/assets/mag-sn5-027e861b6dec01bbb081ab03171394bc.png); }
  #cm_register_steps .magazine-cover.spin1 {
    background-image: url(/cmp/assets/mag-spin1-4ff48b34517ef3b1731c4736f7e78656.png); }
  #cm_register_steps .magazine-cover.spin2 {
    background-image: url(/cmp/assets/mag-spin2-56187f1fd19447a7f5122d55ce1a8e76.png); }
  #cm_register_steps .magazine-cover.spin3 {
    background-image: url(/cmp/assets/mag-spin3-0b1e63bce38e4e167d87b5a24df98eff.png); }
  #cm_register_steps .magazine-cover.lfo {
    background-image: url(/cmp/assets/mag-lfo-8cf6b801cfaafd223781a0f762aa5aa6.png); }
  #cm_register_steps .magazine-cover.scope {
    background-image: url(/cmp/assets/mag-scope-8cd54db5eb7f0ae36f0c2a037e6b15b2.png); }
  #cm_register_steps .magazine-cover.choices {
    background-image: url(/cmp/assets/mag-choices-0bcede1bbe056f1582e52958b1c46f23.png); }
  #cm_register_steps .magazine-cover.science {
    background-image: url(/cmp/assets/mag-science-bef89d50129aa69548fbcd366a3a015c.png); }
  #cm_register_steps .magazine-cover.superscience {
    background-image: url(/cmp/assets/mag-superscience-746c2f8803bd1b3520883cec64430134.png); }
  #cm_register_steps .magazine-cover.math {
    background-image: url(/cmp/assets/mag-math-c579373079cf7dc3fe2ecb2edd475c6d.png); }
  #cm_register_steps .magazine-cover.dynamath {
    background-image: url(/cmp/assets/mag-dynamath-663dcf65f1af7700897809bfe03db118.png); }
  #cm_register_steps .magazine-cover.junior {
    background-image: url(/cmp/assets/mag-junior-7e37bda6dc8bd0f4a99575cd2996ecb3.png); }
  #cm_register_steps .magazine-cover.storyworks {
    background-image: url(/cmp/assets/mag-storyworks-d5c3e3aa2293942039b0f0847be7c736.png); }
  #cm_register_steps .magazine-cover.upfront {
    background-image: url(/cmp/assets/mag-upfront-3cf8718cdcf5dae2c398c2e0e6ebb14f.png); }
  #cm_register_steps .magazine-cover.clifford {
    background-image: url(/cmp/assets/mag-clifford-dfad82757079fec6c02ba0d84cf10eb1.png); }
/*
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *




 */


.teacher-only-content, .student-only-content {
  display: none;
}

.magazine-header-message, .magazine-header-mydashboard, .magazine-header-log-out {
  display: none;
}

.magazine-header-div {
  position: relative;
}

.magazine-header-login-teacher-wrapper, .magazine-header-login-student-wrapper {
  display: none;
}