/*My CSS*/

#wrapper {
    width: 1204px;
    height: 837px;
    position: relative;
    float: none;
    margin: 50px auto;
    background-image: url("../img/iPadMockup.png");
    background-size: 1204px 837px;
    background-repeat: no-repeat;
    overflow: hidden;
}

#overflowWrapper {
    width: 1024px;
    height: 768px;
    position: relative;
    top: 34px;
    left: 90px;
    overflow: hidden;
}

#global-nav {
    display: none;
    /* IMPORTANT */
}


/*#wrapper {*/


/*display: block;*/


/*width: 100%;*/


/*height: 100%;*/


/*position: relative;*/


/*float: left;*/


/*margin: 0px;*/


/*padding: 0px;*/


/*}*/

ul li {
    list-style: none;
}

nav {
    display: block;
    width: 1024px;
    height: 50px;
    position: absolute;
    padding: 0px;
    margin: 0px;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

.navButton {
    width: 114px;
    height: 50px;
    background-image: url(../img/navBack.png);
    background-repeat: no-repeat;
}

#statusBarBackground {
    width: 1024px;
    height: 22px;
    position: relative;
    top: 0px;
    z-index: 10000;
    background-color: rgba(40, 40, 40, 0.85);
}

#mapWrapper {
    width: 1024px;
    height: 608px;
    position: absolute;
    top: 73px;
    left: 0px;
    overflow: hidden;
}

.titleClass {
    width: 337px;
    height: 1.5em;
    position: absolute;
    /*float: left;*/
    text-align: left;
    font-size: 24px;
    text-transform: none;
    padding-top: 0.5em;
    padding-left: 0px;
    margin-top: 0px;
    margin-left: 175px;
    z-index: 100;
    /*    background-color: greenyellow;*/
}

.boldText {
    font-weight: bold;
}

#chaptersID h2.titleClass {
    width: 230px;
    height: 1.75em;
    position: absolute;
    color: #4e4e4e;
    font-size: 18px;
    margin-left: 0px;
    padding-left: 25px;
    text-align: left;
    z-index: 1000;
    /*background-color: #ffffff;*/
}

.subtitleClass {
    width: 100%;
    text-align: left;
    font-size: 12px;
    text-transform: none;
    padding-left: 5px;
}

.toUpperCase {
    text-transform: uppercase;
}

.toItalic {
    font-style: italic;
}

.textToSentenceCase {
    text-transform: none;
}

#homeButton, #lastDaysButton, #bibleButton, #propheciesButton, #mapsButton, #myNotesButton, #galleryButton, #settingsButton, #searchButton {
    width: calc(100% / 9);
    height: 50px;
    float: left;
    padding: 0px;
    margin: 0px;
    color: #4e4e4e;
    box-shadow: 0px 2px 3px #4e4e4e;
    /*border: 1px solid #cccccc;*/
}

#day-7 {
    background: #C4D82D;
    color: #4e4e4e;
}

.button:hover {
    background: #C4D82D;
    color: #4e4e4e !important;
}

#bibleText {
    width: calc(((100% / 9) * 6) - 80px);
    height: calc(100% - 195px);
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    left: 0;
    top: calc(100% - (200%));
    z-index: 100;
}

#bibleText h2 {
    width: 100px;
    margin: 20px;
    margin-left: calc((100% - 100px)/2);
    text-align: center;
    font-size: 24px;
    text-transform: none;
}

#bibleTextHeader {
    width: 100%;
    height: 50px;
}

#shareBibleTextButton {
    width: 105px;
    height: 30px;
    font-size: 12px;
    text-align: center;
    color: #4e4e4e;
    float: left;
    padding-left: 5px;
    margin-top: 20px;
    background-color: #C4D82D;
}

#shareBibleTextButton:hover {
    background-color: #F4AC1C;
}

#bookMarkIconButton {
    width: 20px;
    height: 40px;
    float: right;
    margin-top: -60px;
}

#lastDaysMenu {
    width: 512px;
    height: calc(768px - 160px);
    position: absolute;
    background-color: #ffffff;
    color: #4e4e4e;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    top: -657px;
    left: 0px;
    z-index: 100;
    /*overflow-y: scroll;*/
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}

#lastDaysMenuWrapper {
    width: 355px;
    height: 550px;
    margin-top: 57px;
    float: right;
    overflow-y: scroll;
    -webkit-overflow-scroll: touch;
    overflow-x: hidden;
    /*background-color: yellow;*/
}


/*#lastDaysMenuText p {
    width: 75%;
    margin-left: 10%;
    !*background-color: yellow;*!
}*/

#lastDaysMenuGroup ul {
    width: 155px;
    height: 300px;
    padding: 0px;
    margin-top: 0px;
    /*background-color: yellow;*/
}

#lastDaysMenu ul li {
    position: relative;
    float: left;
}

#lastDaysMenuGroup {
    width: 155px;
    height: 385px;
    position: absolute;
    margin-top: -613px;
    margin-left: 0px;
    /*left: -195px;*/
    z-index: 110;
}


/*#lastDaysMenuGroupUL {
    margin-left: -40px;
}*/

