.box {margin:0}
.box p {margin:0}

.o1_white, .o2_white, .o3_white, .o4_white, .u1_white, .u2_white, .u3_white, .u4_white {display:block; overflow:hidden; font-size: 1px;}
.o1_white, .o2_white, .o3_white, .u1_white, .u2_white, .u3_white {height:1px;}

.o1_white {margin:0 4px; background:#000000;}
.u1_white {margin:0 4px; background:#000000;}

.o2_white, .u2_white {margin:0 3px; border-width:0 2px;}
.o2_white {background:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000;}
.u2_white {background:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000;}

.o3_white, .u3_white {margin:0 2px;}
.o3_white {background:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000;}
.u3_white {background:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000;}

.o4_white, .u4_white {height:2px; margin:0 1px;}
.o4_white {background:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000;}
.u4_white {background:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000;}

.content_white {display:block; padding:0 5px 0 5px; background:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000;}


.o1_red, .o2_red, .o3_red, .o4_red, .u1_red, .u2_red, .u3_red, .u4_red {display:block; overflow:hidden;}
.o1_red, .o2_red, .o3_red, .u1_red, .u2_red, .u3_red {height:1px;}

.o1_red {margin:0 4px; background:#FF0000;}
.u1_red {margin:0 4px; background:#FF0000;}

.o2_red, .u2_red {margin:0 3px; border-width:0 2px;}
.o2_red {background:#FFD5C1; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}
.u2_red {background:#FFD5C1; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}

.o3_red, .u3_red {margin:0 2px;}
.o3_red {background:#FFD5C1; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}
.u3_red {background:#FFD5C1; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}

.o4_red, .u4_red {height:2px; margin:0 1px;}
.o4_red {background:#FFD5C1; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}
.u4_red {background:#FFD5C1; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}

.content_red {display:block; padding:0 5px 0 5px; background:#FFD5C1; border-left:1px solid #FF0000; border-right:1px solid #FF0000;}


.o1_yellow, .o2_yellow, .o3_yellow, .o4_yellow, .u1_yellow, .u2_yellow, .u3_yellow, .u4_yellow {display:block; overflow:hidden;}
.o1_yellow, .o2_yellow, .o3_yellow, .u1_yellow, .u2_yellow, .u3_yellow {height:1px;}

.o1_yellow {margin:0 4px; background:#FFFF00;}
.u1_yellow {margin:0 4px; background:#FFFF00;}

.o2_yellow, .u2_yellow {margin:0 3px; border-width:0 2px;}
.o2_yellow {background:#FFFFC0; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}
.u2_yellow {background:#FFFFC0; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}

.o3_yellow, .u3_yellow {margin:0 2px;}
.o3_yellow {background:#FFFFC0; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}
.u3_yellow {background:#FFFFC0; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}

.o4_yellow, .u4_yellow {height:2px; margin:0 1px;}
.o4_yellow {background:#FFFFC0; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}
.u4_yellow {background:#FFFFC0; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}

.content_yellow {display:block; padding:0 5px 0 5px; background:#FFFFC0; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}