div#masterWrapper{width:98%; border:0px solid #cccccc; background:#ffffff; padding:1%;text-align:left; }
	div#formHolder{width:250px;padding:10px;border:1px solid #cccccc;display:inline-block;vertical-align:top;padding-top:2em;background:#eeeeee;border-radius:8px;text-align:left;position:relative;}
		input#userFilesInput{width:100%;background-colour:#c6c6c6;}
		label.uploadButton{width:100%;text-align:center;background-color:#00c19a;border-radius:5px;padding:1em 0%;color:white;cursor:pointer;display:inline-block;}
		label.uploadButton:hover{background-color:#009577;}
		input#textScale{padding:3px;color:#101010;border-radius:3px;font-size:18px;width:82px;border:0px;}
		input#appendNameText{border-radius:3px;font-size:17px;padding:2px;border:0px;}
		button#confirmUploadButton{width:100%;text-align:center;background-color:#00c19a;border-radius:5px;padding:1em 0%;color:white;cursor:pointer;display:inline-block;border:0px}
		button#confirmUploadButton :hover{background-color:#009577;}
	
	
	
	div#listHolder{overflow-x: auto; width:auto;padding:1% 1% 20px 1%;border:1px solid #cccccc;display:inline-block;vertical-align:top;clear:both;background:#ffffff;border-radius:5px;}
		p.intro{text-align:justify;display:block;margin:40px 0px 0px 0px; font-size:1em;}
		img.profileImage{float:left;margin:.1em .8em .1em .8em;height:6em;border-radius :50%;border:2px solid #ffffff}	
	
	
	
	
	
	
	h2{margin:30px 0px;text-align:left;}
	

	
	
	
	
	
	
	
	
	/*thumbnail view*/
	div.listPreview{display:inline-block;border:1px solid #dddddd; margin:5px ;padding:5px;background-color:#ffffff;border-radius:5px;vertical-align:top;position:relative;min-width:150px;}
	h1#imageCountHeader{font-size:1em;}
	img.previewThumbnail{height:100px;border:0px solid #cccccc;padding:2px;display:block;}
	
	p.title{padding:0px; margin:2px 2px 5px 2px; font-size:.7em;width:160px; overflow-wrap: break-word;color:#101010}
	p.dimentions{padding:0px; margin:1px; font-size:1em;font-weight:bolder;}
	
	img.pauseIcon{height:20px;cursor:pointer;float:left;vertical-align:middle;margin-right:3px;}
	img.binIcon{height:20px;cursor:pointer;clear:left;position:absolute;top:0px;right:0px;padding:5px;background-color:white;border-radius:3px;}
	b.newDimensions{color:green;}
	p.hint{margin:2px 0px;padding:0px;font-size:15px;}
	.menuItem{margin-top:40px;}
		.menuItem p{margin-bottom:0px; padding:0px;}
	div#confirmContainer{text-align:center;}
	a.downloadButton{width:100%;text-align:center;background-color:#3ee1ff;border-radius:5px;padding:1em 0%;color:white;cursor:pointer;display:inline-block;border:0px;font-size:20px;font-weight:bolder;margin-bottom:20px;}
	h1.resize{font-size:22px;}
	

	
	
	
	
	
	input[type=range].slider {
  -webkit-appearance: none;
  width: 100%;
  margin: 3.2px 0;
}
input[type=range].slider:focus {
  outline: none;
}
input[type=range].slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 25.6px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #484d4d;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range].slider::-webkit-slider-thumb {
  box-shadow: 0px 0px 0.9px #9a0000, 0px 0px 0px #b30000;
  border: 0px solid #000000;
  height: 32px;
  width: 30px;
  border-radius: 42px;
  background: #00edf0;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.2px;
}
input[type=range].slider:focus::-webkit-slider-runnable-track {
  background: #545a5a;
}
input[type=range].slider::-moz-range-track {
  width: 100%;
  height: 25.6px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #484d4d;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range].slider::-moz-range-thumb {
  box-shadow: 0px 0px 0.9px #9a0000, 0px 0px 0px #b30000;
  border: 0px solid #000000;
  height: 32px;
  width: 30px;
  border-radius: 42px;
  background: #00edf0;
  cursor: pointer;
}
input[type=range].slider::-ms-track {
  width: 100%;
  height: 25.6px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].slider::-ms-fill-lower {
  background: #3c4040;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range].slider::-ms-fill-upper {
  background: #484d4d;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range].slider::-ms-thumb {
  box-shadow: 0px 0px 0.9px #9a0000, 0px 0px 0px #b30000;
  border: 0px solid #000000;
  height: 32px;
  width: 30px;
  border-radius: 42px;
  background: #00edf0;
  cursor: pointer;
  height: 25.6px;
}
input[type=range].slider:focus::-ms-fill-lower {
  background: #484d4d;
}
input[type=range].slider:focus::-ms-fill-upper {
  background: #545a5a;
}


input[type=range].slider {
  -webkit-appearance: none;
  width: 100%;
  margin: 12.65px 0;
}
input[type=range].slider:focus {
  outline: none;
}
input[type=range].slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 6.7px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 25px;
  border: 0px solid #010101;
}
input[type=range].slider::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #9a0000, 0px 0px 0px #b30000;
  border: 0px solid #000000;
  height: 32px;
  width: 30px;
  border-radius: 42px;
  background: #00c19a;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -12.65px;
}
input[type=range].slider:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range].slider::-moz-range-track {
  width: 100%;
  height: 6.7px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 25px;
  border: 0px solid #010101;
}
input[type=range].slider::-moz-range-thumb {
  box-shadow: 0px 0px 0px #9a0000, 0px 0px 0px #b30000;
  border: 0px solid #000000;
  height: 32px;
  width: 30px;
  border-radius: 42px;
  background: #00c19a;
  cursor: pointer;
}
input[type=range].slider::-ms-track {
  width: 100%;
  height: 6.7px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].slider::-ms-fill-lower {
  background: #9e9e9e;
  border: 0px solid #010101;
  border-radius: 50px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range].slider::-ms-fill-upper {
  background: #ffffff;
  border: 0px solid #010101;
  border-radius: 50px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range].slider::-ms-thumb {
  box-shadow: 0px 0px 0px #9a0000, 0px 0px 0px #b30000;
  border: 0px solid #000000;
  height: 32px;
  width: 30px;
  border-radius: 42px;
  background: #00c19a;
  cursor: pointer;
  height: 6.7px;
}
input[type=range].slider:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range].slider:focus::-ms-fill-upper {
  background: #ffffff;
}