#lastDaysMenuTextMar29 span p, #lastDaysMenuTextMar30 span p, #lastDaysMenuTextMar31 span p, #lastDaysMenuTextApr2 span p, #lastDaysMenuTextApr3 span p, #lastDaysMenuTextApr4 span p, #lastDaysMenuTextApr5 span p, #lastDaysMenuTextApr6 span p, #lastDaysMenuTextApr12 span p, #lastDaysMenuTextAscension span p {
    width: 90%;
    margin-left: 5%;
}

#lastDaysMenuTextMar29 h3, #lastDaysMenuTextMar30 h3, #lastDaysMenuTextMar31 h3, #lastDaysMenuTextApr2 h3, #lastDaysMenuTextApr3 h3, #lastDaysMenuTextApr4 h3, #lastDaysMenuTextApr5 h3, #lastDaysMenuTextApr6 h3, #lastDaysMenuTextApr12 h3, #lastDaysMenuTextAscension h3 {
    margin-left: 17px;
    margin-top: 20px;
    color: #f4ac1c;
}

#lastDaysMenuTextApr2 h4, #lastDaysMenuTextApr3 h4, #lastDaysMenuTextApr5 h4, #lastDaysMenuTextApr6 h4, #lastDaysMenuTextApr12 h4, #lastDaysMenuTextAscension h4 {
    margin-left: 17px;
    color: #F4AC1C;
}

#lastDaysMenuTextMar29 span h3, #lastDaysMenuTextMar30 span h3, #lastDaysMenuTextMar31 span h3, #lastDaysMenuTextApr2 span h3, #lastDaysMenuTextApr3 span h3, #lastDaysMenuTextApr4 span h3, #lastDaysMenuTextApr5 span h3, #lastDaysMenuTextApr6 span h3, #lastDaysMenuTextApr12 span h3, #lastDaysMenuTextAscension span h3 {
    margin-left: 17px;
    font-weight: 700;
    margin-top: 0px;
}

#lastDaysMenuTextMar29, #lastDaysMenuTextMar30, #lastDaysMenuTextMar31, #lastDaysMenuTextApr2, #lastDaysMenuTextApr3, #lastDaysMenuTextApr4, #lastDaysMenuTextApr5, #lastDaysMenuTextApr6, #lastDaysMenuTextApr12, #lastDaysMenuTextAscension {
    display: none;
    width: 100%;
    height: 90%;
    position: relative;
    margin-left: 0px;
    margin-top: -10px;
    padding-top: 0px;
    /*background-color: yellow;*/
}

#lastDaysMenuTextMar29 {
    display: block;
}


/*#lastDaysMenuTextMar30, #lastDaysMenuTextMar31, #lastDaysMenuTextApr2, #lastDaysMenuTextApr3, #lastDaysMenuTextApr4,
#lastDaysMenuTextApr5, #lastDaysMenuTextApr6, #lastDaysMenuTextApr12, #lastDaysMenuTextAscension {
    display: none;
    width: 100%;
    height: 90%;
    position: relative;
    margin-left: 0px;
    margin-top: 60px;
    padding-top: 0px;
}*/

.timelineDayButton {
    width: 155px;
    height: 35px;
    background-color: rgba(158, 195, 226, 0.8);
    color: #4e4e4e;
    border: none;
}

.timelineDayAfterX {
    width: 155px;
    height: 35px;
    /*background-color: rgba(196, 216, 45, 0.8);*/
    background-color: rgba(158, 195, 226, 0.8);
    color: #4e4e4e;
    border: none;
}

.timelineDayXButton {
    width: 155px;
    height: 35px;
    /*background-color: rgba(224, 172, 28, 0.8);*/
    background-color: rgba(158, 195, 226, 0.8);
    color: #4e4e4e;
    border: none;
}

.timelineDayResurrection {
    width: 155px;
    height: 35px;
    /*background-color: rgba(196, 216, 45, 0.8);*/
    background-color: rgba(158, 195, 226, 0.8);
    color: #4e4e4e;
    border: none;
}

#mapsGallery {
    width: calc(((100% / 9) * 7) - 100px);
    height: 62%;
    background-color: rgba(255, 255, 255, 0.8);
    padding-left: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    left: -815px;
    top: -527px;
    z-index: 100;
}

#mapsGallery ul li {
    width: 104px;
    height: 134px;
    position: relative;
    float: left;
    padding: 5px;
}

#mapsGallery ul {
    margin-top: 30px;
}

#mapsGallery ul li .button {
    width: 104px;
    height: 104px;
    position: relative;
    float: left;
    padding: 0px;
}

.mapTitle {
    width: 104px;
    height: 30px;
    float: left;
    margin-left: 5px;
    padding: 0px;
    text-align: center;
    text-transform: none;
    background-color: rgba(255, 255, 255, 0.9);
}

.chapterButton {
    width: 105px;
    height: 30px;
    font-size: 12px;
    font-style: italic;
    text-align: left;
    color: #4e4e4e;
    float: none;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
    background-color: #C4D82D;
}

.chapterButton:hover {
    background-color: #F4AC1C;
}

.chapterButtonColumns {
    width: 120px;
    position: relative;
    float: left;
    left: calc((((100% / 9) * 6) - 110px) - (600px/2));
    top: 30px;
    margin-left: 0px;
    padding-left: 0;
}

.chapterButtonSubtitle {
    width: 105px;
    height: 30px;
    color: #4e4e4e;
    font-size: 12px;
    font-weight: bold;
    float: none;
    padding-left: 25px;
    margin-bottom: -5px;
    margin-top: 5px;
    text-align: left;
    background-color: transparent;
}

