/*	Below is the style sheet used in the Web forms.  Add any required style to
	the styles below
	Created 08/01/2001 JKT */

/*	Used to customise the main body of the web form*/

@import url("AgGrid.css");
@import url("IconStyle.css");

.clsBody {
  /*	Used to customise the main body of the web form*/
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 8pt;
  margin: 0px;
}

textarea {
  resize: none;
}

.popUpClsBody {
  /*    Used to customise the window.open popup body of the web form*/
  overflow: hidden;
}

DIV.clsMain {
  /*	Position and size of Main page */
  width: 100%;
  height: 90%;
  position: absolute;
  top: 20px;
  left: 0px;
}

DIV.clsMainComponents, DIV.clsMainComponentsNoAbsolutePosition, DIV.clsMainComponentsNoDropShadow {
  /*	Position and size of control area to hold buttons, textboxes etc..  */
  border: 0px;
  top: 0px;
  left: 10px;
  width: 770px;
  background: #dde6ee !important
}

DIV.clsMainComponents {
  position: absolute;
}

.clsButton, .clsTRButton, .clsButtonSystemInfo {
  background: url("images/site_chrome_bg.png") repeat-x scroll left top #5880AA;
  border: 1px solid #759dc0;
  padding: 2px 2px 2px 2px;
  color: #000000;
}

.clsButton {
  position: absolute;
}

.clsSearchText {
  border-color: #7D98C3;
  font-size: 8pt;
  background-color: #FFFFFF;
  border: solid black 1px;
  width: 15em;
  vertical-align: middle;
  border-style: none;
}

input:disabled {
  background: #e8ecf2;
  color: #a5a7aa;
}

/*Start - Fix to disable Calendar icon*/

input:disabled+a img[src *="Calendar.gif"], input:disabled+a img[src *="calendar.gif"], input:disabled+img[src *="Calendar.gif"], input:disabled+img[src *="calendar.gif"]  {
  pointer-events: none;
  opacity: 0.3;
}

/* End-Fix to disable Calendar icon */

.clsEnabledMandatorySearch {
  display: inline-block;
  border: thin double !important;
  border-width: 2px !important;
}

.clsEnabledOptionalSearch {
  display: inline-block;
  border: 1px inset !important;
}

.searchControlDisabled {
  border: none;
  font-weight: normal !important;
  color: #a5a7aa;
}

#ctlClientList_lblPreamble.searchControlDisabled,
#ctlClientSearch_lblPreamble.searchControlDisabled {
  color: #000;
  font-weight: normal;
}

label[disabled="true"] {
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 8pt;
  color: #A9A9A9;
  pointer-events: none;
}

.disabled {
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 8pt;
  color: #A9A9A9;
}

span[disabled="true"], span:disabled, label[disabled="true"], label:disabled {
  color: #a6a6a6;
  pointer-events: none;
}

select[disabled="true"], select:disabled {
  background: #e8ecf2
}

.spanDisabled {
  pointer-events: none;
  color: #A9A9A9;
}

td[disabled="true"], td:disabled {
  color: #A9A9A9;
}

button[disabled] {
  color: #A9A9A9;
}

fieldset[disabled] {
  color: #A9A9A9;
}

fieldset[disabled] legend {
  color: #A9A9A9;
}

.fileUpload {
  position: absolute;
  overflow: hidden;
  margin-top: -18px;
  margin-left: 226px
}

.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}

.clsNexusButton {
  background-color: #DDDDDD;
  color: black;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 8pt;
  filter: progid: DXImageTransform.Microsoft.Alpha(style=1, opacity=50, finishOpacity=100, startX=0, finishX=100, startY=100, finishY=0);
}

.clsNexusButton:hover {
  background-color: #B5C8DA;
}

/*Used for mandatory inputs */

.clsRequiredInput {
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
  font-size: 8pt;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  scrollbar-shadow-color: #B5C8DA;
  scrollbar-highlight-color: #fffcea;
  scrollbar-3dlight-color: #fffcea;
  scrollbar-darkshadow-color: #336699;
  scrollbar-track-color: #fffcea;
  scrollbar-arrow-color: #336699;
}

select.clsRequiredInput {
  font-size: 8pt;
  border-width: 1px;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  scrollbar-shadow-color: #B5C8DA;
  scrollbar-highlight-color: #fffcea;
  scrollbar-3dlight-color: #fffcea;
  scrollbar-darkshadow-color: #336699;
  scrollbar-track-color: #fffcea;
  scrollbar-arrow-color: #336699;
}

.clsRequiredInputLabel {
  font-size: 8pt;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-weight: bold;
}

.clsRequiredInputLabel:disabled {
  background-color: rgb(235, 235, 228);
}

span.clsRequiredInputLabel {
  line-height: 13px;
}

/* Used for general controls/inputs */

