#background
{
    -webkit-border-radius: 5px 5px 5px 5px;
       -moz-border-radius: 5px 5px 5px 5px;
            border-radius: 5px 5px 5px 5px;	
    position: absolute;
    left: -0px;
    width: 300px;
    top: 167px;
    height: 33px;
    background: rgb(77, 70, 57);
    border: none;
}
#tabs
{
}
#slider
{
}
#vintageButton
{
}
#progressBar
{
}
#pushButton
{
}
#segments
{
}
#tab3
{
    position: absolute;
    left: 151px;
    width: 65px;
    top: 172px;
    height: 11px;
    background: rgb(218, 56, 69);
    border: none;
    -webkit-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
       -moz-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
            box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
    font-size: 9px;
    text-align: center;
    font-weight: bold;
    font-family: AvenirNext-DemiBold, "Avenir Next", sans-serif;
    color: rgb(255, 255, 255);
    padding: 5px 0;
    -webkit-border-radius: 0 0 6px 6px;
       -moz-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
}
#tab2
{
    position: absolute;
    left: 82px;
    width: 65px;
    top: 172px;
    height: 11px;
    background: rgb(144, 138, 128);
    border: none;
    -webkit-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
       -moz-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
            box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
    font-size: 9px;
    text-align: center;
    font-weight: bold;
    font-family: AvenirNext-DemiBold, "Avenir Next", sans-serif;
    color: rgb(255, 255, 255);
    padding: 5px 0;
    -webkit-border-radius: 0 0 6px 6px;
       -moz-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
}
#tab1Area
{
    position: absolute;
    left: -0px;
    width: 300px;
    top: -0px;
    height: 172px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTUwIiB5MT0iMTQ0IiB4Mj0iMTUwIiB5Mj0iLTI4Ij48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGQ5N2VhIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTUwOTMiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjMwMCIgaGVpZ2h0PSIxNzIiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(77, 151, 234)), color-stop(100%, rgb(30, 80, 147)));
    background-image: -webkit-linear-gradient(bottom, rgb(77, 151, 234) 0%, rgb(30, 80, 147) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(77, 151, 234) 0%, rgb(30, 80, 147) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(77, 151, 234) 0%, rgb(30, 80, 147) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(77, 151, 234) 0%, rgb(30, 80, 147) 100%);
    background-image:         linear-gradient(to top, rgb(77, 151, 234) 0%, rgb(30, 80, 147) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5093', endColorstr='#4d97ea', GradientType=0);
    background-repeat: no-repeat;
    border: none;
    -webkit-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
       -moz-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
            box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
	-webkit-border-radius: 5px 5px 0px 0px;
       -moz-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px;	

}
#tab1
{
    position: absolute;
    left: 13px;
    width: 65px;
    top: 172px;
    height: 11px;
    background: rgb(76, 150, 233);
    border: none;
    -webkit-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
       -moz-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
            box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.357);
    font-size: 9px;
    text-align: center;
    font-weight: bold;
    font-family: AvenirNext-DemiBold, "Avenir Next", sans-serif;
    color: rgb(255, 255, 255);
    padding: 5px 0;
    -webkit-border-radius: 0 0 6px 6px;
       -moz-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
}
#sliderTrack
{
    position: absolute;
    left: 126px;
    width: 142px;
    top: 39px;
    height: 6px;
    background: rgb(205, 197, 183);
    border: 1px solid rgb(85, 85, 85);
    -webkit-box-shadow: -0.5px 1.5px 3px 0 rgba(0, 0, 0, 0.489) inset, 0px 0.5px 0px 0 rgba(255, 255, 255, 0.717);
       -moz-box-shadow: -0.5px 1.5px 3px 0 rgba(0, 0, 0, 0.489) inset, 0px 0.5px 0px 0 rgba(255, 255, 255, 0.717);
            box-shadow: -0.5px 1.5px 3px 0 rgba(0, 0, 0, 0.489) inset, 0px 0.5px 0px 0 rgba(255, 255, 255, 0.717);
    -webkit-border-radius: 4px 4px 4px 4px;
       -moz-border-radius: 4px 4px 4px 4px;
            border-radius: 4px 4px 4px 4px;
}
#sliderIndicator
{
    position: absolute;
    left: 128px;
    width: 56px;
    top: 40px;
    height: 6px;
    background: rgb(246, 213, 107);
    border: none;
    -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.489) inset;
       -moz-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.489) inset;
            box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.489) inset;
    -webkit-border-radius: 3px 3px 3px 3px;
       -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
}
#sliderKnobOuter
{
    position: absolute;
    left: 176px;
    width: 15px;
    top: 35px;
    height: 16px;
    background: rgb(205, 197, 183);
    border: none;
    -webkit-box-shadow: 0px 1px 0px 0 rgb(255, 255, 255) inset, 0px 1px 4px 0 rgba(0, 0, 0, 0.317);
       -moz-box-shadow: 0px 1px 0px 0 rgb(255, 255, 255) inset, 0px 1px 4px 0 rgba(0, 0, 0, 0.317);
            box-shadow: 0px 1px 0px 0 rgb(255, 255, 255) inset, 0px 1px 4px 0 rgba(0, 0, 0, 0.317);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
#sliderKnobInner
{
    position: absolute;
    left: 178px;
    width: 11px;
    top: 37px;
    height: 12px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNS41IiB5MT0iMCIgeDI9IjUuNSIgeTI9IjEyIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2RjNWI3IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjI4LjE5OCUiIHN0b3AtY29sb3I9IiNkNmQwYzUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDkuOTY1JSIgc3RvcC1jb2xvcj0iI2UwZGJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI0OS45NjUlIiBzdG9wLWNvbG9yPSIjZTllNWUwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjkxLjMxNSUiIHN0b3AtY29sb3I9IiNmMmYwZWQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZjlmOCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(205, 197, 183)), color-stop(28.198%, rgb(214, 208, 197)), color-stop(49.965%, rgb(224, 219, 210)), color-stop(49.965%, rgb(233, 229, 224)), color-stop(91.315%, rgb(242, 240, 237)), color-stop(100%, rgb(250, 249, 248)));
    background-image: -webkit-linear-gradient(top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:    -moz-linear-gradient(top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:     -ms-linear-gradient(top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:      -o-linear-gradient(top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:         linear-gradient(to bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdc5b7', endColorstr='#faf9f8', GradientType=0);
    background-repeat: no-repeat;
    border: none;
    -webkit-box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.089) inset, 0px 1px 0px 0 rgba(255, 255, 255, 0.696);
       -moz-box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.089) inset, 0px 1px 0px 0 rgba(255, 255, 255, 0.696);
            box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.089) inset, 0px 1px 0px 0 rgba(255, 255, 255, 0.696);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
#vintageButtonOutside
{
    position: absolute;
    left: 231px;
    width: 39px;
    top: 112px;
    height: 39px;
    background: rgb(224, 219, 210);
    border: 1px solid rgb(85, 85, 85);
    -webkit-box-shadow: 0px 1px 0px 0 rgb(255, 255, 255) inset, 0px 1px 4px 0 rgba(0, 0, 0, 0.317);
       -moz-box-shadow: 0px 1px 0px 0 rgb(255, 255, 255) inset, 0px 1px 4px 0 rgba(0, 0, 0, 0.317);
            box-shadow: 0px 1px 0px 0 rgb(255, 255, 255) inset, 0px 1px 4px 0 rgba(0, 0, 0, 0.317);
    -webkit-border-radius: 4.5px 4.5px 4.5px 4.5px;
       -moz-border-radius: 4.5px 4.5px 4.5px 4.5px;
            border-radius: 4.5px 4.5px 4.5px 4.5px;
}
#vintageButtonInside
{
    position: absolute;
    left: 236px;
    width: 31px;
    top: 117px;
    height: 13px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTUuNSIgeTE9IjAiIHgyPSIxNS41IiB5Mj0iMzEiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjZGM1YjciIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjguMTk4JSIgc3RvcC1jb2xvcj0iI2Q2ZDBjNSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI0OS45NjUlIiBzdG9wLWNvbG9yPSIjZTBkYmQyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjQ5Ljk2NSUiIHN0b3AtY29sb3I9IiNlOWU1ZTAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iOTEuMzE1JSIgc3RvcC1jb2xvcj0iI2YyZjBlZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmFmOWY4IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzMSIgaGVpZ2h0PSIzMSIgZmlsbD0idXJsKCNnKSIgLz48L3N2Zz4=);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(205, 197, 183)), color-stop(28.198%, rgb(214, 208, 197)), color-stop(49.965%, rgb(224, 219, 210)), color-stop(49.965%, rgb(233, 229, 224)), color-stop(91.315%, rgb(242, 240, 237)), color-stop(100%, rgb(250, 249, 248)));
    background-image: -webkit-linear-gradient(top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:    -moz-linear-gradient(top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:     -ms-linear-gradient(top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:      -o-linear-gradient(top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:         linear-gradient(to bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdc5b7', endColorstr='#faf9f8', GradientType=0);
    background-repeat: no-repeat;
    border: none;
    font-size: 12px;
    text-align: center;
    font-family: Helvetica, sans-serif;
    color: rgb(85, 85, 85);
    padding: 9px 0;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
#progressBarBorder
{
    position: absolute;
    left: 33px;
    width: 185px;
    top: 122px;
    height: 23px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iOTIuNTAxIiB5MT0iMjMiIHgyPSI5Mi41MDEiIHkyPSIwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2RjNWI3IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjI4LjE5OCUiIHN0b3AtY29sb3I9IiNkNmQwYzUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDkuOTY1JSIgc3RvcC1jb2xvcj0iI2UwZGJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI0OS45NjUlIiBzdG9wLWNvbG9yPSIjZTllNWUwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjkxLjMxNSUiIHN0b3AtY29sb3I9IiNmMmYwZWQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZjlmOCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTg1IiBoZWlnaHQ9IjIzIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgb(205, 197, 183)), color-stop(28.198%, rgb(214, 208, 197)), color-stop(49.965%, rgb(224, 219, 210)), color-stop(49.965%, rgb(233, 229, 224)), color-stop(91.315%, rgb(242, 240, 237)), color-stop(100%, rgb(250, 249, 248)));
    background-image: -webkit-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:         linear-gradient(to top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf9f8', endColorstr='#cdc5b7', GradientType=0);
    background-repeat: no-repeat;
    border: none;
    -webkit-box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.317);
       -moz-box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.317);
            box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.317);
    -webkit-border-radius: 11.5px 11.5px 11.5px 11.5px;
       -moz-border-radius: 11.5px 11.5px 11.5px 11.5px;
            border-radius: 11.5px 11.5px 11.5px 11.5px;
}
#progressBarTrack
{
    position: absolute;
    left: 40px;
    width: 171px;
    top: 127px;
    height: 12px;
    background: rgb(205, 197, 183);
    border: none;
    -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.489) inset, 0px 1px 0px 0 rgba(255, 255, 255, 0.717);
       -moz-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.489) inset, 0px 1px 0px 0 rgba(255, 255, 255, 0.717);
            box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.489) inset, 0px 1px 0px 0 rgba(255, 255, 255, 0.717);
    -webkit-border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
            border-radius: 6px 6px 6px 6px;
}
#progressIndicator
{
    position: absolute;
    left: 40px;
    width: 123px;
    top: 127px;
    height: 12px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCIgeTE9IjYiIHgyPSIxMjMiIHkyPSI2Ij48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGEzODQ1IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9Ijc0LjU2NiUiIHN0b3AtY29sb3I9IiNmNmQ1NmIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iOTcuODY3JSIgc3RvcC1jb2xvcj0iI2NhYmU2NyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOWRhODY0IiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjMiIGhlaWdodD0iMTIiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(218, 56, 69)), color-stop(74.566%, rgb(246, 213, 107)), color-stop(97.867%, rgb(202, 190, 103)), color-stop(100%, rgb(157, 168, 100)));
    background-image: -webkit-linear-gradient(left, rgb(218, 56, 69) 0%, rgb(246, 213, 107) 74.566%, rgb(202, 190, 103) 97.867%, rgb(157, 168, 100) 100%);
    background-image:    -moz-linear-gradient(left, rgb(218, 56, 69) 0%, rgb(246, 213, 107) 74.566%, rgb(202, 190, 103) 97.867%, rgb(157, 168, 100) 100%);
    background-image:     -ms-linear-gradient(left, rgb(218, 56, 69) 0%, rgb(246, 213, 107) 74.566%, rgb(202, 190, 103) 97.867%, rgb(157, 168, 100) 100%);
    background-image:      -o-linear-gradient(left, rgb(218, 56, 69) 0%, rgb(246, 213, 107) 74.566%, rgb(202, 190, 103) 97.867%, rgb(157, 168, 100) 100%);
    background-image:         linear-gradient(to right, rgb(218, 56, 69) 0%, rgb(246, 213, 107) 74.566%, rgb(202, 190, 103) 97.867%, rgb(157, 168, 100) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da3845', endColorstr='#9da864', GradientType=1);
    background-repeat: no-repeat;
    border: none;
    -webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.489) inset;
       -moz-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.489) inset;
            box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.489) inset;
    -webkit-border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
            border-radius: 6px 6px 6px 6px;
}
#pushButtonRim
{
    position: absolute;
    left: 31px;
    width: 81px;
    top: 27px;
    height: 33px;
    background: rgb(255, 255, 255); /* fallback */
    background: rgba(255, 255, 255, 0.469);
    border: none;
    -webkit-border-radius: 16.5px 16.5px 16.5px 16.5px;
       -moz-border-radius: 16.5px 16.5px 16.5px 16.5px;
            border-radius: 16.5px 16.5px 16.5px 16.5px;
}
#pushButtonBody
{
    position: absolute;
    left: 35px;
    width: 71px;
    top: 30px;
    height: 15px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzYiIHkxPSIyNiIgeDI9IjM2IiB5Mj0iMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkYzViNyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIyOC4xOTglIiBzdG9wLWNvbG9yPSIjZDZkMGM1IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjQ5Ljk2NSUiIHN0b3AtY29sb3I9IiNlMGRiZDIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDkuOTY1JSIgc3RvcC1jb2xvcj0iI2U5ZTVlMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MS4zMTUlIiBzdG9wLWNvbG9yPSIjZjJmMGVkIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWY5ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjcyIiBoZWlnaHQ9IjI2IiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgb(205, 197, 183)), color-stop(28.198%, rgb(214, 208, 197)), color-stop(49.965%, rgb(224, 219, 210)), color-stop(49.965%, rgb(233, 229, 224)), color-stop(91.315%, rgb(242, 240, 237)), color-stop(100%, rgb(250, 249, 248)));
    background-image: -webkit-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:         linear-gradient(to top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf9f8', endColorstr='#cdc5b7', GradientType=0);
    background-repeat: no-repeat;
    border: 1px solid rgb(128, 128, 128);
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    font-family: AvenirNext-DemiBold, "Avenir Next", sans-serif;
    color: rgb(85, 85, 85);
    padding: 5px 0;
    -webkit-border-radius: 13.5px 13.5px 13.5px 13.5px;
       -moz-border-radius: 13.5px 13.5px 13.5px 13.5px;
            border-radius: 13.5px 13.5px 13.5px 13.5px;
}
#segment3
{
    position: absolute;
    left: 191px;
    width: 79px;
    top: 75px;
    height: 13px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDAiIHkxPSIyMiIgeDI9IjQwIiB5Mj0iMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkYzViNyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIyOC4xOTglIiBzdG9wLWNvbG9yPSIjZDZkMGM1IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjQ5Ljk2NSUiIHN0b3AtY29sb3I9IiNlMGRiZDIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDkuOTY1JSIgc3RvcC1jb2xvcj0iI2U5ZTVlMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MS4zMTUlIiBzdG9wLWNvbG9yPSIjZjJmMGVkIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWY5ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjIyIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgb(205, 197, 183)), color-stop(28.198%, rgb(214, 208, 197)), color-stop(49.965%, rgb(224, 219, 210)), color-stop(49.965%, rgb(233, 229, 224)), color-stop(91.315%, rgb(242, 240, 237)), color-stop(100%, rgb(250, 249, 248)));
    background-image: -webkit-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:         linear-gradient(to top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf9f8', endColorstr='#cdc5b7', GradientType=0);
    background-repeat: no-repeat;
    border: 1px solid rgb(85, 85, 85);
    font-size: 11px;
    text-align: center;
    font-family: AvenirNext-Medium, "Avenir Next", sans-serif;
    color: rgb(85, 85, 85);
    padding: 4px 0;
    -webkit-border-radius: 0 4.5px 4.5px 0;
       -moz-border-radius: 0 4.5px 4.5px 0;
            border-radius: 0 4.5px 4.5px 0;
}
#segment2
{
    position: absolute;
    left: 111px;
    width: 79px;
    top: 75px;
    height: 13px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDAiIHkxPSIyMiIgeDI9IjQwIiB5Mj0iMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkYzViNyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIyOC4xOTglIiBzdG9wLWNvbG9yPSIjZDZkMGM1IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjQ5Ljk2NSUiIHN0b3AtY29sb3I9IiNlMGRiZDIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDkuOTY1JSIgc3RvcC1jb2xvcj0iI2U5ZTVlMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MS4zMTUlIiBzdG9wLWNvbG9yPSIjZjJmMGVkIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWY5ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjIyIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgb(205, 197, 183)), color-stop(28.198%, rgb(214, 208, 197)), color-stop(49.965%, rgb(224, 219, 210)), color-stop(49.965%, rgb(233, 229, 224)), color-stop(91.315%, rgb(242, 240, 237)), color-stop(100%, rgb(250, 249, 248)));
    background-image: -webkit-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:         linear-gradient(to top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf9f8', endColorstr='#cdc5b7', GradientType=0);
    background-repeat: no-repeat;
    border: 1px solid rgb(85, 85, 85);
    font-size: 11px;
    text-align: center;
    font-family: AvenirNext-Medium, "Avenir Next", sans-serif;
    color: rgb(85, 85, 85);
    padding: 4px 0;
}
#segment1
{
    position: absolute;
    left: 31px;
    width: 79px;
    top: 75px;
    height: 13px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDAiIHkxPSIyMiIgeDI9IjQwIiB5Mj0iMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkYzViNyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIyOC4xOTglIiBzdG9wLWNvbG9yPSIjZDZkMGM1IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjQ5Ljk2NSUiIHN0b3AtY29sb3I9IiNlMGRiZDIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDkuOTY1JSIgc3RvcC1jb2xvcj0iI2U5ZTVlMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MS4zMTUlIiBzdG9wLWNvbG9yPSIjZjJmMGVkIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWY5ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjIyIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgb(205, 197, 183)), color-stop(28.198%, rgb(214, 208, 197)), color-stop(49.965%, rgb(224, 219, 210)), color-stop(49.965%, rgb(233, 229, 224)), color-stop(91.315%, rgb(242, 240, 237)), color-stop(100%, rgb(250, 249, 248)));
    background-image: -webkit-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    background-image:         linear-gradient(to top, rgb(205, 197, 183) 0%, rgb(214, 208, 197) 28.198%, rgb(224, 219, 210) 49.965%, rgb(233, 229, 224) 49.965%, rgb(242, 240, 237) 91.315%, rgb(250, 249, 248) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf9f8', endColorstr='#cdc5b7', GradientType=0);
    background-repeat: no-repeat;
    border: 1px solid rgb(85, 85, 85);
    font-size: 11px;
    text-align: center;
    font-family: AvenirNext-Medium, "Avenir Next", sans-serif;
    color: rgb(85, 85, 85);
    padding: 4px 0;
    -webkit-border-radius: 4.5px 0 0 4.5px;
       -moz-border-radius: 4.5px 0 0 4.5px;
            border-radius: 4.5px 0 0 4.5px;
}