.chapterBookSubtitle {
    width: 105px;
    height: 30px;
    color: #4e4e4e;
    font-size: 12px;
    font-weight: bold;
    float: none;
    padding-left: 40px;
    margin-bottom: -5px;
    margin-top: 0px;
    text-align: left;
    background-color: transparent;
}

.footerImage {
    width: 1024px;
    height: 89px;
    background-image: url(../img/timeLineScale.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#myNotes {
    width: calc(((100% / 9) * 6) - 80px);
    height: 75%;
    background-color: rgba(255, 255, 255, 0.8);
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    left: -738px;
    top: -768px;
    z-index: 100;
}

div#myNotesHead {
    display: block;
    width: 100%;
    height: 50px !important;
}

#shareButtonMyNotes {
    width: 105px;
    height: 30px;
    font-size: 12px;
    text-align: center;
    color: #4e4e4e;
    float: left;
    padding-left: 5px;
    margin-top: 20px;
    background-color: #C4D82D;
}

#shareButtonMyNotes:hover {
    background-color: #F4AC1C;
}

#myNotesTitle {
    margin-left: calc((100% / 2) - 50px);
    margin-top: 20px;
    font-size: 24px;
    text-transform: none;
}

#newDate {
    font-size: 12px;
    float: right;
    margin-top: -40px;
}


/*#imageGallery {
    width: calc(((100% / 9) * 7) - 100px);
    height: 62%;
    background-color: rgba(255, 255, 255, 0.8);
    padding-left: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    left: -815px;
    top: -527px;
    z-index: 100;
}

#imageGallery ul li {
    width: 104px;
    height: 134px;
    position: relative;
    float: left;
    padding: 5px;
}

#imageGallery ul {
    margin-top: 30px;
}

#imageGallery ul li .button {
    width: 104px;
    height: 104px;
    position: relative;
    float: left;
    padding: 0px;
}*/

.mapTitle {
    width: 104px;
    height: 30px;
    float: left;
    margin-left: 5px;
    padding: 0px;
    text-align: center;
    text-transform: none;
    background-color: rgba(255, 255, 255, 0.9);
}

.previousArrow {
    width: 25px;
    height: 43px;
    position: absolute;
    left: 10px;
    top: calc(100% - (100% - 43px)/2);
    background-image: url("../img/previousArrow.png");
}

.nextArrow {
    width: 25px;
    height: 43px;
    position: absolute;
    right: 40px;
    top: calc(100% - (100% - 43px)/2);
    background-image: url("../img/nextArrow.png");
}


/***** LIST VIEW STYLING START *****/


/***********************************/

#chaptersID {
    width: 512px;
    height: 590px;
    position: relative;
    float: left;
    background-color: rgba(255, 255, 255, 0.95);
    padding-left: 0px;
    padding-bottom: 20px;
    margin-left: 0px;
    margin-top: -1393px;
    /*    overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;*/
    z-index: 100;
}

#chapterButtons .listview {
    width: 512px;
    height: 100%;
    padding-left: 0px;
}

#oldTestamentTitle {
    margin-top: 48px;
}

#chapterButtons .listview li a {
    display: block;
    width: 200px;
    height: 30px;
    padding-left: 30px;
    padding-top: 10px;
    color: #4e4e4e;
    text-decoration: none;
    border-bottom: solid 1px #cccccc;
    background-color: rgba(188, 212, 5, 0.2);
}

#chapterButtons ul.listview {
    display: block;
    width: 512px;
    height: 540px;
    margin-top: -8px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}

#chapterButtons .listview li a:hover {
    background-color: rgba(188, 212, 5, 0.8);
}

#chapterButtons .listIcon {
    float: right;
    margin-right: 20px;
    margin-top: -6px;
    color: #8e8e8e;
}

#chapterButtons {
    margin-top: 36px;
}


/**********************************/


/***** LIST VIEW STYLING END *****/


/***** BOOK CHAPTERS STYLING START *****/


/**********************************/

#bookChaptersID {
    display: block;
    width: 260px;
    height: 559px;
    position: absolute;
    /*    float: left;*/
    top: -560px;
    left: 252px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    /*background-color: yellow;*/
    z-index: 100;
}

#bookChaptersID h2 {
    width: 100%;
    height: 1.75em;
    font-size: 18px;
    padding-left: 0px;
    position: relative;
    float: left;
    color: #4e4e4e;
}


/*#prophecies {
    display: block;
    width: 280px;
    height: 559px;
    position: absolute;
    top: 50px;
    left: 280px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    z-index: 1000;
}*/

#genesisChapters, #exodusChapters, #leviticus, #numbersChapters, #deuteronomyChapters, #joshuaChapters,
/*HIDES CHAPTER MENUS BY DEFAULT*/

