/* 
  Color Boxes with Round Corners.
*/

/*.rcbox h1, .rcbox h2, .rcbox p {margin:-10px; letter-spacing:0.5px; border:0;}*/
.rcbox {background: transparent; padding: 2px; margin: 0 2%;}
.rcbox div {padding:4px 4px;}


.xboxcontent {display:block;  background:#eee; border:0 solid #fff; border-width:0 1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 5px; background:#fff;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

/* ================Default Color Scheme================= */
.xb2, .xb3, .xb4 {
  background:#eac; border-left-color:#fff; border-right-color:#fff;} .xb1 {background:#fff;}
.xboxcontent { background:#eac; border-color:#fff;}

/* =================Color Scheme 1===================== */
.cs1 .xb2, .cs1 .xb3, .cs1 .xb4 {
  background:#e0e0e0; border-left-color:#ccc; border-right-color:#ccc;} .cs1 .xb1 {background:#ccc;}
.cs1 .xboxcontent { background:#e0e0e0; border-color:#ccc;}

/* =================Color Scheme 2===================== */
.cs2 .xb2, .cs2 .xb3, .cs2 .xb4 {
  background:white; border-left-color:#ddd; border-right-color:#ddd;} .cs2 .xb1 {background:#ddd;}
.cs2 .xboxcontent { background:white; border-color:#edddee;}

/* ==============Color Scheme 3================== dark blue background */
.cs3 { color: white; }
.cs3 .xb2, .cs3 .xb3, .cs3 .xb4 {
  background:#004d86; border-left-color:#eef; border-right-color:#eef;} .cs3 .xb1 {background:#eef;}
.cs3 .xboxcontent { background:#004d86; border-color:#eef; position:relative; /* for IE6 */}

/* =================Color Scheme 6===================== */
.cs6 .xb2, .cs6 .xb3, .cs6 .xb4 {
  background:#fff; border-left-color:#aac; border-right-color:#aac;} .cs6 .xb1 {background:#aac;}
.cs6 .xboxcontent { background:#fff; border-color:#aac;}