div.roundbox {
    padding:0 12px 0 0;
    background:#E0E0D4 url(../images/roundbox/border-right.gif) 100% 0 repeat-y;
    text-align:left; /* Force left-aligned so that the widths are set right. Otherwise, if we inherit centered, we get messed up.  If need center, can center roundboxContent. */
    word-wrap: break-word;
}

div.roundbox .left {
    padding:0 0 0 12px;
    background:#E0E0D4 url(../images/roundbox/border-left.gif) 0 0 repeat-y;
}

div.roundbox .top {
    height:17px;
    margin:0 -12px;
    background:url(../images/roundbox/roundbox.gif) 100% 0 no-repeat;
}

div.roundbox div.top div.topLeft {
    width:18px;
    height:17px;
    background:url(../images/roundbox/roundbox.gif) 0 0 no-repeat;
}

div.roundbox div.bottom {
    height:17px;
    margin:0 -12px;
    background:url(../images/roundbox/roundbox.gif) 100% 100% no-repeat;
}

div.roundbox div.bottom div.bottomLeft {
    width:18px;
    height:17px;
    background:url(../images/roundbox/roundbox.gif) 0 100% no-repeat;
}

div.roundbox .roundboxContent {
    background: #E0E0D4;
}    


/* Different Backgrounds:
   Open /devonly/image-masters/roundbox.png and create a new roundbox, then export the images and add .css here.
*/
div.roundbox.filled_beige_no_shadow { background:#E0E0D4 url(../images/roundbox/offwhite/border-right.gif) 100% 0 repeat-y; }
div.roundbox.filled_beige_no_shadow .left { background:#E0E0D4 url(../images/roundbox/offwhite/border-left.gif) 0 0 repeat-y; }
div.roundbox.filled_beige_no_shadow .top { background:url(../images/roundbox/offwhite/roundbox.gif) 100% 0 no-repeat; }
div.roundbox.filled_beige_no_shadow div.top div.topLeft { background:url(../images/roundbox/offwhite/roundbox.gif) 0 0 no-repeat; }
div.roundbox.filled_beige_no_shadow div.bottom { background:url(../images/roundbox/offwhite/roundbox.gif) 100% 100% no-repeat; }
div.roundbox.filled_beige_no_shadow div.bottom div.bottomLeft { background:url(../images/roundbox/offwhite/roundbox.gif) 0 100% no-repeat; }
div.roundbox.filled_beige_no_shadow div.roundboxContent {background:#F1EFE4;}

div.roundbox.filled_grey_no_shadow { background:#E0E0D4 url(../images/roundbox/grey/border-right.gif) 100% 0 repeat-y; }
div.roundbox.filled_grey_no_shadow .left { background:#E0E0D4 url(../images/roundbox/grey/border-left.gif) 0 0 repeat-y; }
div.roundbox.filled_grey_no_shadow .top { background:url(../images/roundbox/grey/roundbox.gif) 100% 0 no-repeat; }
div.roundbox.filled_grey_no_shadow div.top div.topLeft { background:url(../images/roundbox/grey/roundbox.gif) 0 0 no-repeat; }
div.roundbox.filled_grey_no_shadow div.bottom { background:url(../images/roundbox/grey/roundbox.gif) 100% 100% no-repeat; }
div.roundbox.filled_grey_no_shadow div.bottom div.bottomLeft { background:url(../images/roundbox/grey/roundbox.gif) 0 100% no-repeat; }
div.roundbox.filled_grey_no_shadow  div.roundboxContent {background:#EAEAEA;}

/* Hack to fix peekaboo bug in IE 6. Gives IE "haslayout" property. */
/*\*/
* html div.roundbox div.roundboxContent {
	height: 1%;
}
/**//* CSS Document */