/* 
This file was generated automatically for use with One Fidelity HCOMP.
Date: Tue Sep 28 07:24:46 EDT 2004
*/

/* Start Source File (0): calloutsadvanced1.css*/
/* 
Author: Dave Nolan
Date: June 11, 2004
Version: 1.0

Callouts Component Advanced Style Sheet for Modern Browsers
*/

/* Callouts Base Class */
.ofCallout {
position: relative; 
top: 0px; 
text-align: left;
font: normal 11px Verdana, sans-serif;
color: #000000;
background-color: #ffffff; /* Added to insure that the background within Opera (PC) and Safari (Mac) appears white - Dave Nolan 7/21/04 */
}

.ofCallout .ofWrapper {
padding: 6px 0 16px 0;
margin: 0 0 24px 0; /* todo:move to .ofCallout as I believe the parent class is a better place for it |bwilly Sep02-04 */
border: 1px solid #DDDDDD;/* @colorcode=D9@ */
}

.ofCallout h2 {
padding: 0 7px 2px 0;
margin: -2px 0 0 0;
font: bold 11px Verdana, sans-serif;
text-align: left;
}

.ofCallout h3 {
padding: 0 7px 10px 6px;
margin: 0;
font: bold 11px Verdana, sans-serif;
text-align: left;
}

.ofCallout p {
padding: 0 7px 10px 6px;
margin: 0;
font: normal 11px Verdana, sans-serif; /* Needed for fonting to appear on paragraph on modern browsers - Dave Nolan 8/11/04 */
text-align: left;
}

.ofCallout ul {
margin: 0;
padding: 0;
font: normal 11px Verdana, sans-serif;
text-align: left;
}

