/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b2 | 201101
   NOTE: THIS IS A BETA VERSION (see previous line)
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 2pt;
}
/******** End of CSS Reset **********/


body			{height: 100%; background: #9CF; font-family: 'Times New Roman', Times, Serif}
h1				{text-align: center; padding: 0mm; margin-left: auto; margin-right: auto; font-size:150%;
				font-weight: bold}
h2				{text-align: left; font-size: 14pt; font-weight: normal; margin: 0 20% 2px}
h3
h4
h5
h6

p				{margin: 3mm 1em}
b				{font-weight: bold}

main.table		{margin-top: 10mm; }
table.bordered, table.bordered th, table.bordered td	
				{border: 2px solid black; padding: 2mm;vertical-align: middle }

td p			{text-align: right; margin-top: 2pt; margin-bottom: 2pt}

table.borderless, table.borderless th, table.borderless td 
				{border:0px; padding: 1mm; margin-top:0px; vertical-align: middle}

hr				{width:90%; margin:5mm auto}

select			{margin: 0}
button			{margin: 2mm}

.unicode		{font-family: "Arial Unicode MS", "Microsoft Sans Serif", "Free Sans", "Gentium Plus", "Gentium Basic", "Gentium", "GentiumAlt", "DejaVu Sans", "DejaVu Serif", "Free Serif", "TITUS Cyberbit Basic", "Bitstream Cyberbit", "Bitstream CyberBase", "Doulos SIL", "Code2000", "Code2001"}
.center			{margin-left: auto; margin-right: auto; text-align: center}
.right			{margin-right:0; text-align: right}
.left			{margin-left:0; text-align: left}
.italic			{font-style: italic}

.hilight		{background: yellow}
.clickable		{text-decoration: underline; cursor: pointer}
.unsaved		{background:#FFC; color: #45F}
.inactive		{background:orange; display:none}
.evenrow		{background:#FF6}
.oddrow			{background:#6CF}
.sortable thead	{color:white; background: black; font-weight:bold; border:2px solid white}

.help			{position: absolute; top: 5cm; padding: .5em; width: 50%; 
				max-width: 15cm; left:25%; background: white; z-index: 60; 
				border:6px ridge yellow; text-align: justify; margin-bottom:2cm}

div.popup_win	{position: fixed; top: 1cm; padding: .5em;
				background: white; z-index: 60; border:6px ridge yellow}

.closer			{position: absolute; top:-16px; left:-16px;
				margin:0; padding: 0;
				z-index: 100; cursor: pointer;}

.spinner		{position: absolute; top:4px; left:-32px;
				margin:0; padding: 0;
				z-index: 100;}
				
.pop_content	{height:100%; padding-right: 1em; overflow: auto; max-height: 15cm;}

.help img		{display: inline-block}

#menu		{width: 5cm; height: 100%; position: fixed; left: 0px; top: 0px; background: #9F9}
#menu p		{text-align: center; margin-top: 12pt; font-size: 150%}
#main		{position:absolute; left: 5cm; top: 0; padding: 5mm; min-width:7in}
div.spacer		{height: 1cm}

#progress_meter	{background-image:url('Pictures/ProgressMeter.png')}



/**** AUTOCOMPLETE SECTION ****/
div.autocomplete {
  opacity:0.85;
  position:absolute;
  width:250px;
  background-color: white;
  border:1px solid yellow;
  margin:0;
  padding: 3pt;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { 
	background-color: #9F9;
	opacity:1;
	font-weight:bold;
	}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}