/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Varela+Round');
body { background: #F3F3F3; 
	margin: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	line-height: 1.3em;
	color: #656565;
}

.wrapper {
	width: 80%;
  	display: flex;
  	justify-content: space-between;
	margin: auto;
}

.sidebar {
  background-color: #fff;
	box-shadow: 0 0 6px #ccc;
	border-radius: 6px;
}

.main {
  width: 600px;
  height: 100%;
}

.sidebar {
  width: 365px;
  height: 100%;
}

.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.sidebar-m {
  background-color: #fff;
	box-shadow: 0 0 6px #ccc;
	border-radius: 6px;
}

.sidebar-m {
  width: 50%;
  height: 100%;
}

.rdp-body{
	background: #007ae2;
}
#overlay {
	position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; 
	overflow: scroll;
}
.centered {position: absolute; top: 0; left: 50%;transform: translate(-50%, 0); background: #fff; width: 500px; border-radius: 8px; box-shadow: 0 0 10px #404040; overflow: scroll;}
.main-container { }
.container { width: 100%; text-align: center;}
.content { width: 980px; margin: auto auto;}
#fContact {display:block; top:310px; right:0px; width:45px; position:fixed; z-index:5000; }
.rp-pic {width:500px; height:470px; padding-top:20px}
.rp-photo-bg {padding:10px; background-color:#fff; box-shadow:1px 1px 2px #7D7D7D; margin:auto auto; width:500px;}
.rp-photo { width:500px; height:380px;}
.reader-face {background-position:128px 90px; background-size:170px; overflow:hidden; padding-top:7px;}
.small {
	font-size: 14px;
}
.dollar:before {
    content: '$';
    font-size: 0.4em;
    vertical-align:super;
}
.hdr {
	font-size: 26px;
	padding: 3px 0 20px 0;
	line-height: 30px;
	text-shadow: 1px 1px 1px #e7d9c3;
}
.header{ background: url('/app/resources/theme/donate/images/hdr-bg-wht.png') repeat-x;}

.bus-donation {
	width: 305px;
	/*height: 287px;*/
	padding: 10px;
	/*background: url(images/white-50-bg.png) repeat;*/
	margin: 20px auto;
}
.buslogo {
	height: 190px;
	background: #ffffff;
	text-align: center;
	padding-top: 10px;
}
.bus-don-amt {
	width: 120px;
	height: 120px;
	background: url(images/amt-bg.png) center no-repeat;
	
	font-size: 24px;
	font-weight: lighter;
	text-align: center;
	color: #ffffff;
	
}
.blue-amount-button{width: 75%; padding: 20px 0; color: #fff; text-shadow: 1px 1px 2px #2975a5; background: url('/app/resources/theme/reader/images/donate-btn-bg.png') repeat-x; border: 1px solid #3e8db1; display: block; border-radius:7px; font-size: 1.3em }
.border-rt{
border-right:1px dashed #573C25;
}
.border-bot{border-bottom: 1px dashed #573C25}
.light-orange{color: #fe9345;}
.rdb-donation-amt{
	background-image: radial-gradient(#e2f0ff,#bed7f1); color:#26609A;
	width: 70px;
	height: 70px;
	border-radius: 70px;border: 3px solid #fff; box-shadow: 0 2px 2px #ddd;
}
.donation-amt {
	width: 120px;
	height: 120px;
	background: url(images/amt-bg.png) center no-repeat;
	
	font-size: 30px;
	text-align: center;
	color: #ffffff;
	
}

.db-underline {background: url("/app/resources/theme/books/light-underline.png") 0 25px no-repeat; line-height: 50px;display: inline; padding-bottom: 30px;}
.busInfo {
	font-size: 12px;
	text-align: left;
	padding: 0 10px;
}
.orange {color: #E56D00;}
.blue {color: #4286bb;}
.green {color: #8fc64e;}
.red {color: #d00707;}
.white {color:#fff; }
.magenta {color: #F72CCF;}
.light-bl-bg {background-color:#e8f2f9;}

.rdb-box {
	width: 210px; 
	height: 210px;
	border: 1px solid #ccc; 
	border-radius:6px; 
	margin: 20px;
	background: #fff; 
	box-shadow:0 2px 3px #999;
	float:left;
}
.rdb-box-lrg {
	width: 50%; 
	height: 268px; 
	border: 1px solid #ccc; 
	border-radius:6px; 
	margin: 20px;
	background: #fff; 
	box-shadow:0 2px 3px #999;
	float:left;
}


.reader-name-hdr{
	background: #f0f0f0;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #dddddd);
	background-image: -moz-linear-gradient(top, #f0f0f0, #dddddd);
	background-image: -ms-linear-gradient(top, #f0f0f0, #dddddd);
	background-image: -o-linear-gradient(top, #f0f0f0, #dddddd);
	background-image: linear-gradient(top, #f0f0f0, #dddddd);
}
.db-raised-bg{
	background: #0155a6;
	background-image: -webkit-linear-gradient(top, #0054a6, #0155a6);
	background-image: -moz-linear-gradient(top, #0054a6, #0155a6);
	background-image: -ms-linear-gradient(top, #0054a6, #0155a6);
	background-image: -o-linear-gradient(top, #0054a6, #0155a6);
	background-image: linear-gradient(top, #0054a6, #0155a6);
}

/* button styles */
.donate-btn {
	background: #8fd5fe;
	background-image: -webkit-linear-gradient(top, #b8e7ff, #8fd5fe);
	background-image: -moz-linear-gradient(top, #b8e7ff, #8fd5fe);
	background-image: -ms-linear-gradient(top, #b8e7ff, #8fd5fe);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(top, #b8e7ff, #8fd5fe);
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-family: Arial;
	color: #3475ac;
	font-size: 18px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}
.donate-btn-featured {
	background: #ffba00;
	background-image: -webkit-linear-gradient(top, #ffde00, #ffba00);
	background-image: -moz-linear-gradient(top, #ffde00, #ffba00);
	background-image: -ms-linear-gradient(top, #ffde00, #ffba00);
	background-image: -o-linear-gradient(top, #ffde00, #ffba00);
	background-image: linear-gradient(top, #ffde00, #ffba00);
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-family: Arial;
	color: #3475ac;
	font-size: 18px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}
.donate-btn:hover {
	background: #ffba00;
	background-image: -webkit-linear-gradient(top, #ffde00, #ffba00);
	background-image: -moz-linear-gradient(top, #ffde00, #ffba00);
	background-image: -ms-linear-gradient(top, #ffde00, #ffba00);
	background-image: -o-linear-gradient(top, #ffde00, #ffba00);
	background-image: linear-gradient(top, #ffde00, #ffba00);
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-family: Arial;
	color: #3475ac;
	font-size: 18px;
	padding: 10px 20px 10px 20px;
	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;
}
.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;
}
.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;
}

.org-btn-sm {
	background: #ffc105;
	background-image: -webkit-linear-gradient(top, #f69a41, #ca6400);
	background-image: -moz-linear-gradient(top, #f69a41, #ca6400);
	background-image: -ms-linear-gradient(top, #f69a41, #ca6400);
	background-image: -o-linear-gradient(top, #f69a41, #ca6400);
	background-image: linear-gradient(to bottom, #f69a41, #ca6400);
	-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;
}
.org-btn-sm:hover {
	background: #ffc105;
	background-image: -webkit-linear-gradient(top, #f69a41, #ca6400);
	background-image: -moz-linear-gradient(top, #f69a41, #ca6400);
	background-image: -ms-linear-gradient(top, #f69a41, #ca6400);
	background-image: -o-linear-gradient(top, #f69a41, #ca6400);
	background-image: linear-gradient(to bottom, #f69a41, #ca6400);
	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;
}

.mag-btn-lrg {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #ff28ed, #d900c7);
	background-image: -moz-linear-gradient(top, #ff28ed, #d900c7);
	background-image: -ms-linear-gradient(top, #ff28ed, #d900c7);
	background-image: -o-linear-gradient(top, #ff28ed, #d900c7);
	background-image: linear-gradient(to bottom, #ff28ed, #d900c7);
	-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;
}
.mag-btn-lrg:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #d900c7, #b700a8);
	background-image: -moz-linear-gradient(top, #d900c7, #b700a8);
	background-image: -ms-linear-gradient(top, #d900c7, #b700a8);
	background-image: -o-linear-gradient(top, #d900c7, #b700a8);
	background-image: linear-gradient(to bottom, #d900c7, #b700a8);
	text-decoration: none;
}

.org-btn-lrg {
	background: #ffc105;
	background-image: -webkit-linear-gradient(top, #f69a41, #ca6400);
	background-image: -moz-linear-gradient(top, #f69a41, #ca6400);
	background-image: -ms-linear-gradient(top, #f69a41, #ca6400);
	background-image: -o-linear-gradient(top, #f69a41, #ca6400);
	background-image: linear-gradient(to bottom, #f69a41, #ca6400);
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	text-shadow: 1px 1px 2px #47290b;
	font-family: Arial;
	color: #ffffff;
	font-size: 18px;
	padding: 15px 45px 15px 45px;
	text-decoration: none;
	border: 3px solid #dec8b8;
	box-shadow: 0px 2px 2px #333;
}
.org-btn-lrg:hover {
	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);
	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;
}

#cta_text {
	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;
}
#cta_text: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;
}

.amtV25 span {font-size:10px;}
.other-bg {background: url(images/other-bg.png) 9px 11px no-repeat;}
.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;
}
.comment{ padding: 0 0 0 10px;}

/* Payment Amounts */
.amounts { width: 375px;}
.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: 34px 0 0 0;
	width: 148px;
	height: 44px
}
.amtV15 a:hover {
	background: url(/images/orng-15.png) center no-repeat;
	float: left;
	display: block;
	padding: 34px 0 0 0;
	width: 140px;
	height: 44px
}
.amtV20 a:link {
	background: url(/images/bl-20.png) center no-repeat;
	float: left;
	display: block;
	padding: 34px 0 0 0;
	width: 140px;
	height: 44px
}
.amtV20 a:hover {
	background: url(/images/orng-20.png) center no-repeat;
	float: left;
	display: block;
	padding: 34px 0 0 0;
	width: 140px;
	height: 44px
}

.amtV50 a:link {
	background: url(/images/bl-50.png) center no-repeat;
	float: left;
	display: block;
	padding: 34px 0 0 0;
	width: 140px;
	height: 44px
}
.amtV50 a:hover {
	background: url(/images/orng-50.png) center no-repeat;
	float: left;
	display: block;
	padding: 34px 0 0 0;
	width: 140px;
	height: 44px
}
.amtV75 a:link {
	background: url(/images/bl-75.png) center no-repeat;
	float: left;
	display: block;
	padding: 34px 0 0 0;
	width: 140px;
	height: 44px
}
.amtV75 a:hover {
	background: url(/images/orng-75.png) center no-repeat;
	float: left;
	display: block;
	padding: 34px 0 0 0;
	width: 140px;
	height: 44px
}
.amtV100 a:link {
	background: url(/images/bl-100.png) center no-repeat;
	float: left;
	display: block;
	padding: 34px 0 0 0;
	width: 140px;
	height: 44px
}
.amtV100 a:hover {
	background: url(/images/orng-100.png) center no-repeat;
	float: left;
	display: block;
	padding: 34px 0 0 0;
	width: 140px;
	height: 44px
}
.amtV25 a:link {
	background: url(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(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 span {font-size:10px;}


.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
}
/* Credit Cards */
.default-card { background:url(images/default-card.png) no-repeat; color:#fff;  width:336px; height:196px; display:none; }
.m-default-card { background:url(images/default-card.png) no-repeat; color:#fff;  width:800px; height:467px; display:none; }
.visa { background:url(images/visa-card.png) no-repeat; color:#fff; width:336px; height:196px; display:none}
.visa-back { background:url(images/visa-back.png) no-repeat; color:#000; width:336px; height:196px; display:none;}
.amex { background:url(images/amex-card.png) no-repeat; color:#000; width:336px; height:196px; display:none}
.mastercard { background:url(images/master-card.png) no-repeat; color:#fff; width:336px; height:196px; display:none}
.mastercard-back { background:url(images/master-card-back.png) no-repeat; color:#fff; width:336px; height:196px; display:none}
.discover { background:url(images/discover-card.png) no-repeat; color:#000; width:336px; height:196px; display:none}
.discover-back { background:url(images/discover-back.png) no-repeat; color:#000; width:336px; height:196px; display:none;}
.prevcardnum {font-size:22px;padding:100px 20px 10px 40px; text-align:left;}
.prevcardname{font-size:18px;padding:15px 20px 10px 40px; text-align:left;}
.prevcardexp{font-size:12px;padding:5px 20px 10px 40px; text-align:left;}
.sm-check {background:url(images/sm-green-check.png) right no-repeat; background-color:#E8FFD6;}
.cvvCode {text-align:right; padding:94px 39px 0 0px;}
.crd-amt{position:absolute; background:url(images/card-amt-bg.png) no-repeat; width:174px; height:52px; z-index:2000; top:20px; left:-16px; font-size:30px; color:#9c5101;}
#CardProcessing { display:none; background:url(images/80-blk.png) repeat; position:absolute;width:336px; height:196px; z-index:1000;}
#success {background:url(images/ui-check-sm.gif) center no-repeat; width:336px; height:196px; display:none}
#declined { width:336px; height:196px; display:none; color:#c0151b;}


/* Dropdown */
.dropbtn {
	background:none;
    color: #6ca7cc;
    padding: 2px 1px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	 margin-top:0px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #6ca7cc;
	color:#fff;
}
/* Language */
#slideout {
			position: fixed;
			top: 46%;
			right: 0;
			width: 40px;
			padding: 12px 0;
			text-align: center;
			background: url(images/80-blk.png);
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-border-radius: 5px 0 0 5px;
			-moz-border-radius: 5px 0 0 5px;
			border-radius: 5px 0 0 5px;
			color:#fff;
		}
		#slideout_inner {
			position: fixed;
			top: 46%;
			right: -250px;
			background: url(images/80-blk.png);
			width: 200px;
			padding: 25px;
			height: 130px;
			-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: 0 0 5px 0;
			-moz-border-radius: 0 0 5px 0;
			border-radius: 0 0 5px 0;
		}
		#slideout_inner .selected {
			background:url(images/sm-green-check.png) right center no-repeat #E5F8D2; color:#4A6B29;
		}
		
		#slideout_inner div {
			padding:10px; border-bottom:1px dashed #696969; margin:3px 0;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		#slideout_inner div:hover {
			background:#80BADE; color:#255777;
			cursor:hand; cursor:pointer;
		}
		
		#slideout:hover {
			right: 250px;
		}
		#slideout:hover #slideout_inner {
			right: 0;
		}
a:link{ text-decoration: none;}
.pt10 {
	padding-top: 10px;
}
.signature{font-family: 'Just Me Again Down Here', cursive; font-size:36px; color:#ffde00;}
/* 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;
}
.clear {clear: both;}
#Customer {display: none; text-align: center;}
#CustomerForm{width: 817px; height: 653px; background: url(images/customer-form-bg.png) center no-repeat;position: relative;
    top: 10%; /* 25% from the top */
    text-align: center; /* Centered text/links */
    margin: auto auto;}
#CustFormTXT { width:645px; text-align: center; margin: auto auto; font-size: 22px; line-height: 1.8em;}
#CustFormFrm { width:515px; text-align: center; margin: auto auto; font-size: 18px; padding: 5px;}
#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 { 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;}

.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 30px;
  text-align: center;
	font-style: normal;
	font-size: 18px;
}

.input-icon > input {
  padding-left: 40px;
	padding-top:19px;
	padding-bottom:19px;
	padding-right: 0;
}

.input-icon-right > i {
  right: 0;
}
.form-field-highlight {
	background: #E4F6FF;
	border:1px solid #3076B4;
	color:#1E488B;
}
.currency-highlight{
	color:#1E488B;
}
.amt-highlight { display:block; padding: 8px; border: 1px solid #fff; border-radius: 6px; background: #0064E5; color: #fff;}
.famt{display:block; padding: 8px; border: 1px solid #999; border-radius: 6px; color: #999;}

.damt{display:block; padding: 8px; border: 1px solid #64a7ce; border-radius: 6px; color: #64a7ce; font-weight: bold;}
.damt-highlight { display:block; padding: 8px; border: 1px solid #ff7e00; border-radius: 6px; background: #ff7e00; color: #fff;font-weight: bold;}
.damt:hover { display:block; padding: 8px; border: 1px solid #ff7e00; border-radius: 6px; background: #ff7e00; color: #fff;font-weight: bold; text-decoration: none;}

.damt-blue{display:block; padding: 8px; border: 1px solid #64a7ce; border-radius: 6px; color: #64a7ce; font-weight: bold;}

.damt-highlight-blue { display:block; padding: 8px; border: 1px solid #00aaff; border-radius: 6px; background: #00aaff; color: #fff;font-weight: bold;}
.damt-blue:hover { display:block; padding: 8px; border: 1px solid #00aaff; border-radius: 6px; background: #00aaff; color: #fff;font-weight: bold; text-decoration: none;}

.input-icon-right > input {
  padding-left: 0;
  padding-right: 25px;
  text-align: right;
}

.speech-bubble {
	position: relative;
	background: #fff;
	border-radius: .3em;
	/* height: 100%; */
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	margin-left: -20px;
	margin-bottom: -20px;
}

.donate-bar {
  padding: 10px 16px;
  background: rgba(0,0,0,.75);
  color: #f1f1f1;
}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.reader-w-headline {font-size: 6.0em;}
@media only screen and (max-width: 1600px) {
.reader-w-headline {font-size: 4.7em;}
}

@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; }
	.reader-w-headline {font-size: 2.0em; padding-bottom: 20px;}
}