/* first example */

 /* set background images for corners */
.rbroundbox { background: url(img_sisal/simple_background.gif) repeat; }
.rbtop div  { background: url(img_sisal/simple_top_left.gif) no-repeat top left; }
.rbtop      { background: url(img_sisal/simple_top_right.gif) no-repeat top right; }
.rbbot div  { background: url(img_sisal/simple_bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(img_sisal/simple_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0 14px; color:#FFFFFF; }

.rbcontent td { margin: 0 14px; color:#FFFFFF; }

.rbroundbox { width: 100%; margin: auto; }


/* second example */

 /* set background images for corners */
#secondexample .rbroundbox    { background: url(img_sisal/corners_bg.gif) repeat; }

#secondexample .rbtop         { background: url(img_sisal/corners_top.gif) repeat-x; }
#secondexample .rbtop div     { background: url(img_sisal/corners_top_left.gif) no-repeat top left; }
#secondexample .rbtop div div { background: url(img_sisal/corners_top_right.gif) no-repeat top right; }

#secondexample .rbbot         { background: url(img_sisal/corners_bottom.gif) repeat-x; }
#secondexample .rbbot div     { background: url(img_sisal/corners_bottom_left.gif) no-repeat top left; }
#secondexample .rbbot div div { background: url(img_sisal/corners_bottom_right.gif) no-repeat top right; }

#secondexample .rbcontentwrap { background: url(img_sisal/corners_left.gif) repeat-y; }
#secondexample .rbcontent     { background: url(img_sisal/corners_right.gif) repeat-y right; }

 
 /* height and width details */
#secondexample .rbtop div, #secondexample .rbtop, #secondexample .rbbot div, #secondexample .rbbot {
	width: 100%;
	height: 26px;
	font-size: 1px;
}
#secondexample .rbcontent  { padding: 1px 2em; margin: 0;  }
#secondexample .rbroundbox { width: 300px;  }




/* other CSS rules */

pre { overflow: auto; width: 90%; }
/*body { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }*/
h2 { font-size: 2em; font-weight: bold; font-family : Arial, sans-serif; }
p  { font-size: 1em; } 
h2 { padding: 0; margin: 0 0 1em 0; }
.rbroundbox p, #realcontent .rbroundbox p { padding: 0; margin: 1em 0 0 0; }

/* tstme code */
body, html { padding: 0; margin: 0 40px 0 0; background: url(../images/fillheaderbg.gif) repeat-x; }
p { padding-bottom: 1em!important; }
#realcontent { padding: 1em; margin: 0 300px 0 20px; }
#realcontent p { padding: 1em; margin: 0; }
#realcontent h1 { padding: 0em; margin: 0; }
pre { background: #f5f5f5; padding: 1em; }
#secondexample {
	position: absolute;
	top: 100px;
	right: 0px;
	width: 300px;
	padding: 0;
	margin: 0;
}

img {border:0}


.rbcontent a, .rbcontent a:link, .rbcontent a:visited {
color: #000000;
font-weight:bold;
text-decoration: underline;
}

.rbcontent a:hover {
color: #FFFFFF;
font-weight:bold;
text-decoration: underline;
}