body,ul,li {
    padding:0;
    margin:0;
    border:0;
}
@font-face { 
    font-family: "ArialCustom"; 
    src: url('../fonts/ARIAL.TTF'); 
}
@font-face {
    font-family: 'MaterialIconsLocal';
    src: url('../fonts/MAT.TTF');
}
body {
    -webkit-user-select:none;
    -webkit-text-size-adjust:none;
    font-family: 'ArialCustom', Roboto, Helvetica, Arial, sans-serif /*{global-font-family}*/;
    color: #3E3E3E;
}

.material-icons {
    font-family: 'MaterialIconsLocal' !important;
}

#splash {
    z-index: 9999;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgb(208,222,239); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(208,222,239,1) 0%, rgba(111,122,156,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(208,222,239,1)), color-stop(100%,rgba(111,122,156,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(208,222,239,1) 0%,rgba(111,122,156,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(208,222,239,1) 0%,rgba(111,122,156,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(208,222,239,1) 0%,rgba(111,122,156,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(208,222,239,1) 0%,rgba(111,122,156,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0deef', endColorstr='#6f7a9c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    overflow: hidden;
}

#splash > div {
    top: 50%;
	left: -50%;
    float:right;
    position:relative;
    text-align:left;
    display: block;
	height:100%;
}
#splash > div > div {
	margin-top:-31px;
    position: relative;
    left: 50%;
}
.secondary-header {
    padding:0px;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    top:0;
    
}

.study-tool-header, .secondary-header {
    border-top:1px solid #dde1ea;
    border-bottom:1px solid #43516f;
    background-color: #1D6283;
    z-index:4;
    position:absolute;
}

.study-tool-header {
    color:#fff;
    font-weight:bold;
    z-index:7;
}

.study-tool-header p {
    margin:0px;
    padding:0px;
}

.study-tool-body {
    position:absolute;
    z-index;7;
    bottom:0px;
}

#study-tool-wrapper {
    position:absolute;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
    z-index: 5;
}
#study-tool {
    background: #fff;
    position:absolute;
    z-index:6;
/*     -webkit-transition: all 0.25s ease-in-out; */
/*     -moz-transition: all 0.25s ease-in-out; */
/*     -o-transition: all 0.25s ease-in-out; */
/*     transition: all 0.25s ease-in-out; */
}
#study-tool-backdrop {
    position:absolute;
    z-index:6;
}

