/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.roundedCrystalBox.black,
.roundedCrystalBox.blue,
.roundedCrystalBox.red,
.roundedCrystalBox.green,
.roundedCrystalBox.purple,
.roundedCrystalBox.orange,
.roundedCrystalBox.orange,
.roundedCrystalBox.navy,
.roundedCrystalBox.gray,
.roundedCrystalBox.white {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1539px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:10;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.roundedCrystalBox.black > .rb-content,
.roundedCrystalBox.black > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.black > .rb-b,
.roundedCrystalBox.black > .rb-b div {
 background:transparent url(../images/crystal/bg_black.png) no-repeat top right;
}

.roundedCrystalBox.blue > .rb-content,
.roundedCrystalBox.blue > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.blue > .rb-b,
.roundedCrystalBox.blue > .rb-b div {
 background:transparent url(../images/crystal/bg_blue.png) no-repeat top right;
}

.roundedCrystalBox.red > .rb-content,
.roundedCrystalBox.red > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.red > .rb-b,
.roundedCrystalBox.red > .rb-b div {
 background:transparent url(../images/crystal/bg_red.png) no-repeat top right;
}

.roundedCrystalBox.green > .rb-content,
.roundedCrystalBox.green > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.green > .rb-b,
.roundedCrystalBox.green > .rb-b div {
 background:transparent url(../images/crystal/bg_green.png) no-repeat top right;
}

.roundedCrystalBox.purple > .rb-content,
.roundedCrystalBox.purple > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.purple > .rb-b,
.roundedCrystalBox.purple > .rb-b div {
 background:transparent url(../images/crystal/bg_purple.png) no-repeat top right;
}

.roundedCrystalBox.orange > .rb-content,
.roundedCrystalBox.orange > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.orange > .rb-b,
.roundedCrystalBox.orange > .rb-b div {
 background:transparent url(../images/crystal/bg_orange.png) no-repeat top right;
}

.roundedCrystalBox.navy > .rb-content,
.roundedCrystalBox.navy > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.navy > .rb-b,
.roundedCrystalBox.navy > .rb-b div {
 background:transparent url(../images/crystal/bg_navy.png) no-repeat top right;
}

.roundedCrystalBox.gray > .rb-content,
.roundedCrystalBox.gray > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.gray > .rb-b,
.roundedCrystalBox.gray > .rb-b div {
 background:transparent url(../images/crystal/bg_gray.png) no-repeat top right;
}

.roundedCrystalBox.white > .rb-content,
.roundedCrystalBox.white > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.white > .rb-b,
.roundedCrystalBox.white > .rb-b div {
 background:transparent url(../images/crystal/bg_white.png) no-repeat top right;
}


.roundedCrystalBox.black .rb-content,
.roundedCrystalBox.blue .rb-content,
.roundedCrystalBox.red .rb-content,
.roundedCrystalBox.green .rb-content,
.roundedCrystalBox.purple .rb-content,
.roundedCrystalBox.orange .rb-content,
.roundedCrystalBox.navy .rb-content,
.roundedCrystalBox.white .rb-content,
.roundedCrystalBox.gray .rb-content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.roundedCrystalBox.black > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.blue > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.red > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.green > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.purple > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.orange > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.navy > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.white > .rb-content > .rb-wrapper >  .rb-t,
.roundedCrystalBox.gray > .rb-content > .rb-wrapper >  .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;
}

.roundedCrystalBox.black .rb-b,
.roundedCrystalBox.blue .rb-b,
.roundedCrystalBox.red .rb-b,
.roundedCrystalBox.green .rb-b,
.roundedCrystalBox.purple .rb-b,
.roundedCrystalBox.orange .rb-b,
.roundedCrystalBox.navy .rb-b,
.roundedCrystalBox.white .rb-b,
.roundedCrystalBox.gray .rb-b {
 /* bottom */
 position:relative;
 width:100%;
}

