.inner_top{
   
    text-align:center;
    padding-top: 5px; padding-bottom: 5px; 
    border: #a3a3a3 solid 2px; 
    border-radius: 10px 10px 10px 10px; 
    box-shadow: 0px 0px 15px #a3a3a3;
    font-size:16px;
    font-family:'Adobe Garamond Pro';
    background-color:#66ccff;
    
            
    min-height: 5%;
}
#D1 {height: auto;}
#D1 + #D2 {  height:60%;  }

.nano {
    position: relative;
    width: 100%;
   overflow:hidden;  

    min-height:77%;
    height:90%; 
}

 .content {
        position: absolute;
        overflow: scroll;
        overflow-x: hidden;
        top: 0;
        right: -17px;
        bottom: 0;
        left: 0;
        padding: 8px;
        font-family: Arial;
        font-size: 12px;
        text-align: justify;
        height:auto;
    }

.content:focus {
            outline: thin dotted;
        }

 .content::-webkit-scrollbar {
            visibility: hidden;
        }

.has-scrollbar .content::-webkit-scrollbar {
    visibility: visible;
}

.nano > .pane {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
    opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
}

.nano > .pane > .slider {
        background: #444;
        background: rgba(0,0,0,.5);
        position: relative;
        margin: 0 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

.nano:hover > .pane, .pane.active, .pane.flashed {
    visibility: visible\9; /* Target only IE7 and IE8 with this hack */
    opacity: 0.99;
}