.footable {
    border - collapse: separate;
    border - spacing: 0;
    border: 1px solid# ccc; - moz - border - radius: 6px; - webkit - border - radius: 6px;
    border - radius: 6px;
    font - family: 'trebuchet MS',
    'Lucida sans',
    Arial;
    font - size: 14px;
    color: #444;background:# fff
}.footable > thead > tr: first - child > th.footable - first - column,
.footable > thead > tr: first - child > td.footable - first - column {
    -moz - border - radius: 6px 0 0 0; - webkit - border - radius: 6px 0 0 0;
    border - radius: 6px 0 0 0
}.footable > thead > tr: first - child > th.footable - last - column,
.footable > thead > tr: first - child > td.footable - last - column {
    -moz - border - radius: 0 6px 0 0; - webkit - border - radius: 0 6px 0 0;
    border - radius: 0 6px 0 0
}.footable > thead > tr: first - child > th.footable - first - column.footable - last - column,
.footable > thead > tr: first - child > td.footable - first - column.footable - last - column {
    -moz - border - radius: 6px 6px 0 0; - webkit - border - radius: 6px 6px 0 0;
    border - radius: 6px 6px 0 0
}.footable > thead > tr > th {
    border - left: 1px solid# ccc;
    border - top: 1px 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, #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, 0.8) inset; - moz - box - shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    box - shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    border - top: 0;
    text - shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
}.footable > thead > tr > th.footable - first - column,
.footable > thead > tr > td.footable - first - column {
    border - left: none
}.footable.breakpoint > tbody > tr.footable - row - detail {
    background: #eee
}.footable.breakpoint > tbody > tr.footable - row - detail > .footable - row - detail - cell {
    border - left: none
}.footable > tbody img {
    vertical - align: middle
}.footable > tbody > tr: hover {
    background: #fbf8e9
}.footable > tbody > tr: last - child > td.footable - first - column {
    -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.footable - last - column {
    -moz - border - radius: 0 0 6px 0; - webkit - border - radius: 0 0 6px 0;
    border - radius: 0 0 6px 0
}.footable > tbody > tr: last - child > td.footable - first - column.footable - last - column {
    -moz - border - radius: 0 0 6px 6px; - webkit - border - radius: 0 0 6px 6px;
    border - radius: 0 0 6px 6px
}.footable > tbody > tr > td {
    border - top: 1px solid# ccc;
    border - left: 1px solid# ccc;
    padding: 10px;
    text - align: left
}.footable > tbody > tr > td.footable - first - column {
    border - left: none
}.footable > tfoot > tr > th,
.footable > tfoot > 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, #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, 0.8) inset; - moz - box - shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    box - shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    border - top: 1px solid# ccc;
    text - shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    padding: 10px
}.footable.pagination {
    margin: 20px 0
}.footable.pagination > ul {
    display: inline - block;
    margin: 0;
    padding: 0; - moz - border - radius: 6px; - webkit - border - radius: 6px;
    border - radius: 6px; - webkit - box - shadow: none; - moz - box - shadow: none;
    box - shadow: none;
    background - color: #fff
}.footable.pagination > ul > li {
    display: inline
}.footable.pagination > ul > li > a,
.footable.pagination > ul > li > span {
    float: left;
    padding: 4px 12px;
    line - height: 20px;
    text - decoration: none;
    border: 1px solid# ccc;
    border - left - width: 0
}.footable.pagination > ul > li: first - child > a,
.footable.pagination > ul > li: first - child > span {
    -webkit - border - bottom - left - radius: 4px; - moz - border - radius - bottomleft: 4px;
    border - bottom - left - radius: 4px; - webkit - border - top - left - radius: 4px; - moz - border - radius - topleft: 4px;
    border - top - left - radius: 4px;
    border - left - width: 1px
}.footable.pagination > ul > li: last - child > a,
.footable.pagination > ul > li: last - child > span {
    -webkit - border - top - right - radius: 4px; - moz - border - radius - topright: 4px;
    border - top - right - radius: 4px; - webkit - border - bottom - right - radius: 4px; - moz - border - radius - bottomright: 4px;
    border - bottom - right - radius: 4px
}.footable.pagination > ul > li > a: hover,
.footable.pagination > ul > li > a: focus,
.footable.pagination > ul > .active > a,
.footable.pagination > ul > .active > span {
    background - color: #eee
}.footable.pagination > ul > .active > a,
.footable.pagination > ul > .active > span {
    color: #444;cursor:default}.footable .pagination>ul>.disabled>span,.footable .pagination>ul>.disabled>a,.footable .pagination>ul>.disabled>a:hover,.footable .pagination>ul>.disabled>a:focus{color:# ccc;
    cursor: default;
    background - color: #ebf3fc
}.footable.pagination.pagination - centered {
    text - align: center
}.footable.pagination.pagination - right {
    text - align: center
}.footable - odd {
    background - color: #f7f7f7
}