/*
 * TruMarx Data Partners (R) OTCx
 * Copyright (c) 2011-2026 by
 * TruMarx Data Partners, Inc, Chicago, Illinois
 * All rights reserved.
 *
 * No portion of this software in any form may be used or reproduced in
 * any manner without written consent from TruMarx Data Partners, Inc.
 */
 
 /* General style definitions for COMET
 *
 * -- Common Colors --
 * Normal Text Color:   #333
 * Light Text:          #666
 *
 * Green:   #7BC143 REPLACED WITH: #158c74
 * Orange:  #FF9900
 * Blue:  : #005cff
 *
 * Light Gray Btn bg:   #F8F8F8
 * Light Gray Border:   #DFDFDF
 *
 * HTML Gray Box Shadow #808080 
 */
/************************************
 * Resets and Common Styles
 ************************************/
 
 /* Disable outlining of the focused element */
:focus {
	outline: none;
}

html, body, div, table, img, fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

body, pre, PRE, input, select, textarea {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #121520;
}

body, pre, PRE {

   background-color: #fff;
}

/*
 *	Width needs to same for:
 *		body
 *		inBoxNotificationAnchor
 *		imFixedContainer
 *	The last 2 are used by dojo to programmatically position Inbox notification and QuickMessageCenter
 */

body {
    width: 1500px;          /* WARNING - Keep in sync with InboxColumnsModel.BODY_WIDTH  */
	/* width: 1200px; */
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;	
}

/* for some reason IE thinks a form should have dimensions, */
form {
    padding: 0;
    margin: 0;
}
.body-container {
    margin:  0 auto;
    padding:  0;
    /* width: 984px; */
}

h1, .heading1{
    padding: 5px 0 0 5px;
    border-bottom: 1px solid #158C74;
    font-size: 21px;
    line-height: 30px;
}
h2, .heading2{
   font-size: 1.2em;
   font-weight:bold;
   float:left;
   margin: 0.5em;
}
h3, .heading3{
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
}

input[type="text"],
input[type="checkbox"],
select,
textarea{
	border: solid 1px grey;
}
input[type="file"],
input[type="password"],
input[type="submit"]
{
	border: 0.091em #FCFCFC solid;
	border-radius: 3px;
    background: #f5f5f5;
    color: #005CFF;
}
input[type="file"]:hover,
input[type="password"]:hover,
input[type="submit"]:hover{
	background-color: #EDEDED;
	border-color: #AAA;
	border-radius:	3px;
}
input[type="file"]:active,
input[type="password"]:active,
input[type="submit"]:active{
	background-color: #EDEDED;
	border-color: #AAA;
	border-radius:	20px;
}

/************************************
 * Header
 ************************************/
.content-header {
    position: relative;
    /* width: 100%; */
    height: 64px;
    border-bottom: 2px solid #158C74;
}
.logo-comet-small {
    position: absolute;
    bottom: 5px;
    left: 5px;
    max-width: 154px;
    /* width: 154px; remove for AGH demo */
    height: 50px;
}
.message-connection-status {
    position: absolute;
    bottom: 5px;
    left: 159px;
    width: 69px;
    height: 7px;
}
.message-connection-status div {
    position: absolute;
    top: 0;
    left: 0;
    width: 69px;
    height: 7px;
}

/* Connection Status Indicators */
.iceOutConStatInactv {
    background: url('images/connection-status/connect_idle.gif') no-repeat left top;
}
.iceOutConStatActv {
    background: url('images/connection-status/connect_active.gif') no-repeat left top;
}
.iceOutConStatCaution {
    background: url('images/connection-status/connect_caution.gif') no-repeat left top;
}
.iceOutConStatDisconnect {
    background: url('images/connection-status/connect_disconnected.gif') no-repeat left top;
}

/* Header Navigation Buttons */
.headerNav {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: 35px;
}
.headerButtons
 { 
 	background: #f5f5f5;
    border: 0.091em #FCFCFC solid;
	border-radius: 3px;
	color: #005CFF;
	font-size: 12px;
    font-weight: 500;
    
    float: right;
    display: block;
    margin-left: 10px;
    padding: 1px 1px 4px;
    text-decoration: none;
}

.headerButtons:hover {
	border-color: #AAA;
    background-color: #EDEDED;
    border-radius: 3px;
}
.headerButtons:active {	
	border-radius: 20px;
}
.topNavBackBtn {
	
    background: #f5f5f5;
    border: 0.091em #FCFCFC solid;
	border-radius: 3px;
	color: #005CFF;
	font-size: 12px;
    font-weight: 500;
    
    
    float: right;
    display: block;
    margin-left: 10px;
    padding: 1px 9px 4px 25px;

    text-decoration: none;
    background-image: url('images/back_arrow.gif');
    background-repeat: no-repeat;
    background-position: 6px 2px;
}

.topNavBackBtn:hover {	
	border-color: #AAA;
    background-color: #EDEDED;
}
.topNavBackBtn:active {
	border-radius: 20px;
}
.topNavBackBtn img {
    margin:  0 3px -4px 0;
}
/* Header User Information */
.userInfo {
    position: absolute;
    bottom: 5px;
    right: 3px;
    width: 400px;
    color: #999999;
    text-align: right;
    line-height: 12px;
    font-size: 10px;
}
.userInfo a {
    margin-right: 10px;
    color: #005CFF;
    text-decoration: none;
}
.userInfo a:hover {
    color: #5e21ed;
    text-decoration: underline;
}



/************************************
 * Content Body
 ************************************/
.content-body {
    /* width: 100%; */
    min-height: 603px;
    overflow: auto;
}


/************************************
 * Footer
 ************************************/
.content-footer {
    /* width: 100%; */
    height: 64px;
    border-top: 2px solid #158C74;
}
.content-footer-logo {
    float: right;
    margin: 4px 5px 0 0;
    width: 100px;
    height: 31px;
}
.content-footer-links {
    float: left;
    width: 800px;
    padding: 4px 0 0 5px;
    font-size: 13px;
}
.content-footer-links a {
    text-decoration: none;
    color: #005CFF;
}
.content-footer-links a:hover {
    text-decoration: underline;
    color: #5e21ed;
}
.version-text {
    display: block;
    padding-top: 2px;
    font-size: 10px;
    color: #999;
}


/************************************
 * Navigated Table Layout
 ************************************/
.navigatedLayoutTable {
    border-collapse:collapse;
    table-layout: auto;
    border-radius: 20px;
    width: 100%;
}
.colNavigation,
.colContent {
    margin:  0;
    padding: 0;
    vertical-align: top;
}

.colNavigation {
    min-width: 160px;
    /*width: 160px;*/
    padding-right: 4px;
}

.colContent {
    /*width: 820px;*/
    width: 100%;
    /*max-width: 820px;*/
    height: 500px;
    overflow: hidden;
}

/************************************
 * Left Side Navigation
 ************************************/
.navigationHeaderContent {
    /*width: 155px;*/
    height: 35px;
    border-bottom: 1px solid #158C74;
    margin-bottom: 5px;
    padding-left: 5px;
}
/***** Original *****/
.navigationHeaderContent span {
    display: block;
    font-size: 14px;
    color: #777;
    padding-top: 15px;
}

/*** View Button ***/
/*.navigationHeaderContent input {
    margin-top: 7px;
    font-size: 11px;
    padding: 0.35em 0.7em 0.3em 1em;
    text-align: center;
}*/

