/*****************************************************************************
 * Copyright 2024 Parabon NanoLabs, Inc.  This software is confidential
 * and is the copyright and proprietary property of Parabon NanoLabs, Inc.  
 * Neither the source code nor its graphical rendering may be reproduced 
 * for any reason without prior written permission.  All rights not 
 * specifically granted in writing are reserved to Parabon NanoLabs, Inc.
*****************************************************************************/
/*
iframe {
  background: #fff url(../images/body.gif) top left repeat-x;
  border: 0 none;
}
*/
.title {
  font-size: 20px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
//  color: #012660;
}

.intro-image-title {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  padding-top: 90px;
  color: #953735;
}

.intro-button {
  border-radius: 15px 50px:
  background-color: #cfcfcf;
}

.welcome-intro {
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  padding: 0 30px 0 30px;
  color: #424851;
}

.welcome-body {
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  margin-left: 30px;
  padding-right: 30px;
  color: #424851;
}

.welcome-body ol, ul, li {
  padding-right: 30px;
}

.welcome-body p {
  margin-left: 10px;
  margin-right: 30px;
}

.welcome-support {
  font-size: .95em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  color: #222222;
}

.welcome-support-padding {
    padding-left: 50px;
}

.intro-text {
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  padding: 10px 0 10px 0;
  color: #4f4f4f;
}

.panel-header {
  color: #333;
  line-height: 1.5;
  font-size: 2.22em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  font-weight: 400;
  padding-left: 5px;
}

.gray-background {
  background-image: url(../images/gray_gradient.gif);
  background-repeat: repeat-x;
  padding: 5px 0 5px 0;
}

.roundedCorners {
    border-radius: 10px;
    border: 1px solid #aaaaaa;
} 

.userDefaultCheckbox {
    font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
    background-color: transparent;
    color: #000000;
}

.lightGreyText {
  color: #4f4f4f;
}

.section-header {
  background-color: #868686;
  color: #666666;
  font-size: 12px;
}

.footer-pane {
  margin: 2px 5px 2px 5px;
}

.wizardButton {
  font-size: .95em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  color: #000000;
}

.wizardButton:hover, .wizardButton:focus {
  font-size: .95em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  color: #0c6db8;
}

.footer {
  font-size: .85em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  color: grey;
}

.large-font {
  font-size: 3em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
}

.status-text {
  font-size: .85em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: white;
  color: #0c6db8;
}

.menu-text {
  font-size: .90em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: white;
  color: #333333;
}
.menu-textOver {
  font-size: .90em;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: white;
  color: #000000;
}

.menu-textDisabled {
  font-size: .90em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: white;
  color: #bbbbbb;
}

.splitBar-handle {
    background-image: url( ../images/silk-icons/arrow_left.png ) !important;
}

.toolbar-linksSelected,
.toolbar-linksFocused,
.toolbar-links {
  font-size: .95em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  color: #444444;
}

.toolbar-links:disabled, 
.toolbar-links-disabled, 
.toolbar-linksDisabled {
  font-size: .95em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  color: #444444;
  opacity: .5;
}

.toolbar-links:hover, .toolbar-links:focus {
  font-size: .95em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  color: #0c6db8;
}

.classic-links {
  font-size: .95em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  color: #5651c8;
}

.classic-links:hover, .classic-links:focus {
  font-size: .95em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  text-decoration: underline;
  color: #5651c8;
}

.classic-links:visited {
    color: #3577c1;
}

.edit-link {
  font-size: .95em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  color: #0c6db8 !important;
}

.edit-link:hover, .edit-link:focus {
  font-size: .95em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  background-color: transparent;
  color: #999999 !important;
}

.grid-links {
  font-size: 1em;
  background-color: transparent;
  text-decoration: underline;
  color: #0c6db8;
}

.grid-links:hover, .grid-links:focus {
  font-size: 1.1em;
  background-color: transparent;
  text-decoration: underline;
  color: #999999;
}

.fx-radio-text {
  font-size: .95em !important;
  background-color: transparent;
  opacity: .9;
}

.user-menu {
  font-size: 1.1em;
  width: 24em;
  color: #222222;
}

.verical-text {
    width:1px;
    font-size: .825em;
    word-wrap: break-word;
    font-family: monospace;
    white-space:pre-wrap;
}