.ofCallout li {
padding: 0 7px 10px 18px; 
margin: 0;
background: url(./images/images/bullet_square_c2.gif); /* Changed file reference to bullet - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 7px 4px;
list-style: none;
}

.ofCallout ul ul {
padding: 10px 0 0 0;
}

.ofCallout ul li ul li {
background: url(/images/emdash.gif);
background-repeat: no-repeat;
background-position: 1px 7px;
list-style: none;
padding-left: 17px;
}

.ofCallout .ofLastChild {
padding-bottom: 0
}

/* Additional classes to create bulleted icons within callouts as well as adjust spacing on normal bullets when paired with icons */
.ofCallout .ofIcon li {
position: relative;
padding: 0 7px 10px 27px; 
margin: 0;
/*background: url(/images/bullet_square_c2.gif);
background-repeat: no-repeat !important;
background-position: 7px 2px !important;
list-style: none;*/
}
.ofCallout .ofIcon li.ofPrinter {
background: url(/images/printer.gif);
background-repeat: no-repeat !important;
background-position: 7px 2px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofEnvelope {
background: url(/images/envelope.gif);
background-repeat: no-repeat !important;
background-position: 7px 2px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofPhone {
background: url(/images/phone.gif);
background-repeat: no-repeat !important;
background-position: 7px 2px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofRepcall {
background: url(/images/repcall.gif);
background-repeat: no-repeat !important;
background-position: 7px 2px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofRepchat {
background: url(/images/repchat.gif);
background-repeat: no-repeat !important;
background-position: 7px 2px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofAudio {
background: url(/images/audioicon.gif);
background-repeat: no-repeat !important;
background-position: 8px 2px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofVideo {
background: url(/images/videoicon.gif);
background-repeat: no-repeat !important;
background-position: 9px 2px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofTearoff {
background: url(/images/tearoff.gif);
background-repeat: no-repeat !important;
background-position: 7px 2px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofAlert {
background: url(/images/alert.gif);
background-repeat: no-repeat !important;
background-position: 7px 2px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofC2BulletWithIcons {
background: url(./images/bullet_square_c2.gif);
background-repeat: no-repeat !important;
background-position: 13px 5px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofSqDarkArrowWithIcons {
background: url(/images/square_arrow_dk.gif);
background-repeat: no-repeat !important;
background-position: 9px 4px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofSqC5ArrowWithIcons {
background: url(/images/arrow_rt_box_c5.gif);
background-repeat: no-repeat !important;
background-position: 10px 4px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofSqC2ArrowWithIcons {
background: url(/images/arrow_rt_box_c2.gif);
background-repeat: no-repeat !important;
background-position: 10px 4px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofCurlyArrow {
background: url(/images/curlyarrow.gif);
background-repeat: no-repeat !important;
background-position: 9px 4px !important;
list-style: none;
}

.ofCallout .ofIcon li.ofLastChild {
/*background-position: 10px 5px; *//* Note: New classes will need to be created for Last Child bullets other than the standard C2 bullet*/
padding: 0 7px 0px 27px;
}
/* End Callouts Base Class */

/* Contacts Callout Classes */
.ofContacts .ofWrapper {
border: 1px solid #6DA086;/* @colorcode=A4@ */
border-width: 4px 0 1px 1px;
}
/* End Contacts Callout Classes */

/* Instructional - Progress/Remind Callout Classes */
.ofProgRemind .ofWrapper {
border-color: #CCCCCC;/* @colorcode=D8@ */
background-color: #FAF2DA;/* @colorcode=C9@ */
}
/* End Instructional - Progress/Remind Callout Classes */

/* Instructional - Q/A Callout Classes */
.ofQuesAns .ofWrapper {
border: 1px solid #DDDDDD;/* @colorcode=D9@ */
border-width: 4px 0 1px 1px;
}
/* End Instructional - Q/A Callout Classes */

/* Instructional - Simple Callout Classes */
/* No specific classes required for this component on the advanced style sheet */
/* End Instructional - Simple Callout Classes */

/* Instructional - Tips Callout Classes */
.ofTips h3 {
padding: 0 6px 4px 23px;
background: url(/images/tip_icon_a4.gif); /* Changed file reference to bullet - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 7px 2px;
}
/* End Instructional - Tips Callout Classes */

/* Login Page Messaging - Features Messaging Callout Classes */
.ofFeatureMssge .ofWrapper {
border: 1px solid #E6CD81;/* @colorcode=C6@ */
border-width: 4px 0px 1px 1px;
background-color: #FAF2DA;/* @colorcode=C9@ */
}

.ofFeatureMssge li {
padding: 0 7px 10px 23px; 
background: url(/images/arrow_rt_box_c5.gif); /* Changed file reference to bullet - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 7px 3px;
list-style: none;
}
/* End Login Page Messaging - Features Messaging Callout Classes */

/* Next Steps Callout Classes */
.ofNextSteps .ofWrapper {
border: solid #E6CD81;/* @colorcode=C6@ */
border-width: 4px 0px 1px 1px;
background-color: #FAF2DA;/* @colorcode=C9@ */
}

.ofNextSteps li {
padding: 0 7px 10px 23px;
background: url(/images/arrow_rt_box_c5.gif); /* Changed file reference to bullet - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 7px 3px;
list-style: none;
}
/* End Next Steps Callout Classes */

/* Promotional Callout Classes */
.ofPromo .ofWrapper {
padding-bottom: 0;
border: 4px solid #CC9900;/* @colorcode=C2@ */
border-width: 4px 0 0 0;
}

.ofPromo h3 {
padding-left: 0;
}

.ofPromo p {
padding-left: 0;
}
/* End Promotional Callout Classes */

/* Related Links Callout Classes */
.ofRelLinks .ofWrapper {
border: 1px solid #6DA086;/* @colorcode=A4@ */
border-width: 4px 0 1px 1px;
}
/* End Related Links Callout Classes */

/* Site Crossover Callout Classes */
.ofSiteCross .ofWrapper h2{
position: relative; 
top: -7px;
z-index: 100;
width: auto; /* ADDED -  Marty Middelmann 6/28/2004  */
padding: 0 0px 0 21px; 
margin: 0px 58px -1px 6px;  /* OLD margin: 0 27px 4px 7px; - Marty Middelmann 6/28/2004 */
background-image: url(/images/curlyarrow.gif); /* Changed file reference to graphic - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 4px 0px;
background-color: #ffffff;
}

.ofSiteCross .ofWrapper {
border: 1px solid #E3E9E3;/* @colorcode=A9@ */
padding: 0px 0px 16px 0px;  /* OLD padding: 23px 0 16px 0; - Marty Middelmann 6/25/2004 */
}

.ofSiteCross li {
padding: 0 7px 0 23px;
background: url(/images/arrow_rt_box_c2.gif); /* Changed file reference to bullet - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 7px 3px;
list-style: none;
}
/* End Site Crossover Callout Classes */

/* Site Switcher Callout Classes */
.ofSiteSwitch h2 {
color: #666666;/* @colorcode=D2@ */
}

.ofSiteSwitch .ofWrapper {
border: 1px solid #B5CABF;/* @colorcode=A7@ */
border-width: 4px 1px 1px 1px;
background-color: #DDDDDD;/* @colorcode=D9@ */
}
/* End Site Switcher Callout Classes */

/* Take Action Callout Classes */
.ofTakeAction .ofWrapper {
padding-bottom: 0;
border: 4px solid #E6CD81;/* @colorcode=C6@ */
border-width: 4px 0 0 0;
}

.ofTakeAction li {
padding: 0 7px 10px 15px;
background: url(/images/arrow_rt_box_c5.gif); /* Changed file reference to bullet - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 0px 3px;
list-style: none;
}
/* End Take Action Callout Classes */

/* Toolbox Callout Classes */
.ofToolbox .ofWrapper {
border: 1px solid #E6CD81;/* @colorcode=C6@ */
border-width: 4px 0px 1px 1px;
}

.ofToolbox li {
padding: 0 7px 10px 23px; 
background: url(/images/arrow_rt_box_c5.gif); /* Changed file reference to bullet - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 7px 3px;
list-style: none;
}
/* End Toolbox Callout Classes */

/* Spotlight Callout Classes */
.ofSpotlight .ofWrapper {
border-color: #E6CD81;/* @colorcode=C6@ */
background-color: #FDF9ED;/* fixme: color not in palette */
}

.ofSpotlight h3 {
background-color: #FDF9ED;/* fixme: color not in palette *//* Added to insure that the correct background color was applied within Opera (PC) and Safari (Mac) - Dave Nolan 7/21/04 */
}
/* End Spotlight Callout Classes */

/* Critical Error Message - In-line Classes */
.ofCritMess .ofWrapper {
border-color: #CC0000;/* fixme: color not in palette */
background-color: #EEEEEE;/* @colorcode=D10@ */
}

.ofCritMess h3 {
padding: 0 7px 10px 27px;
color: #CC0000;/* fixme: color not in palette */
background: url(/images/error.gif); /* Changed file reference to bullet - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 8px 0px;
}

.ofCritMess li {
padding: 0 7px 10px 39px; 
background-position: 28px 4px;
}
/* End Critical Error Message - In-line Classes */

/* Warning Message - In-line Classes */
.ofWarnMess .ofWrapper {
border-color: #CC9900;/* @colorcode=C2@ */
background-color: #EEEEEE;/* @colorcode=D10@ */
}

.ofWarnMess h3 {
padding: 0 7px 10px 27px;
background: url(/images/sm_alert.gif); /* Changed file reference to bullet - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 8px 0px;
}

.ofWarnMess li {
padding: 0 7px 10px 39px; 
background-position: 28px 4px;
}
/* End Warning Message - In-line Classes */

/* Informational Message - In-line Classes */
.ofInfoMess .ofWrapper {
border-color: #BBBBBB;/* @colorcode=D7@ */
background-color: #EEEEEE;/* @colorcode=D10@ */
}

.ofInfoMess h3 {
padding: 0 7px 10px 27px;
background: url(/images/sm_alert.gif);
background-repeat: no-repeat;
background-position: 8px 0px;
}

.ofInfoMess li {
padding: 0 7px 10px 39px; 
background-position: 28px 4px;
}
/* End Informational Message - In-line Classes */


/* Special SEC Callout */
.ofCallout .ofSec {
	margin: 36px 0 36px 0;

	text-align: left;
	font-size: 11px;
	color: #666666;/* @colorcode=D2@ */
	/*background-color: coral;*/

	border: 1px solid #666666; /* @colorcode=D2@ */
	border-left: none;
	border-right: none;
	padding: 6px 0 8px 0; /* 6pad top give 8px -- go figure */

}

.ofCallout .ofSec p {
	line-height: 13px;
	font-size: 11px;
	color: #666666;/* @colorcode=D2@ */

	margin: 0;
	padding: 0;
	border: none;
}
/* End Source File (0).calloutsadvanced1.css*/

/* Start Source File (1): contentadvanced.css*/
/* 
Author: Dave Nolan
Date: June 14, 2004
Version: 1.0

Content Component Advanced Style Sheet for Modern Browsers
*/

/* Overview Bricklets Base Class */
.ofBricklet {
position: relative; 
top: 0px; 
text-align: left;
font: normal 11px Verdana, sans-serif;
color: #000000;
background-color: #ffffff;
}
/* End Overview Bricklets Base Class */

/* Overview Bricklets - Home Page Classes */
.ofBrickHome h2 {
position: relative; 
top: 0px;
padding: 0 7px 0 0;
margin: -2px 0 2px 0;
text-align: left;
font: bold 11px Verdana, sans-serif;
color: #000000;
background-color: #ffffff; /* Added to insure that the background within Opera (PC) and Safari (Mac) appears white - Dave Nolan 7/21/04 */
}

.ofBrickHome .ofWrapper {
position: relative; 
top: 0px;
padding: 10px 0 0 0;
margin: 0 0 24px 0;
border-width: 4px 0 0 0;
border-style: solid;
border-color: #CC9900;/* @colorcode=C2@ */
}

.ofBrickHome ul{
padding: 0;
margin: 0;
text-align: left;
font: normal 11px Verdana, sans-serif;
color: #000000;
}
	
.ofBrickHome li {
position: relative;
padding: 0 7px 10px 20px; 
margin: 0;
background: url(./images/bullet_square_c2.gif); /* Changed file reference to bullet - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 8px 4px;
list-style: none;
}

.ofBrickHome ul ul {
padding: 10px 0 0 0;
}

.ofBrickHome ul li ul li {
background: url(/images/emdash.gif);
background-repeat: no-repeat;
background-position: 1px 7px;
list-style: none;
padding-left: 17px;
}

/* .ofBrickHome li.ofLastChild {
padding: 0 7px 0 20px;
} Class removed in favor of the simpler last child class below, does not effect the position of the secondary bullets - Dave Nolan - 9/13/04 */

.ofBrickHome .ofLastChild {
padding-bottom: 0
}
/* End Overview Bricklets - Home Page Classes */

/* Overview Bricklets - Tab Destination Classes */
.ofBrickTab h2 {
position: relative; 
top: 0px;
padding: 4px 7px 4px 5px;
margin: 0 0 0 0;
text-align: left;
font: bold 11px Verdana, sans-serif;
color: #000000;
background-color: #B5CABF;/* @colorcode=A7@ */
}

.ofBrickTab .ofWrapper {
position: relative; 
top: 0px;
border: 0;
padding: 10px 0 0 0;
margin: 0 0 24px 0;
}

.ofBrickTab ul{
padding: 0;
margin: 0;
text-align: left;
font: normal 11px Verdana, sans-serif;
color: #000000;
}
	
.ofBrickTab li {
position: relative;
padding: 0 7px 10px 12px; 
margin: 0;
background: url(/images/bullet_square_c2.gif); /* Changed file reference to bullet - Dave Nolan 7/19/04 */
background-repeat: no-repeat;
background-position: 0px 5px; /* OLD background-position: 0px 4px; - Marty Middelmann  */
list-style: none;
}

.ofBrickTab ul ul {
padding: 10px 0 0 0;
}

.ofBrickTab ul li ul li {
background: url(/images/emdash.gif);
background-repeat: no-repeat;
background-position: 1px 7px;
list-style: none;
padding-left: 17px;
}

/*.ofBrickTab li.ofLastChild {
padding: 0 7px 0 12px;
} Class removed in favor of the simpler last child class below, does not effect the position of the secondary bullets - Dave Nolan - 9/13/04 */

.ofBrickTab .ofLastChild {
padding-bottom: 0
}
/* End Overview Bricklets - Tab Destination Classes */

/* Page Title Component Classes */
h1  {
position: relative;
top: 0px;
text-align: left;
font: bold 16px Arial, Helvetica, sans-serif;
color: #000000;
margin: 0;
padding: 0 0 1px 0;  /* added 1px padding to get 2px of space between descender and line - Marty Middelmann  */
border-bottom: 2px solid #CC9900;/* @colorcode=C2@ */
}

.ofPageTitle {
position: relative;
}

.ofPageTitle h1  {
position: relative;
top: 0px;
text-align: left;
font: bold 16px Arial, Helvetica, sans-serif;
color: #000000;
margin: 0;
padding: 0 0 1px 0;
border-bottom: 2px solid #CC9900;/* @colorcode=C2@ */
}

.ofPageTitle ul.ofAuxLink {
display: inline;
position: absolute;
top: 0px;
right: 1px;
margin: 0;
padding: 0 0 0 0;
font: normal 11px Verdana, sans-serif;
color: #666666;/* @colorcode=D2@ */
}

.ofPageTitle ul.ofAuxLink li { 
margin: 0 0 2px 0;
padding: 0 0 0 6px;
font: normal 11px Verdana, sans-serif;
color: #000000;
display: inline;
height: 16px;
line-height: 18px;
}

.ofPageTitle ul.ofAuxLink li a {
padding-bottom: 2px; /* w/o this, and with the 3px padding for the print icon, then other supp links appear too low and touch title line.  see print icon padding note */
height: 16px;
}

.ofPageTitle ul.ofAuxLink li p { /* required or else the pipes touch the title bar in IE6 */
display: inline;
padding-bottom: 3px;
height: 16px;
}

.ofPrintIcon {
padding-left: 19px; 
margin: 0;
background: url(/images/printer.gif); 
background-repeat: no-repeat;
background-position: 0px 0px;
}

/* End Page Title Component Classes */


/* Footer Component Classes */
/* Footer Base Class */
.ofFooter {
position: relative;
top: 0px;
border-top: 1px solid #666666;/* @colorcode=D2@ */
}

.ofFooter .ofFooterLeft {
position: absolute;
left: 0px;
top: 9px;
padding: 0;
margin: 0;
}

.ofFooter .ofFooterRight {
position: absolute;
right: 0px;
top: 5px;
padding: 0;
margin: 0;
font: normal 10px Verdana, sans-serif;
text-align: right;
line-height: 15px;
}

/* This class added to force the links in the footer to appear in the correct font face - Dave Nolan - 7/22/04 */
.ofFooter .ofFooterRight a.ofFooterLink {
font: normal 10px Verdana, sans-serif;
line-height: 15px;
text-align: right;
}

.ofFooter .ofFooterRight .ofFooterTextGrey {
color: #666666;/* @colorcode=D2@ */
}
/* End Footer Component Classes */
/* End Source File (1).contentadvanced.css*/

/* Start Source File (2): footnoteadvanced.css*/
/* Footnote ---------------------------------------- */

/* Numbered Footnote <ol> Base Class */
.ofTextBlock ol.ofFootnoteNum { /* todo: deprecate and use simpler named .ofFootnote */
margin: 0;
padding: 0 0 0 22px;
text-align: left;
line-height: 13px;
font-size: 10px;
color: #666666;/* @colorcode=D2@ */
}

/* Numbered Footnote List Item Base Class */
.ofTextBlock ol li {
position: relative;
padding: 10px 0 0 0; 
margin: 0;
background: none;
list-style-type: decimal;
list-style-position: outside; /* The default, but in place here as a reminder*/
}

/* This class to be used when a numbered footnote <ol> follows a paragraph <p> */
.ofTextBlock ol.ofPxOLFootnoteNum {
margin: 0;
padding: 9px 0 0 22px;
line-height: 13px;
font-size: 10px;
color: #666666;/* @colorcode=D2@ */
}

/* This class to be used when a numbered footnote <ol> follows a bulleted list <ul> */
.ofTextBlock ol.ofULxOLFootnoteNum {
margin: 0;
padding: 10px 0 0 22px;
line-height: 13px;
font-size: 10px;
color: #666666;/* @colorcode=D2@ */
}

/* This class to be used when a numbered footnote <ol> follows a top/anchor link */
.ofTextBlock ol.ofTopxOLFootnoteNum { /*todo:refactor: these names are difficult to understand.  Every footnote should be within a parent footnote class */
margin: 0;
padding: 12px 0 0 22px;
line-height: 13px;
font: normal 10px Verdana, sans-serif;
color: #666666;/* @colorcode=D2@ */
}

.ofTextBlock ol.ofTopxOLFootnoteNum li {
line-height: 13px;
font-size: 10px;
}

/* Unnumbered Footnote <ul> Base Class */
.ofTextblock ul.ofFootnoteNoNum {
margin: 0;
padding: 9px 0 0 0px;
}

/* Unnumbered Footnote List Item */
.ofTextBlock ul.ofFootnoteNoNum li, 
.ofTextBlock ul.ofPxULFootnoteNoNum li, 
.ofTextBlock ul.ofULxULFootnoteNoNum li, 
.ofTextBlock ul.ofTopxULFootnoteNoNum li {
position: relative;
padding: 9px 0 0 0; 
margin: 0;
border: 0px solid #ffffff; /*ns4 hack*/
background: none;
list-style-type: none;
line-height: 13px;
font: normal 10px Verdana, sans-serif;
color: #666666;/* @colorcode=D2@ */
}

/* This class to be used when a non-numbered footnote <ul> follows a paragraph */
.ofTextblock ul.ofPxULFootnoteNoNum {
margin: 0;
padding: 10px 0 0 0px;
}

/* This class to be used when a non-numbered footnote <ul> follows a bulleted list <ul> */
.ofTextblock ul.ofULxULFootnoteNoNum {
margin: 0;
padding: 11px 0 0 0px;
}

/* This class to be used when a non-numbered footnote <ul> follows a top/anchor link */
.ofTextblock ul.ofTopxULFootnoteNoNum {
margin: 0;
padding: 12px 0 0 0px;
}
/*** End Footnote <ol> & <ul> Classes ***/
/* End Source File (2).footnoteadvanced.css*/

/* Start Source File (3): navigationadvanced.css*/
/* 
Author: Dave Nolan
Date: June 15, 2004
Version: 1.0

Navigation Component Advanced Style Sheet for Modern Browsers
*/

/* Topic Path Component Classes */
.ofTopicPath ul {
margin: 0;
padding: 0;
text-align: left;
font: normal 10px Verdana, sans-serif;
color: #666666/* @colorcode=D2@ */
}
	
.ofTopicPath li {
position: relative;
display: inline;
padding: 0; 
margin: 0;
list-style: none;
font: normal 10px Verdana, sans-serif;
}

.ofTopicPath li.ofFirstChild {
font: bold 10px Verdana, sans-serif;
}


.ofTopicPath li a.ofTopicLink {
font: normal 10px Verdana, sans-serif;
color: #666666/* @colorcode=D2@ */
}

/* End Topic Path Component Classes */
/* End Source File (3).navigationadvanced.css*/

/* Start Source File (4): of-table.css*/
/** 	One Fidelity Tables,Spreadsheets, and Entry Forms
		Author: Brian Willy
		Date: May 25, 2004
*/		
 
.ofTable {
	position: relative;	
	padding: 0;
	margin: 0px 0px 21px 0px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* used to wrap table, and is needed in order to place H2 above content border w/o using (-) positioning (which doesn't work for IE; it causes table borders to go funky */
.ofTable .ofWrapper {
	position: relative;
	width: 100%;

	border-width: 4px 0px 1px 1px;
	border-style: solid;
	
	padding-bottom: 0;
	margin: 0px 0 0 0; /* removed margin top from this place as it was pushing the pac-man down by 2px making it non-align with the components in reg3 - Puneet */
}

/* to be used in conjunction w/ .ofWrapper, but this gives the default 3-sided table a 4th (right) border */
/* @see ".ofSpreadSheet .ofBorder4Side td.ofLastChild" */
.ofTable .ofWrapper.ofAltBorder4Side {
	border-width: 4px 1px 1px 1px;
	border-collapse: collapse;
}

.ofSearchResult .ofWrapper,
.ofNameValue .ofWrapper {
	padding: 1px 4px 0px 4px;/*OLD padding: 8px 4px 16px 4px; - Marty Middelmann*/
	margin-bottom: 16px;
}

.ofRowBorderOnly .ofWrapper {
	padding-left: 0px; /* to get effect of row border going all the way across to container border */
}

.ofSpreadSheet .ofWrapper,
.ofNameValue .ofWrapper {
	border-color: #666666;/* @colorcode=D2@ */
}

.ofEntryForm .ofWrapper {
	border-color: #666666;/* @colorcode=D2@ */
	padding:1px 0px 0px 0px;
	border-right-width: 1px;
	margin-bottom: 16px;
}

.ofEntryForm .ofLeft {
	text-align: left !important;
	border: none !important;
	padding:10px 0 0 6px;
}

.ofEntryForm .ofRight {
	text-align: right !important;
	border: none !important;
	padding:10px 0 0 6px;
}

.ofEntryForm .ofButton.ofRight {
	text-align: right;
	width: 50%;
	padding:10px 6px 0 0;
	border: none;
}

.ofEntryForm th {
	text-align: right;
	width: 50%;
	padding:10px 6px 0 0;
	border: none;
}

.ofEntryForm th label {
	font: 700 11px Verdana, sans-serif;
	color: #666666;
}

.ofEntryForm tr.ofFirstChild th,
.ofEntryForm tr.ofFirstChild td {
	padding-top: 7px;
}

.ofEntryForm tr.ofLastChild th,
.ofEntryForm tr.ofLastChild td {
	margin-bottom: 0px;
	padding-bottom:0px;
}

.ofEntryForm .ofButton {
	padding-bottom:0px;
	padding-top: 0px;
}

.ofEntryForm .ofTooltip {
	font-weight: 100;
	font-size: 10px;
	padding-top: 6px; /* should be 8px - reduced 'cause of the default padding on the text*/
	padding-bottom:0px;
}

.ofSearchResult .ofWrapper {
	border-color: #6686CC;/* @colorcode=B4@ */
}
/* the class was only being used in table_spreedsheet_level1.hcomp and was creating some extra space
.ofTable .ofWithActionLink .ofWrapper {
	padding-bottom: 24px;
}*/
 /* assumed to come after and be combined with a 16px bottom-pad of above table */
	/*for action link to have 12 above and 16 below including bottom border - TW */
	
.ofNoWrap{
	white-space: nowrap; /* new tw for sort icon and text to stay together */ /* todo: this selector should have context, or be moved to the body.css file |bwilly*/
}

.ofSortIcon{ /*new tw - placement of down arrow sort icon*/
	margin-left:4px; 
	margin-bottom:-2px; 
	border:none;
}


/*  **********************************************************************	Hx, P, etc
*/
.ofTable h2 {
	font: bold 11px Verdana, sans-serif;
	color: #000000;
	padding: 0 0 2px 0;
	margin: -2px 0 0 0;
}

.ofTable h3, 
.ofTable h4, 
.ofTable h5 {
	font-size: 11px;
	font-weight: bold;
	text-align: left !important;
	display: inline;
}

.ofTable .ofH3 td, 
.ofTable .ofH4 td, 
.ofTable .ofH5 td {
	padding: 4px 4px 4px 4px; 
	margin: 0px 0px 0px 0px;
	border: none;
	text-align: left;
}

.ofTable .ofHeader {
	margin: 1px 0 0 0;
}

.ofTable .ofH3.ofFirstChild, 
.ofTable .ofH4.ofFirstChild, 
.ofTable .ofH5.ofFirstChild {
	margin-top: 1px;
}

.ofTable .ofFirstChild th{
	color:#fc0;/*fixme: new color code*/
}

/* new made above specific to entry form - tw */

.ofTable .ofH3 {
	background-color: #ddd;/*Fixme: D9*/
	margin-top: 1px;/* for h3 inside of table comp#40 -tw */
	text-align: left;
}

.ofTable .ofH4 {
	background-color: #eee;/*fixme:D10*/
}

.ofTable .ofH5 { /* updated to work with better h3, h4, h5 structure in table - mike musser */
	background-color: #fff;
}

.ofTable p {
	display: block;
	padding: 0 0 13px 4px;
	margin: 0;
}

.ofEntryForm p.ofLastChild, 
.ofSearchResult p.ofLastChild {
	margin: 22px 0 0 0; /* likely to be the "cancel/back" control */
	font-size: 11px;
	padding: 0px;
}

.ofEntryForm p.ofLastChild a {
	padding-left: 8px;
}

.ofEntryForm p.ofLastChild img {
	padding:0; /* for Netscape */
}

.ofTable td p {
	display: block;
	padding: 0;
	margin:0 0 1px 0;/* extra bottom space for p to match spacing of one text line rows - TW */ 
	font-size: 11px;
	color: #000000; /* OLD color: #666666; - Marty Middelmann */
} 
.ofTable .ofH3 p, 
.ofTable .ofH4 p, 
.ofTable .ofH5 p {
	display: inline;
	position: relative;
	padding-bottom: 0;
	font-size: 11px; /* reduced to 11px for sg compliance - mike musser */
}

.ofTable .ofNoBackground {
	background-color: #FFFFFF;
}

.ofTable ul {
	margin: 0;
	padding: 0;
}

.ofTable li {
	list-style: none;
	margin: 0;
	padding: 0 0 6px 0;	/* 6 to get 12 */
}

.ofTable li.ofLastChild {
	padding-bottom: 0; /* assumes 16px bottom-padding for container */
}

.ofEntryForm p img,
.ofSearchResult p img { /* built for the "cancel" img icon */
	vertical-align: bottom;
	padding-right: 8px;
}

/*  **********************************************************************	Controls
*/
.ofTable td.ofCtrl {
	padding:5px 0 5px 5px; /*added 5px to left, other margins are not really being seen as other row items override - TW */
}

.ofSearchResult input {
	position: relative;
	left: 50%;
	margin-left:4px !important; /* to get 8px */
}

.ofSearchResult .ofWrapper input {
	position: static; /* to override centering of button control outside of .sub. Would have preferred .ofEntryForm > input, but ie6 doesn't understand */
}

.ofEntryForm .ofWrapper select { /* for zero spacing on specific page, counters below - tw */
	margin:0;
	padding:0;
}

.ofTable select, 
.ofTable input {
	font: 100 11px verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0 3px; /* 3px results in 8px space between to form inputs - TW */
	padding: 0;	
}

.ofTable .ofEditLink{
	float:right;
	padding:0;
	margin:0;
	background:#fff;
}

.ofEntryForm input,
.ofSearchResult input {
	margin: 0;
	padding: 0;
}

.ofEntryForm .ofCheckRadio{/* to zero out inherit spacing of checkboxes and radios - tw */
	margin:-4px 0 0 -4px;
	padding:0;
}

.ofTable label strong {
	display: block;
}
/* end of new - tw 7/12 xxxxxxxxxxxxxxxxxxxxx */

/*  **********************************************************************	Table
*/
.ofTable table {	
	border-collapse: collapse;
	padding: 0 0 0 5px;
	margin: 0 0 15px 0; /*14 to get 16px including bottom border - TW - creates 1px inconsistency across spreadsheets vs name/value pairs? */
	empty-cells: show;
		
	text-align: right;
	width: 100%;
}

.ofRowBorderAbbreviated table {
	margin-left: 8px;
}

.ofXLevelAlign table {
	margin-bottom: 0;
}

.ofTable tr {
	padding: 0;
	margin: 0;
}

.ofTable td {
	/* default is border on, more specific classes turn it off */
	font: 11px Verdana, sans-serif;
	border-width: 1px;
	border-style: solid;
	padding: 4px 3px 4px 3px; /*added 2px to top/bottom for 21px total cell height - TW */
	text-align: center;
	border-color: #DDDDDD;/* @colorcode=D9@ */ /* Added, color for row borders (D9) was never set anywhere  - Marty Middelmann 6/25/2004 */
}

.ofRowBorderAbbreviated tr.ofLastChild td {
	border-bottom: none !important;
}

.ofNoRowBorderFirst tr.ofFirstChild td {
	border-top: none !important;	
}

.ofNoRowBorderLast tr.ofLastChild td {
	border-bottom: none !important;
}

/*  **********************************************************************	Table Header
*/
.ofSpreadSheet thead {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; /* reduced to 10px for sg compliance - mike musser */
	font-weight: bold;
	color: #666666;/* @colorcode=D2@ */
	
	padding-top: 5px;
}

.ofSpreadSheet thead th {
	border-style: none;  /* cell borders are on by deafult for ofTable, but off for thead */
	font-size: 11px; /* reduced to 10px for sg compliance - mike musser */
	vertical-align: bottom;
	padding: 3px;
	text-align: center;
	color: #666666/* @colorcode=D2@ */
}

.ofSpreadSheet thead th a {
	text-decoration: underline;
	color: #666666;/* @colorcode=D2@ */	
	font-size: 11px; /* reduced to 10px for sg compliance - mike musser */
}

.ofSpreadSheet thead th.ofFirstChild { /* added class to align first th left */ 
	text-align:left;
}

.ofSpreadSheet thead th a.selected {  /* new class created for selected sort value to have no underline - mike musser */
	text-decoration: none;
	color: #666666;/* @colorcode=D2@ */	
}

.ofSpreadSheet thead th a:hover.selected {  /* new class created for selected sort value to have underline with hover - mike musser */
	text-decoration: underline;
	color: #666666;/* @colorcode=D2@ */	
}

.ofSpreadSheet thead.ofCellBorder th {
	border-width: 0 1px 1px 0;  /* no left border because IE won't collapse left-most cell into table border */  /* since thead borders of off by default, when this class is explicitly called, the top border is turn off, to use only the container border */
	border-style: solid;
	border-color: #DDDDDD;/* @colorcode=D9@ */
	/*border-right: #EEEEEE 1px solid; commented out per bug 214*/ /* add to have vert lines #eeeeee for sg complaince - mike musser */
	/*border-top: #EEEEEE 1px solid;  commented out per bug 214*/ /* add so have vert lines connect to something when used with ofH3 ofNoBackground - mike musser */
	border-collapse: collapse;		
	font-size: 11px; /* reduced to 10px for sg compliance - mike musser */
}

.ofSpreadSheet thead th.ofHighlight {
	color: #000000;
	background-color: #DDDDDD;/* @colorcode=D9@ */
}

/*  **********************************************************************	Table Body
*/
.ofSpreadSheet tbody {

}

.ofSpreadSheet tbody tr.ofHighlight {
	background-color: #FDF9ED;/*fixme: new color code*/
}

.ofSpreadSheet tbody td {
	border-width: 1px 1px 1px 0;  /* no left border because IE won't collapse left-most cell into table border */
	border-style: solid;
	border-color: #DDDDDD;/* @colorcode=D9@ */
	border-right: #DDDDDD 1px solid; /* @colorcode=D9@ *//* changed both horizontal and vertical lines to D9 palette per Chris Whitlock */
	border-collapse: collapse;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #000000;
	vertical-align: middle;	
}

/* when a table is using a mod class of ofBorder4Side to give it the right side border (default uses 3 sides), the the right cells of each row need to have their right border turned off.  Effectively create a border-collapse.  Couldn't get a true border-collapse to work. |bwilly Sep04 */
.ofSpreadSheet .ofBorder4Side td.ofLastChild {
	border-right: none;
}

.ofRowBorderOnly td {
	border-right: 0 !important;
	border-left: 0 !important;
}

.ofNoCellBorder td {
	border: none !important;
}

.ofSpreadSheet .ofTotal td {
	border: none;
	padding-top: 3px;
	padding-bottom: 0px;
	font:700 11px Verdana, Geneva, Arial, Helvetica, sans-serif !important; 
}

.ofNameValue td {
	padding: 5px 0 7px 4px; /* top/bottom pad to get v-middle effect when borders are on, since v-align must be top */
	
	vertical-align: top; /* must be top to handle proper v-align when right column has multiple, stacked values in one cell */
}

.ofNameValue td.ofFirstChild {
	text-align: right;
	padding-right: 7px; /* OLD padding-right: 12px; - Marty Middelmann */
}

.ofNameValue tr.ofLastChild td {
	padding-bottom: 0px;
}

/*  **********************************************************************	Data Alignment
*/

.ofSpreadSheet  td.ofFirstChild,
.ofSpreadSheet th.ofFirstChild {
	text-align: left !important;
}

.ofTable .ofTh {
	color: #666666 !important;/* @colorcode=D2@ */
	font-weight: bold !important;
	font-size: 11px;
	width: 50%;
}

.ofNameValue td {
	text-align: left;
}

/* text */
.ofSpreadSheet .ofTxt {
	text-align: left;
	font-weight: normal;
}

/* text (explicit right align) */
.ofSpreadSheet .ofTxtRt {
	text-align: right;
}

/* number */
.ofSpreadSheet .ofNum {
	text-align: center;
}

/* number (explicit right align) */
.ofSpreadSheet .ofNumRt {
	text-align: right;
}

/* currency */
.ofSpreadSheet .ofCur {
	text-align: right;
}

/* percentage */
.ofSpreadSheet .ofPct {
	text-align: right;
}

/* control */
.ofSpreadSheet .ofCtrl {
	text-align: left;
}

.ofSpreadSheet .ofCenterAllButFirst td {
	text-align: center;
}
.ofSpreadSheet .ofTotalLink {
	text-align: right;
	border: none;
	font:100 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
.ofSpreadSheet .ofTotalLink img {
	text-align:center;
	vertical-align:middle;
}
/* Opera 7.23: icon too low, link not underlined */
/* if used with total row, is placed in row */
.ofSpreadSheet .ofActionLink {	
	position: absolute;
	right: 1px;
	bottom: 15px; /*15 to get 16 w/border - TW*/
	
	background-image: url('/images/square_arrow_dk.gif');
	background-repeat: no-repeat;	
	background-position: 0px 3px;
	padding: 0 0 0 13px;
	
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #339;/*fixme: new color code*/
}

/* w/o this def. the browser doesn't "see" the <li>'s in the cell and make the td too narrow, thus stacking the li's */
.ofTable td.ofAuxLink {
	width: 50%; 
	position: relative;
}

.ofTable ul.ofAuxLink {
display: inline;
position: absolute;
top: 2px;
right: 2px;
margin: 0;
padding: 0 0 0 0;
font: normal 11px Verdana, sans-serif;
color: #666666;/* @colorcode=D2@ */
}

.ofTable ul.ofAuxLink li { 
margin: 0 0 2px 0;
padding: 0 0 0 6px;
font: normal 11px Verdana, sans-serif;
color: #000000;
display: inline;
height: 16px;
line-height: 18px;
}

.ofTable ul.ofAuxLink li a {
padding-bottom: 1px; /* w/o this, and with the 3px padding for the print icon, then other supp links appear too low and touch title line.  see print icon padding note */
height: 16px;
}

.ofTable ul.ofAuxLink li p { /* required or else the pipes touch the title bar in IE6 */
display: inline;
padding-bottom: 1px;
height: 16px;
}

/* @deprecated for .ofAuxLink (I think, |bwilly, Sept04) */
.ofTable .ofHelpLink {
	position: absolute;
	top: 0px;
	right: 0px;
	font: 100 11px Verdana, sans-serif;
}

.ofSpreadSheet .ofActionLink a {
	text-decoration: underline;	
	color: #339;/*fixme; new color code*/
	margin: 0;
	padding: 0;
}
/* new for 8px spacing on either side of vertical bar - tw xxxxxxxxxxxxxxxxxx */
.ofSpreadSheet span{
	padding:0;
	margin:0 2px 0 5px;
}
.ofSpreadSheet select {
	margin: 0;
	padding: 0;
}

/*  **********************************************************************	Gain/Loss Indicators
*/
.ofGain {
	color: #006600 !important;/*fixme: new color code*/
}

.ofLoss {
	color: #CC0000 !important;/*fixme: new color code*/
}

/*new tw for up down icons*/
.ofGain img {
	margin: 0 3px 0 3px;
	vertical-align: middle;
}
/*new tw for up down icons*/
.ofLoss img {
	margin: 0 3px 0 3px;
	vertical-align: middle;
}

/*  **********************************************************************	xlevelalign
todo: can these be factored out?
*/
.ofXLevelAlign table {
	margin-top: 1px;
}

.ofXLevelAlign td.ofFirstChild {
	border-right: none;
}

.ofXLevelAlign tr.ofLastChild td {
	padding-bottom: 15px;
}

.ofXLevelAlign tr.ofTotal td{
		vertical-align: top;
}
/* End Source File (4).of-table.css*/

/* Start Source File (5): pagelayoutadvanced.css*/
/* 
Author: Dave Nolan
Date: June 18, 2004
Version: 1.0

Purpose: Page Layout CSS for the CSS and XHTML Table Page Layouts
*/

a {color: #333399;}/*fixme: need new code*/
/* End Page Layout Classes & Styles - Common to Both CSS & XHTML Table Page Layouts */	

/* CLASSES & STYLES FOR XHTML TABLE PAGE LAYOUTS */

/* Classes & Styles for 3-3-3-3 XHTML Table Page Layout */
.ofLTable3333 {}

.ofLTable3333 #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 16px; 
}

.ofLTable3333 #ofTopicPath {
width:764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable3333 #ofTopicPath {
width: 748px
}

.ofLTable3333 #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable3333 #ofPageTitle {
width:764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:748px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

html>body .ofLTable3333 #ofPageTitle {
width:748px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

.ofLTable3333 #ofReg1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable3333 #ofReg1 {
width: 179px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 163px;
}

html>body .ofLTable3333 #ofReg1 {
width: 163px
}

.ofLTable3333 #ofReg2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable3333 #ofReg2 {
width: 195px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 179px;
}

html>body .ofLTable3333 #ofReg2 {
width: 179px
}

.ofLTable3333 #ofReg3 {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable3333 #ofReg3 {
width: 195px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 179px;
}

html>body .ofLTable3333 #ofReg3 {
width: 179px
}

.ofLTable3333 #ofReg4 {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable3333 #ofReg4 {
width: 195px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 179px;
}

html>body .ofLTable3333 #ofReg4 {
width: 179px
}

.ofLTable3333 #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable3333 #ofFooter {
width: 764px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable3333 #ofFooter {
width: 748px;
}
/* End Classes & Styles for 3-3-3-3 XHTML Table Page Layout */

/* Classes & Styles for 3-6-3 XHTML Table Page Layout */
.ofLTable363 {}

.ofLTable363 #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 16px; 
}

.ofLTable363 #ofTopicPath {
width:764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable363 #ofTopicPath {
width: 748px
}

.ofLTable363 #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable363 #ofPageTitle {
width:764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:748px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

html>body .ofLTable363 #ofPageTitle {
width:748px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

.ofLTable363 #ofReg1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable363 #ofReg1 {
width: 179px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 163px;
}

html>body .ofLTable363 #ofReg1 {
width: 163px
}

.ofLTable363 #ofReg2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable363 #ofReg2 {
width: 390px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 374px;
}

html>body .ofLTable363 #ofReg2 {
width: 374px
}

.ofLTable363 #ofReg3 {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable363 #ofReg3 {
width: 195px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 179px;
}

html>body .ofLTable363 #ofReg3 {
width: 179px
}

.ofLTable363 #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable363 #ofFooter {
width: 764px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable363 #ofFooter {
width: 748px;
}
/* End Classes & Styles for 3-6-3 XHTML Table Page Layout */

/* Classes & Styles for 3-6 XHTML Table Page Layout With TOC */
.ofLTable36Toc {}

.ofLTable36Toc #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 12px; 
}

.ofLTable36Toc #ofTopicPath {
width: 569px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 557px;
}

html>body .ofLTable36Toc #ofTopicPath {
width: 557px
}

.ofLTable36Toc #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable36Toc #ofPageTitle {
width: 390px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:374px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

html>body .ofLTable36Toc #ofPageTitle {
width: 374px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

.ofLTable36Toc #ofReg1 /* Bug 00149 - Removed ofToc and consequently had to rename the other div's - Dave Nolan - 7/27/04 */ {
vertical-align: top;
/*position: relative;  Bug00135: removed by bwilly 7/23/04 */
margin: 0;
padding: 20px 0 0 4px;
border: 0;
}

.ofLTable36Toc #ofReg1 {
width: 179px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 175px;
}

html>body .ofLTable36Toc #ofReg1 {
width: 175px
}

.ofLTable36Toc #ofReg2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable36Toc #ofReg2 {
width: 390px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 374px;
}

