/* ui slider pips */
	
	.ui-slider-horizontal.ui-slider-pips { margin-bottom: 1.4em; }
	.ui-slider-pips .ui-slider-label,
	.ui-slider-pips .ui-slider-pip-hide { display: none; }
	.ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block; }
	
	
	
	.ui-slider-pips .ui-slider-pip { 
		width: 2em; height: 1em; line-height: 1em; position: absolute;
		font-size: 0.8em; color: #999; overflow: visible; text-align: center;
		top: 20px; left: 20px; margin-left: -1em; cursor: pointer;
	}
	.ui-slider-pips .ui-slider-line { background: #999; width: 1px; height: 3px; position: absolute; left: 50%; }
	.ui-slider-pips .ui-slider-label { position: absolute; top: 5px; left: 50%; margin-left: -1em; width: 2em; }
	.ui-slider-pip:hover .ui-slider-label { color: black; font-weight: bold; }


	/* vertical pips */

	.ui-slider-vertical.ui-slider-pips { margin-bottom: 0; margin-right: 2em; }
	.ui-slider-vertical.ui-slider-pips .ui-slider-pip { 
		text-align: left; top: auto; left: 20px; margin-left: 0; margin-bottom: -0.5em;
	}
	.ui-slider-vertical.ui-slider-pips .ui-slider-line { width: 3px; height: 1px; position: absolute; top: 50%; left: 0; }
	.ui-slider-vertical.ui-slider-pips .ui-slider-label { top: 50%; left: 0.5em; margin-left: 0; margin-top: -0.5em; width: 2em; }
	.ui-slider-vertical.ui-slider-pip:hover .ui-slider-label { color: black; font-weight: bold; }



	/* ui slider float */

	.ui-slider-float .ui-slider-handle:focus,
	.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
	.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { outline: none; }
	
	.ui-slider-float .ui-slider-tip,
	.ui-slider-float .ui-slider-tip-label {
		position: absolute; visibility: hidden;
		top: -40px; display: block;
		width: 34px; margin-left: -18px; left: 50%;
		height: 20px; line-height: 20px; 
		background: white; border-radius: 3px;
		border: 1px solid #888;
		text-align: center;
		font-size: 12px; 
		opacity: 0;
		color: #333;
		
		-webkit-transition-duration: 200ms, 200ms, 0;
		-webkit-transition-property: opacity, top, visibility;
		-webkit-transition-delay: 0, 0, 200ms;
		-moz-transition-duration: 200ms, 200ms, 0;
		-moz-transition-property: opacity, top, visibility;
		-moz-transition-delay: 0, 0, 200ms;
		-ms-transition-duration: 200ms, 200ms, 0;
		-ms-transition-property: opacity, top, visibility;
		-ms-transition-delay: 0, 0, 200ms;
		transition-duration: 200ms, 200ms, 0;
		transition-property: opacity, top, visibility;
		transition-delay: 0, 0, 200ms;
		
	}
	
	.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
	.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
	.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { 
	
		opacity: 1; top: -30px; visibility: visible;
		
		-webkit-transition-duration:200ms, 200ms, 0;
		-webkit-transition-property: opacity, top, visibility;
		-webkit-transition-delay:200ms, 200ms, 0;
		-moz-transition-duration:200ms, 200ms, 0;
		-moz-transition-property: opacity, top, visibility;
		-moz-transition-delay:200ms, 200ms, 0;
		-ms-transition-duration:200ms, 200ms, 0;
		-ms-transition-property: opacity, top, visibility;
		-ms-transition-delay:200ms, 200ms, 0;
		transition-duration:200ms, 200ms, 0;
		transition-property: opacity, top, visibility;
		transition-delay:200ms, 200ms, 0;
		
	}
	
	
	.ui-slider-float .ui-slider-pip .ui-slider-tip-label { top: 30px; }
	.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 20px; font-weight: normal; }
	
	.ui-slider-float .ui-slider-tip:after,
	.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
		content: " ";
		width: 0; height: 0;
		border: 5px solid rgba(255,255,255,0);
		border-top-color: rgba(255,255,255,1);
		position: absolute;
		bottom: -10px; left: 50%; margin-left: -5px;  
	}
	.ui-slider-float .ui-slider-tip:before,
	.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
		content: " ";
		width: 0; height: 0;
		border: 5px solid rgba(255,255,255,0);
		border-top-color: #888;
		position: absolute;
		bottom: -11px; left: 50%; margin-left: -5px;  
	}
	
	.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
		border: 5px solid rgba(255,255,255,0);
		border-bottom-color: rgba(255,255,255,1);
		top: -10px; 
	}

	.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
		border: 5px solid rgba(255,255,255,0);
		border-bottom-color: #888;
		top: -11px; 
	}



	 /* vertical floats */
	  
	.ui-slider-vertical.ui-slider-float .ui-slider-tip,
	.ui-slider-vertical.ui-slider-float .ui-slider-tip-label {

		top: 50%; margin-top: -11px;width: 34px; 
		margin-left: 0px; left: -70px;
		color: #333;

		-webkit-transition-duration: 200ms, 200ms, 0;
		-webkit-transition-property: opacity, left, visibility;
		-webkit-transition-delay: 0, 0, 200ms;
		-moz-transition-duration: 200ms, 200ms, 0;
		-moz-transition-property: opacity, left, visibility;
		-moz-transition-delay: 0, 0, 200ms;
		-ms-transition-duration: 200ms, 200ms, 0;
		-ms-transition-property: opacity, left, visibility;
		-ms-transition-delay: 0, 0, 200ms;
		transition-duration: 200ms, 200ms, 0;
		transition-property: opacity, left, visibility;
		transition-delay: 0, 0, 200ms;

	}



	.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
	.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
	.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { 

		top: 50%; margin-top: -11px; left: -50px;

		-webkit-transition-duration:200ms, 200ms, 0;
		-webkit-transition-property: opacity, left, visibility;
		-webkit-transition-delay:200ms, 200ms, 0;
		-moz-transition-duration:200ms, 200ms, 0;
		-moz-transition-property: opacity, left, visibility;
		-moz-transition-delay:200ms, 200ms, 0;
		-ms-transition-duration:200ms, 200ms, 0;
		-ms-transition-property: opacity, left, visibility;
		-ms-transition-delay:200ms, 200ms, 0;
		transition-duration:200ms, 200ms, 0;
		transition-property: opacity, left, visibility;
		transition-delay:200ms, 200ms, 0;


	}

	.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label { left: 47px; }
	.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { left: 27px; }


	.ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
	.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
		border: 5px solid rgba(255,255,255,0);
		border-left-color: rgba(255,255,255,1);
		border-top-color: transparent;
		position: absolute;
		bottom: 50%; margin-bottom: -5px; right: -10px; margin-left: 0; 
		top: auto; left: auto;
	}
	.ui-slider-vertical.ui-slider-float .ui-slider-tip:before,
	.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
		border: 5px solid rgba(255,255,255,0);
		border-left-color: #888;
		border-top-color: transparent;
		position: absolute;
		bottom: 50%; margin-bottom: -5px; right: -11px; margin-left: 0; 
		top: auto; left: auto;
	}
	
	.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
		border: 5px solid rgba(255,255,255,0);
		border-right-color: rgba(255,255,255,1);
		right: auto; left: -10px;
	}

	.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
		border: 5px solid rgba(255,255,255,0);
		border-right-color: #888;
		right: auto; left: -11px;
	}