.datefield {
  min-width: 100px;
  display: inline-block; }

#headerMenu #siteMenu .menu {
  float: left; }

#headerMenu #siteMenuStart {
  clear: left; }

#contactus-container ul .line-break {
  padding-top: 5px;
  padding-bottom: 5px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #c5dbec; }

.ui-widget-content {
  border: 1px solid #a6c9e2;
  background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #4297d7;
  background: #5c9ccc;
  color: #ffffff;
  font-weight: bold; }

.ui-widget-header a {
  color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5dbec;
  background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #2e6e9e; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #2e6e9e;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #79b7e7;
  background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1d5987; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #1d5987;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;
  font-weight: bold;
  font-weight: bold;
  border: #99ccff 1px solid;
  color: #2e6e9e; }

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #79b7e7;
  background-color: #e17009; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  font-weight: bold;
  border: #99ccff 1px solid;
  color: #2e6e9e;
  text-decoration: none; }

#menu1 ul {
  list-style: none;
  position: relative;
  float: left;
  margin: 0;
  padding: 0; }

#menu1 a.static {
  line-height: 24px;
  min-width: 90px; }

#menu1 ul.dynamic {
  background: #fff url(/images/submenutop.png) 0 2px repeat-x;
  border: solid 1px #d1d8e0;
  border-radius: 1px;
  padding: 4px 2px 2px;
  margin-top: -1px;
  margin-left: -1px;
  text-align: left;
  z-index: 9999 !important; }

#menu1 ul.dynamic li {
  display: block;
  text-align: left;
  position: relative;
  background: #fbfdfd url(/images/submenubackground.png) 0 100% repeat-x; }

#menu1 ul.dynamic li a {
  text-align: left;
  display: block;
  padding: 4px 18px 4px 24px;
  font-size: .8em;
  background: transparent url(/images/submenubullet.png) 12px 50% no-repeat;
  min-width: 120px;
  line-height: 2em; }

#menu1 ul.dynamic li a:hover {
  color: #C60C30; }

/* #menu1 .selected > a,*/
#menu1 > ul > li.selected > a {
  color: #1F334C !important;
  background: #f1f4f7 url(/images/top_bg_img.png) repeat !important;
  font-family: Arial, Sans-Serif;
  font-size: 0.9em;
  font-weight: bold; }

#menu1 ul.main > li > a:hover {
  color: #1F334C;
  background: #e8f0f8;
  font-family: Arial, Sans-Serif;
  font-size: 0.9em;
  font-weight: bold; }

#menu1 ul.main > li > a {
  color: #1F334C;
  background: #c1d7ec;
  margin-right: 4px;
  font-family: Arial, Sans-Serif;
  font-size: 0.9em;
  font-weight: bold;
  height: 24px;
  padding: 2px 8px 2px 8px;
  text-decoration: none;
  border-style: none;
  line-height: 24px;
  min-width: 90px; }

#menu1 ul a {
  background: #f1f4f7 url(/images/top_bg_img.png) repeat;
  border-style: none;
  color: #1F334C;
  display: block;
  font-family: Arial, Sans-Serif;
  font-size: 0.9em;
  height: 24px;
  line-height: 24px;
  margin: 0;
  min-width: 90px;
  padding: 2px 8px 2px 8px;
  text-decoration: none;
  white-space: nowrap; }

#menu ul a:hover {
  color: #1F334C;
  background: #e8f0f8;
  font-family: Arial, Sans-Serif;
  font-size: 0.9em;
  font-weight: bold; }

#menu1 ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0; }

#menu1 ul li.current-menu-item {
  background: #ddd; }

#menu1x ul li:hover {
  background: #f6f6f6; }

#menu1 ul ul {
  background: #fff url(/images/submenutop.png) 0 2px repeat-x;
  border-radius: 1px;
  border: solid 1px #d1d8e0;
  display: none;
  font-size: 1em;
  left: 0px;
  list-style: none;
  margin-left: -1px;
  margin-top: 1px;
  margin: 0;
  padding: 6px 2px 2px;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 9999 !important; }

#menu1 ul ul li {
  float: none;
  width: 200px;
  background: #fbfdfd url(/images/submenubackground.png) 0 100% repeat-x;
  display: block;
  position: relative;
  position: relative;
  text-align: left; }

