/*
 * 
 * Find more about this template by visiting
 * http://miniapps.co.uk/
 *
 * Copyright (c) 2010 Alex Gibson, http://miniapps.co.uk/
 * Released under MIT license
 * 
 */
.slider2 {
	position: relative;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 30px;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
}

.track2 {
	position: absolute;
	top: 12px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 10px;
	background-color: gray;
	z-index: -1;
    /*styling from jquery mobile*/
    border: 1px solid       #bbb /*{c-bdown-border}*/;
        -moz-border-radius:                 1em /*{global-radii-buttons}*/;
    -webkit-border-radius:              1em /*{global-radii-buttons}*/;
    border-radius:                      1em /*{global-radii-buttons}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
}

.slider {
	position: relative;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 30px;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
}

.track {
	position: absolute;
	top: 12px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 10px;
	background-color: gray;
	z-index: -1;
    /*styling from jquery mobile*/
    border: 1px solid       #bbb /*{c-bdown-border}*/;
        -moz-border-radius:                 1em /*{global-radii-buttons}*/;
    -webkit-border-radius:              1em /*{global-radii-buttons}*/;
    border-radius:                      1em /*{global-radii-buttons}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
}

.knob {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 30px;
	background-color: black;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px; 
	background: rgb(253,253,253);	
	background: -moz-linear-gradient(top, rgb(253,253,253), rgb(190,190,190));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(253,253,253)), to(rgb(190,190,190)));
	background: -webkit-linear-gradient(top, rgb(253,253,253), rgb(190,190,190));
	background: -ms-linear-gradient(top, rgb(253,253,253), rgb(190,190,190));
	background: -o-linear-gradient(top, rgb(253,253,253), rgb(190,190,190));
	background: linear-gradient(top, rgb(253,253,253), rgb(190,190,190));
	border: 1px solid rgb(160,160,160);
	cursor: pointer;
}