﻿/* Control background gradients */
.control {
    margin: 0px -15px 0px -15px;
    padding: 10px 10px 10px 10px;
}

.control > h3 {
    padding-top: 64px;
}

.control-background1 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #cbc5f5 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #cbc5f5 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #cbc5f5 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #cbc5f5));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #cbc5f5 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #cbc5f5 100%);
}

.control-background2 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #caffd8 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #caffd8 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #caffd8 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #caffd8));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #caffd8 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #caffd8 100%);
}

.control-background3 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #f0cbfe 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #f0cbfe 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #f0cbfe 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #f0cbfe));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #f0cbfe 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #f0cbfe 100%);
}

.control-background4 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #b89afe 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #b89afe 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #b89afe 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #b89afe));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #b89afe 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #b89afe 100%);
}

.control-background5 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #a3feba 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #a3feba 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #a3feba 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #a3feba));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #a3feba 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #a3feba 100%);
}

.control-background6 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #fff06a 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #fff06a 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #fff06a 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #fff06a));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #fff06a 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #fff06a 100%);
}

.control-background7 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #8dc7bb 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #8dc7bb 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #8dc7bb 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #8dc7bb));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #8dc7bb 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #8dc7bb 100%);
}

.control-background8 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #1fcb4a 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #1fcb4a 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #1fcb4a 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #1fcb4a));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #1fcb4a 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #1fcb4a 100%);
}

.control-background9 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #8c8cff 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #8c8cff 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #8c8cff 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #8c8cff));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #8c8cff 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #8c8cff 100%);
}

.control-background10 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #c48484 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #c48484 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #c48484 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #c48484));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #c48484 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #c48484 100%);
}

.control-background11 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #5b5bff 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #5b5bff 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #5b5bff 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #5b5bff));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #5b5bff 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #5b5bff 100%);
}

.control-background12 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #eaea8a 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #eaea8a 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #eaea8a 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #eaea8a));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #eaea8a 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #eaea8a 100%);
}

.control-background13 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #ff9c42 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #ff9c42 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #ff9c42 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #ff9c42));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #ff9c42 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #ff9c42 100%);
}

.control-background14 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #b96f6f 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #b96f6f 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #b96f6f 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #b96f6f));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #b96f6f 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #b96f6f 100%);
}

.control-background15 {
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #dfdf00 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #dfdf00 100%);
    /* Opera */
    background-image: -o-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #dfdf00 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, left bottom, 0, left bottom, 1012, color-stop(0, #ffffff), color-stop(1, #dfdf00));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(left bottom, ellipse farthest-corner, #ffffff 0%, #dfdf00 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at left bottom, #ffffff 0%, #dfdf00 100%);
}
