@charset "UTF-8";
/* CSS Document */
@import url("colorbox.css");

body {
    margin: 0;
}

a:link {
    color: #3d7cca;
    text-decoration: none;
}

a:hover {
    color: #3d7cca;
    text-decoration: none;
}

a:visited {
    color: #3d7cca;
    text-decoration: none;
}

img {
    border: none;
}

.test-hdr {
    background: url()
}

h1 {
    font-weight: lighter;
    font-size: 30px;
    line-height: 1em;
}

.hp {
    font-weight: lighter;
    font-size: 34px;
    margin: 10px 0;
    line-height: 1.2em;
}

h1 span {
    color: #F90;
}

h2 {
    font-weight: lighter;
    font-size: 22px;
}

h3 {
    font-size: 19px;
    font-weight: lighter;
}

h4 {
    font-size: 17px;
    font-weight: lighter;
}

.check {
    list-style: none;
    font-size: 1.2em;
    line-height: 1.9em;
}

.check li:before {
    content: '✓ ';

}

.step-box-bg {
    background: url("/app/resources/theme/books/superhero/step-box-bg.png") repeat-y center;
    width: 526px;
}

.step-box-bottom {
    background: url("/app/resources/theme/books/superhero/step-box-bottom.png") no-repeat center;
    width: 526px;
    height: 58px;
}

.step-box-top {
    background: url("/app/resources/theme/books/robots/box-top.png") no-repeat center;
    width: 526px;
    height: 36px;
}

#container {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    /* background: url(/images/top-bg.gif) repeat-x; */
}

#container-bl {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    /* background: url(/images/bl-hdr-bg.gif) repeat-x; */
}

#container-sub {
    width: 100%;
    height: 100%;
    background: url(/images/sub-header-bg.gif) repeat-x;
}

#container-sub2 {
    width: 100%;
    height: 100%;
    background: url(/images/store-hdr2.gif) repeat-x;
}

#container-reader {
    width: 100%;
    height: 100%;
    background: url(/images/sub-header-reader.gif) repeat-x;
}

.header-link {
    color: #ffffff !important;
    text-decoration: none;
}

.container {
    width: 100%;
    height: 100%;
}

.sm-main {
    margin: auto auto;
    max-width: 986px;
    overflow: hidden;
}

.grey-cir {
    padding: 10px 0 10px 25px;
    background: url(/images/grey-cir.gif) 10px 16px no-repeat;
    line-height: 1.4em;
    font-size: 13px;
}

.red-star {
    padding: 10px 0 10px 25px;
    background: url(/images/red-star.gif) 2px 12px no-repeat;
    line-height: 1.2em;
    font-size: 13px;
}

#container-store {
    width: 100%;
    height: 100%;
    background: url(/images/store-hdr-bg.gif) repeat-x;
}

#container-store2 {
    width: 100%;
    height: 100%;
    background: url(/images/store-hdr2.gif) repeat-x;
}

#main {
    margin: auto auto;
    max-width: 986px;
    overflow: hidden;
}

.tmain {
    margin: auto auto;
    max-width: 986px;
    overflow: hidden;
}

#logo {
    float: left;
    height: 55px;
    width: 290px;
}

#logo-donate {
    height: 55px;
    width: 290px;
}

#logo-reader {
    float: left;
    height: 108px;
    width: 765px;
}

#logo-reader2 {
    float: left;
    height: 108px;
}

#topnav {
    float: left;
    width: 390px;
    padding: 10px;
    height: 35px;
    text-align: right
}

#topnavRep {
    float: left;
    width: 632px;
    padding: 10px;
    height: 35px;
    text-align: right
}

#topnavReader {
    float: left;
    width: 462px;
    padding: 10px;
    height: 35px;
    text-align: right
}

.signup {
    float: left;
    width: 169px;
    padding-top: 12px;
}

.signupreader {
    float: left;
    width: 120px;
    padding-top: 12px;
    color: #CCC
}

.signupreader a:link {
    color: #CCC;
    display: block;
    border-right: 1px dashed #CCCCCC;
    height: 15px;
}

#store-topnav {
    float: left;
    width: 507px;
    padding: 10px;
    height: 35px;
    text-align: right
}

#admin-topnav {
    float: left;
    width: 448px;
    padding: 10px;
    height: 35px;
    text-align: right
}

#admin-topnav a:link {
    display: block;
    text-align: right;
    padding: 7px 26px;
    color: #CCC;
    font-weight: bold;
    float: right;
}

#admin-topnav a:visited {
    color: #CCC;
}

#reader-topnav {
    float: left;
    width: 660px;
    padding: 10px;
    height: 35px;
    text-align: right
}

#reader-topnav a:link {
    display: block;
    text-align: right;
    padding: 7px 26px;
    color: #CCC;
    font-weight: bold;
    float: right;
}

#reader-topnav a:visited {
    color: #CCC;
}

.hpraised {
    font-size: 80px;
    font-weight: bold;
    color: #06C;
    font-style: italic;
    display: block;
    padding: 10px;
}

#topnav a:link {
    float: left;
    display: block;
    text-align: center;
    padding: 7px 18px;
    color: #5a7f9e;
}

#topnav a:visited {
    color: #5a7f9e;
}

#topnav-admin {
    float: left;
    width: 672px;
    height: 55px;
    text-align: right
}

#topnav-admin a:link {
    color: #CCC;
}

#topnav-admin a:visited {
    color: #CCC;
}

#topnav-class {
    float: left;
    width: 536px;
    padding: 10px;
    height: 35px;
    text-align: right
}

#topnav-class a:link {
    float: right;
    display: block;
    text-align: center;
    padding: 7px 26px;
    color: #CCC;
    font-weight: bold;
}

#topnav-class a:visited {
    color: #CCC;
}

#topnav img {
    float: left;
    display: block;
    text-align: center;
    padding: 0 10px;
    color: #CCC;
    font-weight: bold;
}

#topnav .menu {
    float: left;
    text-align: center;
    padding: 0 10px;
    color: #CCC;
    font-weight: bold;
}

#content {
    clear: both;
}

#hpTeacher {
    float: left;
    max-width: 417px;
    height: 846px;
    padding-top: 25px;
}

#hpContent {
    float: left;
    max-width: 440px;
    text-align: center;
}

#hpContent h1 {
    font-size: 35px;
    color: #666;
    line-height: 50px;
    margin: 10px 0;
}

#hpBoxes {
    clear: both;
    background: url(../images/boxes-bg.jpg) repeat-x;
    text-align: center;
    background-color: #E6E6E6;
}

#hpBoxes .container {
    max-width: 986px;
    margin: auto auto;
}

#hpBoxes .box1 {
    width: 222px;
    height: 160px;
    float: left;
    background: url(../images/one.gif) 20px 0 no-repeat;
    padding: 5px 0 0 105px;
    text-align: left;
}

#hpBoxes .box2 {
    width: 222px;
    height: 160px;
    float: left;
    background: url(../images/two.gif) 20px 0 no-repeat;
    padding: 5px 0 0 105px;
    text-align: left;
}

#hpBoxes .box3 {
    width: 222px;
    height: 160px;
    float: left;
    background: url(../images/three.gif) 20px 0 no-repeat;
    padding: 5px 0 0 105px;
    text-align: left;
}

#hpBoxes h2 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    display: block;
    width: 190px;
    padding: 10px;
    border-bottom: 1px solid #999;
    margin: 15px 0 0 5px;
}

#hpBoxes .full h2 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    display: block;
    padding: 10px;
    margin: 15px 0 0 5px;
}

.hpTime {
    background: url(../images/clock-icon.jpg) 80px 30px no-repeat;
    padding: 40px 0 30px 140px;
    font-size: 16px;
    text-align: left;
}

.hpColby {
    background: url(../images/colby-icon.gif) 80px 26px no-repeat;
    padding: 40px 0 30px 140px;
    font-size: 16px;
    text-align: left;
}

.hpColby span {
    color: #63ae1b
}

.hpBucks {
    background: url(../images/money-icon.gif) 80px 30px no-repeat;
    padding: 40px 0 30px 140px;
    font-size: 16px;
    text-align: left;
}

.hpBucks span {
    color: #577aa0
}

#freeInfo {
    background: url(../images/hp-info-bg.gif) repeat-x;
    height: 60px;
    color: #FFF;
}

#fInfo {
    margin: auto auto;
    width: 966px;
    overflow: hidden;
    text-align: right;
    padding-right: 10px;
}


#subheader {
    height: 52px;
    font-size: 19px;
    clear: both;
}

#subheader .nav {
    float: left;
}

#subheader span {
    display: block;
    width: 116px;
    height: 37px;
    background-image: url(../images/sub-header-btn.gif);
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 15px;
    color: #999;
    float: left;
}