html>body .ofLTable36Toc #ofReg2 {
width: 374px
}
.ofLTable36Toc #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable36Toc #ofFooter {
width: 390px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 374px;
}

html>body .ofLTable36Toc #ofFooter {
width: 374px;
}
/* End Classes & Styles for 3-6 XHTML Table Page Layout With TOC */

/* Classes & Styles for 3-7 XHTML Table Page Layout With TOC */
.ofLTable37Toc {}

.ofLTable37Toc #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 12px; 
}

.ofLTable37Toc #ofTopicPath {
width: 634px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 622px;
}

html>body .ofLTable37Toc #ofTopicPath {
width: 622px
}

.ofLTable37Toc #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable37Toc #ofPageTitle {
width: 455px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:439px;
height: 27px; 
}

html>body .ofLTable37Toc #ofPageTitle {
width: 439px;
height: 27px;
}

.ofLTable37Toc #ofReg1 {
vertical-align: top;
margin: 0;
padding: 20px 0 0 4px;
border: 0;
}

.ofLTable37Toc #ofReg1 {
width: 179px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 175px;
}

html>body .ofLTable37Toc #ofReg1 {
width: 175px
}

.ofLTable37Toc #ofReg2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable37Toc #ofReg2 {
width: 455px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 439px;
}

html>body .ofLTable37Toc #ofReg2 {
width: 439px
}
.ofLTable37Toc #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable37Toc #ofFooter {
width: 455px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 439px;
}