#judgesChapters, #ruthChapters, #samuel1Chapters, #samuel2Chapters, #kings1Chapters, #kings2Chapters, #chronicles1Chapters, #chronicles2Chapters, #ezraChapters, #nehemiahChapters, #estherChapters, #jobChapters, #psalmChapters, #proverbsChapters, #ecclesiastesChapters, #songOfSolomonChapters, #isaiahChapters, #jeremiahChapters, #lamentationsChapters, #ezekielChapters, #danielChapters, #hoseaChapters, #joelChapters, #amosChapters, #obadiahChapters, #jonahChapters, #micahChapters, #nahumChapters, #habakkukChapters, #zephaniahChapters, #haggaiChapters, #zechariahChapters, #malachiChapters, #matthewChapters, #markChapters, #lukeChapters, #johnChapters, #actsChapters, #romansChapters, #corinthians1Chapters, #corinthians2Chapters, #galatiansChapters, #ephesiansChapters, #philippiansChapters, #colossiansChapters, #thessalonians1Chapters, #thessalonians2Chapters, #timothy1Chapters, #timothy2Chapters, #titusChapters, #philemonChapters, #hebrewsChapters, #jamesChapters, #peter1Chapters, #peter2Chapters, #john1Chapters, #john2Chapters, #john3Chapters, #judeChapters, #revelationChapters {
    display: none;
    width: 290px;
    height: 90%;
    margin-top: 0px;
    margin-left: -30px;
    /*background-color: rgba(255,255,255,0.8);*/
}

#leviticus {
    margin-left: 0px !important;
}

.chapterClass {
    display: block;
    width: 45px;
    height: 30px;
    position: relative;
    float: left;
    padding-top: 10px;
    margin: 1px;
    color: #4e4e4e;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
}

.chapterClass:hover, .chapterClassTOC:hover {
    background-color: #C4D82D;
}

.chapterClassTOC {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    float: left;
    padding-top: 0px;
    color: #4e4e4e;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
}

#gen01Left, #gen01LeftFooter {
    margin-left: -40px;
}

#gen01Right, #gen01RightFooter {
    margin-left: 10px;
}

.chapterNum {
    width: 30px;
    height: 25px;
    position: relative;
    float: left;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-top: 0px;
    padding-top: 5px;
    padding-left: 0px;
    background-color: #C4D82D;
}

#bookChaptersID section ul {
    margin-top: -8px;
}

#tocButton, #tocButtonFooter {
    width: 150px;
    height: 30px;
    position: relative;
    float: right;
    margin-right: 0px;
    border: none;
    background-color: #C4D82D;
}


/**********************************/


/***** BOOK CHAPTERS STYLING END *****/


/***** PROPHECIES STYLING START *****/


/**********************************/

#prophecies {
    display: block;
    width: 512px;
    height: 588px;
    color: #4e4e4e;
    position: absolute;
    float: left;
    background-color: rgba(255, 255, 255, 0.95);
    padding-left: 10px;
    padding-bottom: 20px;
    left: 0px;
    top: -608px;
    /*    overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;*/
    z-index: 100;
}

#genProphecies {
    width: 100%;
    height: 520px;
}

#exoProphecies {
    width: 100%;
    height: 40px;
}

#numProphecies {
    width: 100%;
    height: 65px;
}

#deuProphecies {
    width: 100%;
    height: 185px;
}

#rutProphecies {
    width: 100%;
    height: 45px;
}

#sam1Prophecies {
    width: 100%;
    height: 65px;
}

#sam2Prophecies {
    width: 100%;
    height: 165px;
}

#chron1Prophecies {
    width: 100%;
    height: 135px;
}

#jobProphecies {
    width: 100%;
    height: 45px;
}

#psalmProphecies {
    width: 100%;
    height: 2975px;
}

#proverbProphecies {
    width: 100%;
    height: 140px;
}

#isaiahProphecies {
    width: 100%;
    height: 4460px;
}

#jeremiahProphecies {
    width: 100%;
    height: 190px;
}

#lamentationsProphecies {
    width: 100%;
    height: 50px;
}

#ezekielProphecies {
    width: 100%;
    height: 90px;
}

#danielProphecies {
    width: 100%;
    height: 330px;
}

#hoseaProphecies {
    width: 100%;
    height: 70px;
}

#joelProphecies {
    width: 100%;
    height: 50px;
}

#amosProphecies {
    width: 100%;
    height: 50px;
}

#micahProphecies {
    width: 100%;
    height: 115px;
}

#haggaiProphecies {
    width: 100%;
    height: 70px;
}

#zechariahProphecies {
    width: 100%;
    height: 670px;
}

[title="genProMenu"] {
    width: 100%;
    height: 2em;
    font-weight: 700;
    margin-bottom: -20px;
    margin-top: 20px;
}

[title="genProMenu"] ul li {
    position: relative;
    float: left;
    /*margin-left: -40px;*/
}

#bookProphecy {
    width: 290px;
    margin-left: -40px;
    /*background-color: yellow;*/
}

#otScripture, #ntScripture {
    width: 100px;
    margin-left: 5px;
}

[title="genPros1"], [title="exoPros1"], [title="numPros1"] {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    /*background-color: greenyellow;*/
}

[title="genPros1"] ul li, [title="exoPros1"] ul li, [title="numPros1"] ul li {
    position: relative;
    float: left;
    text-transform: capitalize;
    line-height: 2em;
    /*border-bottom: solid 1px #4e4e4e;*/
}

.pros1Desc {
    display: block;
    width: 290px;
    height: 2em;
    position: relative;
    float: left;
    margin-left: -40px;
}

.otClass, .ntClass {
    display: block;
    width: 100px;
    height: 1emp;
    position: relative;
    float: left;
    padding-left: 5px;
}

