/*** IMPORT STYLESHEETS ***/
/* @import url('fonts.css'); */
/* @import url('boilerplate.css'); */

/* @group HTML5 Boilerplate */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

html {
	margin-bottom: 50px;
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-size: 0.625%;
	line-height: 1.231;
	color: #414141;
}

body, button, input, select, textarea {
	font-family: "Helvetica", Arial, sans-serif;
	color: #444;
}

::-moz-selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

a {
	color: #358fc9;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #27a1ef;
}

a:focus {
	outline: none;
}

a:hover, a:active {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

ul, ol {
	margin: 1em 0;
	padding: 0;
}

dd {
	margin: 0 0 0 40px;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 100px;
	clear: both;
}

label {
	cursor: pointer;
}

legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input {
	line-height: normal;
	*overflow: visible;
}

table button, table input {
	*overflow: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
	background-color: #f0dddd;
}

textarea:focus, input:focus {
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

.clear {
	clear: both;
}

/* @end */

/* @group IE Fixes */

.ie7 #title {
	padding-top: 20px;
}

/* ==|== non-semantic helper classes ======================================== */

.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.ir br {
	display: none;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.one-space {
	margin-top:2em;
}


@font-face {
	font-family: 'Marydale';
src: url('../fonts/marydaleblack-webfont.eot?f=1');
src: local('☺'), url('../fonts/marydaleblack-webfont.woff?f=1') format('woff'), url('../fonts/marydaleblack-webfont.ttf?f=1') format('truetype'), url('../fonts/marydaleblack-webfont.svg?f=1') format('svg');
font-weight: normal;
font-style: normal;
}

/* @end */

/* @group Global Styles */

body {
	font: 16px/24px Helvetica, Helvetica Neue, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #2D3137;
}

h1 {
	font-size: 3em;
	line-height: 2.7em;
	margin-bottom: 2em;
}

.main-page h1.intro {
	margin-bottom: -0.5em;
}

h2 {
	font-size: 2.5em;
	line-height: 1.5;
	margin-bottom: 2em;
}

h3 {
	font-size: 1.8em;
	line-height: 1.2em;
	margin-bottom: 1.0em;
}

h4 {
	font-size: 1.5em;
	line-height: 1.5em;
	margin-bottom: 1.0em;
}

h5 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 1.0em;
}

h6 {
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 1em;
}

.short-margin {
	margin-bottom:0.25em;
}

p {
	font-size:1em;
	line-height:1em;
	margin-bottom:1em;
}

.normal {
	font-weight: normal;
}

strong {
	font-weight: bold;
	color: #2D3137;
}

.third {
	display: inline-block;
	width: 28%;
	text-align: center;
	padding: 2.25%;
	vertical-align:top;
}

.center {
	text-align:center;
}

.white {
	color:#fff;
	text-shadow: none;
}

img.center {
	display:block;
	margin:0 auto;
}


.masthead-container {
	position: fixed;
	display: block;
	z-index: 100;
}


.main-page .masthead-container, .user-page .masthead-container {
	position: static;
}

.main-page .page-container {
	margin: 0 auto;
}

.main-page p {
	font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 1em;
}

.account-container {
	position: relative;
	float: right;
	z-index: 100;
}

.logo {
	float: left;
	background: url("../images/logoMediumNoTag.png") no-repeat left top;
	width: 257px;
	height: 48px;
	text-indent: -1000px;
	overflow: hidden;
}

.main-page .logo {
	background: url("../images/logoBigNoTag.png") no-repeat left top;
	width: 279px;
	height: 98px;
}

.page-static-asl .logo {
	background: url("../images/logoMediumNoTag.png") no-repeat left top;
	width: 207px;
	height: 48px;
	margin: 20px 0 0 0;
}

a.signup {
	margin: 0 0;
	padding: 10px 6px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	color: #fff;
	width: 77px;
	display: inline-block;
	float: right;
	background-color: #379bde;
	-moz-border-radius: 5px / 5px 5px 5px 5px;
	-webkit-border-radius: 5px / 5px 5px 5px 5px;
	border-radius: 5px / 5px 5px 5px 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a.signup:hover {
	background: #2c86c0;
	color:#fff;
}

a.signup:active {
	border: 1px solid #09253C;
	-webkit-box-shadow: inset 0px 1px 3px 0px #0E395D, 0px 1px 0px 0px #FFF;
	box-shadow: inset 0px 1px 3px 0px #0E395D, 0px 1px 0px 0px #FFF;
	background: -moz-linear-gradient(top, #2985bf 0%, #2f9ed6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2985bf), color-stop(100%,#2f9ed6));
	background: -webkit-linear-gradient(top, #2985bf 0%,#2f9ed6 100%);
	background: -o-linear-gradient(top, #2985bf 0%,#2f9ed6 100%);
	background: -ms-linear-gradient(top, #2985bf 0%,#2f9ed6 100%);
	background: linear-gradient(to bottom, #2985bf 0%,#2f9ed6 100%);
}

a.login {
	margin: 12px 15px 0 0;
	float: left;
	display: inline-block;
	color: #2d3137;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFF;
}

a.login:hover {
	color: #2c86c0;
}

.main-page .account-container {
	margin: 20px 0 0 0;
}

.page-deaf-index .account-container {
	margin: 0;
}

.main-page .page-container p {
	line-height: 1.3em;
	font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	margin: 0 0 20px;
	font-size: 1.3em;
	line-height: 1.5em;
	text-shadow: 0 1px 0 #FFF;
}

#delete-form p {
	line-height: 1.3em;
	font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	margin: 0 0 20px;
	font-size: 1em;
	line-height: 1.3em;
	text-shadow: 0 1px 0 #FFF;
}

.main-page .page-container p strong {
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
}

.main-page .intro {
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 1.2em;
	color: #2D3137;
	margin: 120px auto 0 auto;
}

.main-page .sub-intro {
	width: 660px;
	display: block;
	margin: 0 auto;
	text-align: center;
}

h1.mobile-title {
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 38px;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 80%;
	display: inline-block;
	margin-top: -4px;
	text-shadow:none;
}

#share-header {
	margin-top: 100px;
}

a.cta {
	font-weight: 400;
	margin: 24px 0;
	padding: 28px 0;
	text-align: center;
	font-size: 24px;
	text-decoration: none;
	color: #fff;
	width: 100%;
	display: inline-block;
	background-color: #379bde;
	-moz-border-radius: 5px / 5px 5px 5px 5px;
	-webkit-border-radius: 5px / 5px 5px 5px 5px;
	border-radius: 5px / 5px 5px 5px 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a.cta:hover, a.blue-cta:hover, button.blue-cta:hover {
	color: #FFF;
	background: #2c86c0;
}

a.cta:active, button.blue-cta:hover {
	background: #358fc9;
}

a.button {
	font-weight: 500;
	margin: 24px 0;
	padding: 28px 0;
	text-align: center;
	font-size: 24px;
	text-decoration: none;
	color: #fff;
	width: 100%;
	display: inline-block;
	background-color: #379bde;
	border: 2px solid #379bde;
	-moz-border-radius: 5px / 5px 5px 5px 5px;
	-webkit-border-radius: 5px / 5px 5px 5px 5px;
	border-radius: 5px / 5px 5px 5px 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a.button:hover, .hollow.button:hover {
	color: #FFF;
	background: #2c86c0;
}

.hollow.button {
	background:transparent;
	border:2px solid #379bde;
	color: #379bde;
	box-sizing: border-box;
}


#available-on {
	width: 0px;
	margin: 0 auto;
	position: relative;
	left: 30px;
}

html.rtl #available-on {
	left: -50px;
}

p#store-links {
	width: 100px;
	text-align: center;
	margin-bottom: 40px;
}

html.rtl p#store-links {
	width: 160px;
}

p#store-links a {
	color: #2D3137;
}

p#store-links a:hover {
	color: #2c86c0;
}

.page-static-share .facebook-button .text, .page-static-share .twitter-button .text, .page-static-share .email-button .text {
	font-size: 1em;
	height: 38px;
	margin-top: 10px;
	font-weight: bold;
}

#store-links a {
	height: 28px;
	text-align: left;
	margin-left: -120px;
	display: block;
}

html.rtl #store-links a {
	margin-left: 0px;
	padding-left: 70px;
}

.svg #store-links {
	background-image: url("../images/store-icons.svg");
	background-position: 0 0;
	height: 28px;
	background-repeat: no-repeat;
	background-size: 58px;
}

.svg #store-links:hover {
	background-image: url("../images/store-icons.svg");
	background-position: 0 -29px;
	height: 28px;
	background-repeat: no-repeat;
	background-size: 58px;
}

.no-svg .store-icons {
	background-image: url("../images/facebookLogin.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 28px;
}

.store-names {
	display: inline-block;
	text-indent: -9999px;
}

html.rtl .store-names {
	display: none;
}

.cycle-header.highlight {
	color: #358fc9;
	transition: color 1.2s;
}

#download-the-app {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

.section {
	padding: 0 0 42px 0;
}

.section ul li {
	padding-bottom: 0px;
	list-style: none;
}

/* Buttons */

a.blue-cta, button.blue-cta {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	background: #65bef6;
	display: inline-block;
	height: 70px;
	width: 28%;
	padding: 0 10px;
	background-color: #379bde;
	-moz-border-radius: 5px / 5px 5px 5px 5px;
	-webkit-border-radius: 5px / 5px 5px 5px 5px;
	border-radius: 5px / 5px 5px 5px 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

a.blue-cta:hover, button.blue-cta:hover {
	transition: none;
	color: #FFF;
	background: #2c86c0;
}

#ios {
	background: url(../images/bg_ios.png) #379bde;
}

a#ios:hover {
	background-image: url(../images/bg_ios.png);
	background-color: #2c86c0;
}

a#ios:active {
	background: #2985bf;
	background-image: url(../images/bg_ios.png);
}

#google {
	background: url(../images/bg_google.png) #379bde;
}

a#google:hover {
	background-image: url(../images/bg_google.png);
	background-color: #2c86c0;
}

a#google:active {
	background: #2985bf;
	background-image: url(../images/bg_google.png);
}

#kindle {
	background: url(../images/bg_kindle.png) #379bde;
}

a#kindle:hover {
	background-image: url(../images/bg_kindle.png);
	background-color: #2c86c0;
}

a#kindle:active {
	background: #2985bf;
	background-image: url(../images/bg_kindle.png);
}

a#amazon {
	background: url(../images/bg_amazon_appstore.png) #379bde;
}

a#amazon:hover {
	background-image: url(../images/bg_amazon_appstore.png);
	background-color: #2c86c0;
}

a#amazon:active {
	background: #2985bf;
	background-image: url(../images/bg_amazon_appstore.png);
}

a#ios, a#ios:active, a#ios:hover, a#google, a#google:active, a#google:hover, a#kindle, a#kindle:active, a#kindle:hover, a#amazon, a#amazon:active, a#amazon:hover {
	background-position: center;
	background-repeat: no-repeat;
}

#download-the-app a.blue-cta, .download-the-app a.blue-cta {
	text-indent: -99999px;
}


/* @group Footer */

#footer-container footer {
	color: white;
	padding: 20px 0;
	font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
}

.social-icons {
	float: right;
	width: 150px;
}

.twitter {
	width: 40px;
	height: 40px;
	background: url("../images/twitter.svg") no-repeat left top;
	float: left;
	margin-right: 15px;
}

.svg .twitter {
	background: url("../images/twitter.svg") no-repeat left top;
}

.no-svg .twitter {
	background: url("../images/twitterFallback.png") no-repeat left top;
}

.facebook-social {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
}

.svg .facebook-social {
	background: url("../images/facebook.svg") no-repeat left top;
}

.no-svg .facebook-social {
	background: url("../images/facebookFallback.png") no-repeat left top;
}

.google {
	width: 40px;
	height: 40px;
	background: url("../images/google.svg") no-repeat left top;
	float: left;
}

.svg .google {
	background: url("../images/google.svg") no-repeat left top;
}

.no-svg .google {
	background: url("../images/googleFallback.png") no-repeat left top;
}

.twitter:hover, .facebook-social:hover, .google:hover {
	opacity: .8;
}

#footer {
	font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	position: relative;
	height: auto;
	max-width: 1200px;
	margin: 25px auto 0;
	width: 100%;
	color: #7d7d7d;
}

#footer-left {
	margin: 10px 0 0;
	clear: both;
	float: left;
}

#footer-right {
	width: 151px;
	float: right;
}

#footer-left ul {
	list-style-type: none;
	margin: 0 0 40px;
	padding: 0;
}

#footer-left ul li {
	list-style-type: none;
	margin: 0 20px 0 0;
	padding: 0;
	display: block;
	float: left;
}

.fb_iframe_widget {
	margin: 15px 0 0;
	float: right;
}

.facebook {
	clear: both;
	margin: 6px 0 0 0;
	background: url("../images/facebook.png") no-repeat left top;
	width: 129px;
	height: 46px;
	float: right;
}

.footer-links a {
	color: #7d7d7d;
}

.footer-links a:hover {
	color: #27a1ef;
}

.powered {
	float: right;
	opacity: .3;
	font-size: 12px;
	clear: both;
	width: 182px;
	margin: -38px 0 0;
}

/* @end */


/* @group Side Nav */

/*
.mobileNavClose{
display: none;
}
*/
#navigation-container {
	z-index: 1000;
	position: fixed;
	top: 0px;
	overflow: hidden;
	left: -4px;
	width: 74px;
	height:100%;
	opacity: .96;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #2d3137;
	border: 1px solid #000;
	-webkit-transition: width 0.2s ease 0;
	-moz-transition: width 0.2s ease 0;
	-o-transition: width 0.2s ease 0;
	transition: width 0.2s ease 0;
	display: none;
}

#navigation-container.nav-open {
	width: 225px;
}

#navigation-container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 225px;
	margin-top:16px;
}

#navigation-container li {
	list-style-type: none;
	margin: 0;
	padding: 20px 5px 5px 5px;
}

#navigation-container li a.first {
	-moz-border-radius: 0px 5px 0px 0px;
	-webkit-border-radius: 0px 5px 0px 0px;
	border-radius: 0px 5px 0px 0px;
}

#navigation-container li a.last {
	-moz-border-radius: 0px 0px 5px 0;
	-webkit-border-radius: 0px 0px 5px 0;
	border-radius: 0px 0px 5px 0;
}

#navigation-menu li a {
	color: #fff;
	font-family: "Helvetica";
}

.no-touch #navigation-menu li a:hover {
	color: #5eb4eb;
}

#navigation-container li a,
#navigation-container li a:visited {
	color: #fff;
	display: block;
	text-decoration: none;
	height: 60px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	overflow: hidden;
}

#navigation-container #navigation-menu a:active {
	opacity: 1;
	background-color: #1a1d20;
}

#navigation-menu li {
	list-style: none;
	height: 60px;
	padding: 2px 0px;
}

#navigation-menu a {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 1.5em;
}

.no-touch #navigation-container #navigation-menu a:hover {
	color: #358fc9;
	opacity: 1;
	background-color: #1A1D20;
}
/*
#navigation-menu .navBible {
padding: 0 10px 0 75px;
line-height: 71px; 
}
.svg #navigation-menu .navBible{
background-image: url("../images/navBible.svg");
background-position: 20px 13px;
background-repeat: no-repeat;
background-size: 36px;
}
.no-svg #navigation-menu .navBible{
background-image: url("../images/navBible.png");
background-position: 20px 13px;
background-repeat: no-repeat;
background-size: 36px;
}

#navigation-menu .navBible:hover {
padding: 0 10px 0 75px;
line-height: 71px;
}
.svg #navigation-menu .navBible:hover{
background-image: url("../images/navBibleHover.svg");
background-position: 20px 13px;
background-repeat: no-repeat;
background-size: 36px;
}
.no-svg #navigation-menu .navBible:hover{
background-image: url("../images/navBibleHover.png");
background-position: 20px 13px;
background-repeat: no-repeat;
background-size: 36px;
}
*/
#navigation-menu .nav-bible {
	padding: 0 10px 0 75px;
	background: url("../images/sideNav.png") no-repeat 0px -27px;
	line-height: 67px;
}

.no-touch #navigation-menu .nav-bible:hover, #navigation-menu a.nav-bible.current {
	background-position: 0px -779px;
	color: #358fc9;
}

#navigation-menu .nav-deaf {
	padding: 0 10px 0 75px;
	background: url("../images/sideNav.png") no-repeat 0px -326px;
	line-height: 67px;
}

.no-touch #navigation-menu .nav-deaf:hover, #navigation-menu a.nav-deaf.current {
	background-position: 0px -1078px;
	color: #358fc9;
}

#navigation-menu .nav-share {
	padding: 0 10px 0 77px;
	background: url("../images/sideNav.png") no-repeat 0px -553px;
	line-height: 67px;
}

.no-touch #navigation-menu .nav-share:hover, #navigation-menu a.nav-share.current {
	background-position: 0px -1305px;
	color: #358fc9;
}

#navigation-menu .nav-apps {
	padding: 0 10px 0 75px;
	background: url("../images/sideNav.png") no-repeat 0px -476px;
	line-height: 67px;
}

.no-touch #navigation-menu .nav-apps:hover, #navigation-menu a.nav-apps.current {
	background-position: 0px -1228px;
	color: #358fc9;
}

#navigation-menu .nav-download {
	padding: 0 10px 0 75px;
	background: url("../images/sideNav.png") no-repeat 0px -402px;
	line-height: 67px;
}

.no-touch #navigation-menu .nav-download:hover, #navigation-menu a.nav-download.current {
	background-position: 0px -1154px;
	color: #358fc9;
}

#navigation-menu .nav-radio {
	padding: 0 10px 0 75px;
	background: url("../images/sideNav.png") no-repeat 0px -252px;
	line-height: 67px;
}

.no-touch #navigation-menu .nav-radio:hover, #navigation-menu a.nav-radio.current {
	background-position: 0px -1004px;
	color: #358fc9;
}

#navigation-menu .nav-donate {
	padding: 0 10px 0 75px;
	background: url("../images/sideNav.png") no-repeat 0px -628px;
	line-height: 67px;
}

.no-touch #navigation-menu .nav-donate:hover, #navigation-menu a.nav-donate.current {
	background-position: 0px -1380px;
	color: #358fc9;
}

#navigation-menu .nav-about {
	padding: 0 10px 0 75px;
	background: url("../images/sideNav.png") no-repeat 0px -345px;
	line-height: 67px;
}

.no-touch #navigation-menu .nav-about:hover, #navigation-menu a.nav-about.current {
	background-position: 0px -840px;
	color: #358fc9;
}

#navigation-menu .nav-support {
	padding: 0 10px 0 75px;
	background: url("../images/sideNav.png") no-repeat 0px -416px;
	line-height: 67px;
}

.no-touch #navigation-menu .nav-support:hover, #navigation-menu a.nav-support.current {
	background-position: 0px -912px;
	color: #358fc9;
}

/* @end */

/* @group Mobile Nav */

#navigation-container.open {
	bottom: 0;
	height: 100%;
	z-index: 1000;
	position: fixed;
	top: 0;
	left: -2px;
	overflow: hidden;
	left: 0;
	width: 100%!important;
	opacity: 1;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #2d3137;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.17);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.17);
	box-shadow: 0 1px 3px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.17);
	-webkit-overflow-scrolling: touch;
}

#navigation-container.open ul {
	right: 0;
	bottom: 0;
	left: 0;
	top: 59px;
	height: auto;
	overflow: auto;
	width: 100%;
	position: absolute;
	list-style-type: none;
	margin: -3px 0 0;
	padding: 0;
	float: none;
}

#navigation-container.open li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation-container.open li a.first {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#navigation-container.open li a.last {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#navigation-menu li a {
	color: #fff;
	font-family: 'DIN_Light', Helvetica, Arial sans-serif;
	font-weight: normal;
}

.no-touch #navigation-menu li a:hover {
	color: #5eb4eb;
}

#navigation-container.open li a,
#navigation-container.open li a:visited {
	color: #fff;
	margin: 0;
	display: block;
	text-decoration: none;
	height: 50px;
	-moz-background-clip: padding;
	border-bottom: 1px solid #24292f;
}

#navigation-container.open #navigation-menu a:active {
	opacity: 1;
	background-color: #1a1d20;
	-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.6);
	box-shadow: none;
	box-shadow: inset 0 1px 4px rgba(0,0,0,0.6),1px 0 0 0 #000;
}

#navigation-container.open #navigation-menu li {
	width: 100%;
	list-style: none;
	height: 50px;
	padding: 1px 0px;
	font-size: .75em;
}

#navigation-menu a {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 1.5em;
	padding: 10px 0 0 0;
}

#navigation-container.open #navigation-menu li a, #navigation-container.open #navigation-menu li a:hover {
	line-height: 50px;
}

#navigation-container.open #navigation-menu a:hover {
	color: #358fc9;
	opacity: 1;
	background-color: #1A1D20;
}

#navigation-container.open #navigation-menu .nav-bible {
	background: url("../images/sideNav@2x.png") no-repeat 0px 2px;
	background-size: 62px;
	padding: 0 10px 0 62px;
}

#navigation-container.open #navigation-menu .nav-bible:hover, #navigation-container.open #navigation-menu a.nav-bible.current {
	background-position: 0px -368px;
	color: #358fc9;
}

#navigation-container.open #navigation-menu .nav-deaf {
	background: url("../images/sidenav2.png") no-repeat 0px 2px;
	background-size: 62px;
	padding: 0 10px 0 62px;
}

#navigation-container.open #navigation-menu .nav-deaf:hover, #navigation-container.open #navigation-menu a.nav-deaf.current {
	background-position: 0px -53px;
	color: #358fc9;
}

#navigation-container.open #navigation-menu .nav-share {
	background: url("../images/sidenav2.png") no-repeat -3px -107px;
	background-size: 62px;
	padding: 0 10px 0 62px;
}

#navigation-container.open #navigation-menu .nav-share:hover, #navigation-container.open #navigation-menu a.nav-share.current {
	background-position: -3px -162px;
	color: #358fc9;
}

#navigation-container.open #navigation-menu .nav-apps {
	background: url("../images/sideNav@2x.png") no-repeat 0px -52px;
	background-size: 62px;
	padding: 0 10px 0 62px;
}

#navigation-container.open #navigation-menu .nav-apps:hover, #navigation-container.open #navigation-menu a.nav-apps.current {
	background-position: 0px -422px;
	color: #358fc9;
}

#navigation-container.open #navigation-menu .nav-download {
	background: url("../images/sideNav@2x.png") no-repeat 0px -105px;
	background-size: 62px;
	padding: 0 10px 0 62px;
}

#navigation-container.open #navigation-menu .nav-download:hover, #navigation-container.open #navigation-menu a.nav-download.current {
	background-position: 0px -474px;
	color: #358fc9;
}

#navigation-container.open #navigation-menu .nav-radio {
	background: url("../images/sideNav@2x.png") no-repeat 0px -155px;
	background-size: 62px;
	padding: 0 10px 0 62px;
}

#navigation-container.open #navigation-menu .nav-radio:hover, #navigation-container.open #navigation-menu a.nav-radio.current {
	background-position: 0px -525px;
	color: #358fc9;
}

#navigation-container.open #navigation-menu .nav-donate {
	background: url("../images/sideNav@2x.png") no-repeat 0px -207px;
	background-size: 62px;
	padding: 0 10px 0 62px;
}

#navigation-container.open #navigation-menu .nav-donate:hover, #navigation-container.open #navigation-menu a.nav-donate.current {
	background-position: 0px -577px;
	color: #358fc9;
}

#navigation-container.open #navigation-menu .nav-about {
	background: url("../images/sideNav@2x.png") no-repeat 0px -260px;
	background-size: 62px;
	padding: 0 10px 0 62px;
}

#navigation-container.open #navigation-menu .nav-about:hover, #navigation-container.open #navigation-menu a.nav-about.current {
	background-position: 0px -630px;
	color: #358fc9;
}

#navigation-container.open #navigation-menu .nav-support {
	background: url("../images/sideNav@2x.png") no-repeat 0px -312px;
	background-size: 62px;
	padding: 0 10px 0 62px;
}

#navigation-container.open #navigation-menu .nav-support:hover {
	background-position: 0px -682px;
	color: #358fc9;
}

#navigation-container.open #navigation-menu .nav-annotations {
	font-size: 1.5em;
	border-right: 1px solid #000;
	text-align: left;
	width: 25%;
	padding: 0 10% 0 15%;
	background: url("../images/sideNav3.png") no-repeat -3px 2px;
	background-size: 62px;
	float: left;
	clear: none;
	display: inline-block;
}

#navigation-container.open #navigation-menu .nav-annotations:hover, #navigation-container.open #navigation-menu .nav-annotations.current {
	background-position: -3px -54px;
	color: #358fc9;
}

#navigation-container.open #navigation-menu .nav-settings {
	font-size: 1.5em;
	border-left: 1px solid #40444A;
	width: 25%;
	padding: 0 5% 0 19%;
	background: url("../images/sideNav3.png") no-repeat 1px -109px;
	background-size: 62px;
	float: left;
	clear: none;
	display: inline-block;
}

#navigation-container.open #navigation-menu .nav-settings:hover, #navigation-container.open #navigation-menu .nav-settings.current {
	background-position: 1px -166px;
	color: #358fc9;
}

#mobile-account-menu-footer {
	clear: both;
	text-align: center;
}

#mobile-account-menu-footer #mobile-account-menu-footer-terms a {
	margin: 0 0 0 18px;
	border: none;
	font-size: 1em;
	padding: 0;
	display: inline;
}

#mobile-account-menu-footer #mobile-account-menu-footer-terms a.first {
	margin-left:0px;
}

#mobile-account-menu-footer #mobile-account-menu-footer-terms p {
	line-height: 1em;
}

#navigation-container.open #navigation-menu #mobile-account-menu-footer-terms a:hover {
	background-color: transparent;
}

#navigation-container.open #navigation-menu .social-icons a:hover {
	background-color: transparent;
}

#navigation-container.open #navigation-menu #mobile-account-menu-footer-copyright a:hover {
	background-color: transparent;
}

#navigation-container.open #navigation-menu #mobile-account-menu-footer-terms a:active {
	box-shadow: none;
	background-color: transparent;
}

#navigation-container.open #navigation-menu .social-icons a:active {
	box-shadow: none;
	background-color: transparent;
}

#navigation-container.open #navigation-menu #mobile-account-menu-footer-copyright a:active {
	box-shadow: none;
	background-color: transparent;
}

#mobile-account-menu-footer #mobile-account-menu-footer-copyright {
	line-height: 1em;
	margin: 0;
	height: 50px;
	color: #fff;
	font-size: 1em;
	padding: 0;
	text-align: center;
}

#mobile-account-menu-footer #mobile-account-menu-footer-copyright a {
	display: inline;
	border: none;
	font-size: 1em;
	color: #358fc9;
	padding: 0;
}

#mobile-account-menu-footer .twitter, #mobile-account-menu-footer .facebook-social, #mobile-account-menu-footer .google {
	height: 50px!important;
	width: 30%;
	margin: 0 15% 0 0;
	background-size: 65% 65%;
	border: none!important;
	padding: 0;
}

#mobile-account-menu-footer .social-icons {
	float: none;
	margin: 0 30%;
	width: 180px;
	position: relative;
}