#menu1 ul ul a {
  padding: 4px 18px 4px 24px;
  background: transparent url(/images/submenubullet.png) 12px 50% no-repeat;
  color: #1E354E;
  display: block;
  font-size: .8em;
  line-height: 2em;
  min-width: 120px;
  text-align: left;
  text-decoration: none;
  white-space: nowrap; }

#menu1 ul ul a:hover {
  color: #C60C30; }

#menu1 ul ul ul {
  top: 0;
  left: 100%; }

#menu1 ul li:hover > ul {
  display: block; }

#createTransaction #BankBsb, #tcorp-tailored-deposit-form #BankBsb, #tcorp-fx-form #BankBsb {
  width: 45px; }

#createTransaction #BankAccountNumber, #tcorp-tailored-deposit-form #BankAccountNumber, #tcorp-fx-form #BankAccountNumber {
  width: 140px; }

#createTransaction #BankName,
#createTransaction #BankAccountName, #tcorp-tailored-deposit-form #BankName,
#tcorp-tailored-deposit-form #BankAccountName, #tcorp-fx-form #BankName,
#tcorp-fx-form #BankAccountName {
  font-family: Arial, Sans-Serif; }

#createTransaction #SettlementDate, #createTransaction #existing-ttd-maturity-date-display, #createTransaction #MaturityDate, #createTransaction #ExistingHedgeSettlementDate, #createTransaction #PartialUnwindCashSettlementDate, #tcorp-tailored-deposit-form #SettlementDate, #tcorp-tailored-deposit-form #existing-ttd-maturity-date-display, #tcorp-tailored-deposit-form #MaturityDate, #tcorp-tailored-deposit-form #ExistingHedgeSettlementDate, #tcorp-tailored-deposit-form #PartialUnwindCashSettlementDate, #tcorp-fx-form #SettlementDate, #tcorp-fx-form #existing-ttd-maturity-date-display, #tcorp-fx-form #MaturityDate, #tcorp-fx-form #ExistingHedgeSettlementDate, #tcorp-fx-form #PartialUnwindCashSettlementDate {
  width: 100px; }

#createTransaction #Amount, #createTransaction #Term, #createTransaction #Units, #createTransaction #existing-ttd-amount, #createTransaction #ExistingHedgeBoughtAmount, #createTransaction #ExistingHedgeSoldAmount, #createTransaction #ExistingHedgeTradeNumber, #createTransaction #PartialUnwindAmount, #tcorp-tailored-deposit-form #Amount, #tcorp-tailored-deposit-form #Term, #tcorp-tailored-deposit-form #Units, #tcorp-tailored-deposit-form #existing-ttd-amount, #tcorp-tailored-deposit-form #ExistingHedgeBoughtAmount, #tcorp-tailored-deposit-form #ExistingHedgeSoldAmount, #tcorp-tailored-deposit-form #ExistingHedgeTradeNumber, #tcorp-tailored-deposit-form #PartialUnwindAmount, #tcorp-fx-form #Amount, #tcorp-fx-form #Term, #tcorp-fx-form #Units, #tcorp-fx-form #existing-ttd-amount, #tcorp-fx-form #ExistingHedgeBoughtAmount, #tcorp-fx-form #ExistingHedgeSoldAmount, #tcorp-fx-form #ExistingHedgeTradeNumber, #tcorp-fx-form #PartialUnwindAmount {
  width: 130px; }

#createTransaction #ClientAccount,
#createTransaction #ToClientAccount,
#createTransaction #AccountSourceIdId,
#createTransaction #TransactionTypeId,
#createTransaction #BankAccountId,
#createTransaction #ProductId,
#createTransaction #ToProductId,
#createTransaction #FromProduct, #tcorp-tailored-deposit-form #ClientAccount,
#tcorp-tailored-deposit-form #ToClientAccount,
#tcorp-tailored-deposit-form #AccountSourceIdId,
#tcorp-tailored-deposit-form #TransactionTypeId,
#tcorp-tailored-deposit-form #BankAccountId,
#tcorp-tailored-deposit-form #ProductId,
#tcorp-tailored-deposit-form #ToProductId,
#tcorp-tailored-deposit-form #FromProduct, #tcorp-fx-form #ClientAccount,
#tcorp-fx-form #ToClientAccount,
#tcorp-fx-form #AccountSourceIdId,
#tcorp-fx-form #TransactionTypeId,
#tcorp-fx-form #BankAccountId,
#tcorp-fx-form #ProductId,
#tcorp-fx-form #ToProductId,
#tcorp-fx-form #FromProduct {
  width: 520px; }