[title=titlePropheciesMenu] {
    display: block;
    width: 512px;
    height: 50px;
    position: absolute;
    float: left;
    /*background-color: yellow;*/
}

[title=titlePropheciesMenu] ul li {
    float: left;
}

[title=titlePropheciesMenu] #titleProphecy {
    font-size: 18px;
    font-weight: bold;
    margin-left: -40px;
    margin-top: 10px;
}

[title=titlePropheciesMenu] #otScripture {
    font-size: 12px;
    font-weight: bold;
    margin-left: 70px;
    margin-top: 15px;
}

[title=titlePropheciesMenu] #ntScripture {
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
}

#propheciesWrapper {
    display: block;
    width: 512px;
    height: 558px;
    margin-top: 50px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    /*background-color: yellow;*/
}


/**********************************/


/***** PROPHECIES STYLING END *****/


/***** CHAPTER CONTENT STYLING START *****/


/*****************************************/

#chapterContentSection {
    /*display: none;*/
    width: 460px;
    height: 610px;
    position: absolute;
    float: none;
    left: 0px;
    top: -611px;
    padding-left: 26px;
    padding-right: 26px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    background-color: rgba(255, 255, 255, 0.9);
}

.p {
    text-transform: capitalize;
}

#chapterContent {
    width: 460px;
}


/*****************************************/


/***** CHAPTER CONTENT STYLING END *****/


/***** VIDEO CONTENT STYLING START *****/


/*****************************************/

/*#mapGalleryContentSection {
    display: block;
    width: 1024px;
    height: 768px;
    position: absolute;
    float: none;
    left: 0px;
    top: -768px;
    padding-left: 50px;
    padding-right: 50px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    background-color: rgba(255,255,255,0.8);
}

#mapGalleryContent {
    width: 1024px;
    height: 610px;
    margin-top: 70px;
    left: 0;
}*/


/*****************************************/


/***** VIDEO CONTENT STYLING END *****/


/***** MAIN TIMELINE STYLING START *****/


/*****************************************/

footer {
    width: 1024px;
    height: 89px;
}

#mainTimeLine {
    width: 1024px;
    height: 89px;
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    text-align: center;
    /*    -webkit-overflow-scrolling: touch;
        overflow-x: scroll;*/
    white-space: nowrap;
    overflow: auto;
}

#dates.horizScrolling {
    height: 60px;
    margin-top: 30px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    /*background-color: greenyellow;*/
}

#dates.horizScrolling a {
    display: inline-block;
    width: 190px;
    height: 20px;
    padding: 0px 10px 0 10px !important;
    margin-top: 10px;
    text-decoration: none;
    font-size: 1.15em;
    /*background-color: yellow;*/
}

#timelineTitle {
    width: 150px;
    height: auto;
    float: left;
    text-align: left;
    font-size: 1.25em;
    padding-left: 50px;
    padding-top: 2px;
    /*background-color: #F4AC1C;*/
}


/*****************************************/


/***** MAIN TIMELINE STYLING END *****/

.place, .location {
    color: #000000;
    background-color: #cbf304;
}


/* MAP STYLE START */

#map_canvas {
    z-index: 1 !important;
}

.gmnoprint .gm-bundled-control {
    position: absolute !important;
    right: 0px;
}

#map2 {
    width: auto;
    height: auto;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#map2 img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position: relative;
}

#lastDaysMapSliderWrapper {
    width: 512px;
    height: 608px;
    position: absolute;
    right: 0px;
    top: -657px;
    overflow: hidden;
}

#sideMapSlider {
    width: 512px;
    height: auto;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#sideMapSlider img {
    width: 512px;
    height: auto;
    /*position: relative;*/
}


/***** BIBLE SIDE MAP START *****/

#bibleSideMapSlider {
    width: auto;
    height: auto;
    /*    background-image: url(../img/mainMap.png);
        background-repeat: no-repeat;
        background-size: auto auto;*/
    /*    overflow-y: scroll;
        -webkit-overflow-scrolling: touch;*/
    position: absolute;
    /*z-index: 1;*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /*width: 100%;*/
    /*    -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#bibleSideMapSlider img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position: relative;
}

#bibleMapSliderWrapper {
    width: 512px;
    height: 608px;
    float: right;
    position: relative;
    margin-top: -657px;
    margin-right: 0px;
    overflow: hidden;
}


/***** BIBLE SIDE MAP END *****/


/* MAP STYLE END */


/**** IMAGE MAP BUTTON START ****/


/**************************/

.cls-1 {
    border: none;
    /*background-color: #cbf304;*/
    opacity: 0;
    border-radius: 5px 5px;
}

#caesarea_philippiMapArea {
    width: 245px;
    height: 68px;
    position: absolute;
    top: 102px;
    left: 587px;
}

#nimrod {
    width: 115px;
    height: 50px;
    position: absolute;
    top: 52px;
    left: 632px;
}

#caesarea_philippiMapAreaSide {
    width: 195px;
    height: 65px;
    position: absolute;
    top: 45px;
    left: 217px;
}

#caesarea_philippiMapAreaBibleSide {
    width: 125px;
    height: 35px;
    position: absolute;
    top: 50px;
    left: 291px;
}

#bethsaidaMapArea {
    width: 135px;
    height: 61px;
    position: absolute;
    top: 485px;
    left: 535px;
}