.greekToolLink {
    position: absolute;
    background: #555;
    border: 0px solid #333;
    background: rgb(5,8,51); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(5,8,51,1) 0%, rgba(139,154,183,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,8,51,1)), color-stop(100%,rgba(139,154,183,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(5,8,51,1) 0%,rgba(139,154,183,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(5,8,51,1) 0%,rgba(139,154,183,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(5,8,51,1) 0%,rgba(139,154,183,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(5,8,51,1) 0%,rgba(139,154,183,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050833', endColorstr='#8b9ab7',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
/*     -webkit-transition: height 0.25s ease-in-out; */
/*     -moz-transition: height 0.25s ease-in-out; */
/*     -o-transition: height 0.25s ease-in-out; */
/*     transition: height 0.25s ease-in-out; */
    overflow:hidden;
}

.secondary-header button {
    /*
    -webkit-box-shadow: 0 1px 1px #9aa5bb, 0 -1px 1px #8e96a5; 
    border: solid 1px #54617d;
    border-color: #484e59 #54617d #4c5c7a #54617d; 
    display: inline-block;
    cursor: pointer;
    padding: 0px 10px;
    font-size: 12px;
    line-height: 28px;
    height: 30px;
    margin-top: 6px;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgb(139,154,183); 
    background: -moz-linear-gradient(top,  rgba(139,154,183,1) 0%, rgba(69,86,119,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,154,183,1)), color-stop(100%,rgba(69,86,119,1))); 
    background: -webkit-linear-gradient(top,  rgba(139,154,183,1) 0%,rgba(69,86,119,1) 100%); 
    background: -o-linear-gradient(top,  rgba(139,154,183,1) 0%,rgba(69,86,119,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(139,154,183,1) 0%,rgba(69,86,119,1) 100%); 
    background: linear-gradient(to bottom,  rgba(139,154,183,1) 0%,rgba(69,86,119,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9ab7', endColorstr='#455677',GradientType=0 ); 
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none; */

    display: inline-block;
    cursor: pointer !important;
    margin:0;
    -webkit-box-sizing: border-box;
    border-radius: 0px;
    border:none;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    background:none;
/*     opacity:0.9; */
}

.secondary-header button:active {
    opacity:1;
    background:rgba(0,0,0,0.1);
}

.left-button {
    float:left;
}

.secondary-header .left-button {

}

.right-button {
    float:right;
}

.header-wrapper {
    position: absolute;
    margin-left: 0px;
    width:100%;
}

.button-wrapper {
    position:absolute;
    width:100%;
}

.secondary-header h1 {
    text-align:center;
    color:#FFF;
    padding:0px;
    margin:0px;
    position:absolute;
    left:2.1rem;
    right:4.2rem;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#books {
    position:absolute; 
    z-index:2;
    left:0;
    background-color: #1D6283;
    padding:0;
    color:#eee;
    text-align:center;
}

#books a {
    color:#f3f3f3;
    text-decoration:none;
    font-weight:bold;
    text-shadow:0 -1px 0 rgba(0,0,0,0.5);
}

#footer {
    position:absolute; z-index:2;
    bottom:0; left:0;
    width:100%;
    background-color:#222;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
    background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
    background-image:-o-linear-gradient(top, #999, #666 2%, #222);
    padding:0;
    border-top:1px solid #444;
}

#passage-wrapper {
    position:absolute; 
    z-index:1;
    bottom:0px; 
    left:0;
    background:#fff;
    overflow:auto;
}

#passage-scroller {
    position:absolute; z-index:1;
/*  -webkit-touch-callout:none;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    width:100%;
    padding:0;
}

#wrapper {
    position:absolute; 
    z-index:1;
    bottom:0px; 
    background:#fff;
    overflow:auto;
}
#scroller {
    position:absolute; z-index:1;
/*  -webkit-touch-callout:none;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    width:100%;
    padding:0;
}

#scroller ul {
    list-style:none;
    padding:0;
    margin:0;
    width:100%;
    text-align:left;
}

#scroller li {
    border:none;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
    background-color:#fafafa;
}

#scroller table {
	width:100%;
	text-align:left;
    padding:0;
    margin:0;
}

#scroller .passageItem {
    border:none;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
    background-color:#fafafa;	
}

#scroller .category1, #scroller .category2 {
	margin:0px;
    border:none;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #fff;
}

#book-list {
    padding:0px;
    margin:0px;
    list-style:none;
    display:block;
    float:left;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    text-align:left;
}
#books-wrapper {
    position:relative;  /* On older OS versions "position" and "z-index" must be defined, */
    z-index:1;          /* it seems that recent webkit is less picky and works anyway. */
    overflow:hidden;
}
#books-scroller {
    height:100%;
    padding:0px;
}
#books-scroller li {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    display:block; 
    text-align:center;
    font-family: georgia, serif;
    color:#FFF;
    border:none;
    background:none;
}
#books-scroller {
    font-weight:normal;
}
/* #books-scroller a:hover { */
/*  -webkit-border-radius: 7px 15px 5px 15px; */
/*  -moz-border-radius: 7px 15px 5px 15px; */
/*  border-radius: 7px 15px 5px 15px; */
/*  -webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, .75); */
/*  -moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, .75); */
/*  box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, .75); */
/* } */
#books-scroller a {
    background:url(../img/book.png) no-repeat top left;
    display: block;
}
#books-scroller span.selected {
    background: rgba(0, 0, 0, .25);
    display: block;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 20;
}