/* custom behavior */

div#vintageButton, div#segments > div, div#pushButtonBody, div#sliderKnob
{
	cursor: pointer;
}

div#vintageButton:hover > #vintageButtonOutside, div#sliderKnob:hover > div#sliderKnobOuter
{
    background: rgb(186, 193, 202);
}

div#vintageButton:hover > div#vintageButtonInside, div#sliderKnob:hover > div#sliderKnobInner
{
	color: black;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTUuNSIgeTE9IjAiIHgyPSIxNS41IiB5Mj0iMzEiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiMWI4YmUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDcuOTIyJSIgc3RvcC1jb2xvcj0iI2JhYzFjYSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI0OC4yNDQlIiBzdG9wLWNvbG9yPSIjYzVjZmRhIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGRjZWEiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjMxIiBoZWlnaHQ9IjMxIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(177, 184, 190)), color-stop(47.922%, rgb(186, 193, 202)), color-stop(48.244%, rgb(197, 207, 218)), color-stop(100%, rgb(208, 220, 234)));
    background-image: -webkit-linear-gradient(top, rgb(177, 184, 190) 0%, rgb(186, 193, 202) 47.922%, rgb(197, 207, 218) 48.244%, rgb(208, 220, 234) 100%);
    background-image:    -moz-linear-gradient(top, rgb(177, 184, 190) 0%, rgb(186, 193, 202) 47.922%, rgb(197, 207, 218) 48.244%, rgb(208, 220, 234) 100%);
    background-image:     -ms-linear-gradient(top, rgb(177, 184, 190) 0%, rgb(186, 193, 202) 47.922%, rgb(197, 207, 218) 48.244%, rgb(208, 220, 234) 100%);
    background-image:      -o-linear-gradient(top, rgb(177, 184, 190) 0%, rgb(186, 193, 202) 47.922%, rgb(197, 207, 218) 48.244%, rgb(208, 220, 234) 100%);
    background-image:         linear-gradient(to bottom, rgb(177, 184, 190) 0%, rgb(186, 193, 202) 47.922%, rgb(197, 207, 218) 48.244%, rgb(208, 220, 234) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b8be', endColorstr='#d0dcea', GradientType=0);
}

