.footable>thead>tr>th,
.footable>thead>tr>td{position:relative}
.footable{
    border-spacing:0;width:100%;
    border:solid #00CC00 0px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    font-family:'trebuchet MS','Lucida sans',Arial;
    font-size:14px;
    color:#444}
.footable.breakpoint>tbody>tr>td.expand{
    background:url(img/plus3.png) no-repeat 5px center;
    padding-left:40px;

}
.footable.breakpoint>tbody>tr.footable-detail-show>td.expand{
    background:url(img/minus2.png) no-repeat 5px center}
.footable.breakpoint>tbody>tr.footable-row-detail{
    background:#eee}
.footable>tbody>tr:hover{background:#fbf8e9}
.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail){cursor:pointer}
.footable>tbody>tr>td,.footable>thead>tr>th{
    border-left:0px solid #ccc;
    border-top:0px solid #ccc;
    border-right:0px solid #ccc;
    border-bottom:0px solid #ccc;
    padding:10px;
    text-align:left}
.footable>thead>tr>th,.footable>thead>tr>td{
    background-color:#dce9f9;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9));
    background-image:-webkit-linear-gradient(top,#ebf3fc,#dce9f9);
    background-image:-moz-linear-gradient(top,#00CC00,#00CC00);
    background-image:-ms-linear-gradient(top,#00CC00,#00CC00);
    background-image:-o-linear-gradient(top,#00CC00,#00CC00);
    background-image:linear-gradient(to bottom,#00CC00,#00CC00);
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    border-top:0;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.footable>thead>tr>th:first-child,.footable>thead>tr>td:first-child{
    -moz-border-radius:6px 0 0;
    -webkit-border-radius:6px 0 0;
    border-radius:6px 0 0}
.footable>thead>tr>th:last-child,.footable>thead>tr>td:last-child{
    -moz-border-radius:0 6px 0 0;
    -webkit-border-radius:0 6px 0 0;
    border-radius:0 6px 0 0}
.footable>thead>tr>th:only-child,.footable>thead>tr>td:only-child{
    -moz-border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0}
.footable>tbody>tr:last-child>td:first-child{
    -moz-border-radius:0 0 0 6px;
    -webkit-border-radius:0 0 0 6px;
    border-radius:0 0 0 6px}
.footable>tbody>tr:last-child>td:last-child{
    -moz-border-radius:0 0 6px;
    -webkit-border-radius:0 0 6px;
    border-radius:0 0 6px}
.footable>tbody img{vertical-align:middle}