.opt-sel {
    float: left;
    width: 490px;
}

.opt-img {
    float: left;
    width: 156px;
}

#optSchool {
    display: none;
}

#optClass {
    display: none;
}

#optIndiv {
    display: none;
}

#SchoolCheck {
    display: none;
}

#ClassCheck {
    display: none;
}

#GroupCheck {
    display: none;
}

#IndivCheck {
    display: none;
}

.blue-sep {
    background: url(../images/blue-sep.gif) center no-repeat;
    width: 986px;
    height: 41px;
}

.dotted {
    background: url(../images/dotted-line.gif) center no-repeat;
    width: 986px;
    height: 10px;
    clear: both
}

.School {
    float: left;
    width: 170px;
    height: 142px;
    padding-top: 14px;
    background: url(../images/click-to-sel.gif) top center no-repeat;
    cursor: hand;
    cursor: pointer;
}

.Class {
    float: left;
    width: 170px;
    height: 142px;
    padding-top: 14px;
    background: url(../images/click-to-sel.gif) top center no-repeat;
    cursor: hand;
    cursor: pointer;
}

.Group {
    float: left;
    width: 170px;
    height: 142px;
    padding-top: 14px;
    background: url(../images/click-to-sel.gif) top center no-repeat;
    cursor: hand;
    cursor: pointer;
}

.Indiv {
    float: left;
    width: 170px;
    height: 142px;
    padding-top: 14px;
    background: url(../images/click-to-sel.gif) top center no-repeat;
    cursor: hand;
    cursor: pointer;
}

.sep-faade {
    background: url(../images/sep-faade.gif) repeat-x;
    margin: 20px 0 10px 0;
    height: 14px
}

.clear {
    clear: both;
}

.clear-dash {
    clear: both;
    border-bottom: 1px dashed #CCCCCC;
}

.green {
    color: #74b51f;
}

/* slide out */
#slideout {
    position: fixed;
    top: 140px;
    right: 0;
    width: 48px;
    padding: 12px 0;
    text-align: center;

    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

#slideout_inner {
    position: fixed;
    top: 140px;
    right: -352px;
    background: #fff;
    width: 300px;
    padding: 25px;
    height: 400px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align: left;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border: 1px solid #ccc;
}

#slideout_inner textarea {
    width: 190px;
    height: 100px;
    margin-bottom: 6px;
}

#slideout:hover {
    right: 352px;
}

#slideout:hover #slideout_inner {
    right: 0;
}

/* button styles */
.bl-btn {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    text-shadow: 1px 1px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 18px;
    padding: 15px 25px 15px 25px;
    text-decoration: none;
    border: 1px solid #1E3C61;
    box-shadow: 0px 1px 2px rgba(70, 70, 70, 1.00);
}

.bl-btn:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

.bl-btn-sm {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    text-shadow: 1px 1px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 15px 5px 15px;
    text-decoration: none;
    border: 1px solid #1E3C61;
    box-shadow: 0px 1px 2px rgba(70, 70, 70, 1.00);
}

.bl-btn-sm:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

.bl-btn-lrg {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    text-shadow: 1px 1px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 18px;
    padding: 15px 45px 15px 45px;
    text-decoration: none;
    border: 1px solid rgba(33, 55, 96, 1.00);
    box-shadow: 0px 2px 2px #333;
}

.bl-btn-lrg:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

