/*
** Main web page class for the body tag. Other styles
** are defined in the context of this main one.
*/
.OREFA {
  background: #E0FFFF;
  background-image: url(/images/misc/background.jpg);
  color: #000040;
  margin: 0;
  padding: 0;
}
/*
** Document class: page content nested within the body.
*/
.OREFA .DOC {
  color: #008;
  font-size: 16px;
  padding-top: 10px; 
  padding-left: 2%; 
  padding-right: 2%; 
  padding-bottom: 30px; /* Distance any bottom banner a bit */ 
}
.OREFA .DOC TABLE {
  width: 96%;           /* Full width minus the left/right padding. */
}
.OREFA .DOC H1, H2, H3, H4, H5, H6 {
  font-weight: bold;
  text-align: center;
}
.OREFA .DOC H1 {
  font-size: 32px;
}
.OREFA .DOC H2 {
  font-size: 28px;
}
.OREFA .DOC H3 {
  font-size: 24px;
}
.OREFA .DOC H4 {
  font-size: 20px;
}
.OREFA .DOC H5 {
  font-size: 16px;
}
.OREFA .DOC H6 {
  font-size: 16px;
  font-weight: normal;
}
/*
** Page header format. The header is the top area used to display a logo
** with its trademark sign, the page title and any desired top decoration.
*/
.OREFA .DOC .HEADER {
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;
}
.OREFA .DOC .HEADER .LOGO {
  float: left;
  margin-right: 10px;
  width: 130px;
}
.OREFA .DOC .HEADER .LOGO IMG { /* Logo Image */
  margin-top: 0;
  margin-left: 12px;
  margin-right: 0;
  margin-bottom: 0;
}
.OREFA .DOC .HEADER .LOGO A {   /* Trademark Link */
  font-size: 8px;
}
.OREFA .DOC .HEADER .TITLE {
  margin: 0;
  text-align: center;
  width: 100%;
}
.OREFA .DOC .HEADER .TITLE H1 { /* Page Title */
  margin: 0;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 16px;
  text-align: center;
  width: 100%;
}
.OREFA .DOC .HEADER .TITLE HR {
  background-color: #66C;
  color: #66C;
  height: 2px;
  margin: 0;
  padding: 0;
}
/*
** Above menu used for navigation "above" the current page. This can be used
** above the header to let users back up to higher levels or move to sibling
** levels.
*/
.OREFA .DOC .MENU_ABOVE {
  clear: left;
}

/*
** Below menu used for navigation "below" the current page. This can be used
** below the header to let users select sub-divisions of the current page
** or sub-sections below the current level.
*/
.OREFA .DOC .MENU_BELOW {
  clear: left;
  float: left;
  font-family: times;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}
.OREFA .DOC .MENU_BELOW A {
  background-color: #66C;
  color: yellow;
  display: block;
  margin-top: 1px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 120px;
}
.OREFA .DOC .MENU_BELOW A:HOVER {
  background-color: #AAF;
  color: black;
}

