/* -- i2ui CSS style sheet - The core style sheet for TradeMatrix and i2ui Tags --*/



/* -- GENERAL --*/

BODY                   {font-family: verdana,  sans-serif; color: #505050; background-color:#ffffff; SCROLLBAR-3DLIGHT-COLOR: #999999;  SCROLLBAR-ARROW-COLOR: #656363; SCROLLBAR-BASE-COLOR: #d1d6f0; SCROLLBAR-HIGHLIGHT-COLOR: #d1d6f0; SCROLLBAR-SHADOW-COLOR: #d1d6f0; SCROLLBAR-DARKSHADOW-COLOR: #999999;  SCROLLBAR-TRACK-COLOR: #f2f4fe; }

.bodyText               {font-size : 11px;  font-weight: normal; padding-left: 4px;}

.bodyBackground   {background-color:#e6e6e6;}

.bodyCopyHeader	{font-size: 11px; font-weight: bold; color:#2C5A8F; padding-left: 4px}

.bodyCopyText 		{font-size: 11px; font-weight: normal; color:#506068; padding-left: 4px}

.headLine 				{font-family: verdana,  sans-serif; font-size: 16px; font-weight: bold; color:#505050; padding-left: 4px}

.subHeadLine			{font-size: 14px; font-weight: bold; color:#505050; padding-left: 4px}

.messageBoxBackground  {background-color:#F7F8FD;}

P.reset              {font-family: verdana,  sans-serif; margin:1px; font-size:11px; }

BR.separator      { font-size: 6px; }



/* -- bottom --*/

.bottombackground {background-color:#4859C5; margin-top:0; margin-left:6; margin-height:6; margin-width:0; margin-right:6;} 



/* -- the shadow sets BG color for a shadow effect around power tab container  --*/

.shadow           {border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }

/*.shadowContainer  {border-right:2px solid #cccccc; border-bottom:1px solid #cccccc; }*/

.shadowContainer  {border-bottom:1px solid #cccccc; }

.containerRight   {border-left:1px solid #999999;border-right:1px solid #999999; }

/*.shadowContainerCelled  {border-left:2px solid #cccccc;border-right:2px solid #cccccc; border-bottom:1px solid #cccccc; }*/

.shadowContainerCelled  {border-left:1px solid #999999;border-right:1px solid #999999; border-bottom:1px solid #cccccc; }

/*.shadowContainerCelled1  {border-left:1px solid #999999;border-right:2px solid #cccccc; border-bottom:1px solid #cccccc; }*/

.shadowContainerCelled1  {border-left:1px solid #999999;border-right:1px solid #999999; border-bottom:1px solid #cccccc; }

A:link,  A:active  {color: #5060B8 ; text-decoration: none; }

A:visited                          {color: #9430A3; text-decoration: none; }

.linkDisabled                    {color: #a0a0a0; 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;}

.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;}

.breadcrumbs   {font-size:11px; font-weight: normal; color: #2e4e9e;}

.breadcrumbs A:link, .breadcrumbs A:active, .breadcrumbs A:visited, .breadcrumbs A:hover {color: #2e4e9e;}

.breadcrumbsScrollers  {font-size:11px; font-weight: normal; color: #b11313;}

.breadcrumbsScrollers A:link, .breadcrumbsScrollers A:active, .breadcrumbsScrollers A:visited, .breadcrumbsScrollers A:hover     {color: #b11313;}



/* -- HEADERS --*/

.contentHeader   { font-size:11px; font-weight: bold; color: #505050; }



/* -- TABS  --*/

.TopMarginPaneWhite   {font-size : 2px; line-height: 6px; border-bottom:1px solid #999999;background-color : #ffffff;}
/* -- ÁöÈÆ Ãß°¡ --*/
.TopMarginPaneGray   {font-size : 2px; line-height: 6px; border-bottom:1px solid #999999;background-color : #e0e0e0;}

.TopMarginRegion   {font-size : 2px; line-height: 6px; border-bottom:1px solid #999999;background-color: #e0e0e0;}

#tabPaneWhite   {background-color : #ffffff; }

#tabPaneGrey     {background-color : #e6e6e6;}

.tabPaneWhite   {background-color : #ffffff; }

.tabFillerWhite     {border-bottom:1px solid #999999; border-right:1px solid #ffffff;}

.tabFillerGrey       {border-bottom:1px solid #999999; border-right:1px solid #e6e6e6;}

.tabFillerVertWhite  {border-right:1px solid #999999;}

.tabFillerVertGrey    {border-right:1px solid #e6e6e6;}

.tabGap                      {border-bottom:1px solid #bfbfbf; font-size:1px;}

.tabGapVert          {border-right:1px solid #bfbfbf; font-size:1px;}

.tabText                 {font-family:verdana,  sans-serif; font-size:11px; text-align : center; color: #505050;  text-decoration : none; padding-bottom:3px; padding-top:3px; border-top:1px solid #999999; }

.tabText A:link, .tabText A:active, .tabText A:visited, .tabText A:hover  {color: #505050; text-decoration: none;}

.tabTextNS4          {font-family:verdana,  sans-serif; font-size:11px; text-align : center; color: #505050; text-decoration : none; padding-bottom:2px; padding-top:1px; border-top:1px solid #999999; }

.tabTextNS4 A:link, .tabTextNS4 A:active, .tabTextNS4 A:visited, .tabTextNS4 A:hover  {color: #505050; text-decoration: none;}

#tabSelected              {background-color:#bec5e7; font-weight:bold;}

.tabSelected              {background-color:#bec5e7; font-weight:bold;}

#tabSelectedVert      {background-color:#ffffff; font-weight:bold;}

#tabSelectedVert2    {background-color:#ffffff; font-weight:bold; border-bottom:1px solid #999999;border-top:1px solid #999999;}

#tabSelectedNS4Vert    {background-color:#bec5e7; font-weight:bold;}

#tabSelectedNS6Vert    {background-color:#ffffff; font-weight:bold;}

#tabSelectedNS6Vert2  {background-color:#ffffff; font-weight:bold; border-bottom:1px solid #999999;}

#tabSelectedNS6            {background-color:#bec5e7; font-weight:bold; border-bottom:1px solid #bec5e7;}

#tabUnSelected               {background-color : #d1d6f0; border-bottom:1px solid #999999;}

.tabUnSelected               {background-color : #d1d6f0; border-bottom:1px solid #999999;}

#tabUnSelectedVert       {background-color : #d1d6f0;}

#tabUnSelectedVert2     {background-color : #d1d6f0; border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #999999;}

#powerTabSelected           {background-color : #fffacd; font-weight : bold;}

#powerTabSelectedNS6   {background-color : #fffacd; font-weight : bold; border-bottom:1px solid #fffacd;}

#powerTabUnSelected     {background-color : #fffde6; border-bottom:1px solid #999999;}

.tabContainerHeader         {font-family:verdana,  sans-serif; font-size : 11px; font-weight : bold;  color : #505050;  line-height: 18px; border-bottom:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999;}

.tabContainerHeaderLeft    {font-family:verdana,  sans-serif; font-size : 11px; font-weight : bold;  color : #505050;  line-height: 18px; border-bottom:1px solid #999999; border-left:1px solid #999999;}

.tabContainerHeaderRight   {font-family:verdana,  sans-serif; font-size : 11px; font-weight : bold;  color : #505050; text-align : right;  line-height: 18px; border-bottom:1px solid #999999; border-right:1px solid #999999;}

.tabContainerHeaderLeftNS4 {font-family:verdana,  sans-serif; font-size : 11px; font-weight : bold;  color : #505050;  line-height: 16px; border-bottom:1px solid #999999; border-left:1px solid #999999;}

.tabContainerHeaderRightNS4 {font-family:verdana,  sans-serif; font-size : 11px; font-weight : bold;  color : #505050; text-align : right;  line-height: 16px; border-bottom:1px solid #999999; border-right:1px solid #999999;}

.tabContainerHeaderVert    {font-family:verdana,  sans-serif; font-size : 11px; font-weight : bold;  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;}

.tabContainerHeaderLeftVert  {font-family:verdana,  sans-serif; font-size : 11px; font-weight : bold;  color : #505050;  line-height: 18px; border-bottom:1px solid #999999; border-left:1px solid #999999; border-top:1px solid #999999;}

.tabContainerHeaderRightVert {font-family:verdana,  sans-serif; font-size : 11px; font-weight : bold;  color : #505050; text-align : right;  line-height: 18px; border-bottom:1px solid #999999; border-right:1px solid #999999; border-top:1px solid #999999;}

.tabContainerHeaderLeftVertNS4  {font-family:verdana,  sans-serif; font-size : 11px; font-weight : bold;  color : #505050;  line-height: 16px; border-bottom:1px solid #999999; border-left:1px solid #999999; border-top:1px solid #999999;}

.tabContainerHeaderRightVertNS4 {font-family:verdana,  sans-serif; font-size : 11px; font-weight : bold;  color : #505050; text-align : right;  line-height: 16px; border-bottom:1px solid #999999; border-right:1px solid #999999; border-top:1px solid #999999;}

.tabCorner                   {font-size:2px;}

.tabEdgeLeft               {background-repeat:repeat-y; font-size:2px;}

.tabEdgeRight             {background-repeat:repeat-y; background-position:right; font-size:2px;}

.tabEdgeBottom         {font-family:verdana,  sans-serif; font-size : 11px; color : #999999; text-align : left;}

.tabContainerSubheader {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;}



 /* --  CONTAINERS  --*/

.containerBorder   {background-color:#999999;}

.containerHeader  {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;}

.containerHeaderLeft   {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;}

.containerHeaderRight  {font-family:verdana,  sans-serif; font-size : 11px;  font-weight : bold;  text-align : right; color : #505050; line-height: 18px; border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #999999;}

.containerHeaderless  {font-size : 2px; line-height: 6px; border-top:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999;}

.containerHeaderless1  {font-size : 2px; line-height: 6px; border-top:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999;}

.containerHeaderless2  {font-size : 2px; line-height: 6px; border-top:1px solid #999999; border-bottom:1px solid #999999;}

.containerHeaderLeftNS4   {font-family:verdana,  sans-serif; font-size : 11px;  font-weight : bold; color : #505050; line-height:16px; border-top:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999;}

.containerHeaderRightNS4  {font-family:verdana,  sans-serif; font-size : 11px;  font-weight : bold;  text-align : right; color : #505050; line-height:16px; border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #999999;}

.containerBody      {background-color : #ffffff; font-family:verdana,  sans-serif;  font-size:11px;   border-left:1px solid #999999; border-right:1px solid #999999; }

.containerBodyNS4   {background-color : #999999; font-family:verdana,sans-serif;  font-size:11px;   border-left:1px solid #999999; border-right:1px solid #999999; }

.containerBodyIndent      {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;}

.containerBodyIndentNS4   {background-color : #999999; 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;}

.containerBodyVert  {background-color : #ffffff; font-family:verdana,  sans-serif;  font-size:11px;  border-right:1px solid #999999; }

.containerBodyVertIndent  {background-color : #ffffff; font-family:verdana,  sans-serif;  font-size:11px;   border-right:1px solid #999999; padding-left: 8px; padding-right: 8px;}

.containerFooter    {background-color:#bec5e7; font-family:verdana,  sans-serif; font-size : 11px; 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;}

.containerLeftEdge      {background-color : #ffffff; font-family:verdana,  sans-serif;  font-size:11px; border-left:1px solid #999999;}

/*.containerHeaderTitle  {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;}*/

.containerHeaderTitle  {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; }

.containerHeaderContent  {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; }

/*.containerFooterTitle   {background-color:#bec5e7; font-family:verdana,  sans-serif; font-size : 11px; color : #505050; line-height: 18px; border-top:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999; }*/

.containerFooterTitle   {background-color:#bec5e7; font-family:verdana,  sans-serif; font-size : 11px; color : #505050; line-height: 18px; border-top:1px solid #999999; border-bottom:1px solid #999999;  }

/*.containerFooterContent   {background-color:#bec5e7; font-family:verdana,  sans-serif; font-size : 11px; color : #505050; line-height: 18px; border-top:1px solid #999999; border-bottom:1px solid #999999;border-right:1px solid #999999; }*/

.containerFooterContent   {background-color:#bec5e7; font-family:verdana,  sans-serif; font-size : 11px; color : #505050; line-height: 18px; border-top:1px solid #999999; border-bottom:1px solid #999999; }

.containerDivider   {background-color:#bec5e7; font-family:verdana,  sans-serif; font-size : 11px; color : #505050; line-height: 180px;line-width: 18px; border-top:100px solid #999999; border-bottom:100px solid #999999;border-right:100px solid #999999;  }

.containerContentArea     {background-color : #ffffff;}

.containerOuter           {background-color : #bec5e7; font-weight : bold;}

#containerOuter           {background-color : #bec5e7; font-weight : bold;}

#containerOuter1           {background-color : #bec5e7; font-weight : bold;}

#containerInner           {background-color : #d1d6f0;}

.instructionArea		{background-color:#F7F8FD; font-family: verdana;color:#505050	;font-size: 10px;} 

/* -- TABLES --*/

TR,TD                     {font-family: verdana,  sans-serif; font-size:11px; color: #505050;}

.tableBorder     {background-color:#999999; }

.tableHeader    {background-color:#bec5e7; font-size:11px; font-weight:bold; color:#505050; line-height: 18px; border-top:1px solid #999999; border-left:1px solid #999999;  border-right:1px solid #999999; padding-left: 6px}

.tableHeader1    {background-color:#bec5e7; font-size:11px; font-weight:bold; color:#505050; line-height: 18px; border-top:1px solid #999999; border-left:1px solid #999999;}

.tableColumnHeadings   {background:#d1d6f0; font-family:verdana,sans-serif;  font-size:11px; color: #505050; line-height: 18px; text-align:center; }

.tableColumnHeadings TD  {padding-left: 6px; padding-right: 6px;}

.tableColumnHeadingsNS4   {background:#d1d6f0; font-family:verdana,sans-serif;  font-size:11px; color: #505050;}

.tableColumnHeadingsNS4 TD  {padding-left: 6px; padding-right: 6px;}

.tableRow0       {background:#f7f8fd; font-family:verdana,sans-serif; font-size:11px; color: #505050;    line-height: 18px;}

.tableRow0  TD     {padding-left: 2px; padding-right: 2px;}

.tableRow0NS4       {background:#f7f8fd; font-family:verdana,sans-serif; font-size:11px; color: #505050;}

.tableRow0NS4 TD      {padding-left: 6px; padding-right: 6px;}

.tableRow1       {background:#eceef8; font-family:verdana,sans-serif; font-size:11px; color: #505050; line-height: 18px;}

.tableRow1 TD      {padding-left: 2px; padding-right: 2px;}

.tableRow1NS4      {background:#eceef8; font-family:verdana,sans-serif; font-size:11px; color: #505050;}

.tableRow1NS4 TD      {padding-left: 6px; padding-right: 6px;}

.rowHighlight   {background:#fff6a6; font-family:verdana,sans-serif; font-size:11px; color: #505050; line-height:18px; }
/* ÁöÈÆ ¼öÁ¤
.rowHighlight TD      {padding-left: 6px; padding-right: 6px;}
*/
.rowHighlight TD      {padding-left: 2px; padding-right: 2px;}

.rowHighlightNS4   {background:#fff6a6; font-family:verdana,sans-serif; font-size:11px; color: #505050; }

.rowHighlightNS4 TD      {padding-left: 6px; padding-right: 6px;}

.columnHighlight   {background:#fff6a6; font-family:verdana,sans-serif; font-size:11px; color: #505050;}

.editableCell {background:#ffffff; font-family:verdana,sans-serif; font-size:11px; color: #505050;}

.indent                    {padding-left: 8px; padding-right: 8px;}

.indentRight             {padding-right: 4px;}

/* -- MENUS --*/

.popupLink {color: #FF9000; text-decoration: none;}

.popupLink A:link, .popupLink A:active, .popupLink A:visited, .popupLink A:hover  {color: #FF9000; text-decoration: none;}

.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;}

.menuItemDisabled          {color: #b2b2b2; text-decoration: none;}

.menuItemEmphasized    {font-family:verdana,  sans-serif; font-size:11px; font-weight: bold; color: #505050; text-decoration: none;}

.menuItemEmphasized A:link, .menuItemEmphasized A:active, .menuItemEmphasized A:visited  {color: #505050;  text-decoration: none;}

.menuItemEmphasized A:hover       {color: #000000;  }



/* --  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           {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;}

#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      { color: #505050; font-family:verdana,  sans-serif;  text-align: center; text-decoration: none; padding-bottom: 1px;}

.buttonText A:link, .buttonText A:active, .buttonText A:visited  {color: #505050;  text-decoration: none;}

.buttonText A:hover       {color: #000000; }

.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;  }

.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           {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;}



/* -- FORMS --*/

.formLabel                  {color: #505050; text-align: left;}

.formTable      {padding:5px;margin:0;border-color:#ffffff;border-width:1px;border:1px solid none;background-color:#ffffff;}

.formTableNS4   {padding-right:2px;padding-top:2px;padding-left:2px;margin:0;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;}

.pulldownNoBorder       {background: #ffffff; font-family: verdana,  sans-serif; font-size:11px; color: #505050; border: 0px solid #999999;}

.pulldownNS4      {background: #ffffff; font-family: verdana,  sans-serif; font-size:11px; color: #505050;}

.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: 4px; padding-top: 2px; padding-bottom: 2px; padding-right: 4px; border: 1px solid #999999;}

.inputFieldReadOnly          {font-family: verdana, sans-serif; font-size:11px; color: #505050; padding-left: 4px; padding-top: 2px; padding-bottom: 2px; padding-right: 4px; border: 1px solid #999999;background-color: #ECEEF8;}

.inputFieldCell          {font-family: verdana, sans-serif; font-size:11px; color: #505050; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; border: 1px solid #999999;}

.inputFieldNS4     {font-family: verdana, sans-serif; font-size:11px; color: #505050; padding-left: 8px;}

.smallinputField {font-family: verdana, sans-serif; font-size:11px; color: #505050; border: 1px solid #999999; padding-left: 8px;}

.smallinputFieldNS4 {font-family: verdana, sans-serif; font-size:11px; color: #505050; padding-left: 8px;}

#editedText {font-family: verdana, sans-serif; font-size:11px; font-weight:bold; font-style:italic; color: #505050; padding-left: 8px;}

.displayField    {background: #f7f8fd; font-family: verdana, sans-serif; font-size:11px; color: #505050;  border: 1px solid #999999; padding-left: 8px; padding-top: 2px; padding-bottom: 2px;}

.displayFieldNS4         {background: #f7f8fd; font-family: verdana, sans-serif; font-size:11px; color: #505050; }

.smalldisplayField       {background: #f7f8fd; font-family: verdana, sans-serif; font-size:11px; color: #505050; border: 1px solid #999999; padding-left: 8px;}

.smalldisplayFieldNS4  {background: #f7f8fd; font-family: verdana,  sans-serif; font-size:11px; color: #505050; }

.listDisplayField {background: #ffffff; font-family: verdana,  sans-serif; font-size:11px; color: #505050; padding-left: 8px; border: 0px;}

.listDisplayInner {background: #ffffff; font-family: verdana,  sans-serif; font-size:11px; color: #505050; padding-left: 2x; border: 0px;}

.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; }

.listBox {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;}

.rightEightMargin {padding-right: 8px;}

.rightFourMargin {padding-right : 4px;}

.rightThreeMargin {padding-right : 3px;}

.requiredField {color: #FF9000}



/* -- WIZARDS --*/
.wizardRightPane 		{background: #FFFFFF; }

.wizardStep             {background: #F7F8FD; font-family: verdana, sans-serif; font-size:11px; color: #505050;}

.wizardStepSelected             {background: #fff274; font-family: verdana, sans-serif; font-size:11px; color: #505050; font-weight:bold;}

.wizardStepIncomplete   {background: #F7F8FD; font-family: verdana, sans-serif; font-size:11px; color: #a0a0a0;}

.wizardStepOptional             {background: #F7F8FD; font-family: verdana, sans-serif; font-size:11px; color: #505050; font-style: italic}

.wizardStepSelectedOptional             {background: #fff274; font-family: verdana, sans-serif; font-size:11px; color: #505050; font-weight:bold; font-style: italic}

.wizardStepIncompleteOptional   {background: #F7F8FD; font-family: verdana, sans-serif; font-size:11px; color: #a0a0a0; font-style: italic;}



/* -- 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-left: 8px; padding-top: 5px; background-color: #ffffff; padding-right: 6px; padding-bottom: 6px; }

TEXTAREA.editableNS4    { background-color: #ffffff; }

TEXTAREA.noneditable    { padding-left: 8px; background-color: #f7f8fd; padding-top: 5px; padding-right: 6px; padding-bottom: 6px;}

TEXTAREA.noneditableNS4 { background-color: #ffffff; }



/* REGION */

.region            { overflow: auto; width: 100%; height: 100%; background-color: #e0e0e0; border-top: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 1x; }

.regionBackground  { background-color: #e0e0e0; }

.region-pad  { overflow: auto; width: 100%; height: 100%; background-color: #e0e0e0; border-top: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; 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;}

.solutionPadContent0    {height: 19px; background-color:#ffffff;font-family: verdana, sans-serif; font-size:11px;font-weight:normal;}

.solutionPadContent0 A:link, .solutionPadContent0 A:active, .solutionPadContent0 A:visited  {color: #505050;text-decoration:none;}

.solutionPadContent1    {height: 19px; background-color:#ffffff;font-family: verdana, sans-serif; font-size:11px;font-weight:normal;}

.solutionPadContent1 A:link, .solutionPadContent1 A:active, .solutionPadContent1 A:visited  {color: #505050;text-decoration:none;}

#solutionHighlightedPadContent {background-color:#e6e6e6; font-weight: bold;}



.applicationPadTitle    {background-color:#d1d6f0;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;}

.applicationPadTitleBorder0    {border-right:1px solid #bac2d8;border-bottom:1px solid #bac2d8;border-left:1px solid #e4e6f5;border-top:1px solid #e4e6f5;}

.applicationPadTitleBorder1    {height:18px;border-right:1px solid #c5ceed;border-bottom:1px solid #c5ceed;border-left:1px solid #d6daf2;border-top:1px solid #d6daf2;}

.applicationPadContent0 {height: 19px; background-color:#e4e6f5;font-family: verdana, sans-serif; font-size:11px;font-weight:normal;}

.applicationPadContent0 A:link, .applicationPadContent0 A:active, .applicationPadContent0 A:visited  {color: #505050;text-decoration:none;}

.applicationPadContent1 {height: 19px; background-color:#f7f8fd;font-family: verdana, sans-serif; font-size:11px;font-weight:normal;}

.applicationPadContent1 A:link, .applicationPadContent1 A:active, .applicationPadContent1 A:visited  {color: #505050;text-decoration:none;}

#applicationHighlightedPadContent {background-color:#fff274; font-weight: bold;}





/* DatePicker */

.datePickerHeaderYr{background-color:#bec5e7;border-bottom:1px solid #999999;;padding-left:1px;padding-right:1px;}

.datePickerHeaderMo{background-color:#d1d6f0;border-top:1px solid #999999;border-left:1px solid #999999;border-right:1px solid #999999;padding-left:1px;padding-right:1px;}

.datePickerHeaderButton{background-color:#fff6a6;font-size:10px;text-align: center;border-bottom:1px solid #e4db83;border-right:1px solid #e4db83;border-left:1px solid #ffffff;border-top:1px solid #ffffff;}

.datePickerHeaderLabel{font-family:verdana,arial,helvetica,sans-serif;font-size:11px;font-weight:Bold;color:#505050;text-align:center;}

.datePickerHeaderLabelNS4{font-family:verdana,arial,helvetica,sans-serif;font-size:11px;font-weight:Bold;color:#505050;text-align:center;position:absolute;top:0;left:0;}

.datePickerCalendar{background-color:#f7f8fd;color:#505050;border-top:1px solid #999999;border-bottom:1px solid #999999;border-left:1px solid #999999;border-right:1px solid #999999;padding-left:6px;padding-right:6px;padding-bottom:6px;}

.datePickerCalendar1{background-color:#f7f8fd;color:#505050;border-top:1px solid #999999;border-bottom:1px solid #999999;border-right:1px solid #999999;padding-left:6px;padding-right:6px;padding-bottom:6px;}

.datePickerCalendarNS4{background-color:#f7f8fd;color:#505050;}

.datePickerFooter{background-color:#bec5e7;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;color:#505050;border-top:1px solid #999999;padding-left:1px;padding-right:1px;}

.datePickerDayLetter{background-color:#f7f8fd;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;color:#505050;font-weight:Bold;text-align:center;padding-top:1px;}

.datePickerDay{background-color:#ffffff;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;text-align:center;color:#b2b2b2;}

.datePickerDay A:link, .datePickerDay A:active, .datePickerDay A:visited, .datePickerDay A:hover{text-decoration:none;color:#b2b2b2;}

.datePickerDayNS4{background-color:#ffffff;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;text-align:center;color:#b2b2b2;position:absolute;top:0;left:0;}

.datePickerDayNS4 A:link, .datePickerDayNS4 A:active, .datePickerDayNS4 A:visited, .datePickerDayNS4 A:hover{text-decoration:none;color:#b2b2b2;}

.datePickerDayThisMonth{background-color:#ffffff;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;text-align:center;color:#505050;}

.datePickerDayThisMonth A:link, .datePickerDayThisMonth A:active, .datePickerDayThisMonth A:visited, .datePickerDayThisMonth A:hover{text-decoration:none;color:#505050;}

.datePickerDayThisMonthNS4{background-color:#ffffff;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;text-align:center;color:#505050;position:absolute;top:0;left:0;}

.datePickerDayThisMonthNS4 A:link, .datePickerDayThisMonthNS4 A:active, .datePickerDayThisMonthNS4 A:visited, .datePickerDayThisMonthNS4 A:hover{text-decoration:none;color:#505050;}

.datePickerDayToday{background-color:#eceef8;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;text-align:center;color:#505050;}

.datePickerDayToday A:link, .datePickerDayToday A:active, .datePickerDayToday A:visited, .datePickerDayToday A:hover{text-decoration:none;color:#505050;}

.datePickerDayTodayNS4{background-color:#eceef8;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;text-align:center;color:#505050;position:absolute;top:0;left:0;}

.datePickerDayTodayNS4 A:link, .datePickerDayTodayNS4 A:active, .datePickerDayTodayNS4 A:visited, .datePickerDayTodayNS4 A:hover{text-decoration:none;color:#505050;}

.datePickerDaySelected{background-color:#fff274;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;font-weight:Bold;text-align:center;color:#505050;}

.datePickerDaySelected A:link, .datePickerDaySelected A:active, .datePickerDaySelected A:visited, .datePickerDaySelected A:hover{text-decoration:none;color:#505050;}

.datePickerDaySelectedNS4{background-color:#fff274;font-family:verdana,arial,helvetica,sans-serif;font-size:11px;font-weight:Bold;text-align:center;color:#505050;position:absolute;top:0;left:0;}

.datePickerDaySelectedNS4 A:link, .datePickerDaySelectedNS4 A:active, .datePickerDaySelectedNS4 A:visited, .datePickerDaySelectedNS4 A:hover{text-decoration:none;color:#505050;}



/* TD */

.TDborder {border-top:1px solid #999999; border-left:1px solid #999999;  border-right:1px solid #999999;border-bottom:1px solid #999999;}

.TDbold {font-size:11px; font-weight:bold; color:#505050;}



/*JSP*/

.mastHead   {alink:#6d6a6a;vlink:#6d6a6a;link:#6d6a6a;}

.bottomJsp { background-color:#bec5e7; height:6; }

.bottomBody {background-color:#4859C5;}

.breadCrumbFont {color:#5060b8;}

.about {font-family:verdana; font-size:11px; font-weight:bold; color:#AAAAAA;}



 /*Message Box */

.MessageBoxButtonBorder {border:1px solid #505050;}

/*.containerHeaderless3  {font-size : 2px; line-height: 6px; border-bottom:1px solid #999999; border-left:1px solid #999999;}*/

.containerHeaderless3  {font-size : 2px; line-height: 6px; border-bottom:1px solid #999999;}

.containerHeaderless4   {font-size : 2px; line-height: 6px; border-bottom:1px solid #999999;}

.tableBlankTitle 	{font-size : 2px; line-height : 6px; border-bottom:0px; border-left:1px solid #999999; border-right:1px solid #999999;}

.containerHeaderTitle1  {font-family:verdana,  sans-serif; font-size : 11px;  font-weight : bold; color : #505050; line-height: 18px;  border-bottom:1px solid #999999; border-left:1px solid #999999;}

.containerbg { background-color: #ffffff;}

.leftrightborder  {font-size : 2px;  border-left:1px solid #999999;border-right:1px solid #999999;}

.rightborder  {font-size : 2px; border-right:1px solid #999999;}

.leftrighttopborder{border-top:1px solid #999999; border-left:1px solid #999999;  border-right:1px solid #999999;}

.bottomborder{border-bottom:1px solid #999999;}

.nobottomborder{border-bottom:0px solid #999999;}

.listbackground{background-color: #ffffff;}

.blueBG{ background-color: #F7F8FD;}



/*Transfer Box*/

.ChildTDborder {border-top:1px solid #999999; border-left:1px solid #999999;  border-right:1px solid #999999;border-bottom:1px solid #999999;}

.listParentBox {font-family: verdana, sans-serif; font-size: 10px; color: #505050; line-height: 18px; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; }

.listBoxHeader1 {background-color: #d1d6f0; font-family:verdana, sans-serif; font-size: 10px; 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; }

.pulldown1               {background: #ffffff; font-family: verdana,  sans-serif; font-size:10px; color: #505050; border: 1px solid #999999;}



/* Standard Tree color codes */



.treeLevelOther {background-color: #F7F8FD; font-family: verdana, sans-serif; font-size:11px; color: #505050;}



.treeLevel0		{background-color: #E4E6F5; font-family: verdana, sans-serif; font-size:11px; color: #505050;}



.selectedRow {background-color: #FFF6A6; font-family:verdana, sans-serif; font-size: 11px; color: #505050;}



.selectedColumn {border-bottom:1px solid #D1D6F0; border-top:1px solid #D1D6F0;}



.standardTreeBorder {border-left:1px solid #D1D6F0; border-right:1px solid #D1D6F0; border-bottom:1px solid #D1D6F0; border-top:1px solid #D1D6F0;}





.searchInputField   {font-family: verdana, sans-serif; font-size:11px; color: #505050; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 4px; border: 1px solid #999999;}



.editableCell {background:#ffffff; font-family:verdana,sans-serif; font-size:11px; color: #505050;    line-height: 18px;}



.recentlyEditedCell{background:#ffffff;font-family:verdana,sans-serif; font-size:11px; color: #505050;    line-height: 18px;font-style:italic;font-weight:bold}



.tabMenu {border:solid black 1px;}



.selectedMenuContent {background:#eceef8;font-family:verdana,sans-serif; font-size:11px; color: #505050;padding-right: 12px;padding-top: 8px;padding-bottom: 8px;padding-left: 0px;}



.unSelectedMenuContent{background:#f7f8fd;font-family:verdana,sans-serif; font-size:11px; color: #505050;padding-right: 12px;padding-top: 8px;padding-bottom: 8px;padding-left: 0px;}



.selectedEmptyCell {background:#eceef8;padding-left: 8px; padding-right: 11px;padding-top: 8px;padding-bottom: 8px;}



.unSelectedEmptyCell {background:#f7f8fd;padding-left: 8px; padding-right: 11px;padding-top: 8px;padding-bottom: 8px;}



.tabControlPanel   {background:#fff6a6;line-height : 20px;}



.topborder  {font-size : 2px;  border-top:1px solid #999999;}