/*default style to the html and body tag*/
html, body {
    margin: 0;
    padding: 0;
    min-width: 100%;
    /*font-family: Arial !important;*/
}

/*style for custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(224,224,224);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgb(224,224,224);
    }

/*style for the map element on the page*/
#map {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/*style for the div in the right showing details of an apartment*/
#listingDiv {
    box-shadow: 10px 10px 5px #888888;
    padding: 0.9% 0.1% 0.9% 0.1%;
    color: white !important;
    height: 580px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 15px;
}

/*style for the parent element of all the controls in the filter panel*/
#outermostDiv {
    left: 5%;
    top: 3%;
    position: fixed;
    width: 270px;
    color: white;
    background-color: #4682B4;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
    opacity: 0.9;
}

/*style for the parent element of all the divs in the right panel*/
#listingResults {
    position: fixed;
    left: 80%;
    top: 3%;
    width: 240px;
    background-color: #4682B4;
    opacity: 0.9;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    color: black;
    border-radius: 15px;
}

.transbox {
    padding: 15px 25px 20px 25px;
    height: 595px;
    border-radius: 15px;
    /*opacity: 0.9;
    filter: alpha(opacity=60);*/
}

/*style for expand/collapse image of filter panel*/
.show_hide {
    display: none;
}

/*style for expand/collapse image of right div*/
.show_hide1 {
    display: none;
}

/*style for expand/collapse image */
#imgExpandCollapseFilter, #imgExpandCollapseDetails {
    width: 40px;
    height: 40px;
    padding-left: 70px;
}

/*style for each of the nodes in the right panel*/
.eachNode {
    width: 90%;
    height: 11%;
    margin: 0% auto;
    margin-bottom: 4%;
    border: 2px solid white;
    border-radius: 5px;
    background-color: gainsboro;
    color: black;
    opacity: 1;
}

/*style for header data in eachNode*/
.headerSpan {
    margin-top: 0%;
    padding-left: 5%;
    margin-bottom: 2%;
    color: white;
}

    .headerSpan a {
        text-decoration-color: white !important;
    }

/*style for displaying rent ield in right div image */
.rentSpan {
    padding-left: 5%;
}

/*style for displaying miles ield in right div image */
.milesSpan {
    padding-left: 5%;
}

/*style for displaying the div that is generated on hover*/
.hoverDivCSS {
    width: 500px;
    height: 200px;
    background-color: #4682B4;
    color: white;
    overflow: hidden;
    border-radius: 15px;
}

/*style for displaying the body field in hover div*/
.bodyClass {
    padding-top: 20px;
    margin-left: 275px;
    width: 240px !important;
    height: 150px !important;
}

/*style for the div that comes on hover of the links*/
#hoverDiv {
    left: 37.5%;
    top: 70%;
    position: fixed;
    /*width: 100px;*/
    width: 500px;
    height: 200px;
    padding-bottom: 10px;
    padding-right: 10px;
    z-index: 5000;
}

/*style for disabled fieldsets*/
.fieldsetCSSDisabled {
    background-color: lightslategrey;
    /*background-color:gray;*/
    opacity: 0.9;
}

/*buy default, the style of the two fieldsets should be green since they are enabled*/
.fieldsetCSS {
    background-color: #2E8B57;
}

/*style for expand/collapse icon for both the panels*/
.showHidePanel {
    opacity: 0.9;
    filter: alpha(opacity=60);
    float: left;
    display: block;
    font-size: 20px;
    padding-top: 10px;
    vertical-align: top;
    padding-left: 30px;
}

/*style for showing loading image on load*/
#dvLoading {
    background: #fff url(../images/loading.gif) no-repeat center center;
    height: 100px;
    width: 100px;
    position: fixed;
    z-index: 10000;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}

/*style for all the fieldsets*/
fieldset {
    opacity: 1 !important;
}