/*
** Footer section.
*/
.OREFA .DOC .FOOTER {
  clear: both;
  padding: 10px;
  text-align: center;
}
/*
** Font styles.
*/
.OREFA .DOC CODE { 
  color: #000;
  font-family: courier, monospace;
}
.OREFA .DOC FONT.COMMENT {
  color: #080; 
  font-family: courier, monospace;
}
.OREFA .DOC KBD {
  font-size: 14px; 
}
.OREFA .DOC PRE {
  background-color: #EEE;
  color: #000;
  font-family: "Courier", "MS Courier New";
  font-size: 14px;
  margin-left: 20px;  
  margin-right: 20px;
  padding-left: 10px;  
  padding-right: 10px;  
}
.OREFA .DOC PRE SAMP {
  color: blue;
}
/*
** Replacement class for the "unapproved" <nobr> tag. 
*/
.OREFA .DOC .NOBR {
  white-space: nowrap;
}
/*
** Line colors
*/
.OREFA .DOC HR {
  background-color: #66C;
  color: #66C;
}
/*
** Code examples. H4 headers are in bold italics. Paragraphs within the
** example are indented sections with a different background color to set
** them apart. They use fixed-pitch font in black to show calculations;
** normal sample results are blue; error codes are red.
*/
.OREFA .DOC .EX {
  font-style: italic;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 10px;
}
.OREFA .DOC .EX H4 {
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 0;
}
.OREFA .DOC .EX P {
  background: #EEE;
  color: black;
  font-family: courier, monospace;
  font-style: normal;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px;
}
.OREFA .DOC .EX P SAMP {
  color: blue;
}
.OREFA .DOC .EX P CODE {
  color: red;
}
/*
** Form should be defined in a field with "padding:0; margin:0" (unlike item
** field sets). Within the form, each field is itself defined in a field set
** used to group the title (defined with H4) with its input field(s). Radio
** buttons have a fixed width to make them align within their field set. 
*/
.OREFA .DOC FORM FIELDSET {
  margin: 0;
  padding: 10px;
}
.OREFA .DOC FORM H5 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: left;
}
.OREFA .DOC FORM LEGEND {
  font-weight: bold;
}
.OREFA .DOC FORM .RADIO {
  white-space: nowrap;
  width: 200px;
}
.OREFA .DOC FORM .FIXED {
  width: 400px;
}
/*
** Framed box
*/
.OREFA .DOC .BOX {
  border-color : #66C;
  border-style : solid;
  border-width : 2px;
  margin: 0;
  padding: 5px;
}
/*
** Styled button link.
*/
.OREFA .DOC A.BUTTON {
  background-color: #BBF;
  border-top: solid #DDF;
  border-left: solid #CCF;
  border-right: solid #AAE;
  border-bottom: solid #99E;
  border-width: 3px;
  color: black;
  margin: 5px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}
.OREFA .DOC A:HOVER.BUTTON {
  background-color: #CCF;
  color: #F00;
}
/*
** Discreet link style.
*/
.OREFA .DOC A.DISCREET {
  color: #E0FFFF;
  font-size: small;
}
/*
** Floating panels for related topics
*/
.OREFA .DOC .PANEL_LEFT {
  background-color: #C0F0F0;
  clear: left;
  float: left;
  margin-right: 10px;
  padding: 20px;
  text-align: center;
}
.OREFA .DOC .PANEL_RIGHT {
  background-color: #C0F0F0;
  clear: right;
  float: right;
  margin-left: 10px;
  padding: 20px;
  text-align: center;
}
.OREFA .DOC .FLOAT_LEFT {
  clear: left;
  float: left;
  margin: 20px;
  margin-left: 10px;
}
.OREFA .DOC .FLOAT_RIGHT {
  clear: right;
  float: right;
  margin: 20px;
  margin-right: 10px;
}
/*
** List styles.
*/
.OREFA .DOC UL.DEF {
  list-style-type: none;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0;
}
.OREFA .DOC UL.DEF LI {
  margin-bottom: 5px;
}
.OREFA .DOC UL.DEF LI B, STRONG {
  font-weight: bold;
}
.OREFA .DOC DT {
  font-weight: bold;
}
/*
** Links arranged in centered columns.
*/
.OREFA .DOC .LINKS {
  text-align: center;
}
.OREFA .DOC .LINKS A {
  display: block;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}
.OREFA .DOC .LINKS A:LINK {
}
.OREFA .DOC .LINKS A:ACTIVE {
}
.OREFA .DOC .LINKS A:VISITED {
}
.OREFA .DOC .LINKS A:HOVER {
  background-color: #E0E0FF;
  color: red;
}
.OREFA .DOC .LINKS .OVER_LINK {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.OREFA .DOC .LINKS .UNDER_LINK {
  margin-top: 0px;
  padding-top: 0px;
}
.OREFA .DOC .LINKS A .BACKLINK {
  display: inline;
  font-size: small;
  font-weight: lighter;
}
.OREFA .DOC .LINKS A:LINK.BACKLINK {
  display: inline;
  font-size: small;
  font-weight: lighter;
}
.OREFA .DOC .LINKS A:ACTIVE.BACKLINK {
  display: inline;
  font-size: small;
  font-weight: lighter;
}
.OREFA .DOC .LINKS A:VISITED.BACKLINK {
  display: inline;
  font-size: small;
  font-weight: lighter;
}
.OREFA .DOC .LINKS A:HOVER.BACKLINK {
  display: inline;
  font-size: small;
  font-weight: lighter;
}

/*
** Link images: no border.
*/
.OREFA .DOC A IMG {
  border-style: none;
}