img	{ border: none; }
p	{ text-align: center; }
form	{ display: inline; }
body	{
	width: auto;
	color: #000;
	background: #fff;
	margin: 0.5em 0.5em;
}
/* think this one unused 12/26/05
h3	{ 
	font-size: 10pt;
	font-family: arial;
	font-weight: normal;
	text-align: center;
	padding: 0.2em 0;
	margin: 0 0 -0.2em;
}
*/
#motdarea	{ float: right; width: 52%; z-index: 10; }
/* "tabbar" is a class as there may be more than one of 'em 
	these are styles which allow image-based tabs to display
*/
.tabbar	{ 
	border-bottom: 1px #000 solid; 
	padding-top: 0.2em;
}
.tabbar a span	{ display: none; }
.tabbar a:hover span	{
	display: block; float: right; 
	top -10; right: 0; 
	width: 52%; z-index: 100; 
	color: #000; background: #fff;
}
.tabbar img	{
	display: inline;
	padding: 0 0 0 0;
	border: none;
}
/* "tabcss" is a class as there may be more than one of 'em
	these are styles which allow CSS-based tabs to display
*/
.tabcss {
	background: #455372 url("/images/tabbar_body.png") bottom left repeat-x;
	position: relative;
	min-height: 39px;
	height: 2em;
	padding: 15px 0;
}
.tabcss ul {
	width: 99%;
	position: absolute;
	bottom: 0;
	right: 0;	/* this makes right rounded-bottom image align */
	margin: 0;
	padding: 0;
	list-style: none;	/* no bullet or other */
	/* round off right bottom end of ul background image */
	background: url("/images/tabbar_end.gif") no-repeat bottom right;
}
.tabcss li {
	float: left;
	display: inline;
	background: transparent url("/images/tab.gif") 0% -600px no-repeat;
	padding: 0 0 0 6px; margin: 0;
	border-bottom: 1px solid #515358;
}
/* span elements added to allow tabs to display on 
no-perl home page, without being click-able links */
.tabcss li span {
	float: left;
	display: inline;
	padding: 4px 10px 4px 4px;	/* center link text in image? */
	background: transparent url("/images/tab.gif") 100% -600px no-repeat;
	color: #bbb; text-decoration: none;
	font-weight: bold;
}
.tabcss ul li:hover { background-position: 0% -600px; }
.tabcss ul li:hover span { background-position: 100% -600px; }
/*
.tabcss ul li:hover { background-position: 0% -400px; }
*/
/* finshed with tab-span fudge */

.tabcss ul a {
	float: left;
	display: block;
	padding: 4px 10px 4px 4px;	/* center link text in image? */
	background: transparent url("/images/tab.gif") 100% -600px no-repeat;
	color: #bbb; text-decoration: none;
	font-weight: bold;
}
.tabcss ul li:hover a { background-position: 100% -400px; 
	color: #fff;
}
#tabact {
	background-position: 0% -400px; 
	border-bottom: 1px solid #747f96;
}
#tabact a {
	color: #fff;
	font-weight: bold;
	background-position: 100% -400px; 
	border-bottom: none;
}
	
#crumbs	{ 
	width: auto;
	background: #747f96; /* same as active tab */
	margin: 0 10px;
	font-family: Arial;
	font-size: 12pt;
}
#crumbs p	{
	margin: 0;
	text-align: left;
}
#crumbs a	{
	margin: 0;
	padding: 0.1em 0.4em 0 0.4em;
	color: #bbb;
	text-decoration: none;
}
#crumbs a:hover {
	color: #fff;
}
#crumbs a span	{ display: none }
#crumbs a:hover span {
	display: block;
	position: absolute; top: -70px; left: -165px; width: 125px;
	padding: 5px; margin: 10px; z-index: 100;
	color: #aaa; background: black;
	font: 10px Verdana, sans-serif; text-align: center;
}
#mainbody	{
	clear: none;
	margin-left: 201px;
	padding: 0 2em;
}
/* end of site navigation "tab(img|css)" styles */
#leftvbar	{ 
/* couldn't get all the browsers to agree unless used "position: absolute;" */
	/*
	position: absolute;
	top: 7em; left: 0.5em;
	width: 240px;
	z-index: 100;
	*/