.org-btn {
    background: #ffc105;
    background-image: -webkit-linear-gradient(top, #ffc105, #db7528);
    background-image: -moz-linear-gradient(top, #ffc105, #db7528);
    background-image: -ms-linear-gradient(top, #ffc105, #db7528);
    background-image: -o-linear-gradient(top, #ffc105, #db7528);
    background-image: linear-gradient(to bottom, #ffc105, #db7528);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    text-shadow: 1px 1px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 18px;
    padding: 15px 25px 15px 25px;
    text-decoration: none;
}

.org-btn:hover {
    background: #ffea05;
    background-image: -webkit-linear-gradient(top, #ffea05, #ffa929);
    background-image: -moz-linear-gradient(top, #ffea05, #ffa929);
    background-image: -ms-linear-gradient(top, #ffea05, #ffa929);
    background-image: -o-linear-gradient(top, #ffea05, #ffa929);
    background-image: linear-gradient(to bottom, #ffea05, #ffa929);
    text-decoration: none;
}

.grn-btn {
    background: #a6e070;
    background-image: -webkit-linear-gradient(top, #a6e070, #6ca15a);
    background-image: -moz-linear-gradient(top, #a6e070, #6ca15a);
    background-image: -ms-linear-gradient(top, #a6e070, #6ca15a);
    background-image: -o-linear-gradient(top, #a6e070, #6ca15a);
    background-image: linear-gradient(to bottom, #a6e070, #6ca15a);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    text-shadow: 1px 1px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 18px;
    padding: 15px 25px 15px 25px;
    text-decoration: none;
}

.grn-btn:hover {
    background: #aee89d;
    background-image: -webkit-linear-gradient(top, #aee89d, #65ab6d);
    background-image: -moz-linear-gradient(top, #aee89d, #65ab6d);
    background-image: -ms-linear-gradient(top, #aee89d, #65ab6d);
    background-image: -o-linear-gradient(top, #aee89d, #65ab6d);
    background-image: linear-gradient(to bottom, #aee89d, #65ab6d);
    text-decoration: none;
}

.pnk-btn {
    background: #f580ed;
    background-image: -webkit-linear-gradient(top, #f580ed, #d41bd4);
    background-image: -moz-linear-gradient(top, #f580ed, #d41bd4);
    background-image: -ms-linear-gradient(top, #f580ed, #d41bd4);
    background-image: -o-linear-gradient(top, #f580ed, #d41bd4);
    background-image: linear-gradient(to bottom, #f580ed, #d41bd4);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    text-shadow: 1px 1px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 18px;
    padding: 15px 25px 15px 25px;
    text-decoration: none;
}

.pnk-btn:hover {
    background: #f691ff;
    background-image: -webkit-linear-gradient(top, #f691ff, #e65fe6);
    background-image: -moz-linear-gradient(top, #f691ff, #e65fe6);
    background-image: -ms-linear-gradient(top, #f691ff, #e65fe6);
    background-image: -o-linear-gradient(top, #f691ff, #e65fe6);
    background-image: linear-gradient(to bottom, #f691ff, #e65fe6);
    text-decoration: none;
}

/* Jquery Select Box */
.sbHolder {
    background-color: #ededed;
    border: solid 1px #a8a8a8;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 26px;
    position: relative;
    width: 260px;
    z-index: 3000;
}

/* .sbHolder:focus .sbSelector {} */

.sbSelector {
    display: block;
    height: 26px;
    left: 0;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 260px;
}

.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
    color: #333;
    outline: none;
    text-decoration: none;
}

.sbToggle {
    background: url(/signup/img/select-icons.png) 0 -119px no-repeat;
    display: block;
    height: 26px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.sbToggle:hover {
    background: url(/signup/img/select-icons.png) 0 -167px no-repeat;
}

.sbToggleOpen {
    background: url(/signup/img/select-icons.png) 0 -19px no-repeat;
}

.sbToggleOpen:hover {
    background: url(/signup/img/select-icons.png) 0 -66px no-repeat;
}

.sbHolderDisabled {
    background-color: #ededed;
    border: solid 1px #666;
}

/* .sbHolderDisabled .sbHolder {} */

/* .sbHolderDisabled .sbToggle {} */

.sbOptions {
    background-color: #ededed;
    border: solid 1px #a8a8a8;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 26px;
    width: 260px;
    z-index: 1;
    overflow-y: auto;
}

.sbOptions li {
    padding: 0 7px;
}

.sbOptions a {
    border-bottom: dotted 1px #515151;
    display: block;
    outline: none;
    padding: 7px 0 7px 3px;
}

.sbOptions a:link,
.sbOptions a:visited {
    color: #666;
    text-decoration: none;
}

.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
    color: #F60;
}

.sbOptions li.last a {
    border-bottom: none;
}

.sbOptions .sbDisabled {
    border-bottom: dotted 1px #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}

.sbOptions .sbGroup {
    border-bottom: dotted 1px #515151;
    color: #EBB52D;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}

.sbOptions .sbSub {
    padding-left: 17px;
}

/*   Forms   */
#schoolform {
    width: 697px;
    height: 537px;
    background: url(../images/schoolform-bg.jpg) no-repeat;
    font-size: 14px;
    color: #5d7ea3
}

#schoolform #form-container {
    padding: 20px 25px;
    float: left;
    width: 405px;
}

#schoolform .field {
    height: 26px;
    border: 1px solid #5d7ea3;
    padding: 0 5px;
    width: 393px;
}

#schoolform div {
    padding: 4px 0;
}

#schoolform .City {
    height: 26px;
    border: 1px solid #5d7ea3;
    padding: 0 5px;
    width: 170px;
}

#schoolform .State {
    height: 26px;
    border: 1px solid #5d7ea3;
    padding: 0 5px;
    width: 40px;
}

#schoolform .Zip {
    height: 26px;
    border: 1px solid #5d7ea3;
    padding: 0 5px;
    width: 149px;
}

#info-container {
    float: left;
    width: 200px;
    margin: 20px;
    color: #FFF;
    font-size: 12px;
}

#info-container h3 {
    margin: 0;
}

#schoolform td {
    padding: 4px 0;
}

.blueadd {
    background: url(../images/blue-add-bg.gif) no-repeat;
    width: 956px;
    height: 80px;
    padding: 20px;
    color: #5d7ea3
}

.blueaddReader {
    background: url(../images/sm-blue-bg.jpg) no-repeat;
    width: 744px;
    height: 80px;
    padding: 20px;
    color: #5d7ea3;
    float: left;
}

.Txtinput {
    height: 26px;
    border: 1px solid #5d7ea3;
    padding: 0 5px;
}

/*   Timer      */
#timerContainer {
    display: none;
    height: 171px;
}

#attMessage {
    display: none;
}

#RTimer {
    float: left;
    max-width: 450px;
    border-right: 1px dashed #CCCCCC;
}

#RSessions {
    float: left;
    max-width: 450px;
    padding-left: 20px;
}

#timer {
    display: none;
    height: 161px;
}

.pauseButtonStart {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 3px;
    width: 81px;
    height: 24px;
    background: url(../images/btn-green.gif) no-repeat;
    cursor: hand;
    cursor: pointer;
}

.pauseButtonPause {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    padding-top: 3px;
    width: 81px;
    height: 24px;
    background: url(../images/btn-orng.gif) no-repeat;
    cursor: hand;
    cursor: pointer;
}

/* reader  */
.topReader {
    float: left;
    width: 190px;
    height: 141px;
    background: url(/images/top-student-bg.gif) no-repeat;
    margin-left: 6px;
}

.regReader {
    float: left;
    width: 190px;
    height: 141px;
    background: url(/images/student-bg.gif) no-repeat;
    margin-left: 6px;
}

.regReaderdrk {
    float: left;
    width: 190px;
    height: 151px;
    background: url(/images/class-reader-bg.png) no-repeat;
    margin-left: 6px;
}

.amounts {
    padding: 0 0 0 4px;
}

.amounts .other {
    float: left;
    display: block;
    margin-top: 18px;
    width: 30px
}

.amounts a:link {
    float: left;
    background: url(../images/donate-amt.gif) top center no-repeat;
    display: block;
    padding: 16px 0 0 0;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    max-width: 148px;
    font-size: 18px;
    height: 40px
}

.amounts a:hover {
    background: url(../images/donate-amt-sel.gif) top center no-repeat;
    text-decoration: none;
}

.amounts a:visited {
    color: #FFF;
}

.amt250 a:link {
    background: url(../images/donate-amt-sel.gif) top center no-repeat;
    display: block;
    padding: 16px 0 0 0;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    width: 148px;
    font-size: 18px;
    height: 40px
}

.amt250 a:hover {
    background: url(../images/donate-amt-sel.gif) top center no-repeat;
    text-decoration: none;
}

.amt250 a:visited {
    color: #FFF;
}


.paymentBtn {
    display: block;
    background: url(../images/payment-btn.png) 10px 10px no-repeat;
    width: 410px;
    height: 88px;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    text-align: left;
    margin: auto auto;
    border: none;
    text-align: center;
    padding: 0 50px 0 0;
    text-shadow: 1px 1px 2px #2d2d2d;
    cursor: hand;
    cursor: pointer;
}

.step #success {
    display: none;
}

.step #share {
    display: none;
}

#viewCart {
    display: none;
}

#greyArrow {
    list-style-image: url(../images/grey-li.gif);
    line-height: 2em;
    color: #09F;
}

.blue {
    color: #09F;
}

.red {
    color: #C00;
}

.purple {
    color: #639;
}

/* Roundabout  */

roundabout-holder {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 5em;
    width: 5em;
}

.roundabout-moveable-item {

    cursor: pointer;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 3px 3px 5px #888;
}

.roundabout-in-focus {
    cursor: auto;
}

.sc_continue {
    padding-top: 10px;
}

.fadesep {
    background: url(../images/fade-sep.gif) no-repeat;
    width: 960px;
    height: 28px;
}

.botsep {
    background: url(../images/bot-sep.gif) no-repeat;
    width: 960px;
    height: 28px;
}

.classList td {
    background: url(/images/teacher-fade.gif) repeat-x;
    padding: 10px;
    font-size: 16px;
    height: 16px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.rounded {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.round-rt {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    -khtml-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0
}

.round-bot {
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -khtml-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0
}

#footer {
    background: url(../images/footer2-bg.gif) repeat-x;
    padding: 15px;
    text-align: center;
    color: #CCC;
    height: 100%;
    background-color: #393939
}

#footer a:link {
    color: #CCC;
    text-decoration: none;
}

#footer a:hover {
    color: #CCC;
    text-decoration: underline;
}

#footer a:visited {
    color: #CCC;
    text-decoration: none;
}

.footer-box {
    float: left;
    width: 200px;
    padding: 0 15px;
    border-right: 1px dashed #717171;
    text-align: left;
    min-height: 240px;
}

.footer-box h2 {
    font-weight: lighter;
    font-size: 18px;
    color: #cee0ed;
}

.footer-box a:link {
    color: #CCC;
    text-decoration: none;
    display: block;
    padding: 3px 0
}

.footer-box a:hover {
    color: #CCC;
    text-decoration: underline;
}

.footer-box a:visited {
    color: #CCC;
    text-decoration: none;
}

.addStudents {
    display: none;
}

.openStudents {
    cursor: hand;
    cursor: pointer;
}

#schoolDate {
    display: none;
}

#printTeacher {
    display: none;
}

.takeAtt {
    float: left;
    width: 49px;
    padding: 2px;
    cursor: hand;
    cursor: pointer;
}

.cheerComplete {
    position: fixed;
    width: 100%;
    height: 400px;
    margin: auto auto;
    top: -420px;
    padding: 0 25px;
    z-index: 9999;
}

.black {
    color: #000;
}

#CHSuccess {
    display: none;
}

.fileupload {
    width: 186px;
    height: 35px;
    background: url(../images/sel-image.gif)0 5px no-repeat;
    overflow: hidden;
    cursor: hand;
    cursor: pointer;
    padding: 5px 0;
}

.imgpreview {
    width: 501px;
    min-height: 100px;
}

/*#photoimg {opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);cursor:hand; cursor:pointer;}*/
.upload {
    color: #fff;
    font-size: 0;
    width: 103px;
    height: 35px;
    border: none;
    margin: 0;
    padding: 0;
    background: url(/images/upload.gif) 0 0 no-repeat;
}

#Pcontnue {
    display: none;
}

.rep-hdr {
    background: #f0f9ff;
    font-size: 18px;
    text-align: center;
}

.rep-grey {
    color: #000;
    font-size: 18px;
    text-align: center;
    background-color: #dddddd;
    font-weight: bold;
}

#reports {
    background: url(../images/report-icon.gif) no-repeat;
    display: block;
    padding: 12px 0 0 50px;
    height: 40px;
}

#cmsreports {
    background: url(../images/report-icon.gif) no-repeat;
    display: block;
    padding: 12px 0 0 50px;
    height: 40px;
    float: left;
    width: 600px;
}

#schedule {
    background: url(../images/schedule-icon.gif) no-repeat;
    display: block;
    padding: 12px 0 0 50px;
    height: 40px;
}

/* search Hover */
.search-hover {
    background: #fff;
    cursor: hand;
    cursor: pointer;
}

.search-hover:hover {
    background: #D0EDFA;
}

/* Drop Down Menu */
.menu {
    font-family: Arial;
    display: block;
    /*width: 200px;*/
    position: relative;
    height: 17px;
    /* vertical-align: bottom; */
    text-align: left;
}

.menu li a:link {
    color: #515151;
    display: block;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 14px;
    clear: both;
}

.menu li a:hover {
    color: #39C;
}

.menu li a:visited {
    color: #39C;
}

.sub {
    background: #fff;
    position: absolute;
    top: 16px;
    left: -20px;
    z-index: 200;
    width: 122px;
    padding: 0px 0 3px;
    border-radius: 3px;
    box-shadow: 0 2px 4px #ddd;
    border: 1px solid #ddd;
    display: none;
}

a.hover-link {
    /*width: 190px;*/
    background: #fff;
    font-size: 14px;
    color: #515151;
    position: absolute;
    z-index: 1110;
    display: block;
    padding: 5px 0 1px 5px;
    height: 28px;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    border: 1px solid #ddd;
}

.sub-options {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}

.schedule {
    list-style-image: url(../images/green-sq.gif);
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

.doneAdding {
    display: none;
}

.adminHome {
    display: block;
    cursor: hand;
    cursor: pointer;
}

#otherBtn {
    display: none;
}

.signature {
    font-family: 'Just Me Again Down Here', cursive;
    font-size: 46px;
    color: #1c8ccc;
}

.activityBox {
    background: url(../images/comment-bg.gif) repeat-y;
    min-height: 167px;
    height: 100%;
}

.activityBoxDrk {
    background: url(../images/drk-activity-bg.gif) repeat-y;
    min-height: 167px;
    height: 100%;
}

.activityBox .amount {
    font-size: 60px;
    color: #ebf4f8;
    line-height: 65px;
    float: left;
    width: 312px;
    text-align: center;
    padding-top: 10px;
    font-style: italic;
}

.activityBoxDrk .amount {
    font-size: 60px;
    color: #ebf4f8;
    line-height: 65px;
    float: left;
    width: 312px;
    text-align: center;
    padding-top: 10px;
    font-style: italic;
}

.signupDoneReaders {
    display: none;
}

#PrintMsg {
    display: none;
}

.closePrtMsg {
    cursor: hand;
    cursor: pointer;
}

/* Floating Contact Btn */
#fContact {
    display: block;
    top: 250px;
    right: 0px;
    width: 45px;
    position: fixed;
    z-index: 5000;
}

#lang {
    display: block;
    top: 400px;
    right: 0px;
    width: 44px;
    position: fixed;
}