.roundedCrystalBox.black .rb-b,
.roundedCrystalBox.black .rb-b div,
.roundedCrystalBox.blue .rb-b,
.roundedCrystalBox.blue .rb-b div,
.roundedCrystalBox.red .rb-b,
.roundedCrystalBox.red .rb-b div,
.roundedCrystalBox.green .rb-b,
.roundedCrystalBox.green .rb-b div,
.roundedCrystalBox.purple .rb-b,
.roundedCrystalBox.purple .rb-b div,
.roundedCrystalBox.orange .rb-b,
.roundedCrystalBox.orange .rb-b div,
.roundedCrystalBox.navy .rb-b,
.roundedCrystalBox.navy .rb-b div,
.roundedCrystalBox.white .rb-b,
.roundedCrystalBox.white .rb-b div,
.roundedCrystalBox.gray .rb-b,
.roundedCrystalBox.gray .rb-b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.roundedCrystalBox.black .rb-b,
.roundedCrystalBox.blue .rb-b,
.roundedCrystalBox.red .rb-b,
.roundedCrystalBox.green .rb-b,
.roundedCrystalBox.purple .rb-b,
.roundedCrystalBox.orange .rb-b,
.roundedCrystalBox.navy .rb-b,
.roundedCrystalBox.white .rb-b,
.roundedCrystalBox.gray .rb-b
 {
 background-position:bottom right;
}

.roundedCrystalBox.black .rb-b div,
.roundedCrystalBox.blue .rb-b div,
.roundedCrystalBox.red .rb-b div,
.roundedCrystalBox.green .rb-b div,
.roundedCrystalBox.purple .rb-b div,
.roundedCrystalBox.orange .rb-b div,
.roundedCrystalBox.navy .rb-b div,
.roundedCrystalBox.white .rb-b div,
.roundedCrystalBox.gray .rb-b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.roundedCrystalBox.black .rb-wrapper,
.roundedCrystalBox.blue .rb-wrapper,
.roundedCrystalBox.red .rb-wrapper,
.roundedCrystalBox.green .rb-wrapper,
.roundedCrystalBox.purple .rb-wrapper,
.roundedCrystalBox.orange .rb-wrapper,
.roundedCrystalBox.navy .rb-wrapper,
.roundedCrystalBox.white .rb-wrapper,
.roundedCrystalBox.gray .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. */
}

.roundedCrystalBox-innercontent{
  	padding-top:25px;
	padding-left:13px;
	padding-right:25px;
	padding-bottom:30px;
}