#navigation-container.open #mobile-account-menu-container a.nav-login {
	float: left;
	font-weight: bold;
	margin: 20px 5% 0;
	padding: 2px 5%;
	text-align: center;
	font-size: 1.1em;
	line-height: 36px;
	height: 32px;
	text-decoration: none;
	color: #fff;
	width: 31%;
	border-radius:5px;
	display: inline-block;
	border: 1px solid #fff;
	background-color: transparent;
}

#navigation-container.open #mobile-account-menu-container a.nav-login:hover {
	background: #1F2327;
	line-height: 36px;
}

#navigation-container.open #mobile-account-menu-container a.nav-login:active {
	background: #16181B;
	border: solid 1px #181c20;
}

#navigation-container.open #mobile-account-menu-container a.nav-signup {
	float: right;
	font-weight: bold;
	margin: 20px 5% 0 0;
	padding: 2px 5%;
	text-align: center;
	font-size: 1.1em;
	line-height: 36px;
	height: 32px;
	text-decoration: none;
	color: #fff;
	width: 31%;
	display: inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#379bde;
}

#navigation-container.open #mobile-account-menu-container a.nav-signup:hover {
	background: #2c86c0;
	line-height: 36px;
}

#navigation-container.open #mobile-account-menu-container a.nav-signup:active {
	background: #2775a8;
}

#navigation-container.open #nav-header a#mobile-logout-button {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	margin-left: 7px;
	line-height: 25px;
	padding-top: 2px;
	float: right;
	width: 70px;
	text-align: center;
	background:#24292f;
}

/* @group User Nav */

#account-menu {
/* left: -50px; */
/* top: 30px; */
/* position: absolute; */
	width: 190px;
	height: auto;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgb(36,41,47);
	background-color: rgba(36,41,47,.9);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.17);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.17);
	box-shadow: 0 1px 3px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.17);
}

#account-menu-arrow {
	top: 10px;
	position: absolute;
	right: 29px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 13px 11px 13px;
	border-color: transparent transparent #262b31 transparent;
/* margin: 0 0 0 420px; */
	z-index: 102;
}

.svg .user-arrow {
	z-index: 102;
	position: absolute;
	margin: 7px 0 0 6px;
	display: inline-block;
	background-image: url("../images/userArrow.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 12px;
	width: 12px;
	height: 8px;
	right: 0;
}

.no-svg .user-arrow {
	z-index: 102;
	float: left;
	background-image: url("../images/userArrow.png");
	background-position: right 8px;
	background-repeat: no-repeat;
	background-size: 12px;
	width: 12px;
	height: 8px;
	right: 0;
}

#account-menu a {
	line-height: 2.3em;
	font-size: 1.3em;
	color: #fff;
}

#account-menu a:hover {
	color: #2f80b4;
	color: #358fc9;
	opacity: 1;
	background-color: #1A1D20;
}

#account-menu ul {
	padding: 0;
}

#account-name {
	text-align: right;
	float: right;
	min-width: 40px;
	position: relative;
	width: auto;
	margin: 16px 37px 0 0;
	height: 27px;
	font-family: 'DIN_Medium', Helvetica, Arial sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	display: inline-block;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 20px;
}

.account-menu-position {
	top: 20px;
	left: auto;
	right: -50px;
/* width: 320px; */
	position: absolute;
	float: right;
	z-index: 101;
}

#account-menu a:active {
	opacity: 1;
	background-color: #1a1d20;
	-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.6);
	box-shadow: none;
	box-shadow: inset 0 1px 4px rgba(0,0,0,0.6),1px 0 0 0 #000;
}

#account-menu ul {
	padding: 1px 0;
}

#account-nav-annotations {
	background: url("../images/userNav.png") no-repeat 10px 8px;
	padding: 0 10px 0 55px;
}

#account-nav-annotations:hover {
	background-position: 10px -41px;
}

#account-nav-settings {
	background: url("../images/userNav.png") no-repeat 10px -88px;
	padding: 0 10px 0 55px;
}

#account-nav-settings:hover {
	background-position: 10px -136px;
}

#account-nav-user-admin {
	background: url("../images/userNav.png") no-repeat 10px -186px;
	padding: 0 10px 0 55px;
}

#account-nav-user-admin:hover {
	background-position: 10px -235px;
}

#account-nav-localizations {
	background: url("../images/userNav.png") no-repeat 10px -456px;
	padding: 0 10px 0 55px;
}

#account-nav-localizations:hover {
	background-position: 10px -499px;
}

#account-nav-reports {
	background: url("../images/userNav.png") no-repeat 10px -280px;
	padding: 0 10px 0 55px;
}

#account-nav-reports:hover {
	background-position: 10px -326px;
}

#account-nav-logout {
	background: url("../images/userNav.png") no-repeat 10px -369px;
	padding: 0 10px 0 55px;
}

#account-nav-logout:hover {
	background-position: 10px -412px;
}

#account-nav-banners {
	background: url("../images/userNav.png") no-repeat 10px -542px;
	padding: 0 10px 0 55px;
}

#account-nav-banners:hover {
	background-position: 10px -588px;
}

/* @end */

#navigation-container.open #nav-header {
	font-size: 1.3em;
	padding: 12px 0 0;
	clear: both;
	border-bottom: 1px solid #000;
	height: 44px;
	display: block;
	color: white;
	position: relative;
	font-weight: bold;
	background: #24292f;
}

#nav-close {
	position: absolute;
	top: 14px;
	left: 12px;
	width: 25px;
	height: 25px;
	color: white;
	font-weight: bold;
	text-indent: -9999px;
}

.svg #nav-close {
	background-image: url("../images/mobileClose.svg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 25px;
}

.no-svg #nav-close {
	background-image: url("../images/mobileClose.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 25px;
}
/* @end */

/* @group Bible */

.verse-marker {
	margin: 0 5px;
	color: #292F35;
	font-weight: 400;
}

.verse-text {
	margin-right: 5px;
}
/*
.chapterNav{
position: fixed;
max-width: 765px;
width: 53%;
display: block;
z-index: 2;
}
.chapterNavMobile{
position: fixed;
max-width: 765px;
width: 53%;
display: block;
z-index: 2;
}
*/
.chapter-nav-right {
	position: absolute;
	display: block;
	width: 37px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	top: 140px;
	right: 10px;
}

.chapter-arrow-right {
	background: url("../images/arrowChapter.png") no-repeat center top;
	width: 18px;
	height: 32px;
	margin: 0 auto;
	display: block;
}

.chapter-nav-right:hover > .arrow-center > .chapter-arrow-right {
	background: url("../images/arrowChapter.png") no-repeat center -32px;
}

.chapter-nav-right:hover {
	background: #dbdfe3;
	cursor: pointer;
}

.arrow-center {
	height: 32px;
	position: absolute;
	top: 48%;
	left: 9px;
}

.chapter-nav-left {
	position: absolute;
	display: block;
	width: 37px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	top: 140px;
	left: 10px;
}

.chapter-arrow-left {
	background: url("../images/arrowChapter.png") no-repeat center -65px;
	width: 18px;
	height: 32px;
	margin: 0 auto;
	display: block;
}

.chapter-nav-left:hover > .arrow-center > .chapter-arrow-left {
	background: url("../images/arrowChapter.png") no-repeat center -97px;
}

.chapter-nav-left:hover {
	background: #dbdfe3;
	cursor: pointer;
}

.top-nav {
	padding: 8px 0;
	width: 100%;
	height: 60px;
	border: 1px solid #41010f;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 74px 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 74px 0;
	border-radius: 5px 5px 0 0 / 5px 5px 74px 0;
	background: #af1f40;
}

.audio-only {
	display: none;
}

.nav-holder {
	margin: 84px 0 0;
	position: fixed;
	display: block;
	width: 100%;
}

.innerContainer {
	overflow: hidden;
	margin: 0 auto;
}

.wrapper {
	width: 90%;
	margin: 0 5%;
}

.chapter-title {
	line-height: 24px;
	font-size: 24px;
	color: #7f8790;
	padding: 35px 0 0;
	display: block;
}

.content-text {
	padding: 0;
}

::-moz-selection {
	background: #ab1e3f;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #ab1e3f;
	color: #fff;
	text-shadow: none;
}

#main {
	font-size: 130%;
	margin: 0 auto;
	background: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #b2bcc6;
	overflow: hidden;
	line-height: 2em;
	min-height: 650px;
}


#main aside {
	color: white;
	padding: 0px 5% 10px;
}

a.version-button {
	margin: 0 8px;
	width: 138px;
	height: 57px;
	float: left;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #41010f;
	background:transparent;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a.version-button:hover {
	background: #781328;
}

a.version-button:active {
	background: #781328;
	border: solid 1px #34000c;
}

.version-image {
	height: 58px;
	margin: 0 15px 0 0;
}

.chapter-button {
	width: 57px;
	height: 57px;
	float: left;
	margin-right: 2%;
	border: 1px solid #41010f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background:transparent;
}

.chapter-button:hover {
	background: #781328;
}

.chapter-button:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #781328;
	border: solid 1px #34000c;
}

.chapter-image {
	margin: 16px 0 0;
	width: 55px;
	height: 55px;
	display: block;
}

.svg .chapter-image {
	background: url("../images/chapter.svg") no-repeat left top;
}

.no-svg .chapter-image {
	background: url("../images/chapterFallback.png") no-repeat left top;
}

.search-button {
	width: 59px;
	height: 59px;
	float: left;
	border: 1px solid #41010f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
}

.search-button:hover {
	background: #781328;
}

.search-button:active {
	background: #781328;
	border: solid 1px #34000c;
}

.search-image {
	margin: 0 auto;
	width: 55px;
/* height: 55px; */
	display: block;
}

.svg .search-image {
	background: url("../images/search.svg") no-repeat left top;
}

.no-svg .search-image {
	background: url("../images/search.png") no-repeat left top;
}

.svg #mobile-search-button .search-image {
	background-image: url("../images/search.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.no-svg #mobile-search-button .search-image {
	background-image: url("../images/searchFallback.png") no-repeat left top;
	background-repeat: no-repeat;
	background-position: center center;
}

.search {
	width: 40%;
	height: 57px;
	float: left;
	border: 1px solid #23292f;
/*background: url("../images/searchIE.png") no-repeat 12px 14px;  IE fallback
background: url("../images/search.svg") no-repeat 12px 14px; */
	background-size: 28px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f9f9f9;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.26);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.26);
	box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.26);
	color: #b0b7bd;
	font-size: 1.3em;
	font-style: italic;
	text-shadow: 0 1px 0 rgba(255,255,255,.55);
	padding: 0 8px 0 9px;
}

a.font-button {
	float: right;
	margin-right: 8px;
	border: 1px solid #41010f;
	background: transparent;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

a.font-button:hover, .top-nav a.share-button:hover {
	background: #781328;
}

a.font-button:active, .top-nav a.share-button:active {
	background: #781328;
	border: solid 1px #34000c;
}
/*
.verseNum{
font-weight: bold;
}
*/
.continue {
	text-align: center;
	width: 100%;
	display: block;
	margin: 10px 0;
	clear: both;
}

#next-chapter-link {
	width: 100%;
	text-align: center;
}

.column {
	display: inline-block;
}

#browse-header {
	display: none;
}

/* @end */

/* @group Browse Modal */

#browse-modal-container {
	position: absolute;
	top: 69px;
	left: 20px;
	width: 82%;
	display: none;
	z-index: 10;
}

#browse-modal {
	display: inline-block;
	margin: -1px 0 0;
	padding: 10px;
	width: 800px;
	height: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgb(36,41,47);
	background-color: rgba(36,41,47,.96);
}

.ie8 #browse-modal {
	background: #393d43;
}

#browse-filter {
	margin: 0 auto;
	padding: 1%;
	display: block;
	width: 753px;
	color: #7f878f;
	font-size: 1em;
	font-style: italic;
	text-shadow: 0 1px 0 rgba(255,255,255,.55);
	height: 41px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#browse-filter:focus {
	background: #eaeaea;
	color: #444;
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: none;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6), 1px 0 0 0 #000;
}

#browse-book-list, #browse-chapter-list {
	height: 300px;
	width: 395px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: white;
}

#browse-book-list {
	border-radius: 5px;
	margin-top: 10px;
	float: left;
}

#browse-chapter-list {
	display: inline-block;
	border-radius: 5px;
	margin-top: 10px;
	float: right;
	background: #aeb8c1;
}

#browse-chapter-list-content {
	overflow: hidden;
	padding: 0;
	border-radius: 5px;
	width: 394px;
	margin: 0 0 0 1px;
}

#browse-book-list a {
	font-weight: bold;
	display: block;
	padding: 4px 12px;
	color: #333;
	border-bottom: 1px solid #aeb8c1;
}

#browse-chapter-list a {
	background: #fff;
	display: block;
	padding: 6px 8px;
	color: #333;
	margin: 0 1px 1px 0!important;
	display: inline-block;
	width: 114px;
	text-align: center;
}

#browse-chapter-list a:hover {
/*
background-color: #358fc9;
color: #fff;
*/;
}

.svg #browse-book-list a.selected, #browse-chapter-list a.selected {
/* border: 1px solid #0f4060; */
	background-color: #358fc9;
	color: #fff;
}

.svg #browse-book-list a:hover {
/*
background-color: #358fc9;
color: #fff;
*/;
}

#browse-arrow {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 18px 16px 18px;
	border-color: transparent transparent #262b31 transparent;
	margin: 0 0 0 145px;
	opacity: .96;
}

/* @end */

/* @group Library Modal */

#library-modal-container {
	position: absolute;
	top: 69px;
	left: 20px;
	width: 82%;
	display: none;
	z-index: 10;
}

#library-modal {
	display: inline-block;
	margin: -1px 0 0;
	padding: 10px;
	width: 800px;
	height: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgb(36,41,47);
	background-color: rgba(36,41,47,.96);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.75), 0 1px 0 rgba(255,255,255,.17), inset 0 1px 0 #5a5e63;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.75), 0 1px 0 rgba(255,255,255,.17), inset 0 1px 0 #5a5e63;
	box-shadow: 0 1px 3px rgba(0,0,0,.75), 0 1px 0 rgba(255,255,255,.17), inset 0 1px 0 #5a5e63;
}

.ie8 #library-modal {
	background: #393d43;
}

#library-filter-container {
/* float:left; */;
}

#library-filter {
	margin: 0 auto;
	padding: 1%;
	display: block;
	width: 97%;
	color: #7f878f;
	font-size: 1em;
	font-style: italic;
	text-shadow: 0 1px 0 rgba(255,255,255,.55);
	height: 41px;
	border:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#library-filter:focus {
	background: #eaeaea;
	color: #444;
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: none;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6), 1px 0 0 0 #000;
}
/*
a.info:hover .version-link{
background: #358fc9!important;
}
*/
#library-language-list, #library-version-list {
	width: 320px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 246px;
	float: left;
	background-color: white;
}

#library-language-list {
	margin-top: 8px;
	width: 395px;
	margin-right: 0;
	height: 246px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#library-version-list {
	width: 395px;
	float: right;
	margin-top: 8px;
	height: 246px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	display: block;
}

#library-language-list a, #library-version-list a {
	display: block;
	line-height: 20px;
	font-weight: bold;
	display: block;
	padding: 12px 25px 12px 12px;
	color: #333;
}

#library-language-list a, .version-link {
	border-bottom: 1px solid #aeb8c1;
}

.version {
/* height: 73px; */;
}

#library-language-list a.selected, #library-version-list a.selected {
	background-color: #358fc9;
	color: #fff;
}

#library-language-list a:hover {
	background-color: #358fc9;
	color: #fff;
}

#library-language-list div.letter {
	color: #24292f;
	height: 40px;
	background-color: rgb(178,188,198);
	background-color: rgba(178,188,198,.9);
	font-weight: bold;
	padding: 0 0 0 8px;
}

#library-version-loading {
	width: 100%;
	height: 100%;
	z-index: 15;
	background: rgb(28, 31, 36) url("../images/spinner.gif") no-repeat center center;
	background: rgba(28, 31, 36, 0.98) url("../images/spinner.gif") no-repeat center center;
}

#library-version-list .version-link {
	clear: both;
	position: relative;
}

#library-totals {
	clear: both;
	width: 100%;
}

#library-totals #total-languages {
	margin: 0;
	font-size: .9em;
	display: inline-block;
	color: #fff;
	text-align: center;
	width: 49%;
}

#library-totals #total-bibles {
	margin: 0;
	font-size: .9em;
	display: inline-block;
	color: #fff;
	text-align: center;
	width: 49%;
}

.version-link:hover {
/* background: #358fc9; */
	color: #fff;
}

#library-version-list a.selected.info {
/* background: url("../images/infoFocus.png") no-repeat center top!important; */;
}
/*
.svg #library-version-list a.selected.info{
background: url("../images/infoFocus.svg") no-repeat left top;
}
.no-svg #library-version-list a.selected.info{
background: url("../images/infoFocus.png") no-repeat left top;
}
*/
.svg #library-version-list a.selected.info {
	background-image: url("../images/infoFocus.svg");
	background-position: left top;
	background-repeat: no-repeat;
/* background-size: 35px; */
	right: -22px;
}

.no-svg #library-version-list a.selected.info {
	background-image: url("../images/infoFocus.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 35px;
	right: -22px;
}

#library-version-list a.selected .version-code {
	color: #fff;
}

.version:hover .info {
/* background: url("../images/infoFocus.png") no-repeat center top!important; */;
}
/*
.svg .version:hover .info{
background: url("../images/infoFocus.svg") no-repeat left top;
}
.no-svg .version:hover .info{
background: url("../images/infoFocus.png") no-repeat left top;
}
*/
.svg .version:hover .info {
	background-image: url("../images/infoFocus.svg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 35px;
}

.no-svg .version:hover .info {
	background-image: url("../images/infoFocus.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 35px;
}

.version:hover {
	background: #358fc9;
}

.version:hover .version-name, .version:hover .version-code {
	color: #fff;
}

.version-link:hover .version-code {
	color: #fff;
}

.info {
	margin: -65px 0 0 0;
	clear: none;
	background: #D3D3D3;
	width: 35px;
	height: 35px;
	float: right;
	position: relative;
}

.svg .version .info {
	background-image: url("../images/info-01.svg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 35px;
}

.no-svg .version .info {
	background-image: url("../images/info.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 35px;
}

.info:hover .version {
	border: none!important;
}

#library-version-list .version-link div.art {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	float: left;
	overflow: hidden;
}

#library-version-list .version-link .version-code {
	line-height: 14px;
	font-weight: normal;
	margin: 3px 0 0;
	font-size: 12px;
	color: #acb1b7;
	height: 15px;
}

#library-version-list .version-link .version-name {
	line-height: 1em;
	padding-right: 10%;
	font-weight: normal;
	margin: 0 0 6px;
	max-width: 180px;
	overflow: hidden;
	height: 35px;
	font-size: 17px;
}

#library-arrow {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 18px 16px 18px;
	border-color: transparent transparent #262b31 transparent;
	margin: 0 0 0 41px;
	opacity: .96;
}

.art img {
	width: 48px;
	height: 48px;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 0 4px rgba(0,0,0,.81);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 0 4px rgba(0,0,0,.81);
	box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 0 4px rgba(0,0,0,.81);
}

#bible-art {
	text-align: center;
	margin: 50px auto;
	padding-top: 50px;
}

#bible-art span {
	margin-bottom: 12px;
	font-size: 32px;
	font-family: "DIN_Medium", Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	color: #24292f;
}


/* @end */

/* @group Settings Modal */

#settings-modal-container {
	position: absolute;
	top: 86px;
	left: 20px;
	width: 98%;
	display: none;
	z-index: 10;
}

#settings-modal {
	float: right;
	display: inline-block;
	margin: -1px 0 0;
	padding: 10px;
	/* width: 656px; */
	height: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgb(36,41,47);
	background-color: rgba(36,41,47,.96);
}

.ie8 #settings-modal {
	background: #393d43;
}

#settings-header-font, #settings-header-size {
	color: #fff;
	width: 46%;
	display: inline-block;
	text-align: left;
	line-height: 24px;
	margin: 0;
	margin-left:2%;
	margin-top:10px
	padding: 0;
	font-size: 22px;
}

#settings-headers {
	margin: 0;
	padding: 0;
	height: 37px;
	display: block;
}

#settings-font-list, 
#settings-size-list {
	width: 323px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: white;
}

#settings-font-list {
	border-radius: 5px;
	margin-top: 10px;
	float: left;
}

#settings-size-list {
	display: inline-block;
	border-radius: 5px;
	margin-top: 10px;
	float: right;
}

#settings-font-list a,
#settings-size-list a {
	font-weight: bold;
	display: block;
	padding: 10px 13px;
	color: #333;
	border-bottom: 1px solid #aeb8c1;
}

#settings-font-list a.selected, 
#settings-size-list a.selected {
/* border: 1px solid #0f4060; */
	background-color: #358fc9;
	color: #fff;
}

#settings-font-list a:hover,
#settings-size-list a:hover {
	background-color: #358fc9;
	color: #fff;
}

#settings-arrow {
	float: right;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 18px 16px 18px;
	border-color: transparent transparent #262b31 transparent;
	margin: -17px 17px 0 0;
	opacity: .96;
}


/****** classes to apply settings to reader *******/
.settings-font-helvetica,
#settings-font-list a[data=helvetica] {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.settings-font-verdana,
#settings-font-list a[data=verdana] {
	font-family: Verdana, Geneva, sans-serif;
}

.settings-font-palatino,
#settings-font-list a[data=palatino] {
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

.settings-font-georgia,
#settings-font-list a[data=georgia] {
	font-family: Georgia, Times, "Times New Roman", serif;
}

/* @end */

/* @group Audio Player */

/*** Changes for jPlayer ***/
.jp-seek-bar {
	position: relative;
	float: left;
}

.jp-scrubber {
	position: absolute !important;
}	


/* ===================================================
AUDIO PLAYER
=================================================== */	


/*
* Skin for jPlayer Plugin (jQuery JavaScript Library)
* http://www.jplayer.org
*
* Skin Name: Blue Monday
*
* Copyright (c) 2010-2012 Happyworm Ltd
* Dual licensed under the MIT and GPL licenses.
*  - http://www.opensource.org/licenses/mit-license.php
*  - http://www.gnu.org/copyleft/gpl.html
*
* Author: Silvia Benvenuti
* Skin Version: 4.3 (jPlayer 2.2.0)
* Date: 19th November 2012
*/

div.jp-audio,
div.jp-audio-stream,
div.jp-video {
/* Edit the font-size to counteract inherited font sizing.
* Eg. 1.25em = 1 / 0.8em
*/
	font-size: 1.25em;
 /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.6;
	color: #666;
}

div.jp-audio {
	margin: 0 auto;
	width: 90%;
}

.ie8 div.jp-audio {
	margin: 0 auto;
	width: 50%;
}

div.jp-audio-stream {
	width: 182px;
}

div.jp-video-270p {
	width: 480px;
}

div.jp-video-360p {
	width: 640px;
}

div.jp-video-full {
/* Rules for IE6 (full-screen) */
	width: 480px;
	height: 270px;
/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
	position: static !important;
	position: relative;
}

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
div.jp-video-full div div {
	z-index: 1000;
}

div.jp-video-full div.jp-jplayer {
	top: 0;
	left: 0;
	position: fixed !important;
	position: relative;
 /* Rules for IE6 (full-screen) */
	overflow: hidden;
}

div.jp-video-full div.jp-gui {
	position: fixed !important;
	position: static;
 /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
 /* 1 layer above the others. */;
}

div.jp-video-full div.jp-interface {
	position: absolute !important;
	position: relative;
 /* Rules for IE6 (full-screen) */
	bottom: 0;
	left: 0;
}

div.jp-interface {
	margin: -1px 0 0;
	position: relative;
	width: 100%;
	border: 1px solid #000;
	border: 1px solid rgba(0,0,0,0.9);
	-moz-border-radius: 0 0 5px 5px / 0 65px 5px 5px;
	-webkit-border-radius: 0 0 5px 5px / 0 65px 5px 5px;
	border-radius: 0 0 5px 5px / 0 65px 5px 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgb(36,41,47);
	background-color: rgba(36,41,47,.92);
}

.ie8 div.jp-interface {
	background: #393d43;
}

div.jp-audio div.jp-type-single div.jp-interface {
	height: 47px;
}

div.jp-audio div.jp-type-playlist div.jp-interface {
	height: 80px;
}

div.jp-audio-stream div.jp-type-single div.jp-interface {
	height: 80px;
}

div.jp-video div.jp-interface {
	border-top: 1px solid #009be3;
}

/* @group CONTROLS */

div.jp-controls-holder {
	clear: both;
	width: 440px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	top: -8px;
 /* This negative value depends on the size of the text in jp-currentTime and jp-duration */;
}

div.jp-interface ul.jp-controls {
	list-style-type: none;
	margin: 0;
	padding: 0;
/* overflow:hidden; */;
}

div.jp-audio ul.jp-controls {
	display: block;
	margin: 0 auto;
	width: 100%;
/* padding:20px 20px 0 20px; */;
}

div.jp-audio-stream ul.jp-controls {
	width: 142px;
	padding: 20px 20px 0 20px;
}

div.jp-video div.jp-type-single ul.jp-controls {
	width: 78px;
	margin-left: 200px;
}

div.jp-video div.jp-type-playlist ul.jp-controls {
	width: 134px;
	margin-left: 172px;
}

div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
	display: block;
/* float: left; */;
}