* html #fContact {
    position: absolute;
}

.odd {
    background-color: #e4f2ff;
}

.even {
    background-color: #f0f0f0;
}

#emailIcon {
    float: left;
    width: 247px;
    height: 116px;
    text-align: center;
}

#printIcon {
    float: left;
    width: 247px;
    height: 116px;
    text-align: center;
}

#socialIcon {
    float: left;
    width: 247px;
    height: 116px;
    text-align: center;
}

.availZip {
    float: left;
    width: 215px;
    height: 32px;
    margin: 10px 15px;
    background: url(../images/zip-avail.gif) no-repeat;
    color: #666;
    font-weight: bold;
    font-size: 18px;
    cursor: hand;
    cursor: pointer;
}

.selZip {
    float: left;
    width: 215px;
    height: 32px;
    margin: 10px 15px;
    background: url(../images/zip-selected.gif) no-repeat;
    color: #666;
    font-weight: bold;
    font-size: 18px;
    cursor: hand;
    cursor: pointer;
}

#chosenZips {
    display: none
}

.zipContinue {
    display: none;
}

.area-pend {
    background: url(../images/nav-pending.png) right no-repeat;
}

.area-approved {
    background: url(../images/nav-approved.png) right no-repeat;
}

.drkFade {
    background: url(../images/drk-fade.gif) repeat-x;
    height: 35px;
    width: 100%;
}

.drkFadeBot {
    background: url(../images/drk-fade-bot.gif) repeat-x;
    height: 35px;
    width: 100%;
}

.drkBg {
    background: url(../images/drk-bg.gif) repeat;
    width: 100%;
    height: 100%;
    color: #CCC;
}

.yellow {
    color: #fbd64c;
}

h1 .yellow {
    font-size: 36px;
}

.reader-msg-bg {
    background: url(../images/reader-msg-bg.jpg) repeat-x;
    height: 251px;
}

.sc-num {
    font-size: 45px;
    color: #5c656b;
    font-weight: bold;
}

.sc-data {
    font-size: 16px;
    color: #5c656b;
    font-weight: bold;
}

#timerSelect {
    display: none;
}

#timer {
    display: none;
}

.r-rb {
    background: url(../images/rtb-bg.gif) no-repeat;
    width: 283px;
    height: 86px;
}

.r-bonus {
    background: url(../images/bonus-bg.gif) no-repeat;
    width: 283px;
    height: 86px;
}

.r-sessions {
    background: url(../images/sessions-bg.gif) no-repeat;
    width: 283px;
    height: 86px;
}

.r-prizes {
    background: url(../images/prizes-bg.gif) no-repeat;
    width: 283px;
    height: 86px;
}

.gr_continue {
    display: none;
}

.testimonial h2 {
    display: block;
    background: url(../images/testimonial-icon.gif) no-repeat;
    padding: 5px 0 0 40px;
    min-height: 34px;
    border-bottom: 1px dashed #CCCCCC;
}

.testimonial span {
    color: #993EE8;
}

.testimonial .tbox {
    float: left;
    width: 325px;
    height: 225px;
    background: url(../images/test-box-bg.gif) bottom no-repeat;
    margin-left: 2px;
}

.ticon {
    float: left;
    width: 73px;
    height: 75px;
    margin-left: 20px;
}

.theader {
    float: left;
    width: 210px;
    height: 68px;
    padding: 7px 0 0 15px;
    font-size: 18px;
    font-weight: bold;
}

.theader p {
    color: #3DACFD;
    font-size: 12px;
    margin-top: 5px;
    font-weight: bold;
}

.ttext {
    clear: both;
    margin-left: 20px;
    width: 295px;
    height: 65px;
    font-size: 12px;
    padding: 10px 0;
    font-style: italic;
}

.tbox-btn {
    display: block;
    margin: 10px 0 0 20px;
}

.space {
    height: 25px;
}

#progress {
    display: none;
}

.SSHdr {
    background: url(../images/spreadheet-hdr.gif) repeat-x;
    font-weight: bold;
}

.clouds {
    background: url(../images/top-clouds.jpg) center top no-repeat;
    padding-top: 12px;
}

.sm-counter {
    float: left;
    width: 342px;
    background: url(../images/sm-counter-bg.gif) 0 4px no-repeat;
    height: 53px;
}

.sm-counter td {
    text-align: center;
    height: 51px;
    font-weight: bold;
    font-size: 24px;
}

.dashboard-dotted {
    float: left;
    width: 237px;
    height: 240px;
    padding: 10px 2px;
    background: url(../images/fade-dotted-lines.png) right no-repeat;
    font-size: 14px;
}

.fade-dotted {
    height: 240px;
    padding: 10px 2px;
    background: url(../images/fade-dotted-lines.png) right no-repeat;
}

.scDate {
    font-size: 18px;
    color: #8eb25b;
    padding-top: 10px;
}

.scInfo {
    padding-bottom: 5px;
    border-bottom: 1px dashed #CCCCCC;
}

.suggResult {
    padding: 10px 5px;
    border-bottom: 1px dashed #CCCCCC;
}

.suggResult a:link {
    display: block;
    width: 100%;
}

.suggResult a:hover {
    background-color: #e1f1ff;
}

.search-results {
    display: block;
    color: #000;
    cursor: hand;
    cursor: pointer;
    font-size: 20px;
    background: #fff;
}

.search-results:hover {
    background: #D56300;
    color: #fff;
}

.search-results span {
    color: #FCA33F;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.dotted-bot {
    border-bottom: 1px dashed #CCCCCC;
}

#getreader {
    display: none;
}

.white {
    color: #FFF;
}

.reader {
    font-size: 26px;
    margin: 9px 0 3px;
    color: #FFF;
    font-weight: lighter;
}

.group {
    font-size: 14px;
    color: #224c7c;
    font-style: italic;
}

.grn {
    color: #8DC267
}

.dkblue {
    color: #016bb5
}

.orng {
    color: #e97e00
}

