body {
	color: #000000;
	background: #cccccc;
	font-family: Arial, /*"Trebuchet MS",*/ Helvetica, sans-serif;
	font-size: 91.667%; /*1em;*/ /*83.33%;*/
	font-style: normal;
	margin: 0;
	padding: 0.3em;
}

#pagehead, #footer {
	width: 100%;
	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	color: #000000;
}
#pagehead { border-top: 1px solid #000000; border-bottom: 0; }
#footer {
	clear: both; text-align: center;
	border-top: 0; border-bottom: 1px solid #000000;
}
img { vertical-align: middle; }
#leftfoot { width: 15%; }
#leftfoot img { float: right; }
#rightfoot { width: 15%; text-align: right; font-size: xx-small; }
#rightfoot img { float: left; }
#midfoot { width: 70%; text-align: center; font-size: x-small; color: #666666; }

#tcontent {
	width: 100%;
	background-color: #e0e0ff;
	line-height: 1.24em;
	border-top: 0;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 0.5em 0 0.5em 0;
}

#tleftpanel, #leftpanel { width: 12em; padding: 0 0.5em 0 0.5em; }
#trightpanel, #rightpanel { padding: 0 0.3em 0 0.2em; }
#rightpanel { margin: 0 0 0 13em; }
#onepanel { margin: 0; padding: 0.5em; }
.spacer { margin: 0; padding: 0; font-size: 1px; clear: both; }

body input, body select, table input, table select {
	font-family: Tahoma, Geneva, sans-serif; font-size: 0.9em;
}
body textarea, table textarea {
	font-family: "Lucida Console", Monaco, monospace; font-size: 0.9em;
	overflow: scroll;
}
pre, tt, .mono, .msgpreview
	{ font-size: 0.9em; font-family: "Lucida Console", Monaco, monospace; }
.msgpreview { border: 2px inset; margin: 0; padding: 0.2em; background: white; }

