/* ===========================================
   rounded corners */
   
.hr{ height: 1px; }
   
.separator{
    padding-left:       1px;
    padding-right:      1px;    
    background-color:   #e6e6e6;
}

.separator .top{ background-color: #bfbfbf; }
.separator .bottom{ background-color:   #000000; }

/* ===========================================
   generic box */

.b1-rt, .b2-rt, .b3-rt, .b4-rt{
    padding-left:   1px;
    padding-right:  1px;
}

.b1-rb, .b2-rb, .b3-rb, .b4-rb{
    padding-left:   1px;
    padding-right:  1px;
}

/* ===========================================
   black border, dark gray */

.b1-rt .hr, .b1-rb .hr{ background-color:   #000000; }

.b1-rc{
    background-color:   #4c4c4c;
    border-left:        1px solid #000000;
    border-right:       1px solid #000000;
}

/* ===========================================
   white no border */

.b2-rt .hr, .b2-rb .hr{ background-color:   #ffffff; }

.b2-rc{
    background-color:   #ffffff;
    border-left:        1px solid #ffffff;
    border-right:       1px solid #ffffff;
}

/* ===========================================
   top border black, bottom border gray, bkg color white */
   
.b3{ background-color: #e6e6e6; }
.b3-rt .hr{ background-color:   #000000; }
.b3-rb .hr{ background-color:   #cccccc; }

.b3-rc{
    background-color:   #ffffff;
    border-left:        1px solid #ffffff;
    border-right:       1px solid #ffffff;
}

/* ===========================================
   gray background, bottom gray border */

.b4-rt .hr{ background-color:   #f3f3f3; }
.b4-rb .hr{ background-color:   #cdcdcd; }

.b4-rc{
    background-color:   #f3f3f3;
    border-left:        1px solid #f3f3f3;
    border-right:       1px solid #f3f3f3;
}

.b4-rc .pad{
    padding-top:     8px;
    padding-left:   10px;
    padding-right:  10px;
}

.b4-rc .pad-sides{
    padding-left:   10px;
    padding-right:  10px;
}

.b4-rc .divider{
    border-bottom:  1px solid #cdcdcd;
    padding-bottom: 10px;
}

/* ===========================================
   square corners */
   
.b5-sc{
    border-top:     1px solid black;
    border-bottom:  1px solid black;
}