/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.roundedInnerShadowBox.white,
.roundedInnerShadowBox.black,
.roundedInnerShadowBox.gray,
.roundedInnerShadowBox.blue,
.roundedInnerShadowBox.red,
.roundedInnerShadowBox.green,
.roundedInnerShadowBox.orange,
.roundedInnerShadowBox.navy,
.roundedInnerShadowBox.purple  {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1539px; /* based on image dimensions - not quite consistent with drip styles yet */
 /*z-index:1;*/
 margin-left:10px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.roundedInnerShadowBox.white > .rb-content,
.roundedInnerShadowBox.white > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.white > .rb-b,
.roundedInnerShadowBox.white > .rb-b div {
 background:transparent url(../images/inner_shadow/bg_white.png) no-repeat top right;
}

.roundedInnerShadowBox.black > .rb-content,
.roundedInnerShadowBox.black > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.black > .rb-b,
.roundedInnerShadowBox.black > .rb-b div {
 background:transparent url(../images/inner_shadow/bg_black.png) no-repeat top right;
}

.roundedInnerShadowBox.gray > .rb-content,
.roundedInnerShadowBox.gray > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.gray > .rb-b,
.roundedInnerShadowBox.gray > .rb-b div {
 background:transparent url(../images/inner_shadow/bg_gray.png) no-repeat top right;
}

.roundedInnerShadowBox.blue > .rb-content,
.roundedInnerShadowBox.blue > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.blue > .rb-b,
.roundedInnerShadowBox.blue > .rb-b div {
 background:transparent url(../images/inner_shadow/bg_blue.png) no-repeat top right;
}

.roundedInnerShadowBox.red > .rb-content,
.roundedInnerShadowBox.red > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.red > .rb-b,
.roundedInnerShadowBox.red > .rb-b div {
 background:transparent url(../images/inner_shadow/bg_red.png) no-repeat top right;
}

.roundedInnerShadowBox.green > .rb-content,
.roundedInnerShadowBox.green > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.green > .rb-b,
.roundedInnerShadowBox.green > .rb-b div {
 background:transparent url(../images/inner_shadow/bg_green.png) no-repeat top right;
}

.roundedInnerShadowBox.orange > .rb-content,
.roundedInnerShadowBox.orange > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.orange > .rb-b,
.roundedInnerShadowBox.orange > .rb-b div {
 background:transparent url(../images/inner_shadow/bg_orange.png) no-repeat top right;
}

.roundedInnerShadowBox.navy > .rb-content,
.roundedInnerShadowBox.navy > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.navy > .rb-b,
.roundedInnerShadowBox.navy > .rb-b div {
 background:transparent url(../images/inner_shadow/bg_navy.png) no-repeat top right;
}

.roundedInnerShadowBox.purple > .rb-content,
.roundedInnerShadowBox.purple > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.purple > .rb-b,
.roundedInnerShadowBox.purple > .rb-b div {
 background:transparent url(../images/inner_shadow/bg_purple.png) no-repeat top right;
}


.roundedInnerShadowBox.white .rb-content,
.roundedInnerShadowBox.black .rb-content,
.roundedInnerShadowBox.gray .rb-content,
.roundedInnerShadowBox.blue .rb-content,
.roundedInnerShadowBox.red .rb-content,
.roundedInnerShadowBox.green .rb-content,
.roundedInnerShadowBox.orange .rb-content,
.roundedInnerShadowBox.navy .rb-content,
.roundedInnerShadowBox.purple .rb-content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 10px 0px 0px;
}

.roundedInnerShadowBox.white > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.black > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.gray > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.blue > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.red > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.green > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.orange > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.navy > .rb-content > .rb-wrapper >  .rb-t,
.roundedInnerShadowBox.purple > .rb-content > .rb-wrapper >  .rb-t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:10px; /* top slice width */
 margin-left:-10px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.roundedInnerShadowBox.white .rb-b,
.roundedInnerShadowBox.black .rb-b,
.roundedInnerShadowBox.gray .rb-b,
.roundedInnerShadowBox.blue .rb-b,
.roundedInnerShadowBox.red .rb-b,
.roundedInnerShadowBox.green .rb-b,
.roundedInnerShadowBox.orange .rb-b,
.roundedInnerShadowBox.navy .rb-b,
.roundedInnerShadowBox.purple .rb-b {
 /* bottom */
 position:relative;
 width:100%;
}

.roundedInnerShadowBox.white .rb-b,
.roundedInnerShadowBox.white .rb-b div,
.roundedInnerShadowBox.black .rb-b,
.roundedInnerShadowBox.black .rb-b div,
.roundedInnerShadowBox.gray .rb-b,
.roundedInnerShadowBox.gray .rb-b div,
.roundedInnerShadowBox.blue .rb-b,
.roundedInnerShadowBox.blue .rb-b div,
.roundedInnerShadowBox.red .rb-b,
.roundedInnerShadowBox.red .rb-b div,
.roundedInnerShadowBox.green .rb-b,
.roundedInnerShadowBox.green .rb-b div,
.roundedInnerShadowBox.orange .rb-b,
.roundedInnerShadowBox.orange .rb-b div,
.roundedInnerShadowBox.navy .rb-b,
.roundedInnerShadowBox.navy .rb-b div,
.roundedInnerShadowBox.purple .rb-b,
.roundedInnerShadowBox.purple .rb-b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.roundedInnerShadowBox.white .rb-b,
.roundedInnerShadowBox.black .rb-b,
.roundedInnerShadowBox.gray .rb-b,
.roundedInnerShadowBox.blue .rb-b,
.roundedInnerShadowBox.red .rb-b,
.roundedInnerShadowBox.green .rb-b,
.roundedInnerShadowBox.orange .rb-b,
.roundedInnerShadowBox.navy .rb-b,
.roundedInnerShadowBox.purple .rb-b {
 background-position:bottom right;
}

