*, *:before, *:after {
	margin: 0;
	padding: 0;
}

a * { color: #fff !important; text-decoration: none; }

body, html {
	height:100%;
	width:100%;
}

#main {
	display: inline-block;
	padding:0px;
	position: absolute;
	width:100px;
	height:200px;
	top: 34px; left: 4px; bottom: 0; right: 0;
}

div.main {
	padding:10px;
}


input[type="range"].range 
{ 
	cursor: pointer;
	width: 140px !important;
	-webkit-appearance: none; 
	z-index: 200; 
	width:20px; 
	border: 1px solid #e6e6e6; 
	background-color: #e6e6e6; 
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#d2d2d2)); 
	background-image: -webkit-linear-gradient(right, #e6e6e6, #d2d2d2); 
	background-image: -moz-linear-gradient(right, #e6e6e6, #d2d2d2); 
	background-image: -ms-linear-gradient(right, #e6e6e6, #d2d2d2); 
	background-image: -o-linear-gradient(right, #e6e6e6, #d2d2d2); 
}

/*customised range when focusing on input */ input[type="range"].range:focus
{
	border: 0 !important; 
	outline: none !important; 
}

/*customised range slider icon*/ input[type="range"].range::-webkit-slider-thumb 
{
	-webkit-appearance: none; 
	width: 30px; 
	height: 30px; 
	background-color: #555; 
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4DDBFF), to(#00CCFF)); 
	background-image: -webkit-linear-gradient(right, #4DDBFF, #00CCFF); 
	background-image: -moz-linear-gradient(right, #4DDBFF, #00CCFF); 
	background-image: -ms-linear-gradient(right, #4DDBFF, #00CCFF); 
	background-image: -o-linear-gradient(right, #4DDBFF, #00CCFF); 
}

/*setting round corners to the range */ input[type="range"].round {
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px; 
	border-radius: 30px; 
}

/*setting round corners to the range slider icon*/ input[type="range"].round::-webkit-slider-thumb {
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px; 
	-o-border-radius: 30px; 
	border-radius: 30px; 
}

/* set range from 0 - 1 horizontal as by default */ .horizontal-lowest-first
{
	-webkit-transform:rotate(0deg); 
	-moz-transform:rotate(0deg); 
	-o-transform:rotate(0deg); 
	-ms-transform:rotate(0deg); 
	transform:rotate(0deg); 
}

/* set range from 1 - 0 horizontal (highest first) */ .horizontal-highest-first
{
	-webkit-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
	-o-transform:rotate(180deg); 
	-ms-transform:rotate(180deg); 
	transform:rotate(180deg); 
}

/* set range from 0 - 1 vertically (lowest on top) */ .vertical-lowest-first
{
	-webkit-transform:rotate(90deg); 
	-moz-transform:rotate(90deg); 
	-o-transform:rotate(90deg); 
	-ms-transform:rotate(90deg); 
	transform:rotate(90deg); 
}

/* set range from 1 - 0 vertically (highest on top) */ .vertical-heighest-first
{
	-webkit-transform:rotate(270deg); 
	-moz-transform:rotate(270deg); 
	-o-transform:rotate(270deg); 
	-ms-transform:rotate(270deg); 
	transform:rotate(270deg); 
}