#bethsaidaMapAreaSide {
    width: 115px;
    height: 55px;
    position: absolute;
    top: 210px;
    left: 259px;
}

#bethsaidaMapAreaBibleSide {
    width: 65px;
    height: 29px;
    position: absolute;
    top: 246px;
    left: 268px;
}

#capernaumMapArea {
    width: 142px;
    height: 55px;
    position: absolute;
    top: 487px;
    left: 395px;
}

#capernaumMapAreaSide {
    width: 134px;
    height: 50px;
    position: absolute;
    top: 215px;
    left: 125px;
}

#capernaumMapAreaBibleSide {
    width: 70px;
    height: 15px;
    position: absolute;
    top: 246px;
    left: 198px;
}

#gennesaretMapArea {
    width: 150px;
    height: 33px;
    position: absolute;
    top: 539px;
    left: 310px;
}

#gennesaretMapAreaSide {
    width: 140px;
    height: 26px;
    position: absolute;
    top: 265px;
    left: 95px;
}

#gennesaretMapAreaBibleSide {
    width: 83px;
    height: 14px;
    position: absolute;
    top: 272px;
    left: 152px;
}

#magdalaMapArea {
    width: 137px;
    height: 24px;
    position: absolute;
    top: 572px;
    left: 325px;
}

#magdalaMapAreaSide {
    width: 115px;
    height: 37px;
    position: absolute;
    top: 292px;
    left: 105px;
}

#magdalaMapAreaBibleSide {
    width: 75px;
    height: 13px;
    position: absolute;
    top: 286px;
    left: 157px;
}

#tiberiasMapArea {
    width: 110px;
    height: 52px;
    position: absolute;
    top: 613px;
    left: 416px;
}

#tiberiasMapAreaSide {
    width: 87px;
    height: 53px;
    position: absolute;
    top: 293px;
    left: 220px;
}

#tiberiasMapAreaBibleSide {
    width: 57px;
    height: 26px;
    position: absolute;
    top: 313px;
    left: 208px;
}

#gadaraMapArea {
    width: 132px;
    height: 43px;
    position: absolute;
    top: 758px;
    left: 572px;
}

#gadaraMapAreaSide {
    width: 104px;
    height: 57px;
    position: absolute;
    top: 355px;
    left: 255px;
}

#gadaraMapAreaBibleSide {
    width: 67px;
    height: 19px;
    position: absolute;
    top: 381px;
    left: 286px;
}

#gedoraMapArea {
    width: 184px;
    height: 87px;
    position: absolute;
    top: 1393px;
    left: 490px;
}

#gedoraMapAreaSide {
    width: 114px;
    height: 47px;
    position: absolute;
    top: 693px;
    left: 240px;
}

#gedoraMapAreaBibleSide {
    width: 114px;
    height: 47px;
    position: absolute;
    top: 693px;
    left: 240px;
}

#philadelphiaMapArea {
    width: 264px;
    height: 87px;
    position: absolute;
    top: 1513px;
    left: 680px;
}

#philadelphiaMapAreaSide {
    width: 144px;
    height: 57px;
    position: absolute;
    top: 753px;
    left: 340px;
}

#philadelphiaMapAreaBibleSide {
    width: 144px;
    height: 57px;
    position: absolute;
    top: 753px;
    left: 340px;
}

#qumranMapArea {
    width: 105px;
    height: 57px;
    position: absolute;
    top: 1743px;
    left: 341px;
}

#qumranMapAreaSide {
    width: 115px;
    height: 47px;
    position: absolute;
    top: 863px;
    left: 190px;
}

#qumranMapAreaBibleSide {
    width: 58px;
    height: 22px;
    position: absolute;
    top: 880px;
    left: 166px;
}

#bethanyMapArea {
    width: 115px;
    height: 53px;
    position: absolute;
    top: 1745px;
    left: 196px;
}

#bethanyMapAreaSide {
    width: 119px;
    height: 47px;
    position: absolute;
    top: 895px;
    left: 70px;
}

#bethanyMapAreaBibleSide {
    width: 59px;
    height: 27px;
    position: absolute;
    top: 872px;
    left: 98px;
}

#jerusalemMapArea {
    width: 151px;
    height: 40px;
    position: absolute;
    top: 1743px;
    left: 44px;
}

#jerusalemMapAreaSide {
    width: 115px;
    height: 64px;
    position: absolute;
    top: 830px;
    left: 30px;
}

#jerusalemMapAreaBibleSide {
    width: 76px;
    height: 21px;
    position: absolute;
    top: 870px;
    left: 22px;
}


/*************************/


/**** IMAGE MAP BUTTONS END ****/


/**** MAPS POPUPS START ****/


/*************************/

.mapPopup {
    display: none;
    width: 300px;
    height: auto;
    position: absolute;
    padding: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 4px 4px 10px #444444;
    z-index: 100;
}

.mapSidePopup {
    display: none;
    width: 190px;
    height: auto;
    position: absolute;
    padding: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 4px 4px 10px #444444;
    z-index: 100;
}

.bibleMapSidePopup {
    display: none;
    width: 190px;
    height: auto;
    position: absolute;
    padding: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 4px 4px 10px #444444;
    z-index: 100;
}

