@charset "utf-8"; 

/* MIMETYPE="text/css" */

// lib/css/specialty.css
/* 
http://www.w3schools.com/cssref/css3_browsersupport.asp 
Webkit forked from KHTML by Apple
Blink forked from Webkit by Google, but uses -webkit- 
*/

/*
Transform used for rotations adapted to give a vertical slider: input[type="range"] 
*/
/* -webkit-transform: rotation(270deg) ; // Ch<36, Sa<9, 15<Op<23 */ 
/* -moz-transform: rotation(270deg) ; // FF<16 */ 
/* -o-transform: rotation(270deg) ; // Op<15 */  
/* -ms-transform: rotation(270deg) ; // IE<10 */ 
/* transform: rotation(270deg) ; FF>=16, Ch>36, Sa>=9, IE>=10, Op>=23 */ 

input[type="range"].ccw090 {
	-webkit-transform: rotation(270deg) ; 
	-moz-transform: rotation(270deg) ;   
	-o-transform: rotation(270deg) ;  
	-ms-transform: rotation(270deg) ;  
	transform: rotation(270deg) ;  
}
input[type="range"].cw090 {
	-webkit-transform: rotation(90deg) ; 
	-moz-transform: rotation(90deg) ; 
	-o-transform: rotation(90deg) ; 
	-ms-transform: rotation(90deg) ; 
	transform: rotation(90deg) ; 
}

input[type="range"].ccw090, input[type="range"].cw090 { 
   position: absolute;
   top: 40%;
}


/*
From <a href="http://stackoverflow.com/users/1612869/maxprafferty">MaxPRafferty</a>:
*/
.cw270, 
input[type="range"].cw270 
{
   position: absolute;
   top: 40%;
   transform: rotate(270deg);
}

/*
From stackoverflow.com  
<a href="http://stackoverflow.com/questions/15935837/how-to-display-a-range-input-slider-vertically">
How to display a range input slider vertically
</a>:
*/
/*
From <a href="http://stackoverflow.com/users/361684/gilly3">gilly3</a>.
*/
/* input[type=range][orient=vertical] */ 
.vslider
{
	/* writing-mode: bt-lr; */ /* IE */
	/* -webkit-appearance: slider-vertical;*/ /* WebKit */
	/* height: 175px; */ 
	/* width: 8px; */
	padding: 0 5px;
	transform: rotate(270deg); 
	height: 175px ; 
}