/**********************************************
CSS Class and ID definitions
***********************************************
headermain			- Class:	Assigned to table cell holding page header text on pages opened in the main browser window
headerspacer		- Class:	Assigned to table cell that holds the fade beneath page header
popup				- Class:	Assigned to h1 tags in pages opened in popup browser windows
button				- Class:	Assigned to input tags of type button to distinguish them from other input tags
freestanding		- Class:	Assigned in conjunction with the button class to adjust layout if not in a formholder table
plain				- Class:	Assigned to form element tags to remove default styles -- usually used for checkboxes and radio buttons
formholder			- Class:	Assigned to a table tag tha houses form elements
contentheader		- Class:	Assigned to a div tag to create a visual effect at the top of content sections
	left			- Class:	Assigned to a div tag holding the left image element of the contentheader
listtable			- Class:	Assigned to a table tag that houses tabular data
	over			- Class:	Assigned by JavaScript to tr tags within a listtable when the onmouseover event is triggered
	highlight		- Class:	Assigned to odd tr tags within a listtable -- used to alternate background colors
	hide			- Class:	Assigned by JavaScript to div tags housing content to be hidden
help				- Class:	Assigned to a div tag housing a help link and message
	window			- Class:	Assigned to a div tag housing the message portion of a help element
	over			- Class:	Assigned by JavaScript to a window div tag to display and position the help window
navlist				- Class:	Assigned to the div tag that houses the site navigation
	active			- Class:	Assigned to main and sub level li tags holding the currently active navigation items
	inactive		- Class:	Assigned to main level li tags holding navigation items for pages the user does not have permission to access
maincontent			- Class:	Assigned to the div tag that ouses the main page content
	contentsection	- Class:	Assigned to div tags that house sections of the page content - used to divide the content into sections
	message			- Class:	Assigned to div tags housing system messages, such as successful submission and error messages
	debug			- Class:	Assigned to div tags housing detailed error messages intended for developers only
projectinfo			- ID:		Assigned to the div tag that houses project information content
*/

/**********************************************
Global settings
**********************************************/
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
body {
	background: #fff url(../images/PTrx_background.gif) no-repeat top right;
	margin: 0px;
	padding: 0px;
}
div.popup {
	padding: 10px 10px 0px 10px;
}
.headermain {
	background: #343D78;
	text-align: right;
}
.headerspacer {
	border-top: 14px solid #000;
	background: #fff url(../images/PTrx_header_fade.gif) repeat-x;
	line-height: 30px;
}