#books-nav {
    float:right;
    position:relative;
    text-align:left;
}
#books-indicator {
    list-style:none;
    padding:0; margin:0;
    position:relative;
}
#books-indicator > li {
    position:relative;
    display:block; 
    float:left;
    list-style:none;
    padding:0; margin:0;
}

#books-indicator {
}

#books-indicator > li {
    text-indent:-9999em;
    background:#fff;
    overflow:hidden;
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
    border:none;
}

#books-indicator > li.active {
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    background:#fff;
}

#books-indicator > li:last-child {
    margin:0;
}
li p, .passageItem p {
    margin:0;
    padding: 0;
}
.list-top-line {
    font-weight: normal;
    /*white-space: nowrap;*/
    overflow:hidden;
}
.list-bottom-line {
    margin-left:1px;
    color:#999;
}
li, .meaning-button, .MeaningListItem, .MeaningListItemNoBorder, .passageItem, .category1, .category2 {
    border: 1px solid #555555 /*{a-body-border}*/;
    color: #3E3E3E /*{a-body-color}*/;
    text-shadow: 0 /*{a-body-shadow-x}*/ 0 /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #ffffff /*{a-body-shadow-color}*/;
    background: #FFFFFF /*{a-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-body-background-start}*/), to( #f4f4f4 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #FFFFFF /*{a-body-background-start}*/, #f4f4f4 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #FFFFFF /*{a-body-background-start}*/, #f4f4f4 /*{a-body-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #FFFFFF /*{a-body-background-start}*/, #f4f4f4 /*{a-body-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #FFFFFF /*{a-body-background-start}*/, #f4f4f4 /*{a-body-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #FFFFFF /*{a-body-background-start}*/, #f4f4f4 /*{a-body-background-end}*/);
    position:relative;
}
/* li:hover { */
/*  border: 1px solid #cfcfcf {a-bhover-border}; */
/*     background: #e8e8e8 {a-bhover-background-color}; */
/*     font-weight: bold; */
/*     color: #3E3E3E {a-bhover-color}; */
/*     text-shadow: 0 {a-bhover-shadow-x} 0 {a-bhover-shadow-y} 0 {a-bhover-shadow-radius} #ffffff {a-bhover-shadow-color}; */
/*     background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 {a-bhover-background-start}), to( #d7d7d7 {a-bhover-background-end})); Saf4+, Chrome */
/*     background-image: -webkit-linear-gradient( #f8f8f8 {a-bhover-background-start}, #d7d7d7 {a-bhover-background-end}); Chrome 10+, Saf5.1+ */
/*     background-image:    -moz-linear-gradient( #f8f8f8 {a-bhover-background-start}, #d7d7d7 {a-bhover-background-end}); FF3.6 */
/*     background-image:     -ms-linear-gradient( #f8f8f8 {a-bhover-background-start}, #d7d7d7 {a-bhover-background-end}); IE10 */
/*     background-image:      -o-linear-gradient( #f8f8f8 {a-bhover-background-start}, #d7d7d7 {a-bhover-background-end}); Opera 11.10+ */
/*     background-image:         linear-gradient( #f8f8f8 {a-bhover-background-start}, #d7d7d7 {a-bhover-background-end}); */
/* } */
.listDivider {
    border: 1px solid #cfcfcf/;
    background: #ddd !important;
    font-weight: bold;
    /*white-space: nowrap;*/
    overflow:hidden;
}
.listDivider span {
    overflow:hidden;
    display:block;
}
li a, li a:visited, li a:active, .passageItem a, .passageItem a:visited, .passageItem a:active {
    color:#3E3E3E;
    text-decoration: none;
}
.list_arrow {
    display: block;
    position: absolute;
    color: #888;
}
.chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -50%;
}
.meaning-button, .MeaningListItem, .MeaningListItemNoBorder {
    margin:0px;
/*     width:100%; */
    border:none;
    border-bottom:1px solid #ccc;
    text-align:left;
}
.meaning-button, .MeaningListItem {
    border-top:1px solid #ccc;
}
.meaning-button span, .MeaningListItem span, .MeaningListItemNoBorder span {
/* 	float:right; */
    position: absolute;
    right:0.75rem;
}
.chosen-translation {
    background: rgb(237,245,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(237,245,255,1) 0%, rgba(196,218,252,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,245,255,1)), color-stop(100%,rgba(196,218,252,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,245,255,1) 0%,rgba(196,218,252,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,245,255,1) 0%,rgba(196,218,252,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,245,255,1) 0%,rgba(196,218,252,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,245,255,1) 0%,rgba(196,218,252,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf5ff', endColorstr='#c4dafc',GradientType=0 ); /* IE6-9 */
    border-top:1px solid #9bbdf2;
    border-bottom:1px solid #9bbdf2;
}
.meaning-detail {
    background: #ddd;
/*     -webkit-transition: height 0.25s ease-in-out; */
/*     -moz-transition: height 0.25s ease-in-out; */
/*     -o-transition: height 0.25s ease-in-out; */
/*     transition: height 0.25s ease-in-out; */
    overflow:hidden;
    position: relative;
}
.MeaningUnit {
    display:none;
    border-top:1px solid #ccc;
    font-weight: bold;
}
.MeaningUnitGreek {
    border-top:1px solid #ccc;
    font-weight: bold;
}
.collapsed {
    height:0px;
    overflow:hidden;
}
#scroll-icon {
    position:relative;
}
.hidden {
    display: none !important;
    height:0px !important;
}
.in, .out {
/*     -webkit-animation-timing-function: ease-in-out; */
/*     -webkit-animation-duration: 150ms; */
}
@keyframes fade-in {
    from { opacity: 0; } to { opacity: 1; }
}
@-webkit-keyframes fade-in {
    from { opacity: 0; } to { opacity: 1; }
}
@keyframes fade-out {
    from { opacity: 1; } to { opacity: 0; }
}
@-webkit-keyframes fade-out {
    from { opacity: 1; } to { opacity: 0; }
}
@keyframes scale-out {
    0% { opacity: 1; -webkit-transform:scale(1,1); }
    100% {opacity: 0; -webkit-transform:scale(0,0); }
}
@-webkit-keyframes scale-out {
    0% { opacity: 1; -webkit-transform:scale(1,1); }
    100% {opacity: 0; -webkit-transform:scale(0,0); }
}
.fade.in {
/*     -webkit-animation-name: fade-in; */
/*     animation:fade-in; */
    z-index: 5;
}
.fade.out {
/*     -webkit-animation-name: fade-out; */
/*     animation:fade-out; */
    z-index: 0;
}
.scale.out {
/*     -webkit-animation-name: scale-out; */
/*     animation:scale-out; */
    z-index: 0;
}

.transWord {
    cursor: pointer;
}
.verseNumber {
    text-align: right;
    color: #999;
    display: block;
    position: absolute;
    margin-top:1px;
}
.greek a {
    color: #3E3E3E;
    /*font-style: italic;*/
}
.english a {
    color: #999;
}
.selectedWord {
    text-decoration: underline;
    color: #1D6283 !important;
}
.passageLine {
    position: relative;
}
.thePassage {
    position: relative;
}
#closeGreekTool {
    position: absolute;
    right: 10px;
}
#meaningDetail {
    padding-bottom:20px;
}
#menu-icon {
    /*position: absolute;*/
    /*right: 0px;*/
    /*top:18%;*/
    /*height: 1.8rem;*/
    /*margin-right:0.15rem;*/
    /*background:none;*/
    /*border:none;*/
}
#fontButtons {
    position: absolute;
    right: 0rem;
    top:2.5rem;
    /*height: 1.8rem;*/
    z-index: 30;
    background:#FFF;
    padding: 0.3rem;
}
.fontButton {
    height:100%;
    width:9.5rem;
    height:1.8rem;
    margin: 0.15rem 0rem;
    padding:0.15rem 0rem;
    background-color:#FFF;
    border:none;
    border-top:1px dashed #AAA;
    vertical-align: top;
    text-align: left;
    font-size: 0.8rem;
    position:relative;
}
.fontButton i {
    padding-right:0.3rem;
}
.fontButton span {
    top:0.5rem;
    position:absolute;
}