/*** Vertical volume bar ***/
.jp-volume-bar-container {
	padding-top: 25px;
	position: absolute;
	width: 57px;
	top: -95px;
	right: -1px;
	height: 70px;
	display: none;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	-moz-border-radius: 0 0 5px 5px / 0 65px 5px 5px;
	-webkit-border-radius: 0 0 5px 5px / 0 65px 5px 5px;
	border-radius: 0 0 5px 5px / 0 65px 5px 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgb(46,50,56);
	background-color: rgba(46,50,56,0.9);
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.ie8 .jp-volume-bar-container {
	background: #393d43;
}

.jp-volume-bar {
	top: 13px !important;
	right: 18px !important;
	width: 20px !important;
	height: 70px !important;
}

.jp-volume-bar-value {
	border-radius: 5px;
	right: 2px;
	position: absolute;
	bottom: 0;
	width: 16px !important;
	background: #49a2d6;
 /* Old browsers */  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5YTJkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjc2YTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #49a2d6 0%, #1f76a9 100%);
 /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49a2d6), color-stop(100%,#1f76a9));
 /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #49a2d6 0%,#1f76a9 100%);
 /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #49a2d6 0%,#1f76a9 100%);
 /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #49a2d6 0%,#1f76a9 100%);
 /* IE10+ */
	background: linear-gradient(to bottom,  #49a2d6 0%,#1f76a9 100%);
 /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a2d6', endColorstr='#1f76a9',GradientType=0 );
	-webkit-box-shadow: inset 0px 1px 0px #7ebce0;
	box-shadow: inset 0px 1px 0px #7ebce0;
}

.jp-volume-button {
	position: absolute;
	right: -1px;
	float: left;
	width: 58px;
	height: 48px;
	border-left: 1px solid #333;
	-moz-border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
	-webkit-box-shadow: -1px 0 0 0 #4e5359;
	box-shadow: -1px 0 0 0 #4e5359;
	display: none;
}

.volume-image {
	position: absolute;
	left: 16px;
	top: 13px;
	width: 28px;
	height: 24px;
}

.svg .volume-image {
	background: url("../images/volume.svg") no-repeat left top;
}

.no-svg .volume-image {
	background: url("../images/volumeFallback.png") no-repeat left top;
}

a.jp-play {
	position: absolute;
	left: -1px;
	float: left;
	width: 58px;
	height: 48px;
/* border-right: 1px solid #333; */
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
	-webkit-box-shadow: 1px 0 0px 0px #4e5359;
/* box-shadow: 1px 0 0px 0px #4e5359; */;
}

a.jp-play:hover, a.jp-pause:hover, .jp-volume-button:hover {
	background: rgb(36,41,47);
	background: rgba(36,41,47,.5);
}

a.jp-play:active, a.jp-pause:active, a.jp-volume-button:active {
	background: rgb(36,41,47);
	background: rgba(36,41,47,.7);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
	box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
}

a.jp-pause {
	position: absolute;
	left: -1px;
	float: left;
	width: 58px;
	height: 48px;
	border-right: 1px solid #000;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
	-webkit-box-shadow: 1px 0 0px 0px #4e5359;
	box-shadow: 1px 0 0px 0px #4e5359;
}

div.jp-progress {
	overflow: hidden;
}

div.jp-audio div.jp-progress {
	padding: 20px;
	overflow: visible;
	height: 22px;
	-moz-border-radius: 11px / 11px 11px 11px 11px;
	border-radius: 30px;
}

div.jp-audio div.jp-type-single div.jp-progress {
	z-index: 2;
	margin: -7px auto;
	width: 48%;
}

div.jp-audio div.jp-type-playlist div.jp-progress {
	left: 166px;
	width: 130px;
}

div.jp-video div.jp-progress {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 10px;
}

div.jp-seek-bar {
	border-radius: 30px;
	background:#24292f;
	margin: 0 auto;
	margin-top:3px;
	width: 60%;
	height: 16px;
	cursor: pointer;
}

div.jp-play-bar {
	margin: 0px 0 0;
	border-radius: 30px 0 0 30px;
/* overflow: hidden; */
	background: #f0f;
	width: 0px;
	height: 16px;
	float: left;
	background: #ab1e3f;
}

.jp-scrubber {
	float: left;
	margin: -2px 0 0 -10px;
	position: relative;
	display: block;
	width: 10px;
	height: 10px;
	border:5px solid white;
	border-radius:34px;
	background:#af1f40;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("../jplayer/jplayer.blue.monday.seeking.gif");
}

/* @end */

/* @group volume controls */


a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
	width: 18px;
	height: 15px;
	margin-top: 12px;
}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	margin-left: 210px;
}

div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	margin-left: 154px;
}

div.jp-audio-stream div.jp-type-single a.jp-mute,
div.jp-audio-stream div.jp-type-single a.jp-unmute {
	margin-left: 10px;
}

div.jp-audio a.jp-volume-max,
div.jp-audio-stream a.jp-volume-max {
	margin-left: 56px;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
	position: absolute;
	top: 12px;
	margin-top: 0;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
	left: 50px;
}

div.jp-video a.jp-volume-max {
	left: 134px;
}

a.jp-mute {
	background: url("../jplayer/jplayer.blue.monday.jpg") 0 -170px no-repeat;
}

a.jp-mute:hover {
	background: url("../jplayer/jplayer.blue.monday.jpg") -19px -170px no-repeat;
}

a.jp-unmute {
	background: url("../jplayer/jplayer.blue.monday.jpg") -60px -170px no-repeat;
	display: none;
}

a.jp-unmute:hover {
	background: url("../jplayer/jplayer.blue.monday.jpg") -79px -170px no-repeat;
}

a.jp-volume-max {
	background: url("../jplayer/jplayer.blue.monday.jpg") 0 -186px no-repeat;
}

a.jp-volume-max:hover {
	background: url("../jplayer/jplayer.blue.monday.jpg") -19px -186px no-repeat;
}

div.jp-volume-bar {
/* position: absolute; */
/* overflow:hidden; */
	background-color: white;
	width: 46px;
	height: 5px;
	cursor: pointer;
}

div.jp-audio div.jp-volume-bar {
	border-radius: 5px;
	top: 6px;
	right: 20px;
	position: absolute;
	float: right;
	display: block;
	background: #32393F;
	box-shadow: inset 0px 1px 10px 0 #000;
}

div.jp-audio-stream div.jp-volume-bar {
	top: 37px;
	left: 92px;
}

div.jp-video div.jp-volume-bar {
	top: 17px;
	left: 72px;
}

div.jp-volume-bar-value {
	width: 0px;
	height: 5px;
}

/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {
}

div.jp-audio div.jp-type-single div.jp-time-holder {
	z-index: 0;
/* top: -50px; */
	position: relative;
/* display: inline-block; */
	width: 95%;
	margin: 0 auto;
}

div.jp-audio div.jp-type-playlist div.jp-time-holder {
	left: 166px;
	width: 130px;
}

div.jp-current-time,
div.jp-duration {
	width: 60px;
	font-size: .64em;
	font-style: oblique;
}

div.jp-remaining {
	display: none;
}

div.jp-current-time {
	position: relative;
	float: left;
	font-style: normal;
	color: #fff;
	top: -46px;
}

div.jp-duration {
	float: right;
	font-style: normal;
	color: #fff;
	top: -46px;
	position: relative;
}

div.jp-video div.jp-current-time {
	margin-left: 20px;
}

div.jp-video div.jp-duration {
	margin-right: 20px;
}

/* @end */

/* @group playlist */

div.jp-title {
	font-weight: bold;
	text-align: center;
}

div.jp-title,
div.jp-playlist {
	width: 100%;
	background-color: #ccc;
	border-top: 1px solid #009be3;
}

div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
	border-top: none;
}

div.jp-title ul,
div.jp-playlist ul {
	list-style-type: none;
	margin: 0;
	padding: 0 20px;
	font-size: .72em;
}

div.jp-title li {
	padding: 5px 0;
	font-weight: bold;
}

div.jp-playlist li {
	padding: 5px 0 4px 20px;
	border-bottom: 1px solid #eee;
}

div.jp-playlist li div {
	display: inline;
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child {
	padding: 5px 0 5px 20px;
	border-bottom: none;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type: square;
	list-style-position: inside;
	padding-left: 7px;
}

div.jp-type-playlist div.jp-playlist a {
	color: #333;
	text-decoration: none;
}

div.jp-type-playlist div.jp-playlist a:hover {
	color: #0d88c1;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color: #0d88c1;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
	float: right;
	display: inline;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
	color: #666;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
	color: #0d88c1;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media {
	float: right;
	display: inline;
	text-align: right;
	margin-right: 10px;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a {
	color: #666;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
	color: #0d88c1;
}

span.jp-artist {
	font-size: .8em;
	color: #666;
}

/* @end */

div.jp-video-play {
	width: 100%;
	overflow: hidden;
 /* Important for nested negative margins to work in modern browsers */
	cursor: pointer;
	background-color: rgba(0,0,0,0);
 /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */;
}

div.jp-video-270p div.jp-video-play {
	margin-top: -270px;
	height: 270px;
}

div.jp-video-360p div.jp-video-play {
	margin-top: -360px;
	height: 360px;
}

div.jp-video-full div.jp-video-play {
	height: 100%;
}

a.jp-video-play-icon {
	position: relative;
	display: block;
	width: 112px;
	height: 100px;
	margin-left: -56px;
	margin-top: -50px;
	left: 50%;
	top: 50%;
	background: url("../images/splash-play.png") no-repeat;
	text-indent: -9999px;
}

div.jp-video-play:hover a.jp-video-play-icon {
	background: url("../images/splash-play.png") no-repeat;
	opacity: .6;
}

div.jp-jplayer audio,
div.jp-jplayer {
	width: 0px;
	height: 0px;
}

div.jp-jplayer {
	height: 2.5em;
 /* 40 */
	color: #fff;
	-moz-border-radius: 0 0 5px 5px / 0 51px 5px 5px;
	-webkit-border-radius: 0 0 5px 5px / 0 51px 5px 5px;
	border-radius: 0 0 5px 5px / 0 51px 5px 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #000;
	width: 85%;
	margin: 0 auto;
}





/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
	width: 25px;
}

div.jp-audio .jp-type-playlist ul.jp-toggles {
	width: 55px;
	margin: 0;
	position: absolute;
	left: 325px;
	top: 50px;
}

div.jp-video ul.jp-toggles {
	margin-top: 10px;
	width: 100px;
}

ul.jp-toggles li {
	display: block;
	float: right;
}

ul.jp-toggles li a {
	display: block;
	width: 25px;
	height: 18px;
	text-indent: -9999px;
	line-height: 100%;
 /* need this for IE6 */;
}

a.jp-full-screen {
	background: url("../jplayer/jplayer.blue.monday.jpg") 0 -310px no-repeat;
	margin-left: 20px;
}

a.jp-full-screen:hover {
	background: url("../jplayer/jplayer.blue.monday.jpg") -30px -310px no-repeat;
}

a.jp-restore-screen {
	background: url("../jplayer/jplayer.blue.monday.jpg") -60px -310px no-repeat;
	margin-left: 20px;
}

a.jp-restore-screen:hover {
	background: url("../jplayer/jplayer.blue.monday.jpg") -90px -310px no-repeat;
}

a.jp-repeat {
	background: url("../jplayer/jplayer.blue.monday.jpg") 0 -290px no-repeat;
}

a.jp-repeat:hover {
	background: url("../jplayer/jplayer.blue.monday.jpg") -30px -290px no-repeat;
}

a.jp-repeat-off {
	background: url("../jplayer/jplayer.blue.monday.jpg") -60px -290px no-repeat;
}

a.jp-repeat-off:hover {
	background: url("../jplayer/jplayer.blue.monday.jpg") -90px -290px no-repeat;
}

a.jp-shuffle {
	background: url("../jplayer/jplayer.blue.monday.jpg") 0 -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle:hover {
	background: url("../jplayer/jplayer.blue.monday.jpg") -30px -270px no-repeat;
}

a.jp-shuffle-off {
	background: url("../jplayer/jplayer.blue.monday.jpg") -60px -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle-off:hover {
	background: url("../jplayer/jplayer.blue.monday.jpg") -90px -270px no-repeat;
}


/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
	padding: 5px;
	font-size: .8em;
	background-color: #eee;
	border: 2px solid #009be3;
	color: #000;
	display: none;
}

.jp-no-solution a {
	color: #000;
}

.jp-no-solution span {
	font-size: 1em;
	display: block;
	text-align: center;
	font-weight: bold;
}

/* @end */

.masthead-center {
	width: 1230px;
	max-width: 1230px;
	margin: 0 auto;
}

#masthead {
	max-width: 1262px;
	background: #f4f4f4;
}

#masthead {
	padding: 15px 0 28px;
	height: 32px;
/* max-width: 1024px; */
	margin: 0 auto;
/* width: 90%; */
	width: 100%;
	display: block;
}

/*** Content loading ***/
#content-loading {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	display: none;
	background-image: url(../images/spinner.gif);
	background-position: 50% 230px;
	position: fixed;
	background-repeat: no-repeat;
}


/*** Columns ***/
.nav-holder {
	z-index: 10;
}

#reader {
	margin-bottom: 10px !important;
	min-height: 450px;
}

#settings-modal-container {
	z-index: 30;
}

#bible-container {
	clear: both;
	overflow: hidden;
	position: relative;
}

#bible-container .column {
	padding: 10px;
}

#errorContainer{
top:100px;
position: relative;
}
#navigation-container.open #navigation-menu li#mobile-account-menu-footer a{
line-height: 10px;
}
.settings-size-small p{
font-size: 60%;
line-height: 1.5em;
}
.settings-size-medium p{
font-size: 80%;
line-height: 2em;
}
.settings-size-large p{
font-size: 100%;
line-height: 2em;
}
.settings-size-xlarge p{
font-size: 120%;
line-height: 2em;
}
#navigation-container.open .nav-logged-out a.mobile-logo {
width: 30%;
margin: 0 30%;
top: 3px;
position:relative;
}
#navigation-container.open .nav-logged-in a.mobile-logo {
width: 26%;
margin: 0 34%;
top: -30px;
position: relative;
}

/*** Volume scrubber ***/
.jp-volume-scrubber {
	position: absolute !important;
}

.jp-volume-scrubber {
	margin: 7px 0 0 -7px;
	position: relative;
	display: block;
	width: 36px;
	height: 36px;
	top: 20px;
	background: url("../images/scrubberImg.svg")no-repeat center center;
}

.jp-volume-scrubber-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* @end */

/* @group Mobile Nav for No Audio */

#jp_container_1.noAudio .jp-progress,
#jp_container_1.noAudio .jp-volume-bar-container,
#jp_container_1.noAudio .jp-time-holder,
#jp_container_1.noAudio .jp-play,
#jp_container_1.noAudio .jp-pause,
#jp_container_1.noAudio .jp-volume-button {
	display: none;
}

#jp_container_1.noAudio .jp-interface {
	height: 35px;
}

#jp_container_1.noAudio .chapter-nav-right-mobile,
#jp_container_1.noAudio .chapter-nav-left-mobile {
	bottom: 0px;
}

/* @end */

/* @group Verse Level Page */

/*** Verse sharing modal ***/
.clip-shared {
	display: none;
}

#share-url-copy {
	padding: 15px;
	height: 26px;
	width: 450px;
	font-size: 22px;
}

.page-bible-verse .top-nav, .nav-holder {
	width: auto;
}

.page-bible-verse #main {
	min-height: 0;
	padding: 0;
	margin: 63px 0 30px;
}

.page-bible-verse #main #bible-article {
	margin: 20px auto 0;
	width: 75%;
}

.page-bible-verse #masthead {
	height: 28px;
/* background: none; */;
}

.page-bible-verse .masthead-center {
	width: 880px;
}

.page-bible-verse .main-background {
	display: none;
}

.page-bible-verse .masthead-container {
}

.page-bible-verse .center {
	margin: 0 auto;
	display: block;
	width: 70%;
	max-width: 880px;
}

.page-bible-verse .wrapper {
	width: 65%;
	margin: 0;
	float: left;
}

.page-bible-verse .nav-holder {
	width: 100%;
	margin: 0;
	position: relative;
}

.page-bible-verse #footer {
	clear: both;
	max-width: 880px;
}

.page-bible-verse #reader {
	margin-bottom: 0;
	min-height: 0;
}

.page-bible-verse #copyright-container {
	line-height: 1.5em;
	font-size: .7em;
	text-align: center;
}

.page-bible-verse .chapter-nav-right, .page-bible-verse .chapter-nav-left {
	margin: -50px 0 0;
}

#verse-share {
	height: 68px;
	padding: 11px 0 0 0;
	margin: 30px 0 0;
	position: relative;
	width: 100%;
	border: 1px solid #000;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgb(36,41,47);
	background-color: rgba(36,41,47,.9);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.75), 0 1px 0 rgba(255,255,255,.17), inset 0 1px 0 #5a5e63;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.75), 0 1px 0 rgba(255,255,255,.17), inset 0 1px 0 #5a5e63;
	box-shadow: 0 1px 3px rgba(0,0,0,.75), 0 1px 0 rgba(255,255,255,.17), inset 0 1px 0 #5a5e63;
	border: 1px solid #000;
}

.verse-share-title {
	float: left;
	text-align: right;
	line-height: 24px;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #fff;
	width: 100px;
	margin: 7px 3% 0 3%;
}

#verse-share .fb_edge_widget_with_comment {
	margin: 11px 3% 0 0;
}

#verse-share #share-facebook, #verse-share #share-twitter, #verse-share #share-google, #verse-share #share-link, #verse-share #share-email {
	margin-right: 0;
}

a.back-to-chapter-button {
	display: inline-block;
	line-height: 58px;
	padding: 0 2%;
	margin: 0 8px;
	width: auto;
	height: 57px;
	float: left;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #41010f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #c34d69;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #c34d69;
	box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #c34d69;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDU5IDU5IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTA1LjUlIiB4Mj0iNTAlIiB5Mj0iLTUuNTAwMDAwMDAwMDAwMDIlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3MTMyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiM4NzEzMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMTFmNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjU5IiBoZWlnaHQ9IjU5IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
	background-image: -moz-linear-gradient(bottom, #87132b -5.5%, #87132b -4.66%, #b11f41 105.5%);
	background-image: -o-linear-gradient(bottom, #87132b -5.5%, #87132b -4.66%, #b11f41 105.5%);
	background-image: -webkit-linear-gradient(bottom, #87132b -5.5%, #87132b -4.66%, #b11f41 105.5%);
	background-image: linear-gradient(bottom, #87132b -5.5%, #87132b -4.66%, #b11f41 105.5%);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}

a.back-to-chapter-button:hover {
	background: #781328;
}

a.back-to-chapter-button:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #781328;
	border: solid 1px #34000c;
}

a.back-to-chapter-button span {
	float: left;
	display: block;
	width: 30px;
	height: 57px;
	margin: 0 10px 0 0;
}

.svg a.back-to-chapter-button span {
	background-image: url("../images/arrowBack.svg");
	background-position: left 17px;
	background-repeat: no-repeat;
	background-size: 30px;
}

.no-svg a.back-to-chapter-button span {
	background-image: url("../images/arrowBack.png");
	background-position: left 17px;
	background-repeat: no-repeat;
	background-size: 30px;
}

/* @end */

/* @group App Ads */

#promo {
	float: right;
	width: 260px;
	height: 203px;
	border: 1px solid #b1bbc5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f9f9f9;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
	background-image: url("../images/promoSmall.png");
	background-repeat: no-repeat;
	background-position: 13px 0px;
}

.page-static-privacy h2, .page-static-kidz-privacy h2 {
	margin-bottom:0.5em;
}


.christmasphoto {
	width: 100%;
	background-image: url("../images/christmasphoto.jpg");
	background-size: 100%;
	position: relative;
	background-repeat: no-repeat;
	height: 620px;
	background-color:black;
}

.christmasphoto blue-cta {
	padding:10px 0;
	margin-right:0;
	text-align:center;
	width:80%;
}

.christmasphoto input {
	font-size:175%;
	width:80%;
	margin-top:10px;
	border-radius:5px;
	border:1px solid #393f46;
	padding:5px;
}




@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	#promo {
		background-image: url("../images/promoSmall@2x.png");
		background-size: 247px 133px;
	}
}

#app-promo {
	font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	margin: 0;
	font-size: 1.25em;
	text-align: center;
	line-height: 1.5em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	#promo {
		background-image: url("../images/freeRibbon@2x.png");
		background-size: 86px 86px;
	}
}

#app-promo p {
	margin: 0 0 5px;
}

#app-promo br {
	display: none;
}

#app-promo a {
	font-size: 1.2em;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
}

/* @end */

/* @group Search */

#search-form {
	margin: 0;
	padding: 0;
	display: inline;
}

#search-results {
	margin-top: 175px;
}


#search-results .search-text {
	padding: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #29495D;
	background-color: #BED9EA;
}

.search-page-hidden {
	display: none !important;
}

#search-page-controls {
	display: inline-block;
	margin-left: 6%;
	width: 83%;
	position: relative;
	height: 30px;
}

#search-page-controls a {
	line-height: 1em;
	padding: 2%;
	font-weight: bold;
	font-size: 1em;
	display: block;
	min-width: 20px;
	min-height: 20px;
	text-align: center;
	vertical-align: middle;
}

#search-page-controls a.selected {
	line-height: 1em;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0;
	text-align: center;
	background-color: #2f80b4;
	color: white;
	padding: 2%;
	min-width: 20px;
	height: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #358fc9;
}

#search-page-controls #search-page-controls-left {
	position: absolute;
	top: -3px;
	left: 0;
	text-indent: -9999px;
}

#search-page-controls #search-page-controls-right {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
}

#search-page-controls #search-page-controls-left:hover {
	background-image: url("../images/searchArrowLeft2.svg")!important;
}

.svg #search-page-controls #search-page-controls-left {
	background-image: url("../images/searchArrowLeft.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 28px;
}

.no-svg #search-page-controls #search-page-controls-left {
	background-image: url("../images/searchArrowLeft.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 28px;
}

#search-page-controls #search-page-controls-right {
	position: absolute;
	top: -2px;
	right: 0;
	text-indent: -9999px;
}

#search-page-controls #search-page-controls-right:hover {
	background-image: url("../images/searchArrow2.svg")!important;
}

.svg #search-page-controls #search-page-controls-right {
	background-image: url("../images/searchArrow.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 28px;
}

.no-svg #search-page-controls #search-page-controls-right {
	background-image: url("../images/searchArrow.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 28px;
}

.available-on {
	text-align: center;
	margin: 0 auto;
}

.available-on p {
	display: inline;
	color: #24292f;
}

.available-on img {
	margin-top: -5px;
}

a.download-action-button {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 21px;
	color: #fff;
	width: 90%;
	display: inline-block;
	background-color: #379bde;
	-moz-border-radius: 5px / 5px 5px 5px 5px;
	-webkit-border-radius: 5px / 5px 5px 5px 5px;
	border-radius: 5px / 5px 5px 5px 5px;
	-webkit-transition-duration: 0.2s ease-in;
	-moz-transition-duration: 0.2s ease-in;
	transition-duration: 0.2s ease-in;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 22px;
}

a.download-action-button:hover {
	background: #2c86c0;
	color: #FFF;
}

.download-action-button {
	margin: 0 4% 0 0;
	padding: 23px 0 20px;
	float: right;
	width: 30%;
}

.download-action-button span {
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-size: .8em;
	display: block;
	font-weight: normal;
	position: relative;
	top: 4px;
}

.search-controls-page {
	position: absolute;
	top: 0;
	left: 40px;
	right: 40px;
}

.search-controls-page a {
	position: absolute;
	top: 0;
}

#search-modal-container {
	height: 61px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 30;
	background-color: #333;
	display: none;
}

#search-modal #search-header {
	width: 100%;
	z-index: 2;
	position: fixed;
	padding: 5px;
	height: 51px;
	background:#24292f;
}

#search-modal #search-results {
	min-height: 100000px;
	width: 100%;
	display: block;
	background-color: white;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: relative;
	top: 7px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#search-modal #search-results .search-results-text {
	border-bottom: solid 1px #B6C0C8;
}

#search-results-max {
	line-height: 1.3em;
	margin: 0 10% 10% 10%;
	text-align: center;
	font-style: italic;
	color: #7F8790;
}

.search-results-page {
	margin: 75px 10% 0 10%;
}

.search-results-page a {
	color: #3691C7;
}

.search-back-button {
	color: #fff;
	float: left;
	border: 1px solid #41010f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #c34d69;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #c34d69;
	box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #c34d69;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 86px;
	text-shadow: 0 -1px 0 #000;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	margin-left: 10px;
	margin-right: 19%;
}

.svg .search-back-button {
	font-weight: bold;
	font-size: 1em;
	padding: 0px 0 0 55px;
	height: 40px;
	color: #fff;
	background-image: url("../images/searchBack.svg");
	background-position: 10px 12px;
	background-repeat: no-repeat;
	background-size: 35px;
}

.no-svg .search-back-button {
	font-weight: bold;
	font-size: 1.3em;
	padding: 8px 0 0 55px;
	height: 49px;
	color: #fff;
	background-image: url("../images/searchBack.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 35px;
}

.search-back-button:hover {
	background-color: #781328;
}

.no-results {
	line-height: 1.3em;
	margin: 0 10% 0 10%;
	text-align: left;
	font-style: italic;
	color: #7F8790;
}

.search-results-text {
	line-height: 1.5em;
	margin: 0 0 1.5em;
	font-size: .85em;
}

#search-close {
	margin: 12px 15px 0 15px;
	display: block;
	float: left;
	text-indent: -9999px;
	width: 25px;
	height: 25px;
}

.svg #search-close {
	background-image: url("../images/mobileClose.svg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 25px;
}

.no-svg #search-close {
	background-image: url("../images/mobileClose.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 25px;
}

/* @end */

/* @group Log In */

.page-user-login .masthead-container {
	position: relative;
	margin: 20px 0 0;
	width: 100%;
}

.page-user-login .logo {
	background: url("../images/logoBig.png") no-repeat left top;
	display: block;
	float: left;
	width: 279px;
	height: 98px;
}

.page-user-login .account-container {
	display: none;
}

.page-user-login #main.error-page {
	min-height: 350px;
	margin: 107px 0 150px;
	background-color: #fff;
	border: 1px solid #A9B3BE;
	width: 980px;
	display: block;
}

.page-user-login #main-container {
	width: 980px;
	display: block;
	margin: 0 auto;
	font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
}

.page-user-login .masthead-center {
	width: 100%;
}

#login-header {
	margin: 0 40px;
	padding: 10px 20px;
	display: block;
	border-bottom: 1px solid #A9B3BE;
	height: 88px;
}

.signup {
	margin: 26px 0 0;
	text-align: right;
	float: right;
}

.signup p {
	line-height: 22px;
	margin: 0 0 -5px;
}

.signup a {
	font-size: 26px;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
}

#login-header h2 {
	float: left;
}

.page-user-login h2 {
	color: #202429;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 40px;
}

.facebook-button {
	border: 1px solid #1c315d;
	background: #3a5999;
}

.facebook-button:hover {
	background: #4365AD;
	color: #fff;
}

.facebook-button:active {
	background: #2B4172;
	border: solid 1px #34000c;
	color: #fff;
}

.google-button {
	border: 1px solid #a83b31;
	background: #db4c3f;
}

.google-button:hover {
	background: #f55547;
	color: #fff;
}

.google-button:active {
	background: #a83b31;
	border: solid 1px #a83b31;
	color: #fff;
}

.twitter-button:hover {
	background: #39bdfa;
	color: #fff;
}

.twitter-button:active {
	background: #0f6fac;
	border: solid 1px #34000c;
	color: #fff;
}

.email-button:hover {
	background: #a9b0b8;
	color: #fff;
}

.facebook-button .text {
	float: left;
	height: 38px;
	padding: 10px 10px 10px 20px;
}

.facebook-button-icon {
	width: 14px;
	height: 32px;
	float: left;
	border-right: 1px solid #1B345C;
	padding: 13px 20px 13px 20px;
}

.svg .facebook-button-icon {
	background-image: url("../images/facebookLogin.svg");
	background-position: 21px 14px;
	background-repeat: no-repeat;
	background-size: 14px;
}

.no-svg.backgroundsize .facebook-button-icon {
	background-image: url("../images/facebookLogin.png");
	background-position: 21px 14px;
	background-repeat: no-repeat;
	background-size: 200%;
}

.no-svg.no-backgroundsize .facebook-button-icon {
	background-image: url(../images/facebookLoginIE.png);
	background-position: 21px 14px;
	background-repeat: no-repeat;
}

.google-button .text {
	float: left;
	height: 38px;
	padding: 10px 10px 10px 50px;
}

.google-button-icon {
	width: 14px;
	height: 32px;
	float: left;
	border-right: 1px solid #a83b31;
	padding: 13px 20px 13px 20px;
}

.svg .google-button-icon {
	background-image: url("../images/googleLogin.svg");
	background-position: 14px 18px;
	background-repeat: no-repeat;
	background-size: 30px;
}