.roundedInnerShadowBox.white .rb-b div,
.roundedInnerShadowBox.black .rb-b div,
.roundedInnerShadowBox.gray .rb-b div,
.roundedInnerShadowBox.blue .rb-b div,
.roundedInnerShadowBox.red .rb-b div,
.roundedInnerShadowBox.green .rb-b div,
.roundedInnerShadowBox.orange .rb-b div,
.roundedInnerShadowBox.navy .rb-b div,
.roundedInnerShadowBox.purple .rb-b div {
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
 background-position:bottom left;
}

.roundedInnerShadowBox.white .rb-wrapper,
.roundedInnerShadowBox.black .rb-wrapper,
.roundedInnerShadowBox.gray .rb-wrapper,
.roundedInnerShadowBox.blue .rb-wrapper,
.roundedInnerShadowBox.red .rb-wrapper,
.roundedInnerShadowBox.green .rb-wrapper,
.roundedInnerShadowBox.orange .rb-wrapper,
.roundedInnerShadowBox.navy .rb-wrapper,
.roundedInnerShadowBox.purple .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. */
}

.roundedInnerShadowBox-innercontent{
		padding-top:20px;
	 padding-left:10px;
	 padding-right:10px;
	 padding-bottom:10px;
	}




/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.roundedPlainBox.white,
.roundedPlainBox.black,
.roundedPlainBox.gray,
.roundedPlainBox.blue,
.roundedPlainBox.red,
.roundedPlainBox.green,
.roundedPlainBox.orange,
.roundedPlainBox.navy,
.roundedPlainBox.purple  {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1539px; /* based on image dimensions - not quite consistent with drip styles yet */
 /*z-index:1;*/
 margin-left:10px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.roundedPlainBox.white > .rb-content,
.roundedPlainBox.white > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.white > .rb-b,
.roundedPlainBox.white > .rb-b div {
 background:transparent url(../images/plain/bg_white.png) no-repeat top right;
}

.roundedPlainBox.black > .rb-content,
.roundedPlainBox.black > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.black > .rb-b,
.roundedPlainBox.black > .rb-b div {
 background:transparent url(../images/plain/bg_black.png) no-repeat top right;
}

.roundedPlainBox.gray > .rb-content,
.roundedPlainBox.gray > .rb-t,
.roundedPlainBox.gray > .rb-b,
.roundedPlainBox.gray > .rb-b div {
 background:transparent url(../images/plain/bg_gray.png) no-repeat top right;
}

.roundedPlainBox.blue > .rb-content,
.roundedPlainBox.blue > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.blue > .rb-b,
.roundedPlainBox.blue > .rb-b div {
 background:transparent url(../images/plain/bg_blue.png) no-repeat top right;
}

.roundedPlainBox.red > .rb-content,
.roundedPlainBox.red > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.red > .rb-b,
.roundedPlainBox.red > .rb-b div {
 background:transparent url(../images/plain/bg_red.png) no-repeat top right;
}

.roundedPlainBox.green > .rb-content,
.roundedPlainBox.green > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.green > .rb-b,
.roundedPlainBox.green > .rb-b div {
 background:transparent url(../images/plain/bg_green.png) no-repeat top right;
}

.roundedPlainBox.orange > .rb-content,
.roundedPlainBox.orange > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.orange > .rb-b,
.roundedPlainBox.orange > .rb-b div {
 background:transparent url(../images/plain/bg_orange.png) no-repeat top right;
}

.roundedPlainBox.navy > .rb-content,
.roundedPlainBox.navy > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.navy > .rb-b,
.roundedPlainBox.navy > .rb-b div {
 background:transparent url(../images/plain/bg_navy.png) no-repeat top right;
}

.roundedPlainBox.purple > .rb-content,
.roundedPlainBox.purple > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.purple > .rb-b,
.roundedPlainBox.purple > .rb-b div {
 background:transparent url(../images/plain/bg_purple.png) no-repeat top right;
}


.roundedPlainBox.white .rb-content,
.roundedPlainBox.black .rb-content,
.roundedPlainBox.gray .rb-content,
.roundedPlainBox.blue .rb-content,
.roundedPlainBox.red .rb-content,
.roundedPlainBox.green .rb-content,
.roundedPlainBox.orange .rb-content,
.roundedPlainBox.navy .rb-content,
.roundedPlainBox.purple .rb-content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 10px 0px 0px;
}