.amt15 a:link {
    background: url(../images/amt-15.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amt15 a:hover {
    background: url(../images/amt-15-ovr.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amt25 a:link {
    background: url(../images/amt-25.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amt25 a:hover {
    background: url(../images/amt-25.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amt50 a:link {
    background: url(../images/amt-50.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amt50 a:hover {
    background: url(../images/amt-50-ovr.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amt75 a:link {
    background: url(../images/amt-75.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amt75 a:hover {
    background: url(../images/amt-75-ovr.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amt100 a:link {
    background: url(../images/amt-100.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amt100 a:hover {
    background: url(../images/amt-100-ovr.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV15 a:link {
    background: url(../images/bl-15.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV15 a:hover {
    background: url(../images/orng-15.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV20 a:link {
    background: url(../images/bl-20.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV20 a:hover {
    background: url(../images/orng-20.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV25 a:link {
    background: url(../images/orng-25.png) center no-repeat;
    display: block;
    padding: 16px 0 0 0;
    height: 44px
}

.amtV25 a:hover {
    background: url(../images/orng-25.png) center no-repeat;
    display: block;
    padding: 16px 0 0 0;
    height: 44px
}
.amtV50 a:link {
    background: url(../images/orng-50.png) center no-repeat;
    display: block;
    padding: 16px 0 0 0;
    height: 44px;
}

.amtV50 a:hover {
    background: url(../images/orng-50.png) center no-repeat;
    display: block;
    padding: 16px 0 0 0;
    height: 44px;
}

/* .amtV50 a:link {
    background: url(../images/bl-50.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV50 a:hover {
    background: url(../images/orng-50.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
} */

.amtV75 a:link {
    background: url(../images/bl-75.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV75 a:hover {
    background: url(../images/orng-75.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV100 a:link {
    background: url(../images/bl-100.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV100 a:hover {
    background: url(../images/orng-100.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV250 a:link {
    background: url(../images/orng-250.png) center no-repeat;
    display: block;
    padding: 16px 0 0 0;
    height: 44px
}

.amtV250 a:hover {
    background: url(../images/orng-250.png) center no-repeat;
    display: block;
    padding: 16px 0 0 0;
    height: 44px
}

.recent {
    font-size: 20px;
    color: #87bf4f;
    background: url(../images/recent-icon.png) no-repeat;
    padding: 4px 0 0 40px;
    height: 30px;
}

.local {
    font-size: 20px;
    color: #999;
    background: url(../images/local-icon.png) no-repeat;
    padding: 4px 0 0 40px;
    height: 30px;
}

.amtV500 a:link {
    background: url(../images/bl-500.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV500 a:hover {
    background: url(../images/orng-500.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV1000 a:link {
    background: url(../images/bl-1000.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.amtV1000 a:hover {
    background: url(../images/orng-1000.png) center no-repeat;
    float: left;
    display: block;
    padding: 16px 0 0 0;
    width: 148px;
    height: 44px
}

.recentSupport {
    width: 399px;
    padding-top: 10px;
}

#addAmounts {
    display: none;
}

#create-page {
    display: none;
}

#no-sponsors {
    display: none;
}

#no-emails {
    display: none;
}

#GMloading {
    display: none;
}

#sendingEmails {
    display: none;
}

.grey {
    background-color: #ebebeb;
    padding: 7px;
}

.CkBox1 {
    width: 26px;
    height: 26px;
    background-color: #FFF;
    border: 1px solid #999;
    cursor: habd;
    cursor: pointer;
    padding: 2px
}

.CkBox2 {
    width: 26px;
    height: 26px;
    background-color: #FFF;
    border: 1px solid #999;
    cursor: habd;
    cursor: pointer;
    padding: 2px
}

.CkBox3 {
    width: 26px;
    height: 26px;
    background-color: #FFF;
    border: 1px solid #999;
    cursor: habd;
    cursor: pointer;
    padding: 2px
}

.GrnChk {
    display: none;
}

.error {
    display: none;
    color: #C00;
}

#SponsorsPageSend {
    display: none;
}

#CreatePageSend {
    display: none;
}

#EmailsPageSend {
    display: none;
}

#doAllMsg {
    display: none;
}

.smCheck {
    padding: 10px 5px 10px 25px;
    background: url(../images/sm-check.gif)0 9px no-repeat;
}

#AllToolsSend {
    display: none;
    text-align: center
}

.copy {
    clear: both;
    padding: 10px 0 40px 0;
}

#Newsletter {
    height: 110px;
}

#NLSU {
    text-align: center;
    padding: 20px 0;
    display: none;
}

.paginate a {
    display: block;
    padding: 7px 10px 6px 10px;
    float: left;
    border-left: 1px solid #999;
}

.pageSelected {
    background-color: #f6f6f6;
}

.sort a {
    display: block;
    padding: 7px 10px 6px 10px;
    float: left;
    border-left: 1px solid #999;
}

.signupField {
    width: 339px;
    height: 25px;
    padding: 3px;
    border: 1px solid #999;
}

.signupField2 {
    width: 200px;
    height: 25px;
    padding: 3px;
    border: 1px solid #999;
}

.positive-points {
    width: 223px;
    float: left;
    height: 98px;
    background: url(../images/your-account-bg.gif) no-repeat;
}

.neg-points {
    width: 223px;
    float: left;
    height: 98px;
    background: url(../images/your-balance.gif) no-repeat;
}

#hundred-form {
    background: url(../images/100form-bg.gif) no-repeat;
    width: 460px;
    height: 370px;
    color: #23699f;
    display: none;
}

#eighty-form {
    background: url(../images/80form-bg.gif) no-repeat;
    width: 460px;
    height: 370px;
    color: #23699f;
    display: none;
}

.checkbox {
    width: 23px;
    height: 23px;
    border: 1px solid #CCC;
    cursor: hand;
    cursor: pointer;
}

#subheader ul li {
    list-style: none;
}

#subheader a:link {
    display: block;
    float: left;
    padding: 10px 17px 10px 17px;
    text-decoration: none;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    border-right: 1px dashed #CCC;
}

#subheader a:hover {
    opacity: .75;
}

#subheader a:visited {
    text-decoration: none;
    color: #666;
    border-right: 1px dashed #CCC;
}

#subheader .yourcart a:link {
    float: none;
    display: inline;
    text-decoration: none;
    padding: 0;
    border: 0;
    color: #069;
    font-size: 12px;
    font-weight: bold;
}

#subheader .yourcart a:hover {
    opacity: .75;
}

#subheader .yourcart a:visited {
    text-decoration: none;
    color: #069;
}

/*#subheader .home {background:url(../images/icon-home.png)7px 5px no-repeat;}
#subheader .plus {background:url(../images/icon-plus.png)7px 7px no-repeat;}
#subheader .rat {background:url(../images/icon-rat.png)7px 5px no-repeat;}
#subheader .shop {background:url(../images/icon-shop.png)7px 5px no-repeat;}
#subheader .clock {background:url(../images/icon-clock.png)7px 7px no-repeat;}
#subheader .printnav {background:url(../images/icon-print.png)7px 7px no-repeat;}
#subheader .video {background:url(../images/icon-video.png)7px 7px no-repeat;}
#subheader .edit {background:url(../images/icon-edit.png)7px 7px no-repeat;}
#subheader .report {background:url(../images/icon-report.gif)7px 7px no-repeat;}*/
.circle {
    background: url(../images/grey-circle.gif) center no-repeat;
    color: #FFF;
    font-size: 36px;
    height: 64px;
    text-align: center;
    width: 25%;
}

.ppl-circle {
    background: url(../images/ppl-circle.png) center no-repeat;
    color: #FFF;
    font-size: 36px;
    height: 92px;
    text-align: center;
}

.grn-circle {
    background: url(../images/grn-circle.png) center no-repeat;
    color: #FFF;
    font-size: 36px;
    height: 92px;
    text-align: center;
}

.bl-circle {
    background: url(../images/bl-circle.png) center no-repeat;
    color: #FFF;
    font-size: 36px;
    height: 92px;
    text-align: center;
}

.orng-circle {
    background: url(../images/orng-circle.png) center no-repeat;
    color: #FFF;
    font-size: 36px;
    height: 92px;
    text-align: center;
}

.home {
    background: url(../images/icon-home.png)7px 5px no-repeat;
    padding: 10px;
}

.home-rt {
    background: url(../images/icon-home.png)795px 7px no-repeat;
    padding: 10px;
}

.grnboxcheck {
    padding: 8px 0 8px 30px;
    background: url(/images/green-box-check.png)0 5px no-repeat;
    line-height: 1.5em
}

#canvas .rpcircle {
    display: inline-block;
    margin: 1em;
}

.circles-decimals {
    font-size: .4em;
}

.reader-view {
    text-align: center;
    padding: 7px;
}

.reader-view a:link {
    display: block;
    width: 45px;
    height: 15px;
    padding: 2px 8px 4px 8px;
    background-color: #CCC;
    margin: auto auto;
    color: #333;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

/* File Upload */
body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
}

#upload-wrapper {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    background: #F5F5F5;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 1px 1px 3px #AAA;
}

#upload-wrapper h3 {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
    margin-top: -30px;
    border-bottom: 1px dotted #DDD;
}

#upload-wrapper input[type=file] {
    border: 1px solid #DDD;
    padding: 6px;
    background: #FFF;
    border-radius: 5px;
}

#upload-wrapper #submit-btn {
    border: none;
    padding: 10px;
    background: #61BAE4;
    border-radius: 5px;
    color: #FFF;
}

#output {
    padding: 5px;
    font-size: 12px;
}

#output img {
    border: 1px solid #DDD;
    padding: 5px;
}

/* progress bar style */
#progressbox {
    border: 1px solid #92C8DA;
    padding: 1px;
    position: relative;
    width: 400px;
    border-radius: 3px;
    margin: 10px;
    display: none;
    text-align: left;
}

#progressbar {
    height: 20px;
    border-radius: 3px;
    background-color: #77E0FA;
    width: 1%;
}

#statustxt {
    top: 3px;
    left: 50%;
    position: absolute;
    display: inline-block;
    color: #000000;
}

#upload-wrapper {
    width: 415px;
    background: #F5F5F5;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 3px #AAA;
}

#upload-wrapper h3 {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
    margin-top: -30px;
    border-bottom: 1px dotted #DDD;
}

#upload-wrapper input[type=file] {
    border: 1px solid #DDD;
    padding: 6px;
    background: #FFF;
    border-radius: 5px;
}

#upload-wrapper #submit-btn {
    border: none;
    padding: 10px;
    background: #61BAE4;
    border-radius: 5px;
    color: #FFF;
}

#output {
    padding: 5px;
    font-size: 12px;
}

#output img {
    border: 1px dashed #DDD;
    padding: 5px;
}

.message {
    background: url(../images/message-icon.png) no-repeat;
    padding: 3px 0 10px 45px;
    border-bottom: 1px dashed #CCCCCC;
}

input[type=checkbox]:not(old)+label,
input[type=radio]:not(old)+label {
    display: inline-block;
    margin-left: -2em;
    line-height: 1.5em;
}

input[type=checkbox]:not(old)+label>span,
input[type=radio]:not(old)+label>span {
    display: inline-block;
    width: 0.875em;
    height: 0.875em;
    margin: 0.25em 0.5em 0.25em 0.25em;
    border: 0.0625em solid rgb(192, 192, 192);
    border-radius: 0.25em;
    background: rgb(224, 224, 224);
    background-image: -moz-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -webkit-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    vertical-align: bottom;
}

input[type=checkbox]:not(old):checked+label>span,
input[type=radio]:not(old):checked+label>span {
    background-image: -moz-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -webkit-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
}

input[type=checkbox]:not(old):checked+label>span>span,
input[type=radio]:not(old):checked+label>span>span {
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: 0.125em;
    border: 0.0625em solid rgb(115, 153, 77);
    border-radius: 0.125em;
    background: rgb(153, 204, 102);
    background-image: -moz-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
    background-image: -ms-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
    background-image: -o-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
    background-image: -webkit-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
    background-image: linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
}

input[type=checkbox]:not(old):checked+label>span:before {
    content: '✓';
    display: block;
    width: 1em;
    color: #4b9f00;
    font-size: 0.875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115, 153, 77);
    font-weight: bold;
}

.RichlParent {
    display: none;
}

.RichlTeacher {
    display: none;
}

.RichlAdmin {
    display: none;
}

.whtCheck {
    color: #CCC;
    padding: 8px 0 8px 25px;
    background: url(/images/wht-check.gif) 0 7px no-repeat;
}

#materials {
    padding: 85px 0 0 5px;
    display: none;
}

#read {
    padding-top: 105px;
    display: none;
}

#signup {
    display: none;
}