.no-svg.backgroundsize .google-button-icon {
	background-image: url("../images/googleLogin.png");
	background-position: 14px 18px;
	background-repeat: no-repeat;
	background-size: 200%;
}

.twitter-button-icon {
	width: 14px;
	height: 32px;
	float: left;
	border-right: 1px solid #195d89;
	padding: 13px 20px 13px 20px;
}

.svg .twitter-button-icon {
	background-image: url("../images/icon-twitter-button.svg");
	background-position: 14px 14px;
	background-repeat: no-repeat;
	background-size: 28px;
}

.no-svg .twitter-button-icon {
	background-image: url("../images/icon-twitter-button.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
	background-size: 28px;
}

.email-button-icon {
	width: 14px;
	height: 32px;
	float: left;
	border-right: 1px solid #5c646e;
	padding: 13px 20px 13px 20px;
}

.svg .email-button-icon {
	background-image: url("../images/icon-email-button.svg");
	background-position: 14px 14px;
	background-repeat: no-repeat;
	background-size: 28px;
}

.no-svg .email-button-icon {
	background-image: url("../images/icon-email-button.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
	background-size: 28px;
}

.twitter-button, .email-button, .facebook-button, .google-button {
	-moz-border-radius: 5px / 5px 5px 5px 5px;
	-webkit-border-radius: 5px / 5px 5px 5px 5px;
	border-radius: 5px / 5px 5px 5px 5px;
	color: #fff;
	float: left;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	width: 100%;
	height: 57px;
}

.twitter-button:hover, .email-button:hover, .facebook-button:hover, .google-button:hover {
	-webkit-transition: 0.25s ease-in;
	transition: 0.25s ease-in;
}

#login-options {
	margin: 0 auto;
	display: block;
	width: 900px;
}

#social-login-container {
	padding: 40px 0 50px 20px;
	width: 405px;
	clear: left;
	float: left;
}

#login-separator {
	margin: 20px 0 0 -10px;
	height: 240px;
	float: left;
	border-right: 1px solid #A9B3BE;
	display: block;
	width: 30px;
}

.orText {
	height: 40px;
	padding: 0 10px;
	float: left;
	background: #fff;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	color: #202429;
	font-size: 30px;
	margin: 102px 0 0 12px;
}

#login-form {
	float: right;
	width: 415px;
}

::-webkit-input-placeholder {
	color: #B2BCC6;
}

:-moz-placeholder {
 /* Firefox 18- */
	color: #B2BCC6;
}

::-moz-placeholder {
  /* Firefox 19+ */
	color: #B2BCC6;
}

:-ms-input-placeholder {
	color: #B2BCC6;
}

#login-form fieldset {
	margin: 40px 20px 0 0;
	float: right;
}

#login-form  #email {
	margin: 0 auto;
	padding: 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #24292f;
	width: 86%;
	height: 26px;
	border: 1px solid #b1bbc5;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
}

#login-form  #password,
#login-form  #password-placeholder {
	margin: 0 auto;
	padding: 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #24292f;
	width: 86%;
	height: 26px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #b1bbc5;
	border-bottom: 1px solid #b1bbc5;
	border-right: 1px solid #b1bbc5;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
}

/* IE-specific placeholder styling */ 
#login-form  #password:-ms-input-placeholder {
	color: #a9b3be;
}

.forgot {
	font-size: 18px;
	margin: -11px 0 0 -20px;
	float: left;
	clear: both;
}

.login-button {
	margin: -21px 20px 0 0;
	padding: 13px;
	color: #fff;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: 26px;
	float: right;
	width: 180px;
	height: 57px;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #379bde;
}

.login-button:hover {
	background: #3d97d0;
	color: #fff;
}

.login-button:active {
	background: #2a7db1;
	border: none;
	color: #fff;
}

#login-form-buttons {
	margin: 60px 0 0;
	float: right;
	width: 373px;
}

#login-errors {
	float: right;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

#login-errors li {
	color: #9E1B35;
	font-size: .7em;
	line-height: 1.5em;
	background: #F4B6C4;
	padding: 25px 40px 25px;
	border: 1px solid #9E1B35;
	margin: 40px 20px -10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 292px;
	clear: right;
	float: right;
	list-style: none;
}

/* @end */

/* @group Password Reset */

#forgot-header {
	margin-top: 150px;
}

.page-user-reset #main, .page-user-forgot #main {
	min-height: 0;
}

.page-user-reset #passwordConfirm, .page-user-forgot #passwordConfirm,
.page-user-reset #passwordConfirm-placeholder, .page-user-forgot #passwordConfirm-placeholder {
	margin: 0 auto;
	padding: 16px 13% 10px 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #B2BCC6;
	width: 80%;
	height: 26px;
	border: 1px solid #b1bbc5;
	/*border-top: none;*/
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
}

.page-user-reset #password, .page-user-forgot #password,
.page-user-reset #password-placeholder, .page-user-forgot #password-placeholder {
	margin: 0 auto;
	padding: 16px 13% 10px 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #B2BCC6;
	width: 80%;
	height: 26px;
	border: 1px solid #b1bbc5;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
}

.page-user-reset #code {
	margin: 20px auto 0;
	padding: 16px 13% 10px 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #B2BCC6;
	width: 80%;
	height: 26px;
	border: 1px solid #b1bbc5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
}

.page-user-forgot #email {
	margin: 20px auto;
	padding: 16px 13% 10px 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #B2BCC6;
	width: 80%;
	height: 26px;
	border: 1px solid #b1bbc5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
}

.reset-form-buttons button,
.form-buttons button {
	margin: 20px 20px 20px 0;
	max-width: 250px;
	padding: 13px 13px 8px 13px;
	color: #fff;
	font-size: 26px;
	float: left;
	width: 50%;
	min-height: 57px;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #379bde;
}

.reset-form-buttons button:hover, .form-buttons button:hover {
	background: #3d97d0;
	color: #fff;
}

.reset-form-buttons button:active, .form-buttons button:active {
	background: #2a7db1;
	color: #fff;
}

.reset-form-buttons p {
	float: left;
	clear: both;
	margin: 1em 0;
}

.page-user-reset .masthead-container, .page-user-forgot .masthead-container,  .page-bible-error .masthead-container {
	position: relative;
}

.page-user-reset p, .page-user-forgot p {
	font-size: .7em;
	line-height: 1.5em;
	margin-bottom: 20px;
	font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
}

.page-user-reset .reset-form, .page-user-forgot .reset-form {
	padding: 0 0 3% 3%;
	width: 97%;
	display: block;
}

.page-user-reset h2, .page-user-forgot h2 {
	color: #24292F;
	display: block;
	border-bottom: 1px solid #B2BCC6;
	margin: 0 0 30px;
	line-height: 50px;
	padding: 0 0 3% 3%;
}

.page-user-reset #main, .page-user-forgot #main {
	max-width: 652px;
	width: 40%;
	padding: 2.5% 0;
	margin: 120px auto 60px;
	height: auto;
	border: 1px solid #b1bbc5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
}

.page-user-reset #forgot-header, .page-user-forgot #forgot-header {
	margin-top: 0;
}

.page-user-reset #forgot-header p, .page-user-forgot #forgot-header p {
	padding: 0 0 0 3%;
	font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
}

.page-user-reset .logo, .page-user-forgot .logo, .page-bible-error .logo {
	margin: 15px 0 0;
	background: url("../images/logoBig.png") no-repeat left top;
	display: block;
	float: left;
	width: 279px;
	height: 98px;
}

.page-user-reset .account-container, .page-user-forgot .account-container, .page-bible-error .account-container {
	width: 235px;
	float: right;
	margin: 20px 0 0;
}

.page-user-reset a.signup, .page-user-forgot a.signup, .page-bible-error a.signup {
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0,0,0,.6);
	margin: -4px 0 0;
	padding: 19px 5px 8px;
	text-align: center;
	font-size: 28px;
	text-decoration: none;
	color: #fff;
	width: 121px;
	height: 31px;
	display: inline-block;
	float: right;
	border: 1px solid #074367;
	background-color: #2c86c0;
	-moz-border-radius: 5px / 5px 5px 5px 5px;
	-webkit-border-radius: 5px / 5px 5px 5px 5px;
	border-radius: 5px / 5px 5px 5px 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0 1px 2px rgba(69,73,78,.68), inset 0 1px 0 #a1daff;
	-webkit-box-shadow: 0 1px 2px rgba(69,73,78,.68), inset 0 1px 0 #a1daff;
	box-shadow: 0 1px 2px rgba(69,73,78,.68), inset 0 1px 0 #a1daff;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyOSA1OSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMmI4NWJmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjViZGY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjkiIGhlaWdodD0iNTkiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	background-image: -o-linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	background-image: -webkit-linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	background-image: linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.page-user-reset a.signup:hover, .page-user-forgot a.signup:hover {
	background: #2c86c0;
}

.page-user-reset a.signup:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #2775a8;
	border: solid 1px #34000c;
}

.page-user-reset a.login, .page-user-forgot a.login, .page-bible-error a.login {
	font-family: 'DIN_Medium', Helvetica, Arial sans-serif;
	font-weight: bold;
	margin: 16px 0 0 0;
	float: left;
	display: inline-block;
	color: #2d3137;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
}

#reset-errors {
	width: 93%;
	margin: 0 auto 20px;
}

.page-user-reset #reset-errors li, .page-user-forgot #reset-errors li {
	list-style: none;
	color: #9E1B35;
	font-size: .7em;
	line-height: 1.5em;
	background: #F4B6C4;
	padding: 25px 5% 25px;
	border: 1px solid #9E1B35;
	margin: 0 0 20px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 86%;
	clear: right;
	float: right;
}

.page-user-reset #reset-errors-code li {
	list-style: none;
	color: #9E1B35;
	font-size: .7em;
	line-height: 1.5em;
	background: #F4B6C4;
	padding: 25px 5% 25px;
	border: 1px solid #9E1B35;
	margin: 0 0 20px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 86%;
	clear: right;
	float: left;
}

.page-user-reset #resetPasswordForm {
	width: 100%;
	margin: 0 auto;
	display: block;
}

/* @end */

/* @group Sign Up */

.page-user-signup .logo {
	margin: 15px 0 0;
	background: url("../images/logoBig.png") no-repeat left top;
	display: block;
	float: left;
	width: 279px;
	height: 98px;
}

.page-user-signup #signup-container {
	margin: 70px 0 0;
	width: 100%;
	display: block;
	margin:0 auto;
}

.sign-up-icon {
	display:block;
	margin: 0 auto;
	margin-bottom:-3em;
}

.page-user-signup .signup {
	display: none;
}

.page-user-signup #signup-separator {
	margin: 30px auto 35px;
	height: 10px;
	float: left;
	border-bottom: 1px solid #A9B3BE;
	border-right: none;
	display: block;
	width: 100%;
}

.page-user-signup .orText {
	display: block;
	line-height: 43px;
	height: 40px;
	width: 260px;
	float: none;
	background: #f5f5f5;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	color: #202429;
	font-size: 22px;
	margin: -8px auto;
	text-align: center;
}

.page-user-signup .facebook-button, .page-user-signup .google-button {
	width: 100%;
	margin-top:1em;
}

.page-user-signup #signupForm {
	width: 100%;
}

.page-user-signup #signupForm #email {
	margin: 0 auto;
	padding: 16px 13% 10px 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	color: #B2BCC6;
	width: 84%;
	height: 26px;
	border: 1px solid #b1bbc5;
	-moz-border-radius: 4px 4px 0 0 ;
	-webkit-border-radius: 4px 4px 0 0 ;
	border-radius: 4px 4px 0 0 ;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
}

.page-user-signup #signupForm #email.error {
	background-color: #FEE6E6;
	border: 1px solid #DA8281;
	color: #1C2028;
}

.svg .page-user-signup #signupForm #email.error {
	background-image: url("../images/error.svg");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.no-svg .page-user-signup #signupForm #email.error {
	background-image: url("../images/error.png");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.svg .page-user-signup #signupForm #email.valid {
	background-image: url("../images/valid.svg");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.no-svg .page-user-signup #signupForm #email.valid {
	background-image: url("../images/valid.png");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.page-user-signup #signupForm #password,
.page-user-signup #signupForm #password-placeholder {
	margin: 0 auto;
	padding: 16px 13% 10px 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	color: #B2BCC6;
	width: 84%;
	height: 26px;
	border: 1px solid #b1bbc5;
	/*border-top: none;*/
	-moz-border-radius: 0;
	-webkit-border-radius:0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
}

.page-user-signup #signupForm #password.error {
	background-color: #FEE6E6;
	border: 1px solid #DA8281;
	color: #1C2028;
}

.svg .page-user-signup #signupForm #password.error {
	background-image: url("../images/error.svg");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.no-svg .page-user-signup #signupForm #password.error {
	background-image: url("../images/error.png");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.svg .page-user-signup #signupForm #password.valid {
	background-image: url("../images/valid.svg");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.no-svg .page-user-signup #signupForm #password.valid {
	background-image: url("../images/valid.png");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.page-user-signup #signupForm #passwordConfirm,
.page-user-signup #signupForm #passwordConfirm-placeholder {
	margin: 0 auto;
	padding: 16px 13% 10px 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	color: #B2BCC6;
	width: 84%;
	height: 26px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #b1bbc5;
	border-bottom: 1px solid #b1bbc5;
	border-right: 1px solid #b1bbc5;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
}

.page-user-signup #signupForm #passwordConfirm.error,
.page-user-signup #signupForm #passwordConfirm-placeholder.error {
	background-color: #FEE6E6;
	border: 1px solid #DA8281;
	color: #1C2028;
}

.svg .page-user-signup #signupForm #passwordConfirm.error,
.svg .page-user-signup #signupForm #passwordConfirm-placeholder.error {
	background-image: url("../images/error.svg");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.no-svg .page-user-signup #signupForm #passwordConfirm.error,
.no-svg .page-user-signup #signupForm #passwordConfirm-placeholder.error {
	background-image: url("../images/error.png");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.svg .page-user-signup #signupForm #passwordConfirm.valid,
.svg .page-user-signup #signupForm #passwordConfirm-placeholder.valid {
	background-image: url("../images/valid.svg");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.no-svg .page-user-signup #signupForm #passwordConfirm.valid,
.no-svg .page-user-signup #signupForm #passwordConfirm-placeholder.valid {
	background-image: url("../images/valid.png");
	background-position: 97% 10px;
	background-repeat: no-repeat;
	background-size: 33px;
}

.page-user-signup .instructions {
	margin: 20px 0 30px;
	line-height: 1em;
	color: #7F8790;
	font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
	font-weight: normal;
	font-size: .6em;
}

.page-user-signup #signup-form-buttons .instructions {
	margin: 20px auto;
	line-height: 1.5em;
	width: 76%;
	font-size: .7em;
	text-align: center;
}

.page-user-signup .signup-button {
	line-height: 1.45em;
	margin: 20px 0 0 0;
	padding: 12px;
	color: #fff;
	font-size: 26px;
	display: block;
	width: 100%;
	height: 57px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #379bde;
	border:none;
}

.page-user-signup .signup-button:hover {
	background: #3d97d0;
	color: #fff;
}

.page-user-signup .signup-button:active {
	background: #2a7db1;
	border: solid 1px #34000c;
	color: #fff;
}

.page-user-signup #main {
	overflow: visible;
}

.page-user-signup #masthead {
	max-width: none;
}

#signup-email-error-container .error {
	color: #C22B2C;
	line-height: 1em;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: .6em;
}

#signup-email-error-container ul {
	list-style: none;
	margin: 0;
}

#signup-password-error-container .error {
	color: #C22B2C;
	line-height: 1em;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	font-size: .6em;
}

#signup-password-error-container ul {
	list-style: none;
	margin: 0;
}

/* @group Privacy Policy & T&C Styles */

.page-static-privacy ul, .page-static-terms ul {
	list-style-position: inside;
}

.page-static-privacy ol, .page-static-terms ol {
	list-style-position: inside;
}

.page-static-privacy li, .page-static-terms li {
	font-size: 20px;
	line-height: 1.3em;
}

.page-static-privacy ul li, .page-static-terms ul li {
	padding: 0 0 18px;
}

/* @end */

/* @group 404 */

#main.error-page .logo {
	margin: 15px 0 0;
	background: url("../images/logoBig.png") no-repeat left top;
	display: block;
	float: left;
	width: 279px;
	height: 98px;
}

#main.error-page a.signup {
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0,0,0,.6);
	margin: -4px 0 0;
	padding: 19px 5px 8px;
	text-align: center;
	font-size: 28px;
	text-decoration: none;
	color: #fff;
	width: 121px;
	height: 31px;
	display: inline-block;
	float: right;
	border: 1px solid #074367;
	background-color: #2c86c0;
	-moz-border-radius: 5px / 5px 5px 5px 5px;
	-webkit-border-radius: 5px / 5px 5px 5px 5px;
	border-radius: 5px / 5px 5px 5px 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0 1px 2px rgba(69,73,78,.68), inset 0 1px 0 #a1daff;
	-webkit-box-shadow: 0 1px 2px rgba(69,73,78,.68), inset 0 1px 0 #a1daff;
	box-shadow: 0 1px 2px rgba(69,73,78,.68), inset 0 1px 0 #a1daff;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyOSA1OSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMmI4NWJmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjViZGY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjkiIGhlaWdodD0iNTkiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	background-image: -o-linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	background-image: -webkit-linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	background-image: linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#main.error-page a.signup:hover {
	background: #2c86c0;
}

#main.error-page a.signup:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #2775a8;
	border: solid 1px #34000c;
}

#main.error-page a.login {
	font-family: 'DIN_Medium', Helvetica, Arial sans-serif;
	font-weight: bold;
	margin: 16px 0 0 0;
	float: left;
	display: inline-block;
	color: #2d3137;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
}

#main.error-page {
	background: none;
	border: none;
}

#error-contents {
	text-align: center;
}

#error-contents p {
	line-height: 1.5em;
	margin: 0 0 55px;
	padding: 0 10%;
}

#error-contents h1 {
	font-size: 1.6em;
	color: #2D3137;
}

a.error-continue-button {
	margin: -4px 0 0;
	padding: 18px 0 0px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	color: #fff;
	width: 40%;
	height: 60px;
	display: inline-block;
	border: 1px solid #074367;
	background-color: #2c86c0;
	-moz-border-radius: 5px / 5px 5px 5px 5px;
	-webkit-border-radius: 5px / 5px 5px 5px 5px;
	border-radius: 5px / 5px 5px 5px 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0 2px 4px rgba(1,1,1,.75), inset 0 1px 0 rgba(255,255,255,.56);
	-webkit-box-shadow: 0 2px 4px rgba(1,1,1,.75), inset 0 1px 0 rgba(255,255,255,.56);
	box-shadow: 0 2px 4px rgba(1,1,1,.75), inset 0 1px 0 rgba(255,255,255,.56);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyOSA1OSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMmI4NWJmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjViZGY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjkiIGhlaWdodD0iNTkiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	background-image: -o-linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	background-image: -webkit-linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	background-image: linear-gradient(bottom, #2b85bf 0%, #65bdf5 100%);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}

a.error-continue-button:hover {
	background: #2c86c0;
}

a.error-continue-button:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #2775a8;
	border: solid 1px #34000c;
}

.error-title {
	display: none;
}

#fb_login_button {
	width: 80px;
}

#fb_login_button span, 
#fb_login_button iframe {
	width: 80px !important;
	height: 25px !important;
}

/*** Account Menu ***/
#account-menu-container {
	top: 25px;
	left: auto;
	right: 0;
	position: absolute;
	display: none;
}

#account-menu-container ul,
#account-menu-container ul li {
	list-style-type: none;
	margin: 0;
}

#account-menu-container ul li a {
	display: block;
}

/*EMBEDDED RESPONSIVE YOUTUBE CLIP*/ 
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 1.5em;
}

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


/* @end */