A:link { color: #0000ff; text-decoration: underline; }
A:visited { color: #6600cc; text-decoration: underline; }
A:hover { color: #cc0000; text-decoration: underline; }

form { display: inline; margin: 0; padding: 0; }
fieldset, legend, label { border: none; margin: 0; padding: 0; }

th, th a:link, th a:visited, th a:hover {
	font-weight: bold;
	color: #ffffff; background-color: #003300;
	padding: 1px;
}
th a:hover { color: #FF0000; cursor: pointer; }
td a { cursor: pointer; }
td.rnkatr { text-align: left; white-space: nowrap; padding-right: 0.2em; }

.openblk { display: table-row; }
.closblk { display: none; }

/*h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; margin: 0.8em 0 0.5em 0; }
*/
h1, h2, h3 { font-family: "Times New Roman", Times, serif; }
h1 { font-size: 1.7em; margin: 0.8em 0 0.5em 0; }
h2 { font-size: 1.4em; margin: 0.8em 0 0.5em 0; }
h3 { font-size: 1.2em; margin: 0.5em 0 0.4em 0; padding: 0; }

h1.report, h2.report, h3.report { margin: 0; }

ul.navbullet {
	list-style: url("http://unicorn-research.com/mbaguide/images/bullet.gif") disc outside;
	margin: 0;
	padding: 0 0 1em 24px;
}

dt { margin-top: 0.5em; }

.survey { background: #ccccff; padding: 0.5em; line-height: 1.2em; }
	/* line-height: 1.2em above is to fix IE's peekaboo bug */
.pviewhead { border: 1px solid black; padding: 0.3em; background: #ceceff; }
.pviewdata { border: 1px solid black; padding: 0.3em; background: white; }

.textcount, .textcounter {
	border: 0; background: transparent;
	margin: 0; padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.9em;
}

.indent2 { margin-left: 2em; margin-right: 2em; } /* left-right indent */
.lmnw { padding-left: 2em; white-space: nowrap; } /* left margin no wrap */ 
.pad6px { padding-left: 6px; padding-right: 6px; }
.nobr { white-space: nowrap; }
.tit { padding: 0; border-bottom: 1px dotted blue; }
.para { text-indent: 2em; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.left { text-align: left; }
.right { text-align: right; }
.middle { vertical-align: middle; }
.centerblock { max-width: 60em; display: table; margin: 0px auto; }
.smaller { font-size: smaller; }
.tiny { font-size: xx-small; }
.invert { color: #ffffff; background-color: #003300; }
.btnbold { font-weight: bold; }
.greytext { color: #999999; }
.brown { color: #884400; }
.outdent { margin: 0 0 0 24px; padding: 0; text-indent: -24px; }
.warningtext { font-size: larger; font-weight: bold; color: red; }
.tableborder { border: black 1px solid; }
.centertxt { text-align: center; }
.rowcolor0 { background: #e5e5e5; }
.rowcolor1 { background: #cccccc; }

.announcement {
	color: #000000;
	background: #ffffcc;
	margin: 0 5% 0 5%;
	padding: 0.5em;
	border: 2px groove;
	/*border-radius: 0.5em; */
}
.ymenu, .gmenu, .wmenu {
	padding: 0.1em;
	color: #000000;
	border: 1px solid #000000;
	/*border-radius: 0.5em; */
}
.ymenu { background: #ffffcc; }
.gmenu { background: #cccccc; }
.wmenu { background: #ffffff; padding: 0.1em 0.3em 0.1em 0.3em; }

.graybox, .yellowbox, .greenbox, .whitebox, .dnsblmsg {
	padding: 0.2em;
	color: #000000;
	border: 3px outset;
}
.graybox { background: #cccccc; }
.yellowbox { background: #ffffcc; }
.greenbox { background: #ccffcc; }
.whitebox { background: #ffffff; }
.pwbox { border: 3px outset; margin: 1em 10%; padding: 1em; color: #000000; background: #F5F5F5; }
.dnsblmsg { background: #ffcccc; font-size: smaller; color: #330066; }

/* <div class="nav"> makes an enclosed series of links into tabs.
   <ul class="navlist"> makes an unordered list into tabs,
   with optional sub-lists appearing in drop-down menus.
   Navigation sub-lists must be placed inside a div in the <li> element.
*/
.nav, .navlist {
	display: block;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	clear: both;
	padding: 2px 0.3em 0 0.3em;
	margin: 0 0 0 0;
	border-bottom: 1px solid #0000ff;
	/* white-space: nowrap; */
}
.navlist ul { margin: 0; padding: 0; }
.navlist li { list-style: none; margin: 0; padding: 0; display: inline; position: relative; }
.nav a, .nav a:hover, .nav a:visited, .nav a.current,
 .navlist li a, .navlist li a:hover, .navlist li a:visited,
 .navlist li.current a {
	position: relative;
	color: #000099;
	border: 1px solid #0000ff;
	padding: 1px 0.15em 0 0.15em;
	text-decoration: none;
}
.nav a, .nav a:hover, .nav a:visited, .nav a.current
	{ bottom: -1px; /* fix for FireFox */ }
.nav a, .navlist li a { background-color: #cccccc; }
.nav a:hover, .navlist ul li a:hover { background-color: #99ffff; }
.nav a.current, .nav a:visited.current,
 .navlist ul li a.current, .navlist ul li a:visited.current {
	border-bottom: 1px solid #e5e5e5;
	color: #009933;
	background-color: #e5e5e5; 
	/*font-weight: bold;*/
}
.navlist li div { z-index: 1; margin: 0; padding: 0;
	text-align: left; white-space: nowrap; background: #cccccc;
	display: none; border: 1px solid red; border-bottom: 0;
	position: absolute; top: 1em; left: 1em; }
.navlist li div ul { margin: 0; padding: 0; }
.navlist li:hover div { display: inline; }
.navlist li:hover div ul { display: block; margin: 0; padding: 0; }
.navlist li:hover div ul li { display: list-item; padding: 1px 0.3em 1px 0.1em; border-bottom: 1px solid #009900; width: 11em; }
.navlist li:hover div ul li:hover { background: #99ffff; }
.navlist li:hover div ul li a { background: 0; border: 0; }

/* fake button decoration for a link */
.button {
	display: inline;
	color: #000000;
	background-color: #cccccc;
	margin: 8px;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border: 2px outset #bbbbbb;
}
a.button, a.button:hover, a.button:visited
	{ text-decoration: none; color: #000000; cursor: pointer; white-space: nowrap; }

/* may include from http://www.kryogenix.org/code/browser/aqlists/ */