/* At-Rules */
@charset "UTF-8";

/* -- i2ui CSS style sheet - The core style sheet for TradeMatrix and i2ui Tags --*/
/* -- CSS from style_sheet_core.css -- */

/* -- GENERAL --*/
BODY {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; 
  color: #505050; 
  background-color:#ffffff;
}
.bodyText               {font-size : 11px;  font-weight: normal; padding-left: 4px;}
.bodyBackground   {background-color:#e6e6e6;}
P.reset              {font-family: verdana,  sans-serif; margin:1px; font-size:11px; }
BR.separator      { font-size: 6px; }
/* -- the shadow sets BG color for a shadow effect around power tab container  --*/
.shadow{border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
A:link,A:active, A:visited  {color: #5060B8 ; text-decoration: none; }
/*A:visited                          {color: #9430A3; text-decoration: none; }*/
.linkDisabled                    {color: #a0a0a0; text-decoration: none;}
A.warning:link {color:red; text-decoration: none; }
A.warning:visited {color:red; text-decoration: none; }
A.warning:active {color:red; text-decoration: none; }
A.warning:hover {color:black; text-decoration: none; }
HR                         {height: 1px;}
/* -- regionDivider should be applied to HR tags --*/
.regionDivider { height: 3px; color: #e6e6e6; border-top: 1px solid #c6c2c6; border-bottom: 1px solid #ffffff; }
.vr                      {font-size:1px; background-color: #999999;}
.errorMessage   {font-family: verdana,  sans-serif; font-size:11px;  font-weight:bold; color: #C63E3E; }
.positiveMessage        {font-family: verdana,  sans-serif; font-size:11px;  font-weight:bold; color: #238B3B; }

/* --- SHELL --- These styles are used to create the background where all content reside. --*/
.shellBody                 {margin:0px;}
.shellBackground   {background-color:#4858c5; margin:0px;}
.shellContent              {background-color:#e6e6e6;} /*#e6e6e6;red*/
.shellEdgeTop, .shellEdgeBottom     {background-repeat:repeat-x; font-size:2px; }
.shellEdgeLeft, .shellEdgeRight    {background-repeat:repeat-y; font-size:2px; }
.shellBannerText {font-family:verdana,sans-serif; font-size:11px; color:#ffffff;}
.shellBannerText A:link, .shellBannerText A:active, .shellBannerText A:visited, .shellBannerText A:hover  {color: #ffffff; text-decoration: none;}

/* -- BREADCRUMBS --*/
.applicationHeader   {font-family: verdana, sans-serif; font-size:11px; font-weight: bold; color: #2e4e9e;}

/* -- HEADERS --*/
.contentHeader   { font-size:11px; font-weight: bold; color: #505050; }

 /* --  CONTAINERS  --*/
.containerBorder   {background-color:#999999;}
.containerHeader,.containerHeaderPadding  {font-family:verdana,  sans-serif; font-size : 11px;  font-weight : bold; color : #505050;}
.containerHeaderPadding {padding-left:5px; }
.containerHeaderLeft   {font-family:verdana,  sans-serif; }
.containerHeaderRight  {font-family:verdana,  sans-serif; }
.containerHeaderless  {font-size : 2px; line-height: 6px; }
.containerBody      {background-color : #ffffff; }
.containerBodyBold  {background-color : #e9e9ff; }
.containerBodyMargin{background-color : #ffffff; padding: 5px; }
.containerBodyRightBorder {background-color: #ffffff; border-style: solid;border-left-width: 0px;border-right-width: 1px;border-right-color: #999999;}
.containerBodyIndent      {background-color : #ffffff; padding-left: 8px; padding-right: 8px; padding-bottom: 8px;}
.containerBodyVert  {background-color : #ffffff; }
.containerBodyVertIndent  {background-color : #ffffff; padding-left: 8px; padding-right: 8px;}
.containerFooter    {font-size : 11px; color : #505050;}

/* -- TABLES --*/
TR,TD                     {font-family: verdana,  sans-serif; font-size:11px;}
.tableBorder     {}
.tableHeader    { font-weight:bold;}
.tableColumnHeadings { 
  font-weight:bold; 
  border-bottom:2px solid #dddedd;
  white-space:nowrap;
  vertical-align:top; 
}
.tableColumnRadio {text-align:center;}
.tableColumnHeadings TD  {padding-left: 6px; padding-right: 6px;}
.tableColumnHeadings2 { }
.tableRow0 { }
.tableRow0 TD {padding-left: 6px; padding-right: 6px;}
.tableRow1 { }
.tableRow1 TD {padding-left: 6px; padding-right: 6px;}
.rowHighlight {}
.rowHighlight TD {padding-left: 6px; padding-right: 6px;}
.columnHighlight {}
.editableCell {}
.indent {padding-left: 8px; padding-right: 8px;}
.tableRowFS {font: italic;}
.tableRowFS TD      {padding-left: 6px; padding-right: 6px;}
.tableRowFCT       {font: italic; }
.tableRowFCT TD      {padding-left: 6px; padding-right: 6px;}


/* -- MENUS --*/
.popupLink {color: #FF9000; text-decoration: none;}
.popupLink A:link, .popupLink A:active, .popupLink A:visited, .popupLink A:hover  {color: #FF9000; text-decoration: none;}
#popupButton {text-align:right;}
#popupButton .buttonN {margin-right:5px;}
.menuText         { font-family:verdana,sans-serif; font-size:11px; color: #505050; text-decoration: none;}
.menuText A:link, .menuText A:active, .menuText A:visited  {color: #505050;  text-decoration: none;}
.menuText A:hover      {color: #000000;  }
.menuUnHighlighted   {background:#F2F4FE;}
.menuHighlighted        {background:#D1D6F0;}
.menuShadow      {background-color: #F2F4FE; border-bottom: 1px solid #D1D6F0;  border-right:1px solid #D1D6F0; border-left:1px solid #ffffff; border-top:1px solid #ffffff;}

/* --  BUTTONS --*/
.buttonBorder     {background-color:#999999; }
.buttonBorderDisabled     {background-color:#bfbfbf;}
.buttonBorderEmphasized     {background-color:#666666;}
#buttonEmphasized          {background-color: #ffe600; font-size:11px; font-weight: bold;  border-bottom: 1px solid #d0bb03; border-right:1px solid #d0bb03; border-left:1px solid #fffbd4;  border-top:1px solid #fffbd4; }
#buttonRegular,TD.button   {background-color: #fff6a6; font-size:11px; border-bottom: 1px solid #e4db83;  border-right:1px solid #e4db83; border-left:1px solid #ffffff; border-top:1px solid #ffffff;}
#buttonDisabled          {background-color: #fffbdb;  font-size:11px; border-bottom: 1px solid #e6e3b8; border-right:1px solid #e6e3b8; border-left:1px solid #ffffff; border-top:1px solid #ffffff;}
#buttonSmallEmphasized     {background-color: #ffe600;  font-weight: bold; font-size:10px; border-bottom: 1px solid #d0bb03; border-right:1px solid #d0bb03; border-left:1px solid #fffbd4;  border-top:1px solid #fffbd4; }
#buttonSmallRegular        {background-color: #fff6a6; font-size:10px; border-bottom: 1px solid #e4db83;  border-right:1px solid #e4db83; border-left:1px solid #ffffff; border-top:1px solid #ffffff;}
#buttonSmallDisabled       {background-color: #fffbdb; font-size:10px; border-bottom: 1px solid #e6e3b8; border-right:1px solid #e6e3b8; border-left:1px solid #ffffff; border-top:1px solid #ffffff;}
.buttonText,.button    { color: #505050; font-family:verdana,  sans-serif;  text-align: center; text-decoration: none; padding-bottom: 1px;}
.button,.buttonText A:link, .buttonText A:active, .buttonText A:visited  {color: #505050;  text-decoration: none;}
.button:hover,.buttonText A:hover       {color: #000000; }
.button {border-top:1px solid #e6e3b8;border-left:1px solid #e6e3b8;padding:3px;margin-left:5px}
.buttonTextDisabled    {font-family:verdana,  sans-serif;  text-align: center; color: #b2b2b2; text-decoration: none; padding-bottom:1px;  border-bottom:1px solid #e6e3b8; border-right:1px solid #e6e3b8; border-left:1px solid #ffffff; border-top:1px solid #ffffff; }
.buttonTextEmphasized    {font-family:verdana,  sans-serif; font-weight: bold; text-align: center; color: #505050; text-decoration: none; padding-bottom:1px; border-bottom: 1px solid #d0bb03; border-right:1px solid #d0bb03; border-left:1px solid #fffbd4;  border-top:1px solid #fffbd4; padding-bottom: 1px; }
.buttonTextEmphasized A:link, .buttonTextEmphasized A:active, .buttonTextEmphasized A:visited  {color: #505050;  text-decoration: none;}
.buttonTextEmphasized A:hover       {color: #000000;  }


/* -- FORMS --*/
.formTable      {padding:5px;margin:0;border-color:#ffffff;border-width:1px;border:1px solid none;background-color:#ffffff;}
.formTableIndent {background-color: #ffffff; font-family:verdana,sans-serif; font-size:11px; border-left:1px solid #999999; border-right:1px solid #999999; padding-left: 8px; padding-right: 8px; padding-bottom: 8px;}
#readOnly       {background-color:#f7f8fd;}
.pulldown               {background: #ffffff; font-family: verdana,  sans-serif; font-size:11px; color: #505050; border: 1px solid #999999;}
.smallpulldown  {background: #ffffff; font-family: verdana,  sans-serif; font-size:9px; color: #505050; border: 1px solid #999999;}
.requiredLabel  {font-size:11px;}
.requiredIndicator       {font-size:11px; color:#FF0000}
#rightAlign    {text-align: right;}
.inputField          {font-family: verdana, sans-serif; font-size:11px; color: #505050; padding-left: 8px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #999999;}
.smallinputField {font-family: verdana, sans-serif; font-size:11px; color: #505050; border: 1px solid #999999; padding-left: 8px;}
.inputFieldRight  {font-family: verdana, sans-serif; font-size:11px; color: #505050; padding-right: 8px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #999999; text-align:right}
#editedText {font-family: verdana, sans-serif; font-size:11px; font-weight:bold; font-style:italic; color: #505050; padding-left: 8px;}
.displayField    {font-family: verdana, sans-serif; font-size:11px; color: #505050;  border: 1px solid #999999; padding-left: 8px; padding-top: 2px; padding-bottom: 2px;}
.smalldisplayField       {font-family: verdana, sans-serif; font-size:11px; color: #505050; border: 1px solid #999999; padding-left: 8px;}
.listDisplayField {background: #ffffff; font-family: verdana,  sans-serif; font-size:11px; color: #505050; padding-left: 8px; border: 1px solid #999999;}
.inputFieldNoBorder { font-family: verdana, sans-serif; font-size:11px; color: #505050; border:0px; padding-left:5px; padding-right:5px;}
.listBoxHeader {background-color: #d1d6f0; font-family:verdana, sans-serif; font-size: 11px; color: #505050; line-height: 18px; border-bottom:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; border-top:1px solid #999999; padding-left: 8px; }

/* -- TEXTAREAS --*/
TEXTAREA {
           border-left: #999999 solid 1px;
           border-right: #999999 solid 1px;
           border-top: #999999 solid 1px;
           border-bottom: #999999 solid 1px;
           font-family: verdana,sans-serif;
           font-size: 11px;
           font-weight: normal;
         }
TEXTAREA.editable       { padding: 8px;}
TEXTAREA.noneditable    { padding: 8px;}

/* PADS */
.solutionPadTitle       {background-color:#f2f2f2;font-family:verdana,sans-serif; font-size:11px;font-weight:bold;color:#505050;border-top:1px solid #999999;border-bottom:1px solid #999999;border-left:1px solid #999999;border-right:1px solid #999999;}
.solutionPadTitleBorder0    {border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;border-left:1px solid #ffffff;border-top:1px solid #ffffff;}
.solutionPadTitleBorder1    {height:18px;border-right:1px solid #ededed;border-bottom:1px solid #ededed;border-left:1px solid #fafafa;border-top:1px solid #fafafa;}

/* -- FROM style_sheet_5_2.css */
/* --  MARKHAM LOCAL STYLES -- */

.formLabel {padding-left: 8px;      padding-right: 8px;      padding-top: 6px;      padding-bottom: 4px;}
.displayField {BACKGROUND: #ffffff;      BORDER: 0px;      PADDING-BOTTOM: 4px;      PADDING-LEFT: 0px;      PADDING-TOP: 6px}
.displayReadOnly {font-family: verdana, sans-serif;      font-size:11px;      color: #505050;      padding-left: 0px;      padding-top: 6px;      padding-bottom: 4px;      border: 0px;}
.inputField {MARGIN-TOP: 2px;      MARGIN-BOTTOM: 2px;          MARGIN-RIGHT: 5px;}
.pulldown {MARGIN-TOP: 1px;      MARGIN-BOTTOM: 1px;          MARGIN-RIGHT: 5px;}
.tableReadOnly {}

/* ----- TABLES -----
----- TABS - WITHIN DATA FRAME -----
-----  WIZARD STEPS -----
-----  ACTION BUTTONS ----- */
.buttonSeparator {padding-left: 5px; padding-right: 5px;}

/* ----- OTHER STYLES ----- */
.error {font-size : 11px; font-weight : bold; text-align : left; color : #000000;}
.success {font-size : 11px; font-weight : bold; text-align : left; color : #0000ff;}
.warning {font-size : 11px; text-align : left; color : #FF0000;}

/* COPIED FROM CAMBRIDGE (BOSTON) */
.disabled {color : Gray;}
.depressed {border-left : 2px outset #CCCCCC; border-top : 2px outset #CCCCCC; border-bottom : 1px solid #FFFFFF; border-right : 1px solid #FFFFFF; background-color : #E0E0E0;}
#menuItem {font-family: verdana, arial, sans-serif; font-size: 11px; color: #505050;}
#menuItem:hover {color: #000000;}
.disabledMenuItem {font-family: verdana, arial, sans-serif; font-size: 11px; color: #A0A0A0;}

/* Added by me */
.legend {border:     #FFFFFF; font: bold xx-small; font-family: arial; font-variant: small-caps}
.progressbar {padding-top:2px;padding-bottom:4px;background:#eceef8;border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;font-family:verdana,  sans-serif; font-size : 11px;  font-weight : bold; color : #505050; line-height: 18px; border-top:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999;}
.formbackground { background-color : #e0e0e0; }

/* End of style section. Generated by AceHTML at 18/10/2002 16:28:20 */
