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?1); }
.sym { font-family:Sym; }

table { border-collapse:collapse; border-spacing:0; }
table#meta { border-collapse: separate; }
table#meta th {
  text-align: left;
  font-weight: bold;
  vertical-align: top;
  background-color: #111;
  padding: 4px;
  }
table#meta td { vertical-align: top; padding: 2px 3px 2px 3px; }
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; }
#MainImg { cursor:crosshair; }

.hl:hover { background-color:#3E5670; }
.sm { cursor:pointer; border: 1px solid #283848; }
.sm:hover { border: 1px solid #ff0; }
.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;
  }

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: #283848;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12pt;
  }

.insetR {
  position: absolute;
  top: 0;
  right: 0;
  margin:0;
  font-size: 10pt;
  z-index: 5;
  }
.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: 4;
  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; }
.faq2 { margin: 1em 0; }
.faq2 li { margin: 0; }

/* css styles, forms */
form { margin: 0; }
form label { display: none; }
form input { padding: 0.5em; }
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; }
button { cursor:pointer; }

#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-color: #fff;
  border-width: 1px;
  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-color: #fff;
  border-width: 1px;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  border-radius: .3em;
  -moz-border-radius: .3em;
  }

h1 {
  color: #4296ed;
  font-size: 220%;
  padding: 0.25em 0;
  text-shadow: 0px 0px 3px #000;
  }

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; padding-top: 0em; }
ul li { margin-top: 0; padding-top: 0.2em; }
ul.pad li { margin-top: 0.25em; padding-top: 0.25em; }
ol { margin-top: 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.nopad li { margin-top: 0em; padding-top: 0em; }

.thbox { display:inline-block; width:128px; text-align:center; }
.highlight { background-color:#283848; }
.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; }

.group
  {
  background: transparent;
  font-size: 10pt;
  color: #efffa6;
  width: 130px;
  overflow: hidden;
  border: 1px solid #88d;
  }

table.btable td { border-style: none; }
table.btableL td { border-style: solid; border-width: 1px; }

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.72em; margin: 0; z-index:10; }
.tabs ul { font-size: 1em; list-style:none; }
.tabs ul li {
	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: #142D49;
	cursor:pointer;
	color: #FFF;
	border: 1px solid white;
	border-bottom: 0.1em solid #142D49;
}
#tabContainer { width:100%; }
.tabpage {
	padding: 1em;
	border: 1px solid white;
	border-radius: .5em;
	-moz-border-radius: .5em;
	background-color: #142D49;
}
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; }
.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 */
  }
.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; }
.point { cursor:pointer; }
.wrap { word-wrap: break-word; }
.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:#88f; border: 1px solid #000; }
.digest td { vertical-align:middle; }
.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; }
.imghtml { 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; }
.adjustval { font-size:10pt; }
.adjustinv { font-size:10pt; opacity:0; }
.adjust button { width:3.5em; }

.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 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 { text-decoration:none; color:#008; }