/*********** this will make a rounded corner in a box with just a background color   ************/
/*********** it adds 10 px to the vetrical heighth of the box                        ************/

/*** this is a white background ***/
/*  usage looks like this
	<b class="w_1t"></b><b class="w_2t"></b><b class="w_3t"></b><b class="w_4t"></b>
	<div id=#a box with white (#ffffff) background color>
	</div>
	<b class="w_4b"></b><b class="w_3b"></b><b class="w_2b"></b><b class="w_1b"></b>
*/
b.w_1t, b.w_2t, b.w_3t, b.w_4t, b.w_1b, b.w_2b, b.w_3b, b.w_4b{font-size:1px; overflow:hidden; display:block;}
b.w_1t, b.w_1b {height:1px; background:#fff; margin:0 5px;}
b.w_2t, b.w_2b {height:1px; background:#fff; border-right:2px solid #fff; border-left:2px solid #fff; margin:0 3px;}
b.w_3t, b.w_3b {height:1px; background:#fff; border-right:1px solid #fff; border-left:1px solid #fff; margin:0 2px;}
b.w_4t, b.w_4b {height:2px; background:#fff; border-right:1px solid #fff; border-left:1px solid #fff; margin:0 1px;}
b.w_2b, b.w_3b, b.w_4b {background: #fff;}


/*** this is a light gray background ***/
/*  usage looks like this
	<b class="grey_1t"></b><b class="grey_2t"></b><b class="grey_3t"></b><b class="grey_4t"></b>
	<div id=#a box with grey (#D4D0C8) background color>
	</div>
	<b class="grey_4b"></b><b class="grey_3b"></b><b class="grey_2b"></b><b class="grey_1b"></b>
*/
b.grey_1t, b.grey_2t, b.grey_3t, b.grey_4t, b.grey_1b, b.grey_2b, b.grey_3b, b.grey_4b{font-size:1px; overflow:hidden; display:block;}
b.grey_1t, b.grey_1b {height:1px; background:#D4D0C8; margin:0 5px;}
b.grey_2t, b.grey_2b {height:1px; background:#D4D0C8; border-right:2px solid #D4D0C8; border-left:2px solid #D4D0C8; margin:0 3px;}
b.grey_3t, b.grey_3b {height:1px; background:#D4D0C8; border-right:1px solid #D4D0C8; border-left:1px solid #D4D0C8; margin:0 2px;}
b.grey_4t, b.grey_4b {height:2px; background:#D4D0C8; border-right:1px solid #D4D0C8; border-left:1px solid #D4D0C8; margin:0 1px;}
b.grey_2b, b.grey_3b, b.grey_4b {background: #D4D0C8;}


/*** this is a tan background ***/
/*  usage looks like this
	<b class="tan_1t"></b><b class="tan_2t"></b><b class="tan_3t"></b><b class="tan_4t"></b>
	<div id=#a box with tan (#BDA9A0) background color>
	</div>
	<b class="tab_4b"></b><b class="tan_3b"></b><b class="tan_2b"></b><b class="tan_1b"></b>
*/
b.tan_1t, b.tan_2t, b.tan_3t, b.tan_4t, b.tan_1b, b.tan_2b, b.tan_3b, b.tan_4b{font-size:1px; overflow:hidden; display:block;}
b.tan_1t, b.tan_1b {height:1px; background:#BDA9A0; margin:0 5px;}
b.tan_2t, b.tan_2b {height:1px; background:#BDA9A0; border-right:2px solid #BDA9A0; border-left:2px solid #BDA9A0; margin:0 3px;}
b.tan_3t, b.tan_3b {height:1px; background:#BDA9A0; border-right:1px solid #BDA9A0; border-left:1px solid #BDA9A0; margin:0 2px;}
b.tan_4t, b.tan_4b {height:2px; background:#BDA9A0; border-right:1px solid #BDA9A0; border-left:1px solid #BDA9A0; margin:0 1px;}
b.tan_2b, b.tan_3b, b.tan_4b  {background:#BDA9A0;}