.popupTitle {
    display: block;
    width: 100%;
    height: 1.5em;
    position: absolute;
    top: 20px;
    left: 20px;
    color: #ffffff;
    text-shadow: 0px 0px 2px #000000;
    font-weight: 700;
    font-size: 15px;
}


/***** MAP POP UPS START *****/

#caesarea_philippiMapAreaPopUp {
    top: 150px;
    left: 110px;
}

#bethsaidaMapAreaPopUp {
    top: 440px;
    left: 190px;
}

#capernaumMapAreaPopUp {
    top: 440px;
    left: 520px;
}

#gennesaretMapAreaPopUp {
    top: 520px;
    left: 470px;
}

#magdalaMapAreaPopUp {
    top: 580px;
    left: 450px;
}

#tiberiasMapAreaPopUp {
    top: 600px;
    left: 90px;
}

#gadaraMapAreaPopUp {
    top: 710px;
    left: 180px;
}

#gedoraMapAreaPopUp {
    top: 1400px;
    left: 150px;
}

#philadelphiaMapAreaPopUp {
    top: 1510px;
    left: 340px;
}

#qumranMapAreaPopUp {
    top: 1730px;
    left: 600px;
}

#bethanyMapAreaPopUp {
    top: 1780px;
    left: 380px;
}

#jerusalemMapAreaPopUp {
    top: 1670px;
    left: 300px;
}


/***** MAP POP UPS END *****/


/***** SIDE MAP POP UPS START *****/

#caesarea_philippiMapAreaSidePopUp {
    top: 20px;
    left: 10px;
}

#bethsaidaMapAreaSidePopUp {
    top: 160px;
    left: 40px;
}

#capernaumMapAreaSidePopUp {
    top: 170px;
    left: 270px;
}

#gennesaretMapAreaSidePopUp {
    top: 200px;
    left: 230px;
}

#magdalaMapAreaSidePopUp {
    top: 210px;
    left: 230px;
}

#tiberiasMapAreaSidePopUp {
    top: 270px;
    left: 10px;
}

#gadaraMapAreaSidePopUp {
    top: 270px;
    left: 40px;
}

#gedoraMapAreaSidePopUp {
    top: 690px;
    left: 20px;
}

#philadelphiaMapAreaSidePopUp {
    top: 750px;
    left: 60px;
}

#qumranMapAreaSidePopUp {
    top: 790px;
    left: 200px;
}

#bethanyMapAreaSidePopUp {
    top: 790px;
    left: 200px;
}

#jerusalemMapAreaSidePopUp {
    top: 790px;
    left: 150px;
}


/***** SIDE MAP POP UPS END *****/


/***** BIBLE SIDE MAP POP UPS START *****/

#caesarea_philippiMapAreaBibleSidePopUp {
    top: 20px;
    left: 10px;
}

#bethsaidaMapAreaBibleSidePopUp {
    top: 160px;
    left: 40px;
}

#capernaumMapAreaBibleSidePopUp {
    top: 170px;
    left: 270px;
}

#gennesaretMapAreaBibleSidePopUp {
    top: 200px;
    left: 230px;
}

#magdalaMapAreaBibleSidePopUp {
    top: 210px;
    left: 230px;
}

#tiberiasMapAreaBibleSidePopUp {
    top: 270px;
    left: 10px;
}

#gadaraMapAreaBibleSidePopUp {
    top: 270px;
    left: 40px;
}

#gedoraMapAreaBibleSidePopUp {
    top: 690px;
    left: 20px;
}

#philadelphiaMapAreaBibleSidePopUp {
    top: 750px;
    left: 60px;
}

#qumranMapAreaBibleSidePopUp {
    top: 790px;
    left: 200px;
}

#bethanyMapAreaBibleSidePopUp {
    top: 790px;
    left: 200px;
}

#jerusalemMapAreaBibleSidePopUp {
    top: 790px;
    left: 150px;
}


/***** BIBLE SIDE MAP POP UPS END *****/

#links {
    width: calc(100% - 10px);
    height: auto;
    overflow: scroll;
    margin-top: 3px;
    background-color: #eeeeee;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.linksHeader {
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
}

.closeButton {
    width: 48px;
    height: 48px;
    background-image: url("../img/closeButtonImage.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-color: rgba(255, 255, 255, 0);
    background-position: center;
    border: none;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 10000;
}

.popupImage {
    width: 100% !important;
    height: auto;
}


/*************************/


/**** MAPS POPUPS END ****/


/**** IMAGE GALLERY START ****/


/*****************************/

#imageGallery {
    width: 1024px;
    height: 607px;
    position: absolute;
    top: -679px;
    left: 0px;
    /*    padding-left: 20px;
        padding-right: 20px;*/
    background-color: rgba(255, 255, 255, 0.95);
    overflow: hidden;
    /*    overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;*/
}

#galleryWrapper {
    width: 1000px;
    height: 517px;
    /*background-color: yellow;*/
    position: relative;
    margin-left: calc((100% - 970px)/2);
    padding-bottom: 30px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}

#imageContainer {
    width: 210px;
    height: 234px;
    position: relative;
    float: left;
    padding: 10px;
    margin-left: 10px;
    margin-top: 10px;
    background-color: #ffffff;
    box-shadow: 3px 3px 5px #c3c3c3;
    overflow: hidden;
}