html>body .ofLTable37Toc #ofFooter {
width: 439px;
}
/* End Classes & Styles for 3-7 XHTML Table Page Layout With TOC */

/* Classes & Styles for 3-6-3 XHTML Table Page Layout With TOC */
.ofLTable363Toc {}

.ofLTable363Toc #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 12px; 
}

.ofLTable363Toc #ofTopicPath {
width:764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 752px;
}

html>body .ofLTable363Toc #ofTopicPath {
width: 752px
}

.ofLTable363Toc #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable363Toc #ofPageTitle {
width:585px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:569px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

html>body .ofLTable363Toc #ofPageTitle {
width:569px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

.ofLTable363Toc #ofReg1 /* Bug 00149 - Removed ofToc and consequently had to rename the other div's - Dave Nolan - 7/27/04 */ {
vertical-align: top;
/*position: relative;  Bug00135: removed by bwilly 7/23/04 */
margin: 0;
padding: 20px 0 0 4px;
border: 0;
}

.ofLTable363Toc #ofReg1 {
width: 179px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 175px;
}

html>body .ofLTable363Toc #ofReg1 {
width: 175px
}

.ofLTable363Toc #ofReg2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable363Toc #ofReg2 {
width: 390px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 374px;
}

html>body .ofLTable363Toc #ofReg2 {
width: 374px
}