#share {
    display: none;
}

#money {
    display: none;
}

.dbreaders {
    background: url(/images/db-orng-circle.png) center no-repeat;
    width: 78px;
    height: 78px;
    color: #be8200;
    font-size: 24px;
    text-align: center;
}

.dbsupporters {
    background: url(/images/db-grn-circle.png) center no-repeat;
    width: 78px;
    height: 78px;
    color: #78a129;
    font-size: 24px;
    text-align: center;
}

.dbdays {
    background: url(/images/db-blue-circle.png) center no-repeat;
    width: 78px;
    height: 78px;
    color: #5196c6;
    font-size: 24px;
    text-align: center;
}

.descsm {
    height: 200px;
    overflow: hidden;
}

.fname {
    font-size: 18px;
    padding: 15px 0;
    color: #b7b7b7;
}

.fquote {
    font-size: 12px;
    font-style: italic;
    padding: 5px;
    width: 191px;
    margin: auto auto;
    color: #b7b7b7;
}

/* Profile Cropper */
.imageBox {
    position: relative;
    height: 375px;
    width: 495px;
    border: 1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move;
}

.imageBox .thumbBox {
    position: absolute;
    top: 29%;
    left: 22%;
    width: 475px;
    height: 355px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px dashed #fff;
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}

.imageBox .spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0, 0, 0, 0.7);
}

/* Profile Cropper */
.image2Box {
    position: relative;
    height: 282px;
    width: 450px;
    border: 1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move;
}

.image2Box .thumb2Box {
    position: absolute;
    top: 39%;
    left: 24%;
    width: 430px;
    height: 262px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px dashed #fff;
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}

.image2Box .spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0, 0, 0, 0.7);
}

#signupBox {
    width: 500px;
    min-height: 250px;
    margin: auto auto;
}

#RsignupBox {
    max-width: 500px;
    min-height: 250px;
    margin: auto auto;
}

#outerBox {
    background: url(/images/15black.png) repeat;
    padding: 5px;
    box-shadow: 0px 3px 3px #888;
}

#innerBox {
    background: #fff;
}

.paper-bg {
    background: url(/images/paper-bg.png) repeat;
}

#chooseSchool:hover {
    background: url(../images/10-black.png) repeat;
}

#chooseGroup:hover {
    background: url(../images/10-black.png) repeat;
}

.tools-bg {
    background: url(../images/clouds-ns-bg.jpg) center 50px no-repeat;
}

.readerWelcome {
    float: left;
    width: 608px;
    padding-top: 12px;
    font-size: 16px;
    color: #428bc4;
}

#mobile-header {
    display: none;
}

.LastSponsor {
    border-bottom: 1px dashed #FFFFFF;
    height: 153px;
    width: 550px;
    margin-left: 424px;
}

.NewDonationCTA {
    width: 550px;
    margin-left: 424px;
}

.sponsorRat {
    background: url(/images/bl-rat-bg.jpg) no-repeat;
    min-height: 370px;
}

.SPamount {
    float: left;
    width: 203px;
    font-size: 72px;
    line-height: 82px;
    color: #dff7ff;
}

.SPcomment {
    float: left;
    width: 320px;
    margin-left: 25px;
    font-size: 14px;
    color: #FFF;
    padding-top: 10px;
}

#donatepg-main {
    background: url(/images/reader-hdr-bg.gif) repeat-x;
}

#donatepg-hdr {
    background: url(/images/chalkboard-bg.jpg) center top no-repeat;
}

#donatepg-fb {
    background: url(/images/dt-fb-bg.gif) repeat-x;
}

#social {
    padding: 45px 0 0 0;
}

#readerPIC {
    float: left;
    width: 100%;
    max-width: 501px;
    height: 479px;
    margin-left: 10px;
    padding-top: 35px;
    background: url(/images/photos-bg.png) top center no-repeat;
}

#readerPIC-fb {
    float: left;
    width: 228px;
    height: 179px;
    margin: 35px 10px 10px 10px;
    ;
    padding: 10px;
    border: 1px solid #999;
    background-color: #FFF;
}

#rName {
    float: left;
    width: 300px;
    padding-top: 15px;
}

#ReaderPhoto {
    width: 100%;
    max-width: 391px;
    height: 326px;
    overflow: hidden;
    background-size: 501px auto;
    border: 1px solid #CCC;
}

#readerCTA {
    float: left;
    width: 100%;
    max-width: 474px;
    min-height: 375px;
}

#readerCTA2 {
    float: left;
    width: 100%;
    max-width: 674px;
    min-height: 375px;
}

.readytoearnbtn {
    float: left;
    min-width: 210px;
    padding-top: 10px;
}

.rdbtoolicons {
    float: left;
    width: 115px;
    color: #fff;
    padding: 10px 0;
}

/* Reader Store */
#yourAccount {
    width: 223px;
    float: right;
    height: 98px;
    background: url(../images/your-account-bg.gif) no-repeat;
}

#storeLogo {
    width: 660px;
    float: left;
    height: 91px;
    padding: 7px 0 0 95px;
    height: 105px;
    background: url(../images/reader-store-logo.gif) no-repeat;
}

#productspage {
    padding: 20px 0px;
}

.storeprod {
    float: left;
    width: 225px;
    height: 255px;
}

#chooseEml {
    float: left;
    width: 145px;
    text-align: center;
    border-right: 1px dashed #CCCCCC;
    padding: 10px 0;
}

#chooseSms {
    float: left;
    width: 145px;
    text-align: center;
    border-right: 1px dashed #CCCCCC;
    padding: 10px 0;
}

#chooseFb {
    float: left;
    width: 145px;
    text-align: center;
    border-right: 1px dashed #CCCCCC;
    padding: 10px 0;
}

#chooseTwt {
    float: left;
    width: 145px;
    text-align: center;
    border-right: 1px dashed #CCCCCC;
    padding: 10px 0;
}

#choosePin {
    float: left;
    width: 145px;
    text-align: center;
    border-right: 1px dashed #CCCCCC;
    padding: 10px 0;
}

