/* ------------------------------------------------------- */
/**
 * Use to display header information 
 * example -> title			hotlineInfo: hotlineNumber 
 *	      pageTitle			date
 */
.title, .pageTitle, .hotlineInfo, .hotlineNumber, .date, .welcome, .welcomeName {
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.title {
	font-family: Georgia;
	font-size: 22pt;
	font-weight: bold;
	text-align: left;
}
.pageTitle {
	font-family: Impact, Trebuchet MS, Arial, Helvetica;
	font-size: 20pt;
	color: #003366;
	text-align: left;
}
.hotlineInfo, .hotlineNumber, .date, .welcome, .welcomeName {
	font-family: Arial, Helvetica;
	text-align: right;
}
.hotlineInfo {
	font-size: 8pt;
}
.hotlineNumber {
	font-size: 8pt;
	color: #FF0000;
	font-weight: bold;
}
.date, .welcome, .welcomeName {
	font-size: 10pt;
	font-weight: bold;
}
.welcome {
	text-align: left;
}
.welcomeName {
	color: #0033CC;
}
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/**
 * Use to display home page menu
 * example -> sectionHeader
 *		sectionOption
 *		sectionOption
 */
.sectionHeader, .sectionOption {
	font-family: Tahoma;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.sectionHeader {
	font-size: 11pt;
	font-weight: bold;
}
.sectionOption {
	font-size: 10pt;
}
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/**
 * Use to display instructions for a page
 * example -> instructionTitle
 *		instructions
 *		instructions
 */
.instructionTitle, .instructions {
	font-family: Tahoma;
	font-style: normal;
	color: #000000;
}
.instructionTitle {
	font-size: 12pt;
	font-weight: bold;
}
.instructions {
	font-size: 10pt;
	font-weight: normal;
}
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/** 
 * Use to display data in a name/value pair fashion.
 * example -> dataLabel: data
 */
.dataLabel, .data {
	font-family: Tahoma;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
}
.dataLabel {
	font-weight: normal;
}
.data {
	font-weight: bold;
}
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/** 
 * Use to display messages.
 */
.description, .message, .warning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.description {
	font-size: 9pt;
	font-weight: normal;
}
.warning {
	color: #FF0000;
}
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/** 
 * Use to display data in a table.
 * example ->
 *	tableTitleDescriptor 
 * 	tableTitle		tableTitleLink
 *	    tableHeader
 *		tableContent
 *		tableContent 
 *	    tableFooter
 */
.tableTitleDescriptor, .tableTitle, .tableTitleLink, .tableHeader, .tableHeaderLeft, .tableFooter {
	font-family: Trebuchet MS, Arial, Helvetica;
	font-style: normal;
	font-weight: bold;
}
.tableTitleDescriptor, .tableTitle, .tableTitleLink {
	color: #FFFFFF;
	background-color: darkblue;
	text-align: left;
}
.tableTitleDescriptor {
	font-size: 8pt;
	font-weight: normal;
}
.tableTitle {
	font-size: 11pt;
}
.tableTitleLink {
	font-size: 8pt;
	font-weight: normal;
}
.tableHeader { 
	font-size: 8pt;
	color: #000000;
	background-color: cyan;
	text-align: center;
}
.tableHeaderLeft { 
	font-size: 8pt;
	color: #000000;
	background-color: cyan;
	text-align: left;
}
.tableFooter {
	font-size: 8pt;
	color: #000000;	
}
.tableContentLeft, .tableContent, .tableContentRight, .tableContentRightNum {
	font-family: Tahoma;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: center;
}
.tableContentLeft {
	text-align: left;
}
.tableContentRight {
	text-align: right;
}
.tableContentRightNum {
	text-align: right;
	font-size: 11px;
}
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/** 
 * Use to display contents of a tree.
 * example ->
 *	treeContent 
 *	treeContentDescription: treeContent
 */
.treeContent, .treeContentDesc {
	font-family: Tahoma;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
.treeContent {
	font-size: 10pt;
}
.treeContentDesc {
	font-size: 8pt;
	font-weight: bold;
	color: #003399;
}	
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/** 
 * Use to display form labels and form elements
 * example -> formLabel: formDesc
 */
.formLabel, .formLabelBold, .formDesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.formLabel, .formLabelBold {
	font-size: 10px;
}
.formLabelBold {
	font-weight: bold;
}
.formDesc {
	font-size: 11px;
} 
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/** 
 * Use to display links
 * example -> 
 * 	linkHome -> regular link to other pages
 *	linkAction -> performs action on a page
 */
.linkHome {
	font-family: Tahoma;
	font-size: 10pt;
}
.linkAction {
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
} 
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/** 
 * Use to display notes in a table.
 * example ->
 *	notesLabel:	notesHeader	notesHeader	notesHeader 
 *			notesContent	notesContent	notesContent
 */
.notesLabel, .notesHeader {
	font-family: Trebuchet MS, Arial, Helvetica;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.notesLabel {
	font-size: 12pt;
}
.notesHeader {
	font-size: 10pt;
}
.notesContent {
	font-family: Tahoma;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/** 
 * Use to display option bar.
 * example ->
 *	optionBar | optionBar | optionBar | optionBar
 */
.optionBar {
	font-family: Verdana, Arial, Sans-Serif;
	font-style: normal;
	font-weight: bold;
	color: darkblue;
	font-size: 8pt;
	background-color: #B0E0E6;
}



.freeText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
}


/* ------------------------------------------------------- */