/*
By Steven Chong
Example:
<div class="rtl"><div class="rtr"><div class="rt"></div></div></div>
<div class="rm"><div class="rc">
	Your content here !
</div></div>
<div class="rbl"><div class="rbr"><div class="rb"></div></div></div>
*/

/* |------ white #ffffff ---------------------| */ 

.rt_white  { height:10px; margin:0px 10px 0px 10px; background: #ffffff; }   
.rb_white  { height:10px; margin:0px 10px 0px 10px; background: #ffffff; }
.rm_white  { background-color: #ffffff; }   
.rc_white  { background-color: #ffffff; margin:0px 10px 0px 10px; padding:0px;}  
.rbl_white { background: url(../../images/round_white.png) 0 100% no-repeat;}   
.rbr_white { background: url(../../images/round_white.png) 100% 100% no-repeat;}   
.rtl_white { height:10px; background: url(../../images/round_white.png) 0 0 no-repeat;}   
.rtr_white { height:10px; background: url(../../images/round_white.png) 100% 0 no-repeat;} 


/* |------ black #000000 ---------------------| */ 

.rt_black  { height:10px; margin:0px 10px 0px 10px; background: #000000; }   
.rb_black  { height:10px; margin:0px 10px 0px 10px; background: #000000; }
.rm_black  { background-color: #000000; }   
.rc_black  { background-color: #000000; margin:0px 10px 0px 10px; padding:0px;}  
.rbl_black { background: url(../../images/round_black.png) 0 100% no-repeat;}   
.rbr_black { background: url(../../images/round_black.png) 100% 100% no-repeat;}   
.rtl_black { height:10px; background: url(../../images/round_black.png) 0 0 no-repeat;}   
.rtr_black { height:10px; background: url(../../images/round_black.png) 100% 0 no-repeat;} 


/* |------ lgreen #F5FFF7 ---------------------| */ 

.rt_lgreen  { height:10px; margin:0px 10px 0px 10px; background: #F5FFF7; }   
.rb_lgreen  { height:10px; margin:0px 10px 0px 10px; background: #F5FFF7; }
.rm_lgreen  { background-color: #F5FFF7; }   
.rc_lgreen  { background-color: #F5FFF7; margin:0px 10px 0px 10px; padding:0px;}  
.rbl_lgreen { background: url(../../images/round_lgreen.png) 0 100% no-repeat;}   
.rbr_lgreen { background: url(../../images/round_lgreen.png) 100% 100% no-repeat;}   
.rtl_lgreen { height:10px; background: url(../../images/round_lgreen.png) 0 0 no-repeat;}   
.rtr_lgreen { height:10px; background: url(../../images/round_lgreen.png) 100% 0 no-repeat;} 


/* |------ lgray #BEBEBE ---------------------| */ 

.rt_lgray  { height:10px; margin:0px 10px 0px 10px; background: #BEBEBE; }   
.rb_lgray  { height:10px; margin:0px 10px 0px 10px; background: #BEBEBE; }
.rm_lgray  { background-color: #BEBEBE; }   
.rc_lgray  { background-color: #BEBEBE; margin:0px 10px 0px 10px; padding:0px;}  
.rbl_lgray { background: url(../../images/round_lgray.png) 0 100% no-repeat;}   
.rbr_lgray { background: url(../../images/round_lgray.png) 100% 100% no-repeat;}   
.rtl_lgray { height:10px; background: url(../../images/round_lgray.png) 0 0 no-repeat;}   
.rtr_lgray { height:10px; background: url(../../images/round_lgray.png) 100% 0 no-repeat;} 


/* |------ tgray #EEEEEE ---------------------| */ 

.rt_tgray  { height:10px; margin:0px 10px 0px 10px; background: #EEEEEE; }   
.rb_tgray  { height:10px; margin:0px 10px 0px 10px; background: #EEEEEE; }
.rm_tgray  { background-color: #EEEEEE; }   
.rc_tgray  { background-color: #EEEEEE; margin:0px 10px 0px 10px; padding:0px;}  
.rbl_tgray { background: url(../../images/round_tgray.png) 0 100% no-repeat;}   
.rbr_tgray { background: url(../../images/round_tgray.png) 100% 100% no-repeat;}   
.rtl_tgray { height:10px; background: url(../../images/round_tgray.png) 0 0 no-repeat;}   
.rtr_tgray { height:10px; background: url(../../images/round_tgray.png) 100% 0 no-repeat;} 


/* |------ pink #FCD8D8 ---------------------| */ 

.rt_pink  { height:10px; margin:0px 10px 0px 10px; background: #FCD8D8; }   
.rb_pink  { height:10px; margin:0px 10px 0px 10px; background: #FCD8D8; }
.rm_pink  { background-color: #FCD8D8; }   
.rc_pink  { background-color: #FCD8D8; margin:0px 10px 0px 10px; padding:0px;}  
.rbl_pink { background: url(../../images/round_pink.png) 0 100% no-repeat;}   
.rbr_pink { background: url(../../images/round_pink.png) 100% 100% no-repeat;}   
.rtl_pink { height:10px; background: url(../../images/round_pink.png) 0 0 no-repeat;}   
.rtr_pink { height:10px; background: url(../../images/round_pink.png) 100% 0 no-repeat;} 


/* |------ gray #666666 ---------------------| */ 

.rt_gray  { height:10px; margin:0px 10px 0px 10px; background: #666666; }   
.rb_gray  { height:10px; margin:0px 10px 0px 10px; background: #666666; }
.rm_gray  { background-color: #666666; }   
.rc_gray  { background-color: #666666; margin:0px 10px 0px 10px; padding:0px;}  
.rbl_gray { background: url(../../images/round_gray.png) 0 100% no-repeat;}   
.rbr_gray { background: url(../../images/round_gray.png) 100% 100% no-repeat;}   
.rtl_gray { height:10px; background: url(../../images/round_gray.png) 0 0 no-repeat;}   
.rtr_gray { height:10px; background: url(../../images/round_gray.png) 100% 0 no-repeat;} 


/* |------ trimmer ---------------------| */ 

.rtriml { margin-left:0px; }
.rtrimr { margin-right:0px; }