div#segments > div:hover, div#pushButtonBody:hover
{
	color: black;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDAiIHkxPSIyMiIgeDI9IjQwIiB5Mj0iMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYjhiZSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI0Ny45MjIlIiBzdG9wLWNvbG9yPSIjYmFjMWNhIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjQ4LjI0NCUiIHN0b3AtY29sb3I9IiNjNWNmZGEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QwZGNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iODAiIGhlaWdodD0iMjIiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgb(177, 184, 190)), color-stop(47.922%, rgb(186, 193, 202)), color-stop(48.244%, rgb(197, 207, 218)), color-stop(100%, rgb(208, 220, 234)));
    background-image: -webkit-linear-gradient(bottom, rgb(177, 184, 190) 0%, rgb(186, 193, 202) 47.922%, rgb(197, 207, 218) 48.244%, rgb(208, 220, 234) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(177, 184, 190) 0%, rgb(186, 193, 202) 47.922%, rgb(197, 207, 218) 48.244%, rgb(208, 220, 234) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(177, 184, 190) 0%, rgb(186, 193, 202) 47.922%, rgb(197, 207, 218) 48.244%, rgb(208, 220, 234) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(177, 184, 190) 0%, rgb(186, 193, 202) 47.922%, rgb(197, 207, 218) 48.244%, rgb(208, 220, 234) 100%);
    background-image:         linear-gradient(to top, rgb(177, 184, 190) 0%, rgb(186, 193, 202) 47.922%, rgb(197, 207, 218) 48.244%, rgb(208, 220, 234) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0dcea', endColorstr='#b1b8be', GradientType=0);
}

div#tab1:hover
{
	cursor: pointer;
	font-weight: bold;
    font-family: "Avenir Next", sans-serif;
}


div#htmlExample div
{
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Chrome/Safari */        
	-ms-user-select: none; /* IE10+ */
}