.roundedPlainBox.white > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.black > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.gray > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.blue > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.red > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.green > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.orange > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.navy > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBox.purple > .rb-content > .rb-wrapper >  .rb-t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:10px; /* top slice width */
 margin-left:-10px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.roundedPlainBox.white .rb-b,
.roundedPlainBox.black .rb-b,
.roundedPlainBox.gray .rb-b,
.roundedPlainBox.blue .rb-b,
.roundedPlainBox.red .rb-b,
.roundedPlainBox.green .rb-b,
.roundedPlainBox.orange .rb-b,
.roundedPlainBox.navy .rb-b,
.roundedPlainBox.purple .rb-b {
 /* bottom */
 position:relative;
 width:100%;
}

.roundedPlainBox.white .rb-b,
.roundedPlainBox.white .rb-b div,
.roundedPlainBox.black .rb-b,
.roundedPlainBox.black .rb-b div,
.roundedPlainBox.gray .rb-b,
.roundedPlainBox.gray .rb-b div,
.roundedPlainBox.blue .rb-b,
.roundedPlainBox.blue .rb-b div,
.roundedPlainBox.red .rb-b,
.roundedPlainBox.red .rb-b div,
.roundedPlainBox.green .rb-b,
.roundedPlainBox.green .rb-b div,
.roundedPlainBox.orange .rb-b,
.roundedPlainBox.orange .rb-b div,
.roundedPlainBox.navy .rb-b,
.roundedPlainBox.navy .rb-b div,
.roundedPlainBox.purple .rb-b,
.roundedPlainBox.purple .rb-b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.roundedPlainBox.white .rb-b,
.roundedPlainBox.black .rb-b,
.roundedPlainBox.gray .rb-b,
.roundedPlainBox.blue .rb-b,
.roundedPlainBox.red .rb-b,
.roundedPlainBox.green .rb-b,
.roundedPlainBox.orange .rb-b,
.roundedPlainBox.navy .rb-b,
.roundedPlainBox.purple .rb-b {
 background-position:bottom right;
}

.roundedPlainBox.white .rb-b div,
.roundedPlainBox.black .rb-b div,
.roundedPlainBox.gray .rb-b div,
.roundedPlainBox.blue .rb-b div,
.roundedPlainBox.red .rb-b div,
.roundedPlainBox.green .rb-b div,
.roundedPlainBox.orange .rb-b div,
.roundedPlainBox.navy .rb-b div,
.roundedPlainBox.purple .rb-b div {
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
 background-position:bottom left;
}

.roundedPlainBox.white .rb-wrapper,
.roundedPlainBox.black .rb-wrapper,
.roundedPlainBox.gray .rb-wrapper,
.roundedPlainBox.blue .rb-wrapper,
.roundedPlainBox.red .rb-wrapper,
.roundedPlainBox.green .rb-wrapper,
.roundedPlainBox.orange .rb-wrapper,
.roundedPlainBox.navy .rb-wrapper,
.roundedPlainBox.purple .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. */
}

.roundedPlainBox-innercontent{
		padding-top:10px;
	 padding-left:10px;
	 padding-right:10px;
	 padding-bottom:10px;
	}