#createTransaction #From,
#createTransaction #To, #tcorp-tailored-deposit-form #From,
#tcorp-tailored-deposit-form #To, #tcorp-fx-form #From,
#tcorp-fx-form #To {
  width: 75px; }

#createTransaction #HGSettlementWarning, #tcorp-tailored-deposit-form #HGSettlementWarning, #tcorp-fx-form #HGSettlementWarning {
  color: #C60C31; }

#createTransaction #fullUnitSlash, #tcorp-tailored-deposit-form #fullUnitSlash, #tcorp-fx-form #fullUnitSlash {
  font-size: 1.4em; }

#createTransaction #BankName,
#createTransaction #BankAccountName,
#createTransaction #SpecialInstructions,
#createTransaction #Comments, #tcorp-tailored-deposit-form #BankName,
#tcorp-tailored-deposit-form #BankAccountName,
#tcorp-tailored-deposit-form #SpecialInstructions,
#tcorp-tailored-deposit-form #Comments, #tcorp-fx-form #BankName,
#tcorp-fx-form #BankAccountName,
#tcorp-fx-form #SpecialInstructions,
#tcorp-fx-form #Comments {
  width: 515px; }

#createTransaction #Comments, #tcorp-tailored-deposit-form #Comments, #tcorp-fx-form #Comments {
  margin-left: 4px; }

#createTransaction .paymentOptionRadio, #tcorp-tailored-deposit-form .paymentOptionRadio, #tcorp-fx-form .paymentOptionRadio {
  padding-left: 1.5em;
  padding-top: 0.75em;
  padding-bottom: 0.50em; }

#createTransaction .unitsRedemptionTd, #tcorp-tailored-deposit-form .unitsRedemptionTd, #tcorp-fx-form .unitsRedemptionTd {
  padding-left: 2px; }

#createTransaction .footer-message, #tcorp-tailored-deposit-form .footer-message, #tcorp-fx-form .footer-message {
  text-align: center;
  padding-top: 50px; }
  #createTransaction .footer-message a, #tcorp-tailored-deposit-form .footer-message a, #tcorp-fx-form .footer-message a {
    text-decoration: underline; }

#createTransaction .validator, #tcorp-tailored-deposit-form .validator, #tcorp-fx-form .validator {
  display: none; }

#createTransaction #topFilters, #tcorp-tailored-deposit-form #topFilters, #tcorp-fx-form #topFilters {
  padding-bottom: 10px; }

#createTransaction #table2, #tcorp-tailored-deposit-form #table2, #tcorp-fx-form #table2 {
  width: 100%; }

#createTransaction #middleFilters h3, #tcorp-tailored-deposit-form #middleFilters h3, #tcorp-fx-form #middleFilters h3 {
  margin-bottom: 0; }

#createTransaction #bottomFilters .bottomRow, #tcorp-tailored-deposit-form #bottomFilters .bottomRow, #tcorp-fx-form #bottomFilters .bottomRow {
  padding-bottom: 0; }

#createTransaction #bottomFilters #eftRow2td, #tcorp-tailored-deposit-form #bottomFilters #eftRow2td, #tcorp-fx-form #bottomFilters #eftRow2td {
  padding: 0 5px 5px 0; }

#createTransaction #pageComments #commentLabel, #tcorp-tailored-deposit-form #pageComments #commentLabel, #tcorp-fx-form #pageComments #commentLabel {
  padding: 5px;
  width: 165px;
  vertical-align: top; }
  #createTransaction #pageComments #commentLabel div, #tcorp-tailored-deposit-form #pageComments #commentLabel div, #tcorp-fx-form #pageComments #commentLabel div {
    width: 165px;
    white-space: nowrap;
    text-align: right; }

#createTransaction #pageComments #commentBox, #tcorp-tailored-deposit-form #pageComments #commentBox, #tcorp-fx-form #pageComments #commentBox {
  padding: 5px; }

