@charset "utf-8";
/* CSS Document */

/*************** Demo Styles Start **********************/
/* http://www.redmelon.net/tstme/4corners/ */
/* set background images for corners */

/**** START CSS Legend *********/
/* rb = "Rounded Box"          */ 
/* rbc = "Rounded Box Content" */ 
/**** STOP CSS Legend **********/


/*** START LIGHT THEMED ROUNDED CORENERS BOX ***/
.rbwrapper           { background: #fff; color:#000; }
.rb                  { background: url(rb-theme-light/border-r.png);                 /* RIGHT Border */                                   }	
.rbc                 { background: url(rb-theme-light/border-l.png);                 /* LEFT Border  */                                   }
.rbtop div           { background: url(rb-theme-light/tl.png);  height:7px;          /* TOP LEFT border & TOP height */                   }
.rbtop               { background: url(rb-theme-light/tr.png);                       /* TOP RIGHT Border */                               }
.rbbot div           { background: url(rb-theme-light/bl.png); height:8px;          /* BOTTOM LEFT & BOTTOM height */                    }
.rbbot               { background: url(rb-theme-light/br.png);                       /* BOTTOM RIGHT */                                   }
.rbc                 { padding-left:6px;  padding-right:7px;                        /* adjust padding to match L and R BGIMG Thickness*/ }
/*** STOP LIGHT THEMED ROUNDED CORENERS BOX ***/


/*** START DARK THEMED ROUNDED CORENERS BOX ***/
.ui-dark             { background: #333; color:#CCC; }
.ui-dark .rb         { background: url(rb-theme-dark/border-r.png);                  /* RIGHT Border */                                   }	
.ui-dark .rbc        { background: url(rb-theme-dark/border-l.png);                  /* LEFT Border  */                                   }
.ui-dark .rbtop div  { background: url(rb-theme-dark/tl.png);  height:7px;           /* TOP LEFT border & TOP height */                   }
.ui-dark .rbtop      { background: url(rb-theme-dark/tr.png);                        /* TOP RIGHT Border */                               }
.ui-dark .rbbot div  { background: url(rb-theme-dark/bl.png); height:14px;           /* BOTTOM LEFT & BOTTOM height */                    }
.ui-dark .rbbot      { background: url(rb-theme-dark/br.png);                        /* BOTTOM RIGHT */                                   }
.ui-dark .rbc        { padding-left:6px;  padding-right:0px;                        /* adjust padding to match L and R BGIMG Thickness*/ }
/*** END DARK THEMED ROUNDED CORENERS BOX ***/


/**** START ROUNDED CORNERS BOX CORE CSS ****/
.rb         { margin: auto; }
.rb         { background-position:  top right    !important;   background-repeat: repeat-y  !important;     }	
.rbc        { background-position:  left top     !important;   background-repeat: repeat-y  !important;     }
.rbtop div  { background-position:  left top     !important;   background-repeat: no-repeat !important;    }
.rbtop      { background-position:  right top    !important;   background-repeat: no-repeat !important;    }
.rbbot div  { background-position:  left bottom  !important;   background-repeat: no-repeat !important     }
.rbbot      { background-position:  right bottom !important;   background-repeat: no-repeat !important     }

.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%; font-size: 1px; }
.rbc { padding-bottom:0.1em; /* adjust the inner padding here, note ie6 needs the .1em bottom to prevent alignment issues */}
.rbbot { clear:both; /* the  box must wrap floated elements */}

/* Rounded Corner <H2>s */
/* uses sliding doors CSS see alistapart.com */
.rbwrapper h2 div { background: url(rb-h2-bg-r.png) no-repeat right top; margin:0; margin:0 0 0 4px; padding:0.4em 0 0.25em 0.3em; min-height:27px; } 
.rbwrapper h2     { background: url(rb-theme-light/rb-h2-bg-l.png) no-repeat left top;  margin:0; padding:0; font-size:160%; color:#666; text-align:left  } 

/* set the marins on everything except img tag as the images may appear inside a <p> or other tag. Also dont set margins on tables or a table may overlap right box shadow */
.rbc h2, .rbc h3,.rbc h4,.rbc h5,.rbc h6,.rbc p,.rbc select,.rbc input, 
.rbc textarea,.rbc pre,.rbc code,.rbc blockquote,.rbc fieldset{ margin-bottom:1.8em; /* putting a margin or padding on top will cause left border 1px gray to seperate from rbtop */}
.rbc dl,.rbc ol, .rbc ul { margin: 0 1em; }

/* <IMG> float notes */
/* setting margin top to .3em aligns their tops with the paragraph fonts */
/* keep bottom margin nice and short or a floated img will push box bottom to far down */
img.float-right { float:right;  margin:.3em  0 0 1em;  }
img.float-left { float:left;  margin:.3em  1em 0 0; }



.rounded    { padding:0.1em 0;} /* removed by js before adding rounded corners */

/**** STOP ROUNDED CORNERS BOX CORE CSS ****/



/**** START CONVERT ROUNDED CORNERS BOX TO MENU ****/
.r-menu .rbc, .r-menu .rbc ul { padding:0; margin:0; /* removes the margins and padding from ul and content */}
.r-menu .rbc ul li{ 
zoom:1; /* I h8t IE6 */
margin:0 7px 0 0 ; /* must match the .rbc{padding-right} */
padding:0 0 0 10px; /* must match the .rbc{padding-left} */
background:none; 
}
.r-menu .rbc ul li a { padding:4px 1em 7px 1em ;   border-top:1px solid #404040; border-bottom: 1px solid #000; display:block;  zoom:1; }
.r-menu .rbc ul li a:hover {background-color:#584293;}
.r-menu .rbc ul li.selected { background:url(/lab/rounded_box/rb-theme-dark/menu-selected.png) 1px top no-repeat  ;}
.r-menu .rbc ul li.selected a,
.r-menu .rbc ul li.selected a:hover{ background:none; color:#858585; text-decoration:none;}
.r-menu.ui-dark .rbc  {padding-left: 0px; padding-right:0px; /* stop the basic indent from messing up the menus after a theme is applied ex:.ui-dark. note: this line must come after the theme CSS .rbc{ padding-left:10px;} or ie6 will get the inheritance wrong :( */ }
/**** STOP CONVERT ROUNDED CORNERS BOX TO MENU ****/