body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5F7383;
}

a.newCont {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* Tabs */

/* tabs for main menu */
#tabnav {
	height: 20px;
	margin: 0;
	padding-left: 20px;
	background: url(../cgi-bin/exptrip.pl?tab_bottom.gif) repeat-x bottom;
	/* margin-top: 30px; */
	margin-top: 20px;
}

#tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#tabnav span {
	float: left;
	background: #fff;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	/* padding around words in tabs */
	padding: 2px 5px 2px 5px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
	/* make tabs same width */
	width: 88px;
	text-align:center;
	white-space:nowrap;
}

#tabnav span.active {
	border-bottom: 1px solid #f3f3f3;
	background: #f3f3f3;
	color: #000;
}

#version {
	height: 20px;
	margin: 0;
	padding-left: 20px;
	background: url(../cgi-bin/exptrip.pl?tab_bottom.gif) repeat-x bottom;
	/* margin-top: 30px; */
	margin-top: 20px;
}

.subMenu {
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#d9d9d9;
	background-color: #f3f3f3;
}

/* tabs for use within applications */
#tabapp {
	height: 20px;
	margin: 0;
	padding-left: 20px;
	background: url(../cgi-bin/exptrip.pl?tab_bottom.gif) repeat-x bottom;
	/* margin-top: 30px; */
}

#tabapp li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#tabapp span {
	float: left;
	background: #f3f3f3;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	/* padding around words in tabs */
	padding: 2px 5px 2px 5px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
	/* make tabs same width */
	width: 94px;
	text-align:center;
}

#tabapp span.active {
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #660000;
}

/* Tables */

table {
	border: 1px #d9d9d9 solid;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

thead tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #e4e4e4;
	height: 20px;
}

/* various styles for use in tables */
.leftSide { border-left: 1px #d9d9d9 solid; }
.bottomSide { border-bottom: 1px #999999 solid; }
.plain { border-style:none; }

/* used for collapsing tables or other containers */
.container { border: 1px #d9d9d9 solid; }

.container tr.header {
	height: 20px;
	background-color: #e4e4e4;
	color: #333300;
}

.container tr.dim {
	height: 20px;
	background-color: #f2f2f2;
}

.container td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
}

.container td.heading {
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}

/* when data is shown in table format like report or contact list */
.dataTable { border: 1px #f2f2f2 solid; }
.dataTable tr { height: 20px; }

.dataTable tr.dim {
	height: 20px;
	background-color: #f2f2f2;
}

.dataTable tr.header {
	height: 20px;
	background-color: #e4e4e4;
}

.dataTable tr.headerOne {
	height: 20px;
	background-color: #d9d9d9;
}

.dataTable tr.headerTwo {
	height: 20px;
	background-color: #d9d9d9;
}

.dataTable tr.headerThree {
	height: 20px;
	background-color: #d9d9d9;
}

.dataTable td {
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.dataTable td.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

/* when inputs are put in a table in an application */
.appTable { border: 1px #d9d9d9 solid; }

.appTable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

.appTable th {
	height: 18px;
	background-color: #d9d9d9;
	text-align: left;
}

.appDim { background-color: #f2f2f2; }

/* when data is shown in table format, with no border, and with specific width, etc. */
.noborderTable1 {
	border: none;
	width: 800px;
	margin-left:55px; 
	margin-top:20px;
}

/* when data is shown in table format slightly different than a dataTable */
.displayTable { 
	border: none;
	border-collapse: collapse;
	padding-left: 3px;
	width: 100%;
 }

.displayTable tr { height: 20px; }

.displayTable tr.dim {
	height: 20px;
	background-color: #f2f2f2;
}

.displayTable tr.header {
	height: 20px;
	background-color: #e4e4e4;
}

.displayTable tr.headerOne {
	height: 20px;
	background-color: #d9d9d9;
}

.displayTable tr.headerTwo {
	height: 20px;
	background-color: #d9d9d9;
}

.displayTable tr.headerThree {
	height: 20px;
	background-color: #d9d9d9;
}

.displayTable td {
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.displayTable td.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.displayTable td.dataLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
	width: 20%;
}

.displayTable td.dataValue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 30%;
}

.displayTable td.anchorCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 15%;
	text-align: right;
	padding-right: 5px;
}

/* try to center two-column table with labels/inputs */
.displayTable td.rtLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 50%;
	text-align: right;
	padding-right: 5px;
}


/* when data is shown in table format slightly different than a dataTable */
.formTable { 
	border: none;
	border-collapse: collapse;
	padding-left: 3px;
	width: 500px;
 }

.formTable tr { height: 20px; }

.formTable tr.dim {
	height: 20px;
	background-color: #f2f2f2;
}

.formTable tr.header {
	height: 20px;
	background-color: #e4e4e4;
}

.formTable tr.headerOne {
	height: 20px;
	background-color: #d9d9d9;
}

.formTable tr.headerTwo {
	height: 20px;
	background-color: #d9d9d9;
}

.formTable tr.headerThree {
	height: 20px;
	background-color: #d9d9d9;
}

.formTable td {
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.formTable td.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.formTable td.dataLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
	width: 20%;
}

.formTable td.dataValue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 30%;
}

.formTable td.anchorCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 15%;
	text-align: right;
	padding-right: 5px;
}

/* try to center two-column table with labels/inputs */
.formTable td.rtLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 50%;
	text-align: right;
	padding-right: 5px;
}


/* Inputs */

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF ! important;
	border: 1px #999999 solid;
	margin: 1px 2px;
	padding: 1px 2px;
	height: 16px;
	vertical-align: middle;
	background-position: center;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	background-color: #FFFFFF ! important;
	border: 1px #999999 solid;
	padding: 2px;
	margin: 2px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px #999999 solid;
	margin: 1px 2px;
	padding: 1px 2px;
	vertical-align: middle;
	background-position: center;
}

.cbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: transparent ! important;
	border: none;
	margin: 1px 2px;
	padding: 1px 2px;
	height: 20px;
	vertical-align: middle;
	background-position: center;
}

.rad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: transparent ! important;
	border: none;
	margin: 1px 2px;
	padding: 1px 2px;
	height: 20px;
	vertical-align: middle;
	background-position: center;
}

.raddim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #f2f2f2;
	border: none;
	margin: 1px 2px;
	padding: 1px 2px;
	height: 20px;
	vertical-align: middle;
	background-position: center;
}

/* Buttons */
.Btn {
	background-color: #d9d9d9 ! important;
	color: #000000;
	width: 90px;
	height: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.emph1 {
	color: #5F7383;
	font-weight: bold;
}

.emph2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.emph3 {
	color: #990000;
	font-weight: bold;
}

.sml {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.horizontal { width: 100%; }
.vertical { height: 100%; }

.padded {
	padding-left: 3px;
	padding-right: 3px;
}

.tightBody { margin: 0px; }
.paddedBody { margin: 5px; }

.menuLink { color: #990000; }