﻿.footable>thead>tr>th,
.footable>thead>tr>td {
    position: relative;
}
.footable {
    border-spacing: 0;
    width: 100%;
    border: solid #ccc 1px;
    -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/plus-16.png) no-repeat 5px center;
    padding-left: 40px;
}
.footable.breakpoint>tbody>tr.footable-detail-show>td.expand {
    background: url(img/minus-16.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>thead>tr>th {
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    border-top: 1px solid #AAA;
    padding: 10px;
    text-align: center;
    border-bottom-width: 2px;
}
.footable>tbody>tr>td {
    border: 1px solid #AAA;
    border-top: 1px solid #AAA;
    padding: 4px 10px;
    text-align: left;
}
.footable>thead>tr {
    background-color: #CECECE;
    /*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, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
    -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;
}