/* NOTE: use btn-size:0.8em configuration to change dcButton size*/
/* iWebUnlimited Button Code */
.dcButton, div.dcButton a.dcButton {
    display: table-cell;
    vertical-align: middle;
    outline: none; /* remove dotted border in FF */
    cursor: pointer;
    border: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    line-height: 0;
    overflow: visible;
    font-size: 0.75em;
    font-weight: normal;
    border-radius: 30px;
    padding: 1.5em 3em 1.5em 3em;
    margin: 1em;
    white-space: nowrap;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.56);
    background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 64%, rgba(240, 240, 240, 1) 100%);

}

div.dcButton {
    border: none;
}

a.dcButton {
    border: none;
}

.dcButton:hover {
    text-decoration: none;
}

.dcButton:active {
    position: relative;
    top: 1px;
}

/* iWebUnlimited Button Color */
.dcButton.black {
    color: #d7d7d7;
    background: #222;
}

.dcButton.black:hover {
    background: #1a1a2a;
}

.dcButton.black:active {
    background: #1a1a2a;
}

/* iWebUnlimited Button Color */
.dcButton.white {
    color: #606060;
    border: solid 1px #c6c6c6;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.dcButton.white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.dcButton.white:active {
    color: #707070;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top, #ededed, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

.dcButtonList, div.dcButtonList a.dcButtonList {
    display: table-cell;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
    border: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    line-height: 0;
    overflow: visible;
    font-weight: 500;
    padding: 1.2em 2em 1.2em 2em;
    border-radius: 2em;
    font-color: #5d5454;
    font-size: 11px;
    /* font-weight: 400; */
    margin: 0em;
    width: 100%;
    white-space: nowrap;
    box-shadow: 0 1px 1px rgb(0 0 0 / 56%);
    background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 64%, rgba(240, 240, 240, 1) 100%);
}

div.dcButtonList {
    border: none;
}

a.dcButtonList {
    border: none;
}

.dcButtonList:hover {
    background: #222;
    opacity: 0.8;
    color: #333;
    text-decoration: none;
}

.dcButtonList:active {
    position: relative;
    top: 1px;
}

/* iWebUnlimited Button Color */
.dcButton.yellow {
    color: #d7d7d7;
    border: solid 1px #b7a941;
    background: #000;
}
.dcButton.yellow:hover {
    background: #000;
    border: solid 1px #e1d263;
}
.dcButton.yellow:active {
    color: #111;
    border: solid 1px yellow;
}