/* 
rounded corners w/ drop shadow
*/

.rounded {position:relative; margin:0px auto; min-width:8em; max-width:760px;
 z-index:1; 
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 /*color:#fff;*/
}

.rounded .content, .rounded .t, .rounded .b, .rounded .b div {
 background:transparent url(../images/bg_round_white800x1600.png) no-repeat top right;
 _background-image:url(../images/bg_round_white800x1600.gif); /* need GIF version of bg for stupid ie6 */
}



.rounded .content {position:relative; zoom:1; _overflow-y:hidden; padding:0px 18px 0px 0px;}
.rounded .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 .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rounded .b,
.rounded .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.rounded .b {
 background-position:bottom right;
}

.rounded .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.rounded .hd, .rounded .bd, .rounded .ft {position:relative;}

.rounded .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. */
}

.rounded h1 {margin:3px 0 6px 0; color:#fff; font-family:trebuchet ms, arial, sans-serif; font-size:19px; font-weight:normal; letter-spacing:-.05em;}
.rounded p {margin:0; /* margins will blow out backgrounds, leaving whitespace.  padding:0.5em 0 0.5em 0;  */ }
.rounded h1 {padding-bottom:0;}
.rounded h1 a:link, .rounded h1 a:visited, .rounded h1 a:hover, .rounded h1 a:active {text-decoration:none; color:#fff;}
.rounded h1 a:hover {color:#9df;}

/* variants */

.rounded.grad1 .content,
.rounded.grad1 .t,
.rounded.grad1 .b,
.rounded.grad1 .b div {
 background-image:url(../images/bg_round_whitegrad800x1600.png);
 _background-image:url(../images/bg_round_whitegrad800x1600.gif);
}