#calendarBody{
   width:100%;
   /*background-color:#E3E3E3;*/
   /*padding:75px 0px; */
   margin: 75px 0px;
}


#calendarHeader{
    width:100%;
    z-index:2000;
}

#calendarHeaderInner{
    width:90%;
    margin:0px auto;
    background-color:white;
    text-align:center;
    border:1px solid black;
    border-bottom:none;
    position:relative;
    z-index:2000;
}

#tabsDiv{
    position:relative;
    text-align:center;
}

#gregorianCalendar, #downloadCalendar, #jewishCalendar{
    width:32%;
    display:inline-block;
    /*border:1px solid black;*/
    background-color:#CECECE;/*#AFA595;*/
    
    cursor:pointer;
    font-size:20px;
    padding:15px;
    border-bottom:1px solid #8E867A;
    border-left:1px solid #8E867A;
    border-right:1px solid #8E867A;
    color:white;
    /*height:50px;*/
    height: 50px;
}

#leftSideTab{
    border-right:1px solid #8E867A;
    left:4px;
}

#rightSideTab{
    border-left:1px solid #8E867A;
    right:4px;
}

#leftSideTab, #rightSideTab{
    position:absolute;
    top:0px;
    width:3%;
    display:inline-block;
    /*background-color:#AFA595;*/
    background-color:#CECECE;
    font-size:20px;
    padding:15px 0px;
    border-bottom:1px solid #8E867A;
    margin:0px -4px;
    color:#CECECE;
    height:50px;
}

#gregorianCalendar:hover, #downloadCalendar:hover, #jewishCalendar:hover{
    background-color:white;
    color:black;
}

.pageOpen{
    background-color:white !important;
    cursor:default !important;
    border-bottom:none !important;
    border-left:none !important;
    border-right:none !important;
    color:black !important;
}

#calendarDiv, #calendarHeaderStuff{
    display:none;
}

#downloadCalendar{
    /*border-left:1px solid #8E867A;
    border-right:1px solid #8E867A;*/
    margin:0px -4px;
}

#years{
    width:50%;
    margin:20px auto 0px auto;
    display:inline-block;
    background-color:black;
    color:white;
    height:65px;
    padding:5px;
}

#engYear, #hebYear{
    font-size:25px;
}

#prevButton,#nextButton{
    display:inline-block;
    background-color:#CCCCCC;
    width:100px;
    height:65px;
    padding:15px;
    cursor:pointer;
    font-size:15px;
    margin:0px -4px;
    transform: translate(0px,-9px);
    border:1px solid black;
}

#prevButton{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#nextButton{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#calendarSpot{
    width:90%;
    padding:100px 0px 5px 0px;
    /*background-color:#F7ECFB;*/
    transform: translate(0px,-75px);
    background-color:white;
    margin:0px auto;
    position:relative;
    /*box-shadow:2px -2px 2px 2px #F7ECFB;*/
    border:1px solid black;
    border-top:none;
    z-index:1;
}



#calendarDiv{
   padding: 0px 30px 30px 30px;
}

table{
    border:1px solid black;
    border-collapse: collapse;
    margin:25px auto;
    background-color: white;
}

#monthHeaderName{
    font-size:30px;
    background-color: #AFA595;
}

th{
   background-color:#CCCCCC;
   color:white;
    /*color:#E1621F;*/
    text-align:center;
    font-weight:bold;
}

td, th{
     border:1px solid black;
     width:120px;
     padding:2px;
}

td{
    background-color: #E8E8E8;
}

.downloadPage{
    display:none;
    text-align:center;
    /*position:relative;
    top:0px;*/
}

.downloadPage img{
    margin-bottom:50px;
}

#downloadButton a div{
    display:inline-block;
    border:1px solid black;
    padding:10px;
    margin:50px auto 10px auto;
    border-radius:5px;
    text-decoration: none;
    color:black;
}

#downloadButton a div:hover {
    background-color:black;
    color:white;
}



@media screen and (max-width: 700px){
        .noMobile{
            display:none !important;
        }

        #calendarHeaderInner{
            width:99%;
            margin:0px auto;
            background-color:white;
            text-align:center;
            border:1px solid black;
            border-bottom:none;
            position:relative;
            z-index:2000;
        }

        #gregorianCalendar, #jewishCalendar{
            width:33%;
            font-size:15px;
            padding:5px 0px;
        }

        #downloadCalendar{
            width:33%;
            font-size:15px;
            padding:5px 0px;
        }

       #years{
            width:50%;
            margin:20px auto 0px auto;
            display:inline-block;
            background-color:black;
            color:white;
            height:50px;
            padding:5px;
        }

        #engYear, #hebYear{
            font-size:15px;
        }

        #prevButton,#nextButton{
            width:60px;
            height:50px;
            padding:10px 0px;
            font-size:10px;
            transform: translate(0px,-4px);
        }

         #calendarSpot{
            width:99%;
        }

        #calendarDiv{
             padding:0px 5px;
        }

        td, th{
            font-size:10px;
            min-width:70px;
        }

        .downloadPage img{
            width:90%;
        }

}