#createTransaction #pageFooter, #tcorp-tailored-deposit-form #pageFooter, #tcorp-fx-form #pageFooter {
  clear: both;
  padding: 16px 0; }
  #createTransaction #pageFooter #createTransactionBackButton, #tcorp-tailored-deposit-form #pageFooter #createTransactionBackButton, #tcorp-fx-form #pageFooter #createTransactionBackButton {
    float: left; }

#tcorp-tailored-deposit-form #product-family, #tcorp-fx-form #product-family {
  padding: 13px; }
  #tcorp-tailored-deposit-form #product-family li, #tcorp-fx-form #product-family li {
    display: inline;
    padding: 9px; }
  #tcorp-tailored-deposit-form #product-family ul, #tcorp-fx-form #product-family ul {
    list-style: none; }

#tcorp-tailored-deposit-form #back-button, #tcorp-fx-form #back-button {
  float: left; }

#tcorp-tailored-deposit-form input[disabled], #tcorp-fx-form input[disabled] {
  color: graytext; }

#tcorp-tailored-deposit-form .input-container, #tcorp-fx-form .input-container {
  display: block;
  padding-top: 1px;
  padding-bottom: 1px; }

#tcorp-tailored-deposit-form .tdun-terms-and-conditions, #tcorp-fx-form .tdun-terms-and-conditions {
  color: red;
  padding-top: 6px;
  display: inline-block; }

#tcorp-tailored-deposit-form .important-message, #tcorp-fx-form .important-message {
  color: #D7153A;
  padding-top: 6px;
  display: inline-block;
  padding: 5px; }

#tcorp-tailored-deposit-form .section-header, #tcorp-fx-form .section-header {
  clear: left;
  font-weight: bold;
  padding: 4px;
  background: url(/images/top_bg_img.png) repeat scroll 0 0 #F1F4F7; }

.errors {
  color: #C60C31; }

#transactionView .leftBold {
  padding-left: 4px; }

#transactionView #RejectReasonLabel {
  padding: 5px;
  padding-left: 4px;
  vertical-align: top;
  text-align: left;
  font-weight: bold; }

#transactionView #RejectReason {
  display: block;
  white-space: pre-line;
  padding: 5px;
  padding-left: 4px;
  margin-top: 4px; }

#FxContainer .field-value-align-bottom {
  vertical-align: bottom;
  padding-bottom: 0px; }

#transaction-inputs {
  display: table;
  width: 100%;
  display: table-row-group;
  padding-top: 5px; }
  #transaction-inputs .heading-bold {
    font-weight: bold;
    padding: 5px; }
  #transaction-inputs .heading {
    padding: 5px; }
  #transaction-inputs .row {
    display: table-row; }
  #transaction-inputs .cell {
    display: table-cell;
    padding: 4px 5px; }
  #transaction-inputs .label {
    min-width: 160px;
    text-align: right;
    vertical-align: top;
    padding-top: 6px; }
  #transaction-inputs #settlement-date {
    padding-left: 2px; }
  #transaction-inputs .additional-label {
    padding-left: 30px;
    margin-right: 6px; }
  #transaction-inputs .additional-input {
    margin-left: 5px; }
  #transaction-inputs .payment-option {
    padding: 20px 0 10px 30px; }
  #transaction-inputs #Comments {
    margin-left: unset; }

img.ui-datepicker-trigger {
  width: 16px;
  height: 16px;
  padding-left: 10px;
  vertical-align: middle;
  margin-bottom: 4px; }

.ui-datepicker td {
  padding: -1; }

a.ui-state-default {
  border: 0px; }

.fillit:after {
  content: " *";
  color: red;
  margin-right: -3px; }

.disabled .fillit:after {
  content: "  ";
  margin-right: 3px; }

