.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1_0, .xb2_0, .xb3_0, .xb4_0, .xb1_1, .xb2_1, .xb3_1, .xb4_1, .xb1_2, .xb2_2, .xb3_2, .xb4_2, .xb1_3, .xb2_3, .xb3_3, .xb4_3 {display:block; overflow:hidden;}
.xb1_0, .xb2_0, .xb3_0, .xb1_1, .xb2_1, .xb3_1, .xb1_2, .xb2_2, .xb3_2, .xb1_3, .xb2_3, .xb3_3 {height:1px;}
.xb2_0, .xb3_0, .xb4_0, .xb2_1, .xb3_1, .xb4_1, .xb2_2, .xb3_2, .xb4_2, .xb2_3, .xb3_3, .xb4_3 {border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1_0, .xb1_1, .xb1_2, .xb1_3 {margin:0 5px; background:#08c;}
.xb2_0, .xb2_1, .xb2_2, .xb2_3 {margin:0 3px; border-width:0 2px;}
.xb3_0, .xb3_1, .xb3_2, .xb3_3 {margin:0 2px;}
.xb4_0, .xb4_1, .xb4_2, .xb4_3 {height:2px; margin:0 1px;}

.xboxcontent_0, .xboxcontent_1, .xboxcontent_2, .xboxcontent_3 {display:block; border:0 solid #08c; border-width:0 1px;}

.xb2_0, .xb3_0, .xb4_0, .xboxcontent_0 {border-color:#C92E40}
.xb1_0 {background:#C92E40}
.bordertop_0{border-top:1px solid #C92E40}

.xb2_1, .xb3_1, .xb4_1, .xboxcontent_1 {border-color:#3A78B3}
.xb1_1 {background:#3A78B3}
.bordertop_1{border-top:1px solid #3A78B3}

.xb2_2, .xb3_2, .xb4_2, .xboxcontent_2 {border-color:#ECBC02}
.xb1_2 {background:#ECBC02}
.bordertop_2{border-top:1px solid #ECBC02}

.xb2_3, .xb3_3, .xb4_3, .xboxcontent_3 {border-color:#019535}
.xb1_3 {background:#019535}
.bordertop_3{border-top:1px solid #019535}