body
    {
        margin:0;
        padding:0;
		margin-left: 4%;
        font-family:Arial;
        font-size:18px;
        background-color: black; 
        color: white; 
        max-width: 540px;
        width:100%;
        overflow-x:hidden;
    } 
    
a:hover { color: rgb(255, 255, 255);
    text-decoration: underline;
    }

a { color: rgb(200,200,200);
	text-decoration: italic;
}

.largeButton {
	width: 6em;
	height: 6em;
}
    
input.button, button {
	 border-radius: 8px;
	 font-size: 20px;
	 background-color: #D3D3D3;
	 color: #000000;
}

button[active], button:active {
	border-radius: 8px;
	font-size: 20px;
	background-color: red;
	color: #000000;
}

button[disabled], button:disabled {
	 border-radius: 8px;
	 font-size: 20px;
	 background-color: #808080;
	 color: #000000;
}
/*
button {
	 border-radius: 8px;
	 font-size: 20px;
	 background-color: #D3D3D3;
	 color: #000000;
}*/



/* general slider style */





/*vertical slider, see: http://stackoverflow.com/questions/15935837/how-to-display-a-range-input-slider-vertically*/

input.range {  
    -webkit-appearance: none;   
	width: 130px;
    height: 2px;
    border-radius: 1px;  
    border: 1px solid #bdc3c7;  
    background-color: #fff;
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
	transform: rotate(270deg);
  
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}


input[type='range']::-moz-range-track {
-moz-appearance: none;

	width: 130px;
    height: 60px; 
border-radius: 1px;
box-shadow: inset 0 0 5px #333;
background-color: transparent;

}

input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none !important;
border-radius: 15px;
background-color: #FFF;
box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
border: 1px solid #999;
height: 60px;
width: 35px;
}

 
 input[type='range']::-moz-range-thumb {
 -moz-appearance: none;
border-radius: 15px;
 /*background-color: #FFF;
 box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
 border: 1px solid #999;*/
height: 60px;
width: 35px;
 
}