.verticalTabs {

}
.navigationLinkContainer{
    /*width: 160px;*/
    min-height: 30px;
    background-color: #F5F5F5;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    border-radius: 2px;
}

.navigationLinkContainerSelected {
	background-color: #D3D3D3;
}
.navigationLinkContainerLast{

}
.navigationLinkContainer:hover{
	background-color: #158c74;
}
.navigationLinkContainer:active {    
	/* box-shadow: 1px 1px 1px #808080; */
}
	
.navigationLinkContainer a {
    display: block;
    /*width: 155px;*/
    padding: 5px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    text-decoration: none;
    font-weight: normal;
    overflow: auto;
    border-radius: 2px;
}

.navigationLinkContainer.notifyUserFolderLink a{
    color:	#666;
}
.navigationLinkContainer.notifyUserFolderLink {
    background-color: #FCFF91;
}
.navigationLinkContainer.notifyUserFolderLink:hover {
    background-color: #158c74;
}		
.navigationLinkContainer.notifyUserFolderLink a:hover{
    color:	#FFF;
}		
.navigationLinkContainer a:hover {
    color: #FFF;
}
.navigationLinkContainerSelected a {
    color: #121520;
    border-radius: 2px
}
.navigationLinkContainer img {
    margin: 0 8px -2px 0;
}
.inboxFolderMsgNum {
    padding-left: 5px;
}


/************************************
 * Toolbar Buttons
 ************************************/
/* iconButton: start */
a.iconButton,
a.iconButton:visited {
    position: relative;
    border-radius: 3px;
    background: #f5f5f5;
    min-height: 1.818em;
    padding: 0 0.273em 0 2.091em;
    margin: 0 2px;
    border: 0.091em #FCFCFC solid;
    display: inline-block;
    text-decoration: none;
    color: #005CFF;
    text-align: left;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    background-color: #F7F7F7;
}

a.iconButton:hover {
    border-color: #AAA;
    /* border-radius: 20px */
    background-color: #EDEDED;
}

a.iconButton:active {
    border-radius: 20px;
}

a.iconButton img {
    position: absolute;
    top: 0.2em;
    left: 0.2em;
    height: 16px;
    width: 16px;
    /* border-radius: 20px */
}

a.iconButton span {
    display: inline-block;
    padding-top: 0.3em;
    cursor: pointer;
    border-radius: 20px
}

input.highlight,
a.highlight.iconButton {
    background-color: greenyellow;
}

input.highlight:hover,
a.highlight.iconButton:hover {
    border-color: #AAA;
    background-color: greenyellow;
}


/* iconButton: end */



/************************************
 * Listbox Table
 ************************************/
div.selectorBlock .heading3 {
    display: block;
    font-weight: bold;
    /* border-radius: 20px */
}

.listboxTableContainer{
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0.1em solid #819BB2;
    background-color: white;
    width: 14em;
    height: 12em;
    margin-left: 0.6em;
    margin-top: 0.2em;
    padding: 0.2em;
    /* border-radius: 20px */
}
.reportsOnlineContainer .listboxTableContainer {
    height: 19em;
}
table.listboxTable {
    width: inherit;
    table-layout: fixed;
    border: none;
    /* border-radius: 20px */
}

table.listboxTable tr.listboxTableRow1,
table.listboxTable tr.listboxTableRow2 {
    border: none;
    background-color: white;
    /* border-radius: 20px */
}

table.listboxTable td.listboxTableCol1 {;
    padding-left: 0;
    /* border-radius: 20px */
}

table.listboxTable td.listboxTableCol2 {;
    padding-left: 0.3em;
}

table.listboxTable td.listboxTableCol1,
table.listboxTable td.listboxTableCol2 {
    border: none;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-right: 0;
    vertical-align: top;
}

table.listboxTable .listboxTableRowSelected {
    color: white;
    background-color:  #89ADCF;
}

table.listboxTable td.listboxTableCol1 {
    width: 2em;
}

.listboxTableCheckbox {
    background-color: transparent !important;
    margin: 0 0.3em;
}



/************************************
 * Ice Panel PopUp - Modal Dialog Box
 ************************************/
.icePnlPop  {
    background-color: #FFF;
}
.generalMessageTable {
    width: 420px;
}
.generalOptionDialog {
    padding: 0;
    border: 2px solid #158C74;
}
.generalOptionDialogHdr {
    background-color: #158C74;
    border-bottom: 2px solid #158C74;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    color: #FFF;
    display: table-cell;
}
.generalOptionDialogBody {
    padding:  10px;
    line-height: 23px;
    text-align: left;
    background-color: white;
}
.dialogBoxLine label {
    width: 210px;
    display: inline-block;
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
}
.dialogBoxLine span {
    min-width: 210px;
}
.dialogBoxLine input[type=text] {
    width: 200px;
    border:  1px solid #CCC;
}
.dialogBoxLine input:focus {
    border-color: #666;
}
.dialogComandButtons {
    padding-top: 15px;
    text-align: center;
}
.dialogComandButtons input,
.dialogComandButtons input:visited  {
    min-width: 100px;
    margin: 0 10px;
    background-color:	#f5f5f5;
    border: 0.091em #fcfcfc solid;
    color: #005cff;
    font-size:	12px;
    font-weight: 500;
    line-height: 17px;
    padding: 0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.dialogComandButtons input:focus,
.dialogComandButtons input:hover {
	background-color: #EDEDED;
	border-color: #AAA;
	border-radius: 3px;
}
.dialogComandButtons input:active {
	border-color: #AAA;
	border-radius: 20px;
}
div.dialogBoxLine {
    padding: 0.3em;
    text-align: left;
}

div.dialogBoxLine label,
div.dialogBoxLine input,
div.dialogBoxLine select    {
    display: inline-block;
}

div.dialogBoxLine input {
    margin-left: 0.2em;
}

div.dialogBoxLine input[type='radio'] {
    margin: 0;
    width: auto !important;
}

div.dialogBoxLine label{
    text-align: right;
    padding-right: 0.5em;
}

div.dialogBoxLine table.dialogRadio,
div.dialogBoxLine fieldset.dialogRadio{
    display: inline;
    vertical-align: bottom;
}

div.dialogBoxLine table.dialogRadio label,
div.dialogBoxLine label.dialogRadio,
div.dialogBoxLine label.dialogRadio-dis{
    padding-left: 0.5em;
    padding-right: 2em;
    width: auto !important;
    vertical-align: baseline;
}

span.dialogMessageBlockError {
    display: inline-block;
    padding-left: 0.5em;
    text-align: left;
    vertical-align: top;
    width: 15em;
    color: red;
}

div.global-messages {
    color: red;
    text-align: left;
}
div.tabContent div.global-messages {
    padding-left: 6px;
}

div.global-messages ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

div.global-messages span.validationMessage {
    display: list-item;
    list-style: inside;
}

/************************************
 * Counterparty Filter Dialog Box
 ************************************/
.counterpartyFilterDialog{
    padding: 1em 1em 0 1em;
}

.counterpartyFilterDialog div.dialogBoxLine label {
    width: 7em;
}

.counterpartyFilterDialog div.dialogBoxLine select {
    width: 20em;
}

/************************************
 * Counterparty Summary Dialog Box
 ************************************/
.counterpartySummaryDialog{
    padding: 0.8em 2em;
}

.counterpartySummaryDialog span.heading3{
    display: block;
    text-align: left;
    margin-top: 0.3em;
}

.counterpartySummaryDialog div.dialogBoxLine label {
    width: 8em;
    vertical-align: top;
    text-align: left;
    margin-left: 0.5em;
}

.counterpartySummaryDialog div.dialogBoxLine span {
    display: inline-block;
    vertical-align: top;
}

/************************************
 * Counterparty Ratings Dialog Box
 ************************************/
.counterpartyRatingsDialogBox {
    padding: 0 1.5em;
}

.counterpartyRatingsDialogBox .tblCounterpartyRatings {
    border: 0.1em solid gray;
    margin-top: 1em;
}

.counterpartyRatingsDialogBox .tblCounterpartyRatingsFtr{
    text-align: left;
    background-color: darkgray;
}

.counterpartyRatingsDialogBox .tblCounterpartyRatingsHdr{
    padding: 0.5em;
    background-color: darkgray;
}

/************************************
 * Change Password Dialog Box
 ************************************/
.changePasswordDialogBox {
    padding: 1em 1em 0 0;
}

.changePasswordDialogBox label {
    width: 12em;
}

.changePasswordDialogBox .dialogMessageBlockError,
.changePasswordDialogBox .dialogMessageBlockInfo{
    padding-left: 11em;
    width: 11em;
    color: red;
}

/* Password Strength meter */

/* Webkit based browsers */
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }

/* Gecko based browsers */
meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: yellow; }
meter[value="3"]::-moz-meter-bar { background: orange; }
meter[value="4"]::-moz-meter-bar { background: green; }

/************************************
 * File Upload
 ************************************/
.attachmentDialogBox .fileUploadSuccess {
	color: black;
}

 .attachmentDialogBox .fileUploadFailure {
	color: red;
}


/************************************
 * Recover Password Dialog Box
 ************************************/
.recoverPasswordDialogBox {
    padding: 0.7em 0;
}

.recoverPasswordDialogBox div.dialogBoxLine {
    width: 37em;
    margin: 0 auto;
}

.recoverPasswordDialogBox div.dialogBoxLine label{
    width: 200px;
}

.recoverPasswordDialogBox div.dialogBoxLine input {
    width:17em;
}

.recoverPasswordDialogBox .global-messages{
    text-align: center;
}

/************************************
 * MFA Security Code Dialog Box
 ************************************/
.securityCodeDialogBox {
    padding: 0.7em 0;
}

.securityCodeDialogBox div.dialogBoxLine {
    width: 37em;
    margin: 0 auto;
}

.securityCodeDialogBox div.dialogBoxLine label{
    width: 200px;
}

.securityCodeDialogBox div.dialogBoxLine input {
    width:10em;
}