.cityContainer {
    width: 210px;
    height: 155px;
    position: relative;
    float: left;
    padding: 10px;
    margin-left: 10px;
    margin-top: 10px;
    background-color: #ffffff;
    box-shadow: 3px 3px 5px #c3c3c3;
}

.imageThumbButton {
    display: block;
    width: 210px;
    height: 145px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.imageGalleryThumb {
    width: 100%;
    height: auto;
}

.imageCropContainer {
    display: block;
    width: 100%;
    height: 140px;
    overflow: hidden;
}


/*#imageGallery h2 {
    display: block;
    width:220px;
    height: auto;
    float: left;
    margin-left: 36px;
    padding-top: 4px;
}*/


/*****************************/


/**** IMAGE GALLERY END ******/


/**** GALLERY NAVIGATOR START ****/


/*********************************/

#galleryTitle {
    width: 100%;
    height: 60px;
    position: relative;
    float: left;
    /*background-color: orange;*/
}

.galleryNavigator, .mapGalleryNavigator {
    display: none;
    width: 360px;
    height: 3em;
    position: relative;
    float: right;
    margin-right: 28px;
    /*background-color: yellow;*/
}

ul.galleryNavigator li {
    position: relative;
    float: left;
}

#townName, #mapName {
    width: 300px;
    height: 18px;
    float: left;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding-top: 7px;
}

#previousTown, #nextTown, #previousMap, #nextMap {
    display: none;
    width: 30px;
    height: 40px;
    position: relative;
    float: left;
    margin-top: 5px;
    color: #4e4e4e;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    /*background-color: #ffffff;*/
}

#backToGalleryTOC, #backToMapGalleryTOC {
    width: 240px;
    height: 36px;
    position: relative;
    float: left;
    margin-top: 12px;
    margin-left: 36px;
    padding-bottom: 2px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    background-color: #C4D82D;
}

button#detailImageCloseButton {
    right: 115px !important;
}

#detailedImages {
    display: none;
    width: 1024px;
    height: 608px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(10,10,10,0.9);
}



#lgImageContainer {
    width: 1024px;
    height: 505px;
    position: absolute;
    top: 40px;
    left: 0px;
}



#lgDetailImage {
    width: 1024px;
    height: 505px;

}

#lgDetailImage ul { /*Large image container*/
    display: inline-flex;
    width: 750px;
    height: 505px;
    margin-top: 0px;
    margin-left: calc((100% - 750px)/2);
    padding: 0px;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
}

#lgDetailImage ul li {
    width: 750px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}


#lgDetailImage ul li img {
    width: 730px;
    height: auto;
    position: relative;
    float: left;
    margin-top: 0px;
}

#lgImageDescription {
    width: calc(100% - 20px);
    height: 40px;
    position: relative;
    float: left;
    margin-top: -40px;
    /*margin-left: 10px;*/
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgba(255,255,255,0.95);
}

.toLowerCase {
    text-transform: none;
}

.underScoreText {
    text-decoration: underline;
}



/*********************************/

/**** MAP GALLERY START ****/
#mapGallery {
    width: 1024px;
    height: 607px;
    position: absolute;
    top: -696px;
    left: 0px;
    /*    padding-left: 20px;
        padding-right: 20px;*/
    background-color: rgba(255, 255, 255, 0.95);
    overflow: hidden;
    /*    overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;*/
}

/*#mapGalleryContent {
    width: 1024px;
    height: 610px;
    margin-top: 70px;
    left: 0;
}*/

#lgMapImage {
    width: 684px;
    height: 567px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}

#lgMapImage img {
    width: 100%;
    height: auto;
    position: relative;
}

#lgMapImageContainer {
    width: 944px;
    height: 567px;
    position: absolute;
    top: 0px;
    left: 40px;
}

#mapGalleryWrapper {
    width: 970px;
    height: 517px;
    /*background-color: yellow;*/
    position: relative;
    margin-left: calc((100% - 970px)/2);
    padding-bottom: 30px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}

#mapGalleryTitle {
    width: 100%;
    height: 60px;
    position: relative;
    float: left;
    /*background-color: orange;*/
}

#lgMapContainer {
    width: 1024px;
    height: 540px;
    position: absolute;
    top: 40px;
    left: 0px;
    /*overflow: hidden;*/
    /*    overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;*/
}

#detailedMapImages {
    display: none;
    width: 1024px;
    height: 608px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(10,10,10,0.9);
}

button#detailMapCloseButton {
    right: 15px !important;
}

#lgMapTitle {
    width: 100%;
    height: 1em;
    position: relative;
    float: left;
    color: #ffffff;
    top: -20px;
    left: 40px;
    font-size: 1rem;
}

#mapReferences {
    width: 250px;
    height: 100%;
    float: right;
    position: relative;
    padding-top: 20px;
    padding-left: 10px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
}

#mapReferences span {
    margin-left: -25px;
}

.textReference {
    color: #F4AC1C;
    font-weight: bold;
}

.textReferenceBrown {
    color: #754c24;
    font-weight: bold;
}

.textReferenceYellow {
    color: #f6931e;
    font-weight: bold;
}

.textReferenceRed {
    color: #ed1c24;
    font-weight: bold;
}

.textReferenceBlue {
    color: #2e3192;
    font-weight: bold;
}
/**** MAP GALLERY END ****/

.highlightedText {
    display: block;
    background-color: yellow;
}

/**** GALLERY NAVIGATOR END ****/