.popup,
.popup p {
    font-family: Tahoma
}

.overview ul li,
.popup p {
    font-size: 12px;
    color: #666;
    line-height: 18px
}

.popup h2 {
    background: url(../images/terms-bg.jpg) repeat-x;
    width: auto;
    height: 45px;
    padding: 18px 0 0 30px!important;
    margin: 0;
    border: 1px solid #ccc
}

.viewport {
    width: 100%;
    height: 425px;
    overflow-y: scroll;
    position: relative
}

.overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 30px 0 20px;
    margin: 0
}

@media (max-height:1024px) {
    .viewport {
        height: 830px
    }
}

@media (max-height:670px) {
    .viewport {
        height: 370px
    }
}

@media (max-width:770px) {
    .popup h2 {
        margin: 8px;
        font-size: 17px;
        text-align: center;
        padding-left: 0!important
    }
}