@media only screen and (min-width: 200px) {
 
	.page-static-about h1.intro, .page-static-asl h1.intro {
		display:none;
	}
		
	h1 {
		font-size: 1.6em;
	}
	
	.main-page h1.intro {
		margin-top:70px;
	}
	
	h2 {
		font-size: 1.4em;
	}
	
	h3 {
		font-size: 1.2em;
	}
		
	
	h4 {
		font-size: 1.0em;
	}
	
	.mobile-download-the-app {
		display: block;
	}

	.download-the-app {
		display: none;
	}

	.page-container {
		/*border: 2px solid pink;*/
		padding: 20px 20px 0;
	}

	#bible-art {
		text-align: center;
		margin: -15px auto 0;
		padding-top: 0px;
	}

	#bible-art p {
		line-height: 1.1em;
		font-size: 1em;
	}

	#bible-art img {
		width: 250px;
		height: 250px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #fff;
		padding: 6px;
		-moz-box-shadow: 0 2px 3px rgba(9,10,10,.55);
		-webkit-box-shadow: 0 2px 3px rgba(9,10,10,.55);
		box-shadow: 0 2px 3px rgba(9,10,10,.55);
	}

	.page-static-donate #slideShim img, .page-static-about #slideShim img {
		border: 8px solid #fff;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #fff;
		-moz-box-shadow: 0 2px 5px rgba(9,10,10,.55);
		-webkit-box-shadow: 0 2px 5px rgba(9,10,10,.55);
		box-shadow: 0 2px 5px rgba(9,10,10,.55);
		width: 300px;
		margin: 20px auto;
		height: auto;
	}

	.image-slider {
		margin: 0 auto;
		display: block;
		margin-bottom: 60px;
		min-height: 320px;
	}

	.page-static-about #slideShim, .page-static-donate #slideShim {
		height: auto!important;
		display: block;
	}

	.one-half-last, .one-half {
		text-align: center;
		display: block;
	}

	h1.mobile-title {
		font-size: auto;
		font-size: 23px;
		margin-top: -15px;
		margin-left: -12px;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
	}


	#deaf-app.section.img-left {
		margin-top: 1.5em;
	}

	.mobileNavClose {
		display: block;
	}

	.main-background {
		display: none;
	}

	img#share-app-icons {
		width: 100%;
		margin: 40px 1% 10px;
	}

	.facebook-button {
		font-size: 1em;
		float: left;
		width: 373px;
		height: 57px;
		background: #3a5999;
	}
	
	.google-button {
		font-size: 1em;
		float: left;
		width: 373px;
		height: 57px;
		background: #db4d40;
	}

	.twitter-button {
		font-size: 1em;
		color: #fff;
		float: left;
		width: 373px;
		border: 1px solid #185d89;
		background-color: #34aae1;
	}

	.email-button {
		font-size: 1em;
		color: #fff;
		float: left;
		width: 373px;
		border: 1px solid #5b636d;
		background-color: #7f8790;
	}

	.facebook-button .text, .twitter-button .text, .email-button .text, {
		height: 38px;
		padding: 10px 10px 10px 20px;
	}
	
	.google-button .text {
		height:38px;
		padding: 10px 10px 10px 50px;
	}

	#shareButtons {
		width: 100%;
		margin: 0 auto;
	}

	.page-static-share .facebook-button, .page-static-share .twitter-button, .page-static-share .email-button {
		width: 100%;
		margin: 12px auto;
	}

	.img-right img {
		display: block;
		width: 150%;
		float: none;
		margin-left: 0;
		margin: 0 auto;
	}

	.img-left img {
		display: block;
		width: 150%;
		float: none;
		margin-right: 0;
		margin: 0 auto;
	}

	.img-left, .img-right {
		text-align: center;
	}

	a.blue-cta, button.blue-cta {
		width: 90%;
		margin: 12px auto;
		display: block;
	}

	.page-static-asl .one-half img {
		margin-top: 24px;
		width: 100%;
	}

	#errorContainer {
		top: 100px;
		position: relative;
	}

	#navigation-container.open #navigation-menu li#mobile-account-menu-footer a {
		line-height: 10px;
	}

	.settings-size-small p {
		font-size: 60%;
		line-height: 1.5em;
	}

	.settings-size-medium p{
		font-size: 80%;
		line-height: 2em;
	}

	.settings-size-large p {
		font-size: 100%;
		line-height: 2em;
	}

	.settings-size-xlarge p{
		font-size: 120%;
		line-height: 2em;
	}

	#navigation-container.open .nav-logged-out a.mobile-logo {
		width: 30%;
		margin: 0 30%;
		top: 3px;
		position: relative;
	}

	#navigation-container.open .nav-logged-in a.mobile-logo {
		width: 26%;
		margin: 0 34%;
		top: -30px;
		position: relative;
	}
	
	div.jp-seek-bar {
		border-radius: 30px;
		background:#24292f;
		margin: 0 auto;
		margin-top:8px;
		width: 60%;
		height: 8px;
		cursor: pointer;
}

	div.jp-play-bar {
		margin: 0px 0 0;
		border-radius: 30px 0 0 30px;
		width: 0px;
		height: 8px;
		float: left;
		background: #ab1e3f;
	}

	div.jp-scrubber{
		float: left;
		margin: -5px 0 0 -10px;
		position: relative;
		display: block;
		width: 10px;
		height: 10px;
		border:5px solid white;
		border-radius:34px;
		background:#af1f40;
}

		/* ====================
		INTERMEDIATE: Menu
		==================== */

	nav a {
		float: left;
		width: 27%;
		margin: 0 1.7%;
		padding: 25px 2%;
		margin-bottom: 0;
	}

	nav li:first-child a {
		margin-left: 0;
	}

	nav li:last-child  a {
		margin-right: 0;
	}

	.wrapper {
		width: 100%;
		margin: 0 5%;
	}

	#masthead {
		/* padding: 0 0 0 5%; */
		display: none;
	}

		/* ========================
		INTERMEDIATE: IE Fixes
		======================== */

	nav ul li {
		display: inline;
	}

	.oldie nav a {
		margin: 0 0.7%;
	}

	#main {
		font-size: 120%;
		margin: 0 auto;
		background: #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #b2bcc6;
		overflow: hidden;
		line-height: 2em;
	}

	body {
		background: #F4F4F4;
		font-weight: 300;
	}

	#main #bible-article {
		width: 85%;
		margin: 77px auto 70px;
	}

	#footer {
		position: relative;
		height: auto;
		max-width: 1200px;
		width: 100%;
		color: #7d7d7d;
		font-size: 14px;
	}

	.nav-holder {
		margin: 0;
		width: 100%;
		top: 0px;
	}

	.page-user-login .nav-holder {
		left: 0px;
	}

	#footer {
		display: none;
	}

	#navigation-container {
		display: none;
	}

	.page-download-audio #navigation-container, .page-download-audio #masthead {
		display: block;
	}

	#navigation-container.open {
		display: block;
	}

	.search {
		display: none;
	}

	.search-button {
		float: left;
	}

	a.version-button {
		padding: 0 0 0 10px;
		margin: 0 8px;
		width: 44px;
		height: 30px;
		line-height: 30px;
		font-size: .8em;
	}

	.version-image {
		height: 43px;
		margin: -1px 15px 0 -10px;
		display: none;
	}

	.chapter-button {
		width: 47px;
		height: 30px;
		margin-right: 8px;
	}

	.search-button {
		width: 49px;
		height: 32px;
		display: none;
	}

	.search-button.mobile {
		display: block;
	}

	.searchPage .search-button.mobile {
		display: none;
	}

	a.font-button {
		padding: 0 12px;
		height: 30px;
		line-height: 1.8em;
		font-size: .9em;
	}

	.page-bible-index .chapter-image {
		margin: 5px 0 0 10px;
		background-size: 50%;
	}

	.chapter-title {
		padding: 0;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	.top-nav {
		width: 100%;
		height: 30px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		overflow: hidden;
	}

	#reader {
		margin: 0 0 86px;
	}

	.mobile-nav-button {
		display: inline-block;
		width: 40px;
		height: 30px;
		float: left;
		margin-left: 2%;
		border: 1px solid #41010f;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background:transparent;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		-webkit-transition-duration: 0.2s ease-in;
		-moz-transition-duration: 0.2s ease-in;
		transition-duration: 0.2s ease-in;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.svg .mobile-nav-button {
		background-image: url("../images/mobileNav.svg");
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: 28px;
	}

	.no-svg .mobile-nav-button {
		background-image: url("../images/mobileNav.png");
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: 35px;
	}

	.mobile-nav-button:hover {
		background-color: #781328;
	}

	.mobile-nav-button:active {
		background-color: #781328;
		border: solid 1px #34000c;
	}

	.mobile-nav-image {
		margin: 0 0 0 7px;
		width: 33px;
	}

	.search-image {
		top: 0px;
		position: relative;
		margin: 0 auto;
		left:4px;
		width: 28px;
		height: 21px;
		display: block;
	}

	#mobile-search-button .search-image {
		top: 0;
		left:0px;
		margin: 0 auto;
		width: 28px;
		height: 28px;
		display: block;
	}

	div.jp-audio div.jp-type-single div.jp-progress {
		z-index: 2;
		margin: -14px auto;
		margin-top:-5px;
		width: 47%;
	}

	.play-image {
		position: relative;
		width: 20px;
		height: 30px;
		display: block;
		margin: 0 auto;
		top: 2px;
	}

	.svg .play-image {
		background: url("../images/playBtn.svg") no-repeat 0 4px !important;
		background-size:25px;
	}

	.no-svg .play-image {
		background: url("../images/playBtnFallback.png") no-repeat left top;
		background-size: 100%;
	}

	.pause-image {
		top: 0;
		left: 0;
		position: relative;
		display: block;
		margin: 0 auto;
		width: 16px;
		height: 30px;
	}

	.svg .pause-image {
		background: url("../images/pause.svg") 0 4px no-repeat !important;
	}

	.no-svg .pause-image {
		background: url("../images/pauseFallback.png") no-repeat left top;
	}

	a.jp-play {
		top: 14px;
		left: 0;
		display: block;
		margin: 0 auto;
		position: relative;
		float: none;
		width: 40px;
		height: 35px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		box-shadow: none;
		border: none;
	}

	a.jp-play:hover {
		background: rgba(36,41,47,.5);
	}

	a.jp-play:active {
		background: rgba(36,41,47,.7);
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
		box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
	}

	a.jp-pause {
		top: 14px;
		display: block;
		margin: 0 auto;
		position: relative;
		/* left: 50%; */
		float: none;
		width: 40px;
		height: 35px;
		/* border-right: none; */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		box-shadow: none;
		border: none;
	}

	a.jp-pause:hover {
		background: rgba(36,41,47,.5);
	}

	a.jp-pause:active {
		background: rgba(36,41,47,.7);
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
		box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
	}

	.jp-volume-button {
		top: -33px;
		position: relative;
		right: 7%;
		float: right;
		width: 40px;
		height: 35px;
		border-left: none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: none;
		box-shadow: none;
		display: none;
	}

	.volume-image {
		position: absolute;
		background: url("../images/volume.svg") no-repeat 0 0;
		left: 8px;
		top: 8px;
		width: 26px;
		height: 20px;
		display: none;
	}

	div.jp-current-time {
		width: 46px;
		position: relative;
		float: left;
		font-style: normal;
		color: #fff;
		left: 6%;
		top: -29px;
	}

	div.jp-duration {
		width: 46px;
		float: right;
		font-style: normal;
		color: #fff;
		right: 6%;
		top: -29px;
		position: relative;
	}

	.jp-volume-bar {
		top: 13px !important;
		right: 10px !important;
		width: 20px !important;
		height: 200px !important;
	}

	.jp-volume-bar-container {
		padding-top: 25px;
		position: absolute;
		width: 39px;
		top: -225px;
		right: 7%;
		height: 200px;
		display: none;
		border: 1px solid #000;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: rgb(36,41,47);
		background-color: rgba(36,41,47,.9);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.0), inset 0 1px 0 rgba(255,255,255,.17);
		box-shadow: 0 1px 3px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.17);
	}

	div.jp-audio div.jp-type-single div.jp-interface {
		border-radius: 0;
		left: 0;
		width: 100%;
		height: 80px;
		position: fixed;
		bottom: 0;
	}

	.content-text {
		padding: 0;
	}

	div.jp-audio div.jp-type-single div.jp-time-holder {
		z-index: 0;
		position: absolute;
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	#reader {
		margin-bottom: 30px !important;
		min-height: 450px;
	}

	.chapter-nav-right-mobile {
		z-index: 2;
		height: 35px;
		position: fixed;
		display: block;
		width: 37px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
		bottom: 33px;
		right: 27%;
	}

	.chapter-arrow-right-mobile {
		width: 25px;
		height: 20px;
		margin: 0 auto;
		display: block;
	}

	.svg .chapter-arrow-right-mobile {
		background-image: url("../images/ff.svg");
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 22px;
	}

	.no-svg .chapter-arrow-right-mobile {
		background-image: url("../images/ff.png");
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 22px;
	}

	.arrow-center-mobile {
		height: 32px;
		position: absolute;
		top: 7px;
		left: 6px;
	}

	.chapter-nav-left-mobile {
		z-index: 2;
		left: 27%;
		position: fixed;
		display: block;
		width: 37px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
		bottom: 33px;
		height: 35px;
	}

	.no-svg .chapter-nav-right-mobile,
		.no-svg .chapter-nav-left-mobile {
 /* Fix for Android 2.3 */
		bottom: 48px;
	}

	.chapter-arrow-left-mobile {
		width: 25px;
		height: 20px;
		margin: 0 auto;
		display: block;
	}

	.svg .chapter-arrow-left-mobile {
		background-image: url("../images/rr.svg");
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 22px;
	}

	.no-svg .chapter-arrow-left-mobile {
		background-image: url("../images/rr.png");
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 22px;
	}

	.chapter-nav-right-mobile:hover, .chapter-nav-left-mobile:hover {
		background: rgb(36,41,47);
		background: rgba(36,41,47,.5);
		cursor: pointer;
	}

	.chapter-nav-right-mobile:active, .chapter-nav-left-mobile:active {
		background: rgba(36,41,47,.7);
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
		box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
	}

	#browse-modal-container {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
	}

	#browse-arrow {
		display: none;
	}

	#browse-modal {
		width: 200%;
		overflow: hidden;
		padding: 0;
		position: absolute;
		top: 50px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		border-radius:0px;
	}

	#browse-header {
		font-size: 1em;
		padding: 6px 0 0;
		clear: both;
		height: 43px;
		display: block;
		color: white;
		position: relative;
		text-align: center;
		font-weight: bold;
		background: rgb(36,41,47);
	}

	#browse-back {
		text-indent: -9999px;
		position: absolute;
		top: 15px;
		left: 10px;
		width: 25px;
		height: 25px;
		color: white;
		font-weight: bold;
		display: block;
	}

	.svg #browse-back {
		background-image: url("../images/arrowBack.svg");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 25px;
	}

	.no-svg #browse-back {
		background-image: url("../images/arrowBack.png");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 25px;
	}

	#browse-close {
		position: absolute;
		top: 10px;
		left: 12px;
		width: 25px;
		height: 25px;
		color: white;
		font-weight: bold;
		text-indent: -9999px;
	}

	.svg #browse-close {
		background-image: url("../images/mobileClose.svg");
		background-position: 3px 4px;
		background-repeat: no-repeat;
		background-size: 20px;
	}

	.no-svg #browse-close {
		background-image: url("../images/mobileClose.png");
		background-position: 3px 4px;
		background-repeat: no-repeat;
		background-size: 20px;
	}

	#browse-modal-container .filter {
		display: none;
	}

	#browse-book-list {
		border-radius: 0;
		width: 50%;
		overflow-y: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		margin-top: 0;
		height: auto;
		-webkit-overflow-scrolling: touch;
	}

	#browse-book-list a {
		border-bottom: 1px solid #030404;
		border-top: 1px solid #44484d;
		color: white;
		/* background-color: rgba(45, 49, 55, 0.98); */;
	}

	.svg #browse-book-list a {
		background: rgb(49, 53, 59) url("../images/arrowSmall.svg") no-repeat 95% 12px;
		background: rgba(49, 53, 59, 0.98) url("../images/arrowSmall.svg") no-repeat 95% 14px;
		background-size: 12px;
	}

	.no-svg #browse-book-list a {
		background: rgb(49, 53, 59) url("../images/arrowSmall.png") no-repeat 95% 14px;
		background: rgba(49, 53, 59, 0.98) url("../images/arrowSmall.png") no-repeat 95% 14px;
	}

	#browse-chapter-list {
		background-color: rgb(28, 31, 36);
		background-color: rgba(28, 31, 36, 0.98);
		border-radius: 0;
		width: 50%;
		height: 100%;
		margin-left: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin-top: 0;
		height: auto;
		-webkit-overflow-scrolling: touch;
	}

	#browse-chapter-list-content {
		border-radius: 0;
		width: auto;
	}

	#browse-chapter-list-content a {
		border-top: 1px solid #3c4045;
		width: 28%;
		color: white;
		background-color: rgb(45, 49, 55);
		background-color: rgba(45, 49, 55, 0.98);
	}

	#browse-modal.book-selected {
		left: -100%;
	}

	.chapter-button, .version-button, .font-button, #bible-container, .chapter-nav-left, .chapter-nav-right,
		#settings-font-list a, #settings-size-list a, #next-chapter-link a, #browse-chapter-list-content a,
		.jp-volume-button, .jp-volume-scrubber, #browse-book-list a, #browse-close, #library-language-list a {
		cursor: pointer;
	}

	.chapter-nav-right, .chapter-nav-left {
		display: none!important;
	}

	#library-modal-container {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
	}

	#library-arrow {
		display: none;
	}

	#library-modal {
		width: 300%;
		overflow: hidden;
		padding: 0;
		position: absolute;
		top: 0;
		right: 0px;
		bottom: 0px;
		left: 0px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.library-header {
		z-index: 1;
		height: 52px;
		display: block;
		color: white;
		position: relative;
		text-align: center;
		font-weight: bold;
		background: rgb(36,41,47);
	}

	.library-header h2 {
		line-height: 53px;
		font-size: 1em;
		padding: 0;
		margin: 0;
		color: #FFF;
		text-shadow: 0 -1px 0 #000;
	}

	#library-version-back,
		#library-details-back {
		text-indent: -9999px;
		position: absolute;
		top: 15px;
		left: 10px;
		width: 25px;
		height: 25px;
		color: white;
		font-weight: bold;
		display: block;
	}

	.svg #library-version-back, .svg #library-details-back {
		background-image: url("../images/arrowBack.svg");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 25px;
	}

	.no-svg #library-version-back, .no-svg #library-details-back {
		background-image: url("../images/arrowBack.png");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 25px;
	}

	.library-close {
		text-indent: -9999px;
		position: absolute;
		top: 18px;
		left: 12px;
		width: 25px;
		height: 25px;
	}

	.svg .library-close {
		background-image: url("../images/mobileClose.svg");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 20px;
	}

	.no-svg .library-close {
		background-image: url("../images/mobileClose.png");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 25px;
	}

	#library-modal-container .filter {
		/* display: none; */;
	}

	#library-filter {
		padding: 5px 5px 5px 34px;
		left: 57px!important;
		top: 8px;
		height: 30px;
		position: absolute;
		left: 0;
		border:none;
		right: 30px;
		width: 68%;
	}

	.svg #library-filter {
		background: #fff url("../images/filterIcon.svg") no-repeat 7px 11px;
		background-size: 20px;
	}

	.no-svg #library-filter {
		background: url("../images/filterIcon.png") no-repeat left top;
	}

	#library-language-container {
		width: 33.3%;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		margin-top: 0;
		height: auto;
	}

	#library-language-list {
		border-radius: 0;
		overflow-y: auto;
		position: absolute;
		top: 56px;
		left: 0;
		bottom: 0;
		margin-top: 0;
		height: auto;
		width: 100%;
		-webkit-overflow-scrolling: touch;
	}

	#library-language-list a {
		/* width: 79%; */
		border-bottom: 1px solid #030404;
		border-top: 1px solid #44484d;
		background: rgb(45, 49, 55) url("../images/arrowSmall.svg") no-repeat 95% 14px;
		background-size: 12px;
		color: #fff;
		background: rgba(45, 49, 55, 0.98) url("../images/arrowSmall.svg") no-repeat 95% 14px;
		background-size: 12px;
		color: #fff;
	}

	#library-version-container {
		width: 33.3%;
		height: 100%;
		margin-left: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 33.4%;
		margin-top: 0;
		height: auto;
	}

	#library-version-list {
		background-color: rgb(28, 31, 36);
		background-color: rgba(28, 31, 36, 0.98);
		height: 100%;
		margin-left: 0;
		position: absolute;
		top: 50px;
		right: 0;
		left: 0;
		bottom: 0;
		margin-top: 0;
		height: auto;
		width: auto;
		-webkit-overflow-scrolling: touch;
	}

	#library-version-list a {
		background-color: rgb(45, 49, 55);
		background-color: rgba(45, 49, 55, 0.98);
		background-size: 40px;
		border-bottom: 1px solid #030404;
		border-top: 1px solid #44484d;
		color: white;
	}

	#library-version-list a.info {
		background-color: transparent;
		border: none;
		right: -22px;
	}

	#library-modal.language-selected {
		left: 0;
	}

	#library-modal.show-details {
		left: 0;
	}

	#library-details-container {
		background-color: #2c3035;
		width: 33.3%;
		height: 100%;
		margin-left: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 66.6%;
		margin-top: 0;
		height: auto;
	}

	#library-modal.language-selected {
		left: -100%;
	}

	#library-modal.show-details {
		left: -200%;
	}

	#library-language-list div.letter {
	}

	#library-totals {
		display: none;
	}

	
	#bible-info {
		top: 60px;
		position: absolute;
		color: #fff;
		background-color: rgb(45, 49, 55);
		background-color: rgba(45, 49, 55, 0.98);
		padding: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	#radio-bible-info {
		top: 0;
		position: relative;
		color: #414141;
		background-color: #fff;
		padding: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	#library-filter-wrapper {
		background: rgb(36,41,47);
		display: block;
		height: 58px;
		width: 100%;
	}

	#bible-availability h2 {
		width: 120px;
		margin: 0 10px 0 0;
		clear: both;
		float: left;
		font-size: .8em;
		color: #FFF;
		text-shadow: 0 -1px 0 #000;
		-webkit-margin-before: -10px;
		-webkit-margin-after: 0;
	}

	.availability.text {
		float: left;
		width: 44px;
		height: 28px;
		background: url("../images/availableTextMobile.svg") no-repeat left 0;
		margin: 0px 15px 20px 0;
	}

	.no-svg .availability.text {
		background: url("../images/availableTextMobile.png") no-repeat left 0;
	}

	.availability.text.not {
		background-size: 20px;
		float: left;
		width: 44px;
		height: 28px;
		background: url("../images/availableTextNotMobile.svg") no-repeat left top;
		margin: 0px 15px 20px 0;
	}

	.no-svg .availability.text.not {
		background-size: auto;
		background: url("../images/availableTextNotMobile.png") no-repeat left 0;
	}

	.availability.audio {
		clear: right;
		float: left;
		width: 52px;
		height: 30px;
		background: url("../images/availableAudioMobile.svg") no-repeat left top;
		margin: 0 0 20px 0;
	}

	.no-svg .availability.audio {
		background: url("../images/availableAudioMobile.png") no-repeat left top;
	}

	.availability.audio.not {
		clear: right;
		float: left;
		width: 52px;
		height: 30px;
		background: url("../images/availableAudioNotMobile.svg") no-repeat left top;
		margin: 0 0 20px 0;
	}

	.no-svg .availability.audio.not {
		background: url("../images/availableAudioNotMobile.png") no-repeat left top;
	}

	#bible-copyrights h2 {
		font-size: 1.2em;
		margin: 0 0 -20px 0;
		color: #FFF;
		text-shadow: 0 -1px 0 #000;
	}

	#bible-availability {
		width: 134px;
		float: left;
		display: inline-block;
		margin: 0px 0 20px 7%;
	}

	.radio-bible-header {
		margin: 0 0 5px;
		/*text-align: center;*/
	}

	.bible-art {
		margin: 5px 5px 0px 0;
	}
	
	p.copyright-text {
		font-size:0.88em;
		margin-bottom:1.5em;
		font-weight:bold;
	}

	#bible-copyrights {
		font-size: .75em;
		float: left;
		display: block;
		clear: both;
		line-height: 1.1em;
		margin: 10px 0 0 0;
	}

	#library-details-content {
		right: 0;
		bottom: 0;
		top: 0;
		left: 0;
		position: absolute;
		display: block;
		float: none;
		overflow-y: auto;
	}

	#settings-modal-container {
		width: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgb(51, 51, 51);
		background-color: rgba(51, 51, 51, 0.8);
		position: fixed;
	}

	#settings-modal {
		/* width: auto; */
		padding: 0;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		/* width: 95%; */
		/* max-width: 460px; */
		max-height: 308px;
		position: absolute;
		float: none;
		margin: auto;
	}


	#settings-close {
		position: absolute;
		top: 13px;
		right: 13px;
		width: 20px;
		height: 20px;
		color: white;
		font-weight: bold;
		text-indent: -9999px;
	}

	.svg #settings-close {
		background-image: url("../images/mobileClose.svg");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 20px;
	}

	.no-svg #settings-close {
		background-image: url("../images/mobileClose.png");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 20px;
	}

	#settings-font-list,
		#settings-size-list {
		width: 47%;
		margin-bottom: 2%;
	}

	#settings-font-list {
		margin-left: 2%;
	}

	#settings-size-list {
		margin-right: 2%;
	}

	.bible-art img {
		width: 125px;
		height: 125px;
	}

	.search-back-button {
		width: 72px;
	}

	.svg .search-back-button {
		font-weight: bold;
		font-size: 1.2em;
		padding: 6px 0 0 44px;
		height: 36px;
		color: #fff;
		line-height: 1.55em;
		background-image: url("../images/searchBack.svg");
		background-position: 10px 10x;
		background-repeat: no-repeat;
		background-size: 25px;
	}

	#search-results {
		margin-top: 95px;
	}

	#search-page-controls a {
		line-height: 1.3em;
		padding: 2%;
		font-weight: bold;
		font-size: .85em;
		display: block;
		min-width: 20px;
		min-height: 20px;
		text-align: center;
		vertical-align: middle;
	}

	#search-page-controls a.selected {
		line-height: 1.3em;
		font-weight: bold;
		font-size: .85em;
		margin: 0;
		text-align: center;
		background-color: #2f80b4;
		color: white;
		padding: 2%;
		min-width: 20px;
		height: 20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #358fc9;
	}

	#mobile-search {
		font-size: 1em;
		width: 50%;
		height: 47px;
		position:absolute;
		right:84px;
		top:4px;
		border: 1px solid #23292f;
		background-size: 28px;
		-moz-border-radius: 5px 0px 0px 5px;
		-webkit-border-radius: 5px 0px 0px 5px;
		border-radius: 5px 0px 0px 5px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f9f9f9;
		color: #b0b7bd;
		font-size: .95em;
		font-style: italic;
		padding: 0 8px 0 9px;
	}

	#mobile-search:focus {
		background: #eaeaea;
		color: #444;
	}

	#mobile-search-button {
		display: block;
		width: 59px;
		height: 49px;
		position:absolute;
		border-radius: 0px 5px 5px 0px;
		right:25px;
		top:4px;
		border: 1px solid #000;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background:transparent;
	}

	#mobile-search-button:hover {
		background: #252A30;
	}

	#mobile-search-button:active {
		background: #252A30;
		border: solid 1px #34000c;
	}

	.search-results-page {
		position: relative;
		display: block;
		height: 100%;
		margin: 75px 10% 0 10%;
	}

	#search-modal {
		display: block!important;
	}

	.no-results {
		line-height: 1.3em;
		margin: 100px 10% 0 10%;
		text-align: left;
		font-style: italic;
		color: #7F8790;
	}

	a.error-continue-button {
		width: 70%;
		height: 55px;
	}

	.error-title {
		display: block!important;
		color: #fff;
		width: 88%;
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
		margin: 6px 0;
	}



		/* LOGIN PAGE */
 	.page-user-signup #signup-container {
		margin-top:4em;
		max-width:300px;
	}
	.page-user-login #footer {
		width: 348px;
	}

	.page-user-login #footer-right {
		width: 151px;
		margin: 0 auto;
	}

	.page-user-login #footer-left {
		text-align: center;
		margin: 10px 0 10px;
		clear: none;
		float: left;
	}

	.page-user-login .fb_iframe_widget {
		clear: both;
		margin: 15px 0 0 32px;
		float: left;
	}

	.page-user-login #main.error-page {
		min-height: 350px;
		margin: 77px auto 30px;
		background-color: #fff;
		border: none;
		width: 90%;
		display: block;
		border: 1px solid #A9B3BE;
	}

	.page-user-login .logo {
		background: url("../images/logoMediumNoTag.png") no-repeat left top;
		display: block;
		float: left;
		width: 257px;
		height: 48px;
	}

	.page-user-login .masthead-container {
		width: 665px;
		display: block;
		z-index: 2;
		position: relative;
		margin: 20px auto 0;
	}

	.page-user-login #main-container {
		width: 100%;
		display: block;
		margin: 0 auto;
		font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
	}

	.page-user-login #login-options {
		margin: 0 auto 30px auto;
		display: block;
		width: 100%;
	}

	.page-user-login #social-login-container {
		padding: 30px 0 70px 0px;
		width: 90%;
		clear: none;
		float: none;
		margin: 0 auto;
	}

	.page-user-login .facebook-button, .page-user-login .google-button {
		width: 99%;
		margin-top: 0.5em;
	}

	.page-user-login #login-separator {
		margin: 80px auto;
		height: 10px;
		float: none;
		border-bottom: 1px solid #A9B3BE;
		border-right: none;
		display: block;
		width: 90%;
	}

	.page-user-login .orText {
		width: 40px;
		line-height: 28px;
		display: block;
		height: auto;
		float: none;
		background: #fff;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		color: #202429;
		font-size: 30px;
		padding: 0 12px;
		margin: 25px auto;
	}

	.page-user-login #login-form {
		display: block;
		float: left;
		width: 100%;
		margin-top:-70px;
	}

	.page-user-login #login-errors {
		margin: 35px auto 0;
		width: 89%;
		float: none;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}

	.page-user-login #login-errors li {
		color: #9E1B35;
		font-size: .7em;
		line-height: 1.5em;
		background: #F4B6C4;
		padding: 5% 5%;
		border: 1px solid #9E1B35;
		margin: 0 0 20px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 90%;
		clear: none;
		float: none;
	}

	.page-user-login #login-form fieldset {
		margin: 20px auto 0;
		float: none;
		width: 90%;
	}

	.page-user-login #login-form-buttons {
		display: block;
		clear: both;
		margin: 50px auto;
		float: none;
		width: 90%;
	}

	.page-user-login h2 {
		text-align: center;
		width: 70%;
		display: block;
		color: #fff;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		font-size: 40px;
		line-height: 53px;
		font-size: 1.2em;
		padding: 0;
		margin: 0 auto;
	}

	.page-user-login #login-header {
		display: none;
	}

	.page-user-login .signup {
		clear: both;
		display: block;
		margin: 50px auto 50px;
		text-align: center;
		float: left;
		width: 100%;
	}

	.facebook-button, .google-button {
		height: 57px;

	}

	.forgot {
		line-height: 1.2em;
		width: 30%;
		font-size: .7em;
		margin: -8px 3% 0 0;
		float: left;
		clear: both;
	}

	.login-button {
		margin: -21px 0 0 0;
		padding: 13px;
		font-weight: bold;
		font-size: 1.1em;
		float: right;
		width: 40%;
		height: 30%;
	}

	#login-form #password {
		margin: 0 auto;
		padding: 3%;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #A9B3BE;
		width: 94%;
		height: 26px;
		border-top: 1px solid #FFFFFF;
		border-left: 1px solid #b1bbc5;
		border-bottom: 1px solid #b1bbc5;
		border-right: 1px solid #b1bbc5;
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	#login-form #email {
		margin: 0 auto;
		padding: 3%;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #A9B3BE;
		width: 94%;
		height: 26px;
		border: 1px solid #b1bbc5;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	.facebook-button .text, .twitter-button .text, .email-button .text, .google-button .text {
		text-align: center;
		margin: 0 auto;
		display: block;
		float: none;
		height: 38px;
		padding: 10px 5%;
		font-weight: bold;
	}

	.page-user-reset #main, .page-user-forgot #main {
		margin: 90px auto;
		max-width: 652px;
		width: 90%;
		border: none;
	}

	.reset-form-buttons button {
		font-size: 1em;
		margin: 20px 0 20px 3%;
		width: 60%;
	}

	#reset-errors {
		width: auto;
	}

	.page-user-reset #reset-errors li, .page-user-forgot #reset-errors li {
		list-style: none;
		color: #9E1B35;
		font-size: .7em;
		line-height: 1.5em;
		background: #F4B6C4;
		padding: 25px 5% 25px;
		border: 1px solid #9E1B35;
		margin: 0 auto 20px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 83%;
		clear: right;
		float: none;
	}

	.page-user-reset #reset-errors-code li {
		list-style: none;
		color: #9E1B35;
		font-size: .7em;
		line-height: 1.5em;
		background: #F4B6C4;
		padding: 25px 5% 25px;
		border: 1px solid #9E1B35;
		margin: 0 auto 20px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 83%;
		clear: right;
		float: none;
	}

	.page-user-reset .reset-form, .page-user-forgot .reset-form {
		padding: 0 0 3% 0;
		width: 100%;
		display: block;
	}

	.page-user-reset #passwordConfirm, .page-user-forgot #passwordConfirm,
		.page-user-reset #passwordConfirm-placeholder, .page-user-forgot #passwordConfirm-placeholder {
		margin: 0 3%;
		padding: 16px 13% 10px 3%;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #B2BCC6;
		width: 77%;
		height: 26px;
		border: 1px solid #b1bbc5;
		/*border-top: none;*/
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	.page-user-reset #password, .page-user-forgot #password,
		.page-user-reset #password-placeholder, .page-user-forgot #password-placeholder {
		margin: 0 3%;
		padding: 16px 13% 10px 3%;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #B2BCC6;
		width: 77%;
		height: 26px;
		border: 1px solid #b1bbc5;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	.page-user-reset #code {
		margin: 20px 3% 0;
		padding: 16px 13% 10px 3%;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #B2BCC6;
		width: 77%;
		height: 26px;
		border: 1px solid #b1bbc5;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	.page-user-forgot #email {
		float: none;
		margin: 20px 3% 20px 3%;
		padding: 16px 13% 10px 3%;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #B2BCC6;
		width: 77%;
		height: 26px;
		border: 1px solid #b1bbc5;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	.page-user-reset p, .page-user-forgot p {
		font-size: .7em;
		line-height: 1.5em;
		margin-bottom: 20px;
		margin-left: 3%;
		margin-right: 3%;
		font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
	}

	.page-user-reset #forgot-header p, .page-user-forgot #forgot-header p {
		padding: 0;
		font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
	}

	#app-promo p {
		line-height: 1.1em;
		margin: 122px 0 5px;
	}

	#promo {
		float: none;
		clear: both;
		width: 100%;
		height: 183px;
		border: 1px solid #b2bcc6;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 5px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f5f5f5;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
		background-image: url("../images/appPromoIcons.png");
		background-repeat: no-repeat;
		background-position: 50% 19px;
		overflow: hidden;
	}

	#promo-ribbon {
		background-color: #af1f40;
		position: relative;
		left: 44%;
		top: 20px;
		width: 240px;
		height: 30px;
		z-index: 9;
		padding-top: 0.1em;
		margin: 0 auto;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#promo-ribbon h4 {
		font-size: 22px;
		color: #fff;
		text-align: center;
		margin-top:0;
		text-shadow: none;
	}

	#app-promo {
		width: 80%;
		position: absolute;
		font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
		margin: 0;
		font-size: 1.25em;
		text-align: center;
		line-height: 1.5em;
		background-repeat: no-repeat;
		background-position: 100% 0px;
	}

	.page-bible-verse .center {
		width: 100%;
	}

	.page-bible-verse #main {
		border-radius: 0;
		width: 100%;
		margin: 0 0 30px;
	}

	a.back-to-chapter-button {
		line-height: 30px;
		padding: 0 2%;
		margin: 0 8px;
		width: auto;
		height: 30px;
	}

	.svg a.back-to-chapter-button span {
		background-position: left 2px;
	}

	.no-svg a.back-to-chapter-button span {
		background-position: left 12px;
	}

	#verse-share {
		height: 84px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	.verse-share-title {
		font-size: .8em;
		float: left;
		text-align: left;
		line-height: 1em;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #fff;
		width: 90%;
		margin: 7px 3% 1% 3%;
	}

	#verse-share .fb_edge_widget_with_comment {
		margin: 16px 2% 0 0;
	}

	#verseNavigation {
		height: 50px;
		display: block;
		margin: 0 0 30px;
		width: 100%;
	}

	.verse-nav-left-mobile {
		overflow: hidden;
		text-align: center;
		display: inline-block;
		line-height: 48px;
		padding: 0 2%;
		margin: 0 8px;
		width: 35%;
		height: 47px;
		float: left;
		color: #24292F;
		font-size: .7em;
		font-weight: bold;
		border: 1px solid #41010f;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #E8EAED;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #E8EAED;
		box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #E8EAED;
		background: #9DA5AD;
 /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2ZkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YmEzYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(202,207,213,1) 0%, rgba(155,163,171,1) 100%);
 /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(202,207,213,1)), color-stop(100%,rgba(155,163,171,1)));
 /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(202,207,213,1) 0%,rgba(155,163,171,1) 100%);
 /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(202,207,213,1) 0%,rgba(155,163,171,1) 100%);
 /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(202,207,213,1) 0%,rgba(155,163,171,1) 100%);
 /* IE10+ */
		background: linear-gradient(to bottom,  rgba(202,207,213,1) 0%,rgba(155,163,171,1) 100%);
 /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacfd5', endColorstr='#9ba3ab',GradientType=0 );
 /* IE6-8 */
		/*
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
		*/
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		text-shadow: 0 1px 0 rgba(255,255,255,.55);
	}

	.verse-nav-left-mobile:hover {
		background: #9DA5AD;
		color: #24292F;
	}

	.verse-nav-left-mobile:active {
		-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		background: #9DA5AD;
		border: solid 1px #34000c;
	}

	.verse-nav-left-mobile span {
		float: left;
		display: block;
		width: 30px;
		height: 45px;
		margin: 0 0 0 6%;
	}

	.svg .verse-nav-left-mobile span {
		background-image: url("../images/arrowBackDark.svg");
		background-position: left 14px;
		background-repeat: no-repeat;
		background-size: 22px;
	}

	.no-svg .verse-nav-left-mobile span {
		background-image: url("../images/arrowBackDark.png");
		background-position: left 16px;
		background-repeat: no-repeat;
		background-size: 18px;
	}

	.verse-nav-right-mobile {
		overflow: hidden;
		text-align: center;
		display: inline-block;
		line-height: 48px;
		padding: 0 2%;
		margin: 0 8px;
		width: 35%;
		height: 47px;
		float: right;
		color: #24292F;
		font-size: .7em;
		font-weight: bold;
		border: 1px solid #41010f;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #E8EAED;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #E8EAED;
		box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #E8EAED;
		background: #9DA5AD;
 /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2ZkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YmEzYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(202,207,213,1) 0%, rgba(155,163,171,1) 100%);
 /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(202,207,213,1)), color-stop(100%,rgba(155,163,171,1)));
 /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(202,207,213,1) 0%,rgba(155,163,171,1) 100%);
 /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(202,207,213,1) 0%,rgba(155,163,171,1) 100%);
 /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(202,207,213,1) 0%,rgba(155,163,171,1) 100%);
 /* IE10+ */
		background: linear-gradient(to bottom,  rgba(202,207,213,1) 0%,rgba(155,163,171,1) 100%);
 /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacfd5', endColorstr='#9ba3ab',GradientType=0 );
 /* IE6-8 */
		/*
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
		*/
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		text-shadow: 0 1px 0 rgba(255,255,255,.55);
	}

	.verse-nav-right-mobile:hover {
		background: #9DA5AD;
		color: #24292F;
	}

	.verse-nav-right-mobile:active {
		-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		background: #9DA5AD;
		border: solid 1px #34000c;
	}

	.verse-nav-right-mobile span {
		float: right;
		display: block;
		width: 30px;
		height: 45px;
		margin: 0 2% 0 0;
	}

	.svg .verse-nav-right-mobile span {
		background-image: url("../images/arrowForwardDark.svg");
		background-position: left 14px;
		background-repeat: no-repeat;
		background-size: 22px;
	}

	.no-svg .verse-nav-right-mobile span {
		background-image: url("../images/arrowForwardDark.png");
		background-position: left 16px;
		background-repeat: no-repeat;
		background-size: 18px;
	}

	.fb_iframe_widget {
		margin: 9px 32px 0 0;
		float: right;
	}

	.facebook-button .text, .google-button .text {
		font-size: 16px;
	}

	#browse-chapter-list-content a {
		width: 27.8%;
	}

	#download-the-app {
		float: none;
		clear: both;
		display: block;
		margin-top: 8%;
	}

	#chapter-videos-list-mobile .scripture-reference-container a.chapter-reference span.title {
		color: #707477;
		font-weight: normal;
		font-size: 14px;
	}

	.page-user-settings .reset-form-buttons button, .page-user-settings .form-buttons button {
		font-size: 20px;
	}
}

