/* general styles */

table, td {
    /*font:100% Arial, Helvetica, sans-serif; */
    font-size: 15px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
    border-spacing: 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    border: 1px solid #eee;
    background-color: #ccc;
}

th {
    text-align: left;
    padding: .2em;
}

td {
    padding: .1em;
}

th {
    color: #626262;
    text-align: center;
    font-size: 14px;
}

td {
    background: #fff;
    /*border: 1px solid #000;*/
    padding-left: .5em;
    padding-right: .5em;
    font-size: 14px;
}

.greyed {
    background-color: RGB(191, 191, 191);
}

/* tablecloth styles */

tr.even td {
    background:white;
}

tr.odd td {
    background:#eee;
}

th.over,
tr.even th.over,
tr.odd th.over {
    background:#4a98af;
}

th.down,
tr.even th.down,
tr.odd th.down {
    background:#bce774;
}

th.selected,
tr.even th.selected,
tr.odd th.selected {
    
}

td.over,
tr.even td.over,
tr.odd td.over {
    background:#ecfbd4;
}

td.down,
tr.even td.down,
tr.odd td.down {
    background:#bce774;
    color:#fff;
}

td.selected,
tr.even td.selected,
tr.odd td.selected {
    background:#bce774;
    color:#555;
}

/* use this if you want to apply different styleing to empty table cells*/
td.empty,
tr.odd td.empty,
tr.even td.empty {
    background:#fff;
}

tr.contingent-meta-even td {
    background: #e5f1f4;
    border-bottom: 2px solid grey;
    font-style: italic;
}

tr.contingent-meta-odd td {
    background: #f8fbfc;
    border-bottom: 2px solid grey;
    font-style: italic;
}

tr th a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #626262;
}

tr th a img {
    float: right;
    border: 0px;
}

tr td a img {
    border: 0px;
    margin-bottom: -3px;
    margin-top: 1px;
}

.add-button {
    width: auto;
    display: inline;
    margin-left: 10px;
}

tr td input {
    width: auto;
    margin: 0;
}

form table tr td error {
    margin-left: 0;
}

table {
    margin-top: 0;
}

/* fits to content */
tr th.fit {
    width: 1px;
    white-space: nowrap;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
    
}

.left {
    text-align: left;
}

table tr:last-child td:first-child {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px
}

table tr:last-child td:last-child {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px
}

tr:hover td {
    background-color: #2EAADC;
}

tr:active td {
    background-color: #4F81BD !important;
}

td.clicked {
    background: #F1592A !important;
}

table {
    background-color: transparent !important;
}

table th {
    background-color: #CCCCCC !important;
}