.ofLTable363Toc #ofReg3 {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofLTable363Toc #ofReg3 {
width: 195px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 179px;
}

html>body .ofLTable363Toc #ofReg3 {
width: 179px
}

.ofLTable363Toc #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable363Toc #ofFooter {
width: 585px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 569px;
}

html>body .ofLTable363Toc #ofFooter {
width: 569px;
}
/* End Classes & Styles for 3-6-3 XHTML Table Page Layout With TOC */

/* Classes & Styles for 3-9 XHTML Table Page Layout */
.ofLTable39 {}

.ofLTable39 #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 16px; 
}

.ofLTable39 #ofTopicPath {
width: 764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable39 #ofTopicPath {
width: 748px
}

.ofLTable39 #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable39 #ofPageTitle {
width: 764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
height: 27px;
}

html>body .ofLTable39 #ofPageTitle {
width: 748px;
height: 27px;
}

.ofLTable39 #ofReg1 {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable39 #ofReg1 {
width: 179px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 163px;
}

html>body .ofLTable39 #ofReg1 {
width: 163px
}

.ofLTable39 #ofReg2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable39 #ofReg2 {
width: 585px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 569px;
}

html>body .ofLTable39 #ofReg2 {
width: 569px
}

.ofLTable39 #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable39 #ofFooter {
width: 764px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable39 #ofFooter {
width: 748px;
}
/* End Classes & Styles for 3-9 XHTML Table Page Layout */

/* Classes & Styles for 3-9 XHTML Table Page Layout With TOC */
.ofLTable39Toc {}

.ofLTable39Toc #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 12px; 
}

.ofLTable39Toc #ofTopicPath {
width:764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 752px;
}

html>body .ofLTable39Toc #ofTopicPath {
width: 752px
}

.ofLTable39Toc #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable39Toc #ofPageTitle {
width:585px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:569px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

html>body .ofLTable39Toc #ofPageTitle {
width:569px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

.ofLTable39Toc #ofReg1 /* Bug 00149 - Removed ofToc and consequently had to rename the other div's - Dave Nolan - 7/27/04 */ {
vertical-align: top;
/* position: relative;  Bug00135: removed by bwilly 7/23/04 */
margin: 0;
padding: 20px 0 0 4px;
border: 0;
}

.ofLTable39Toc #ofReg1 {
width: 179px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 175px;
}

html>body .ofLTable39Toc #ofReg1 {
width: 175px
}

.ofLTable39Toc #ofReg2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable39Toc #ofReg2 {
width: 585px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 569px;
}

html>body .ofLTable39Toc #ofReg2 {
width: 569px
}

.ofLTable39Toc #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable39Toc #ofFooter {
width: 585px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 569px;
}

html>body .ofLTable39Toc #ofFooter {
width: 569px;
}
/* End Classes & Styles for 3-9 XHTML Table Page Layout With TOC */

/* Classes & Styles for 3-10 XHTML Table Page Layout With TOC */
.ofLTable310Toc {}

.ofLTable310Toc #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 12px; 
}

.ofLTable310Toc #ofTopicPath {
width: 829px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 817px;
}

html>body .ofLTable310Toc #ofTopicPath {
width: 817px
}

.ofLTable310Toc #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable310Toc #ofPageTitle {
width: 650px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 634px;
height: 27px;
}

html>body .ofLTable310Toc #ofPageTitle {
width: 634px;
height: 27px;
}

.ofLTable310Toc #ofReg1 {
vertical-align: top;
margin: 0;
padding: 20px 0 0 4px;
border: 0;
}

.ofLTable310Toc #ofReg1 {
width: 179px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 175px;
}

html>body .ofLTable310Toc #ofReg1 {
width: 175px
}

.ofLTable310Toc #ofReg2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable310Toc #ofReg2 {
width: 650px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 634px;
}

html>body .ofLTable310Toc #ofReg2 {
width: 634px
}

.ofLTable310Toc #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable310Toc #ofFooter {
width: 650px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 634px;
}

html>body .ofLTable310Toc #ofFooter {
width: 634px;
}
/* End Classes & Styles for 3-10 XHTML Table Page Layout With TOC */

/* Classes & Styles for 3-12 XHTML Table Page Layout With TOC */
.ofLTable312Toc {}

.ofLTable312Toc #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 12px; 
}

.ofLTable312Toc #ofTopicPath {
width:959px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 947px;
}

html>body .ofLTable312Toc #ofTopicPath {
width: 947px
}

.ofLTable312Toc #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable312Toc #ofPageTitle {
width:790px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:764px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

html>body .ofLTable312Toc #ofPageTitle {
width:764px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

.ofLTable312Toc #ofReg1 /* Bug 00149 - Removed ofToc and consequently had to rename the other div's - Dave Nolan - 7/27/04 */ {
vertical-align: top;
/* position: relative;  Bug00135: removed by bwilly 7/23/04 */
margin: 0;
padding: 20px 0 0 4px;
border: 0;
}

.ofLTable312Toc #ofReg1 {
width: 179px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 175px;
}

html>body .ofLTable312Toc #ofReg1 {
width: 175px
}

.ofLTable312Toc #ofReg2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable312Toc #ofReg2 {
width: 790px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 764px;
}

html>body .ofLTable312Toc #ofReg2 {
width: 764px
}

.ofLTable312Toc #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable312Toc #ofFooter {
width: 790px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 764px;
}

html>body .ofLTable312Toc #ofFooter {
width: 764px;
}
/* End Classes & Styles for 3-12 XHTML Table Page Layout With TOC */

/* Classes & Styles for 4-4-4 XHTML Table Page Layout */
.ofLTable444 {}

.ofLTable444 #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 16px; 
}

.ofLTable444 #ofTopicPath {
width:764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable444 #ofTopicPath {
width: 748px
}

.ofLTable444 #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable444 #ofPageTitle {
width:764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:748px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

html>body .ofLTable444 #ofPageTitle {
width:748px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

.ofLTable444 #ofReg1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable444 #ofReg1 {
width: 244px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 228px;
}

html>body .ofLTable444 #ofReg1 {
width: 228px
}

.ofLTable444 #ofReg2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable444 #ofReg2 {
width: 260px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 244px;
}

html>body .ofLTable444 #ofReg2 {
width: 244px
}

.ofLTable444 #ofReg3 {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable444 #ofReg3 {
width: 260px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 244px;
}

html>body .ofLTable444 #ofReg3 {
width: 244px
}

.ofLTable444 #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable444 #ofFooter {
width: 764px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable444 #ofFooter {
width: 748px;
}
/* End Classes & Styles for 4-4-4 XHTML Table Page Layout */

/* Classes & Styles for 5-5-5 XHTML Table Page Layout */
.ofLTable555 {}

.ofLTable555 #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 16px; 
}

.ofLTable555 #ofTopicPath {
width:959px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 943px;
}

html>body .ofLTable555 #ofTopicPath {
width: 943px
}

.ofLTable555 #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable555 #ofPageTitle {
width:959px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:943px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

html>body .ofLTable555 #ofPageTitle {
width:943px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

.ofLTable555 #ofReg1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable555 #ofReg1 {
width: 309px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 293px;
}

html>body .ofLTable555 #ofReg1 {
width: 293px
}

.ofLTable555 #ofReg2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable555 #ofReg2 {
width: 325px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 309px;
}

html>body .ofLTable555 #ofReg2 {
width: 309px
}

.ofLTable555 #ofReg3 {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable555 #ofReg3 {
width: 325px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 309px;
}

html>body .ofLTable555 #ofReg3 {
width: 309px
}

.ofLTable555 #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable555 #ofFooter {
width: 959px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 943px;
}

html>body .ofLTable555 #ofFooter {
width: 943px;
}
/* End Classes & Styles for 5-5-5 XHTML Table Page Layout */

/* Classes & Styles for 6-3 XHTML Table Page Layout - Framed */
.ofLTable63Framed {}

.ofLTable63Framed #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 16px; 
}

.ofLTable63Framed #ofTopicPath {
width: 569px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
}

html>body .ofLTable63Framed #ofTopicPath {
width: 553px
}

.ofLTable63Framed #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable63Framed #ofPageTitle {
width: 569px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
height: 27px;
}

html>body .ofLTable63Framed #ofPageTitle {
width: 553px;
height: 27px;
}

.ofLTable63Framed #ofReg1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable63Framed #ofReg1 {
width: 374px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 358px;
}

html>body .ofLTable63Framed #ofReg1 {
width: 358px
}

.ofLTable63Framed #ofReg2 {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable63Framed #ofReg2 {
width: 195px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 179px;
}

html>body .ofLTable63Framed #ofReg2 {
width: 179px
}

.ofLTable63Framed #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable63Framed #ofFooter {
width: 569px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
}

html>body .ofLTable63Framed #ofFooter {
width: 553px;
}
/* End Classes & Styles for 6-3 XHTML Table Page Layout - Framed */

/* Classes & Styles for 9-3 XHTML Table Page Layout */
.ofLTable93 {}

.ofLTable93 #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 16px; 
}

.ofLTable93 #ofTopicPath {
width: 764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable93 #ofTopicPath {
width: 748px
}

.ofLTable93 #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable93 #ofPageTitle {
width: 764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
height: 27px;
}

html>body .ofLTable93 #ofPageTitle {
width: 748px;
height: 27px;
}

.ofLTable93 #ofReg1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable93 #ofReg1 {
width: 569px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
}

html>body .ofLTable93 #ofReg1 {
width: 553px
}

.ofLTable93 #ofReg2 {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable93 #ofReg2 {
width: 195px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 179px;
}

html>body .ofLTable93 #ofReg2 {
width: 179px
}