.new-item-toolbar {
    font-style: italic; 
    font-size: .85em;
    font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
    color: #7f7f7f;
}

.new-item-italics {
    font-style: italic; 
    font-size: 11px;
    font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
    color: #7f7f7f;
}

.frame-background {
    color: #f0f0f0;
}

.back-icon {
    background-image: url( ../images/silk-icons/arrow_left.png ) !important;
}

.forward-icon {
	background-image: url( ../images/silk-icons/arrow_right.png ) !important;
}

.toolStripButtonDisabled, .toolStripButtonSelectedDisabled {
    background-color: #ddd;
    font-weight: normal;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity = 100);
}

.gwt-DialogBox {
  border: 2px solid #AAAAAA;
  background-color: white;
}

.gwt-DialogBox .Caption {
  background-image: url(../images/gray_gradient.gif);
  background-repeat: repeat-x;
  padding: 4px;
  padding-bottom: 8px;
  font-weight: bold;
  cursor: default;
}

.gwt-Label {
  
}

.gwt-MenuBar {
  background-color: #C3D9FF;
  cursor: default;
}

.gwt-MenuItem {
  font-size: 80%;
  margin: 1px;
  cursor: default;
}

.gwt-MenuItem-selected {
  background-color: #E8EEF7;
}

.gwt-StackPanel {
  background-color: white;
  border: 1px solid #AAAAAA;
  width: 15em;
}

.gwt-StackPanel .gwt-StackPanelItem {
  background-image: url(../images/blue_gradient.gif);
  background-repeat: repeat-x;
  background-color: #EEEEEE;
  cursor: pointer;
  cursor: hand;
}

.gwt-Tree {
  
}

.gwt-Tree .gwt-TreeItem {
  font-size: 80%;
  cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
  background-color: #C3D9FF;
}

.treeCell                     > div[role="presentation"],
.treeCellDark                 > div[role="presentation"],
.treeCellOver                 > div[role="presentation"],
.treeCellOverDark             > div[role="presentation"],
.treeCellSelected             > div[role="presentation"],
.treeCellSelectedDark         > div[role="presentation"],
.treeCellSelectedOver         > div[role="presentation"],
.treeCellSelectedOverDark     > div[role="presentation"],
.treeCellDisabled             > div[role="presentation"],
.treeCellDisabledDark         > div[role="presentation"] {
  display: flex;
  align-items: center;
}

.treeCell                     > div[role="presentation"] > img,
.treeCellDark                 > div[role="presentation"] > img,
.treeCellOver                 > div[role="presentation"] > img,
.treeCellOverDark             > div[role="presentation"] > img,
.treeCellSelected             > div[role="presentation"] > img,
.treeCellSelectedDark         > div[role="presentation"] > img,
.treeCellSelectedOver         > div[role="presentation"] > img,
.treeCellSelectedOverDark     > div[role="presentation"] > img,
.treeCellDisabled             > div[role="presentation"] > img,
.treeCellDisabledDark         > div[role="presentation"] > img {
  margin: auto;
}

tr[role="treeitem"] > .treeTallCell,
tr[role="treeitem"] > .treeTallCellDark,
tr[role="treeitem"] > .treeTallCellOver,
tr[role="treeitem"] > .treeTallCellOverDark,
tr[role="treeitem"] > .treeTallCellSelected,
tr[role="treeitem"] > .treeTallCellSelectedDark,
tr[role="treeitem"] > .treeTallCellSelectedOver,
tr[role="treeitem"] > .treeTallCellSelectedOverDark,
tr[role="treeitem"] > .treeTallCellDisabled,
tr[role="treeitem"] > .treeTallCellDisabledDark {
  padding-top: 5px !important;
}