/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.roundedPlainBorderedBox.white,
.roundedPlainBorderedBox.black,
.roundedPlainBorderedBox.gray,
.roundedPlainBorderedBox.blue,
.roundedPlainBorderedBox.red,
.roundedPlainBorderedBox.green,
.roundedPlainBorderedBox.orange,
.roundedPlainBorderedBox.navy,
.roundedPlainBorderedBox.purple  {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1539px; /* based on image dimensions - not quite consistent with drip styles yet */
 /*z-index:1;*/
 margin-left:10px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.roundedPlainBorderedBox.white > .rb-content,
.roundedPlainBorderedBox.white > .rb-content > .rb-wrapper >.rb-t,
.roundedPlainBorderedBox.white > .rb-b,
.roundedPlainBorderedBox.white > .rb-b div {
 background:transparent url(../images/plain_bordered/bg_white.png) no-repeat top right;
}

.roundedPlainBorderedBox.black > .rb-content,
.roundedPlainBorderedBox.black > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.black > .rb-b,
.roundedPlainBorderedBox.black > .rb-b div {
 background:transparent url(../images/plain_bordered/bg_black.png) no-repeat top right;
}

.roundedPlainBorderedBox.gray > .rb-content,
.roundedPlainBorderedBox.gray > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.gray > .rb-b,
.roundedPlainBorderedBox.gray > .rb-b div {
 background:transparent url(../images/plain_bordered/bg_gray.png) no-repeat top right;
}

.roundedPlainBorderedBox.blue > .rb-content,
.roundedPlainBorderedBox.blue > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.blue > .rb-b,
.roundedPlainBorderedBox.blue > .rb-b div {
 background:transparent url(../images/plain_bordered/bg_blue.png) no-repeat top right;
}

.roundedPlainBorderedBox.red > .rb-content,
.roundedPlainBorderedBox.red > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.red > .rb-b,
.roundedPlainBorderedBox.red > .rb-b div {
 background:transparent url(../images/plain_bordered/bg_red.png) no-repeat top right;
}

.roundedPlainBorderedBox.green > .rb-content,
.roundedPlainBorderedBox.green > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.green > .rb-b,
.roundedPlainBorderedBox.green > .rb-b div {
 background:transparent url(../images/plain_bordered/bg_green.png) no-repeat top right;
}

.roundedPlainBorderedBox.orange > .rb-content,
.roundedPlainBorderedBox.orange > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.orange > .rb-b,
.roundedPlainBorderedBox.orange > .rb-b div {
 background:transparent url(../images/plain_bordered/bg_orange.png) no-repeat top right;
}

.roundedPlainBorderedBox.navy > .rb-content,
.roundedPlainBorderedBox.navy > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.navy > .rb-b,
.roundedPlainBorderedBox.navy > .rb-b div {
 background:transparent url(../images/plain_bordered/bg_navy.png) no-repeat top right;
}

.roundedPlainBorderedBox.purple > .rb-content,
.roundedPlainBorderedBox.purple > .rb-content > .rb-wrapper > .rb-t,
.roundedPlainBorderedBox.purple > .rb-b,
.roundedPlainBorderedBox.purple > .rb-b div {
 background:transparent url(../images/plain_bordered/bg_purple.png) no-repeat top right;
}


.roundedPlainBorderedBox.white .rb-content,
.roundedPlainBorderedBox.black .rb-content,
.roundedPlainBorderedBox.gray .rb-content,
.roundedPlainBorderedBox.blue .rb-content,
.roundedPlainBorderedBox.red .rb-content,
.roundedPlainBorderedBox.green .rb-content,
.roundedPlainBorderedBox.orange .rb-content,
.roundedPlainBorderedBox.navy .rb-content,
.roundedPlainBorderedBox.purple .rb-content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 10px 0px 0px;
 
}