.securityCodeDialogBox div.sendNewSecurityCodeLink {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.securityCodeDialogBox div.global-messages{
    text-align: center;
}

/************************************
 * General Tabset
 ************************************/
div.tabSet{
    overflow: auto;
    border-bottom: 1px solid #CCC;
}

div.tabSet div.tab{
    float: left;
    text-align: center;
    height: 28px;
    min-width: 90px;
    padding: 0 8px;
    position: relative;
    line-height: 13px;
    margin-left: 5px;
}

div.tabSet div.tab a,
div.tabSet div.tab a:visited{
    color: #121520;
    text-decoration: none;
}

div.tabSet div.tab a:hover {
    text-decoration: underline;
}

div.tabSet div.tab a.iconRemoveTab{
    position: absolute;
    top: 0.2em;
    right: 0.3em;
}

div.tabSet div.tabOneLine {
    line-height: 28px; /* this vertically centers one line in the tab */
}

.tabInactive {
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    border-bottom: 0;
    border-bottom: none;
}

.tabActive {
    background-color: #158c74;
    border: 1px solid #158C74;
    border-bottom: 0;
    color: #FFF;
    font-weight: bold;
}

.tabActiveHasErrors  {
    background-color: #E24141;
    border-color: #E24141;
    color: #FFF;
}
.tabInactiveHasErrors {
    background-color: #F8D3D3;
    border-color: #EF9A9A;
}


.tabActiveHasWarnings,
.tabInactiveHasWarnings {
    background-color: #FCFF91;
    border-color: #EEF170;
    color: #333;
}
.tabActiveHasWarnings {
    font-weight: bold;
}

div.tabContent {
    /*overflow: auto;*/
}

div.tabSet div.tab .secondLine {
    font-size: 0.8em;
    line-height: 1.5em;
}

/* Define Wizard like arrow */

/*  https://codepen.io/condensed/pen/MwzQym  */

.arrow {
  cursor: pointer;
  display: inline-block;  
  height: 40px;
  margin: 10px 40px 10px 40px;
  position: relative;
  line-height: 2.5em;
  padding-left: 1em;
  padding-right: 2em;
  background: #158c74;
  color: white;
}

.arrow:after {
  /* the triangle */
  border-left: 20px solid #158c74;
  content: "";
  position: absolute;
  border-bottom: 20px solid transparent;
  border-top: 20px solid transparent;
  height: 0px;
  width: 0px;
  margin-right: -20px;
  right: 0; 
}


/************************************
 * Edit Line
 ************************************/
 .edit-line label.iceOutLbl span {
    font-size: 12px;
    padding-right: 3px;
}
 
/*  CPReese 10/17/2012 - hides Required labels <span>*</span> 
.edit-line label.iceOutLbl span {
    display: none;
    visibility: hidden;
    color: #FFF;
    font-size: 12px;
    padding-right: 3px;
} */

.edit-line{
    padding: 3px;
}

.edit-line input[type="text"]{
    margin-left: 4px;
}

/*
.edit-line input[type="checkbox"]{
    padding: 2px;
    box-shadow: 3px 3px 3px #808080;
} */

.edit-line label {
    display: inline-block;
    text-align: right;
    padding: 2px;
    vertical-align: top;
}

.edit-line span.readOnly {
    display: inline-block;
    padding: 2px;
}



.edit-line fieldset.iceSelOneRb{
    display:  inline;
    vertical-align: bottom;
}

.edit-line label.iceSelOneRb{
    width: auto !important;
}

.edit-line table.radioButtons{
    display:  inline-table;
}

.edit-line table.radioButtons td{
    vertical-align: top;
}

.edit-line table.radioButtons td input{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.edit-line table.radioButtons td label{
    width: auto;
    padding: 0 2px;
    vertical-align: inherit;
}

.edit-line-message{
}

.edit-line-messageError{
    color: red;
    display: block;
    margin-bottom: 4px;
    margin-top: 0;
}



/************************************
 * Navigation Tree / Site Tree
 ************************************/
div.navigationTree {
    padding-top: 0.2em;
    padding-left: 0.3em;
    overflow: auto;
    background: white;
    border: 0.1em solid black;
}

.siteTreeContainer div.navigationTree {
    border: medium none;
    height: 25em;
    padding: 0.5em;
}

.siteTreeContainer div.siteTreeControls {
    border-bottom: 0.1em solid #7F9DB9;
    padding: 0.5em 0.5em 0.7em 1em;
}


/************************************
 * Icefaces Data Table
 ************************************/
/* Styles to support <ice:dataTable scrollable="true">: start */
table.tblScrollable {
    table-layout: fixed;
}

table.tblScrollableScrlHdrTbl, table.tblScrollableScrlBdyTbl {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

/* [Sergey Petrov, 9/19/2011] The following play with th styles is a trick to overcome a flaw of <ice:dataTable scrollable="true">
 in Icefaces v.2.0.0. When Icefaces shows a scrollbar on the table body, it inserts an additional 'spacer' th element in
 the table header to compensate for the width of the scrollbar. It has white background. The trick is 2-fold:
  1) in jspx define <ice:dataTable columnWidths="..., 18em, auto">. The last column width is 'auto' which allows browser
  to expand the last column to the end of the row (provided the table has 'table-layout: fixed');
  2) all th elements are declared 'display:none' except for those defined in jspx code. Those are identified by their
  style class (provided the table is defined with a style: <ice:dataTable styleClass="xxx">) and declared with
  'display: table-cell' for FF and IE8, 'display: block' for IE6/7.
  That way when Icefaces appends the empty 'spacer' th at the end of row, the browser does not take it into account when
  calculating the width of columns (because it's 'display:none') and gives all the space left in the row to the last th
  ( because table's 'table-layout: fixed' and th's 'width: auto' ).
*/
.tblScrollable th.tblScrollableHdr,
.tblScrollable td.tblScrollableCell{
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
    word-wrap: break-word;
}

.tblScrollable th {
    display: none;
}
/* Styles to support <ice:dataTable scrollable="true">: end */

/* Universal data table: start */
div.tblHeaderContainer{
    padding: 0;
    margin: 0;
    /*background-color: #158C74;*/
}

.iceDatTblResHdlr {
    margin: 0;
    padding: 0;
    border-width: 0;
    width: 2px;
    background-color: transparent;
}

.iceDatTblResBor {
    margin: 0;
    padding: 0;
    background-color: white;
}
table.tblHeader {
    empty-cells: hide;
    padding: 0;
    margin: 0;
    /* border-collapse: collapse; */
    table-layout: auto;
}

table.tblHeader th.tblHeaderHdr {
    border-left: 0 none;
    border-right: 0 none;
    /*margin-left: 0;*/
    /*margin-right: 0;*/
    word-wrap: break-word;
    /* border-top: 1px solid #158C74;
    border-bottom: 1px solid #158C74;
    padding: 4px 3px 5px; */
    background-color: #158C74;
    /*border-radius: 200px*/
}
table.tblHeader th.tblHeaderHdr a,
table.tblHeader th.tblHeaderHdr a:visited {
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    font-size: 10px;
    display: block;
    width: 100%;
    background-color: #158C74;
    padding: 7px 0 7px;
    border-radius: 200px
}

table.tblHeader th.tblHeaderHdr a:hover{
    text-decoration: underline
}

table.tblHeader th.tblHeaderHdr img.sortImage {
    padding-left: 0.5em;
    vertical-align: middle;
}

table.tblHeader td {
    display: none;
}

table.tblHeader div.headerCell,
table.tblData div.dataCell{
    /* IE7 allows spans within divs to overflow length-wise. Therefore, when the browser adjusts the width of containing
    td, it increases the cell length. The current code dynamically sets div's 'width: XXXpx;' and counts on
    this technique to implement column resizing. However, if the containing inline elements spill over the div's edge,
    it distorts the whole table. Therefore, I have to implement 'overflow-x: hidden' on the div to set the div's width
    exact.*/
    overflow: hidden;
}

table.tblData {
    table-layout: auto;
    border-collapse: collapse;
}

table.tblData td {
    word-wrap: break-word;
    /* padding: 3px; */
    border-left: 0 none;
    /*margin-left: 0;*/
    /*margin-right: 0;*/
}

.scrollableTableDataContainer {
    overflow-y: scroll;
    background-color: #FFFFFF;
    border-bottom: 0.1px solid #158C74;
}

div.footerTableDataContainer {
    padding:  8px;
    font-size: 11px;
}
div.footerTableDataContainer select {
    font-size: 11px;
}
div.paginatorContainer {
    text-align: right;
}

div.paginatorContainer .pageIndicesContainer{
    display: inline;
}

div.paginatorContainer a.paginatorLink,
div.paginatorContainer span.paginatorLink-dis,
div.paginatorContainer span.paginatorCurrentPage {
    padding: 0 0 10px 5px;
    font-size: 12px;
}
div.paginatorContainer a.paginatorLink {
    color: #005CFF;
    text-decoration: none;
}
div.paginatorContainer a.paginatorLink:hover {
    color: #5e21ed;
    text-decoration: underline;
}
div.paginatorContainer span.paginatorCurrentPage {
    color: #5e21ed;
}
div.paginatorContainer span.paginatorCurrentPage {
    font-weight: bold;
}
/* Universal data table: end */
/* Data Table Component classes */
.iceDatTbl table {
    border-collapse: collapse;
}

/*.iceDatTblColHdr, */
.iceDatTblColHdr1, .iceDatTblColHdr2, .iceDatTblColGrpHdrCol, .iceDatTblFtr {
/* was iceTblHeader */
    text-align: center;
    font: 11px;
    color: #FFF;
    padding: 5px;
    font-weight: bold;
    background-color: #158C74;
    border: 1px solid #fff;
}


.iceDatTblBlkTd {
    border-bottom: 1px solid #CCCCCC;
    background-color: #d9d9d9;
    width: 3px;
}
.iceDatTblBlkTd img{
    /*visibility:hidden*/
}
/* data tables are rendered with alternating row colors */

.iceDatTblRow1 {
/* was iceTblRow1 */
    background: #F9F9F9;
    border-left: 1px solid #fff;
}

.iceDatTblRow2 {
/* was iceTblRow2 */
    background: #F3FBEE;
    border-left: 1px solid #fff;
}

/* set the common attributes for the column classes */
.iceDatTblCol, .iceDatTblCol1, .iceDatTblCol2 {
/*was column, column1, column2, column3*/
    color: #121520;
    /*
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    */
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: left;
}

.iceDatTblHdr {
}


/************************************
 * Login Page
 ************************************/
/* header text */
.login-heading-wrapper {
    padding: 25px 25px 50px;
    text-align: center;
}
.login-heading {
    font-size: 20px;
    color: #777;
}
.login-heading span {
    color: #158c74;
}

/* input boxes */
.login-input {
    position: relative;
    margin: 0 auto 45px auto;
    width: 445px;
    height: 48px;
}
.login-password {
    margin-bottom: 15px;
}
.login-input input {
    position: absolute;
    width: 433px;
    height: 45px;
    padding-left: 10px;
    border: 1px solid #158c74;
    font-size: 24px;
    line-height: 45px;
    color: #666;
}
.login-input input:focus {
    border-color: #666;
}
.login-input label {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 110px;
    height: 48px;
    font-size: 13px;
    color: #FFF;
    padding-left: 30px;
    background: url('images/login_ribbon.png') no-repeat left top;
}
.login-input-error {
    position: absolute;
    bottom: -18px;
    left:  0;
    color: #df5757;
    text-align: center;
    width: 435px;
    height: 16px;
}
.login-errors {
    margin:  0 auto 10px;
    width: 435px;
    min-height: 20px;
    line-height: 17px;
    color: #df5757;
    text-align: left;
}
.login-errors ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
.login-errors li {
    margin: 0;
    padding: 0;
}

/* submit button */
.login-submit {
    margin:  0 auto;
    width: 130px;
    height: 32px;
    text-align: center;
    outline: 0;
}
.login-submit input {
    width: 128px;
    height: 32px;
    /*
    background-color: #FFF;
    border: 1px solid #158c74;
    */
    border: 1px solid #CCC;
    background-color: #F7F7F7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
}
.login-submit input:hover, .login-submit input:focus {
    color: #FFF;
    background-color: #158c74;
    border-color: #158c74;
}

.login-submit input:active {
    /* box-shadow: 1px 1px 1px #808080; */
}

/* forgot password */
.login-forgot-password, .login-terms-of-use {
    padding: 25px 0 30px 0;
    text-align: center;
}
.login-forgot-password a, .login-terms-of-use a  {
    font-size: 11px;
    color: #005CFF;
    text-decoration: none;
}
.login-forgot-password a:hover, .login-terms-of-use a:hover  {
    color: #5e21ed;
    text-decoration: underline;
}

/* legal */
.login-legal {
    width: 430px;
    margin:  0 auto;
    font-size: 12px;
    color: #666;
    text-align: justify;
}


/************************************
 * Options & Admin Pages
 ************************************/
.adminPageHeader {
    margin-bottom: 5px;
}
.optionsContainer {
    padding-left: 5px;
}
input.distributionListBtn {
    background-color: #f5f5f5;
    border: 0.091em #fcfcfc solid;
    border-radius:	3px;
    color: #005cff;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 3px;
    width: 170px;
}
.distributionListBtn:hover {
	background-color: #EDEDED;
	border-color: #AAA;	
}
.distributionListBtn:action {
	background-color: #EDEDED;
	border-color: #AAA;
	border-radius:	20px;
}		
.controlBtn {
	background-color: #f5f5f5;
    border: 0.091em #fcfcfc solid;
    border-radius:	3px;
    color: #005cff;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 3px;
    width: 155px;
}
.controlBtn:hover {
	background-color: #EDEDED;
	border-color: #AAA;	
}
.controlBtn:action {
	background-color: #EDEDED;
	border-color: #AAA;
	border-radius:	20px;
}		
.distributionListTreeContainer .navigationTree {
    width: 296px;
    height: 262px;
}

.distributionListTreeContainer .counterPartyTreeContainer,
.distributionListTreeContainer .selectedCounterpartiesContainer {
    height: 342px;
}
.distributionListTreeContainer .searchControls {
    padding-top: 6px;
}
.distributionListTreeContainer .searchControls input[type="text"] {
    width: 100px;
    font-size: 11px;
}

/* Common tree-related styles: start */
.selectedUserNode {
    background-color: #b3c7f9;
    border: 1px solid #b4c6f3;
}
/* Common tree-related styles: end */

/************************************
 * ToolTip Box
 ************************************/
.tooltipBox {
    background: #158C74;
    border: 1px solid #158C74;
    z-index: 50000 !important;
    padding: 3px 4px !important;
    white-space: normal;
    color: #FFF;
}

.tooltipBox span {
    padding: 0 !important;
}




/************************************
 * OLD STYLES
 ************************************/


/* @deprecated Replace with .dashes-top */
div.dashes {
    border-top: 1px dashed #121520;
    margin-top: 4px;
    height: 2px;
    width: 100%;
    float:left;
}

div.dashes-top {
    margin-top: 1em;
    border-top: 0.1em dashed black;
}

a.btn, a:visited.btn{

    background: #f5f5f5;
    border: 0.091em #FCFCFC solid;
	border-radius: 3px;
	color: #005CFF;
	font-size: 12px;
    font-weight: 500;	
	
	height: 14px;
	padding: 2px 10px 4px 10px;
    margin: 0.4em;

	text-align: center;
	cursor: pointer;
	white-space: nowrap;
    text-decoration: none;

    display:block;
}

a.btn:hover, a:visited.btn:hover{
	border-color: #AAA;
    background-color: #EDEDED;
}

a.btn:active, a:visited.btn:active{
	border-radius: 20px;
}


.authorizedCounterpartyTreeNode_true {	
	color: #121520;
    font-style: normal;
}


.authorizedCounterpartyTreeNode_false {
    color: #CCCCCC;
    font-weight: bold;
}


/*
----------- TreeView component
*/

.iceTreeRow {
    white-space: nowrap;
    padding: 0;
}

.iceTreeRow a {
    text-decoration: none;
    color: #121520;
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
}

.iceTreeRow a:hover {
    text-decoration: underline;
}

.iceTreeRow img {
    border: 0;
    vertical-align: top;
    background-repeat: repeat-y;
    padding: 0;
}

.iceTreeRow div {
    padding: 0;
}

.iceTreeRow a img {
/* vertical-align: top; - Bug in FF, when img has focus it is not highlighted with a box.*/
    background-repeat: repeat-y;
    border: 0;
    padding: 0;
}

/*
----------- Calendar Component classes
*/
.iceSelInpDate {
/* calendar outline & background color */
    background-color: #FFFFFF;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    margin-top: 10px;
}
table.iceSelInpDate tbody tr td table{
    border-right: 1px solid #999999;
}

.iceSelInpDateIFrameFix, .iceIEIFrameFix {
    z-index: -1;
    position: absolute;
    display: block;
    filter: mask();
}

.iceIEIFrameFix {
    height: 0;
}

.iceSelInpDatePopup {
    min-width: 172px;
}

.iceSelInpDateInput {
    width: 150px;
}

.iceSelInpDateOpenPopup {
    display: inline;
    text-decoration: none;
    background-color: transparent;
    background-image: url( "./images/calendar/cal_button.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 18px;
    height: 16px;
    margin-left: 5px;
}

.iceSelInpDateClosePopup {
    display: inline;
    text-decoration: none;
    background-color: transparent;
    background-image: url( "./images/calendar/cal_off.gif" );
    background-repeat: no-repeat;
    background-size: 15px;
    text-align: center;
    border: none;
    width: 18px;
    height: 18px;
    margin-left: 5px;
}

.iceSelInpDateMonthYear {
    background: #E6E6E6;
    font-weight: bold;
    text-align: center;
    color: #121520;
    padding-left: 1px;
    padding-right: 1px;
    /*padding-top: 4px;*/
    /*padding-bottom: 4px;*/

}

.iceSelInpDateMoYrDropdown {
    background: #F5F5F5;
    font-weight: bold;
    color: #666;
}

.iceSelInpDateMonthYear img {
    border: none;
    margin-left: 3px;
    padding: 3px;
}

.iceSelInpDateMovePrev {
    text-decoration: none;
    display: inline;
    background-color: transparent;
    background-image: url( "./images/calendar/cal_arrow_left.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    margin-top:5px;
    width: 4px;
    height: 8px;
}

.iceSelInpDateMoveNext {
    text-decoration: none;
    display: inline;
    background-color: transparent;
    background-image: url( "./images/calendar/cal_arrow_right.gif" );
    background-repeat: no-repeat;
    text-align: center;
    margin-top:5px;
    border: none;
    width: 4px;
    height: 8px;
}

.iceSelInpDateWeek {
/* the days of the week row */
    font-weight: bold;
    color: black;
    text-align: center;
    padding: 3px;
    background-color: #E6E6E6;
    border: 1px solid #999999;
    border-left: none;
    /*width: 22px;*/
}

.iceSelInpDateTime {
    /* Icefaces v1.8.2 shows dropdown lists for time selection in calendar control. We do not want these to show up.
    This style controls the last row in the table that contains the dropdowns. */
    display: none;
}

/* set the look for the days of the week backgrounds */

.iceSelInpDateDay {
    text-align: center;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding: 3px;
}

.iceSelInpDateCur {
    background: #4472c4;
    text-align: center;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.iceSelInpDateCur .iceCmdLnk {
    background: none;
    border: none;
}

.iceSelInpDateCur .iceOutTxt {
    color: #FFFFFF;
}

.weekend {
    background: #e9e9e9;
}

.weekend .iceOutTxt {
    color: #666;
}

.weekend .iceCmdLnk {
    background: none;
    border: none;
}


/* now set the attributes for the numbers for each day of the week */
.iceSelInpDateDay a {
/* the day text */
    text-decoration: none;
    background-color: #FFFFFF;
    /*border: 1px solid #FFFFFF;*/
    color: #121520;
    width: 100%;
    height: 100%;
    padding: 0;
    display: block;
}

.iceSelInpDateCur a {
    text-decoration: none;
    background-color: #2A6CC2;
    border: 1px solid #2A6CC2;
    color: #FFFFFF;
    width: 100%;
    height: 100%;
    padding: 0;
    display: block;
}

/* now set the color attributes for the hover effect on non-current days */
.iceSelInpDateDay a:hover {
/* the day text */
    text-decoration: none;
    color: #666;
}

.exampleBoxCol1 {
    padding: 7px;
}


/* hide selectInputDate text*/
.hiddenSelectInputPopup{
    float:left;
    width:auto;
    min-width:20px;
}
.iceSelInpDateInput.hiddenSelectInputInput{
    visibility:hidden;
    display: none;
}




/*
----------- Table Row Selection --------
*/
.iceRowSelSelected {
    background-color: #D7D7D7;
}
.iceRowSelSelected .iceOutTxt{
    color: #333333;
}
.iceRowSelSelectedMouseOver {
    background: #E6E6E6;
}
.iceRowSelSelectedMouseOver  .iceOutTxt {
    color: #333333;
}
.iceRowSelMouseOver {
    color: #333333;
    background: #EAEAEA;
}
.iceRowSelMouseOver .iceOutTxt {
    color: #333333;
}




/* Edit line: start */

/* Edit line: end */

/* View line: start */
.view-line {
    margin-bottom: 0.3em;
}

.view-line label,
.view-line span {
    display: inline-block;
    vertical-align: top;
}

.view-line label {
    margin-right: 0.4em;
}

.view-line span {
    word-wrap: break-word;
}
/* View line: end */

/* New leg grid tabset: start */
div.centeredTabs {
    text-align: center;
}

div.centeredTabs a{
    color: black;
    text-decoration: none;
}

div.centeredTabs a:hover{
    text-decoration: underline;
}

div.centeredTabs span.centeredtab,
div.centeredTabs a.centeredtab{
    display: inline-block;
    line-height: 2em;
    padding: 0 1em;
    min-width: 18.5em;  /* the tab should be quite wide to avoid 2 lines in TC grid tabs captions*/
    margin: 0 0 0 0.2em;
}
/* New leg grid tabset: end */


/* float layout clearer */
/* If a div contains 'float' block elements only, the browser assigns no height to it.
See http://www.quirksmode.org/css/clearing.html for detailed discussion of the problem.*/
div.containsFloatsOnly{
    overflow: auto;
}

/* @deprecated; use style containsFloatsOnly instead*/
div.clearer {
    clear: both;
    height: -5px;
    /*width:10px;*/
    line-height: .01em;
    padding: 0;
    margin: 0;
}

div.floatLeft{
    float:left;
}

div.padding{
    padding: 5px;
}

/* version label at bottom of template */
.versionText{
    font-size:10px;
    color:#ccc;
}


/*
    General form styles, used throughout site.
*/
.fieldSetRightAlign{
    padding: 0.3em;
    float: left;
}
.fieldSetRightAlign label{
    width: 7.5em;
    text-align: right;
    display: block;
    padding: 0.2em;
    padding-right: 0.2em;
    float: left;
}
.fieldSetRightAlign .iceOutTxt{
    padding:2px;
    display:block;
    float:left;
}
.fieldSetRightAlign input{
    text-align: left;
    float:left;
}



.tab_changed{
    background-color: yellow;
    border: 1px solid #9999CC;
    border-bottom: none;
    color:black;
}

.tab_selected{
    background-color: #CCCCE4;
    border: 1px solid #9999CC;
    border-bottom: none;
    color:black;
}

.tab_selected_changed{
    background-color: lightgoldenrodyellow;
    border: 1px solid #9999CC;
    border-bottom: none;
    color:black;
}

.workflowContent {
    background-color: #F7F7FB;
    border-top: 0.1em solid black;
    min-height: 52em;
}
.workflowCommandButton{
    float:right;
    margin-top:15px;
    margin-right:5px;
}

/*/WEB-INF/includes/content/counterparty-management.jspx
  /WEB-INF/includes/content/options-distribution.jspx
  /WEB-INF/includes/content/outlines/user-entitlements-dealtypes.jspx
*/
.counterPartyContainer{
    padding:5px;
}
.counterPartyTreeContainer{
    overflow: hidden;
    width: 310px;
    border: 0.1em solid black
}

div.divCounterPartyFilter{
    border-bottom: 0.1em solid black;
    padding: 0 0.5em 0.5em 0.5em;
}

div.divCounterpartyControls{
    border-bottom: 0.1em solid black;
    line-height: 1.5em;
}

div.divCounterpartyControls a, div.divCounterpartyControls a:visited{
    margin: 0 0.8em;
}

/* error dialog */
.errorDialogColpsd span, .errorDialog span{
    margin: 15px;
    font-weight: bold;
}
.errorDialogColpsd div, .errorDialog div{
    background-repeat: no-repeat;
    background-position: left center;
    /*height: 17px;*/
}
.errorDialog div {
    background-image: url( './images/dialogs/minus_dot.gif' );
}
.errorDialogColpsd div {
    background-image: url( "./images/dialogs/plus_dot.gif" );
}
div.errorOutput{
    background-image: url(./images/dialogs/form_textarea.png);
	background-repeat: repeat-x;
	background-color: #f9f9f9;
	border: 1px solid #afafaf;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #5f5f5f;
}

/* required field symbol */
.requiredField label.iceOutLbl span{
    color: #FFCC00;
    font-size:12px;
}



.widthSupress{
    display: none;
}

.rateLink{
}

.rateLink img{
    margin-left: 0.2em;
    vertical-align: text-top;
}


/* Impersonate dialog box: start */
.impersonateDialogBox{
    padding: 1em 1em 0 1em;
}

.impersonateDialogBox div.dialogBoxLine label{
    width: 105px;
}

.impersonateDialogBox select{
    width: 15em;
}

.impersonateDialogBox .dialogMessageBlockError {
    padding-left: 9em;
}

.impersonateDialogBox div.global-messages {
    margin-left: 6.5em;
}
/* Impersonate dialog box: end */

/* Attachment dialog box: start */
.attachmentDialogBox {
    padding: 1.4em 2em;
}

.attachFileTxt, .attachFileBtn  {
    height: 2em;
}

.attachmentDialogBox .tblAttachments {
    margin-top: 0.5em;
    border: 0.1em solid #d9d9d9;
}
.attachFileBox {
    padding-bottom: 0.5em;
}
.attachFile {
    display: inline-block;
    /* start display:inline-block; ie6 & ie7 hack */
    vertical-align: top;
    /* zoom: 1; */
    transform: scale(1);
    *display: inline;
    _height: 2em;
    /* end display:inline-block; ie6 & ie7 hack*/

}
.attachmentDialogBox .global-messages {
    padding: 0.5em 0 0.5em;
    text-align: center;
}

/* Attachment dialog box: end */

/* Kill dialog box: start */
.killDialogBox {
    padding: 1em 1.5em 0.5em;
}

.killDialogBox div.dialogBoxLine label {
    width: 6em;
}
/* Kill dialog box: end */


/* ESP selector header: start */
table.pnlEspSelector {
    margin-bottom: 0.8em;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

table.pnlEspSelector td.espCriteriaSection,
table.pnlEspSelector td.espSelectorSection {
    border: 0.1em solid #7F9DB9;
    padding: 1.5em 1em;
    text-align: center;
}

table.pnlEspSelector td.espCriteriaSection {
    padding-top: 0.5em;
}

table.pnlEspSelector td.espCriteriaSection div.selectorBlock {
    margin: 0 1em;
}

.pnlEspSelector div.pnlEspCriteriaContainer {
    display: inline-block;
    text-align: left;
}

.pnlEspSelector div.selectorBlock {
    float: left;
    margin: 0 1em;
}

.pnlEspSelector div.selectorBlock select,
.pnlEspSelector div.selectorBlock .listboxTableContainer{
    margin: 0;
    width: 26em;
}

.espSelectionBlock, .espCommandsBlock {
    float: left;
}

.espCommandsBlock{
    width: 13em;
    padding: 5em 2em 1em;
}

.espSelectionBlock{
    border: 0.1em solid #7F9DB9;
    text-align: left;
    width: 35em;
}

.espSelectionBlock .heading3 {
    display: block;
    background: #666999;
    border: 1px solid #7F9DB9;
    border-bottom: none;
    color: white;
    padding: 0.2em 0;
    text-align: center;
}

.espSelectionBlock div.siteTreeControls{
    padding: 0.5em 0.5em 0.7em 1em;
    border-bottom: 0.1em solid #7F9DB9;
}

.espSelectionBlock div.siteTreeControls a,
.espSelectionBlock div.siteTreeControls a:visited {
    margin-right: 1em;
}

.espSelectionBlock div.navigationTree {
    border: none;
    padding: 0.5em;
    height: 20em;
}
/* ESP selector header: end */


/* MessageType dialog box: start */
.messageTypeDialogBox{
    /* padding: 1em 1em 0 1em; */
}

.messageTypeDialogBox div.dialogBoxLine label{
	padding-left: 0.5em;
	padding-right: 2em;
	vertical-align: baseline;
    width: auto !important;
}

.messageTypeDialogBox input{
}

.messageTypeDialogBox .dialogMessageBlockError {
    padding-left: 9em;
}

.messageTypeDialogBox div.global-messages {
    /* margin-left: 6.5em; */
}
/* MessageType dialog box: end */



/* User Preferences in CA, TA & TC: start */

.offerSettingsContainer {
    padding-bottom: 1em;
}

.offerSettingsContainer p{
    margin: 0.8em 0;
}

.compareSettingsContainer .heading3 {
    display: block;
    text-align: center;
    margin-bottom: 1em;
}
.compareSettingsContainer {
    padding-top: 5px;
}
.compareSettingsContainer div.fieldSelectionSection {
    float: left;
    margin: 0 3em;
    width: 240px;
}

.compareSettingsContainer div.fieldSelectionSection .edit-line label {
    text-align: left;
    width: 100px;
}

.compareSettingsContainer div.fieldSelectionSection .edit-line select {
    font-size: 12px;
    width: 130px;
}

.compareSettingsContainer .listboxTableContainer {
    display: block;
    margin-top: 1em;
    height: 34em;
    width: 240px;
    overflow-x: auto;
}
.compareSettingsContainer .listboxTableContainer table.listboxTable {
    width: 220px;
}
.compareSettingsContainer p{
    margin-top: 0.8em;
    padding-left: 0.3em;
}

.compareSettingsContainer .optionsButton{
    display: block;
    width: 9em;
    margin: 0 0 0.5em 5em;
}

/* User Preferences in CA, TA & TC: end */


/* Tree filter button - Start */

.cmdFilterDialogBtn {
    display: block;
    float: left;
    background-color: #f5f5f5;
    border: 0.091em #fcfcfc solid;
    border-radius:	3px;
    text-decoration: none;
    color: #005cff;
    padding: 0.1em 0.7em;
    margin-top: 0.5em;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

.cmdFilterDialogBtn:hover {
	background-color: #EDEDED;
	border-color: #AAA;
}

.cmdFilterDialogBtn:active {
	background-color: #EDEDED;
	border-color: #AAA;
	border-radius:	20px;
}

/* Tree filter button - End */

/* View Setting Tab - Start */

.selectDftCommodityLbl {
    margin-right: 70px;
}

.selectDftViewDropDowns {
    width: 130px;
}

.selectDftTradingEntityLbl {
    margin-right: 10px;
}
/* View Setting Tab - End */


/* Site Table for ESP - Start */
.siteTable {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.siteTable thead,
.siteTable th{
    text-align: center;
    color: #FFF;
    padding: 5px;
    background-color: #158C74;
    border: 1px solid #fff;
}

.siteTable tbody, .siteTable td{
    color: #121520;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    word-wrap: break-word;
    overflow: hidden;
}

.siteTable thead, .siteTable th:nth-child(1) {
    width: 11em; /* Width for the first column header */
}

.siteTable thead, .siteTable th:nth-child(2) {
    width: 11em; /* Width for the second column header */
}

.siteTable thead, .siteTable th:nth-child(3) {
    width: 11em; /* Width for the third column header */
}
.siteTable thead, .siteTable th:nth-child(4) {
    width: 11em; /* Width for the fourth column header */
}

.dataTblColorRow1 {
    background: #F9F9F9;
    border-left: 1px solid #fff;
}

.dataTblColorRow2 {
    background: #F3FBEE;
    border-left: 1px solid #fff;
}

/* Panel Site Table for ESP - Start */
.panelSiteTable {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.panelSiteTable thead,
.panelSiteTable th{
    text-align: center;
    color: #FFF;
    padding: 5px;
    background-color: #158C74;
    border: 1px solid #fff;
}

.panelSiteTable tbody, .panelSiteTable td{
    color: #121520;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    word-wrap: break-word;
    overflow: hidden;
}

.panelSiteTable thead, .panelSiteTable th:nth-child(1) {
    width: 2em; /* Width for the first column header */
}

.panelSiteTable thead, .panelSiteTable th:nth-child(2) {
    width: 7em; /* Width for the second column header */
}

.panelSiteTable thead, .panelSiteTable th:nth-child(3) {
    width: 7em; /* Width for the third column header */
}
.panelSiteTable thead, .panelSiteTable th:nth-child(4) {
    width: 7em; /* Width for the fourth column header */
}

.panelSiteTable thead, .panelSiteTable th:nth-child(5) {
    width: 7em; /* Width for the fifth column header */
}


/* Site and Panel Site Tables for ESP - End */

/* Tab Message table - Start */
.tabMessageTable {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

.tabMessageTable thead,
.tabMessageTable th{
    text-align: center;
    color: #FFF;
    padding: 5px;
    background-color: #158C74;
    border: 1px solid #fff;
}

.tabMessageTable tbody, .tabMessageTable td{
    color: #121520;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    word-wrap: break-word;
    overflow: hidden;
}

.tabMessageTable thead, .tabMessageTable th:nth-child(1) {
    width: 2.5em; /* Width for the first column header */
}

.tabMessageTable thead, .tabMessageTable th:nth-child(2) {
    width: 34em; /* Width for the second column header */
}

.tabMessageTable thead, .tabMessageTable th:nth-child(3) {
    width: 18em; /* Width for the third column header */
}
.tabMessageTable thead, .tabMessageTable th:nth-child(4) {
    width: 17em; /* Width for the fourth column header */
}


/* Tab Message table - Start */


/* Modify Counter Party Ratings table - Start */
.tableModifyCounterPartyRatings{
    margin-top: 1em;
    border: 0.1em solid black;
    border-spacing:0.1px;
}

.tableModifyCounterPartyRatings thead th:nth-child(1){
    border-right: 0.1em solid black;
}

.tableModifyCounterPartyRatings thead th{
    text-align: center;
    color: #FFF;
    padding: 5px;
    background-color: #158C74;
    border: 1px solid #fff;
    width: 22em;
    border-bottom: 0.1em solid black;
}

.tableModifyCounterPartyRatings tbody td select{
    width: 23em;
}

.tableModifyCounterPartyRatings td:nth-child(1){
    border-right: 0.1em solid darkgray;
}

/* Modify Counter Party Ratings table - End */

/* My Distribution List table - Start */
.hTableCommonHeader {
    text-align: center;
    font-size: 11px;
    color: #FFF;
    padding: 5px;
    font-weight: bold;
    background-color: #158C74;
    border: 1px solid #fff;
}
/* My Distribution List table - End */

/* Transaction Limits table - Start */
.transactionLimits {
    width: 500px;
    border-spacing: 0;
}
/* Transaction Limits table - Start */

/* Add Attachment Table - Start */
.addAttachmentTable  {
    width: 100%;
    height: 140px;
    margin-top: 0.5em;
    border: 0.1em solid #d9d9d9;
    border-spacing:1px;
}

.addAttachmentTable  thead th {
    text-align: center;
    font-size: 11px;
    color: #FFF;
    padding: 5px;
    font-weight: bold;
    background-color: #158C74;
    border-collapse:collapse;
}

.addAttachmentTable thead th:nth-child(1) {
    width: 400px; /* Set width for Column 1 */
    overflow: hidden;
}

.addAttachmentTable thead th:nth-child(2) {
    width: 100px; /* Set width for Column 2 */
    overflow: hidden;
}

/* Add Attachment Table  - End */

/* Table Distribution List   - Start */
.tblDistributionLists {
}

.distributionListMembersDlgTbl tbody td:nth-child(1) {
    width: 30em; /* Width for the first column header */
}

.distributionListMembersDlgTbl tbody td:nth-child(2) {
    width: 30em; /* Width for the second column header */
}
/* Table Distribution List   - End */

/* Price Curve Details Display   - Start */
.compactGrid {
    border-spacing: 2px;       /* Controls spacing between cells */
    border-collapse: collapse; /* Remove extra spacing */
}

.priceCurveFont {
    font-size: 11px;           /* Smaller font */
    margin: 0;
    padding: 1px 2px;          /* Tighter spacing inside text cells */
    line-height: 1.2;          /* Tighter line height */
    display: inline-block;     /* Prevents unexpected spacing */
    font-family:sans-serif;
}

.priceIndexHeaderPnl .ui-panel.ui-panel-title {
    margin: 0.1em 16px 0.2em 0.5em;
}
.cgHubSelectIndexPanel .ui-panel-content.ui-widget-content{
    padding: 0.5em;
    margin-left: 31em;
    margin-top: -0.5em;
    border-collapse: collapse;
    display: block;
}

.cgHubSelectIndexPanel .ui-panel-content.ui-widget-content td{
    padding: 0 50px 0 0;
}

.priceIndexPanelHeaders .ui-panel-titlebar.ui-widget-header.ui-corner-all {
    padding: 0.5em;
    background: #158C74 !important;
    color: #FFF;
    text-align: center;
    font-family:sans-serif;
}

.priceTrendsTableHeaders table thead tr th {
    width: 66.3164px;
    font-size: 11px;
    color: #FFF;
    border: 0.1em solid #FFF;;
    border-spacing: 1px;
    background: #158C74 !important;
    font-family:sans-serif;
}


/* Targets all radio buttons inside the group */
.chart-radio-group td {
    padding-left: 80px;
    padding-right: 40px; /* spacing between buttons */

}
.chart-radio-group td input{
    margin-top: 0.5em;
}

/* Optional: customize the label color per chart type */
.chart-radio-group input[value="CandleStickChart"] + label {
    color: #00897B;
}

.chart-radio-group input[value="LineChart"] + label {
    color: #1E88E5;
}

.chart-radio-group input[value="BarChart"] + label {
    color: #F4511E;
}
/* Price Curve Details Display   - End */

.time-row {
    display: flex;
    align-items: center;
    gap: 6px;
}

.time-row label {
    margin-left: 1em;
    white-space: nowrap;
}

.time-separator {
    font-size: 1.2em;
    font-weight: bold;
}

.calendarButtonOnly input.hasDatepicker {
    display: none !important;
}

/* Hide only the ICEfaces date input */
.calendarButtonOnly input.ui-inputfield {
    display: none !important;
}


/* ===== MAIN ROW ===== */
.calendarContainer {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    max-width: 100%;
}

/* Select dropdowns */
.calendarContainer select {
    margin: 0;
    height: 20px;
}

.nm-tabs-header a {
    padding: 6px 10px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

.nm-tabs-header a:hover {
    border-bottom: 2px solid #999;
}

.inlineList {
    font-size: 80% !important;
    display: inline-block;
    vertical-align: top;

}

.dualListAttributeId .if-list-dl {
    margin-bottom: -1em;
    min-height: 0;
}

.attributeIdDualListContainer {
    height:120px;
    width:200px;
    overflow:auto;
    margin-right: 1.1em;
}

.attributeIdListControl {
    margin-left: -0.5em;
    width: 30em;
    margin-top: -1em;
}

.dialogAttributeIdPanel {
    display: flex;
    align-items: center;
    margin: 1em 3em 2em 1.5em;
}

.dialogAttributeIdListContainer {
    height:130px;
    overflow:auto;
}

.dialogAttributeIdPanel label{
    font-weight: bold;
    width: 9em;
    text-align: left;
    margin-left: 11.5em;
}

.dialogAttributeIdListControl {
    margin-left: -2.5em;
    width: 30em;
    margin-top: -1em;
    margin-bottom: -1em;
}

.dialogAttributeIdListControl .if-list-dl {
    margin-bottom: -1em;
    min-height: 0;
}