/* v == 3 */
/* ============================= Month details - LowerFrame.ascx ============================= */
#monthDetails { width: 100%; text-align: justify; }
 #lowerFrame {
    width: 100%;
    padding-top: 14px;
    border-top: 1px solid #fff;
}

.he #lowerFrame { float: right;}
.en #lowerFrame { float: left;}
    #lowerFrame h2 { font-size: 20px; }
    #lowerFrame h3 { font-size: 18px; }
    #lowerFrame h4 { font-size: 16px; margin-top: 14px; }
 #descriptionDiv {
    width: 20%;
    padding: 1%;
    margin: 0 4px 0 0;
    display: inline-block;
    background-color: #fafafa;
}

.he #descriptionDiv { float: left;}

.en #descriptionDiv { float: right;}
    #descriptionDiv h3 { margin-bottom: 8px; }
    #descriptionDiv p { line-height: 16px; text-align: justify; margin-bottom: 8px; }
    #descriptionDiv li, #generalDetails li { list-style-type: disc; margin: 8px 12px 0 0; }
 #detailsDiv {
    width: 75%;
    display: inline-block;
    vertical-align: top;
}

.he #detailsDiv { float: right;}
.en #detailsDiv { float: left;}
    #detailsDiv p { line-height: 16px; text-align: justify; }
 #generalDetails {
    width: 20%;
    padding: 1%;
}
.he #generalDetails { float: right;}
.en #generalDetails { float: left;}
 #eventsDiv {
    width: 70%;
    padding: 1%;
}

.he #eventsDiv { float: left;}
.en #eventsDiv {float: right;}
    #eventsDiv table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-top: 4px; }
        #eventsDiv table td { border: 1px solid #ccc; padding: 8px 3%; }
#lowerMonthTitle { background-color: #f1f1f1; padding: 14px; margin-bottom: 12px; }
    #lowerMonthTitle h2 { }
#content_LowerFrame1_mezarimli { color: Orange; }
.placeText { font-weight: bold; }

/* class added by code behind */
@media(max-width: 980px) {
    #descriptionDiv, #generalDetails { display: none; }
    #detailsDiv { width: 100%; }
    #eventsDiv { width: 96%; padding:2%; }
}


/*Filters in the popup*/
.yearSet {
    display: none;
}

.hiddenFilters {
    display: inline-block;
}