@media only screen and (min-width: 410px) {
	#browse-chapter-list-content a {
		width: 29%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width: 420px) {
	#download-the-app {
		margin-top: 22%;
	}
}

@media only screen and (min-width: 526px) {
	#browse-chapter-list-content a {
		width: 30%;
	}
}

@media only screen and (width: 360px) and (orientation:portrait) {
 /* Fix for Galaxy Note */
	#browse-chapter-list-content a {
		width: 28.5%;
	}
}

@media only screen and (max-width: 767px) {
	.page-container {
	/*border: 2px solid blue;*/;
	}

	.signup.desktop {
		display: none;
	}

	.intro, .sub-intro {
		width: 70%;
	}

	.intro {
		display: none;
	}

	.page-static-donate .intro {
		display: block;
		margin-top: 100px;
	}

	.page-static-donate .sub-intro {
		margin-top: 20px;
	}

	.sub-intro {
		margin-top: 100px;
	}

	.third {
		max-width: 768px;
		width: 75%;
		margin: 0 auto;
		display: block;
	}
}



@media only screen and (min-width: 768px) {
	
	.page-static-about h1.intro, .page-static-asl h1.intro {
		display:block;
	}
	
	h1 {
		font-size: 3em;
		line-height: 2.7em;
		margin-bottom: 2em;
	}
	
	.main-page h1.intro {
		margin-bottom: -0.5em;
	}
	
	h2 {
		font-size: 2.5em;
		line-height: 1.5;
		margin-bottom: 2em;
	}
	
	h3 {
		font-size: 1.8em;
		line-height: 1.2em;
		margin-bottom: 1.0em;
	}
	
	
	h4 {
		font-size: 1.5em;
		line-height: 1.5em;
		margin-bottom: 1.0em;
	}
	
	h5 {
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 1.0em;
	}
	
	h6 {
		font-size: 1em;
		line-height: 1em;
		margin-bottom: 1em;
	}
	
	.mobile-only {
		display: none !important;
	}

	.mobile-download-the-app {
		display: none;
	}

	.download-the-app {
		display: block;
	}

	.page-container {
	/*border: 2px solid yellow;*/
		width: 70%;
		padding: 0;
	}

	#bible-art {
		text-align: center;
		margin: 40px auto;
		padding: 0;
	}
	
	div.jp-seek-bar {
		border-radius: 30px;
		background:#24292f;
		margin: 0 auto;
		margin-top:3px;
		width: 60%;
		height: 16px;
		cursor: pointer;
}

	div.jp-play-bar {
		margin: 0px 0 0;
		border-radius: 30px 0 0 30px;
		width: 0px;
		height: 16px;
		float: left;
		background: #ab1e3f;
	}
	
	div.jp-scrubber {
		float: left;
		margin: -2px 0 0 -10px;
		position: relative;
		display: block;
		width: 10px;
		height: 10px;
		border:5px solid white;
		border-radius:34px;
		background:#af1f40;
	}

	.image-slider {
		min-height: 550px;
	}

	.image-slider #slideShim img {
		width: 500px;
	}

	.download-the-app {
		margin-bottom: 3.0em;
		text-align: center;
	}

	#download-the-app {
		margin-top: 20px;
		text-align: center;
	}

	.main-page .nav-holder {
		display: none;
	}


	.page-static-asl #asl-logo-large,
	.page-static-apps #asl-logo-large {
		width: 64px;
		height: 64px;
		margin-right: 20px;
		display: inline-block;
		background-image: url(../images/logos/deaf-app-64.png);
		vertical-align: top;
	}

	html.rtl .page-static-apps #asl-logo-large {
		margin-right: 0;
		margin-left: 20px;
	}

	.page-static-asl #asl-logo-small,
	.page-static-apps #asl-logo-small {
		display: none;
	}

	.page-static-share h2 {
		width: auto;
		color: #202429;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		font-size: 40px;
		line-height: 40px;
		margin: 0.83em 0;
	}

	h1.mobile-title {
		font-size: 38px;
	}

	#verseNavigation {
		display: none;
	}

	.main-background {
		display: block;
	}

	#main {
		overflow: hidden;
		font-weight: 300;
		font-size: 140%;
		margin: 0 auto;
		background: #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #b2bcc6;
		overflow: hidden;
		line-height: 2em;
		padding: 0 0 90px;
	}

	.wrapper {
		width: 70.1%;
		margin: 0 auto;
	}

	#title {
		float: left;
	}

	nav {
		float: right;
		width: 38%;
	}

	#main #bible-article {
		margin: 195px auto 0;
		width: 75%;
	}

	#main aside {
		float: right;
		width: 28%;
	}

	#masthead {
		padding: 15px 0 28px;
		margin: 0 auto;
		width: 100%;
		display: block;
	}

	.masthead-center {
		width: 70%;
		margin: 0 auto;
	}

	.masthead-container {
		height: 61px;
		position: fixed;
		width: 100%;
		display: block;
		z-index: 20;
	}

	#shareButtons {
		width: 60%;
		margin: 0 auto;
	}

	a.blue-cta, button.blue-cta {
		width: 70%;
		margin: 12px auto;
		display: block;
	}

	.img-right img {
		display: block;
		width: 80%;
		float: none;
		margin-left: 0;
		margin: 0 auto;
	}

	.img-left img {
		display: block;
		width: 80%;
		float: none;
		margin-right: 0;
		margin: 0 auto;
	}

	#app-slider {
		text-align: left;
	}

	html.rtl #app-slider {
		text-align: right;
	}

	#jp_container_1.noAudio {
		display: none;
	}

	.page-deaf-index .masthead-container {
		margin-bottom: 15px;
	}

	.main-page .logo {
		background: url("../images/logoBigNoTag.png") no-repeat left top;
		background-size: 100%;
		width: 239px;
		height: 83px;
		margin-top: 10px;
		transition-property: width;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}

	.page-static-asl .logo {
		height: 84px;
	}

	#account-name {
		max-width: 220px;
	}

	#errorContainer {
		top: 50px;
		position: relative;
	}

	.settings-size-small p {
		font-size: 80%;
		line-height: 2em;
	}

	.settings-size-medium p{
		font-size: 100%;
		line-height: 2em;
	}

	.settings-size-large p{
		font-size: 120%;
		line-height: 2em;
	}

	.settings-size-xlarge p{
		font-size: 160%;
		line-height: 2em;
	}

	.page-user-login .facebook-button, .page-user-login .google-button {
		width: 92%;
	}
	
	.page-user-signup #signup-container {
		margin-top:0em;
		max-width:400px;
	}

	.nav-holder {
		width: 70%;
	}

	.search {
		width: 35%;
		min-width: 200px;
		height: 38px;
		float: left;
		border: 1px solid #23292f;
		background-size: 28px;
		-moz-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f9f9f9;
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.26);
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.26);
		box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.26);
		color: #b0b7bd;
		font-size: .95em;
		font-style: italic;
		text-shadow: 0 1px 0 rgba(255,255,255,.55);
		padding: 0 8px 0 9px;
	}

	.search:focus {
		background: #eaeaea;
		color: #444;
		-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		box-shadow: none;
		box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6), 1px 0 0 0 #000;
	}

	.nav-holder {
		margin: 74px 0 0;
	}

	/* BROWSE MODAL */
	#browse-header {
		display: none;
	}

	#browse-modal-container {
		position: absolute;
		top: 50px;
		left: 20px;
		width: 82%;
		display: none;
		z-index: 10;
		display: block;
	}

	#browse-modal {
		display: inline-block;
		margin: -34px 0 0;
		padding: 10px;
		width: 800px;
		height: 366px;
		border-radius:5px;
	}

	.ie8 #browse-modal {
		background: #393d43;
	}

	#browse-modal-container .filter {
		margin: 0 0 10px;
		display: block;
	}

	#browse-filter {
		margin: 0 auto;
		padding: 1% 1% 1% 35px;
		display: block;
		width: 435px;
		color: #7f878f;
		font-size: 1em;
		font-style: italic;
		text-shadow: 0 1px 0 rgba(255,255,255,.55);
		height: 41px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.svg #browse-filter {
		background: #fff url("../images/filterIcon.svg") no-repeat 7px 15px;
		background-size: 20px;
	}

	.no-svg #browse-filter {
		background: url("../images/filterIcon.png") no-repeat left top;
		background-size: 20px;
	}

	#browse-filter:focus {
	/* background: #eaeaea; */
		color: #444;
		-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		box-shadow: none;
		box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6), 1px 0 0 0 #000;
	}

	#browse-book-list, #browse-chapter-list {
		top: initial;
		left: initial;
		position: relative;
		height: 300px;
		width: 395px;
		overflow-x: hidden;
		overflow-y: auto;
		background-color: white;
	}

	#browse-book-list {
		border-radius: 5px;
		margin-top: 0;
		float: left;
	}

	#browse-chapter-list {
		margin-left: 0;
		display: inline-block;
		border-radius: 5px;
		margin-top: 0;
		float: right;
		background: #aeb8c1;
	}

	#browse-chapter-list-content {
		overflow: hidden;
		padding: 0;
		border-radius: 5px;
		width: 394px;
		margin: 0 0 0 1px;
	}

	.svg #browse-book-list a {
		background: #fff;
		font-weight: bold;
		display: block;
		padding: 10px 13px;
		color: #333;
		border-bottom: 1px solid #aeb8c1;
		border-top: none;
	}

	#browse-chapter-list a {
		border: none;
		background: #fff;
		display: block;
		padding: 8px 8px;
		color: #333;
		margin: 0 1px 1px 0!important;
		display: inline-block;
		width: 114px;
		text-align: center;
	}

	#browse-chapter-list a:hover {
		background-color: #358fc9;
		color: #fff;
	}

	#browse-book-list a.selected, #browse-chapter-list a.selected {
	/* border: 1px solid #0f4060; */
		background-color: #358fc9;
		color: #fff;
	}

	#browse-book-list a:hover {
		background-color: #358fc9;
		color: #fff;
	}

	#browse-arrow {
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 18px 16px 18px;
		border-color: transparent transparent #262b31 transparent;
		margin: 0 0 0 122px;
	}

	#browse-modal.book-selected {
		left: 0;
	}

	#browse-chapter-list a {
		width: 61px;
	}

	#browse-book-list, #browse-chapter-list, #browse-chapter-list-content {
		width: 235px;
	/* overflow: hidden; */;
	}

	#browse-modal {
		width: 480px;
	}


	/* BROWSE MODAL END */


	#library-modal {
		width: 480px;
	}

	#library-language-list, #library-version-list {
		width: 235px;
	}

	#library-version-list .version-link .version-name {
		line-height: 17px;
		height: auto;
		display: block;
		font-weight: normal;
		margin: 0;
		max-width: 110px;
		overflow: hidden;
		min-height: 35px;
		font-size: 16px;
	}

	#footer-left {
		margin: 10px 0 0;
        clear: both;
        float: left;
        text-align: left;
	}

	#footer {
	    width: 70%;
        clear: both;
        display: block;
	}
	.page-static-terms #footer, .page-static-privacy #footer, .page-static-kidz-privacy #footer{
	height: 100px;
	position: relative;
	max-width: 1200px;
	margin: 25px auto 50px;
	/*width: 475px;*/
	color: #7d7d7d;
	font-size: 18px;
	display: block;
	}

	#footer-left ul {
		list-style-type: none;
		margin: 0 0 40px;
		padding: 0;
	}

	#footer-right {
		width: 151px;
        float: right;
	}

	.social-icons {
		float: left;
		width: 150px;
	}

	.facebook {
		display: block;
		margin: -43px 0 0;
		background: url("../images/facebook.png") no-repeat left top;
		width: 129px;
		height: 46px;
		float: right;
	}

	#navigation-container {
		display: block;
	}

	.search {
		display: block;
	}

	.search-button {
		width: 59px;
		height: 40px;
		display: block;
		border-radius:0 5px 5px 0;
	}

	a.version-button {
		width: 110px;
		height: 38px;
		padding: 2px 0 0;
		line-height: 1.7em;
	}

	.version-image {
		border-radius: 5px 0 0 5px;
		height: 40px;
		margin: -2px 15px 0 0;
		display: inline-block;
		border-right: 1px solid #000;
	}

	.chapter-button {
		width: 50px;
		height: 40px;
	}

	.page-bible-index .chapter-image {
		margin: 8px 0 0 11px;
	}

	.chapter-title {
		padding: 30px 0 0;
	}

	.top-nav {
		height: 40px;
		-moz-border-radius: 5px 5px 0 0 / 5px 5px 74px 0;
		-webkit-border-radius: 5px 5px 0 0 / 5px 5px 74px 0;
		border-radius: 5px 5px 0 0 / 5px 5px 74px 0;
	}

	#reader {
		margin: 0 auto;
	}

	.mobile-nav-button, .mobile-nav-image {
		display: none;
	}

	.search-image {
		width: 32px;
		height: 32px;
		display: block;
		left:0px;
	}

	div.jp-audio div.jp-type-single div.jp-progress {
		z-index: 2;
		width: auto;
		margin: -7px 120px 0 220px;
	}

	.page-bible-index a.jp-play {
		top: 0;
		position: relative;
		float: left;
		height: 48px;
		-moz-border-radius: 0 0 0 5px;
		-webkit-border-radius: 0 0 0 5px;
		border-radius: 0 0 0 5px;
		-webkit-box-shadow: none;
		left: 0;
		margin-left: 25px;
		width: 50px;
	}

	.page-bible-index a.jp-play:hover {
		background: rgba(36,41,47,.5);
	}

	.page-bible-index a.jp-play:active {
		background: rgba(36,41,47,.7);
	}

	.page-bible-index a.jp-pause {
		top: 0;
		position: relative;
		float: left;
		height: 48px;
		-moz-border-radius: 0 0 0 5px;
		-webkit-border-radius: 0 0 0 5px;
		border-radius: 0 0 0 5px;
		left: 0;
		margin-left: 25px;
		width: 50px;
	}

	.page-bible-index .volume-image {
		position: absolute;
		background: url("../images/volume.svg") no-repeat 0 0;
		left: 16px;
		top: 13px;
		width: 28px;
		height: 24px;
		display: inline;
	}

	a.jp-pause:hover {
		background: rgba(36,41,47,.5);
	}

	.page-bible-index .page-bible-index a.jp-pause:active {
		background: rgba(36,41,47,.7);
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
		box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 #000;
	}

	.svg .page-bible-index .play-image {
		background: url("../images/playBtn.svg") no-repeat 0 0 !important;
		margin: 3px 0 0 10px;
		top:9px;
	}

	.no-svg .page-bible-index .play-image {
		background: url("../images/playBtnFallback.png") no-repeat 0 0 !important;
		margin: 3px 0 0 10px;
	}

	.page-bible-index .svg .play-image {
		background: url("../images/playBtn.svg") no-repeat 0 0px !important;
		background-size:25px;
	}

	.page-bible-index .no-svg .play-image {
		background: url("../images/playBtnFallback.png") no-repeat left top;
		background-size:100%;
	}

	.page-bible-index .pause-image {
		left: 0px;
		top: 8px;
		position: absolute;
		width: 16px;
		height: 27px;
		margin-left: 10px;
	}

	.page-bible-index .svg .pause-image {
		background: url("../images/pause.svg") 0 0px no-repeat !important;
	}

	.page-bible-index .no-svg .pause-image {
		background: url("../images/pauseFallback.png") no-repeat left top;
	}

	.page-bible-index div.jp-current-time {
		left: 0;
		position: relative;
		float: left;
		font-style: normal;
		color: #fff;
		top: -46px;
		width: auto;
		display: none;
		margin-left: 10px;
	}

	.page-bible-index div.jp-duration {
		display: none;
	}

	.page-bible-index div.jp-remaining {
		float: right;
		font-style: normal;
		color: #fff;
		top: -46px;
		position: relative;
		right: 0;
		width: auto;
		display: block;
		font-size: .64em;
	}

	.chapter-arrow-left-mobile {
		background-size: 25px !important;
		height: 32px !important;
		width: 35px !important;
		margin-top: 4px;
	}

	.chapter-arrow-right-mobile {
		background-size: 25px !important;
		height: 32px !important;
		width: 35px !important;
		margin-top: 4px;
	}

	.arrow-center-mobile {
		top: 9px;
		left: 0;
		width: 25px;
		height: 25px;
		margin-left: 10px;
		background-size: auto;
	}

	.page-bible-index .jp-volume-button {
		top: 0;
		position: absolute;
		right: -1px;
		float: left;
		width: 58px;
		height: 48px;
		border-left: 1px solid #000;
		-moz-border-radius: 0 0 5px 0;
		-webkit-border-radius: 0 0 5px 0;
		border-radius: 0 0 5px 0;
		-webkit-box-shadow: -1px 0 0 0 #4e5359;
		box-shadow: -1px 0 0 0 #4e5359;
		display: block;
	}

	.jp-volume-bar {
		top: 16px !important;
		right: 18px !important;
		width: 20px !important;
		height: 240px !important;
	}

	.jp-volume-bar-container {
		padding-top: 25px;
		position: absolute;
		width: 57px;
		top: 47px;
		right: -1px;
		height: 250px;
		border: 1px solid #000;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: rgb(36,41,47);
		background-color: rgba(36,41,47,.9);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.0), inset 0 1px 0 rgba(255,255,255,.17);
		box-shadow: 0 1px 3px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.17);
	}

	div.jp-audio div.jp-type-single div.jp-interface {
		height: 47px;
		position: relative;
		bottom: auto;
	}

	div.jp-interface {
		-moz-border-radius: 0 0 5px 5px / 0 65px 5px 5px!important;
		-webkit-border-radius: 0 0 5px 5px / 0 65px 5px 5px!important;
		border-radius: 0 0 5px 5px / 0 65px 5px 5px!important;
	}

	#settings-arrow {
		margin: -17px 22px 0 0;
		display: block;
	}

	#settings-font-list, #settings-size-list {
		width: 223px;
		overflow-x: hidden;
		overflow-y: auto;
		background-color: white;
	}

	#settings-modal {
		float: right;
		display: inline-block;
		margin: -1px 0 0;
		padding: 10px;
		/* width: 456px; */
		height: auto;
	}

	#settings-header-font, #settings-header-size {
		color: #fff;
		width: 225px;
		display: inline-block;
		text-align: center;
		line-height: 24px;
		margin: 0;
		padding: 0;
		font-size: 22px;
	}

	.content-text {
		padding: 0;
	}

	div.jp-audio div.jp-type-single div.jp-time-holder {
		z-index: 0;
		position: relative;
		width: auto;
		margin-left: 240px;
		margin-right: 70px;
	}

	#reader {
		margin-bottom: 10px !important;
		min-height: 450px;
	}

	.chapter-nav-right-mobile, .chapter-nav-left-mobile {
		position: relative;
		float: left;
		top: 0px;
		bottom: auto;
		left: auto;
		right: auto;
		width: auto;
		height: 47px;
	}

	.chapter-nav-left-mobile {
		margin-left: 15px;
		width: 55px;
	}

	.chapter-nav-right-mobile {
		margin-left: 10px;
		width: 55px;
	}

	.chapter-nav-right, .chapter-nav-left {
		display: block!important;
	}

	#library-modal-container {
		position: absolute;
		top: 69px;
		left: 20px;
		width: 82%;
		display: none;
		z-index: 10;
	}

	#library-modal {
		display: inline-block;
		margin: -49px 0 0;
		padding: 10px;
		width: 800px;
		height: 300px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: rgb(36,41,47);
		background-color: rgba(36,41,47,.96);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.75), 0 1px 0 rgba(255,255,255,.17);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.75), 0 1px 0 rgba(255,255,255,.17);
		box-shadow: 0 1px 3px rgba(0,0,0,.75), 0 1px 0 rgba(255,255,255,.17);
	}

	.ie8 #library-modal {
		background: #393d43;
	}

	#library-filter-container {
		display: block;
		width: 97%;
	/* float:left; */;
	}

	#library-filter {
		margin: 0 auto;
		margin-top:2px;
		padding: 1%;
		display: block;
		width: 780px;
		color: #7f878f;
		font-size: 1em;
		font-style: italic;
		text-shadow: 0 1px 0 rgba(255,255,255,.55);
		height: 41px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border:none;
	}

	#library-filter:focus {
	/* background: #eaeaea; */
		color: #444;
		-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		box-shadow: none;
		box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6), 1px 0 0 0 #000;
	}

	#library-language-list, #library-version-list {
		width: 320px;
		overflow-x: hidden;
		overflow-y: auto;
		height: 246px;
		float: left;
		background-color: white;
	}

	#library-language-list {
		margin-top: 15px;
		width: 395px;
		margin-right: 0;
		height: 246px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	#library-version-list {
		left: 143px;
		top: 73px;
		position: absolute;
		width: 395px;
	/* float:right; */
		margin-top: 8px;
		height: 246px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #fff;
		display: block;
	}

	#library-language-list a, #library-version-list a {
		border-bottom: 1px solid #aeb8c1;
		border-top: none;
		background-color: transparent;
		display: block;
		line-height: 30px;
		font-weight: bold;
		display: block;
		padding: 12px 15px 12px;
		color: #333;
	}

	#library-language-list a, .version-link {
		border-top: none;
	/*background: #fff; Removed this to correct issue where background was not being applied when hovering over the info icon*/
		border-bottom: 1px solid #aeb8c1;
	}

	.version {
	/* height: 73px; */;
	}

	#library-language-list a.selected, #library-version-list a.selected {
		background-color: #358fc9;
		color: #fff;
	}

	#library-language-list a:hover {
		background-color: #358fc9;
		color: #fff;
	}

	.info:hover .version-link {
		background-color: #358fc9!important;
		color: #fff!important;
	}

	.blue {
		background-color: #358fc9;
		color: #fff;
	}

	#library-language-list div.letter {
		width: 461px;
		height: 40px;
		background-color: rgb(178,188,198);
		background-color: rgba(178,188,198,.9);
		font-weight: bold;
		padding: 0 0 0 8px;
	}

	#library-version-loading {
		width: 100%;
		height: 100%;
		z-index: 15;
		background: #fff url("../images/spinner.gif") no-repeat center center;
	}

	#library-version-list .version-link {
		background: #fff;
		clear: both;
		position: relative;
	}

	#library-totals {
		top: 300px;
		position: absolute;
		display: block;
		clear: both;
		width: 100%;
	}

	#library-totals #total-languages {
		position: absolute;
		top: 16px;
		left: -192px;
		margin: 0;
		font-size: .9em;
		display: inline-block;
		color: #fff;
		text-align: center;
		width: 294px;
	}

	#library-totals #total-bibles {
		left: 44px;
		top: 16px;
		position: absolute;
		margin: 0;
		font-size: .9em;
		display: inline-block;
		color: #fff;
		text-align: center;
		width: 294px;
	}

	.version:hover, .version:hover > .version-link {
		background: #358fc9!important;
	}

	.version-link:hover {
		background: #358fc9!important;
		color: #fff!important;
	}

	#library-version-list a.selected .version-code {
		color: #fff;
	}

	.svg #library-version-list a.selected.info {
		background-image: url("../images/infoFocus.svg");
		background-position: left top;
		background-repeat: no-repeat;
	/* background-size: 35px; */;
	}

	.no-svg #library-version-list a.selected.info {
		background-image: url("../images/infoFocus.png");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 35px;
	}

	.svg .version:hover .info {
		background-image: url("../images/infoFocus.svg");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 35px;
	}

	.no-svg .version:hover .info {
		background-image: url("../images/infoFocus.png");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 35px;
	}

	.version:hover {
		background: #358fc9!important;
	}

	.version:hover .version-name, .version:hover .version-code {
		color: #fff!important;
	}

	.version-link:hover .version-code {
		color: #fff!important;
	}

	.info {
		margin: -64px 0 0 0;
		clear: none;
		background: #D3D3D3;
		width: 35px;
		height: 35px;
		float: right;
	/* background: url("../images/info.png") no-repeat center top; */
		position: relative;
	}

	.svg .version .info {
		background-image: url("../images/info-01.svg");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 35px;
	}

	.no-svg .version .info {
		background-image: url("../images/info.png");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 35px;
	}

	.info:hover .version {
		border: none!important;
	}

	#library-version-list .version-link div.art {
		width: 50px;
		height: 50px;
		margin-right: 10px;
		float: left;
		overflow: hidden;
	}

	#library-version-list .version-link .version-code {
		line-height: 14px;
		font-weight: normal;
		margin: 3px 0 0;
		font-size: 12px;
		color: #acb1b7;
		height: 15px;
	}

	#library-version-list .version-link .version-name {
		font-weight: normal;
		margin: 0 0 6px;
		max-width: 83px;
	/* overflow: hidden; */
		height: auto;
		font-size: 15px;
	}

	#library-arrow {
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 18px 16px 18px;
		border-color: transparent transparent #262b31 transparent;
		margin: 0 0 0 41px;
		opacity: .96;
	}

	#library-language-container {
		width: auto;
		position: relative;
		display: block;
	}

	.library-header, #library-details-container, .library-close {
		display: none;
	}

	#library-modal {
		display: inline-block;
		margin: 16px 0 0;
		padding: 10px;
		width: 458px;
		height: 340px;
	}

	#library-filter {
		left: 0!important;
		margin: -5px auto 0;
		padding: 1% 1% 1% 35px;
		display: block;
		width: 415px;
		color: #7f878f;
		font-size: 1em;
		font-style: italic;
		text-shadow: 0 1px 0 rgba(255,255,255,.55);
		height: 41px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border:none;
	}

	#library-modal-container {
		position: absolute;
		top: 50px;
		left: 20px;
		width: 82%;
		display: none;
		z-index: 10;
	}

	#library-language-list {
		margin-top: 8px;
		width: 225px;
		margin-right: 0;
		height: 246px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	#library-version-list {
		left: 83px;
		top: 66px;
		position: absolute;
		width: 225px;
		float: right;
		margin-top: 8px;
		height: 246px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #fff;
		display: block;
	}

	#library-version-container {
		width: 0;
	}

	#library-modal.language-selected {
		left: 0;
	}

	#library-modal.show-details {
		left: 0;
	}

	#library-totals {
		display: block;
	}

	.fancybox-overlay,				
	.fancybox-wrap {
		display: block !important;
	}

	#bible-info {
		color: #414141;
		background-color: #fff;
		padding: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	#bible-availability h2 {
		width: 180px;
		margin: 0px 10px 40px 0;
		clear: both;
		float: left;
		color: #24292f;
		text-shadow: 0 1px 0 #FFF;
		font-size: 1.2em;
		font-weight: bold;
	}

	#bible-copyrights h2 {
		color: #24292f;
		margin-bottom: 6px;
		text-shadow: 0 1px 0 #FFF;
	}
	
	p.copyright-text {
		font-size:0.75em;
		margin-bottom:1.5em;
	}

	.availability.text {
		float: left;
		width: 64px;
		height: 48px;
		background: url("../images/available.png") no-repeat left 0;
		margin: -13px 15px 0 0;
	}

	.availability.text.not {
		background-size: 20px;
		float: left;
		width: 64px;
		height: 48px;
		background: url("../images/available.png") no-repeat left -49px;
		margin: -13px 15px 0 0;
	}

	.availability.audio {
		clear: right;
		float: left;
		width: 65px;
		height: 43px;
		background: url("../images/available.png") no-repeat left -97px;
		margin: -10px 0 0;
	}

	.availability.audio.not {
		clear: right;
		float: left;
		width: 65px;
		height: 43px;
		background: url("../images/available.png") no-repeat left -140px;
		margin: -10px 0 0;
	}

	#bible-copyrights h2 {
		font-size: 1.2em;
		font-weight: bold;
		margin: 0 0 6px;
	}

	.bible-art img {
		width: 125px;
		height: 125px;
	}

	#bible-availability {
		display: inline-block;
		margin: 80px 0 0 0;
		width: auto;
		float: none;
	}

	.bible-art {
		float: left;
		margin: 60px 20px 30px 0;
	}

	#bible-copyrights {
		line-height: 1.2em;
		margin: 0 0 0;
		float: none;
		font-size: 1em;
	}

	#settings-modal-container {
		position: absolute;
		top: 66px;
		left: 20px;
		width: 98%;
		display: none;
		z-index: 10;
		background-color: transparent;
	}

	#settings-modal {
		/* max-width: 466px; */
		position: relative;
		float: right;
		display: inline-block;
		margin: -1px 0 0;
		padding: 10px;
		/* width: 656px; */
		height: auto;
	}


	#settings-close {
		position: absolute;
		top: 13px;
		right: 13px;
		width: 20px;
		height: 20px;
		color: white;
		font-weight: bold;
		text-indent: -9999px;
		display: block;
	}

	.svg #settings-close {
		display: none;
		background: none;
	}

	.no-svg #settings-close {
		background: url("../images/mobileClose.png") no-repeat left top;
	}

	#settings-font-list,
	#settings-size-list {
		width: 223px;
		margin-bottom: 2%;
	}

	#settings-font-list {
		margin-left: 0;
	}

	#settings-size-list {
		margin-right: 0;
	}

	.svg #library-filter {
		background: #fff url("../images/filterIcon.svg") no-repeat 7px 15px;
		background-size: 20px;
	}

	#bible-info {
		top: 0;
		position: relative;
		color: #414141;
		background-color: #fff;
		padding: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	#library-details-content {
		right: 0;
		bottom: 0;
		top: 0;
		left: 0;
		position: relative;
		display: block;
		float: none;
		overflow: auto;
		float: none;
		overflow-y: auto;
	}

	#library-header {
		z-index: auto;
	}

	#nav-header {
		display: none;
	}

	.fancybox-overlay.version-info-modal,	
	.fancybox-wrap.version-info-modal {
		display: block!important;
	}

	.search-button.mobile {
		display: none;
	}

	.search-back-button {
		width: 64px;
	}

	.svg .search-back-button {
		font-weight: bold;
		font-size: 1em;
		padding: 0 0 0 55px;
		height: 38px;
		color: #fff;
		background-image: url("../images/searchBack.svg");
		background-position: 10px 8px;
		line-height: 1.8em;
		background-repeat: no-repeat;
		background-size: 25px;
	}

	#search-results {
		margin-top: 175px;
	}

	#search-page-controls a {
		line-height: 1em;
		padding: 2%;
		font-weight: bold;
		font-size: 1em;
		display: block;
		min-width: 20px;
		min-height: 20px;
		text-align: center;
		vertical-align: middle;
	}

	#search-page-controls a.selected {
		line-height: 1em;
		font-weight: bold;
		font-size: 1em;
		margin: 0;
		text-align: center;
		background-color: #2f80b4;
		color: white;
		padding: 2%;
		min-width: 20px;
		height: 20px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #358fc9;
	}

	#mobile-search, #mobile-search-button, #search-modal, #search-modal-container {
		display: none!important;
	}

	.mobile-search-button .search-image {
		top: 12px;
		position: absolute;
		margin: 0 0 0 1px;
		width: 55px;
		height: 55px;
		display: block;
	}

	.search-results-page {
		margin: 35px 10% 0 10%;
	}

	.error-page .nav-holder {
		display: none;
	}

	.no-results {
		line-height: 1.3em;
		margin: 0 10% 0 10%;
		text-align: left;
		font-style: italic;
		color: #7F8790;
	}

	a.error-continue-button {
		width: 415px;
		height: 60px;
	}

	.error-title {
		display: none;
	}

	.page-user-login #footer {
		height: 100px;
		position: relative;
		margin: 25px 0;
		color: #7d7d7d;
		font-size: 18px;
		display: block;
		left: 20%;
	}

	.page-user-login #footer {
		width: 435px;
	}

	.page-user-login #footer-right {
		width: 151px;
		margin: 0 auto;
	}

	.page-user-login #footer-left {
		text-align: center;
		margin: 10px 0 10px;
		clear: none;
		float: left;
	}

	.page-user-login .fb_iframe_widget {
		clear: both;
		margin: 15px 0 0 32px;
		float: left;
	}

	.page-user-login #main.error-page {
		min-height: 350px;
		margin: 37px auto 0;
		background-color: #fff;
		border: 1px solid #A9B3BE;
		width: 665px;
		display: block;
	}

	.page-user-login .logo {
		background: url("../images/logoMediumNoTag.png") no-repeat left top;
		display: block;
		float: left;
		width: 257px;
		height: 48px;
	}

	.page-user-login .masthead-container {
		width: 665px;
		display: block;
		z-index: 2;
		position: relative;
		margin: 20px auto 0;
	}

	.page-user-login #main-container {
		width: 70%;
		display: block;
		margin: 0 auto;
		font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
	}

	.page-user-login #login-options {
		margin: 0 auto;
		display: block;
		width: 375px;
	}

	.page-user-login #social-login-container {
		padding: 40px 0 70px 0px;
		width: 405px;
		clear: none;
		float: none;
		margin: 0 auto;
		margin-top:0.63em;
	}

	.page-user-login #login-separator {
		margin: 20px auto 40px;
		height: 10px;
		float: left;
		border-bottom: 1px solid #A9B3BE;
		border-right: none;
		display: block;
		width: 372px;
	}

	.page-user-login .orText {
		line-height: 43px;
		height: 40px;
		float: left;
		background: #fff;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		color: #202429;
		font-size: 30px;
		margin: -8px 0 0 156px;
	}

	.page-user-login #login-form {
		float: none;
		width: 415px;
	}

	.page-user-login #login-errors {
		margin: auto;
		width: auto;
		float: right;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}

	.page-user-login #login-errors li {
		color: #9E1B35;
		font-size: .7em;
		line-height: 1.5em;
		background: #F4B6C4;
		padding: 25px 40px 25px;
		border: 1px solid #9E1B35;
		margin: 20px 0px -10px 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 292px;
		clear: none;
		float: none;
	}

	.page-user-login #login-form fieldset {
		margin: 20px 0 0 0;
	/* float: left; */
		width: 374px;
	}

	.page-user-login #login-form-buttons {
		margin: 60px 23px 0 0;
		float: right;
		width: 373px;
	}

	.page-user-login h2 {
		width: auto;
		color: #202429;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		font-size: 40px;
		line-height: 40px;
		margin: 0.83em 0;
	}

	.page-user-login #login-header {
		display: block;
	}

	.page-user-login .signup {
		clear: none;
		margin: 26px 0 0;
		text-align: right;
		float: right;
		width: auto;
	}

	.forgot {
		width: auto;
		font-size: 18px;
		margin: -11px 0 0 -20px;
		float: left;
		clear: both;
	}

	.login-button {
		margin: -21px 20px 0 0;
		padding: 13px;
		font-weight: bold;
		font-size: 26px;
		float: right;
		width: 180px;
		height: 57px;
	}

	.signup.mobile {
		display: none;
	}

	#mobile-account-menu-footer {
		display: none;
	}

	#mobile-account-menu-container {
		display: none;
	}

	#account-promo-column {
		float: left;
		width: 50%;
		display: block;
	}

	#signup-container {
		margin-top: 100px;
	}

	.page-user-reset .logo, .page-user-forgot .logo, .page-bible-error .logo {
		margin: 15px 0 0;
		background: url("../images/logoMediumNoTag.png") no-repeat left top;
		display: block;
		float: left;
		width: 279px;
		height: 98px;
	}

	.page-user-reset .account-container, .page-user-forgot .account-container, .page-bible-error .account-container {
		width: 235px;
		float: right;
		margin: 10px 0 0;
	}

	.page-user-reset #main, .page-user-forgot #main {
		padding: 3%;
		max-width: none;
		width: 70%;
		border: 1px solid #b1bbc5;
		margin: 0 auto 60px;
		background-color: #FFF;
	}

	.reset-form-buttons button {
		font-size: 24px;
		margin: 20px 20px 20px 0;
	}

	#reset-errors {
		width: auto;
	}

	.page-user-reset #reset-errors li, .page-user-forgot #reset-errors li {
		list-style: none;
		color: #9E1B35;
		font-size: .7em;
		line-height: 1.5em;
		background: #F4B6C4;
		padding: 25px 5% 25px;
		border: 1px solid #9E1B35;
		margin: 0 auto 20px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 86%;
		clear: right;
		float: left;
	}

	.page-user-forgot #reset-errors li {
		list-style: none;
		color: #9E1B35;
		font-size: .7em;
		line-height: 1.5em;
		background: #F4B6C4;
		padding: 25px 5% 25px;
		border: 1px solid #9E1B35;
		margin: 0 auto 20px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 83%;
		clear: right;
		float: none;
	}

	.page-user-reset #reset-errors-code li {
		list-style: none;
		color: #9E1B35;
		font-size: .7em;
		line-height: 1.5em;
		background: #F4B6C4;
		padding: 25px 5% 25px;
		border: 1px solid #9E1B35;
		margin: 0 0 20px 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 86%;
		clear: right;
		float: left;
	}

	.page-user-reset .reset-form, .page-user-forgot .reset-form {
		padding: 0 0 3% 3%;
		width: 97%;
		display: block;
	}

	.page-user-reset #passwordConfirm, .page-user-forgot #passwordConfirm,
	.page-user-reset #passwordConfirm-placeholder, .page-user-forgot #passwordConfirm-placeholder {
		margin: 0 auto;
		padding: 16px 13% 10px 3%;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #B2BCC6;
		width: 80%;
		height: 26px;
		border: 1px solid #b1bbc5;
		/*border-top: none;*/
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	.page-user-reset #password, .page-user-forgot #password,
	.page-user-reset #password-placeholder, .page-user-forgot #password-placeholder {
		margin: 0 auto;
		padding: 16px 13% 10px 3%;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #B2BCC6;
		width: 80%;
		height: 26px;
		border: 1px solid #b1bbc5;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	.page-user-reset #code {
		margin: 20px auto 0;
		padding: 16px 13% 10px 3%;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #B2BCC6;
		width: 80%;
		height: 26px;
		border: 1px solid #b1bbc5;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	.page-user-forgot #email {
		margin: 20px auto;
		padding: 16px 13% 10px 3%;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #B2BCC6;
		width: 80%;
		height: 26px;
		border: 1px solid #b1bbc5;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	.page-user-reset p, .page-user-forgot p {
		font-size: .7em;
		line-height: 1.5em;
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
		font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
	}

	.page-user-reset #forgot-header p, .page-user-forgot #forgot-header p {
		padding: 0 0 0 3%;
		font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
	}

	#promo {
		float: none;
		clear: both;
		width: 100%;
		height: 183px;
		border: 1px solid #b1bbc5;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #FFF;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
		background-image: url("../images/appPromoIcons.png");
		background-repeat: no-repeat;
		background-position: 11px 45px;
	}

	.page-bible-verse .wrapper {
		width: 100%;
	}

	.page-bible-verse .masthead-center {
		width: 70%;
	}

	.page-bible-verse .masthead-container {
		margin-bottom: 24px;
		position: relative;
	}

	#app-promo {
		position: relative;
		float: right;
		width: 40%;
		font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
		padding: 46px 11px 0 0;
		font-size: 1.8em;
		text-align: center;
		line-height: 1.5em;
		background-position: 100% 0px;
	}

	#app-promo br {
		display: block;
	}

	#app-promo a {
		font-size: .9em;
	}

	#app-promo p {
		margin: 0 0 5px;
		line-height: 1em;
	}

	.page-bible-verse .center {
		margin: 0 auto;
		display: block;
		width: 70%;
		max-width: 880px;
	}

	.page-bible-verse #main {
		border-radius: 5px;
		width: 100%;
		min-height: 0;
		padding: 0;
		margin-bottom: 30px;
	}

	a.back-to-chapter-button {
		line-height: 40px;
		padding: 0 2%;
		margin: 0 8px;
		width: auto;
		height: 40px;
	}

	.svg a.back-to-chapter-button span {
		background-position: left 8px;
	}

	.no-svg a.back-to-chapter-button span {
		background-position: left 17px;
	}

	#verse-share {
		height: 68px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}

	.verse-share-title {
		float: left;
		text-align: right;
		line-height: 24px;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #fff;
		width: 100px;
		margin: 7px 3% 0 1%;
		font-size: .9em;
		display: inline-block;
	}

	#verse-share .fb_edge_widget_with_comment {
		margin: 11px 3% 0 0;
	}

	.fb_iframe_widget {
		margin: 9px 32px 0 0;
		float: right;
	}

	.facebook-button .text, .google-button .text {
		font-size: 20px;
	}

	#single-slide {
		display: none;
	}

	img#single {
		display: none;
	}

	a.font-button {
		padding: 0 12px;
		height: 38px;
		line-height: 2em;
	}
}


