/* Default Theme Stylesheet */
@import url('https://fonts.googleapis.com/css?family=Varela+Round');
@import url('https://fonts.googleapis.com/css?family=Caveat+Brush');
html, body {
	min-height: 100%;
}
body {
	margin: 0;
	line-height: 1.0em;
	color: #666;
	font-family: 'Varela Round', san-serif;
}

a:link {
	font-size: 14px;
	text-decoration: none;
	color:#1E5376;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #1E5376;
}
.flex-container{ display: flex;
flex-wrap: wrap;
}
.flex50{ flex: 50%;}
.flex33{ flex: 33%; margin: 15px;}
.blue-fade{background: url(/school/resources/images/signup-bg.jpg) repeat-x #ddf5ff;}
.blue-btn {padding:20px; background:url(images/20-white.png) repeat #29c6f3; width:200px;border-radius:100px; cursor:hand; cursor:pointer; color: #fff;text-shadow: 0 1px 2px #000;}
.blue-btn:hover{background:url(images/20-white.png) repeat #17b1dd;}
.amt-sm a:link {
	background: url(images/bl-btn-sm.png) center no-repeat;
	float: left;
	display: block;
	padding: 30px 0 0 0;
	width: 120px;
	height: 44px;
	color:#fff;
	text-shadow:1px 1px 2px #333;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
.amt-sm a:hover {
	background: url(images/orng-btn-sm.png) center no-repeat;
	float: left;
	display: block;
	padding: 30px 0 0 0;
	width: 120px;
	height: 44px;
	color:#fff;
	text-shadow:1px 1px 2px #333;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}

.amtV250 a:link {
	background: url(/school/resources/css/images/orng-25.png) center no-repeat;
	display: block;
	padding: 28px 0 0 0;
	height: 44px;
	color:#a54600;
	text-shadow:1px 1px 2px #fff;
	font-size:28px;
	font-weight:bold;
	text-decoration:none;
}
.amtV250 a:hover {
	background: url(/school/resources/css/images/orng-25.png) center no-repeat;
	display: block;
	padding: 28px 0 0 0;
	height: 44px;
	color:#a54600;
	text-shadow:1px 1px 2px #fff;
	font-size:28px;
	font-weight:bold;
	text-decoration:none;
}
.amtV25 a:link {
	background: url(/school/resources/css/images/orng-25.png) center no-repeat;
	display: block;
	padding: 28px 0 0 0;
	height: 44px;
	color:#a54600;
	text-shadow:1px 1px 2px #fff;
	font-size:28px;
	font-weight:bold;
	text-decoration:none;
}
.amtV25 a:hover {
	background: url(/school/resources/css/images/orng-25.png) center no-repeat;
	display: block;
	padding: 28px 0 0 0;
	height: 44px;
	color:#a54600;
	text-shadow:1px 1px 2px #fff;
	font-size:28px;
	font-weight:bold;
	text-decoration:none;
}

.brush{ font-family: 'Caveat Brush', cursive; }

/* 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 */
}
.closed-overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
	color:#fff;
}
.wht-btn-outline{ padding:3px; background:url(images/50-white.png) repeat; border-radius:200px; width:240px; box-shadow:0px 0px 6px #959595;}
.donate-btn {padding:20px; background:url(images/20-white.png) repeat #FBD51A; width:200px;border-radius:15px; cursor:hand; cursor:pointer;}
.donate-btn:hover{background:url(images/20-white.png) repeat #FFB100;}
.cir-sep{background:url(images/sm-grey-circle.png) center no-repeat;}
#numreaders{ font-size:26px; color:#eaab00;}
#minread{ font-size:26px; color:#6fb7e1;}
#numspnsors{ font-size:26px; color:#a4cd63;}
#daysleft{ font-size:26px; color:#db9bce;}
.sm-txt{ font-size:12px; color:#999; }
.updates { border:3px solid #d7d7d7; border-radius:8px;}
.updates .hdr{border-bottom:1px solid #c9d8e0; border-radius:6px 6px 0 0; font-size:18px ; color:#90a4af;padding:15px 0 15px 55px; text-align:left;
background:url(images/updates-icon.png) 12px 9px no-repeat #e3f5ff;
}
.updBox {border-radius:6px; background:#eee; padding:15px; font-style:italic; text-align:left;}
.updDate { float:right; width:150px; font-size:12px; background:url(images/bbl-bot.png) top center no-repeat; padding-top:15px; text-align:center;}
.clear { clear:both;}
.bdAmount {font-size:30px; color:#fff; padding:0 10px; border-right:1px dashed #fff;}
.bdInfo, .bdInfo span {color:#113A66;}
/* Pay Options */
.payOptionsContainer {
    position:fixed;
    width: 380px;
    z-index: 10000;
    text-align:center;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    bottom: -400px;
}
.payOptions {
	height: 313px;
    font-size:18px;
    background: #FFF;
    border-radius:25px;
}

.payOptions-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 */
}

/* Business Pay Options */
.BpayOptionsContainer {
    position:fixed;
    width: 470px;
    z-index: 10000;
    text-align:center;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    bottom: -400px;
}
.BpayOptions {
    font-size:18px;
    background: #FFF;
    border-radius:25px;
	padding:15px;
}
.toReader{ background:url(images/sp-toreader-icon.png) 15px 15px no-repeat; padding:30px 0 30px 70px; text-align:left; border-bottom:1px dashed #ccc; cursor:hand; cursor:pointer; }
.asBusiness{ background:url(images/sp-asbusiness-icon.png) 15px 15px no-repeat; padding:30px 0 30px 70px; text-align:left; border-bottom:1px dashed #ccc; cursor:hand; cursor:pointer; }
.toSchool{ background:url(images/sp-toschool-icon.png) 15px 15px no-repeat; padding:30px 0 30px 70px; text-align:left; cursor:hand; cursor:pointer; }

.ClasstoReader{ background:url(images/sp-toreader-icon.png) 15px 15px no-repeat; padding:30px 0 30px 70px; text-align:left; border-bottom:1px dashed #ccc; cursor:hand; cursor:pointer; }
.ClassasBusiness{ background:url(images/sp-asbusiness-icon.png) 15px 15px no-repeat; padding:30px 0 30px 70px; text-align:left; cursor:hand; cursor:pointer; }
.ClasstoSchool{ background:url(images/sp-toschool-icon.png) 15px 15px no-repeat; padding:30px 0 30px 70px; text-align:left; border-bottom:1px dashed #ccc; cursor:hand; cursor:pointer; }


.close{float:right; width:20px; color:#fff; padding:10px 0; cursor:hand; cursor:pointer; text-align:center;}
.left-column{float:left; width: 100%; max-width:470px}
.rt-column {float:left; width: 100%; max-width:480px; padding:0 20px; margin-left:20px;}
.school-container{ width: 100%; max-width:1024px; margin:auto auto; padding:40px;}
.school-bg{background:url(images/sp-bg.png) repeat-x; height:100%; min-height:329px;}
.m-school-bg{background:#6ed0f6; border-bottom:1px solid #47adde; padding:20px 0;}
.poptions-bg{background:url(images/70-white.png) repeat; border-radius:6px; box-shadow:0 0 2px #8B8B8B ;}
.photoUpload{width:330px; height:330px; background:#fff; background:url(images/50-white.png) repeat; margin:auto auto; font-size:26px; color:#204A61; line-height:1.3em; padding:30px; box-shadow:0 0 2px #C2C2C2;}
.menu{
font-family: Arial;
color: #515151;
/*width: 200px;*/
position: relative;
/*height: 10px;*/
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:15px;
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;
}

.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;
}
.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;
	cursor:hand; cursor:pointer;
}
.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;
}

.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;
}
.grn-chk{ padding:20px 0 20px 40px; background:url(images/grn-check.png) 0 20px no-repeat;}
.ad-price{ background:url(images/ad-price-bg.png) no-repeat; height:71px; font-size:40px; color:#fff; padding:0 25px 0 0; line-height:75px;}

#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; }
#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;}
.copy{ clear:both; padding:10px 0 40px 0;}
.sm-main {margin:auto auto; max-width:986px; overflow:hidden;}

@media only screen and (max-width: 710px) {
	.readerInfoTable {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
	
		#numreaders {
			padding-bottom: 20px;
		}
	
		#numreaders {
			padding-bottom: 20px;
		}
	
		#minread {
			padding-bottom: 20px;
		}
	
		#numspnsors {
			padding-bottom: 20px;
		}
	
		#daysleft {
			padding-bottom: 20px;
		}
}
@media only screen and (max-width: 600px) {
	#prefooter-container{
	padding: 40px 0; width: 100%; display:block; justify-content:0;
}
.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; }
    
    .flex50{ flex: 100%;}
.flex33{ flex: 100%; margin: 15px;}
    
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 
.left-column{display:none}
.rt-column {width:100%; padding:0; margin:0;}
.school-container{width:100%; margin: auto auto; padding:20px;}
.dt-bg{height:329px; background:#72d0f4; border-bottom:1px solid #838383; position:absolute; width:100%vw; min-width:100%vw; z-index:-100; top:0; left:0}
    .flex50{ flex: 100%;}
.flex33{ flex: 100%; margin: 15px;}
}