body { background-color:black; color:white; font-family:Calibri,Arial,Sans-Serif; }
	a:visited { color:white; }

a[href^="mailto:"]
{ 
  color: deepskyblue;
}
	
#column1 { float:left; width:730px;	}
#column2 { float:left; width:500px; padding-left:20px; }
#column3 { float:left; width:300px; padding-left:20px; font-size:11pt; }

.section { padding:10px; margin-bottom:20px; border:1px dashed #666; }
.section .label { font-size: 16pt; font-weight:bold; }

#imgFrame {
	position:relative;
	float:left;
	width:700px;
	height:700px;
	background-image:url('F/6.jpeg');
	background-size:700px 700px;
	background-blend-mode:overlay;
	background-color: #888;
}

#noiseFrame {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url('noise.png');
	mix-blend-mode:overlay;
	opacity:0;
}

#imgBorder {
	position:absolute;
	top:0;
	left:0;
	width:388px;
	height:388px;
	border:6px solid black;
	opacity:0;
}

.sliderGroup {  }
.sliderGroup .sliderItem { padding-top:30px; }
.sliderGroup .sliderContainer { margin-right:20px; margin-left:5px; }
.sliderGroup .slider {
	font-size:8pt;
}

#meter {
	padding:10px 0;
	text-align:center;
	font-family:monospace;
	font-weight:bold;
	color:#0b0;
	font-size:16pt;
}

.shootingModeGroup {
		width:450px;
		margin:auto;
}
.shootingModeGroup .shootingMode {
	float:left;
	width:150px;
	height:170px;
	text-align:center;
	cursor:pointer;
	background-repeat:no-repeat;
}
.shootingModeGroup .selected {
	background-image:url('shootingMode_selected.png');
}
.shootingModeGroup .disabled {
	-webkit-filter: grayscale(25%); filter: grayscale(25%);
	opacity:0.5;
}
.ui-spinner { width: 4em; }
label { font-size:larger; font-weight:bold; }
.sliderItem { padding-bottom:20px; }
.sliderContainer { padding-top:8px; }
.ui-state-disabled { opacity: 0.75; }
.adjustmentLabel { font-size: 0.75em; opacity:0.5; }

.ui-slider-handle {
    background: red;
}