@media only screen and (min-width: 300px) {
	#promo {
		width: 80%;
		margin: 0 auto 30px;
		height: 214px;
		background-image: url("../images/appPromoIcons@2x.png");
		background-size: 247px;
	}
}

@media only screen and only screen and (min-device-pixel-ratio: 2) {
	#promo {
		width: 100%;
		height: 183px;
		margin: 0;
		background-image: url("../images/appPromoIcons@2x.png");
		background-size: 340px 169px;
	}
}


@media only screen and (min-width: 1140px) {

	#promo-ribbon {
		left: 40%;
	}
	
	.page-container {
	/*border: 2px solid green;*/
		width: 70%;
	}

	.page-static-donate #slideShim img, .page-static-about #slideShim img {
		display: block;
		border: 8px solid #fff;
 /* stroke */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
 /* border radius */
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
 /* prevents bg color from leaking outside the border */
		background-color: #fff;
 /* layer fill content */
		-moz-box-shadow: 0 2px 5px rgba(9,10,10,.55);
 /* drop shadow */
		-webkit-box-shadow: 0 2px 5px rgba(9,10,10,.55);
 /* drop shadow */
		box-shadow: 0 2px 5px rgba(9,10,10,.55);
 /* drop shadow */
		margin: 0 0 42px 0;
		width: 100%;
	}

	.image-slider {
		margin: 0 auto;
		display: block;
		margin-bottom: 60px;
		min-height: 520px;
	}

	.one-half {
		float: left;
		width: 45%;
		margin-right: 5%;
		text-align: left;
	}

	html.rtl .one-half {
		text-align: right;
	}

	.page-static-asl .one-half {
		width: 100%;
		text-align: left;
	}

	html.rtl .page-static-asl .one-half {
		text-align: right;
	}

	.page-static-asl #download-the-app {
		width: 100%;
		margin: 0 0%;
	}

	.image-slider {
		float: right;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 42px;
	}

	.one-half-last {
		float: left;
		width: 50%;
		margin-right: 0%;
		text-align: left;
	}

	html.rtl .one-half-last {
		text-align: right;
	}

	.page-static-asl .one-half img {
		width: 100%;
	}

	.page-static-asl .one-half-last {
		width: 100%;
	}

	.page-static-asl .download-the-app {
		text-align: center;
	}
	/*
	.page-static-asl a.blue-cta {
	width: 100%;
	margin: 0 0 24px;
	}*/
	.page-static-asl #ios {
		margin-left: 0px;
	}

	.download-the-app, #download-the-app {
		text-align: center;
	}

	#masthead {
		padding: 15px 0 18px;
		margin: 0 auto;
		display: block;
	}

	.masthead-center {
		width: 100%;
	}

	.masthead-container {
		width: 100%;
		height: 61px;
		position: fixed;
		display: block;
		z-index: 100;
		margin: 0 auto;
	}

	#account-name {
		max-width: 450px;
	}

	.bible-page #masthead,
	.user-page #masthead {
		width: 70.5%;
	}

	.bible-page #masthead {
		padding-bottom: 28px;
	}

	.main-page .masthead-container {
		width: 70%;
	}

	.homepage .masthead-container {
		width: 100%;
	}

	.nav-holder {
		width: 70%;
	}

	.wrapper {
		margin: 0 auto;
	}

	.divider {
		display: none;
	}

	#shareButtons {
		width: 100%;
		margin: 0 auto;
	}

	.page-static-share .facebook-button, .page-static-share .twitter-button, .page-static-share .email-button {
		width: 31%;
		margin: 0;
		float: left;
		margin-right: 3%;
	}

	.page-static-share .email-button {
		margin-right: 0;
	}

	a.blue-cta, button.blue-cta {
		height: 30px;
		width: 20%;
		padding: 20px;
		margin-right: 2%;
		display: inline-block;
	}

	#ios {
		margin-left: 12%;
	}

	#kindle {
		margin-right: 0;
	}

	.img-left, .img-right {
		text-align: left;
	}

	html.rtl .img-left, html.rtl .img-right {
		text-align: right;
	}

	.img-right img {
		float: right;
		margin-left: 24px;
	}

	.img-left img {
		float: left;
		margin-right: 24px;
	}

	.main-page .logo {
		background: url("../images/logoBigNoTag.png") no-repeat left top;
		background-size: 100%;
		width: 279px;
		height: 98px;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}

	.chapter-nav-left-mobile {
		margin-left: 20px;
	}

	.arrow-center-mobile {
		top: 9px;
		left: 0;
		width: 35px;
		height: 32px;
		margin-left: 10px;
		background-size: auto;
	}

	.svg .page-bible-index .play-image,
	.no-svg .page-bible-index .play-image {
		margin-left: 20px;
	}

	.chapter-nav-right-mobile {
		margin-left: 30px;
	}

	div.jp-audio div.jp-type-single div.jp-progress {
		margin: -7px 160px 0px 256px;
	}

	div.jp-audio div.jp-type-single div.jp-time-holder {
		margin-right: 100px;
	}


	/* @group Cody's Markup */
	
	/* Cody's Markup */
	#browse-chapter-list a {
		width: 114px;
	}

	#browse-book-list, #browse-chapter-list, #browse-chapter-list-content {
	/* overflow: hidden; */
		width: 394px;
	}

	#browse-modal {
		height: 371px;
		width: 800px;
	}

	#library-modal {
		height: 371px;
		width: 800px;
	}

	#library-language-list, #library-version-list {
		width: 395px;
	}

	#library-version-list .version-link .version-name {
		font-weight: normal;
		margin: 0;
		max-width: 260px;
		overflow: hidden;
		height: 35px;
		font-size: 18px;
	}

	#footer-left ul {
		list-style-type: none;
		margin: 0 0 40px;
		padding: 0;
	}

	.social-icons {
		float: left;
		width: 150px;
		margin-left: -50px;
	}

	.facebook {
		display: block;
		margin: -43px 0 0;
		background: url("../images/facebook.png") no-repeat left top;
		width: 129px;
		height: 46px;
		float: right;
	}

	#library-version-list .version-link .version-code {
		margin: 1px 0 0;
	}

	#settings-font-list, #settings-size-list {
		width: 323px;
		overflow-x: hidden;
		overflow-y: auto;
		background-color: white;
	}

	#settings-modal {
		position: relative;
		float: right;
		display: inline-block;
		margin: -1px 0 0;
		padding: 10px;
		height: auto;
	}

	#settings-header-font, #settings-header-size {
		color: #fff;
		width: 323px;
		display: inline-block;
		text-align: center;
		line-height: 24px;
		margin: 0;
		padding: 0;
		font-size: 22px;
	}

	#library-filter {
		margin: -5px auto 0;
		padding: 1% 1% 1% 35px;
		display: block;
		width: 753px;
		color: #7f878f;
		font-size: 1em;
		font-style: italic;
		text-shadow: 0 1px 0 rgba(255,255,255,.55);
		height: 41px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	#library-language-list {
		margin-top: 15px;
		width: 395px;
		margin-right: 0;
		height: 256px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	#library-version-list {
		left: 142px;
		top: 73px;
		position: absolute;
		width: 395px;
		float: right;
		margin-top: 8px;
		height: 256px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #fff;
		display: block;
	}

	#library-totals #total-languages {
		position: absolute;
		top: 45px;
		left: -263px;
		margin: 0;
		font-size: .9em;
		display: inline-block;
		color: #fff;
		text-align: center;
		width: 394px;
	}

	#library-totals #total-bibles {
		left: 142px;
		top: 45px;
		position: absolute;
		margin: 0;
		font-size: .9em;
		display: inline-block;
		color: #fff;
		text-align: center;
		width: 394px;
	}

	#browse-filter {
		margin: 0 auto;
		padding: 1% 1% 1% 35px;
		display: block;
		width: 753px;
		color: #7f878f;
		font-size: 1em;
		font-style: italic;
		text-shadow: 0 1px 0 rgba(255,255,255,.55);
		height: 41px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.svg #browse-filter {
		background: #fff url("../images/filterIcon.svg") no-repeat 7px 17px;
		background-size: 20px;
	}

	.no-svg #library-filter {
		background: #fff url("../images/filterIcon.png") no-repeat 7px 17px;
		background-size: 20px;
	}

	.page-user-login #footer {
		width: 100%;
		left: 0px;
	}

	.page-user-login #footer-right {
		width: 151px;
		margin: 0 0 0 39px;
		float: right;
	}

	.page-user-login #footer-left {
		text-align: left;
		margin: 10px 0 10px;
		clear: none;
		float: left;
	}

	.page-user-login .fb_iframe_widget {
		clear: both;
		margin: 15px 0 0;
		float: right;
	}

	.page-user-login #main.error-page {
		min-height: 350px;
		margin: 107px 0 150px;
		background-color: #fff;
		border: 1px solid #A9B3BE;
		width: 980px;
		display: block;
	}

	.page-user-login .logo {
		background: url("../images/logoBig.png") no-repeat left top;
		display: block;
		float: left;
		width: 279px;
		height: 98px;
	}

	#login-options {
		margin: 0 auto;
		display: block;
		width: 900px;
	}

	.page-user-login .masthead-container {
		width: 100%;
		display: block;
		z-index: 2;
		position: relative;
		margin: 20px 0 0;
	}

	.page-user-login #main-container {
		width: 980px;
		display: block;
		margin: 0 auto;
		font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
	}

	.page-user-login #login-options {
		margin: 0 auto;
		display: block;
		width: 900px;
	}

	.page-user-login #social-login-container {
		padding: 40px 0 50px 20px;
		width: 405px;
		clear: left;
		float: left;
	}

	.page-user-login #login-separator {
		margin: 20px 0 0 -10px;
		height: 240px;
		float: left;
		border-right: 1px solid #A9B3BE;
		border-bottom: none;
		display: block;
		width: 30px;
	}

	.page-user-login .orText {
		line-height: 46px;
		height: 40px;
		float: left;
		background: #fff;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		color: #202429;
		font-size: 30px;
		margin: 102px 0 0 0;
	}

	.page-user-login #login-form {
		float: right;
		width: 415px;
		margin-top:0;
	}

	.page-user-login #login-errors {
		width: auto;
		float: right;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}

	.page-user-login #login-errors li {
		list-style: none;
		color: #9E1B35;
		font-size: .7em;
		line-height: 1.5em;
		background: #F4B6C4;
		padding: 25px 40px 25px;
		border: 1px solid #9E1B35;
		margin: 40px 20px -10px 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 292px;
		clear: right;
		float: right;
	}

	.page-user-login #login-form fieldset {
		margin: 40px 20px 0 0;
		float: right;
	}

	.page-user-login #login-form-buttons {
		margin: 60px 0 0;
		float: right;
		width: 373px;
	}

	#login-form #password,
	#login-form #password-placeholder {
		margin: 0 auto;
		padding: 15px;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #24292f;
		width: 343px;
		height: 26px;
		border-top: 1px solid #FFFFFF;
		border-left: 1px solid #b1bbc5;
		border-bottom: 1px solid #b1bbc5;
		border-right: 1px solid #b1bbc5;
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	#login-form #email {
		margin: 0 auto;
		padding: 15px;
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		color: #A9B3BE;
		width: 343px;
		height: 26px;
		border: 1px solid #b1bbc5;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f2f5f8;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
	}

	.page-user-signup #footer {
		position: relative;
		height: 100px;
		max-width: 1030px;
		margin: 25px auto 50px;
		width: 85%;
		color: #7d7d7d;
		font-size: 14px;
	}

	.page-user-signup #footer-left {
		text-align: left;
		margin: 10px 0 10px;
		clear: both;
		float: left;
	}

	.page-user-signup #footer-right {
		width: 151px;
		margin: 0 0 0 39px;
		float: right;
	}

	.page-user-reset #footer, .page-user-forgot #footer {
		position: relative;
		height: 100px;
		max-width: 1010px;
		margin: 25px auto 80px;
		width: 65%;
		color: #7d7d7d;
		font-size: 18px;
	}

	.page-user-reset #footer-left, .page-user-forgot #footer-left {
		text-align: left;
		margin: 10px 0 10px;
		clear: both;
		float: left;
	}

	#footer-left p {
		font-size: 14px;
	}

	.page-user-reset #footer-right, .page-user-forgot #footer-right {
		width: 151px;
		margin: 0 0 0 39px;
		float: right;
	}

	.page-user-reset .logo, .page-user-forgot .logo, .page-bible-error .logo {
		margin: 15px 0 0;
		background: url("../images/logoBig.png") no-repeat left top;
		display: block;
		float: left;
		width: 279px;
		height: 98px;
	}

	.page-user-reset .account-container, .page-user-forgot .account-container, .page-bible-error .account-container {
		width: 235px;
		float: right;
		margin: 20px 0 0;
	}

	.page-user-reset #main, .page-user-forgot #main {
		padding: 3%;
		max-width: 652px;
		width: 40%;
		margin: 120px auto 60px;
	}

	.page-bible-verse #footer {
		position: relative;
		height: 100px;
		max-width: 1030px;
		margin: 25px auto 50px;
		color: #7d7d7d;
		font-size: 16px;
	}

	.page-bible-verse #footer-left {
		text-align: left;
		margin: 10px 0 10px;
		clear: both;
		float: left;
		margin-left: 40px;
	}

	.page-bible-verse #footer-right {
		width: 151px;
		margin: 0 0 0 39px;
		float: right;
	}

	#promo {
		display: none;
		margin: 0 0;
		clear: none;
		float: right;
		width: 260px;
		height: 203px;
		border: 1px solid #b1bbc5;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #f9f9f9;
		-moz-box-shadow: 0 2px 0 #fff;
		-webkit-box-shadow: 0 2px 0 #fff;
		box-shadow: 0 2px 0 #fff;
		background-image: url("../images/promoSmall.png");
		background-repeat: no-repeat;
		background-position: 13px 0px;
		background-size: 227px 122px;
	}

	.page-bible-verse .wrapper {
		width: 65%;
	}

	.page-bible-verse .masthead-center {
		width: 880px;
	}

	#app-promo {
		height: 183px;
		position: relative;
		margin: 0;
		padding: 105px 0 0;
		font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
		font-size: 1.25em;
		text-align: center;
		line-height: 1.5em;
		float: none;
		width: auto;
	}

	#app-promo br {
		display: none;
	}

	#app-promo a {
		font-size: 1.2em;
	}

	.page-bible-verse #main {
		/*width: 65%;*/
		min-height: 0;
		padding: 0;
		margin: 0 10px 30px 0;
	}

	.fb_iframe_widget {
		margin: 9px 0 0 20px;
		float: left;
	}
	
	.page-bible-index .pause-image {
		left: 7px;
	}
	
	/* @end */;
}

