/*
    Css for ButtonControls
*/

.eE-ButtonControl-Button
{
    display: inline-block;
    box-shadow: 0px 0px 0px 1px gray inset;
    border-radius: 3px;
    /* position: relative; */
    /* top: 6px; */

    /* Mozilla (Firefox) */
    background: -moz-linear-gradient(top, #FFFFFF, #C0C0C0) #C0C0C0 no-repeat;
    /* Opera */
    background: -o-linear-gradient(top, #FFFFFF, #C0C0C0) #C0C0C0 no-repeat;
    /* W3C */
    background: linear-gradient(top, #FFFFFF, #C0C0C0) #C0C0C0 no-repeat;
    /* WebKit alt (Safari, Chrome) */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C0C0C0)) #C0C0C0 no-repeat;
    /* WebKit neu (Safari, Chrome) */
    background: -webkit-linear-gradient(top, #FFFFFF, #C0C0C0) #C0C0C0 no-repeat;
    /* IE 6,7 */
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffFFFFFF, endColorstr= #ffC0C0C0)";
    /* IE 8,9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffFFFFFF, endColorstr= #ffC0C0C0)";
    /* IE 10 */
    background: -ms-linear-gradient(top, #FFFFFF, #C0C0C0) #C0C0C0 no-repeat;
}

.eE-ButtonControl-Button.active
{
	box-shadow: 0px 0px 0px 1px #00AF00 inset;

    /* Mozilla (Firefox) */
    background: -moz-linear-gradient(top, #E8F6E8, #A7FDA7) #C0C0C0 no-repeat;
    /* Opera */
    background: -o-linear-gradient(top, #E8F6E8, #A7FDA7) #C0C0C0 no-repeat;
    /* W3C */
    background: linear-gradient(top, #E8F6E8, #A7FDA7) #C0C0C0 no-repeat;
    /* WebKit alt (Safari, Chrome) */
    background: -webkit-gradient(linear, left top, left bottom, from(#E8F6E8), to(#A7FDA7)) #C0C0C0 no-repeat;
    /* WebKit neu (Safari, Chrome) */
    background: -webkit-linear-gradient(top, #E8F6E8, #A7FDA7) #C0C0C0 no-repeat;
    /* IE 6,7 */
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffE8F6E8, endColorstr= #ffA7FDA7)";
    /* IE 8,9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffE8F6E8, endColorstr= #ffA7FDA7)";
    /* IE 10 */
    background: -ms-linear-gradient(top, #E8F6E8, #A7FDA7) #C0C0C0 no-repeat;
}

.eE-ButtonControl-Button:hover
{
    background-color: gray;
    box-shadow: 0px 0px 0px 1px #0088BB inset;
    cursor: pointer;
    text-decoration: none;

    /* Hover blue A7D9F5-E8F6FD, green A7FDA7-E8F6E8, red FDA7A7-F6E8E8 */
    /* Mozilla (Firefox) */
    background: -moz-linear-gradient(top, #A7D9F5, #E8F6FD) #E8F6FD no-repeat;
    /* Opera */
    background: -o-linear-gradient(top, #A7D9F5, #E8F6FD) #E8F6FD no-repeat;
    /* W3C */
    background: linear-gradient(top, #A7D9F5, #E8F6FD) #E8F6FD no-repeat;
    /* WebKit alt (Safari, Chrome) */
    background: -webkit-gradient(linear, left top, left bottom, from(#A7D9F5), to(#E8F6FD)) #E8F6FD no-repeat;
    /* WebKit neu (Safari, Chrome) */
    background: -webkit-linear-gradient(top, #A7D9F5, #E8F6FD) #E8F6FD no-repeat;
    /* IE 6,7 */
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffA7D9F5, endColorstr= #ffE8F6FD)";
    /* IE 8,9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffA7D9F5, endColorstr= #ffE8F6FD)";
    /* IE 10 */
    background: -ms-linear-gradient(top, #A7D9F5, #E8F6FD) #E8F6FD no-repeat;
}

.eE-ButtonControl-Button.red:hover
{
    box-shadow: 0px 0px 0px 1px #BB0000 inset;
    /* Hover blue A7D9F5-E8F6FD, green A7FDA7-E8F6E8, red FDA7A7-F6E8E8 */
    /* Mozilla (Firefox) */
    background: -moz-linear-gradient(top, #FDA7A7, #F6E8E8) #F6E8E8 no-repeat;
    /* Opera */
    background: -o-linear-gradient(top, #FDA7A7, #F6E8E8) #F6E8E8 no-repeat;
    /* W3C */
    background: linear-gradient(top, #FDA7A7, #F6E8E8) #F6E8E8 no-repeat;
    /* WebKit alt (Safari, Chrome) */
    background: -webkit-gradient(linear, left top, left bottom, from(#FDA7A7), to(#F6E8E8)) #F6E8E8 no-repeat;
    /* WebKit neu (Safari, Chrome) */
    background: -webkit-linear-gradient(top, #FDA7A7, #F6E8E8) #F6E8E8 no-repeat;
    /* IE 6,7 */
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffFDA7A7, endColorstr= #ffF6E8E8)";
    /* IE 8,9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffFDA7A7, endColorstr= #ffF6E8E8)";
    /* IE 10 */
    background: -ms-linear-gradient(top, #FDA7A7, #F6E8E8) #F6E8E8 no-repeat;
}

.eE-ButtonControl-ButtonDisabled
{
    display: inline-block;
    box-shadow: 0px 0px 0px 1px lightgray inset;
    border-radius: 3px;
    background: #F4F4F4 no-repeat;
    /* position: relative; */
    /* top: 6px; */
}

.eE-ButtonControl-ImageDisabled
{
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.eE-ButtonControl-Text
{
    display: inline-block;
    color: #000000;
    text-align: center;
    font-size: 13px;
    font-family: Arial, Helvetica, Sans-Serif;
}

.eE-ButtonControl-TextDisabled
{
    display: inline-block;
    color: #6D6D6D;
    text-align: center;
    font-size: 13px;
    font-family: Arial, Helvetica, Sans-Serif;
    cursor: default;
}