.treeTallCell                 > span[style*="opener_opened.gif"],
.treeTallCellDark             > span[style*="opener_opened.gif"],
.treeTallCellOver             > span[style*="opener_opened.gif"],
.treeTallCellOverDark         > span[style*="opener_opened.gif"],
.treeTallCellSelected         > span[style*="opener_opened.gif"],
.treeTallCellSelectedDark     > span[style*="opener_opened.gif"],
.treeTallCellSelectedOver     > span[style*="opener_opened.gif"],
.treeTallCellSelectedOverDark > span[style*="opener_opened.gif"],
.treeTallCellDisabled         > span[style*="opener_opened.gif"],
.treeTallCellDisabledDark     > span[style*="opener_opened.gif"],
.treeTallCell                 > span[style*="opener_closed.gif"],
.treeTallCellDark             > span[style*="opener_closed.gif"],
.treeTallCellOver             > span[style*="opener_closed.gif"],
.treeTallCellOverDark         > span[style*="opener_closed.gif"],
.treeTallCellSelected         > span[style*="opener_closed.gif"],
.treeTallCellSelectedDark     > span[style*="opener_closed.gif"],
.treeTallCellSelectedOver     > span[style*="opener_closed.gif"],
.treeTallCellSelectedOverDark > span[style*="opener_closed.gif"],
.treeTallCellDisabled         > span[style*="opener_closed.gif"],
.treeTallCellDisabledDark     > span[style*="opener_closed.gif"] {
  margin-top: -5px;
  margin-bottom: -5px;
}

a {
    //text-decoration: underline;
    //font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
    //background-color: transparent;
    //outline: none;
    color: #3577c1;
}

a:visited {
    color: #3577c1;
}

a:hover, a:focus {
  color: #000;
  text-decoration: underline;
}

a:active {
    color: #000;
}

body {
  background-color: white;
  color: black;
  font-family: Arial, sans-serif;
  font-size: small;
  margin: 5px;
}

.gwt-TextBoxLeft20 {
  margin-left: 20px;
}

.x-window-tc,
.x-window-tl,
.x-window-tr,
.x-window-bc,
.x-window-bl,
.x-window-br,
.x-window-mc,
.x-window-ml,
.x-window-mr,
.x-window-body {
  background-color: #00a5d8;
}

.x-window-plain .x-window-body {
  background-color: #ffffff !important
}

.fx-link a {
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
}

.fx-UploadItem {
  height: 24px !important;
  font-family: Arial,Verdana,Bitstream Vera Sans,sans-serif;
  font-size: 11px;
}

.fx-CheckBoxSmall {
  margin-left: 20px;
  font-size: 11px;
  white-space: nowrap;
}
.fx-CheckBoxLabel {
  font-size: 11px;
  margin-left: 5px;
  white-space: nowrap;
}
.fx-CheckBoxLabel-disabled {
  font-size: 11px;
  margin-left: 5px;
  white-space: nowrap;
  color: #bbbbbb;
}

.fx-LabelSmallNoWrap {
  margin-left: 20px;
  font-size: 11px;
  white-space: nowrap;
}

.fx-LabelSmallLight {
  font-size: 11px;
  margin-left: 20px;
  color: #aaaaaa;
}

.fx-Button {
  font-size: 12px;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  text-align: center;
  margin: 2px 2px 2px 2px;
}

.fx-Label {
  font-size: 11px;
}
.fx-LabelNoWrap {
  font-size: 11px;
  white-space: nowrap;
}

.fx-Bullets ul, ol, li {
  margin: 0;
  padding-bottom: .2em;
  text-indent: -1em;
  list-style-type: disc;
  list-style-image: url(../images/bullets/bullet.gif);
  list-style-position: inside;
}
.fx-disabled-text {
  color: #bbbbbb;
}

.fx-Label-disabled {
  font-size: 11px;
  color: #bbbbbb;
}

.fx-LabelSmall {
  margin-left: 20px;
  font-size: 11px;
}

.fx-LabelSmall-disabled {
  margin-left: 20px;
  font-size: 11px;
  color: #bbbbbb;
}

.fx-headerLabel,
.fx-headerLabelDisabled {
  font-size: 11.5px;
  margin: 3px 0px 0px 6px;
  color: #666666;
}

.fx-slider-background {
  background: url(../images/components/slider_h.gif) 0px 0;
  background-repeat: repeat-x;
}

.fx-numberspinner-text {
  text-align: right;
  padding-right: 5px;
}
.fx-numberspinner-button-top {
  
}

.fx-numberspinner-button-bottom {
  border-top: 1px solid #B5B8C8;
}

.fx-numberspinner-buttons {
  border-top: 1px solid #B5B8C8;
  border-left: 0 none;
  border-right: 1px solid #B5B8C8;
  border-bottom: 1px solid #B5B8C8;
}

.x-dlg .x-dlg-hd-left {
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter: alpha(opacity = 100);
}