.ofLTable93 #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable93 #ofFooter {
width: 764px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable93 #ofFooter {
width: 748px;
}
/* End Classes & Styles for 9-3 XHTML Table Page Layout */

/* Classes & Styles for 9 XHTML Table Page Layout */
.ofLTable9 {}

.ofLTable9 #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 16px; 
}

.ofLTable9 #ofTopicPath {
width: 569px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
}

html>body .ofLTable9 #ofTopicPath {
width: 553px
}

.ofLTable9 #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable9 #ofPageTitle {
width: 569px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
height: 27px;
}

html>body .ofLTable9 #ofPageTitle {
width: 553px;
height: 27px;
}

.ofLTable9 #ofReg1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofLTable9 #ofReg1 {
width: 569px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
}

html>body .ofLTable9 #ofReg1 {
width: 553px
}

.ofLTable9 #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable9 #ofFooter {
width: 569px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
}

html>body .ofLTable9 #ofFooter {
width: 553px;
}
/* End Classes & Styles for 9 XHTML Table Page Layout */

/* Classes & Styles for 9 XHTML Table Page Layout - Framed */
.ofLTable9Framed {}

.ofLTable9Framed #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 16px; 
}

.ofLTable9Framed #ofTopicPath {
width: 569px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
}

html>body .ofLTable9Framed #ofTopicPath {
width: 553px
}

.ofLTable9Framed #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable9Framed #ofPageTitle {
width: 569px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
height: 27px;
}

html>body .ofLTable9Framed #ofPageTitle {
width: 553px;
height: 27px;
}

.ofLTable9Framed #ofReg1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofLTable9Framed #ofReg1 {
width: 569px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
}

html>body .ofLTable9Framed #ofReg1 {
width: 553px
}

.ofLTable9Framed #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable9Framed #ofFooter {
width: 569px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
}

html>body .ofLTable9Framed #ofFooter {
width: 553px;
}
/* End Classes & Styles for 9 XHTML Table Page Layout - Framed */

/* Classes & Styles for 12 XHTML Table Page Layout */
.ofLTable12 {}

.ofLTable12 #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 16px; 
}

.ofLTable12 #ofTopicPath {
width: 764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable12 #ofTopicPath {
width: 748px
}

.ofLTable12 #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable12 #ofPageTitle {
width: 764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

html>body .ofLTable12 #ofPageTitle {
width: 748px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

.ofLTable12 #ofReg1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofLTable12 #ofReg1 {
width: 764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable12 #ofReg1 {
width: 748px
}

.ofLTable12 #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable12 #ofFooter {
width: 764px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofLTable12 #ofFooter {
width: 748px;
}
/* End Classes & Styles for 12 XHTML Table Page Layout */

/* Classes & Styles for 15 XHTML Table Page Layout */
.ofLTable15 {}

.ofLTable15 #ofTopicPath {
vertical-align: top;
position: relative;
margin: 0; 
padding: 6px 0 5px 16px; 
}

.ofLTable15 #ofTopicPath {
width: 959px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 943px;
}

html>body .ofLTable15 #ofTopicPath {
width: 943px
}

.ofLTable15 #ofPageTitle {
vertical-align: top;
position: relative;
margin: 0;
padding: 0 0 16px 16px;
}

.ofLTable15 #ofPageTitle {
width: 959px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 943px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

html>body .ofLTable15 #ofPageTitle {
width: 943px;
height: 27px; /* Fix for Bug 00154 - Added height and pulled it from table within the page layout - Dave Nolan - 7/28/04 */
}

.ofLTable15 #ofReg1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 30px 16px;
border: 0;
}

.ofLTable15 #ofReg1 {
/*width: 764px; */
width: 943px;
voice-family: "\"}\""; 
voice-family:inherit;
/*width: 748px;*/
width: 943px;
}

html>body .ofLTable15 #ofReg1 {
/*width: 748px*/
width: 943px;
}

.ofLTable15 #ofFooter {
vertical-align: top;
position: relative;
margin: 0;
padding: 32px 0 88px 16px;
}

.ofLTable15 #ofFooter {
/*width: 764px;*/
width: 943px;
voice-family: "\"}\""; 
voice-family:inherit;
/*width: 748px;*/
width: 943px;
}

html>body .ofLTable15 #ofFooter {
/*width: 748px;*/
width: 943px;
}
/* End Classes & Styles for 15 XHTML Table Page Layout */

/* Grid Width Classes for XHTML Table Page Layout */
/* Grid Width 2, single or first region */
.ofGridWidth2Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth2Col1  {
width: 114px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 98px;
}

html>body .ofGridWidth2Col1 {
width: 98px
}
/* End Grid Width 2, single or first region */

/* Grid Width 2, second or multi region */
.ofGridWidth2 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth2  {
width: 130px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 114px;
}

html>body .ofGridWidth2 {
width: 114px
}
/* End Grid Width 2, second or multi region */

/* Grid Width 3, for TOC */
.ofGridWidth3Toc {
vertical-align: top;
margin: 0;
padding: 20px 0 0 4px;
border: 0;
}

.ofGridWidth3Toc  {
width: 179px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 175px;
}

html>body .ofGridWidth3Toc {
width: 175px
}
/* End Grid Width 3, for TOC */

/* Grid Width 3, single or first region */
.ofGridWidth3Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth3Col1  {
width: 179px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 163px;
}

html>body .ofGridWidth3Col1 {
width: 163px
}
/* End Grid Width 3, single or first region */

/* Grid Width 3, second or multi region */
.ofGridWidth3 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth3 {
width: 195px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 179px;
}

html>body .ofGridWidth3 {
width: 179px
}
/* End Grid Width 3, second or multi region */

/* Grid Width 4, single or first region */
.ofGridWidth4Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth4Col1  {
width: 244px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 228px;
}

html>body .ofGridWidth4Col1 {
width: 228px
}
/* End Grid Width 4, single or first region */

/* Grid Width 4, second or multi region */
.ofGridWidth4 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth4  {
width: 260px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 244px;
}

html>body .ofGridWidth4 {
width: 244px
}
/* End Grid Width 4, second or multi region */

/* Grid Width 5, single or first region */
.ofGridWidth5Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth5Col1  {
width: 309px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 293px;
}

html>body .ofGridWidth5Col1 {
width: 293px
}
/* End Grid Width 5, single or first region */

/* Grid Width 5, second or multi region */
.ofGridWidth5 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth5  {
width: 325px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 309px;
}

html>body .ofGridWidth5 {
width: 309px
}
/* End Grid Width 5, second or multi region */

/* Grid Width 6, single or first region */
.ofGridWidth6Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth6Col1  {
width: 374px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 358px;
}

html>body .ofGridWidth6Col1 {
width: 358px
}
/* End Grid Width 6, single or first region */

/* Grid Width 6, second region */
.ofGridWidth6 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth6  {
width: 390px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 374px;
}

html>body .ofGridWidth6 {
width: 374px
}
/* End Grid Width 6, second region */

/* Grid Width 7, single or first region */
.ofGridWidth7Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth7Col1  {
width: 439px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 423px;
}

html>body .ofGridWidth7Col1 {
width: 423px
}
/* End Grid Width 7, single or first region */

/* Grid Width 7, second region */
.ofGridWidth7 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth7  {
width: 455px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 439px;
}

html>body .ofGridWidth7 {
width: 439px
}
/* End Grid Width 7, second region */

/* Grid Width 8, single or first region */
.ofGridWidth8Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth8Col1 {
width: 504px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 488px;
}

html>body .ofGridWidth8Col1 {
width: 488px
}
/* End Grid Width 8, single or first region */

/* Grid Width 8, second region */
.ofGridWidth8 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth8 {
width: 520px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 504px;
}

html>body .ofGridWidth8 {
width: 504px
}
/* End Grid Width 8, second region */

/* Grid Width 9, single or first region */
.ofGridWidth9Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth9Col1  {
width: 569px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 553px;
}

html>body .ofGridWidth9Col1 {
width: 553px
}
/* End Grid Width 9, single or first region */

/* Grid Width 9, second region */
.ofGridWidth9 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth9 {
width: 585px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 569px;
}

html>body .ofGridWidth9 {
width: 569px
}
/* End Grid Width 9, second region */

/* Grid Width 10, single or first region */
.ofGridWidth10Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth10Col1 {
width: 634px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 618px;
}

html>body .ofGridWidth10Col1 {
width: 618px
}
/* End Grid Width 10, single or first region */

/* Grid Width 10, second region */
.ofGridWidth10 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth10  {
width: 650px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 634px;
}

html>body .ofGridWidth10 {
width: 634px
}
/* End Grid Width 10, second region */

/* Grid Width 11, single or first region */
.ofGridWidth11Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth11Col1  {
width: 699px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 683px;
}

html>body .ofGridWidth11Col1 {
width: 683px
}
/* End Grid Width 11, single or first region */

/* Grid Width 11, second region */
.ofGridWidth11 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth11 {
width: 715px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 699px;
}

html>body .ofGridWidth11 {
width: 699px
}
/* End Grid Width 11, second region */

/* Grid Width 12, single or first region */
.ofGridWidth12Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth12Col1 {
width: 764px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 748px;
}

html>body .ofGridWidth12Col1 {
width: 748px
}
/* End Grid Width 12, single or first region */

/* Grid Width 12, second region */
.ofGridWidth12 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth12 {
width: 790px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 764px;
}

html>body .ofGridWidth12 {
width: 764px
}
/* End Grid Width 12, second region */

/* Grid Width 13, single region */
.ofGridWidth13Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth13Col1 {
width: 829px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 813px;
}

html>body .ofGridWidth13Col1 {
width: 813px
}
/* End Grid Width 13, single region */

/* Grid Width 14, single region */
.ofGridWidth14Col1 {
vertical-align: top;
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth14Col1  {
width: 894px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 878px;
}

html>body .ofGridWidth14Col1 {
width: 878px
}
/* End Grid Width 14, single region */

/* Grid Width 15, single region */
.ofGridWidth15Col1 {
vertical-align: top;
position: relative; 
margin: 0;
padding: 0 0 0 16px;
border: 0;
}

.ofGridWidth15Col1  {
width: 959px; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 943px;
}

html>body .ofGridWidth15Col1 {
width: 943px
}
/* End Grid Width 15, single region */
/* End Grid Width Classes for XHTML Table Page Layout */

/* END CLASSES & STYLES FOR XHTML TABLE PAGE LAYOUTS */



/* CLASSES & STYLES FOR CSS PAGE LAYOUTS */

/* Classes & Styles for 3-6 CSS Page Layout With TOC */
.ofLCss36Toc {}

.ofLCss36Toc #ofTopicPath {
position: absolute;
top: 3px; 
left: 12px;
width: 558px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss36Toc #ofPageTitle {
position: absolute; 
top: 23px;
left: 195px;
width: 374px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss36Toc #ofReg1 /* Bug 00149 - Removed ofToc and consequently had to rename the other div's - Dave Nolan - 7/27/04 */ {
position: absolute;
top: 43px;
left: 4px;
vertical-align: top;
width: 175px;
margin: 0;
padding: 0;
border: 0;
}

.ofLCss36Toc #ofReg2 {
position: absolute;
top: 60px;
left: 195px;
vertical-align: top;
width: 374px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss36Toc #ofFooter {
position: relative;
top: 492px;
left: 195px;
vertical-align: top;
width: 374px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 3-6 CSS Page Layout With TOC */

/* Classes & Styles for 3-7 CSS Page Layout With TOC */
.ofLCss37Toc {}