@media only screen and (min-width: 1482px) {
	.page-container {
	/*border: 2px solid red;*/
		width: 1041px;
		max-width: 1041px;
	}

	.main-page .one-half {
		float: left;
		width: 45%;
		margin-right: 5%;
	}
	
	.main-page .one-half-last {
		float: left;
		width: 50%;
		margin-right: 0%;
	}

	#main {
		padding: 0 0 90px;
	}

	.wrapper {
		width: 1039px;
		margin: 0 auto;
	}

	.page-bible-error .wrapper {
		width: auto;
		margin: 0 auto;
	}

	#main #bible-article {
		width: 70%;
	}

	.masthead-center {
		width: 1039px;
	/* max-width: 1230px; */
		margin: 0 auto;
	}

	#masthead {
		max-width: 1041px;
	}

	.divider {
		width: 50%;
		border-right: 1px solid #b2bcc6;
		display: block;
		position: absolute;
		height: 100%;
	}

	.top-nav, .nav-holder {
		width: 1039px;
	}

	#browse-modal-container {
		width: 65%;
	}

	#footer-left ul {
		list-style-type: none;
		margin: 0 0 40px;
		padding: 0;
	}

	#footer-right {
		width: 151px;
		margin: 0 0 0 39px;
		float: right;
	}

	.social-icons {
		float: left;
		width: 150px;
		margin-left:0;
	}

	.facebook {
		display: block;
		margin: 10px 0 0;
		background: url("../images/facebook.png") no-repeat left top;
		width: 129px;
		height: 46px;
		float: right;
	}

	#settings-modal-container {
		position: absolute;
		top: 86px;
		left: 20px;
		width: 98%;
		display: none;
		z-index: 10;
	}

	#settings-arrow {
		margin: -17px 17px 0 0;
	}

	div.jp-current-time,
	.page-bible-index div.jp-current-time {
		top: -46px;
		display: block;
	}

	div.jp-duration {
		top: -46px;
	}

	div.jp-audio div.jp-type-single div.jp-progress {
		margin-left: 310px;
	}

	.page-user-reset .logo, .page-user-forgot .logo, .page-bible-error .logo {
		margin: 15px 0 0;
		background: url("../images/logoBig.png") no-repeat left top;
		display: block;
		float: left;
		width: 279px;
		height: 98px;
	}

	.fb_iframe_widget {
		margin: 15px 0 0 0;
		float: right;
	}
	
	.page-static-asl .download-the-app {
		width:130%;
		margin-left:-10%;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio : 2), /* iPhone4S, iPhone5, Nexus 4, Nexus 7 */
only screen and (max-device-width : 800px), /* Smaller than a desktop screen */
only screen and (-webkit-device-pixel-ratio:.75), /* ldpi Android */
only screen and (-webkit-device-pixel-ratio:1.5), /* hdpi Android */
only screen and (max-device-width: 480px) and (orientation:landscape) {
 
	#navigation-container.open #nav-header a img.white-logo {
		width: 30%;
		top: -8px;
		position: relative;
	}
	
	.page-static-about .image-slider a {
		margin-top:330px;
	}

	.page-static-asl #download-the-app {
		margin-top: 20px;
		margin-bottom: 10px;
	}
/*
	.page-user-login .facebook-button .text{
		font-size: 16px;
		line-height: 20px;
		margin-top:0px;
	}
	*/

	.page-user-login .signup.mobile {
		margin-bottom: 10px;
	}

	.page-user-login .signup.mobile p, 
	.page-user-login .signup.mobile a {
		font-size: 90%;
	}

	.page-user-login #social-login-container {
		padding: 5px 0 70px 0px;
	}

	.login-button {
		height: 44px;
		padding: 0px;
	}

	#navigation-container.open ul {
		top: 43px;
	}

	#navigation-container.open li a,
	#navigation-container.open li a:visited {
		height: 40px;
	}

	#navigation-container.open #navigation-menu li {
		height: 40px;
		padding: 1px 0px;
		font-size: .9em;
	}

	#navigation-menu a {
		font-size: 1.2em;
		padding: 10px 0 0 0;
	}

	#navigation-container.open #navigation-menu li a, #navigation-container.open #navigation-menu li a:hover {
		line-height: 40px;
	}

	#navigation-container.open #navigation-menu .nav-bible {
		background: url("../images/sideNav@2x.png") no-repeat 0px 2px;
		background-size: 50px;
		padding: 0 10px 0 50px;
	}

	#navigation-container.open #navigation-menu .nav-bible:hover, #navigation-container.open #navigation-menu a.nav-bible.current {
		background-position: 0px -296px;
		color: #358fc9;
	}

	#navigation-container.open #navigation-menu .nav-deaf {
		background: url("../images/sidenav2.png") no-repeat 0px 2px;
		background-size: 50px;
		padding: 0 10px 0 50px;
	}

	#navigation-container.open #navigation-menu .nav-deaf:hover, #navigation-container.open #navigation-menu a.nav-deaf.current {
		background-position: 0px -42px;
		color: #358fc9;
	}

	#navigation-container.open #navigation-menu .nav-share {
		background: url("../images/sidenav2.png") no-repeat -3px -87px;
		background-size: 50px;
		padding: 0 10px 0 50px;
	}

	#navigation-container.open #navigation-menu .nav-share:hover, #navigation-container.open #navigation-menu a.nav-share.current {
		background-position: -3px -131px;
		color: #358fc9;
	}

	#navigation-container.open #navigation-menu .nav-apps {
		background: url("../images/sideNav@2x.png") no-repeat 0px -42px;
		background-size: 50px;
		padding: 0 10px 0 50px;
	}

	#navigation-container.open #navigation-menu .nav-apps:hover, #navigation-container.open #navigation-menu a.nav-apps.current {
		background-position: 0px -340px;
		color: #358fc9;
	}

	#navigation-container.open #navigation-menu .nav-radio {
		background: url("../images/sideNav@2x.png") no-repeat 0px -125px;
		background-size: 50px;
		padding: 0 10px 0 50px;
	}

	#navigation-container.open #navigation-menu .nav-radio:hover, #navigation-container.open #navigation-menu a.nav-radio.current {
		background-position: 0px -423px;
		color: #358fc9;
	}

	#navigation-container.open #navigation-menu .nav-donate {
		background: url("../images/sideNav@2x.png") no-repeat 0px -167px;
		background-size: 50px;
		padding: 0 10px 0 50px;
	}

	#navigation-container.open #navigation-menu .nav-donate:hover, #navigation-container.open #navigation-menu a.nav-donate.current {
		background-position: 0px -465px;
		color: #358fc9;
	}

	#navigation-container.open #navigation-menu .nav-about {
		background: url("../images/sideNav@2x.png") no-repeat 0px -209px;
		background-size: 50px;
		padding: 0 10px 0 50px;
	}

	#navigation-container.open #navigation-menu .nav-about:hover, #navigation-container.open #navigation-menu a.nav-about.current {
		background-position: 0px -507px;
		color: #358fc9;
	}

	#navigation-container.open #navigation-menu .nav-support {
		background: url("../images/sideNav@2x.png") no-repeat 0px -252px;
		background-size: 50px;
		padding: 0 10px 0 50px;
	}

	#navigation-container.open #navigation-menu .nav-support:hover {
		background-position: 0px -550px;
		color: #358fc9;
	}

	#navigation-container.open #navigation-menu .nav-annotations {
		font-size: 1.3em;
		border-right: 1px solid #000;
		text-align: left;
		width: 25%;
		padding: 0 10% 0 15%;
		background: url("../images/sideNav3.png") no-repeat -3px 2px;
		background-size: 50px;
		float: left;
		clear: none;
		display: inline-block;
	}

	#navigation-container.open #navigation-menu .nav-annotations:hover, #navigation-container.open #navigation-menu .nav-annotations.current {
		background-position: -3px -44px;
		color: #358fc9;
	}

	#navigation-container.open #navigation-menu .nav-settings {
		font-size: 1.3em;
		border-left: 1px solid #40444A;
		width: 25%;
		padding: 0 5% 0 19%;
		background: url("../images/sideNav3.png") no-repeat 1px -89px;
		background-size: 50px;
		float: left;
		clear: none;
		display: inline-block;
	}

	#navigation-container.open #navigation-menu .nav-settings:hover, #navigation-container.open #navigation-menu .nav-settings.current {
		background-position: 1px -134px;
		color: #358fc9;
	}

	#navigation-container.open #nav-header {
		padding: 6px 0 0;
		height: 34px;
	}

	#nav-close {
		top: 10px;
		left: 12px;
	}

	.svg #nav-close {
		background-image: url("../images/mobileClose.svg");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 20px;
	}

	#navigation-container.open .nav-logged-out a.mobile-logo {
		width: 30%;
		margin: 0 35%;
		top: 3px;
		position: relative;
	}

	#navigation-container.open .nav-logged-in a.mobile-logo {
		width: 30%;
		margin: 0 12%;
		top: 7px;
		position: relative;
	}

	.top-nav h1.mobile-title {
		font-size: 20px;
	}

	.page-index-apps .top-nav h1.mobile-title, .page-user-signup .top-nav h1.mobile-title {
		font-size: 16px;
	}


	.page-static-asl #asl-logo-small {
		margin-top: 78px;
		margin-bottom: 0px;
	}

	.main-page .page-container p {
		font-family: 'DIN_Light', 'Helvetica', 'Arial', sans-serif;
		font-weight: normal;
		margin: 0 0 20px;
		font-size: 18px;
		line-height: 1.5em;
		text-shadow: 0 1px 0 #FFF;
	}

	.page-static-donate #slideShim img, .page-static-about #slideShim img {
		width: 260px;
		margin: 20px auto 0px auto;
		height: auto;
	}

	.image-slider {
		margin: 0 auto;
		display: block;
		margin-bottom: 60px;
		min-height: 280px;
	}

	a.cta {
		margin: 12px 0;
		padding: 12px 0;
		font-size: 18px;
	}
	
	a.button {
		margin: 12px 0;
		padding: 12px 0;
		font-size:18px;
	}

	.page-static-share .facebook-button .text, .page-static-share .twitter-button .text, .page-static-share .email-button .text {
		font-size: 1em;
		height: 28px;
		margin-top: 10px;
		font-weight: bold;
	}

	a.blue-cta, button.blue-cta {
		height: 50px;
	}

	#download-the-app {
		margin-top: -30px;
	}

	.main-page .page-container {
		padding: 0 20px;
	}

	.section {
		padding: 0 0 12px 0;
	}

	.scripture-reference-container {
		line-height: 24px;
		font-size: 16px;
	}

	.page-user-signup .signup-button {
		height: 46px;
		padding: 2px 12px;
		font-size: 20px;
	}

	.page-user-signup #signupForm #passwordConfirm, .page-user-signup #signupForm #passwordConfirm-placeholder, .page-user-signup #signupForm #password, .page-user-signup #signupForm #password-placeholder, .page-user-signup #signupForm #emailConfirm, .page-user-signup #signupForm #email {
		padding: 6px 13% 7px 3%;
	}

	.page-user-signup .orText, .page-user-login .orText {
		font-size: 22px;
		text-align:center;
	}

}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width: 200px) {
	h1.mobile-title {
		margin-top:-10px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-width: 768px) {


	h1.mobile-title {
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		font-size: 38px;
		color: #FFF;
		font-weight: normal;
		text-align: center;
		padding: 0;
		margin: 0;
		margin-left: -12px;
		margin-top: -4px;
		width: 80%;
		display: inline-block;

	}
	.img-left, .img-right {
		text-align: left;
	}

	.img-right img {
		float: right;
		margin-left: 24px;
	}

	.img-left img {
		float: left;
		margin-right: 24px;
	}

	a.blue-cta, button.blue-cta {
		height: 30px;
		width: 20%;
		padding: 20px;
		margin-right: 2%;
		display: inline-block;
	}

	.main-page .intro {
		font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
		font-weight: bold;
		display: block;
		text-align: center;
		line-height: 1.2em;
		color: #2D3137;
		margin: 120px auto 0 auto;
	}

	.main-page .sub-intro {
		width: 660px;
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	#share-header {
		margin-top: 100px;
	}

	a.cta {
		margin: 24px 0;
		padding: 32px 0;
		font-size: 24px;
	}
	
	a.button {
		margin: 24px 0;
		padding: 32px 0;
		font-size:24px;
	}

	.page-container {
	/*border: 2px solid yellow;*/
		width: 70%;
		padding: 0;
	}

	.inline {
		display: inline;
	}

	.left {
		display: block;
		float: left;
	}

	#bible-art {
		text-align: center;
		margin: 50px auto;
		padding-top: 50px;
	}

	.main-page .nav-holder {
		display: none;
	}

	.page-user-login .facebook-button .text {
		font-size: 20px;
		line-height: 40px;
		margin-top:0;
	}

	.page-user-signup .field {
		line-height: 0em;
	}
}

@media  only screen and (max-width: 767px) and (orientation:landscape),
only screen and (max-width: 767px) and (orientation:portrait) {
/*** Fix for Android navigation jumping issue ***/
	.nav-holder {
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
	}
}

@media  only screen and (-webkit-device-pixel-ratio:.75) and (max-device-width: 768px), /* ldpi Android */
only screen and (-webkit-device-pixel-ratio:1.5) and (max-device-width: 768px), /* hdpi Android */
only screen and (-webkit-device-pixel-ratio:1) and (max-device-width: 768px), /* mdpi Android */
only screen and (-webkit-device-pixel-ratio:2) and (max-device-width: 768px) /* uhdpi Android */ {
	.search-image {
		margin:0 auto;
	}

	button.search-button {
		padding: 0 !important;
	}
}

.error-message {
	width: 100%;
	margin: 20px auto 20px;
	display: none;
	background: #F4B6C4;
	border: 1px solid #97121F;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #97121F;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
}

.error-message li {
	list-style: none;
	color: #97121F;
	font-size: .7em;
	line-height: 1.5em;
}

.success-message {
	width: 100%;
	margin: 20px auto 20px;
	background: #C5E7C9;
	border: 1px solid #249B3A;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #249B3A;
	font-size: .7em;
	line-height: 1.5em;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
}

/*** Signup modal ***/
body.modal-page {
	background-color: transparent;
}

.user-modal-container {
	padding: 20px;
}

.user-modal-container h2 {
	padding: 0;
	margin: -20px 0 0 0;
	font-size: 32px;
	text-shadow: 0 -1px 0 #000;
}

.user-modal-content .facebook-button {
	width: auto;
	margin: 0 auto;
	float: none;
	display: block;
}

.user-modal-content .facebook-button .text {
	line-height: 40px;
}

.user-modal-content #signup-separator {
	margin: 10px 0px 30px 0;
	height: 20px;
	text-align: center;
	border-bottom: solid 1px black;
}

.user-modal-content #signup-separator span.orText {
	font-size: 24px;
	color: #fff;
	background: transparent;
	padding: 0 10px 0 10px;
	float: none;
	margin: 0;
	opacity: 10;
	position: relative;
	top: 10px;
}

.user-modal-content p {
	color: #fff;
}

.user-modal-content #signup-email {
	margin: 0 auto;
	padding: 16px 13% 10px 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #B2BCC6;
	width: 84%;
	height: 26px;
	border: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #b1bbc5;
	border-right: 1px solid #000;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.36);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.36);
	box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.36);
}

.user-modal-content #signup-email-confirm {
	margin: 0 auto;
	padding: 16px 13% 10px 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #B2BCC6;
	width: 84%;
	height: 26px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 -2px 4px rgba(0,0,0,.36);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 -2px 4px rgba(0,0,0,.36);
	box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 -2px 4px rgba(0,0,0,.36);
}

.user-modal-content #signup-password,
.user-modal-content #signup-password-placeholder {
	margin: 0 auto;
	padding: 16px 13% 10px 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #B2BCC6;
	width: 84%;
	height: 26px;
	border: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #b1bbc5;
	border-right: 1px solid #000;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.36);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.36);
	box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 2px 4px rgba(0,0,0,.36);
}

.user-modal-content #signup-password-confirm,
.user-modal-content #signup-password-confirm-placeholder {
	margin: 0 auto;
	padding: 16px 13% 10px 3%;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #B2BCC6;
	width: 84%;
	height: 26px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 -2px 4px rgba(0,0,0,.36);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 -2px 4px rgba(0,0,0,.36);
	box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 -2px 4px rgba(0,0,0,.36);
}

.user-modal-content .form-buttons button {
	max-width: none;
	float: none;
	width: 100%;
}

.user-modal-content .terms {
	text-align: center;
}

.user-modal-content .field-row {
	margin: 20px 0px;
	position: relative;
}

.user-modal-content .field-row label {
	display: none;
}

.user-modal-content .field-row label#opt-in-label {
	color: white;
	display: inline;
	height: 60px;
}

.user-modal-content .field-row input[type="text"] {
	height: 32px;
	width: 320px;
	margin: 0 auto 20px auto;
	padding: 10px 20px;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #24292f;
	border: 1px solid #b1bbc5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
}

.user-modal-content .field-row select {
	height: 52px;
	width: 360px;
	margin: 0 auto 20px auto;
	padding: 10px 20px;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #24292f;
	-webkit-appearance: menulist-button;
	border: 1px solid #b1bbc5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.user-modal-content #signup-email-error-container .error,
.user-modal-content #signup-password-error-container .error {
	font-size: 1em;
}

.page-admin-users #admin-user-search-container .admin-user-search-form input {
	height: 32px;
	width: 320px;
	margin: 0 auto 20px auto;
	padding: 10px 20px;
	font-family: 'DIN_Medium', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	color: #24292f;
	border: 1px solid #b1bbc5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #f2f5f8;
	-moz-box-shadow: 0 2px 0 #fff;
	-webkit-box-shadow: 0 2px 0 #fff;
	box-shadow: 0 2px 0 #fff;
}

.page-deaf-index .logo {
	background: url("../images/logoDeaf.png") no-repeat left top;
	width: 400px;
	height: 50px;
	margin: 0;
}

.verse-search-highlight {
	background-color: #FFFF99;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

#bis-logo-print {
	display: none;
}

@media only screen and (max-height: 640px) {
	#navigation-container {
		bottom: 0;
		overflow: hidden;
	}

	#navigation-menu-container {
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		padding-right: 20px;
		height: 100%;
	}

	#navigation-container[dir=rtl] #navigation-menu-container {
		padding-right: 0;
		padding-left: 20px;
	}
}

@media screen and (max-width: 767px){
	.fancybox-overlay.version-info-modal {
		height: 100% !important;
		width: 100% !important;
	}
	.fancybox-wrap.version-info-modal {
		display: block !important;
		top: 5% !important;
		left: 5% !important;
		height: auto !important;
		width: 90% !important;
		position: absolute !important;
	}

	.fancybox-inner {
		background-color: #fff !important;
		-webkit-border-radius: 5px !important;
		-moz-border-radius: 5px !important;
		border-radius: 5px !important;
	}

	.fancybox-title {
		width: 80% !important;
		margin-bottom: 80px;
	}

	.bible-info-title h3 {
		width: 80%;
	}

	.bible-info-title h2 {
		width: 100%;
		left: 10%;
		padding: 5px;
		background-color: white;
		border-radius: 5px;
	}

	.fancybox-close {
		top: -150px;
	}

	.fancybox-skin {
		padding: 17px !important;
	}

	#bible-info {
		top: 0;
		position: relative;
		color: #414141;
		padding: 10px;
		height: 100%;
		background-color: transparent !important;
	}

	#bible-copyrights h2 {
		color: #2D3137;
		text-shadow: none;
		margin: 0 0 -10px 0;
		font-size: 1.6em;
	}
	#bible-copyrights p {
		font-size: 1.4em;
	}

	.bible-art {
		display: none !important;
	}

	#bible-availability {
		display: none !important;
	}
}

@media screen and (max-width: 319px) {
	.fancybox-overlay.version-info-modal,	
			.fancybox-wrap.version-info-modal {
			display: none !important;
		}
}