.ui-datepicker {
  font-size: 12px;
  font-family: "Arial";
  width: 185px;
  -webkit-box-shadow: 0px 1px 1px 1px #ccc;
  -moz-box-shadow: 0px 1px 1px 1px #ccc;
  box-shadow: 0px 1px 1px 1px #ccc; }
  .ui-datepicker .ui-datepicker-close {
    display: none; }
  .ui-datepicker .ui-widget-header {
    border: 1px solid #4297d7;
    background: #5c91cc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: 700; }
  .ui-datepicker .ui-datepicker-buttonpane {
    padding: 0 2px;
    text-align: center;
    font-weight: normal;
    font-size: 11px; }
  .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: none;
    font-family: Arial, sans-serif;
    font-size: 12.96px; }
  .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    padding: none; }
  .ui-datepicker .ui-state-default,
  .ui-datepicker .ui-widget-content .ui-state-default {
    border: none;
    background: none;
    font-weight: 100; }
  .ui-datepicker .ui-state-active a,
  .ui-datepicker .ui-datepicker-current-day a {
    font-weight: bold;
    border: #99ccff 1px solid;
    color: #2e6e9e; }

#newsroom #searchFilters {
  width: 250px;
  background-color: #ecf0f4;
  float: left;
  position: relative;
  padding-top: 6px; }

#newsroom .filterHeader, #newsroom .filterControls {
  padding-top: 3px;
  padding-right: 2px;
  padding-bottom: 3px;
  padding-left: 2px;
  margin: 0 1em 0 0.5em; }

#newsroom .filterHeader {
  background-color: #c1d7ec;
  line-height: 1.5em;
  float: initial;
  display: block; }
  #newsroom .filterHeader .filterTitle {
    font-weight: bold; }
  #newsroom .filterHeader .filterSuperscript {
    font-size: 9px;
    font-weight: bold;
    vertical-align: top; }
  #newsroom .filterHeader .allDocuments {
    display: inline-block; }

#newsroom .filterControls {
  margin-top: 2px;
  display: inline-block; }

#newsroom .filterRadioButton {
  min-width: 2em;
  min-height: 2em;
  display: inline-block;
  height: 100%; }

#newsroom .inlineContent {
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block;
  vertical-align: middle; }

#newsroom #PeriodSelect {
  width: 116px; }

#newsroom #MinimumDateRangeSearch,
#newsroom #MaximumDateRangeSearch {
  width: 108px; }

#newsroom #FromLabel,
#newsroom #ToLabel,
#newsroom #PeriodLabel {
  width: 42px;
  display: inline-block; }

#newsroom #TitleSearch {
  width: 210px; }

#newsroom #Documents {
  display: inline-block;
  width: 720px;
  margin-left: 1em; }

#newsroom .documentTypeLabel {
  width: 187px;
  display: inline-block; }

#newsroom div .checkbox {
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px; }

#newsroom .gridSizeSelector {
  float: right;
  font-size: 9px; }

#newsroom table.dataTable thead .titleColumn {
  min-width: 300px; }

.tcorp-dialog-hidden {
  display: none; }

#trade-confirmation .filter-container {
  float: left;
  background-color: #ecf0f4;
  z-index: 1;
  padding: 10px;
  width: 984px;
  margin-bottom: 12px; }

#trade-confirmation .content-container {
  width: 100%;
  height: 100%;
  float: left;
  background-color: #ecf0f4;
  margin-bottom: 12px;
  padding-top: 2px;
  padding-bottom: 2px; }

#trade-confirmation .report-viewer {
  width: 100%;
  background-color: white;
  border: solid 1px #888;
  margin-top: 2px; }

#trade-confirmation .validator {
  display: none;
  color: Red;
  font-size: 1.5em;
  font-weight: bold;
  vertical-align: middle; }

#trade-confirmation .filter-title {
  display: inline-block;
  font-weight: bold;
  width: 56px; }

#trade-confirmation .filter-title-fatty {
  display: inline-block;
  font-weight: bold;
  width: 68px;
  padding: 5px 5px 5px 5px; }

#trade-confirmation .filter-subtitle {
  font-weight: normal;
  width: 40px;
  display: inline-block; }

#trade-confirmation .filter-subtitle-skinny {
  font-weight: normal;
  width: 20px;
  display: inline-block; }

#trade-confirmation .fat-select select {
  width: 450px; }

#trade-confirmation .skinny-select select {
  width: 175px; }

#trade-confirmation .date-field {
  width: 100px; }

#trade-confirmation .no-data-message {
  font-weight: bold;
  padding: 15px 15px 15px 15px;
  display: inline-block; }