.ofLCss37Toc #ofTopicPath {
position: absolute;
top: 3px; 
left: 12px;
width: 623px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss37Toc #ofPageTitle {
position: absolute; 
top: 23px;
left: 195px;
width: 439px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss37Toc #ofReg1 {
position: absolute;
top: 43px;
left: 4px;
vertical-align: top;
width: 175px;
margin: 0;
padding: 0;
border: 0;
}

.ofLCss37Toc #ofReg2 {
position: absolute;
top: 60px;
left: 195px;
vertical-align: top;
width: 439px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss37Toc #ofFooter {
position: relative;
top: 492px;
left: 195px;
vertical-align: top;
width: 439px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 3-7 CSS Page Layout With TOC */

/* Classes & Styles for 3-3-3-3 CSS Page Layout */
.ofLCss3333 {}

.ofLCss3333 #ofTopicPath {
position: absolute;
top: 3px; 
left: 16px;
width: 748px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss3333 #ofPageTitle {
position: absolute; 
top: 23px;
left: 16px;
width: 748px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss3333 #ofReg1 {
position: absolute;
top: 60px;
left: 16px;
vertical-align: top;
width: 163px;
margin: 0;
padding: 0;
border: 0;
}

.ofLCss3333 #ofReg2 {
position: absolute;
top: 60px;
left: 195px;
vertical-align: top;
width: 179px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss3333 #ofReg3 {
position: absolute;
top: 60px;
left: 390px;
vertical-align: top;
width: 179px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss3333 #ofReg4 {
position: absolute;
top: 60px;
left: 585px;
vertical-align: top;
width: 179px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss3333 #ofFooter {
position: relative;
top: 492px;
left: 16px;
vertical-align: top;
width: 748px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 3-3-3-3 CSS Page Layout */

/* Classes & Styles for 3-6-3 CSS Page Layout */
.ofLCss363 {}

.ofLCss363 #ofTopicPath {
position: absolute;
top: 3px; 
left: 16px;
width: 748px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss363 #ofPageTitle {
position: absolute; 
top: 23px;
left: 16px;
width: 748px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss363 #ofReg1 {
position: absolute;
top: 60px;
left: 16px;
vertical-align: top;
width: 163px;
margin: 0;
padding: 0;
border: 0;
}

.ofLCss363 #ofReg2 {
position: absolute;
top: 60px;
left: 195px;
vertical-align: top;
width: 374px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss363 #ofReg3 {
position: absolute;
top: 60px;
left: 585px;
vertical-align: top;
width: 179px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss363 #ofFooter {
position: relative;
top: 492px;
left: 16px;
vertical-align: top;
width: 748px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 3-6-3 CSS Page Layout */

/* Classes & Styles for 3-6-3 CSS Page Layout With TOC */
.ofLCss363Toc {}

.ofLCss363Toc #ofTopicPath {
position: absolute;
top: 3px; 
left: 12px;
width: 753px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss363Toc #ofPageTitle {
position: absolute; 
top: 23px;
left: 195px;
width: 569px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss363Toc #ofReg1 /* Bug 00149 - Removed ofToc and consequently had to rename the other div's - Dave Nolan - 7/27/04 */ {
position: absolute;
top: 43px;
left: 4px;
vertical-align: top;
width: 175px;
margin: 0;
padding: 0;
border: 0;
}

.ofLCss363Toc #ofReg2 {
position: absolute;
top: 61px;
left: 195px;
vertical-align: top;
width: 374px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss363Toc #ofReg3 {
position: absolute;
top: 61px;
left: 585px;
vertical-align: top;
width: 179px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss363Toc #ofFooter {
position: relative;
top: 493px;
left: 195px;
vertical-align: top;
width: 569px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 3-6-3 CSS Page Layout With TOC */

/* Classes & Styles for 3-9 CSS Page Layout With TOC*/
.ofLCss39Toc {}

.ofLCss39Toc #ofTopicPath {
position: absolute;
top: 3px; 
left: 12px;
width: 753px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss39Toc #ofPageTitle {
position: absolute; 
top: 23px;
left: 195px;
width: 569px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss39Toc #ofReg1 /* Bug 00149 - Removed ofToc and consequently had to rename the other div's - Dave Nolan - 7/27/04 */ {
position: absolute;
top: 43px;
left: 4px;
vertical-align: top;
width: 175px;
margin: 0;
padding: 0;
border: 0;
}

.ofLCss39Toc #ofReg2 {
position: absolute;
top: 60px;
left: 195px;
vertical-align: top;
width: 569px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss39Toc #ofFooter {
position: relative;
top: 492px;
left: 195px;
vertical-align: top;
width: 569px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 3-9 CSS Page Layout With TOC */

/* Classes & Styles for 3-10 CSS Page Layout With TOC*/
.ofLCss310Toc {}

.ofLCss310Toc #ofTopicPath {
position: absolute;
top: 3px; 
left: 12px;
width: 817px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss310Toc #ofPageTitle {
position: absolute; 
top: 23px;
left: 195px;
width: 634px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss310Toc #ofReg1 /* Bug 00149 - Removed ofToc and consequently had to rename the other div's - Dave Nolan - 7/27/04 */ {
position: absolute;
top: 43px;
left: 4px;
vertical-align: top;
width: 175px;
margin: 0;
padding: 0;
border: 0;
}

.ofLCss310Toc #ofReg2 {
position: absolute;
top: 60px;
left: 195px;
vertical-align: top;
width: 634px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss310Toc #ofFooter {
position: relative;
top: 492px;
left: 195px;
vertical-align: top;
width: 634px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 3-10 CSS Page Layout With TOC */

/* Classes & Styles for 3-12 CSS Page Layout With TOC*/
.ofLCss312Toc {}

.ofLCss312Toc #ofTopicPath {
position: absolute;
top: 3px; 
left: 12px;
width: 948px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss312Toc #ofPageTitle {
position: absolute; 
top: 23px;
left: 195px;
width: 764px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss312Toc #ofReg1 /* Bug 00149 - Removed ofToc and consequently had to rename the other div's - Dave Nolan - 7/27/04 */ {
position: absolute;
top: 43px;
left: 4px;
vertical-align: top;
width: 175px;
margin: 0;
padding: 0;
border: 0;
}

.ofLCss312Toc #ofReg2 {
position: absolute;
top: 60px;
left: 195px;
vertical-align: top;
width: 764px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss312Toc #ofFooter {
position: relative;
top: 492px;
left: 195px;
vertical-align: top;
width: 764px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 3-12 CSS Page Layout With TOC */

/* Classes & Styles for 4-4-4 CSS Page Layout */
.ofLCss444 {}

.ofLCss444 #ofTopicPath {
position: absolute;
top: 3px; 
left: 16px;
width: 748px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss444 #ofPageTitle {
position: absolute; 
top: 23px;
left: 16px;
width: 748px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss444 #ofReg1 {
position: absolute;
top: 60px;
left: 16px;
vertical-align: top;
width: 228px;
margin: 0;
padding: 0;
border: 0;
}

.ofLCss444 #ofReg2 {
position: absolute;
top: 60px;
left: 260px;
vertical-align: top;
width: 244px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss444 #ofReg3 {
position: absolute;
top: 60px;
left: 520px;
vertical-align: top;
width: 244px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss444 #ofFooter {
position: relative;
top: 492px;
left: 16px;
vertical-align: top;
width: 748px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 4-4-4 CSS Page Layout */

/* Classes & Styles for 5-5-5 CSS Page Layout */
.ofLCss555 {}

.ofLCss555 #ofTopicPath {
position: absolute;
top: 3px; 
left: 16px;
width: 943px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss555 #ofPageTitle {
position: absolute; 
top: 23px;
left: 16px;
width: 943px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss555 #ofReg1 {
position: absolute;
top: 60px;
left: 16px;
vertical-align: top;
width: 293px;
margin: 0;
padding: 0;
border: 0;
}

.ofLCss555 #ofReg2 {
position: absolute;
top: 60px;
left: 325px;
vertical-align: top;
width: 309px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss555 #ofReg3 {
position: absolute;
top: 60px;
left: 650px;
vertical-align: top;
width: 179px;
margin:0;
padding: 0;
border: 0;
}

.ofLCss555 #ofFooter {
position: relative;
top: 492px;
left: 16px;
vertical-align: top;
width: 943px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 5-5-5 CSS Page Layout */

/* Classes & Styles for 12 CSS Page Layout*/
.ofLCss12 {}

.ofLCss12 #ofTopicPath {
position: absolute;
top: 3px; 
left: 16px;
width: 748px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss12 #ofPageTitle {
position: absolute; 
top: 23px;
left: 16px;
width: 748px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss12 #ofReg1 {
position: absolute;
top: 60px;
left: 16px;
width: 748px;
vertical-align: top;
margin:0;
padding: 0;
border: 0;
}

.ofLCss12 #ofFooter {
position: relative;
top: 492px;
left: 16px;
vertical-align: top;
width: 748px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 12 CSS Page Layout */

/* Classes & Styles for 15 CSS Page Layout */
.ofLCss15 {}

.ofLCss15 #ofTopicPath {
position: absolute;
top: 3px; 
left: 16px;
width: 943px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;	
}

.ofLCss15 #ofPageTitle {
position: absolute; 
top: 23px;
left: 16px;
width: 943px;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}

.ofLCss15 #ofReg1 {
position: absolute;
top: 60px;
left: 16px;
width: 943px;
vertical-align: top;
margin:0;
padding: 0;
border: 0;
}

.ofLCss15 #ofFooter {
position: relative;
top: 492px;
left: 16px;
vertical-align: top;
width: 943px;
margin: 0;
padding: 0;
border: 0;
}
/* End Classes & Styles for 15 CSS Page Layout */

/* END CLASSES & STYLES FOR CSS PAGE LAYOUTS */
/*
#tocbox {position: relative; margin:0 ; padding:0; border:0; width:175px;
height:350px;
background-color:#666666;}

#mainbox {position: relative; margin:0 ; padding:0; border:0; width:374px; height:400px; background-color:#666666;}

#sidebarbox {position: relative; margin:0; padding:0; border:0; width:179px; height:400px; background-color:#666666;}

#breadcrumbbox {position: relative; margin:0; padding:0; border:0; width:752px; height:10px; background-color:#666666;}

#pagetitlebox {position: relative; margin:0; padding:0; border:0; width:569px; height:18px; background-color:#666666;}

#footerbox {position: relative; margin:0; padding:0; border:0; width:569px; height:45px; background-color:#666666;}

#centerbox {position: relative; margin:0 ; padding:0; border:0; width:374px; height:45px; background-color:#666666;}

#box569 {position: relative; margin:0 ; padding:0; border:0; width:569px; height:400px; background-color:#666666;}

#box374 {position: relative; margin:0 ; padding:0; border:0; width:374px; height:400px; background-color:#666666;}

#footerbox374 {position: relative; margin:0; padding:0; border:0; width:374px; height:45px; background-color:#666666;}

#box748 {position: relative; margin:0 ; padding:0; border:0; width:748px; height:400px; background-color:#666666;}

#footerbox748 {position: relative; margin:0; padding:0; border:0; width:748px; height:45px; background-color:#666666;}

#box943 {position: relative; margin:0 ; padding:0; border:0; width:943px; height:400px; background-color:#666666;}

#footerbox943 {position: relative; margin:0; padding:0; border:0; width:943px; height:45px; background-color:#666666;}

#box163 {position: relative; margin:0 ; padding:0; border:0; width:163px; height:400px; background-color:#666666;}

#footerbox553 {position: relative; margin:0; padding:0; border:0; width:553px; height:45px; background-color:#666666;}

#box228 {position: relative; margin:0 ; padding:0; border:0; width:228px; height:400px; background-color:#666666;}

#box244 {position: relative; margin:0 ; padding:0; border:0; width:244px; height:400px; background-color:#666666;}

#box293 {position: relative; margin:0 ; padding:0; border:0; width:293px; height:400px; background-color:#666666;}

#box309 {position: relative; margin:0 ; padding:0; border:0; width:309px; height:400px; background-color:#666666;}

#footerbox943 {position: relative; margin:0; padding:0; border:0; width:943px; height:45px; background-color:#666666;}

#box764 {position: relative; margin:0 ; padding:0; border:0; width:764px; height:400px; background-color:#666666;}

#footerbox764 {position: relative; margin:0; padding:0; border:0; width:764px; height:45px; background-color:#666666;}*/
/* End Source File (5).pagelayoutadvanced.css*/