.x-dlg-modal .x-dlg-hd-left {
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter: alpha(opacity = 100);
}

.x-dlg .x-dlg-bg {
  filter: alpha(opacity = 100);
  opacity: 1.0;
  -moz-opacity: 1.0;
}

.x-dlg-modal .x-dlg-bg {
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter: alpha(opacity = 100);
}

.fx-PageTabBar {
  font-size: smaller;
  display: inline;
  width: 100%;
}

.fx-PageTabBar .gwt-TabBarFirst {
  height: 100%;
  padding-left: 3px;
}

.fx-PageTabBar .gwt-TabBarItem {
  cursor: hand;
  white-space: nowrap;
  display: inline;
  margin: 0;
  padding: 0;
}

.fx-PageTabBar .gwt-TabBarItem-selected {
  background-color: #e8eef7;
  font-weight: bold;
  cursor: default;
  white-space: nowrap;
  display: inline;
  margin: 0;
  padding: 0;
}

.fx-PageTabBar .gwt-TabBarItem a {
  float: right;
  background: url("../images/tableft.gif") no-repeat left top;
  margin: 0;
  padding: 0 0 0 4px;
  text-decoration: none;
}

.fx-PageTabBar .gwt-TabBarItem a span {
  float: left;
  display: block;
  background: url("../images/tabright.gif") no-repeat right top;
  padding: 5px 15px 4px 6px;
  color: #666;
}

.fx-PageTabBar .gwt-TabBarItem-selected a span {
  color: #000000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.fx-PageTabBar .gwt-TabBarItem a span {
  float: none;
}

/* End IE5-Mac hack */
.fx-PageTabBar .gwt-TabBarItem a:hover span {
  color: #000;
}

.fx-PageTabBar .gwt-TabBarItem a:hover {
  background-position: 0% -42px;
}

.fx-PageTabBar .gwt-TabBarItem a:hover span {
  background-position: 100% -42px;
}

.fx-PageTabBar .gwt-TabBarRest {
  padding-right: 3px;
}

.fx-PageTabPanel {
  
}
.fx-PageTabPanelBottom {
  border-top: 1px solid #646464;
  border-left: 1px solid #646464;
  border-right: 1px solid #646464;
  border-bottom: 1px solid #646464;
}

