.pass-meter { width:100%; padding-top:3px; padding-bottom: 20px; } .pass-meter.hidden { display: none; } .pass-meter .details, .pass-meter .pass-meter-message{ margin-top: 3px; } .pass-meter-col { float:left; width:25%; padding:1px; } .pass-meter-col .indicator { border-radius:3px; background-color:#eee; height:5px; } .pass-meter-col.poor .indicator{ background-color:#ef4e3a; } .pass-meter-col.weak .indicator{ background-color:#F27B1C; } .pass-meter-col.good .indicator{ background-color:#66cc33; } .pass-meter-col.strong .indicator{ background-color:#33A7E3; } .pass-meter .pass-meter-message { width:49%; text-align:right; font-family: "Arial Black", Gadget, sans-serif; font-size:10px; line-height:10px; color:#555; min-height:7px; float: right; } .pass-meter .details{ width:49%; text-align:left; font-family: "Arial Black", Gadget, sans-serif; font-size:10px; line-height:10px; color:#555; min-height:7px; float: left; cursor: pointer; } .pass-meter .details span{ cursor: pointer; } .pass-meter .details:hover{ color: rgb(0, 102, 255) !important; } .detail_box .row { clear: both; } .detail_box .row .col{ float: left; width: 49%; } .match-sequence { } .match-sequence .sequence{ float: left; width: 190px; margin-right: 10px; }