﻿/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.RoundCorners-LightPurple{
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:860px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under RoundCorners-LightPurple */
}

.RoundCorners-LightPurple .content,
.RoundCorners-LightPurple .t,
.RoundCorners-LightPurple .b,
.RoundCorners-LightPurple .b div {
 background:transparent url(RoundCorners-LightPurple.png) no-repeat top right;
 _background-image:url(RoundCorners-LightPurple.gif);
}

.RoundCorners-LightPurple .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 12px 0px 0px;
}

.RoundCorners-LightPurple .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;
}

.RoundCorners-LightPurple .b {
 /* bottom */
 /*  Removed to fix overlay issue on bottom right corner when calendar present */
 /* position:relative; */
 width:100%;
}

.RoundCorners-LightPurple .b,
.RoundCorners-LightPurple .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.RoundCorners-LightPurple .b {
 background-position:bottom right;
}

.RoundCorners-LightPurple .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.RoundCorners-LightPurple .hd,
.RoundCorners-LightPurple .bd,
.RoundCorners-LightPurple .ft {
 position:relative;
}

.RoundCorners-LightPurple .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. */
}

.RoundCorners-LightPurple h1,
.RoundCorners-LightPurple p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.RoundCorners-LightPurple h1 {
 padding-bottom:0px;
}


/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.RoundCorners-DarkPurple{
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:860px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under RoundCorners-DarkPurple */
}

.RoundCorners-DarkPurple .content,
.RoundCorners-DarkPurple .t,
.RoundCorners-DarkPurple .b,
.RoundCorners-DarkPurple .b div {
 background:transparent url(RoundCorners-DarkPurple.png) no-repeat top right;
 _background-image:url(RoundCorners-DarkPurple.gif);
}

.RoundCorners-DarkPurple .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 12px 0px 0px;
}

.RoundCorners-DarkPurple .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;
}

.RoundCorners-DarkPurple .b {
 /* bottom */
 /*  Removed to fix overlay issue on bottom right corner when calendar present */
 /* position:relative; */
 width:100%;
}

.RoundCorners-DarkPurple .b,
.RoundCorners-DarkPurple .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.RoundCorners-DarkPurple .b {
 background-position:bottom right;
}

.RoundCorners-DarkPurple .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.RoundCorners-DarkPurple .hd,
.RoundCorners-DarkPurple .bd,
.RoundCorners-DarkPurple .ft {
 position:relative;
}

.RoundCorners-DarkPurple .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. */
}

.RoundCorners-DarkPurple h1,
.RoundCorners-DarkPurple p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.RoundCorners-DarkPurple h1 {
 padding-bottom:0px;
}


/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.RoundCorners-White{
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:860px; /* based on image dimensions - not quite consistent with drip styles yet */
color:#000000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under RoundCorners-White */
}

.RoundCorners-White .content,
.RoundCorners-White .t,
.RoundCorners-White .b,
.RoundCorners-White .b div {
 background:transparent url(RoundCorners-White.png) no-repeat top right;
 _background-image:url(RoundCorners-White.gif);
}

.RoundCorners-White .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 12px 0px 0px;
}

.RoundCorners-White .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;
}

.RoundCorners-White .b {
 /* bottom */
 /*  Removed to fix overlay issue on bottom right corner when calendar present */
 /* position:relative; */
 width:100%;

}

.RoundCorners-White .b,
.RoundCorners-White .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.RoundCorners-White .b {
 background-position:bottom right;

}

.RoundCorners-White .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.RoundCorners-White .hd,
.RoundCorners-White .bd,
.RoundCorners-White .ft {
 position:relative;
}

.RoundCorners-White .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. */
}

.RoundCorners-White h1,
.RoundCorners-White p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.RoundCorners-White h1 {
 padding-bottom:0px;
}


.RoundCorners-Gray{
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:860px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under RoundCorners-Gray */
}

.RoundCorners-Gray .content,
.RoundCorners-Gray .t,
.RoundCorners-Gray .b,
.RoundCorners-Gray .b div {
 background:transparent url(RoundCorners-Gray.png) no-repeat top right;
 _background-image:url(RoundCorners-Gray.gif);
}

.RoundCorners-Gray .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 12px 0px 0px;
}

.RoundCorners-Gray .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;
}

.RoundCorners-Gray .b {
 /* bottom */
 /*  Removed to fix overlay issue on bottom right corner when calendar present */
 /* position:relative; */
 width:100%;
}

.RoundCorners-Gray .b,
.RoundCorners-Gray .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.RoundCorners-Gray .b {
 background-position:bottom right;
}

.RoundCorners-Gray .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.RoundCorners-Gray .hd,
.RoundCorners-Gray .bd,
.RoundCorners-Gray .ft {
 position:relative;
}

.RoundCorners-Gray .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. */
}

.RoundCorners-Gray h1,
.RoundCorners-Gray p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.RoundCorners-Gray h1 {
 padding-bottom:0px;
}



.RoundCorners-DarkGray{
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:860px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#ffffff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under RoundCorners-DarkGray */
}

.RoundCorners-DarkGray .content,
.RoundCorners-DarkGray .t,
.RoundCorners-DarkGray .b,
.RoundCorners-DarkGray .b div {
 background:transparent url(RoundCorners-DarkGray.png) no-repeat top right;
 _background-image:url(RoundCorners-DarkGray.gif);
}

.RoundCorners-DarkGray .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 12px 0px 0px;
}

.RoundCorners-DarkGray .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;
}

.RoundCorners-DarkGray .b {
 /* bottom */
 /*  Removed to fix overlay issue on bottom right corner when calendar present */
 /* position:relative; */
 width:100%;
}

.RoundCorners-DarkGray .b,
.RoundCorners-DarkGray .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.RoundCorners-DarkGray .b {
 background-position:bottom right;
}

.RoundCorners-DarkGray .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.RoundCorners-DarkGray .hd,
.RoundCorners-DarkGray .bd,
.RoundCorners-DarkGray .ft {
 position:relative;
}

.RoundCorners-DarkGray .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. */
}

.RoundCorners-DarkGray h1,
.RoundCorners-DarkGray p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.RoundCorners-DarkGray h1 {
 padding-bottom:0px;
}





.RoundCorners-LightGray{
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:860px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under RoundCorners-LightGray */
}

.RoundCorners-LightGray .content,
.RoundCorners-LightGray .t,
.RoundCorners-LightGray .b,
.RoundCorners-LightGray .b div {
 background:transparent url(RoundCorners-LightGray.png) no-repeat top right;
 _background-image:url(RoundCorners-LightGray.gif);
}

.RoundCorners-LightGray .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 12px 0px 0px;
}

.RoundCorners-LightGray .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;
}

.RoundCorners-LightGray .b {
 /* bottom */
 /*  Removed to fix overlay issue on bottom right corner when calendar present */
 /* position:relative; */
 width:100%;
}

.RoundCorners-LightGray .b,
.RoundCorners-LightGray .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.RoundCorners-LightGray .b {
 background-position:bottom right;
}

.RoundCorners-LightGray .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.RoundCorners-LightGray .hd,
.RoundCorners-LightGray .bd,
.RoundCorners-LightGray .ft {
 position:relative;
}

.RoundCorners-LightGray .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. */
}

.RoundCorners-LightGray h1,
.RoundCorners-LightGray p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.RoundCorners-LightGray h1 {
 padding-bottom:0px;
}