#choosePrnt {
    float: left;
    width: 145px;
    text-align: center;
    padding: 10px;
}

#parentDonate {
    float: left;
    width: 250px;
    padding: 11px 0;
}

#parentNoSponsor {
    float: left;
    width: 285px;
    font-size: 18px;
    padding: 16px 0;
}

#parentOR {
    float: left;
    width: 45px;
    font-size: 18px;
    padding: 16px 0;
}

.rdbmessage {
    float: left;
    width: 500px;
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.6em;
}

.rdbgetsponsors {
    float: left;
    width: 255px;
    font-size: 14px;
    color: #FFF;
    line-height: 1.8em;
    padding-left: 10px;
}

.rdbearned {
    float: left;
    width: 370px;
    border-right: 1px solid #333;
    border-left: 1px solid #333;
    background: url(/images/black-50.png) repeat;
    min-height: 200px
}

.rdbreport {
    float: left;
    width: 600px;
    min-height: 200px;
    color: #FFF;
}

.rdbcomments {
    float: left;
    width: 410px;
    margin: 5px 25px;
    padding: 10px;
    border: 1px dashed #CCCCCC;
}

#ReaderDBTOP {
    background: url(/images/class-bg.jpg) no-repeat;
    background-size: 100%;
    min-height: 200px;
}

.readytoearn {
    padding-top: 24px;
    float: left;
    font-size: 26px;
    color: #FFF;
    text-shadow: 2px 2px 2px #000;
    width: 390px;
    font-weight: lighter;
}

.green-check {
    font-size: 16px;
    padding: 10px 20px 10px 33px;
    background: url(/images/bl-check.png) 0 4px no-repeat;
}

#ReaderSPTOP {
    background: url(/images/blue-hdr-bg.gif) repeat-x;
    min-height: 370px;
}

/* Reports Nav Menu */
#primary_nav_wrap {
    margin-top: 15px
}

#primary_nav_wrap ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0
}

#primary_nav_wrap ul a {
    display: block;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 32px;
    padding: 0 15px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#primary_nav_wrap ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0
}

#primary_nav_wrap ul li.current-menu-item {
    background: #ddd
}

#primary_nav_wrap ul li:hover {
    background: #f6f6f6
}

#primary_nav_wrap ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding: 0
}

#primary_nav_wrap ul ul li {
    float: none;
    width: 200px
}

#primary_nav_wrap ul ul a {
    line-height: 120%;
    padding: 10px 15px
}

#primary_nav_wrap ul ul ul {
    top: 0;
    left: 100%
}

#primary_nav_wrap ul li:hover>ul {
    display: block
}

.rep-sel-box {
    border: 1px solid #999;
    width: 20px;
    height: 20px;
    cursor: hand;
    cursor: pointer;
}

.grnbox {
    background: #0C0;
}

#CashAmount {
    color: #78c434;
    font-size: 45px;
    line-height: 55px;
}

/* Closed Overlay */
.closed-overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0);
    /* Black fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/opacity */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    display: none;
}

.closed-overlay-content {
    border-radius: 12px;
    position: relative;
    top: 15%;
    /* 25% from the top */
    left: 36%;
    width: 350px;
    text-align: center;
    /* Centered text/links */
    margin-top: 30px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
    background: #fff;
}

#form-centered {
    margin: auto auto;
}

.testimony-box {
    float: left;
    width: 33%;
    min-width: 390px;
    padding: 40px 0;
}

.test-sep {
    border-top: 1px dashed #CCCCCC;
}

.test-hdr {
    height: 328px;
    background: url(/images/testimonial-hdr.gif) center no-repeat #6ED0F6;
    padding: 0 0 30px 0
}

#prefooter-container {
    padding: 40px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.prefooter-box {
    width: 100%;
    max-width: 300px;
    min-width: 300px;
    margin: auto;
    font-size: 12px;
    line-height: 14px;
    padding-left: 95px;
    min-height: 60px;
}

.spacer30 {
    display: flex;
    height: 30px;
}

.spacer10 {
    display: flex;
    height: 10px;
}

.psOLContainer {
    display: flex;
}

.psOLContainer img {
    float: right;
    width: 100%;
    max-width: 328px;
    padding-left: 30px;
    padding-bottom: 20px;
}

.psVideoContainer {
    display: flex;
    justify-content: center;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.psVideoContainer iframe,
.psVideoContainer object,
.psVideoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.preschoolFundraiserContainer a {
    color: #ffffff;
}

.preschoolFundraiserContainer a:link {
    color: #ffffff;
}

.preschoolFundraiserContainer a:visited {
    color: #ffffff;
}

.RATresourcesContainer a {
    color: white;
    text-decoration: none;
}

.RATresourcesContainer a:link {
    color: white;
    text-decoration: none;
}

.RATresourcesContainer a:hover {
    color: white;
    text-decoration: none;
}

.RATresourcesContainer a:visited {
    color: white;
    text-decoration: none;
}

.RATresourcesContainer {
    background: linear-gradient(135deg, #0693e3, #9b51e0);
    padding: 1em;
}

.RATresourcesContainer p {
    color: white;
}

/*General */

.amount-raised-box {
    font-weight: 500;
    background-color: #0E79B3;
    padding: 10px 20px;
}

.lighten-links a {
    color: #ffffff;
}

.lighten-links a:link {
    color: #ffffff;
}

.lighten-links a:visited {
    color: #ffffff;
}

.center-flex {
    display: flex;
    justify-content: center;
}

.quotes-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}

.quotes-container h2 {
    text-align: center;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    display: table;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 30px;
    color: #28ADE5;
}

.opening-image {
    display: flex; 
    justify-content: center;
}

.opening-image > img {
    width: 100%;
    max-width: 400px; 
    height: auto;
}

/*Online Fundraising Additional CSS than what's on the page*/


.header-wrapper a {
    color: #ffffff;
}

.header-wrapper a:link {
    color: #ffffff;
}

.header-wrapper a:visited {
    color: #ffffff;
}

.onlineFundraisingBlockImgContainer {
    display: flex;
    flex-wrap: wrap;
}

.onlineFundraisingVideoContainer {
    display: flex;
    justify-content: center;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.onlineFundraisingVideoContainer iframe,
.onlineFundraisingVideoContainer object,
.onlineFundraisingVideoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.see-more-testimonial-button-row a {
    color: #ffffff;
}

.see-more-testimonial-button-row a:link {
    color: #ffffff;
}

.see-more-testimonial-button-row a:visited {
    color: #ffffff;
}

/*Elementary School Fundraisers CSS*/

.esTextContainer a {
    color: #a810cd
}

.esTextContainer a:link {
    color: #7D0B98;
}

.esTextContainer a:visited {
    color: #580FCD;
}

.elementaryFundraisingVideoContainer {
    display: flex;
    justify-content: center;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.elementaryFundraisingVideoContainer iframe,
.onlineFundraisingVideoContainer object,
.onlineFundraisingVideoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.purple-elementary-btn {
    display: flex;
    justify-content: center;
    border: none;
    box-shadow: none;
    text-shadow: none;
    width: 300px;
    border-radius: 50px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0.04em;
    text-align: center;
    outline: none;
    background-color: #cb53dd;
    cursor: pointer;
    background: #cb53dd;
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    font-family: Arial;
    color: #ffffff;
    padding: 0.625rem 1.5625rem 0.625rem 1.5625rem;
    text-decoration: none;
}

.purple-elementary-btn:hover {
    background: #D87FE5;
    text-decoration: none;
}

/*read-a-thon-basics page*/
.basicsHeaderContainer a {
    color: #ffffff;
}

.basicsHeaderContainer a:visited {
    color: #ffffff;
}

/*school fundraiser additional css*/

.image-container {
    display: flex;
    justify-content: center;
}

/* Library Fundraiser additional css */
.library-fundraiser-container {
    padding: 20px;
    padding-top: 100px;
    max-width: 986px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 2em;
}

.library-fundraiser-container a:link,
.library-fundraiser-container a:hover,
.library-fundraiser-container a:visited {
    color: #09F;
}

.library-fundraiser-img-container {
    text-align: center;
}

.library-fundraiser-img-container.img-feature img {
    width: 750px;
}

.library-fundraiser-img-container.img-feature-cta img {
    width: 550px;
}

.library-fundraiser-img-container.img-cta img {
    width: 845px;
}

/* School Fundraiser Prizes */
.school-fundraiser-prizes-container {
    padding: 20px;
    padding-top: 100px;
    max-width: 986px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 2em;
}

.school-fundraiser-prizes-container a:link,
.school-fundraiser-prizes-container a:hover,
.school-fundraiser-prizes-container a:visited {
    color: #09F;
}

.school-fundraiser-prizes-img-container {
    text-align: center;
}

.school-fundraiser-prizes-img-container.img-feature img {
    width: 750px;
}

.school-fundraiser-prizes-img-container.img-cta img {
    width: 845px;
}

@media screen and (max-width: 420px) {
    #topnav {
        display: none;
    }

    .signup {
        display: none;
    }

    #login {
        display: none;
    }

    .hp-top {
        padding-top: 20px;
        height: 368px;
    }

    #hpcolby {
        display: none;
    }

    #freeInfo {
        display: none;
    }

    #hpMoney {
        display: none;
    }

    #fContact {
        display: none;
    }

    #lang {
        display: none;
    }

    .jackmailbox {
        display: none;
    }

    .tools-bg {
        background: none;
    }

    .readerPHOTO {
        display: none;
    }

    .library-fundraiser-img-container.img-feature img {
        width: 350px;
    }

    .library-fundraiser-img-container.img-feature-cta img {
        width: 350px;
    }

    .library-fundraiser-img-container.img-cta img {
        width: 350px;
    }

    .school-fundraiser-prizes-img-container.img-feature img {
        width: 350px;
    }

    .school-fundraiser-prizes-img-container.img-cta img {
        width: 350px;
    }
}