/**********************************************
Default headers
**********************************************/
h1 {
	font-size: 24px;
	color: #CBCDD6;
	margin: 0px;
	padding-bottom: 19px;
}
h1.popup {
	font-size: 24px;
	color: #CBCDD6;
	padding: 9px;
	border-bottom: 7px solid #000;
	background: #343D78 url(../images/PTrx_header_arrows.jpg) no-repeat right;
}
h2 {
	font-size: 14px;
	margin: 0px;
}
h3 {
	font-size: 13px;
	color: #495187;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

/**********************************************
Default form elements
**********************************************/
form {
	margin: 0px;
	padding: 0px;
}
select, option, input, textarea {
	margin: 0px;
	padding: 1px;
	border: 1px solid #000;
	font-size: 12px;
	color: #000;
}
select {
	height: 20px;
}
input.button {
	font-weight: bold;
	font-size: 12px;
	background: #979284;
	color: #FFFAED;
	padding: 0px;
}
input.freestanding {
	margin: 5px 0px 0px 0px;
}
.plain {
	border: none;
	background: none;
}
.formholder {
	margin: 0px 5px 5px 0px;
}
.formholder td {
	padding: 5px 5px 0px 0px;
}
.formholder th {
	padding: 5px 5px 0px 0px;
	text-align: left;
	font-weight: bold;
}

/**********************************************
Pagination table
**********************************************/
.pagination {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	margin: 5px 0px 5px 0px;
	background: #D3D6F1;
}
.pagination th {
	padding: 2px 0px 2px 5px;
	text-align: left;
	font-weight: bold;
}
.pagination td {
	border-right: 1px solid #000;
	padding: 2px 5px 2px 5px;
}
.pagination a:hover {
	color: #495187;
}
.pagination strong {
	 color: #000;
	 font-size: 14px;
}

/**********************************************
Content header graphical elements
**********************************************/
.contentheader {
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.contentheader .left {
	margin: 0px;
	padding: 0px;
	float: left;
}

/**********************************************
Tab graphical elements
**********************************************/
.tab {
	margin: 0px;
	padding: 0px;
	text-align: right;
	background: url(../images/PTrx_tab_gold_c.gif) repeat-x;
}
.tab .left {
	margin: 0px;
	padding: 0px;
	float: left;
}

/**********************************************
Content list tables
**********************************************/
.listtable {
	border-top: 1px solid #495187;
	border-left: 1px solid #495187;
}
.listtable tr {
	background: #fff;
}
.listtable tr.subheader {
	background: #E1D0AA;
}
.listtable tr.subheader td {
	font-weight: bold;
}
.listtable tr.over {
	background: #fff7e6;
}
.listtable tr.over td {
	color: #000;
}
.listtable tr.over td a {
	
	color: #000;
}
.listtable tr.over td a:hover {
	color: #495187;
}
.listtable th {
	padding: 2px 5px 2px 5px;
	border-right: 1px solid #495187;
	border-bottom: 1px solid #495187;
	background: #495187;
	white-space: nowrap;
}
.listtable th, .listtable th a {
	font-weight: bold;
	font-size: 12px;
	color: #FFFAED;
}
.listtable th a:hover {
	color: #fff;
}
.listtable td {
	font-weight: normal;
	font-size: 12px;
	padding: 2px 5px 2px 5px;
	border-right: 1px solid #495187;
	border-bottom: 1px solid #495187;
}
.listtable td a {
	display: block;
	width: 100%;
	color: #000;
}
.listtable td a:hover {
	color: #69655C;
}
.listtable .highlight {
	background: #feebc0;
}
.hide {
	display: none;
}

/**********************************************
Help windows
**********************************************/
.help {
	text-align: center;
	margin: 5px 0px 0px 0px;
	float: right;
	width: 1em;
	background: #FFF7e6;
	border: 1px solid #504D46;
}
.help a {
	display: block;
	color: #504D46;
	width: 100%;
	font-size: 11px;
	line-height: 10px;
	font-weight: bold;
	text-decoration: none;
}
.help a:hover {
	color: #FFF7e6;
	background: #979284;
}
.help .window {
	display: none;
}
.help .over {
	text-align: left;
	display: block;
	position: absolute;
	font-weight: normal;
	width: 200px;
	margin: -1px 1px 0px 0px;
	padding: 5px;
	right: 15px;
	background: #E3E4EC;
	border: 1px solid #000;
}
.help .over h4 {
	border-bottom: 1px solid #000;
	width: 200px;
	background: #495187;
	margin: -5px -5px 5px -5px;
	padding: 2px 5px 2px 5px;
	color: #FFFAED;
}
.help .over h4 a {
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px 2px 0px 3px;
	float: right;
	width: auto;
	line-height: 12px;
	color: #495187;
	background: #fc5;
	border: 1px solid #000;
}
.help .over h4 a:hover {
	color: #FFFAED;
	background: #979284;
}

/**********************************************
Main nvigation
**********************************************/
.navlist {
	width: 120px;
}
.navlist ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #000;
	border-bottom: none;
	list-style: none;
}
.navlist li {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	background: #fc5;
}
.navlist li.active {
	color: #495187;
	background: #FFF7e6;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}
.navlist li.inactive {
	color: #BB8E31;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}
.navlist a {
	display: block;
	color: #495187;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	width: 100%;
}
.navlist li>a { /* Hide from IE */
	width: auto;
}
.navlist a:hover {
	color: #495187;
	background: #FFF7e6;
}
.navlist a.active {
	color: #495187;
	background: #FFF7e6;
}

/**********************************************
Sub navigation
**********************************************/
.navlist li ul {
	background: #FFF7e6;
	margin: 0px;
	padding: 0px;
	border: none;
}
.navlist li ul li {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
}
.navlist li ul li a {
	color: #000;
	margin: 0px;
	padding: 0px 5px 0px 10px;
	border: none;
}
.navlist li ul li a:hover {
	color: #FFFAED;
	background: #979284;
}
.navlist li ul li a.active {
	color: #FFFAED;
	background: #979284;
}

/**********************************************
Manin content area
**********************************************/
.maincontent {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #FFF7e6;
}
.maincontent .contentheader {
	background: url(../images/PTrx_3d_gold_c.gif) repeat-x;
}
.maincontent .contentsection {
	color: #69655C;
	clear: both;
	margin: 0px;
	padding: 0px 5px 5px 5px;
	border-bottom: 1px solid #000;
}
.maincontent .message {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
	text-align: center;
}
.maincontent .debug {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
	background: #fcc;
}
.maincontent h2 {
	border-bottom: 1px solid #fff;
	background: #feebc0;
	margin: 0px;
	padding: 3px 4px 3px 4px;
	color: #000;
}
.maincontent h2 a {
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	padding: 1px 4px 1px 4px;
	float: right;
	line-height: 12px;
	color: #495187;
	background: #fc5;
	border: 1px solid #000;
}
.maincontent h2 a:hover {
	color: #FFFAED;
	background: #979284;
}
.maincontent strong {
	color: #504D46;
}
.maincontent hr {
	margin: 10px -5px 10px -5px;
	padding: 0px;
}

/**********************************************
Project information box
**********************************************/
#projectinfo {
	border: 1px solid #495187;
	border-top: none;
	background: #979cbd;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}
#projectinfo .contentheader {
	background: url(../images/PTrx_3d_blue_c.gif) repeat-x;
}
#projectinfo h2 {
	background: #495187;
	margin: 0px;
	padding: 3px 4px 3px 4px;
	color: #fff;
}
.maincontent h2 {
	border-bottom: 1px solid #fff;
	background: #feebc0;
	margin: 0px;
	padding: 3px 4px 3px 4px;
	color: #000;
}
#projectinfo td {
	padding: 1px 5px 1px 5px;
	color: #ffc;
}
#projectinfo th {
	padding: 1px 5px 1px 5px;
	color: #000;
	text-align: right;
	font-weight: bold;
}
#projectinfo a {
	color: #ffc;
}
#projectinfo a:hover {
	color: #fff;
}

/**********************************************
E-mail preview elements
**********************************************/
.email {
	background: #fff;
	border: inset;
	padding: 5px;
}
.email strong {
	color: #000;
}
.email a {
	color: #00f;
}
.email .message {
	color: #00f;
}
.email .sitelink {
	color: #fff;
}