/* Start Source File (6): specialadvanced.css*/
/* 
Author: Martin Middelmann
Date: June 28, 2004
Version: 1.0

Update: Dave Nolan - July 22, 2004, Cleanup and Addition of Simple Search Box Classes

Special Component Advanced Style Sheet for Modern Browsers
*/

/* Simple Search Box Classes */
/*styles applied to form element with following class*/
.ofSearchForm {
position: relative; 
top: 0px;
background-color: #FAF2DA;/* @colorcode=C9@ */
border: 1px solid #E6CD81;/* @colorcode=C6@ */
/* width: 228px; Must be expandable to region in which it is placed */
padding:  8px;
margin: 0 0 24px 0; /* Made the bottom margin be 24px */
font: 700 10px Verdana, sans-serif;
}
/*have to wrap content in something used <p>*/
.ofSearchForm p {
padding: 0;
margin: 0;
}

.ofSearchForm label {
display: block;
font: 700 10px Verdana, sans-serif;
margin: 0 0 1px 0;
padding: 0;
}

.ofTextInput {
font: 100 13px Verdana, sans-serif;
margin: 0;
padding: 0;
}

.ofButtonInput {
font: 100 11px Verdana, sans-serif;
margin: 0;
padding: 0;
position: relative;
top: -1px;
}

/*extra margin space for multiple input elements, natural margin of 4px increased to 8px*/
.ofMultipleInputs {
margin-right: 4px;
padding: 0;
}
/* End Simple Search Box Classes */

/* View Changer Base Classes */
.ofSpecial {
text-align: left;
font: normal 11px Verdana, sans-serif;
color: #000000;
background: #FFFFFF;
padding: 0;
margin: 0 0 24px 0;
}

.ofSpecial h2 {
padding: 0 0 2px 0;
margin: -2px 0 0 0;
}

/* End View Changer Base Classes */

/* View Changer- Filter Classes */
.ofViewChanger {
position: relative;
padding: 8px 0px 8px 0px;
margin: 0;
border: 1px solid #DDDDDD;/* @colorcode=D9@ */
background-color: #EEEEEE;/* @colorcode=D10@ */
}

.ofViewChanger Label {
margin-left: 12px;
font-weight: 700;
color: #666666;
}

.ofViewChanger input,
.ofViewChanger select {
margin:0 0 0 4px;
padding: 0;
}

.ofViewChanger .ofAuxLink {
position: absolute;
top: 10px;
right: 12px;
}

.ofViewChanger .ofAuxLink a {
color: #333399;
}

.ofViewChanger tr {
height: 21px;
}
/* End View Changer-Filter  Classes */

/* End View Changer Classes */
/* End Source File (6).specialadvanced.css*/

/* Start Source File (7): tabsadvanced.css*/
.ofTab{
position: relative;
	font:100 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:0;
	margin: 2px 0 16px 0;
}

.ofTab .ofSecondary{
	padding-left: 8px;
	border-bottom: 4px solid #4266B3;/* @colorcode=B3@ */
}

.ofTab .ofTertiary{
	border-bottom: 4px solid #666666;/* @colorcode=D2@ */
	padding-left: 8px;
}

.ofTab ul{
	margin:0;
	padding:0;
}

.ofTab li{
	padding:0;
	margin:0;
	display:inline;
	font: normal 10px Verdana, sans-serif;
}

.ofTab a{
	padding:5px 14px 4px 14px;
	margin: 0 0 0 0;
	background: url(/images/tabinteriortop.gif) repeat-x;
	background-color: #DCDFE7;/* @colorcode=B9@ */
	border-right: 1px solid #4266B3;/* @colorcode=B3@ */
	font:700 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#4F4F4F;/*fixme: needs new code*/
	line-height:20px;
	text-decoration:none;
	white-space:nowrap;
}

.ofTab .ofTertiary a{
	background: url(/images/tabTinteriortop.gif) repeat-x;
	background-color: #CCCCCC;/* @colorcode=D8@ */
	border-right: 1px solid #666666;/* @colorcode=D2@ */
	color: #333399;/*fixme: new color code*/
}

.ofTab .selected a {
	padding:5px 11px 8px 13px;
	background-color:#fff;
	border-width:0px 4px 0px 1px;
	color:#000;
}

.ofTab .ofSecondary .selected a{
	border-left: 1px solid #4266B3;/* @colorcode=B3@ */
}.ofTab .ofTertiary .selected a{
	border-left: 1px solid #666666;/* @colorcode=D2@ */
}
/* End Source File (7).tabsadvanced.css*/

/* Start Source File (8): textblockadvanced.css*/
/* A Gil Pili refactoring of Dave Nolan's original textblock css on 8/30/04 */

.ofTextBlock {
	padding: 0;
	margin: 0;
	text-align: left;
	font: normal 12px Verdana, sans-serif;
	color: #000000;
}

.ofTextBlock h2 {
	padding-bottom: 1px;
	margin: 0;
	text-align: left;
	font: bold 16px Arial, sans-serif;
	color: #006633;/* @colorcode=A1@ */
	background-color: #FFFFFF; /* Added to insure that the background within Opera (PC) and Safari (Mac) appears white - Dave Nolan 7/21/04 */
}

.ofTextBlock h3 {
	margin: 0;
	padding-bottom: 2px;
	text-align: left;
	font: bold 12px Verdana, sans-serif;
	color: #000000; /* Added to insure that the standard header font appears black within Opera (PC) and Safari (Mac) - Dave Nolan 7/21/04 */
	background-color: #FFFFFF; /* Added to insure that the background within Opera (PC) and Safari (Mac) appears white - Dave Nolan 7/21/04 */
}

.ofTextBlock p {
	line-height: 19px;
	padding-bottom: 7px;
	margin: 0;
	text-align: left;
}


.ofTextBlock ul {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
}

.ofTextBlock li {
	position: relative;
	line-height: 19px;
	padding: 0 7px 7px 11px; 
	margin: 0;
	background: url(./../images/bullet_square_c2.gif); 
	background-repeat: no-repeat;
	background-position: 0px 8px;
	list-style: none;
}

.ofTextBlock ul ul {
padding: 7px 0 0 0;
}

.ofTextBlock ul li ul li {
background: url(/images/emdash.gif);
background-repeat: no-repeat;
background-position: 1px 9px;
list-style: none;
padding-left: 17px;
}

.ofTextBlock .ofLastChild {
padding-bottom: 0
}

a.ofTop {
	display: block;
	text-align: right;
	padding: 2px 0 18px 0;
	font-size: 11px
}


.ofTextBlock .ofSectionEnd {
	padding-bottom: 23px;
}

.ofTextBlock .ofSubSectionEnd {
	padding-bottom: 17px;
}

.ofTextBlock .ofH2xH3 {
	padding-top: 3px;
}
/* End Source File (8).textblockadvanced.css*/

/* Start Source File (9): tocadvanced.css*/
.ofToc {
	position:relative;
	margin: 0px 0px 21px 0px;
	padding: 0px;
	font: normal 11px Verdana, sans-serif;
}

.ofToc .ofWrapper {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #B5CABF;/* @colorcode=A7@ */
	background-color: #E3E9E3;/* @colorcode=A9@ */
}

.ofToc h2 {
	margin: 0 0 0 0px;
	padding: 4px 0px 4px 5px; /*changed top and bottom margin from 5px so that the total height remian 21px*/
	color: #FFFFFF;
	font: bold;
	background-color: #6DA086;/* @colorcode=A4@ */
}

.ofToc h3 {
	margin: 0px 0px 0px 0px;
	padding: 4px 0 4px 4px;
	background-color: #B5CABF;/* @colorcode=A7@ */
	color: #000000;
	font: bold;
}

.ofToc h4 {
	margin: 0 0 0 0;
	padding: 0px 0px 0px 4px;
	background-color: transparent;
	color: #287950;/* @colorcode=A2@ */	
	font: bold;
}

.ofToc h4.ofFirstChild {
	padding: 5px 0 0px 4px;
}

.ofToc ul {
	background-color: #E3E9E3;/* @colorcode=A9@ */
	margin: 0;
	padding: 0px 0px 8px 0px; 
	font-size: 11px;
}

.ofToc li {
	background-image: url('/images/rustbulsquare.gif'); 
	background-repeat: no-repeat;
	background-position: 7px 2px; 
	list-style: none;
	margin: 4px 0px 4px 0px;
	padding: 2px 0px 4px 19px; 
	color: #999999;/* @colorcode=D5@ */
}

.ofToc2TitleNoCat li.ofFirstChild {
	margin: 2px 0px 4px 0px;
}

.ofToc2TitleNoCat ul.ofLastChild {
	padding: 0px 0px 6px 0px; 
}

.ofToc li a{
	color: #000000;
}

.ofToc .ofTocNoCatNoTitle {
	border-top:4px solid #B5CABF;/* @colorcode=A7@ */
}



/* ----------------------------------------- */
/* 					SELECTED							*/
/* ----------------------------------------- */

.ofToc li.selected {
	margin: 4px 0px 4px 6px;
	padding: 2px 0px 4px 13px;
	background-color: #FFFFFF;
	background-image: none;	
}

.ofToc2TitleNoCat li.selected {	


	margin: 2px 0px 4px 6px;
	padding: 2px 0px 4px 13px;
	background-color: #FFFFFF;
	background-image: none;
}

.ofToc .selected a {
	text-decoration: none;
}
/* End Source File (9).tocadvanced.css*/

/* Start Source File (10): view_changer.css*/
.ofSpecial {
font: normal 11px Verdana, sans-serif;
padding: 0;
margin: 0 0 24px 0;
}

.ofSpecial h2 {
padding: 0 0 2px 0;
margin: -2px 0 0 0;
}

.ofViewChanger {
position: relative;
padding: 8px 0px 8px 0px;
margin: 0;
border: 1px solid #DDDDDD;/* @colorcode=D9@ */
background-color: #EEEEEE;/* @colorcode=D10@ */
}

.ofViewChanger Label {
margin-left: 12px;
font-weight: 700;
color: #666666;
}

.ofViewChanger input,
.ofViewChanger select {
margin:0 0 0 4px;
padding: 0;
}

.ofViewChanger .ofAuxLink {
position: absolute;
top: 10px;
right: 12px;
}

.ofViewChanger .ofAuxLink a {
color: #333399;
}

.ofViewChanger tr {
height: 21px;
}

/*-------------------------page no------------------*/
.pagination{
margin:0 1.8em 21px 0;
font:100 10px Verdana;
}

/*--------------------------------------------------*/
/* End Source File (10).view_changer.css*/