﻿.repeaterTableSpaced
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
}

.repeaterTableSpaced tr td
{
    margin: 0;
    padding: 0;
    height: 28px;
}

.repeaterTableSpaced tr td div.trash
{
    background-image: url(../Images/btn_trash.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    width: 16px;
    height: 38px;
    cursor: pointer;
}

.repeaterTableSpaced tr td div.trash:hover
{
    background-image: url(../Images/btn_trash_hover.png);
}

.repeaterTableSpaced tr td div.expander
{
    background-image: url(../Images/btn_settings.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    width: 16px;
    height: 38px;
    cursor: pointer;
}

.repeaterTableSpaced tr td.ListField
{
    border: 1px solid #cdcdcd;
    border-radius: 0;
    background-color: White;
    padding: 4px 6px 4px 6px;
}

.repeaterTableSpaced tr td input[type="text"], .repeaterTableSpaced tr td textarea
{
    border: 1px solid #cdcdcd;
    border-radius: 0;
    background-color: White;
    display: table-cell;
    height: 100%;
    margin: 0;
}

.repeaterTableSpaced tr[open]
{
    font-weight: bold;
    color: #648a45;
}

.repeaterTableSpaced tr[open] td div.expander
{
    background-image: url(../Images/btn_settings_open.png);
    border-top: 1px solid #e3b955;
    border-left: 1px solid #e3b955;
    border-right: 1px solid #e3b955;
    background-color: #fef4d9;
    position: relative;
    left: -6px;
    width: 28px;
    height: 41px;
}

.repeaterTableSpaced tr[open] td.ListField, .repeaterTableSpaced tr[open] td input[type="text"], .repeaterTableSpaced tr[open] td textarea
{
    border: 1px solid #94d164;
    background-color: #eaf6e1;
    font-weight: bold;
    color: #648a45;
}

.repeaterTableSpaced tr td.ListInfo
{
    margin: 0;
    padding: 0;
    border: 1px solid #e3b955;
    background-color: #fef4d9;
    position: relative;
    top: -7px;
}

.repeaterTableSpaced tr td.ListInfo ul
{
    display: inline-block;
    float: left;
    list-style-type: none;
    vertical-align: middle;
}
.repeaterTableSpaced tr td.ListInfo ul li
{
    display: inline-block;
    margin: 10px;
}

.repeaterTableSpaced tr td.ListInfo input[type="text"]
{
    border: 1px solid #e3b955;
    border-radius: 0;
    background-color: White;
    margin: 0;
    height: 28px;
}

.repeaterTableSpaced tr td.ListInfo input[type="text"][disabled]
{
    background-color: #f7e9c2;
}