body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; }

@font-face { font-family:Sym; src:url(/ff-fonts.ttf?4); }
.sym { font-family:Sym; }

table { border-collapse:collapse; border-spacing:0; }
table.metatable { border-collapse:separate; border-bottom:2px solid #ccc; }
table.metatable th {
  text-align: left;
  font-weight: bold;
  font-size: 110%;
  color: #fff;
  vertical-align: top;
  padding: 4px;
  background-color: #001;
  border-top: 2px solid #ccc;
  }
table.metatable th:first-child { border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-left: 2px solid #ccc; }
table.metatable th:last-child { border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; border-right: 2px solid #ccc; }
table.metatable td { vertical-align: top; padding: 2px 3px 2px 3px; }
table.metatable td:first-child { border-left: 2px solid #ccc; }
table.metatable td:last-child { border-right: 2px solid #ccc; }
table td { vertical-align: top; padding: 2px 3px 2px 3px; }
table th { vertical-align: top; padding: 2px 3px 2px 3px; }

table.vcenter th { vertical-align: middle; }
table.vcenter td { vertical-align: middle; }
.middle { vertical-align: middle; }

.metaApp { color: red; }
.metaNote { color: yellow; }
.metaCamera { color: lime; }
.metaExposure { color: lime; }
#MainImg { cursor:crosshair; }

.hl:hover { background-color:#3E5670; }
.sm { cursor:pointer; border: 1px solid #235; }
.sm:hover { border: 1px solid #ff0; }
.up {
  float:right;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
  }
.grow { max-height:4em; overflow:hidden;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s; }
.grow:hover { max-height:none; }
.halfsize
  {
  -ms-zoom: 0.5;
  -moz-transform: scale(0.5);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.5);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  }
.size34
  {
  -ms-zoom: 0.75;
  -moz-transform: scale(0.75);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.75);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  }

fieldset { border:0; }
#imglink { border: 1px solid #2c323c; }
#imglink:hover { border: 1px solid red; }

address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
  }
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
  }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* css styles: layout */
span { display: inline-block; }
.banner { height:95px; text-align:center; }
.bannertext
  {
  margin-top: -35px;
  color: #4296ed;
  font-size: 200%;
  opacity:0.5;
  }

html
  {
  overflow-y: scroll;
  }

body {
  width: 100%;
  color: #fff;
  background-color: #235;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12pt;
  }

.analyzers ul { font-size:11pt; margin:0; padding:0; z-index:5; }
.analyzers span { width:7em; padding-left:2px; cursor:pointer; }
.analyzers span:hover { color:#333; font-style:italic; opacity:0.9; }
.analyzers li { list-style:none; margin:0; padding:0; }
.analyzers li > span { border-left:1px solid #000; border-right:1px solid #000; }
.analyzers li:first-child > span { border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top:1px solid #000; }
.analyzers li:last-child > span { border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom:1px solid #000; }
.analyzers li ul { display:none; z-index:6; position:absolute; margin-top:-0.5em; margin-left:2.5em; }
.analyzers li:hover > ul { display:block; }
.analyzers .selected { font-weight:bold; color:#000; }

.insetR {
  position: absolute;
  top: 0;
  right: 0;
  margin:0;
  font-size: 10pt;
  z-index: 10;
  }
.insetR ul {
  list-style:none;
  margin: 0;
  padding: 8pt;
  padding-left: 0;
  background-color: #3E5670;
  border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  }
.insetR li { margin:0; padding:0; }
.insetR li ul { display:none; }
.insetR li:before { font-family:Sym; content: '<'; padding:0; padding-right: 0.3em; color: #3E5670; }
.insetR li.sub:before { font-family:Sym; content: '<'; padding:0; padding-right: 0.3em; color: #fff }
.insetR li:hover > ul { display:block; }
.insetR2 {
  list-style:none;
  display:block;
  position: absolute;
  padding: 8pt;
  margin-left: 0;
  padding-left: 0;
  top: 1em;
  right: 5.2em;
  font-size: 10pt;
  background-color: #3E5670;
  border: 1px solid #222;
  z-index: 6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  }

.insetL {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10pt;
  padding: 8pt;
  background-color: #3E5670;
  z-index: 5;
  border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  }

#insetBR {
  position: fixed;
  bottom: 0;
  right: 0;
  font-size: 10pt;
  padding: 10pt;
  background-color: #3c424c;
  z-index: 4;
  -moz-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  }

.insetPop, #insetPop {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 30em;
  margin: auto;
  overflow:auto; 
  padding: 10pt;
  background-color: #3c424c;
  z-index: 50;
  border-style: solid;
  border-width: medium;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-user-drag: element;
  }

.insetHidden {
  visibility: hidden;
  width: 30em;
  top:0; bottom:0; left:0; right:0;
  padding: 10pt;
  overflow:auto;
  }

#inset {
  padding: 10pt;
  background-color: #202020;
  -moz-border-radius: 8px;
  border-radius: 8px;
  }

.page {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1em;
  padding: 1em;
  border-radius: 10px;
  -moz-border-radius: 10px;
  }

.quote
  {
  margin-left: 5em;
  padding: 0.5em;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: .5em;
  -moz-border-radius: .5em;
  }

.faq h1 { margin: 0.5em 0 0 0; padding:0; }
.faq li { margin: 1em 0 0.5em 0; }

.urlbox { max-height:5em; overflow:auto; }

/* css styles, forms */
form { margin: 0; }
form label { display: none; }
form input { padding: 0.25em; }
form #id_entry { width: 445px; }

form #process {
  width: 140px;
  margin-left:10px;
  }

/* css styles, type */
a { color:#efffa6; cursor:pointer; }
a:hover { color:#f0f020; cursor:pointer; }
/* Firefox >47 made form padding larger! */
button,input,select,textarea {
  padding:2px;
  border-spacing:0; border-width:1px;
  border-radius:5px;
  }
button { cursor:pointer; }

.menubutton { width:10em; }

#icon { width:140px; text-align:center; vertical-align:bottom; }
.fontoptions {
  margin-top:0.2em;
  padding:0;
  text-align:center;
  }
.fontbutton {
  color: #fff;
  background-color: #3E5670;
  border-color: #fff;
  border-width: 1px;
  padding: 0.1em;
  font-size: 10pt;
  border-radius: .3em;
  -moz-border-radius: .3em;
  }
.optionbutton {
  color: #fff;
  text-align:center;
  vertical-align:middle;
  background-color: #106;
  border: 1px solid #fff;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  font-size: 1em;
  border-radius: .3em;
  -moz-border-radius: .3em;
  }
.optionbutton:hover { background-color: #ff0; color: #000; }
.optionbuttons {
  font-family:Sym;
  color: #fff;
  background-color: #106;
  border: 1px solid #fff;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  border-radius: .3em;
  -moz-border-radius: .3em;
  }
.annobutton {
  color: #fff;
  text-align:center;
  font-weight: bold;
  vertical-align:middle;
  background-color: #106;
  border-color: #fff;
  border-width: 1px;
  width: 2em;
  height: 2em;
  padding: 0;
  font-size: 1em;
  border-radius: .3em;
  -moz-border-radius: .3em;
  }
.annobuttonsel { background-color: #ee0; color: #000; }
.annobutton:hover { background-color: #ff0; color: #000; }

h1 {
  color: #eef;
  font-size: 200%;
  padding: 0.25em 0;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0px 0px 4px #004;
  }

h2 {
  font-size: 160%;
  padding: 0.5em 0;
  }

h3 {
  font-size: 120%;
  padding: 0.5em 0;
  }

blockquote {
  padding-left: 2.5em;
  padding-bottom: 1em;
  }

.code { font-family: monospace; }

ul { margin-top: 0; margin-bottom: 0; padding-top: 0em; }
ul li { margin-top: 0; padding-top: 0.2em; }
ul.pad li { margin-top: 0.25em; padding-top: 0.25em; }
ul.pad { margin-bottom: 0.25em; padding-bottom: 0.25em; }
ol { margin-top: 0; margin-bottom: 0; padding-top: 0em; }
ol li { margin-top: 0; padding-top: 0.2em; }
ol.pad li { margin-top: 0.25em; padding-top: 0.25em; }
ol.pad { margin-bottom: 0.25em; padding-bottom: 0.25em; }
.pad li > br { display:block; margin:0.25em; }
ol.nopad li { margin-top: 0em; padding-top: 0em; }
ul.nopad li { margin-top: 0em; padding-top: 0em; }

.thbox { display:inline-block; width:128px; text-align:center; }
.highlight { background-color:#235; }
.highlight:hover { background-color:#3E5670; }
.pads td { padding: 0.3em; }
.pads th { padding: 0.3em; }
.biggap { margin-top: 2em; }

.blueunderline { color: #efffa6; text-decoration: underline; }
.blueunderline:hover { color: #f0f020; text-decoration: underline; }

pre { white-space: pre-wrap; }

.project
  {
  background: #235;
  font-size: 10pt;
  color: #efffa6;
  width: 130px;
  overflow: hidden;
  border: 1px solid #88d;
  }
.project optgroup { background: #123; color: #fff; }
.project option { background: #235; color: #efffa6; }

table.btable td { border-style: none; }
table.btableL td { border-style: solid; border-width: 1px; }
table.q { background: #fff; color: #000; }
table.q td { border: 1px solid #000; text-align:right; min-width:1em; }
span.q { text-align: center; display: inline-block; }

td.gtable
  {
  border-style: solid;
  border-width: 1px;
  border-spacing: 0 0.5em;
  }

td.gtable0
  {
  border-color: transparent;
  border-style: none;
  border-spacing: 0 0.5em;
  }

.sidebar
  {
  background-color:#124;
  padding:12px;
  border: 2px solid;
  border-radius: 10px;
  -moz-border-radius: 10px;
  }
span.sidebar { display:inline-block; }
.sidebar .highlight { background-color:#124; }
.sidebar .highlight:hover { background-color:#3E5670; }
.sidebar2
  {
  padding:12px;
  background-color:#081020;
  border: 2px solid;
  border-radius: 10px;
  -moz-border-radius: 10px;
  }
span.sidebar2 { display:inline-block; }
.sidebar2 .highlight { background-color:#081020; }
.sidebar2 .highlight:hover { background-color:#3E5670; }

.analysis { display:inline-block; vertical-align:top; overflow:hidden; border:solid grey 1px; min-width:110px; }
.analysis select { padding:10px; margin:-5px -20px -5px -5px; }

.histent { position:relative; display:inline-block; margin:2px; min-width:5em; min-height:5em; }
.closex { background-color:#000; color:#f88; position:absolute; top:0; right:0; min-width:.5em; min-height:.5em; z-index:10; cursor:pointer; }

.tabs { height:1.75em; margin:0; z-index:10; }
.tabs ul { font-size: 1em; list-style:none; }
.tabs ul li {
	height: 1.21em;
	margin-left: 0.2em;
	padding: 0.25em 1em;
	display:block;
	float:left;
	color:#FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #6060C0;
	border: 1px solid white;
}
.tabs ul li:hover { background: #ff0; cursor:pointer; color: #333; }
.tabs ul li.tabActiveHeader {
	background: #135;
	cursor:pointer;
	color: #FFF;
	border: 1px solid white;
	border-bottom: 1px solid #135;
}
#tabContainer { width:100%; }
.tabpage {
	padding: 1em;
	border: 1px solid white;
	border-radius: .5em;
	-moz-border-radius: .5em;
	background-color: #135;
}
.wholepage {
	overflow: auto;
	padding: 1em;
	border: 1px solid white;
	border-radius: .5em;
	-moz-border-radius: .5em;
	background-color: #135;
}
.tabpage h1 { clear:both; }
ff-box { display:inline-block; border:1px solid; padding:5px; margin:1px; text-align:center; background:#FFF; color:#000; }
ff-box a { color:#00f; cursor:pointer; }
ff-box a:hover { color:#22f; cursor:pointer; }
.outline { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.search { border:1px solid #888; color:#000; }
.search ff-box a { color:#fff; cursor:pointer; }
.search ff-box a:hover { color:#ff8; cursor:pointer; }
.searchbtn { border-radius: 20px; -moz-border-radius: 20px; background:#ccf; }
.searchbtn:hover { background:#ff8; }
.expand
  {
  max-height:16pt;
  overflow:hidden;
  transition: 2s;
  -moz-transition: 2s; /* Firefox */
  -webkit-transition: 2s; /* Safari/Chrome */
  -o-transition: 2s; /* Opera */
  -ms-transition: 2s; /* IE9 */
  }
.expand:hover
  {
  max-height:600px;
  transition: 2s;
  -moz-transition: 2s; /* Firefox */
  -webkit-transition: 2s; /* Safari/Chrome */
  -o-transition: 2s; /* Opera */
  -ms-transition: 2s; /* IE9 */
  }
.darkred { color:#a00; }
.red { color:#f00; }
.pink { color:#f88; }
.green { color:#0f0; }
.blue { color:#00f; }
.lightgreen { color:#8f8; }
.darkblue { color:#008; }
.lightblue { color:#88f; }
.purple { color:#f0f; }
.yellow { color:#ff0; }
.white { color:#fff; }
.point { cursor:pointer; }
.wrap
  {
  word-wrap:break-word;
  overflow-wrap:break-word;
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
  -moz-hyphens:auto;
  hyphens:auto;
  }
.round { border-radius: 5px; -moz-border-radius: 5px; }
.systemmsg { padding:.4em; border: 1px solid #fff; background:#261; }
.hue { background: linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00); }

.digest tr { background-color:#fff; color:#000; border: 1px solid #000; }
.digest tr:hover { background-color:#ccf; border: 1px solid #000; }
.digest td { vertical-align:top; }
.imgf { background-color:#446; }
.imgf:hover { background-color:#cc6; }
.imgfmt { background-color:#446; border:2px solid #446; }
.imgfmt:hover { background-color:#cc6; border:2px solid #cc6; }
.imghide { display:none; }
.imghtml { display:block; background-color:#446; max-width:300px; max-height:300px; border:1px solid #446; }
.imghtml:hover { background-color:#cc6; max-width:300px; max-height:300px; border:1px solid #cc6; }

.adjust input[type=range] { width:auto; }
.adjust button { padding:2px; width:3em; font-size:10pt; }
.adjustval { font-size:10pt; }
.adjustinv { font-size:10pt;  opacity:0; }

.whitetable tr { background-color:#fff; color:#000; border: 1px solid #000; }
.whitetable td { vertical-align:middle; color:#000; border: 1px solid #000; }
.whitetable .row td { vertical-align:middle; color:#000; border: 0; }
.whitetable .top { vertical-align:top; }
.whitetable th { vertical-align:middle; color:#000; font-size:100%; font-weight:bold; border: 1px solid #000; }
.whitetable th a { text-decoration:none; color:#000; }
.whitetable td a { color:#008; }
.whitetable:hover { background-color:#fff; color:#000; }
.whitetable tr:hover { background-color:#fff; color:#000; }
.whitetable td:hover { background-color:#fff; color:#000; }

.checkered {
  background-color: #ccc;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #aaa), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #aaa), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #aaa)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #aaa));
  background-image: -webkit-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent), -webkit-linear-gradient(-45deg, #aaa 25%, transparent 25%, transparent), -webkit-linear-gradient(45deg, transparent 75%, #aaa 75%), -webkit-linear-gradient(-45deg, transparent 75%, #aaa 75%);
  background-image: -moz-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, #aaa 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, #aaa 75%), -moz-linear-gradient(-45deg, transparent 75%, #aaa 75%);
  background-image: -ms-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent), -ms-linear-gradient(-45deg, #aaa 25%, transparent 25%, transparent), -ms-linear-gradient(45deg, transparent 75%, #aaa 75%), -ms-linear-gradient(-45deg, transparent 75%, #aaa 75%);
  background-image: -o-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent), -o-linear-gradient(-45deg, #aaa 25%, transparent 25%, transparent), -o-linear-gradient(45deg, transparent 75%, #aaa 75%), -o-linear-gradient(-45deg, transparent 75%, #aaa 75%);
  background-image: linear-gradient(45deg, #aaa 25%, transparent 25%, transparent), linear-gradient(-45deg, #aaa 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #aaa 75%), linear-gradient(-45deg, transparent 75%, #aaa 75%);
  -webkit-background-size:12px 12px;
  -moz-background-size:12px 12px;
  background-size:12px 12px;
  }

.checkered:hover {
  background-color: #aaa;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ccc), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #ccc), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #ccc)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #ccc));
  background-image: -webkit-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent), -webkit-linear-gradient(-45deg, #ccc 25%, transparent 25%, transparent), -webkit-linear-gradient(45deg, transparent 75%, #ccc 75%), -webkit-linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-image: -moz-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, #ccc 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, #ccc 75%), -moz-linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-image: -ms-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent), -ms-linear-gradient(-45deg, #ccc 25%, transparent 25%, transparent), -ms-linear-gradient(45deg, transparent 75%, #ccc 75%), -ms-linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-image: -o-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent), -o-linear-gradient(-45deg, #ccc 25%, transparent 25%, transparent), -o-linear-gradient(45deg, transparent 75%, #ccc 75%), -o-linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent), linear-gradient(-45deg, #ccc 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);
  -webkit-background-size:12px 12px;
  -moz-background-size:12px 12px;
  background-size:12px 12px;
  }

.zoom {
  position:absolute;
  left:2em;
  width:200px;
  height:200px;
  border:1px solid #000;
  overflow:hidden;
  visibility:hidden;
  z-index:5000;
  border-radius:10px;
  pointer-events:none;
  }
.Lab {
  color: #f66;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-weight: bold;
  }
.Public {
  color: #6f6;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-weight: bold;
  }