/* style sheet for use with Opus's "dropsquare" textbox scheme */

.dropsquare_content {
    float: left;
    width: 100%;
}

.dropsquare_container {
    clear: left;
    float: left;
    width: 100%;
}

.dropsquare_bottom {
    margin-left: 14px;
    margin-right: 14px;
    background-image: url('bot.gif');
    background-repeat: repeat-x;
}

.dropsquare_article {
    margin-left: 14px;
    margin-right: 14px;
    padding-top: 1px !important; /* Vital for Firefox and Chrome */
    padding-bottom: 1px !important; /* Vital for Firefox and Chrome */
    background-color: white;
    color: black;
}

.dropsquare_article:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.dropsquare_topleft {
    clear: left;
    float: left;
    width: 14px;
    background-image: url('topleft.gif');
    background-repeat: no-repeat;
}

.dropsquare_top {
    margin-left: 14px;
    margin-right: 14px;
    background-image: url('top.gif');
    background-repeat: repeat-x;
}

.dropsquare_topright {
    float: right;
    width: 14px;
    background-image: url('topright.gif');
    background-repeat: no-repeat;
    background-position: top right;
}

.dropsquare_right {
    background-position: right;
    background-image: url('right.gif');
    background-repeat: repeat-y;
}

.dropsquare_left {
    background-image: url('left.gif');
    background-repeat: repeat-y;
}

.dropsquare_botleft {
    clear: left;
    float: left;
    width: 14px;
    background-image: url('botleft.gif');
    background-repeat: no-repeat;
}

.dropsquare_botright {
    float: right;
    width: 14px;
    background-image: url('botright.gif');
    background-repeat: no-repeat;
    background-position: top right;
}