/* 
  ROUND CORNERS
*/
 
.rounded_box {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:900px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}
 
.rounded_box .rb_content,
.rounded_box .rb_t,
.rounded_box .rb_b,
.rounded_box .rb_b div {
 background:transparent url(images/round_box_blue.png) no-repeat top right;
 _background-image:url(dialog2-blue.gif);
}
 
.rounded_box .rb_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}
 
.rounded_box .rb_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}
 
.rounded_box .rb_b {
 /* bottom */
 position:relative;
 width:100%;
}
 
.rounded_box .rb_b,
.rounded_box .rb_b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}
 
.rounded_box .rb_b {
 background-position:bottom right;
}
 
.rounded_box .rb_b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}
 
.rounded_box .rb_wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
 padding: 12px 4px 10px 4px; /* content padding */

}
 
 
 
.rounded_box h1,
.rounded_box p {
 /*margin:0px;  margins will blow out backgrounds, leaving whitespace. 
 padding:0.5em 0px 0.5em 0px;*/
}

.rounded_box h1
{
    font-size: 22px;
    color: #00aeef;    
}

.rounded_box .button
{
    float:right;
    background:transparent url(images/button_bg_blue.gif) no-repeat top left;
    border: 0;
    height: 34px;
    width: 107px;
    color: #ffffff;
    font-weight: bold;
}

.rounded_box .button:hover
{
    color: #333333;
}

.rounded_box .textbox_streched
{
    width: 98%;
    border: 0;
    padding: 3px 2px 3px 2px;
    font-size: 14px;
    color: #5a5a5a;
}