@media only screen and (min-width: 421px) and (max-width: 600px) {
    #prefooter-container {
        padding: 40px 0;
        width: 100%;
        display: block;
        justify-content: 0;
    }

    .eighty-ninety-vw {
        width: 80vw;
    }

    .prefooter-box {
        width: 100%;
        border-bottom: 1px dashed #ccc;
        margin: auto;
        font-size: 12px;
        line-height: 14px;
        padding-left: 95px;
        min-height: 60px;
        margin-top: 30px;
    }

    .step-box-top {
        background: url("/app/resources/theme/books/robots/box-top.png") no-repeat center bottom;
        background-size: cover;
        width: 400px;
        height: 27px;
    }

    .step-box-bg {
        background: url("/app/resources/theme/books/superhero/step-box-bg.png") repeat-y center;
        width: 400px;
        background-size: contain;
    }

    .step-box-bottom {
        background: url("/app/resources/theme/books/superhero/step-box-bottom.png") no-repeat center;
        width: 400px;
        height: 44px;
        background-size: contain;
    }

    .wp-post-image {
        width: 80vw;
    }

    .wp-image-39 {
        width: 80vw;
    }

    .wp-image-42 {
        width: 80vw;
    }

    .wp-image-45 {
        width: 80vw;
    }

    .wp-image-46 {
        width: 80vw;
    }

    .wp-image-47 {
        width: 80vw;
    }

    .wp-image-48 {
        width: 80vw;
    }

    .wp-image-49 {
        width: 80vw;
    }

    .wp-image-50 {
        width: 80vw;
    }

    .library-fundraiser-img-container.img-feature img {
        width: 350px;
    }

    .library-fundraiser-img-container.img-feature-cta img {
        width: 350px;
    }

    .library-fundraiser-img-container.img-cta img {
        width: 350px;
    }

    .school-fundraiser-prizes-img-container.img-feature img {
        width: 350px;
    }

    .school-fundraiser-prizes-img-container.img-cta img {
        width: 350px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
    #readerCTA {
        width: 100%;
        min-height: 375px;
        text-align: center;
    }

    #social {
        padding: 0 0 25px 0;
        display: block;
    }

    #readerPIC {
        width: 100%;
        max-width: 400px;
        height: 379px;
        margin-left: 10px;
        padding-top: 35px;
        background: url(/images/photos-bg.png) top center no-repeat;
        background-size: 100% auto;
    }

    #ReaderPhoto {
        width: 300px;
        height: 256px;
        overflow: hidden;
        background-size: 100% auto;
        border: 1px solid #CCC;
    }

    #rName {
        float: left;
        width: 210px;
        padding-top: 15px;
    }

    #mobile-header {
        display: block;
    }

    #navigation {
        display: none;
    }

    .SPcomment {
        float: left;
        max-width: 260px;
        margin-left: 0;
        font-size: 14px;
        color: #FFF;
        padding-top: 10px;
    }

    .SPamount {
        float: left;
        max-width: 140px;
        padding-left: 5px;
        font-size: 72px;
        line-height: 82px;
        color: #dff7ff;
    }

    #arrow {
        display: none;
    }

    .LastSponsor {
        border-bottom: 1px dashed #FFFFFF;
        height: 153px;
        max-width: 550px;
        margin-left: 0;
        width: 100%;
    }

    .NewDonationCTA {
        max-width: 550px;
        width: 100%;
        margin-left: 0;
    }

    .sponsorRat {
        background: none;
        min-height: 370px;
    }

    .readerWelcome {
        display: none;
    }

    #storeLogo {
        display: none;
    }

    #storescorecard {
        display: none;
    }

    #productspage {
        padding: 20px 0px;
    }

    .storeprod {
        float: left;
        width: 205px;
        height: 255px;
    }

    #timerIcon {
        display: none;
    }

    .timerBTN {
        width: 100%;
    }

    #chooseEml {
        float: left;
        width: 100%;
        text-align: center;
    }

    #chooseFb {
        float: left;
        width: 100%;
        text-align: center;
    }

    #chooseTwt {
        float: left;
        width: 100%;
        text-align: center;
    }

    #choosePin {
        float: left;
        width: 100%;
        text-align: center;
    }

    #choosePrnt {
        float: left;
        width: 100%;
        text-align: center;
    }

    #parent-rats {
        display: none;
    }

    #parentDonate {
        min-width: 380px;
        display: block;
        text-align: center;
    }

    #parentNoSponsor {
        min-width: 380px;
        font-size: 18px;
        padding: 11px 0;
        display: block;
        text-align: center
    }

    #parentOR {
        min-width: 380px;
        font-size: 18px;
        padding: 11px 0;
        display: block;
        text-align: center;
    }

    .rdbtoolicons {
        float: left;
        min-width: 33%;
        max-width: 33%;
        color: #fff;
        padding: 10px 0;
    }

    .rdbimage {
        display: none;
    }

    .rdbmessage {
        max-width: 100%;
        padding-top: 15px;
        font-size: 14px;
        line-height: 1.6em;
    }

    .rdbgetsponsors {
        display: none;
    }

    .rdbearned {
        clear: both;
        min-width: 100%;
        border-right: 1px solid #333;
        border-left: 1px solid #333;
        background: url(/images/black-50.png) repeat;
        min-height: 200px
    }

    .rdbreport {
        clear: both;
        min-width: 100%;
        max-width: 410px;
        background: #333;
    }

    .rdbcomments {
        max-width: 100%;
        margin: 10px 0;
        padding: 10px;
        border: 1px dashed #CCCCCC;
    }

    #ReaderDBTOP {
        background: url(/images/class-bg.jpg) no-repeat #333;
        background-size: 100%;
        min-height: 200px;
    }

    .readytoearn {
        padding-top: 24px;
        font-size: 26px;
        color: #FFF;
        text-shadow: 2px 2px 2px #000;
        max-width: 100%;
        font-weight: lighter;
    }

    .readytoearnbtn {
        max-width: 100%;
        width: 410px;
        padding: 20px 0;
    }

    #RSessions {
        float: left;
        max-width: 450px;
        padding-left: 0;
    }

    #donatepg-main {
        background: #191919;
    }

    #donatepg-hdr {
        background: url(/images/chalkboard-bg.jpg) center bottom no-repeat;
    }

    .library-fundraiser-img-container.img-feature img {
        width: 550px;
    }

    .library-fundraiser-img-container.img-feature-cta img {
        width: 500px;
    }
    
    .library-fundraiser-img-container.img-cta img {
        width: 580px;
    }

    .school-fundraiser-prizes-img-container.img-feature img {
        width: 550px;
    }

    .school-fundraiser-prizes-img-container.img-cta img {
        width: 550px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px)  {
    .eighty-ninety-vw {
        width: 90vw;
    }
}

/* Animated Button */


/* End Button */


@media only screen and (min-device-width : 414px) and (max-device-width : 1024px) and (orientation : portrait) {
    .testimony-box {
        width: 100%;
        min-width: 390px;
        padding: 40px 0;
    }

    .test-sep {
        border-top: 0;
    }

    .test-hdr {
        height: 208px;
        background: url(/images/testimonial-hdr.gif) center no-repeat #6ED0F6;
        background-size: 90%;
        padding: 0 0 30px 0
    }
}

/*	MultiDimensional Array Chart (MDA) Styling
	Make divs function similar to a table structure
	Used in draw_mda($mda); function
	*/

/* HEADER OVERRIDE CLASS */
.fixed-top-header a:visited {
    color: inherit ; 
    text-decoration: inherit;
}

.fixed-top-header a.dropdown-item {
    color: initial !important;
}