.roundedPlainBorderedBox.white > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.black > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.gray > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.blue > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.red > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.green > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.orange > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.navy > .rb-content > .rb-wrapper >  .rb-t,
.roundedPlainBorderedBox.purple > .rb-content > .rb-wrapper >  .rb-t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:10px; /* top slice width */
 margin-left:-10px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.roundedPlainBorderedBox.white .rb-b,
.roundedPlainBorderedBox.black .rb-b,
.roundedPlainBorderedBox.gray .rb-b,
.roundedPlainBorderedBox.blue .rb-b,
.roundedPlainBorderedBox.red .rb-b,
.roundedPlainBorderedBox.green .rb-b,
.roundedPlainBorderedBox.orange .rb-b,
.roundedPlainBorderedBox.navy .rb-b,
.roundedPlainBorderedBox.purple .rb-b {
 /* bottom */
 position:relative;
 width:100%;
}

.roundedPlainBorderedBox.white .rb-b,
.roundedPlainBorderedBox.white .rb-b div,
.roundedPlainBorderedBox.black .rb-b,
.roundedPlainBorderedBox.black .rb-b div,
.roundedPlainBorderedBox.gray .rb-b,
.roundedPlainBorderedBox.gray .rb-b div,
.roundedPlainBorderedBox.blue .rb-b,
.roundedPlainBorderedBox.blue .rb-b div,
.roundedPlainBorderedBox.red .rb-b,
.roundedPlainBorderedBox.red .rb-b div,
.roundedPlainBorderedBox.green .rb-b,
.roundedPlainBorderedBox.green .rb-b div,
.roundedPlainBorderedBox.orange .rb-b,
.roundedPlainBorderedBox.orange .rb-b div,
.roundedPlainBorderedBox.navy .rb-b,
.roundedPlainBorderedBox.navy .rb-b div,
.roundedPlainBorderedBox.purple .rb-b,
.roundedPlainBorderedBox.purple .rb-b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.roundedPlainBorderedBox.white .rb-b,
.roundedPlainBorderedBox.black .rb-b,
.roundedPlainBorderedBox.gray .rb-b,
.roundedPlainBorderedBox.blue .rb-b,
.roundedPlainBorderedBox.red .rb-b,
.roundedPlainBorderedBox.green .rb-b,
.roundedPlainBorderedBox.orange .rb-b,
.roundedPlainBorderedBox.navy .rb-b,
.roundedPlainBorderedBox.purple .rb-b {
 background-position:bottom right;
}

.roundedPlainBorderedBox.white .rb-b div,
.roundedPlainBorderedBox.black .rb-b div,
.roundedPlainBorderedBox.gray .rb-b div,
.roundedPlainBorderedBox.blue .rb-b div,
.roundedPlainBorderedBox.red .rb-b div,
.roundedPlainBorderedBox.green .rb-b div,
.roundedPlainBorderedBox.orange .rb-b div,
.roundedPlainBorderedBox.navy .rb-b div,
.roundedPlainBorderedBox.purple .rb-b div {
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
 background-position:bottom left;
}

.roundedPlainBorderedBox.white .rb-wrapper,
.roundedPlainBorderedBox.black .rb-wrapper,
.roundedPlainBorderedBox.gray .rb-wrapper,
.roundedPlainBorderedBox.blue .rb-wrapper,
.roundedPlainBorderedBox.red .rb-wrapper,
.roundedPlainBorderedBox.green .rb-wrapper,
.roundedPlainBorderedBox.orange .rb-wrapper,
.roundedPlainBorderedBox.navy .rb-wrapper,
.roundedPlainBorderedBox.purple .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. */
}

.roundedPlainBorderedBox-innercontent{
		padding-top:10px;
	 padding-left:10px;
	 padding-right:10px;
	 padding-bottom:10px;
}


/* RoundedBox 2 */

.content:nth-child(n) {
    border: medium none;
}

.content {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}



.content,
.content-inner {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
}

.content-inner{ 
	border: 1px solid; 
	border-color: #e5e5e5 #dbdbdb #d2d2d2; 
}