Описание
.features-table { width: 100% margin: 0 auto border-collapse: separate border-spacing: 0 border: 0 text-shadow: 0 1px 0 #fff color: #2a2a2a background: #fafafa background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff) /* Firefox 3.6 */ background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff)) margin-top:20px margin-bottom:20px } .features-table td { height: 50px padding: 0 20px border-bottom: 1px solid #cdcdcd box-shadow: 0 1px 0 white -moz-box-shadow: 0 1px 0 white -webkit-box-shadow: 0 1px 0 white text-align: center vertical-align: middle display: table-cell } .features-table tbody td { text-align: center width: 150px } .features-table td.white { background: #ffffff } .features-table td.grey { background: #efefef background: rgba(144,144,144,0.15) border-right: 1px solid white } .features-table td.green { background: #e7f3d4 background: rgba(184,243,85,0.3) border: none } .features-table td:nowrap { white-space: nowrap } .features-table thead td { font-size: 120% font-weight: bold -moz-border-radius-topright: 10px -moz-border-radius-topleft: 10px border-top-right-radius: 10px border-top-left-radius: 10px border-top: 1px solid #eaeaea } .features-table tfoot td { font-size: 120% font-weight: bold -moz-border-radius-bottomright: 10px -moz-border-radius-bottomleft: 10px border-bottom-right-radius: 10px border-bottom-left-radius: 10px border-bottom: 1px solid #dadada } .circley{ width: 20px height: 20px background: yellow -moz-border-radius: 10px -webkit-border-radius: 10px border-radius: 10px position: absolute } .circler{ width: 20px height: 20px background: red -moz-border-radius: 10px -webkit-border-radius: 10px border-radius: 10px position: absolute } .circleg{ width: 20px height: 20px background: green -moz-border-radius: 10px -webkit-border-radius: 10px border-radius: 10px position: absolute } .circleb{ width: 20px height: 20px background: black -moz-border-radius: 10px -webkit-border-radius: 10px bo