/*******************************************************************
SIZING
*******************************************************************/

body {
    font-size:1.0rem;
}

.secondary-header {
    height:3.125rem;
}

.study-tool-header {
    height: 2.1875rem;
    line-height:2.1875rem;
    padding-left:0.625rem;
    font-size: 1.0rem;
}
.study-tool-body p {
    margin: 0.625rem 0.625rem;
}
.greekToolLink {
    border-radius: 0rem 0rem 0.3125rem 0.3125rem;
}
.greekToolLink img {
    margin: 0.4375rem 0.625rem;
}
.secondary-header button {
    /*
    padding: 0rem 0.625rem;
    font-size: 0.75rem;
    line-height: 1.75rem;
    height: 1.875rem;
    */

    padding: 0.5rem 0.4375rem;
    font-size: 0.75rem
    line-height: 3rem;
    height: 3rem;
}
.header-wrapper {
    height:3rem;
}
.button-wrapper {
    height:3rem;
}
.secondary-header h1 {
    height:3rem;
    line-height:3rem;
    font-size: 1.25rem;
}
#books {
    top:0rem; 
    line-height:6.25rem;
    font-size:1.25rem;
}
#footer {
    height:3rem;
}
#passage-wrapper {
    top:0rem;
}
#passage-scroller {
    margin:0 0rem;
    -webkit-user-select: text !important;
}
#scroller li {
    padding:0 0.625rem;