float: left; clear:  both; width: 200px; 
	padding-top: 1em;
	margin-top: 3.4em;
	border-right: 1px #aaa solid;
}
#leftvbar table { 
	margin-top: 1.5em;
	width: 98%;
	border: 1px #aaa solid;
}
#leftvbar tr.header { 
	vertical-align: bottom;
	bottom-border: 1px red solid;
}
#leftvbar th { border: 1px #aaa solid; text-align: center; }
#leftvbar tr { font-size: 10pt; vertical-align: top; }
#leftvbar td { 
	margin: 0.1em;
	border: 1px #aaa solid;
	font-family: Arial;
	text-align: right;
}
#leftvbar td.first { 
	margin: 0.1em;
	border: 1px #aaa solid;
	font-family: Arial;
	text-align: left;
}
#leftvbar a	{ display: block; margin: 0.2em 0.4em; }
#leftvbar p a	{ display: inline; }
#leftvbar td { text-align: left; }
#leftvbar td.first a	{ display: inline; }
#leftvbar a#search	{
	margin: 1em 0em;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-decoration: underline;
}
#leftvbar p { 
	text-align: left;
	margin: 0.2em 0em ;
}
#leftvbar p.topicheader { 
	text-align: center;
}
/* styles for documentation */
table#docnav { margin: 4em 0 0 0; border: none; width: 100%; }
#leftvbar a.guide { 
	text-align: left;
	margin: 0.6em 0;
}
#leftvbar p.guide { 
	text-align: left;
	margin: 0 0 0.6em 0;
	font-weight: bold;
}
#leftvbar a.chpt { 
	text-align: left;
	margin: 0 0 0.3em 1.2em;
	font-weight: normal;
}
#leftvbar p.chpt { 
	text-align: left;
	margin: 0 0 0.3em 1.2em;
	font-weight: normal;
}
#help,
#getpage {
	clear: right;
	margin: 0 0 0 240px;
	border-bottom: 1px solid #000;
	padding-left: 1em;
	border-left: 1px solid #aaa;
	font-family: Arial, sans-serif;

}
#getpage p { text-align: left; font-size: 12pt; }
p#title	{ font-size: 14pt; font-weight: bold; font-family: Arial; 
	margin: 3em auto 0 201px;
}
p#subtitle	{ font-family: Arial; font-size: 12pt; margin-left: 201px; }
#logo img{ border: none; }
#mainleft { margin: 0 38% 0 24%; padding: 0 0 0 1em; }
#mainright {
	float: right;
	margin: 0;
	padding: 0 0 0 1em;
	width: 36%;
}
#dataheader { clear: right; height: 3.5em; margin: 1em 0 0 26%; }
#dataheader h2	{ font-family: arial; text-align: center; padding: 0; margin: 0 0; }
#dataheader img	{ padding: 0 0 0 0; display: inline; border: none; }
#dataheader p	{ padding: 0 0 -3em 0; }
#visualize { float: left; width: 30%; }
#visualize p	{ padding: 0 0 0 0; margin: 1.4em 0 0 0; }
#navigate { float: right; width: 40%; padding: 0 0 0 0; margin: 0 0 0 0; }
.icons	{ text-align: center; padding: -0.2em 0; margin: 0.4em 0 -0.2em 0; }
.icons a	{ padding: 0 0 -0.2em 0; margin: 0 0 -0.2em 0; }
.icons img	{ padding: -0.2em -0.02em; margin: 0 -0.2em; }
#noteleft { float: right; width: 30%; margin-left: 26%; }
#notecenter { float: right; width: 30%; }
.buttons {
	clear: right;
	margin: 0 0 0 26%;
	text-align: center;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #000;
	font-family: Arial, sans-serif;
}
.buttons form	{ margin: 0 auto; }
.buttons input	{ margin: 0 -0.2em; }
.buttons textarea	{ margin: 0; font: Arial, sans-serif; }
.buttons table { border: 1px solid #aaa; }
.buttons td { border: 1px solid #aaa; text-align: left; padding: 0 0.4em; }
.buttons tr { vertical-align: top; }
.buttons th { vertical-align: top; }
/* focus pages have slightly different table layout. 3 columns, 
* leftmost is a <th> tag, center is class=advice, rightmost is data.
*/
#pager,
#focus { 
	clear: right;
	margin: 0 0 0 240px;
	padding: 0 0 0.5em 1em;
	border-bottom: 1px solid #000;
	font-family: Arial, sans-serif;
}

#pager table	{ border: 1px solid #aaa; }

#pager tr,
#help tr,
#focus tr { vertical-align: top; }
#pager tr.odd { background: #ccc; }
#pager tr.even { background: #ddd; }

#focus th { vertical-align: top; }

#pager td,
#help td,
#focus td { border: 1px solid #aaa; }

#pager p { text-align: left; font-size: 12pt; }
#pager img { border: none; }
/* datepair defines links to date input tables */
a.datepair { display: block; }
#pagertable td	{
	text-align: center;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
#pagertable td.cellLabel	{
	text-align: left;
	padding-left: 0.3em;
}
#pagertable td a	{
	display: block;
	margin: 0;
	padding: 0;
}
#pagertable td a.inline	{ display: inline; }
#pagertable td a.historyFlag	{
	color: #00f;
	vertical-align: 40%;
	display: inline;
}
#pagertable td a.historyFlagRecent	{
	color: red;
	vertical-align: 40%;
	display: inline;
}
#pagertable td.left { text-align: left; padding-left: 0.2em; }
#searchform	{
	clear: right;
	margin: 0 0 0 26%;
}
#searchform	form	{
	display: inline;
}
#searchform	table	{
	width: 50%;
	margin: 0 auto;
}
#searchform	td,th	{
	border: 1px solid #aaa;
	text-align: center;
}
#navfoot	{
	vertical-align: center;
	text-align: center;
	margin-left: 26%;
}
#footer { 
	clear: both;
	text-align: justify;
	margin: 1em 0 0 26%;
}
.critnew	{ background: #f00; color: #cff; text-align: center; }
.critmid	{ background: #c00; color: #9cf; text-align: center; }
.critold	{ background: #900; color: #69f; text-align: center; }
.warnnew	{ background: #ff0; color: #000; text-align: center; }
.warnmid	{ background: #fc3; color: #333; text-align: center; }
.warnold	{ background: #c93; color: #666; text-align: center; }
.plannew	{ background: #0f0; color: #000; text-align: center; }
.planmid	{ background: #0c0; color: #666; text-align: center; }
.planold	{ background: #090; color: #aaa; text-align: center; }
.donenew	{ background: #0ff; color: #000; text-align: center; }
.donemid	{ background: #09c; color: #309; text-align: center; }
.doneold	{ background: #009; color: #999; text-align: center; }
.dropnew	{ background: #ccc; color: #333; text-align: center; }
.dropmid	{ background: #999; color: #660; text-align: center; }
.dropold	{ background: #666; color: #99c; text-align: center; }
.plan	{ background: #0c0; }
.warn	{ background: #fc0; }
.crit	{ background: #f00; }
.done	{ background: #00f; }
.drop	{ background: #ddd; }

a.inline	{ display: inline; }
a.historyFlag	{ color: #00f; vertical-align: 40%; display: inline; }

p#mailto	{ text-align: center; font-weight: bold; }
	
em	{ font-style: italic; color: green; }
h1	{ margin-top: 12pt; margin-right: 0in; margin-bottom: 6pt; margin-left: 0in; font-size: 14pt; font-family: Helvetica; font-weight: bold; }
h2	{ font-size: 12pt; }
h4	{ font-size: 10pt; font-family: Helvetica; font-weight: bold; }
sup	{ font-size: x-small; text-decoration: underline; vertical-align: super; }
th	{ background: #ddd; font-size: 11pt; font-family: serif; vertical-align: bottom; }
td	{ font-family: Arial; margin-top: 0; padding: 0 0.3em; }
ul	{ margin: 0pt 0pt 0.5em 0.5em }
li	{ margin-left: 0.5em; }
.advice		{ font-size: 10pt; color: #24007e; background: #eee; font-family: Arial; }
a.bodyheader	{ text-align: left; font-weight: bold; margin-top: 1em 0 .3em 01.5em; }
.bodytext	{ text-align: justify; margin-bottom: 6pt; margin-right: 18pt; }
.bottom		{ vertical-align: bottom; }
.flag		{ color: red; vertical-align: super; }
.formlabel	{ padding-right: 6pt; text-align: right; vertical-align: center; text-family: Arial; }
.history	{ color: #848484; }
.leftlink	{ text-align: left; font-size: medium; padding-top: 0; padding-bottom: 0; }
.lefttable1	{ border: thin; background: blue; background-image: none; }
.mooted		{ text-decoration: line-through; }
.motd		{ text-align: center; }
.red		{ color: #fc0000; font-family: Arial; }
.required	{ vertical-align: 40%; color: red; }
.smaller	{ font-size: smaller; }
.smallCenter	{ font-size: 8pt; text-align: center; }
.sst		{ color: #ff9933; font-family: Arial; }
.subtitle	{ text-align: center; font-family: Arial; font-size: medium; }
.tiny		{ font-size: 8pt; font-family: Arial; line-height: 60% }
.title		{ text-align: center; font-size: larger; font-weight: bold; margin-top: 12pt; border-bottom-width: thin; font-family: Arial; }
.topicheader	{ text-align: center; font-weight: bold; }
.topictext	{ text-align: left; }
/*
.helpHeader1	{ text-align: left; font-weight: bold; font-size: larger; }
.helpHeader2	{ text-align: left; }
.tripreportsCell	{ background: #f93; }
.tripreportsText	{ color: #f93; }
.testCell		{ background: #888; color: #bbb; }
.testText		{ color: #888; }
*/
/* *Cell styles are used to define table cell colors and fonts */
/*
.doneCell		{ }
.noneCell		{ }
.redCell		{ background: #f00; color: #0ff; }
.yellowCell		{ background: #ff0; color: #00f; }
.greenCell		{ background: #0f0; color: #f0f; }
*/
/* *SevCell styles are used to define table cell colors and fonts */
/*
.doneSevCell	{ text-align: center}
.noneSevCell	{ text-align: center}
.redSevCell		{ background: #f00; text-align: center}
.yellowSevCell	{ background: #ffb400; text-align: center}
.greenSevCell	{ background: #00b400; text-align: center}
.doneText		{ }
.noneText		{ }
.redText		{ color: #f00; }
.yellowText		{ color: #ffb400; }
.greenText		{ color: #0f0; }
.doneText		{ }
.noneText		{ }
.redSevText		{ color: #0ff; }
.yellowSevText	{ color: #ffb400; }
.greenSevText	{ color: #00f; }
*/
.vbar	{ color: #b4b4b4; background: #fff; font-size: 10pt; }
table.vbar td a	{ display: inline; color: green;}