/* Default font and color */
body {
  margin:0px;
  padding:0px;
  background-color:white;
  color:black;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:10pt;
}

h1 {
  font-size:12pt;
  font-weight:bold;
  margin:16px 0px 8px 0px;
  padding:0px;
}

h2 {
  font-size:10pt;
  font-weight:bold;
  margin:12px 0px 4px 0px;
  padding:0px;
}

h3 {
  font-size:8pt;
  font-weight:bold;
  margin:8px 0px 4px 0px;
  padding:0px;
}

p {
  margin:8px 0px 8px 0px;
}

p.date {
  font-size:8pt;
  font-weight:normal;
  font-variant:small-caps;
  color:#800000;
  margin:8px 0px 2px 0px;
  padding:0px;
}

ul {
  margin:8px 0px 8px 0px;
  padding-left:24px;
}

ul.compact {
  margin:0px 0px 0px 0px;
}

hr {
  border:none;
  border-top:1px solid #C0C0C0;
  margin:0.5em 0em 2em 0em;
}

a {
  text-decoration:none;
}

a img {
  border:none;
}

/* Overall Container */
div.layout {
  padding:0px;
  min-width:775px;
  max-width:1260px;
}

/* Left column */
div.left {
  float:left;
  width:190px;
  padding:0px 4px;
}

/* Main column */
div.main {
  margin:16px 0px 0px 200px;
  padding:0px 8px 0px 8px;
  border-left:1px solid #C0C0C0;
}

/* Header */
div.header {
  text-align:center;
}

div.header a {
  margin:0px;
  padding:0px;
  border:0px;
}

div.header h1 {
  color:white;
  font-size:15pt;
  font-weight:normal;
  text-align:center;
  margin:2px;
}

div.header h2 {
  color:white;
  font-size:10pt;
  font-weight:normal;
  text-align:center;
  margin:2px;
}

div.header table {
  border-style:none;
  border-width:0px;
  border-spacing:0px;
  border-collapse:collapse;
  margin:0px;
  padding:0px;
}

div.header td {
  border-style:none;
  border-width:0px;
  margin:0px;
  padding:0px;
}

div.header td.middle {
  width:100%;
  background-image:url('images/bgramp.png');
  background-position:right top;
  background-repeat:repeat-y;
  background-size:100%;
}

div.header-text {
  float:right;
}

div.header td.right {
  background-color:#800000;
}

/* Footer */
div.footer p {
  font-size:8pt;
  text-align:center;
}

div.footer hr {
  border:none;
  border-top:1px solid #C0C0C0;
  margin:8px 4px 4px 4px;
}

/* Nav bar */
div.navbar {
  background-color:#F0F0F0;
  /*border-top:1px solid black;
  border-bottom:1px solid black;*/
  text-align:center;
  width:100%;
}

div.navbar ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  overflow:hidden;
}

div.navbar li {
  float:left;
}

div.navbar li.right {
  float:right;
  padding:4px;
}

a.nav:link,a.nav:visited {
  display:block;
  width:100px;
  background-color:#E0E0E0;
  padding:4px;
  margin:1px;
  text-align:center;
  text-decoration:none;
}

a.nav:hover,a.nav:active {
  background-color:#C0C0C0;
}

/* FAQ */
div.faq ol {
  padding:0px;
  counter-reset: item;
  list-style-type: none;
}

div.faq li {
  font-size:10pt;
  font-weight:bold;
  margin:12px 0px 4px 0px;
  padding:0px;
}

div.faq li:before {
  content: 'Q' counter(item, decimal) '. ';
  counter-increment: item;
}

/* Screenshots */
div.gallery {
  float:left;
  margin:8px;
  padding:2px;
  border:1px solid #A0A0A0;
  background:#E0E0E0;
}

div.gallery h2 {
  font-size:8pt;
  font-weight:normal;
  text-align:center;
  margin:2px;
}

div.gallery img {
  margin:2px;
}

/* Index */
div.index {
  font-size:8pt;
}

div.index a {
  color:black;
}
div.index a:hover {
  color:blue;
}
div.index a:active {
  color:red;
}

div.index p {
  margin:0px;
}

div.index ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.index li.level1 {
  font-weight:bold;
  margin:4px 0px 4px 0px;
}
div.index li.level2 {
  font-weight:normal;
  margin:4px 0px 4px 4px;
}
div.index li.level3 {
  font-weight:normal;
  margin:4px 0px 4px 8px;
}
div.index li.level4 {
  font-weight:normal;
  margin:4px 0px 4px 12px;
}

/* Tables */
table.data {
	margin-left:5%;
	width:90%;
	border-collapse:collapse;
	border:1px solid #808080;
}
table.data th {
	border:1px solid #808080;
	background:#C0C0FF;
	font-weight:normal;
}
table.data td {
	border:1px solid #808080;
	vertical-align:top;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
}
table.data .ctr {
	text-align:center;
}

/* Java code */
div.java {
	margin-left:5%;
	width:90%;
	border:1px solid #808080;
	background:#F0F0FF;
	font-family:monospace;
}
div.java .inner {
	padding:3px;
}
div.java .kwd {
	color:#7F0055;
	font-weight:bold;
}
div.java .ann {
	color:#808080;
}
div.java .cmt {
	color:#008000;
	font-style:italic;
}
div.java .str {
	color:#0000C0;
}

/* Other */
div.news {
  border-bottom:1px solid #C0C0C0;
}

div.screen {
  text-align:center;
  font-size:8pt;
}

div.qrcode {
  margin:8px;
  text-align:center;
  font-size:8pt;
  /*border:1px solid #C0C0C0;*/
}

div.qrcode p {
  margin:0px 0px 8px 0px;
}

div.badges {
  text-align:center;
}

div.badges img {
  margin:8px;
}

div.badge {
  margin:8px;
  text-align:center;
}

/* Button images */
img.button {
  vertical-align:middle;
}

span.result {
  font-size:11pt;
  font-weight:bold;
  background:#8EB498;
  border:1px solid #808080;
  padding:2px 4px;
  vertical-align:middle;
}