/* rounded corners elements */
.rounded-tl, .rounded-tr, .rounded-bl, .rounded-br {
    background-image: url('/mammis/images/box.png');
    height: 41px;
    font-size: 2px; /* to correct IE */
}

.rounded-tl, .rounded-bl { margin-right: 17px; }
.rounded-tr, .rounded-br {
    margin-left: 17px;
    margin-top: -41px;
}

.rounded-tr { background-position: 100% 0; }
.rounded-bl  { background-position: 0 -41px; }
.rounded-br { background-position: 100% -41px; }

.rounded-content {
    border-left:  2px solid #006B7E;
    border-right: 2px solid #006B7E;
    background: #FFFFFF;
    color: #000000;
    padding: 5px 15px 5px 15px;
}

/*use this inside the rounded-content if you want a fixed width, scrolling rounded box*/
.rounded-scroll {
    overflow: auto;
    height: 305px;
    padding-left: 10px;
    padding-right: 10px;
}

/* these are to avoid gaps in the rounding box*/
.rounded-nogap {
     height: 1px; 
     margin: 0 0 -1px 0;
     padding: 0;
     font-size: 1px; /* to correct IE */
}