.gwt-SliderBar-shell {
  /*border: 2px solid #faf9f7;
  border-right: 2px solid #848280;
  border-bottom: 2px solid #848280;
  background-color: #efebe7; */
  height: 10pt;
  width: 50%;
}
.gwt-SliderBar-shell .gwt-SliderBar-line {
  border: 1px solid black;
  background-color: white;
  height: 4px;
  width: 95%;
  top: 22pt;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-knob {
  top: 14pt;
  width: 11px;
  height: 10px;
  z-index: 1;
  cursor: pointer;
}
.gwt-SliderBar-shell .gwt-SliderBar-tick {
  top: 12pt;
  width: 1px;
  height: 8pt;
  background: black;
  overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-label {
  top: 2pt;
  font-size: 7pt;
  cursor: default;
}
.gwt-SliderBar-shell-focused {
}
.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
  background-color: #DDDDDD;
  cursor: pointer;
}

.gwt-ProgressBar-shell {
  border: 2px solid #faf9f7;
  border-right: 2px solid #848280;
  border-bottom: 2px solid #848280;
  background-color: #AAAAAA;
  height: 14pt;
  width: 50%;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
  background-color: #67A7E3;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-text {
  padding: 0px;
  margin: 0px;
  color: white;
}
. {
}
.gwt-LargeFont {
	font-size: 24px;
	font-style: normal;
	font-family: sans-serif, Arial Black;
	font-weight: bold;
}

.explorerSearchItem,
.explorerSearchItemRTL,
.explorerSearchItemFocused,
.explorerSearchItemFocusedRTL,
.explorerSearchItemDisabled,
.explorerSearchItemDisabledRTL,
.explorerSearchItemDisabledHint,
.explorerSearchItemDisabledHintRTL,
.explorerSearchItemError,
.explorerSearchItemErrorRTL,
.explorerSearchItemHint,
.explorerSearchItemHintRTL {
    border: 1px solid #888;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 4px 6px 4px 5px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    color: Black;
    font: 11px Arial, Verdana, sans-serif;

    /* Apply text-overflow:ellipsis for browsers that support text-overflow on <input>
       elements.
       Opera was the only major browser to prefix text-overflow. However, -o-text-overflow
       is omitted here because Opera Presto does not support text-overflow on <input>s. */
    text-overflow: ellipsis;
}

.explorerSearchItemRTL,
.explorerSearchItemFocusedRTL,
.explorerSearchItemDisabledRTL,
.explorerSearchItemDisabledHintRTL,
.explorerSearchItemErrorRTL,
.explorerSearchItemHintRTL {
    padding: 4px 5px 4px 6px;
}

/* Hide IE10+'s clear button - we have our own.
   http://support.microsoft.com/kb/2813492 */
.explorerSearchItem::-ms-clear,
.explorerSearchItemRTL::-ms-clear,
.explorerSearchItemFocused::-ms-clear,
.explorerSearchItemFocusedRTL::-ms-clear,
.explorerSearchItemDisabled::-ms-clear,
.explorerSearchItemDisabledRTL::-ms-clear,
.explorerSearchItemDisabledHint::-ms-clear,
.explorerSearchItemDisabledHintRTL::-ms-clear,
.explorerSearchItemError::-ms-clear,
.explorerSearchItemErrorRTL::-ms-clear,
.explorerSearchItemHint::-ms-clear,
.explorerSearchItemHintRTL::-ms-clear {
    display: none;
}

.breadcrumb-link {
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  color: #555555 !important;
}

.breadcrumb-linkOver, 
.breadcrumb-linkDown, 
.breadcrumb-link:hover, 
.breadcrumb-link:focus {
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  color: #0c6db8 !important;
}

.breadcrumb-separatorDisabled,
.breadcrumb-separatorOver,
.breadcrumb-separatorDown,
.breadcrumb-separator {
    padding: 0 1px 3px 1px;
    color: #999999 !important;
}

.new-item-anchor {
	background-repeat: no-repeat;
	background-position:left top;
	background-image: url( images/silk-icons/add.png ) !important;
	background-size: 14px 14px;
	text-indent: 18px;
	font-style: italic;
	font-weight: bold;
	color: #7f7f7f !important;
	float: left;	
}

.add-icon {
	background-repeat: no-repeat;
	background-image: url( images/silk-icons/add.png ) !important;	
}

.new-icon {
	background-repeat: no-repeat;
	background-image: url( images/silk-icons/new.png ) !important;	
}

.refresh-captcha {
    height: 16px;
    width: 16px;
    padding-bottom: 0;
    padding-top: 134;
}

.ellipsis-overflow {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.fxWindowHeader,
.fxWindowGripper,
.fxWindowLabel {
  font-family: Arial, Verdana, sans-serif;
  font-size: 9px;
  margin: 2px;
  padding: 2px 3px 10px 3px;
}

.progressBar-top-pad {
  padding-top: 7px;
}

.progressBar-right-pad {
  padding-right: 2px;
}

.progressBar-padding {
    padding-top: 4px;
    padding-right: 2px;
}

.progress-percent-text {
  font-size: .85em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  color: #0c6db8;
}

.progress-toolbar-button {
    padding: 0 !important;
}

.progress-text {
  font-size: .85em;
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
  color: #0c6db8;
}

.reg {
  font-size:.6em; 
  vertical-align:text-top;
  padding-right:3px;
}

.trade {
  font-size:.7em; 
  vertical-align: text-top;
}

.fx { 
  font-family: "Times New Roman";
  font-style: italic; 
  font-size: 1em; 
//  vertical-align: text-bottom;
  padding-top:3px;
}

.parabon-fx {
  display: inline-block;
  font-family: 'FrizQuadrata-SC';
  font-size: 1.1em;
  margin-top: -1em;
}

.parabon-fx sub,
.parabon-fx sup {
  display: inline-block;
  line-height: 1;
  margin-bottom: -1em;
  position: relative;
}

.parabon-fx sub {
  font-family: 'Times New Roman';
  font-style: italic;
  font-size: 1em;
  left: -.1em;
}

.parabon-fx sup.reg {
  font-size: .666em;
  left: -.05em;
  top: -.607em;

  font-family: 'Helvetica';
  vertical-align: baseline;
}

.parabon-fx sup.trade {
  font-size: .7em;
  left: -.6em;
  top: -.366em;
  width: .666em;

  font-family: 'Helvetica';
  vertical-align: baseline;
}

.hover-component {
  background-color: #595959;
  border: 1px solid #808080;
  color: white;
}

.adorn-circle {
    width: 1.2em;
    height: 1.2em;
    font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
    font-weight: bold;
    border-radius: 80%;
    padding: 0 .28em 0 0;
    color: #ffffff;
}

.pulsar-ring {
    border: 1px white;
    height: 1em;
    width: 1em;
    position: relative;
    -webkit-border-radius: 50%;
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: 15; 
    -moz-border-radius: 50%;
    -moz-animation: pulsate 2s ease-out;
    -moz-animation-iteration-count: 15; 
    -ms-border-radius: 50%;
    -ms-animation: pulsate 2s ease-out;
    -ms-animation-iteration-count: 15; 
    opacity: 1.0
}
.pulsar-cancel {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    opacity: 1.0
}

@keyframes pulsate {
    0% {transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: scale(1.2, 1.2); opacity: 0.0;}
}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

@-ms-keyframes pulsate {
    0% {-ms-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-ms-transform: scale(1.2, 1.2); opacity: 0.0;}
}

@font-face {
  font-family: 'FrizQuadrata';
  src: url('fonts/FrizQuadrata.ttf');
  src: url('fonts/FrizQuadrata.ttf?#iefix') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FrizQuadrata-SC';
  src: url('fonts/FrizQuadrata-SC.ttf');
  src: url('fonts/FrizQuadrata-SC.ttf?#iefix') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.errorTip {
    position: relative;
    display: inline-block;
}

.errorTip .errorTipText {
    visibility: hidden;
    font-family:Verdana,Bitstream Vera Sans,sans-serif;
    font-weight: normal;
    font-style: normal;
    color:#eee;
    background-color:#595959;
    border:1px solid #808080;
    border: 2px solid #999;
    padding: 5px 5px 5px 5px;
    position: fixed;
    //margin-left: -108px;
    margin-left: 28px;
    margin-top: 3px;

    max-width: 120px;
    height: auto;
    opacity: 0.9;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;

    -webkit-animation: fadeOut 1.5s ease-out;
    -moz-animation: fadeOut 1.5s ease-out;
    -ms-animation: fadeOut 1.5s ease-out;
}

.errorTip .errorTipText::after {
    content: "";
    position: absolute;
    height: auto;
    border-width: 5px;
    border-style: solid;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-color: transparent transparent #808080 transparent;
}

.errorTip:hover .errorTipText {
    visibility: visible;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    opacity: 0.9;
}

@keyframes fadeOut {
    0% {opacity: 0.9; visibility: visible;}
    80% {opacity: 0.9; visibility: visible;}
    100% {opacity: 0.0; visibility: visible;}
}

@-webkit-keyframes fadeOut {
    0% {opacity: 0.9; visibility: visible;}
    80% {opacity: 0.9; visibility: visible;}
    100% {opacity: 0.0; visibility: visible;}
}

@-ms-keyframes fadeOut {
    0% {opacity: 0.9; visibility: visible;}
    80% {opacity: 0.9; visibility: visible;}
    100% {opacity: 0.0; visibility: visible;}
}

.jsonToHtml table, .jsonToHtml td, .jsonToHtml th {
    font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
    border: 1px solid grey; 
    border-collapse: collapse;
    padding: 3px;
}

.search-form-separator {
    padding-left: 8px;
}

.textitem-placeholder {
    font-style: italic; 
    font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, verdana, sans-serif;
    color: #7f7f7f;	
}

.fx-systemQueueLabel,
.fx-systemQueueLabelDisabled {
  font-size: .9em;
  color: #666666;
}

.small-font,
.small-fontDisabled {
  font-size: .8em;
  color: #666666;
}

.cac-auth-button {
  margin-top: 55px;
}

.white-background {
  background-color: white !important;
}

.hilite-row,
.hilite-rowDark {
  background-color: #ddd !important;
}

.hilite-rowOver,
.hilite-rowOverDark,
.hilite-rowSelectedDark {
  background: none repeat scroll 0% 0% rgb(214, 234, 255);
}

.section-header {
  padding-top: 5px;
}