.clsInput {
  font-size: 8pt;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  scrollbar-shadow-color: #B5C8DA;
  scrollbar-highlight-color: #fffcea;
  scrollbar-3dlight-color: #fffcea;
  scrollbar-darkshadow-color: #336699;
  scrollbar-track-color: #fffcea;
  scrollbar-arrow-color: #336699;
}

/*	Colour and thickness of the large rule lines used on the page */

.clsRuleLarge {
  height: 10px;
  position: absolute;
  color: #336699
}

/*	Colour and thickness of the small rule lines used on the page */

.clsRuleSmall {
  height: 2px;
  position: absolute;
  color: #CCAA00
}

/*	Position and size of area to hold grid */

DIV.clsGrid {
  background-color: #FFFFFF;
  left: 10px;
  width: 741px;
  height: 350px;
  position: absolute;
  border-style: solid;
  border-width: 1px;
}

DIV.clsGridNoAbsolutePosition {
  background-color: #d3d3d3;
  left: 10px;
  width: 741px;
  height: 350px;
  border-style: solid;
  border-width: 1px;
}

/*	Size and colour of the bar holding grid info - eg # of rows */

.clsGridBar1 {
  border-color: black;
  left: 20px;
  width: 612px;
  border-top-style: none;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-bottom-width: 2px;
  border-top-width: 0px;
  border-right-width: 2px;
  border-left-width: 2px;
  position: absolute;
  top: 430px;
  BACKGROUND-COLOR: #D3D3D3;
}

.clsGridBar2 {
  BACKGROUND-COLOR: #D3D3D3;
  COLOR: black;
  font-size: 8pt;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  height: 7px;
  border-style: none
}

.clsTextBox {
  width: 90px;
  font-size: 8pt;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
}

/* Below are the styles used for the error handling dialog boxes - errordialog.htm*/

.clsHeading {
  color: black;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 8pt;
  font-weight: bolder;
}

.clsErrorHeading {
  color: red;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 14pt;
  font-weight: bold
}

.clsDropDownList {
  width: 90px;
  height: 20px;
  FONT-FAMILY: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  FONT-SIZE: 8pt
}

.clsDataGrid {
  border-color: Black;
  font-size: 8pt;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
}

.clsListBox {
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 8pt;
}

.clsHeaderCell {
  border-color: black;
  border-style: outset;
  font-weight: bold;
  BACKGROUND-COLOR: #D3D3D3;
  border-width: 2px;
}

/*used in news admin*/

DIV.clsTextArea {
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 8pt;
  border-right: 0px;
  border-top: 0px;
  left: 10px;
  border-left: 0px;
  width: 775px;
  border-bottom: 0px;
  position: absolute;
  top: 20px;
  background-color: #ccffcc;
  border-style: solid;
  border-color: #B5C8DA;
  filter: progid: DXImageTransform.Microsoft.Shadow(color='#B5C8DA', Direction=135, Strength=5);
}

.clsLoginErrorMessage {
  font-size: 8pt;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-weight: bold;
  color: Red;
}

table.layoutTable {
  font-size: 8pt;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  table-layout: fixed
}

table.layoutTable.topMargin {
  margin-top: 5px;
}

table.clsMainComponentsTable {
  font-size: 8pt;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  table-layout: fixed;
  border-right: 0px;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-style: solid;
  border-color: #B5C8DA;
  filter: progid: DXImageTransform.Microsoft.Shadow(color='#B5C8DA', Direction=135, Strength=5)
}

table.clsClientToolbar {
  border-right: thin Outset;
  border-top: thin outset;
  margin-top: 0px;
  font-size: 8pt;
  margin-left: 0px;
  border-left: thin outset;
  margin-right: 0px;
  border-bottom: thin ridge;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  table-layout: fixed;
  overflow: hidden;
}

td.clsClientToolBarItem {
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
}

.clsMultiSelectSearchText {
  border: 1px solid gray;
  border-style: double;
  border-width: 1px;
  FONT-FAMILY: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  FONT-SIZE: 8pt;
  background-color: White;
}

.clsMandatoryMultiSelectSearchText {
  background-color: White;
  BORDER-TOP: thin double;
  BORDER-RIGHT: thin double;
  BORDER-LEFT: thin double;
  BORDER-BOTTOM: thin double;
  FONT-FAMILY: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  FONT-SIZE: 8pt;
}

.clsDisabledMultiSelectSearch {
  BORDER-TOP: 2px inset;
  BORDER-RIGHT: 2px inset;
  BORDER-LEFT: 2px inset;
  BORDER-BOTTOM: 2px inset;
  FONT-FAMILY: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  FONT-SIZE: 8pt;
  background-color: White;
}

.clsDisabledSearch {
  FONT-FAMILY: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  FONT-SIZE: 8pt;
}

.clsTextAreaLabel {
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 8pt;
  border-left: 0px;
  border-top: none;
  border-bottom: none;
}