/*    height:3.125rem;
    line-height:3.125rem;*/
}
#scroller .passageItem {
    padding:0 0.625rem;
/*    height:2.8125rem;
    line-height:2.8125rem;*/
}
#books-scroller li {
    width:3.125rem; 
    height:3.875rem;
    line-height:100%;
    font-size:0.6875rem;
}
#books-scroller a.selected {
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0.1rem 0.15rem 0.15rem 0rem rgba(0, 0, 0, .85);
    -moz-box-shadow: 0.1rem 0.15rem 0.15rem 0rem rgba(0, 0, 0, .85);
    box-shadow: 0.1rem 0.15rem 0.15rem 0rem rgba(0, 0, 0, .85);
    border:1px solid #404f6b;
}
#books-scroller a {
    /*background:url(../img/book_ldpi.png) no-repeat top left;*/
    background: rgb(136,147,164); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(136,147,164,1) 0%, rgba(93,103,121,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(136,147,164,1)), color-stop(100%,rgba(93,103,121,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(136,147,164,1) 0%,rgba(93,103,121,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(136,147,164,1) 0%,rgba(93,103,121,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(136,147,164,1) 0%,rgba(93,103,121,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(136,147,164,1) 0%,rgba(93,103,121,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8893a4', endColorstr='#5d6779',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
    height: 2rem;
    padding: 1.5625rem 0.3125rem 0.3125rem 0.3125rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0.1rem 0.15rem 0.15rem 0rem rgba(0, 0, 0, 1);
    -moz-box-shadow: 0.1rem 0.15rem 0.15rem 0rem rgba(0, 0, 0, 1);
    box-shadow: 0.1rem 0.15rem 0.15rem 0rem rgba(0, 0, 0, 1);
    border:1px solid #404f6b;
}
#books-scroller span.selected {
    height: 3.875rem;
    width: 3.125rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0rem 0rem 0.375rem 0.1875rem rgba(255, 255, 255, .75);
    -moz-box-shadow: 0rem 0rem 0.375rem 0.1875rem rgba(255, 255, 255, .75);
    box-shadow: 0rem 0rem 0.375rem 0.1875rem rgba(255, 255, 255, .75);
}
#books-indicator > li {
    width:0.5rem; 
    height:0.5rem;
    -webkit-border-radius:0.25rem;
    -moz-border-radius:0.25rem;
    -o-border-radius:0.25rem;
    border-radius:0.25rem;
    margin-right:0.5rem !important;
}
.category1, .category2 {
    padding:0.625rem;   
    font-size:1.0rem;
    max-width:5.5rem;
}
li p, .passageItem p {
    line-height:1.25rem;
}
.list-top-line {
    font-size:0.875rem;
    padding-top:0.3125rem;
    margin-right:1.875rem !important;
}
.list-bottom-line {
    /*margin-top:-0.4375rem;*/
    font-size:0.6875rem;
}
.listDivider {
    /*height: 1.875rem  !important;
    line-height: 1.875rem !important;*/
    padding: 0.5rem 0.625rem 0.5rem 0.625rem !important;
}
td.listDivider span {
    margin-left:0.625rem;
}
.list_arrow {
    right:0.625rem;
    width: 1.25rem;
    height: 100%;
    top: 0px;
}
.meaning-button, .MeaningListItem, .MeaningListItemNoBorder {
    padding:0.3125rem 3rem 0.3125rem 0.625rem;
    /*height:1.875rem;*/
    line-height:1.875rem;
    font-size: 1.0rem;
}
.meaning-button span, .MeaningListItem span, .MeaningListItemNoBorder span {
/*     margin-right: 1.25rem; */
}
.meaning-detail p {
    margin:0rem 0.625rem;
    padding: 0.625rem 0rem;
    display: inline-block;
}
.MeaningUnit {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    font-size: 1.0rem;
}
.MeaningUnitGreek {
    padding: 0.625rem 0.625rem 0.1875rem 0.625rem;
    font-size: 1.0rem;
}
#main-header {
    background:#FFF !important;
    height:0rem;
}
#main-header-spacer {
    background:#FFF;
    height: 100%;
    flex-shrink: 1;
    white-space: nowrap;
}
#main-header > .mdl-layout-icon {
    left: 1rem !important;
    width: 3rem !important;
}
#scroll-icon {
    height:100%;
}
#menu-icon {
    color: #1D6283 !important;
}
.verseNumber {
    font-size: 0.75rem;
    width: 2rem;
    line-height: 1.5rem;
    -webkit-user-select: text !important;
}
.greek {
    line-height: 1.5rem;
    -webkit-user-select: text !important;
}
.english {
    line-height: 1.5rem;
    -webkit-user-select: text !important;
}
.passageLine {
    margin-right:3.6875rem;
    -webkit-user-select: text !important;
}
.thePassage {
    left: 2.4375rem;
    margin-bottom:0.625rem;
    font-size:1.0rem;
    /*word-wrap:break-word;*/
    -webkit-user-select: text !important;
}

#share-all-meanings, #closeGreekTool {
    position: absolute;
    color: #FFF;
    text-decoration: none;
    height: 1.625rem;
    width: 1.625rem;
    top: 0.3rem;
}

#share-all-meanings {
    right: 60px;
}

#closeGreekTool {
    right: 20px;
}

.meaning-detail > a {
    display: inline-block;
    position: absolute;
    right: 10px;
    text-decoration: none;
    height: 1.625rem;
    width: 1.625rem;
    top: 0.3rem;
}

.share-single-meaning {
    color: #1D6283;
}

#share-button-main, #share-button-passage {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
}

.mdl-layout__header {
    background-color: #1D6283;
}

.mdl-button--fab.mdl-button--colored, 
.mdl-button--fab.mdl-button--colored:hover, 
.mdl-button--fab.mdl-button--colored:focus:not(:active),
.mdl-button--fab.mdl-button--colored:active {
    background-color: #1D6283;
}

.md-32 {
    font-size: 32px;
}

.md-36 {
    font-size: 36px;
}