#pluginInside {
    width: 285px;
    color: #fff;
    position: absolute;
    z-index: 0;
    top: 631px;
    margin-left: 225px;
    font-family: verdana, arial, helvetica;
    font-size: 12px;
}

page {
    width: 275px;
    padding: 5px;
    background: url("img/virtual/iphone/bg.png");
}

page, footer {
    display: block;
    position: relative;
    text-align: center;
}

horizontalLayout, verticalLayout, list, element, label, #pluginInside ul {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

spacer {
    display: inline-block;
}

horizontalLayout:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    text-align: center;
    visibility: hidden;
}

button {
    border: medium none;
    background-color: transparent;
    cursor: pointer;
    outline: medium none;
    color: #fff;
    position: relative;
    border-radius: 5px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #747474;
    background: -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: -ms-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button:before, button:after {
    content: "";
    position: absolute;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

button:disabled:active:before, button:before {
    background: linear-gradient(#7D7D7D, #424242);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#7d7d7d), to(#424242));
    background: -webkit-linear-gradient(#7d7d7d, #424242);
    background: -moz-linear-gradient(#7d7d7d, #424242);
    background: -o-linear-gradient(#7d7d7d, #424242);
    background: -ms-linear-gradient(top, #7d7d7d 0%, #424242 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#424242', GradientType=0);
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px;
    z-index: -2;
}

button:after {
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: 0;
    z-index: -1;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 1);
}

button:active {
    background: #82bce1;
    background: -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button:active:before {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#0fcaf2), to(#1a85c9));
    background: -webkit-linear-gradient(#0fcaf2, #1a85c9);
    background: -moz-linear-gradient(#0fcaf2, #1a85c9);
    background: -o-linear-gradient(#0fcaf2, #1a85c9);
    background: linear-gradient(#0fcaf2, #1a85c9);
    background: -ms-linear-gradient(top, #0fcaf2 0%, #1a85c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fcaf2', endColorstr='#1a85c9', GradientType=0);
}

switch {
    cursor: pointer;
    border-radius: 70px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    position: relative;
    content: ".";
}

switch div, button div {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

switch:before {
    border-radius: 70px;
    background: #242424; /* Old browsers */
    background: -moz-linear-gradient(top, #242424 0%, #575757 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #242424), color-stop(100%, #575757));
    background: -webkit-linear-gradient(top, #242424 0%, #575757 100%);
    background: -o-linear-gradient(top, #242424 0%, #575757 100%);
    background: -ms-linear-gradient(top, #242424 0%, #575757 100%);
    background: linear-gradient(to bottom, #242424 0%, #575757 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#575757', GradientType=0);
    box-shadow: inset 2 0 2px #000000;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 1);
    position: absolute;
    z-index: -1;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    content: "";
    position: absolute;
}

switch.switchOff, switch.switchOn:active {
    background: #7d7d7d;
    background: -moz-linear-gradient(top, #7d7d7d 0%, #292929 48%, #292929 50%, #000000 53%, #000000 100%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7d7d), color-stop(48%, #292929), color-stop(50%, #292929), color-stop(53%, #000000), color-stop(100%, #000000), color-stop(100%, #000000));
    background: -webkit-linear-gradient(top, #7d7d7d 0%, #292929 48%, #292929 50%, #000000 53%, #000000 100%, #000000 100%);
    background: -o-linear-gradient(top, #7d7d7d 0%, #292929 48%, #292929 50%, #000000 53%, #000000 100%, #000000 100%);
    background: -ms-linear-gradient(top, #7d7d7d 0%, #292929 48%, #292929 50%, #000000 53%, #000000 100%, #000000 100%);
    background: linear-gradient(to bottom, #7d7d7d 0%, #292929 48%, #292929 50%, #000000 53%, #000000 100%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#000000', GradientType=0);
}

switch.switchOn, switch.switchOff:active {
    background: #92c4e4;
    background: -moz-linear-gradient(top, #92c4e4 0%, #347aaf 50%, #256aa4 51%, #084581 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92c4e4), color-stop(50%, #347aaf), color-stop(51%, #256aa4), color-stop(100%, #084581));
    background: -webkit-linear-gradient(top, #92c4e4 0%, #347aaf 50%, #256aa4 51%, #084581 100%);
    background: -o-linear-gradient(top, #92c4e4 0%, #347aaf 50%, #256aa4 51%, #084581 100%);
    background: -ms-linear-gradient(top, #92c4e4 0%, #347aaf 50%, #256aa4 51%, #084581 100%);
    background: linear-gradient(to bottom, #92c4e4 0%, #347aaf 50%, #256aa4 51%, #084581 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92c4e4', endColorstr='#084581', GradientType=0);
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    display: block;
}

button:disabled:active, button:disabled {
    color: #7D7D7D;
    cursor: default;
    background: rgba(0, 0, 0, 0);
}

/*
*
*	DEFAULT CLASSES
*
*/

/*
*
*	BUTTONS
*
*/

button.com_fibaro_default_ButtonUp {
    background-image: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonUp:active {
    background-image: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_up_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonDown {
    background-image: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonDown:active {
    background-image: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_down_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonLeft {
    background-image: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonLeft:active {
    background-image: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_left_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonPlay, button.com_fibaro_default_ButtonRight {
    background-image: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonPlay:active, button.com_fibaro_default_ButtonRight:active {
    background-image: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_right_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonEject {
    background-image: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonEject:active {
    background-image: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_eject_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonStop {
    background-image: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonStop:active {
    background-image: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_stop_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonBack {
    background-image: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonBack:active {
    background-image: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_back_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonNext {
    background-image: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonNext:active {
    background-image: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_next_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonFastForward {
    background-image: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonFastForward:active {
    background-image: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_forward_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonFastRewind {
    background-image: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonFastRewind:active {
    background-image: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_fast_rewind_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonPause {
    background-image: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonPause:active {
    background-image: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_pause_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonRecord {
    background-image: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonRecord:active {
    background-image: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_record_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonPlus {
    background-image: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonPlus:active {
    background-image: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_up_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonMinus {
    background-image: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonMinus:active {
    background-image: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_volume_down_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonSource {
    background-image: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonSource:active {
    background-image: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_source_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonExit {
    background-image: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonExit:active {
    background-image: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_exit_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonMute {
    background-image: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonMute:active {
    background-image: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_mute_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

button.com_fibaro_default_ButtonPower {
    background-image: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat, -moz-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #747474), color-stop(50%, #343434), color-stop(51%, #000000), color-stop(100%, #000000));
    background: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat, -webkit-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat, -o-linear-gradient(top, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    background: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat, linear-gradient(to bottom, #747474 0%, #343434 50%, #000000 51%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#747474', endColorstr='#000000', GradientType=0);
}

button.com_fibaro_default_ButtonPower:active {
    background-image: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat;
    background: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat, -moz-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82bce1), color-stop(50%, #4282b5), color-stop(51%, #1060a0), color-stop(100%, #08437f));
    background: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat, -webkit-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat, -o-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat, -ms-linear-gradient(top, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    background: url('../img/com.fibaro/default_buttons/control_power_icon.png') center center no-repeat, linear-gradient(to bottom, #82bce1 0%, #4282b5 50%, #1060a0 51%, #08437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bce1', endColorstr='#08437f', GradientType=0);
}

/*
*
*	COLORS
*
*/
button.com_fibaro_default_ButtonRed {
    background: #fc0000; /* Old browsers */
    background: -moz-linear-gradient(top, #fc0000 0%, #fc0000 50%, #a61919 51%, #6a0808 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc0000), color-stop(50%, #fc0000), color-stop(51%, #a61919), color-stop(100%, #6a0808)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fc0000 0%, #fc0000 50%, #a61919 51%, #6a0808 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fc0000 0%, #fc0000 50%, #a61919 51%, #6a0808 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fc0000 0%, #fc0000 50%, #a61919 51%, #6a0808 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fc0000 0%, #fc0000 50%, #a61919 51%, #6a0808 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc0000', endColorstr='#6a0808', GradientType=0); /* IE6-9 */
}

button.com_fibaro_default_ButtonRed:active {
    background: #a40505; /* Old browsers */
    background: -moz-linear-gradient(top, #a40505 0%, #bb0505 50%, #660d0d 51%, #4b0606 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a40505), color-stop(50%, #bb0505), color-stop(51%, #660d0d), color-stop(100%, #4b0606)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a40505 0%, #bb0505 50%, #660d0d 51%, #4b0606 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a40505 0%, #bb0505 50%, #660d0d 51%, #4b0606 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a40505 0%, #bb0505 50%, #660d0d 51%, #4b0606 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a40505 0%, #bb0505 50%, #660d0d 51%, #4b0606 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a40505', endColorstr='#4b0606', GradientType=0); /* IE6-9 */
}

button.com_fibaro_default_ButtonGreen {
    background: #3fd404; /* Old browsers */
    background: -moz-linear-gradient(top, #3fd404 0%, #4ae60c 50%, #35ae05 51%, #2d8809 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3fd404), color-stop(50%, #4ae60c), color-stop(51%, #35ae05), color-stop(100%, #2d8809)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3fd404 0%, #4ae60c 50%, #35ae05 51%, #2d8809 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3fd404 0%, #4ae60c 50%, #35ae05 51%, #2d8809 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3fd404 0%, #4ae60c 50%, #35ae05 51%, #2d8809 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3fd404 0%, #4ae60c 50%, #35ae05 51%, #2d8809 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fd404', endColorstr='#2d8809', GradientType=0); /* IE6-9 */
}

button.com_fibaro_default_ButtonGreen:active {
    background: #309807; /* Old browsers */
    background: -moz-linear-gradient(top, #309807 0%, #3bb60a 50%, #288105 51%, #246d06 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #309807), color-stop(50%, #3bb60a), color-stop(51%, #288105), color-stop(100%, #246d06)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #309807 0%, #3bb60a 50%, #288105 51%, #246d06 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #309807 0%, #3bb60a 50%, #288105 51%, #246d06 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #309807 0%, #3bb60a 50%, #288105 51%, #246d06 100%); /* IE10+ */
    background: linear-gradient(to bottom, #309807 0%, #3bb60a 50%, #288105 51%, #246d06 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#309807', endColorstr='#246d06', GradientType=0); /* IE6-9 */
}

button.com_fibaro_default_ButtonYellow {
    background: #fbc114; /* Old browsers */
    background: -moz-linear-gradient(top, #fbc114 0%, #efc004 50%, #ed8d04 51%, #e47702 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbc114), color-stop(50%, #efc004), color-stop(51%, #ed8d04), color-stop(100%, #e47702)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fbc114 0%, #efc004 50%, #ed8d04 51%, #e47702 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fbc114 0%, #efc004 50%, #ed8d04 51%, #e47702 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fbc114 0%, #efc004 50%, #ed8d04 51%, #e47702 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fbc114 0%, #efc004 50%, #ed8d04 51%, #e47702 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbc114', endColorstr='#e47702', GradientType=0); /* IE6-9 */
}

button.com_fibaro_default_ButtonYellow:active {
    background: #d69802; /* Old browsers */
    background: -moz-linear-gradient(top, #d69802 0%, #d99a00 50%, #c47505 51%, #c46601 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d69802), color-stop(50%, #d99a00), color-stop(51%, #c47505), color-stop(100%, #c46601)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d69802 0%, #d99a00 50%, #c47505 51%, #c46601 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d69802 0%, #d99a00 50%, #c47505 51%, #c46601 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d69802 0%, #d99a00 50%, #c47505 51%, #c46601 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d69802 0%, #d99a00 50%, #c47505 51%, #c46601 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d69802', endColorstr='#c46601', GradientType=0); /* IE6-9 */
}

button.com_fibaro_default_ButtonBlue {
    background: #254fdf; /* Old browsers */
    background: -moz-linear-gradient(top, #254fdf 0%, #063df0 50%, #0a32b5 51%, #12339e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #254fdf), color-stop(50%, #063df0), color-stop(51%, #0a32b5), color-stop(100%, #12339e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #254fdf 0%, #063df0 50%, #0a32b5 51%, #12339e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #254fdf 0%, #063df0 50%, #0a32b5 51%, #12339e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #254fdf 0%, #063df0 50%, #0a32b5 51%, #12339e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #254fdf 0%, #063df0 50%, #0a32b5 51%, #12339e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#254fdf', endColorstr='#12339e', GradientType=0); /* IE6-9 */
}

button.com_fibaro_default_ButtonBlue:active {
    background: #193db8; /* Old browsers */
    background: -moz-linear-gradient(top, #193db8 0%, #0432c9 50%, #062484 51%, #0e2778 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #193db8), color-stop(50%, #0432c9), color-stop(51%, #062484), color-stop(100%, #0e2778)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #193db8 0%, #0432c9 50%, #062484 51%, #0e2778 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #193db8 0%, #0432c9 50%, #062484 51%, #0e2778 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #193db8 0%, #0432c9 50%, #062484 51%, #0e2778 100%); /* IE10+ */
    background: linear-gradient(to bottom, #193db8 0%, #0432c9 50%, #062484 51%, #0e2778 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#193db8', endColorstr='#0e2778', GradientType=0); /* IE6-9 */
}