.clstoolbaroptions {
  border-right: thin Outset;
  border-top: thin outset;
  margin-top: 0px;
  font-size: 8pt;
  margin-left: 0px;
  border-left: thin outset;
  margin-right: 0px;
  border-bottom: thin Outset;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  background-color: #cccccc;
  overflow: hidden;
  text-align: center;
  table-layout: auto;
}

.clsStandardText {
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-size: 8pt;
}

.comBoldFont {
  font-weight: bold;
}

.outerDivRoyalMailTermsAndConditions {
  padding-left: 30px;
}

.innerDivRoyalMailTermsAndConditions {
  padding-left: 60px;
}

.pershingTermsAndConditionsForRoyalMailDiv {
  width: 800px;
  height: 315px;
  overflow-y: scroll;
  margin: 15px;
  padding: 3px;
  border: 1px solid #7d98c3;
}

.pershingTermsAndConditionsForRoyalMailCheckBox {
  margin-left: 15px;
}

.royalMailTermsAndConditionsDiv {
  padding-left: 12px;
}

.pershingRoyalMailTermsAndConditions_headerStyle {
  font-weight: bold;
  color: Red;
}

.navigationBarDivide {
  background: #909090;
  margin-left: 5px;
  width: 85px;
  height: 1px;
  margin-bottom: 15px;
}

.navigationBarMouseOver:hover {
  background-color: #8592B5;
}

.optionBlueText {
  color: blue;
  font-size: 8pt;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  scrollbar-shadow-color: #B5C8DA;
  scrollbar-highlight-color: #fffcea;
  scrollbar-3dlight-color: #fffcea;
  scrollbar-darkshadow-color: #336699;
  scrollbar-track-color: #fffcea;
  scrollbar-arrow-color: #336699;
}

.optionRedText {
  color: red;
  font-size: 8pt;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  scrollbar-shadow-color: #B5C8DA;
  scrollbar-highlight-color: #fffcea;
  scrollbar-3dlight-color: #fffcea;
  scrollbar-darkshadow-color: #336699;
  scrollbar-track-color: #fffcea;
  scrollbar-arrow-color: #336699;
}

#GridLicence {
  display: none;
}

a, img {
  cursor: default;
}

a:hover, img:hover {
  cursor: pointer;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #f0ad4e;
}

.variation {
  white-space: pre;
  float: left;
  margin: -10px 0 0 10px;
  font-size: 12px;
  line-height: 15px;
}

#frmTrailerFee td span {
  display: inline-block;
}

fieldset {
  margin: 0;
  padding: 1px;
  border: 1px solid #eeeeee;
}

legend {
  margin: 0 0 0 10px;
}

input#DataFeeds_txt {
  width: 92%!important;
}

a.clsCalender {
  display: inline-block;
  vertical-align: bottom;
}

#divDilutionLevy span.SearchControl {
  display: inline!important;
}

#ctlStockSearch, #ctlHavingStockRefSearch, #ccStockSearch {
  overflow: visible !important;
}

#ctlUserSearch {
  z-index: 100 !important;
}

#showprice-menu {
  display: inline-block;
  background-color: #efeded;
  border: 1px solid #000;
  padding: 5px;
  font-weight: bold;
  border-radius: 3px;
  box-shadow: 3px 3px 3px #666;
  position: absolute;
  cursor: pointer;
  z-index: 200 !important;
}

#showprice-menu:hover {
  background-color: #e5e3e3;
}

#stock-search-results {
  background-color: #efeded;
  position: relative;
  z-index: 1000 !important;
  bottom: 19px;
  left: 198px;
  border-radius: 3px;
  box-shadow: 0 3px 3px #666;
  width: 70%;
  border: 1px solid #605f5f;
}

#frmNomineeStockHoldings .clsInput, #cmdToDate, #cmdRecDate {
  z-index: 99 !important;
}

.alertify .ajs-dialog {
  margin: 2% auto;
}


DIV.buySellIndicator_Sell {
    background: #ffcccc !important
}

.fa-container-blue {
  background-color: #dde6ee;
  border: none;
  color: #006bb3;
  font-size: 17px !important;
}

#spnTradeStatusOptions {
  z-index: 199 !important;
}

#spnTransactionTypeOptions {
  z-index: 1000 !important;
}

.add-client-info-tooltip {
  display: inline;
}

.add-client-info-tooltip .tooltipwrapper {
  position: absolute;
  visibility: hidden;
}

.add-client-info-tooltip:hover .tooltipwrapper {
  visibility: visible;
}

.add-client-info-tooltip-disabled:hover .tooltipwrapper {
  visibility: hidden !important;
}

.add-client-info-tooltip .tooltipconent {
  display: block;
  width: 100%;
  background-color: #386BA2;
  color: white;
  text-align: left;
  border-radius: 6px;
  padding: 10px 10px;
  /* Position the tooltip */
  position: relative;
  z-index: 1;
  top: -5px;
  left: 1%;
}

.add-client-info-tooltip .tooltiptext {
  display: block;
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
}

.checboxlistParent label {
  position: relative;
  top: -3px;
}