/*1765027494000*/
/* This CSS sets the default styles for forms. */
.aui fieldset {
  border: 1px solid #BFBFBF;
  padding: 8px;
}

.ie fieldset {
  padding-top: 0;
}

legend {
  font-weight: bold;
  padding: 0 6px;
}

input {
  background: #FFF;
  color: #263f6a;
  font: 13.3333px Arial;
}

select {
  padding: 1px;
  color: #263f6a;
}

input[type=image] {
  background: transparent none;
  border: none;
  padding: 0;
}

/* ---------- IE6 chokes on attribute selectors in a chain, so we separate them into their own rule ---------- */
.ie6 input.text, input.password, .ie6 input.submit, .ie6 input.file, .ie6 input.button, .ie6 button {
  background-image: url(../images/forms/input_shadow.png);
  background-repeat: no-repeat;
  border: 1px solid;
  border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
  font: 1em Arial, Helvetica, Verdana, sans-serif;
  padding: 5px 1px;
}

.ie6 input.submit, .ie6 input.button, .ie6 button {
  background: #F5F5F5 url(../images/forms/button.png) repeat-x 0 0;
  border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
  color: #34404F;
  cursor: pointer;
  font-weight: bold;
  padding: 5px;
}

input.focus, textarea.focus, .ie6 input.focus, .ie6 textarea.focus {
  background: #FFC none;
  border: 1px solid #FC0;
}

/* Uni-Form by Dragan Babic [Superawesome Industries]  - http: //sprawsm.com/uni-form/ */
/* Some rights reserved - http: //creativecommons.org/licenses/by-sa/2.5/ */
/* Do not edit this file directly, make your changes to uni-form.css in the same folder */
/* ------------------------------------------------------------------------------ */
.uniForm {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
} /* reset stuff */
/* Some generals and more resets */
.uniForm fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.uniForm fieldset legend {
  margin: 0;
  padding: 0;
}

/* This is the main unit that contains our form elements */
.uniForm .ctrlHolder,
.uniForm .buttonHolder {
  margin: 0;
  padding: 0;
  clear: both;
}

/* Clear all floats */
.uniForm:after,
.uniForm .buttonHolder:after,
.uniForm .ctrlHolder:after,
.uniForm .ctrlHolder .multiField:after,
.uniForm .inlineLabel:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

/* A class to be used on a label that contains a checkbox or a radio button */
.uniForm .inlineLabel,
.uniForm .inlineLabels .inlineLabel,
.uniForm .blockLabels .inlineLabel {
  width: auto;
  float: none;
  margin: 0;
  display: block;
}

/* IE shows borders & padding on checkboxes and radio buttons if they are declared on an input element, remove them */
/* Legacy/Inheritance fix
.uniForm .inlineLabel input,
.uniForm .inlineLabels .inlineLabel input,
.uniForm .blockLabels .inlineLabel input{ border: none; padding: 0; margin: 0; } */
/* ------------------------------------------------------------------------------ */
/* Styles for form controls where labels are above the input elements */
/* Set the class of the parent (preferably to a fieldset) to .blockLabels */
.uniForm label,
.uniForm .label,
.uniForm .blockLabels label,
.uniForm .blockLabels .label {
  display: block;
  float: none;
  padding: 0;
  line-height: 100%;
  width: auto;
}

/* Float the input elements */
.uniForm .textInput,
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload,
.uniForm .selectInput,
.uniForm .blockLabels .selectInput,
.uniForm .blockLabels select,
.uniForm textarea,
.uniForm .blockLabels textarea {
  float: left;
}

/* Postition the hints */
.uniForm .formHint,
.uniForm .blockLabels .formHint {
  float: right;
  margin: 0;
  clear: none;
}

/* Position the elements inside combo boxes (multiple selects/checkboxes/radio buttons per unit) */
.uniForm .multiField,
.uniForm .blockLabels .multiField {
  width: auto;
  float: left;
}

.uniForm .multiField .inlineLabel,
.uniForm .blockLabels .multiField .inlineLabel {
  display: block;
  margin: 0 0 0.5em 0;
}

.uniForm .multiField .blockLabel,
.uniForm .blockLabels .multiField .blockLabel {
  float: left;
  width: auto;
  margin: 0;
}

.uniForm .multiField .blockLabel .textInput,
.uniForm .multiField .blockLabel .selectInput,
.uniForm .multiField .blockLabel select,
.uniForm .blockLabels .multiField .blockLabel .textInput,
.uniForm .blockLabels .multiField .blockLabel .selectInput,
.uniForm .blockLabels .multiField .blockLabel select {
  width: 100%;
  margin: 0;
}

/* ------------------------------------------------------------------------------ */
/* Styles for form controls where labels are in line with the input elements */
/* Set the class of the parent (preferably to a fieldset) to .inlineLabels */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label {
  float: left;
  margin: 0;
  padding: 0;
  line-height: 100%;
  position: relative;
}

/* Float the input elements */
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload,
.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select,
.uniForm .inlineLabels textarea {
  float: left;
}

/* Postition the hints */
.uniForm .inlineLabels .formHint {
  clear: both;
  float: none;
}

.uniForm .inlineLabels .multiField {
  float: left;
}

.uniForm .inlineLabels .multiField .blockLabel .textInput,
.uniForm .inlineLabels .multiField .blockLabel .selectInput,
.uniForm .inlineLabels .multiField .blockLabel select {
  display: block;
  width: 100%;
  float: none;
}

.uniForm .inlineLabels .multiField select {
  float: left;
}

/* ------------------------------------------------------------------------------ */
/* Required fields asterisk styling for .blockLabels */
.uniForm label em,
.uniForm .label em,
.uniForm .blockLabels label em,
.uniForm .blockLabels .label em {
  position: absolute;
  left: -7px;
}

/* Required fields asterisk styling for .inlineLabels */
.uniForm .inlineLabels label em,
.uniForm .inlineLabels .label em {
  display: block;
  position: absolute;
  left: auto;
  right: 0;
  font-style: normal;
  font-weight: bold;
}

.uniForm .inlineLabel em {
  position: absolute;
  left: 7px;
}

/* ------------------------------------------------------------------------------ */
/* Messages */
/* ------------------------------------------------------------------------------ */
/* Columns */
.uniForm .col {
  float: left;
}

/* Keep in mind that wherever you see 'Required property' it means that the property must exist */
/* ------------------------------------------------------------------------------ */
/* Generals */
.uniForm fieldset legend {
  color: #333;
  font-weight: bold;
  font-size: 100%;
  margin: 0;
  padding: 1.5em 0;
}

/* This is the main unit that contains our form elements */
.uniForm .ctrlHolder {
  padding: 7px;
  border-bottom: 1px solid #dfdfdf;
}

.uniForm .buttonHolder {
  text-align: right;
}

.uniForm .resetButton {
  float: left;
}

.uniForm .primaryAction {
  font-weight: bold;
}

/* This class gets added to div.ctrlHolder to highlight the row */
.uniForm .focused {
  background: #fffcdf;
}

/* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
.uniForm .inlineLabel input,
.uniForm .inlineLabels .inlineLabel input,
.uniForm .blockLabels .inlineLabel input {
  float: left;
  margin: 0 0.4em 0 0;
}

.uniForm .inlineLabel span {
  float: left;
  width: 90%;
}

/* ------------------------------------------------------------------------------ */
/* .blockLabels (default style, will be applied even if you don't class the parent element) */
.uniForm label,
.uniForm .blockLabels label,
.uniForm .blockLabels .label {
  margin: 0 0 0.5em 0;
}

.uniForm .textInput,
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload {
  width: 53%; /* <- Required property */
}

.uniForm .selectInput,
.uniForm select,
.uniForm .blockLabels .selectInput,
.uniForm .blockLabels select {
  width: 53.5%; /* <- Required property */
}

.uniForm textarea,
.uniForm .blockLabels textarea {
  width: 53%; /* <- Required property */
  height: 12em;
}

.uniForm .formHint,
.uniForm .blockLabels .formHint {
  width: 45%; /* <- Required property */
  font-size: 0.9em;
  color: #777;
  position: relative;
  top: -0.5em;
}

.uniForm .multiField,
.uniForm .blockLabels .multiField {
  width: 53%;
}

.uniForm .multiField .inlineLabel,
.uniForm .blockLabels .multiField .inlineLabel {
  display: block;
  margin: 0 0 0.5em 0;
}

.uniForm .multiField .blockLabel,
.uniForm .blockLabels .multiField .blockLabel {
  width: 30%;
  margin: 0 10px 0 0;
}

.uniForm .multiField .blockLabel .textInput,
.uniForm .multiField .blockLabel .selectInput,
.uniForm .multiField .blockLabel select,
.uniForm .blockLabels .multiField .blockLabel .textInput,
.uniForm .blockLabels .multiField .blockLabel .selectInput,
.uniForm .blockLabels .multiField .blockLabel select {
  width: 100%;
  margin: 0.3em 0 0 0;
}

/* ------------------------------------------------------------------------------ */
/* .inlineLabels */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label {
  width: 45%; /* <- Required property */
  margin: 0.3em 2% 0 0; /* <- Required property */
}

.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload {
  width: 45%; /* <- Required property */
}

.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select {
  width: 45%; /* <- Required property */
}

.uniForm .inlineLabels textarea {
  width: 45%; /* <- Required property */
  height: 12em;
}

.uniForm .inlineLabels .formHint {
  margin-top: 0;
  margin-left: 47%;
  font-size: 0.9em;
  color: #777;
  position: static;
}

.uniForm .inlineLabels .multiField {
  width: 45%; /* <- Required property */
  margin: 0 0 0.3em 0;
}

.uniForm .inlineLabels .multiField .inlineLabel {
  display: block;
  margin: 0 0 0.5em 0;
}

.uniForm .inlineLabels .multiField .blockLabel {
  float: left;
  width: 26%;
  margin: 0 3% 0 0;
}

.uniForm .inlineLabels .multiField .blockLabel .textInput,
.uniForm .inlineLabels .multiField .blockLabel .selectInput,
.uniForm .inlineLabels .multiField .blockLabel select {
  width: 100%;
  margin: 0.3em 0 0 0;
}

/* Focus pseudoclasses */
.uniForm .ctrlHolder .textInput:focus {
  outline: none; /* Get rid of the 'glow' effect in WebKit, optional */
}

.uniForm .ctrlHolder textarea:focus {
  outline: none; /* Get rid of the 'glow' effect in WebKit, optional */
}

.uniForm div.focused .formHint {
  color: #333;
}

/* Columns (they are floated left by default) */
.uniForm .col {
  width: 47.9%; /* <- Required property */
  margin: 0 2% 20px 0;
}

/* Use .first and .last classes to control the layout/spacing of your columns */
.uniForm .col.first {
  width: 49%; /* <- Required property */
  float: left;
  clear: none;
}

.uniForm .col.last {
  width: 48%; /* <- Required property */
  float: right;
  clear: none;
  margin-right: 0;
}

/* Messages */
.uniForm #errorMsg {
  background: #ffdfdf;
  border: 1px solid #df7d7d;
  border-width: 1px 0;
  margin: 0 0 1.5em 0;
  padding: 7px;
}

.uniForm .error {
  background: #FAEDEF;
  border: 1px solid rgba(190, 19, 36, 0.16);
  border-top: 4px solid #BE1324;
}

.uniForm #errorMsg dt, .uniForm #errorMsg h3 {
  margin: 0 0 0.5em 0;
  font-size: 100%;
  line-height: 100%;
  font-weight: bold;
}

.uniForm #errorMsg dd {
  margin: 0;
  padding: 0;
}

.uniForm #errorMsg ol {
  margin: 0;
  padding: 0;
}

.uniForm #errorMsg ol li {
  margin: 0;
  padding: 2px;
  list-style-position: inside;
  border-bottom: 1px dotted #df7d7d;
  position: relative;
}

.uniForm .errorField {
  color: #af4c4c;
  margin: 0 0 6px 0;
  padding: 4px;
  background: #ffbfbf;
}

.uniForm #OKMsg {
  background: #C8FFBF;
  border: 1px solid #A2EF95;
  border-width: 1px 0;
  margin: 0 0 1.5em 0;
  padding: 7px;
}

.uniForm #OKMsg p {
  margin: 0;
}

/*
IT IS STRONGLY ADVISED TO MAKE YOUR CHANGES AFTER THIS COMMENT BY REPEATING (COPYING) THE SELECTOR FROM ABOVE, 
AND MODIFYING IT WITH YOUR OWN PROPERTIES/VALUES. THIS IS RECOMMENDED BECAUSE IF YOU HAPPEN TO RUN INTO TROUBLE, 
YOU CAN VERY EASILY REVERT TO A GENERIC STYLE OF UNI-FORM. BEST OF LUCK... 
*/
/* ------------------------------------------------------------------------------ */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label {
  margin-right: 8%;
}

.uniForm .inlineLabels .formHint {
  margin-left: 53%;
}

html {
  height: 100%;
}

.aui body {
  font-size: 10px;
  overflow-x: auto;
}

img {
  border: 0px;
  cursor: pointer;
}

.ie .uniForm,
.ie .uniForm fieldset,
.ie .uniForm .ctrlHolder,
.ie .uniForm .formHint,
.ie .uniForm .buttonHolder,
.ie .uniForm .ctrlHolder .multiField,
.ie .uniForm .inlineLabel,
.ie .clearfix,
.ie .fsvtabs ul {
  zoom: 1;
}

.ie .uniForm .inlineLabels label, .uniForm .inlineLabels .label,
.ie .uniForm .blockLabels label, .uniForm .blockLabels .label,
.ie .uniForm .inlineLabel span {
  padding-bottom: 0.2em;
}

.ie .uniForm .inlineLabel input,
.ie .uniForm .inlineLabels .inlineLabel input,
.ie .uniForm .blockLabels .inlineLabel input {
  margin-top: -0.3em;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.uniForm .buttonHolder {
  padding: 10px 0;
  clear: both;
  text-align: left;
}

#layout-column_column-1 .portlet {
  margin-bottom: 0;
}

.errors {
  border: solid 1px;
  padding: 4px;
  margin: 10px;
}

.notice {
  border: solid 1px;
  padding: 4px;
  margin: 10px;
}

.helpIcon {
  width: 14px;
  height: 16px;
  cursor: pointer;
}

.buttonSection {
  padding: 15px 0 15px 0;
  text-align: right;
}

/*******************************************/
/* ---------- Main content body ---------- */
/*******************************************/
.aui #wrapper { /* width: 970px; */
  width: 1070px;
  border: 1px solid;
  border-width: 0 1px;
  margin: 0 auto 20px auto;
  position: relative;
  padding-top: 0px;
}

#content-wrapper {
  margin: 0 4px 0 4px;
}

#footer {
  height: 40px;
}

/********************************/
/* ---------- Banner ---------- */
/********************************/
#banner {
  height: 139px;
  top: -1px;
}

#banner h1.logo {
  display: block;
  float: left;
  font-size: 2em;
  margin: 0;
  padding: 0;
  position: absolute;
}

#banner .logo a {
  float: left;
  text-decoration: none;
}

.ie6 #banner .logo {
  zoom: 1;
}

.current-community {
  border-left: 1px solid;
  display: none;
  float: left;
  font-size: 0.8em;
  font-weight: bold;
  margin: 0 0 0 20px;
  padding: 20px;
  padding-left: 40px;
}

.guest-community .current-community {
  display: none;
}

.headerLinks {
  text-align: right;
  white-space: nowrap;
  font-size: 1em;
  font-weight: bold;
  margin: 0 15px 0 20px;
  padding: 5px 0 5px 0;
}

.aui .headerLinks A {
  text-decoration: none;
}

.headerLinks A:hover {
  text-decoration: underline;
}

#navigation {
  margin: 0 auto 20px;
  max-height: 25px;
  width: 100%;
  border-top: 1px solid;
  border-bottom: 3px solid;
  min-height: 29px;
}

#navigation ul {
  min-height: 2em;
  padding-left: 0px;
}

#navigation li {
  border: 1px solid;
  border-width: 0 1px;
  display: inline;
  margin: -1px 0 0 -1px;
  padding: 0;
  float: left;
  line-height: 16px;
}

#navigation a {
  padding: 5px 15px;
}

#navigation li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1em;
}

#navigation li a span {
  text-decoration: none;
}

.js .interactive-mode.lfr-dock {
  right: 32%;
}

/****************************************/
/*---------- Add/remove page ---------- */
/****************************************/
.js #navigation .enter-page {
  padding: 2px;
}

.js #navigation .enter-page a {
  display: inline;
  font-weight: bold;
  padding: 0;
}

.js #navigation .enter-page .save-page {
  margin: 0 10px;
  padding-left: 20px;
}

.ie.js #navigation .enter-page .save-page {
  display: inline-block;
  padding-bottom: 5px;
  padding-top: 5px;
  vertical-align: top;
}

.js #navigation .enter-page .cancel-page {
  display: none;
}

.ie.js #navigation .enter-page {
  padding: 0;
}

.ie.js #navigation .enter-page input.text {
  margin: 2px;
  padding: 3px 1px;
}

.js #navigation {
  position: relative;
}

.js #add-page {
  border: 1px solid;
  border-bottom: none;
  bottom: 100%;
  font-weight: bold;
  position: absolute;
  right: 5%;
}

.js #add-page a {
  display: block;
  text-decoration: none;
  padding: 3px 0px;
}

.js #add-page a span {
  background: url(../images/common/add.png) no-repeat 0 50%;
  display: block;
  margin-left: 15px;
  padding: 5px 20px 2px;
}

.js .interactive-mode {
  min-width: 150px;
  position: absolute;
  right: 5%;
}

.js .interactive-mode h2 {
  font-size: 1em;
  margin: 0;
  padding: 0 37px 0 0;
  position: relative;
  z-index: 82;
}

.js .interactive-mode h2 span {
  border-right: 1px solid;
  padding: 9px 20px 4px;
}

/**********************************/
/*------ Navigation portlet ------*/
/**********************************/
#layout-column_column-1 UL.layouts,
UL.left-navigation {
  margin: 0;
  padding-top: 8px;
  padding-bottom: 12px;
  padding-left: 0;
}

#layout-column_column-1 UL.layouts UL,
UL.left-navigation UL {
  margin: 0 0 4px 12px;
  padding: 3px 0 0 0;
}

#layout-column_column-1 UL.layouts LI,
UL.left-navigation LI {
  list-style-type: none;
  min-height: 24px;
  padding: 3px 0 0 12px;
}

#layout-column_column-1 UL.layouts LI A,
UL.left-navigation LI A {
  font-family: Arial;
  font-weight: normal;
  font-size: 1.2em;
}

#layout-column_column-1 UL.layouts LI.selected-item,
UL.left-navigation LI.selected-item,
#layout-column_column-1 UL.layouts LI.selected-item A,
UL.left-navigation LI.selected-item A {
  font-weight: bold;
}

#layout-column_column-1 UL.layouts UL LI,
UL.left-navigation UL LI {
  padding-left: 16px;
  margin-left: 0;
  min-height: 24px;
}

UL.left-navigation .arrow {
  height: auto;
  width: auto;
  float: none;
}

/*********************************/
/*------ Left Column Lists ------*/
/*********************************/
.left-col-list {
  margin: 0;
  padding: 8px 10px 12px 10px;
  font-size: 1.2em;
}

.left-col-list UL {
  margin: 0;
  padding-left: 0;
}

.left-col-list LI {
  list-style-type: none;
  padding-left: 16px;
  margin-left: 0;
}

.left-col-list LI A {
  font-family: Arial;
  font-weight: normal;
  font-size: 0.9em;
}

/***************************************************/
/* ---------- Portlet wrapper and icons ---------- */
/***************************************************/
.portlet {
  margin: 0 0 10px;
}

.portlet-topper {
  font-size: 22px;
  font-family: Myriad, Arial, Helvetica, sans-serif;
  line-height: 38px;
  height: 38px;
  font-weight: bold;
  padding: 0 60px 0 10px;
  margin-bottom: 0px !important;
}

.portlet-content {
  padding: 0;
}

.lfr-column.col-md-4 .portlet-title {
  padding: 5px;
  padding-left: 10px;
  font-size: 1.2em;
}

.portlet-title img {
  display: none;
}

.ie .portlet-title {
  padding-bottom: 5px;
}

body.lfr-has-sidebar {
  padding-left: 0;
}

.account-details-basic {
  position: absolute;
  top: 21px;
  right: 17px;
  width: 259px;
  height: 147px;
}

#layout-column_column-1 .portlet {
  width: 208px;
}

#layout-column_column-1 .portlet-topper {
  height: 25px;
  border-bottom: none;
  font-size: 1.2em;
  line-height: normal;
  padding: 0;
  margin: 0;
}

#layout-column_column-1 .portlet-topper .portlet-title {
  padding-left: 10px;
  padding-top: 4px;
}

#layout-column_column-1 .portlet-topper .portlet-title span {
  display: none;
}

#layout-column_column-1 .portlet-content .journal-content-article span {
  font-size: 12px !important;
}

#layout-column_column-1 .portlet-content .journal-content-article p {
  margin: 0;
  line-height: 15px;
  min-height: 24px;
}

.lfr-column.seventy {
  width: 80% !important;
}

.lfr-column.col-md-4 {
  width: 20% !important;
  padding-right: 10px;
}

#column-1.col-md-4 .portlet-boundary {
  padding-bottom: 7px;
  margin-bottom: 10px;
}

#column-1.col-md-4 .portlet,
#column-1.col-md-4 .portlet-borderless-container {
  padding-right: 8px;
  border-bottom: 0;
  padding-bottom: 0;
}

#column-1.col-md-4 .portlet-content {
  border: 0;
  padding-bottom: 0;
}

.portlet-boundary_FSVproductlist_WAR_cardportal7_ {
  margin-top: 10px;
}

.standardContent {
  padding: 0 10px;
  font-size: 1.2em;
}

.printIcon {
  text-align: right;
  width: 31px;
  height: 27px;
  margin-left: auto;
  overflow: hidden;
}

.printIcon A {
  display: block;
  width: 31px;
  height: 27px;
  padding-left: 100px;
}

/*****************************/
/*------ Login Section ------*/
/*****************************/
.login-title-bar {
  height: 22px;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0 20px;
  line-height: 22px;
}

#login-screen-form {
  padding: 20px 20px 10px;
}

#login-screen-form legend {
  margin: 0;
  *margin-left: -7px;
  padding: 0;
  font-size: 1.1em;
}

#login-screen-form .textInput {
  font-size: 12px;
}

#login-screen-form .submit {
  margin-left: 10px;
  padding: 4px 5px;
}

#login-screen-form .ctrlHolder {
  border: 0;
  padding-left: 0;
  font-weight: bold;
}

#login-screen-form SELECT {
  width: auto;
}

#login-screen-form TD {
  padding-top: 6px;
  padding-right: 3px;
}

#login-screen-form TD TD {
  padding-top: 0;
}

#login-screen-form TD.label {
  width: auto !important;
  padding-bottom: 3px;
  vertical-align: bottom;
  font-weight: bold;
  white-space: nowrap;
  padding-right: 10px;
  float: none;
}

#login-screen-form TD LABEL {
  width: auto !important;
}

#login-screen-form .char2 {
  width: 16px;
}

#login-screen-form .char3 {
  width: 24px;
}

#login-screen-form .char4 {
  width: 32px;
}

.login-link {
  padding: 0 20px;
}

.login-link p {
  font-size: 1.1em;
}

.login-link p a {
  font-weight: bold;
}

.login-link h3 {
  font-size: 1.6em;
  font-style: italic;
  margin-bottom: 5px;
}

.login-link .help {
  text-align: right;
}

.login-link .help a {
  text-decoration: none;
}

#login-screen-quickfind {
  padding-top: 10px;
}

#login-screen-quickfind a {
  padding-left: 12px;
  display: block;
  font-size: 1.2em;
}

/******************************/
/*------ Banner Rotator ------*/
/******************************/
.bannerContainer {
  position: relative;
}

.bannerContainer .text {
  font-size: 30px;
  line-height: 30px;
  height: 30px;
  position: absolute;
  top: 85%;
  left: 30px;
  font-weight: bold;
  z-index: 10;
}

.bannerContainer UL {
  margin: 0 0 15px 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

#column-1 .bannerContainer UL {
  margin-bottom: 0;
}

/***********************************/
/*------ Dorsey Current User ------*/
/***********************************/
.portlet-boundary_curruser_WAR_dorsey_ .portlet-topper {
  display: none;
}

.lf-loggedIn .portlet-boundary_curruser_WAR_dorsey_ .portlet-topper {
  display: block;
}

#column-1.col-md-4 .portlet-boundary_curruser_WAR_dorsey_ {
  margin-bottom: 0;
}

#column-1.col-md-4 .portlet-boundary_curruser_WAR_dorsey_ .portlet-content {
  font-size: 10px;
}

#column-1.col-md-4 .portlet-boundary_curruser_WAR_dorsey_ .portlet-content H3 {
  font-weight: bold;
  font-size: 13px;
  margin: 0;
  padding: 0;
}

/**********************************************/
/*------ Patriot Act and Bank Statement ------*/
/**********************************************/
.portlet-boundary_FSVpatriotactbankstatement_WAR_cardportal7_ .portlet-topper {
  display: none;
}

.lf-loggedIn .portlet-boundary_FSVpatriotactbankstatement_WAR_cardportal7_ .portlet-topper {
  display: block;
}

.bank-statement {
  margin-top: 100px;
}

.patriot-act, .bank-statement {
  font-size: 7pt;
  line-height: 1em;
}

/************************************/
/*------ Transaction Sections ------*/
/************************************/
SELECT.cardSelect {
  margin-bottom: 2px;
}

.fsvtable {
  width: 100%;
}
.fsvtable caption {
  margin-bottom: 20px;
  padding: 2px 6px;
  vertical-align: top;
  border-bottom: 1px solid;
}
.fsvtable TH {
  padding: 2px 6px;
  vertical-align: top;
  border-bottom: 1px solid;
}

.fsvtable TD {
  padding: 4px 6px;
  vertical-align: top;
}

.fsvtable.vertical {
  width: 80%;
}

.fsvtable.vertical THEAD TH {
  border: 0;
  text-align: left;
  width: 140px;
}

.fsvtable.vertical TH {
  border: 0;
  text-align: right;
  width: 140px;
}

.fsvtable .nowrap {
  white-space: nowrap;
}

.fsvtable .number-head {
  text-align: right;
  padding-right: 15px;
}

.fsvtable .number-value {
  text-align: right;
  padding-right: 15px;
  vertical-align: top;
  white-space: nowrap;
}

TABLE.chekToday TD {
  font-size: 0.8em;
  text-align: center;
  vertical-align: top;
}

TABLE.chekToday THEAD TR TH {
  font-size: 0.8em;
  text-align: center;
  vertical-align: top;
}

TABLE.transactionhistory .number-value {
  text-align: right;
  padding-right: 15px;
  vertical-align: top;
  white-space: nowrap;
}

TABLE.transactionhistory TD.description {
  padding-left: 10px;
  vertical-align: top;
}

TABLE.transactionhistory THEAD TR TH {
  padding-right: 20px;
  padding-left: 5px;
}

TABLE.transactionhistory .timestamp {
  width: 118px;
  padding-right: 0;
}

TABLE.transactionhistory TH {
  width: auto;
  white-space: normal;
  vertical-align: middle;
}

TABLE.transactionhistory TH.number-value {
  white-space: normal;
  vertical-align: middle;
}

.transactionhistory th.timestamp span {
  display: inline-block;
  height: 7px;
  width: 14px;
}

.transactionhistory th.timestamp {
  cursor: pointer;
}

TABLE.transactionhistory .numeric {
  text-align: right;
  padding-right: 20px;
}

.timestampPrint {
  width: 5%;
}

.transcode {
  width: 5%;
}

.feeSchedules {
  margin: auto;
}

.feeSchedules TH {
  font-size: 1.1em;
}

.paystub .transactionhistory TH.description {
  width: 35%;
}

table.trans-cardholder-fee {
  min-width: 55%;
  margin: auto;
  width: auto;
}

DIV.related-cards {
  padding-bottom: 5px;
}

DIV.date-range {
  padding-left: 15px;
  padding-right: 5px;
  float: right;
  margin: 0px;
}

DIV.date-range INPUT {
  padding: 3px;
}

DIV.date-range INPUT.text-box {
  width: 70px;
}

DIV.change-amt-records {
  float: right;
  margin: 5px 20px 0px 53px;
}

TABLE.chekToday THEAD TR TH {
  padding-right: 5px;
  height: auto;
}

TABLE.middle {
  width: auto;
}

TABLE.middle TD {
  vertical-align: middle;
  width: auto;
}

.authorization {
  padding: 5px;
  border: solid 1px;
}

.authorization TD {
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  white-space: nowrap;
}

.authorization .dollars {
  margin-bottom: -4px;
}

.authorization .radios TD {
  padding: 1px;
}

.historyTable TD {
  padding: 1px 5px;
  text-align: left;
}

#select-count {
  margin-top: 0px;
}

#count-submit {
  display: none;
}

span.start-date {
  float: left;
  font-weight: bold;
  padding: 5px 0 10px 0;
}

span.end-date {
  float: left;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 10px;
}

span.to-date {
  float: left;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 10px;
}

span.update-date {
  float: left;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 10px;
}

span.reset-button {
  float: left;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 10px;
}

div.nav-data {
  clear: both;
  padding: 5px;
  padding-top: 10px;
  text-align: right;
  *padding-top: 5px;
}

div.nav-data input {
  padding: 3px;
}

.viewing-text {
  text-align: left;
  vertical-align: bottom;
  float: left;
}

.arrow {
  width: 8px;
  height: 14px;
  float: left;
  margin-right: 5px;
  border: 0px;
  text-decoration: none;
}

#buttonBar {
  padding: 15px 0 0 0;
}

#buttonBar #cancelBtn {
  margin: 0 10px 0 0;
}

/* This style is for forms div around label of field */
.label {
  width: 180px !important;
  float: left;
}

/* bill pay portlet */
.billPayContainer INPUT {
  display: block;
  margin: 20px auto;
  padding: 5px 33px;
  *padding: 4px 6px;
  font-size: 1.2em;
}

/* Card To Bank Account */
.checkForm {
  margin: 10px 10px 0 10px;
  border: solid 2px;
}

.checkForm .header {
  height: 4px;
  border-top: solid 12px;
  border-bottom: solid 1px;
}

.checkForm INPUT[type=radio] {
  height: 10px;
}

.checkForm .check {
  padding: 10px;
  font-weight: bold;
}

.checkForm .check TH {
  width: auto;
  padding: 0 5px 0 0;
  white-space: nowrap;
  margin: 0;
}

.checkForm .check TD {
  width: auto;
  padding: 0 5px 0 0;
  font-weight: normal;
  white-space: nowrap;
  margin: 0;
}

.checkForm .check .accountType {
  float: left;
}

.checkForm .check .accountType TD {
  line-height: 13px;
}

.checkForm .check .middle {
  width: 100%;
  margin: 20px 0;
}

.checkForm .check .date {
  padding-top: 20px;
  text-align: right;
}

.checkForm .check .amount {
  width: auto;
  text-align: right;
}

.checkForm .check .memo {
  margin-bottom: 20px;
}

.checkForm .check .bottom {
  height: 43px;
}

.checkForm .check .routing {
  float: left;
  clear: both;
  padding: 0 40px 0 120px;
}

.checkForm .check .account {
  float: left;
  padding-left: 14px;
}

.checkForm .check .glyph {
  float: left;
  width: 17px;
  height: 43px;
}

.transferCopy {
  padding-top: 20px;
}

.checkSamples {
  margin: 0 auto;
  padding: 10px;
  width: 630px;
  border: solid 1px;
  border-top-style: none;
}

.checkSamples UL {
  margin: 0 auto;
  padding: 8px 0 0 0;
  list-style-type: none;
  list-style-image: none;
}

.checkSamples LI {
  display: block;
  float: left;
  padding: 0 4px;
}

.checkSamples A {
  display: block;
  width: 148px;
  height: 95px;
  text-align: center;
}

.checkStyles {
  margin: 0 auto;
  width: 382px;
  height: 204px;
  border: solid 1px;
  border-top-style: none;
  display: none;
}

.aui .checkStyles.style1 {
  width: 382px;
  height: 204px;
}

.aui .checkStyles.style2 {
  width: 382px;
  height: 204px;
}

.aui .checkStyles.style3 {
  width: 382px;
  height: 204px;
}

.aui .checkStyles.style4 {
  width: 382px;
  height: 204px;
}

/* Contact Info */
table.info th.alt {
  width: 20%;
  vertical-align: top;
  padding-left: 0px !important;
}

table.info td.alt {
  width: 60% !important;
  text-align: left;
  vertical-align: top;
}

table.info td {
  width: 70%;
  vertical-align: top;
  text-align: left;
}

table.info tr {
  margin: 5px 0 0 0;
}

table.info th.header {
  border-bottom: 2px solid;
  width: 100%;
}

.edit {
  float: right;
}

.lastUpdate {
  float: left;
}

/* Text Alerts */
form#textAlertSubscribe {
  padding: 0 20px 10px 20px;
}

form#textAlertSubscribe LABEL {
  clear: both;
}

form#textAlertSubscribe .multiField LABEL {
  width: auto;
}

form#textAlertSubscribe .ctrlHolder INPUT[type=text] {
  width: 105px;
}

form#textAlertSubscribe .ctrlHolder .withLabel INPUT {
  float: left;
  margin: 4px 0;
  *margin: 0 0;
}

form#textAlertSubscribe .ctrlHolder .withLabel LABEL {
  clear: none;
  margin: 4px;
}

form#textAlertSubscribe .ctrlHolder SELECT {
  width: 110px;
}

form#textAlertSubscribe .ctrlHolder .dollars INPUT {
  width: 60px;
}

form#textAlertSubscribe .ctrlHolder .dollars LABEL {
  margin-top: 6px;
  margin-top: 12px;
  *margin-top: 8px;
}

/*  Savings Management files */
.savingsRegistration {
  clear: both;
  margin: 0px 0 0 0px;
}

.savingsRegistration p {
  float: left;
  border: 1px solid;
  border-bottom: none !important;
  padding: 10px;
  margin: 10px 8px 0px 0px;
}

.savingsRegistration p a {
  text-decoration: none;
}

.savingsRegistration p.current {
  font-weight: bold;
}

.savingManageContainer {
  padding: 10px;
  margin: 0px 5px 0px 0px;
  clear: both;
  border: 1px solid;
}

.savingManageContainer .header {
  font-weight: bold;
}

.savingManageContainer input {
  margin: 0 5px 0 0;
}

.fsvtable INPUT[type=checkbox] {
  margin-top: 2px;
  float: left;
  margin-right: 5px;
  *margin-top: -1px;
}

TABLE.fsvtable.balanceTransfer TD {
  vertical-align: middle;
}

TABLE.savingsInterestSummary {
  margin: 10px;
}

TABLE.savingsInterestSummary TH {
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  padding: 4px 4px 4px 20px;
}

TABLE.savingsInterestSummary TD {
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  padding: 6px;
}

.termsAndCondition {
  clear: both;
  padding: 10px 0 0 10px;
}

/* Monthly Statement */
.statementSummaryContainer {
  padding: 0 0 20px 0;
}

.statementSummaryContainer .header A {
  display: block;
  padding-left: 20px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}

.statementSummaryContainer tr.totalRow td {
  border-top: 1px solid;
  font-weight: bold;
}

.statementSummaryContainer .header {
  padding: 5px 0px 5px 0px;
}

p.noStatement {
  padding: 10px;
}

p.smaller-copy {
  font-size: 0.8em !important;
}

span.date-span {
  padding-right: 10px;
}

/* Savings Registration Signup */
h3.savingsRegistration {
  margin: 0 0 10px 0;
}

#register-title {
  font-weight: bold;
  padding: 0 0 10px 0;
}

#register-card-details {
  padding: 0 0 10px 0;
}

#register-card-details-form-input-row {
  clear: both;
  padding: 10px 0 10px 0;
}

#register-card-details-form-input-col {
  float: left;
  margin: 0 20px 0 0;
}

#register-card-details-form-input-col input {
  margin: 0 5px 0 0;
}

.ssnContainer #register-card-details-form-input,
.ssnContainer #register-card-details-form-input input {
  float: left;
}

.dash {
  padding: 5px;
}

.ssn1 {
  width: 50px !important;
}

.ssn2 {
  width: 30px !important;
}

.ssn3 {
  width: 50px !important;
}

#userCheckBox {
  clear: both;
  padding: 5px 0 0 0;
}

#userCheckBox #register-card-details-form-input-col {
  clear: both;
  width: 100% !important;
}

div.error-messages ul.error-message li {
  margin-top: 0px !important;
}

/* Unlimited POS Purchase Plan */
.uppForms SPAN {
  font-weight: normal;
}

.uppForms OL {
  font-weight: bold;
  padding-left: 10px;
}

.uppForms OL LI {
  margin-bottom: 10px;
}

.uppForms UL {
  font-weight: normal;
  padding-top: 0;
  margin-top: 0;
}

.uppForms UL LI {
  margin-bottom: 0;
}

.uppForms DIV {
  padding-left: 20px;
  margin-bottom: 30px;
}

/* check today */
.checkToday #orderButton {
  margin: 10px 0 20px 0;
}

/* Velocity */
.vData {
  width: 100px;
  text-align: right;
}

.fsvtabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fsvtabs ul li {
  float: left;
  list-style: none;
}

.fsvtabs ul li a {
  display: block;
  padding: 3px 9px;
  font-size: 12px;
  text-decoration: none;
}

.fsvtabs-container .ui-tabs-panel {
  border: 1px solid;
  padding: 15px;
}

/* calculator page */
#caclulatorWidget {
  margin: 10px;
  width: 124px;
  padding-top: 1px;
  height: 150px;
}

#caclulatorWidget table {
  margin: 10px;
}

#caclulatorWidget input[type=button] {
  padding: 3px 0;
  width: 23px;
  float: left;
  text-transform: uppercase;
  margin: 3px 3px 0 0;
}

#caclulatorWidget input.last {
  margin-right: 0;
}

#caclulatorWidget .calcDisplay {
  padding-left: 3px;
  width: 97px;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  font-weight: bold;
}

/* Card Balance Portlet */
#column-1.thirty .portlet-boundary_FSVcardbalance_WAR_cardportal7_ {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 2px;
  width: 290px;
  height: 137px;
}

#column-1.thirty .portlet-boundary_FSVcardbalance_WAR_cardportal7_ .portlet-topper {
  display: none !important;
}

#column-1.thirty .portlet-boundary_FSVcardbalance_WAR_cardportal7_ .portlet-content {
  padding: 0px !important;
}

#column-1.thirty .portlet-boundary_FSVcardbalance_WAR_cardportal7_ .portlet {
  width: auto;
}

#cardBalance {
  float: left;
  clear: both;
  padding: 11px 0 0 15px;
  width: 350px;
}

#cardBalance .col {
  float: left;
  width: 140px;
  font-size: 11px;
}

#cardBalance .col h4 {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  line-height: 1.2;
}

#cardBalance .col h3 {
  margin: 0;
  font-size: 1.2em;
  line-height: 1.2;
}

#cardBalance .col p {
  font-size: 1.4em;
  margin: 0 0 6px 0;
}

#cardBalance .col p.small {
  font-size: 1em;
}

#cardBalance .col a {
  text-decoration: none;
}

#cardBalance #cardBalance-details p {
  font-size: 1em;
}

/* Tips / Rewards promo Portlet */
.promoWrapper {
  padding: 10px;
}

.promoWrapper h3 {
  font-size: 18px;
  font-style: italic;
  margin: 0 0 8px 0;
}

.promoWrapper p {
  font-size: 13px;
}

.promoWrapper .link {
  padding-left: 18px;
  font-size: 12px;
}

.seventy .promoWrapper {
  margin: 12px 50px;
  padding: 12px;
}

/* check today portlet */
.checkToday .orderButton {
  margin: 10px 0 20px 0;
}

.deliveryTable {
  width: 680px;
  padding: 0;
  margin: 20px auto;
}

.deliveryTable th {
  border-width: 1px;
  white-space: nowrap;
}

.deliveryTable td {
  border-width: 1px;
}

.deliveryTable th.bg {
  font-weight: bold;
  border-style: solid solid solid none;
  padding: 6px 6px 6px 12px;
  text-align: center;
}

.deliveryTable th.nobg {
  border-style: none solid solid none;
  text-align: right;
}

.deliveryTable td.std {
  border-style: none solid solid none;
  padding: 6px 6px 6px 12px;
  text-align: center;
}

.deliveryTable td.even {
  text-align: center;
}

.deliveryTable th.odd {
  border-style: none solid solid solid;
  text-align: left;
}

.deliveryTable th.even {
  border-style: none solid solid solid;
  text-align: left;
}

.deliveryTable .standard {
  width: 300px;
}

.deliveryTable .expedited {
  width: 260px;
}

/* Savings Management  Tabs */
div#tabsContainer div {
  float: left;
  padding: 5px 0 0 0;
}

div#tabsContainer div a {
  text-decoration: none;
}

div#tabsContainer div div.leftTab {
  width: 9px;
  height: 24px;
}

div#tabsContainer div div.rightTab {
  width: 9px;
  height: 24px;
  margin: 0 5px 0 0;
}

div#tabsContainer div div.centerTab {
  height: 24px;
}

div#tabsContainer .tabBorder {
  height: 2px;
  clear: both;
}

div#tabsContainer div.current div.leftTab {
  width: 9px;
  height: 24px;
}

div#tabsContainer div.current div.rightTab {
  width: 9px;
  height: 24px;
  margin: 0 5px 0 0;
}

div#tabsContainer div.current div.centerTab {
  height: 24px;
}

/* Saving Management */
.tabsBorder {
  height: 5px;
  width: 99%;
  clear: both;
}

.tabsBorderCurrent {
  height: 5px;
  width: 99%;
  clear: both;
}

/* FAQ's */
.faq {
  padding: 15px;
  border: solid 1px;
  border-top-style: none;
  font-size: 12px;
}

.faq .question {
  border-bottom: 1px solid;
  margin-bottom: 1px;
  padding: 3px 20px;
  font-weight: bold;
  cursor: pointer;
}

.faq .answer {
  margin: 5px 30px;
  display: none;
}

/************************************/
/*------ Section Title Bars   ------*/
/************************************/
.titleBar {
  font-size: 22px;
  font-family: Myriad, Arial, Helvetica, sans-serif;
  line-height: 38px;
  height: 38px;
  font-weight: bold;
  padding: 0 60px 0 10px;
  border: solid 1px;
  border-style: none solid none solid;
  margin: 0px;
}

/*****************************************/
/*------ Product Listing Portler   ------*/
/*****************************************/
.product-item {
  float: left;
  width: 245px;
  height: 150px;
  margin-top: 20px;
  text-align: center;
}

.product-item img {
  width: 230px;
  height: 144px;
  border: 0;
}

.cleardiv {
  clear: left;
}

/**************************************/
/*------ Enrollment Page Styles ------*/
/**************************************/
.enrollmentChecks INPUT[disabled=disabled],
.enrollmentChecks INPUT[disabled=disabled]:hover,
.enrollmentChecks INPUT[disabled=disabled]:focus,
.enrollmentChecks INPUT.disabled:hover,
.enrollmentChecks INPUT.disabled:focus,
.enrollmentChecks INPUT.disabled {
  background: url(../images/forms/button.png) repeat-x scroll 0 0;
}

.enrollmentChecks DIV {
  margin-bottom: 20px;
}

.enrollmentChecks TABLE {
  margin-left: 10px;
}

.enrollmentChecks TD {
  padding-right: 5px;
}

.enrollmentChecks .note {
  margin: 10px 30px;
}

A.acrobatReader {
  display: block;
  width: 112px;
  height: 33px;
  margin-bottom: 10px;
}

/************************************/
/*------ Tab Style Navigation ------*/
/************************************/
.portlet-boundary_FSVnavigationmenu_WAR_cardportal7_ .portlet-topper {
  display: none;
}

.lf-loggedIn .portlet-boundary_FSVnavigationmenu_WAR_cardportal7_ .portlet-topper {
  display: block;
}

.portlet-boundary_FSVnavigationmenu_WAR_cardportal7_ .portlet-content, .portlet-boundary_FSVnavigationmenu_WAR_cardportal7_ .portlet {
  padding: 0;
  border: 0;
}

#column-2 .nav-menu, #column-2 .list-menu {
  font-size: 9px;
}

#column-2 .nav-menu UL, .tabNavigation, #column-2 .list-menu UL {
  display: block;
  list-style: none;
  width: 100%;
  height: 26px;
  padding: 0;
  margin: 0;
  clear: both;
}

#column-2 .nav-menu LI, .tabNavigation LI, #column-2 .list-menu LI {
  display: inline;
  float: left;
  height: 26px;
  padding: 0;
  margin: 0 5px 0 0;
  font-size: 1.2em;
  font-weight: bold;
}

#column-2 .nav-menu SPAN, .tabNavigation SPAN,
#column-2 .nav-menu A, .tabNavigation A, #column-2 .list-menu SPAN, #column-2 .list-menu A {
  display: block;
  padding: 5px 15px 5px 10px;
}

#column-2 .nav-menu A, .tabNavigation A, #column-2 .list-menu A {
  text-decoration: none;
}

.tabContent {
  padding: 15px;
  border: solid 1px;
  border-style: none solid none solid;
  font-size: 1.2em;
}

.tabFooter {
  padding: 15px;
  border: solid 1px;
  border-style: none solid solid solid;
  font-size: 1.2em;
}

.tabFooter UL, .tabFooter OL {
  margin-top: 0;
}

/************************************/
/*--------- Direct Deposit ---------*/
/************************************/
#directDepositBlock {
  padding: 15px 20px;
}

.directDeposit {
  width: 601;
  height: 231px;
  margin: 0 0 0 90px;
}

.accountNum {
  clear: both;
}

.customerInfo P {
  margin-bottom: -4px;
}

.bankInfo {
  padding-top: 115px;
}

/****************************************/
/*----- Program Context Selections -----*/
/****************************************/
.ContextSelections {
  padding: 20px;
  font-size: 18px;
  border: 1px solid;
}

.ContextSelections H1 {
  font-size: 18px;
  padding: 0;
  margin: 0 0 4px 0;
  clear: both;
}

.ContextSelections H2, .ContextSelections returnLink {
  font-size: 14px;
  padding: 0;
  margin: 0;
  clear: both;
  font-weight: bold;
}

.ContextSelections LABEL {
  font-size: 11px !important;
  font-weight: normal;
  display: block;
  white-space: nowrap;
  float: left;
  text-align: right;
  padding-right: 10px;
}

.ContextSelections SPAN {
  font-size: 11px;
  font-weight: normal;
}

/***************************************/
/*--------- Velocity Settings ---------*/
/***************************************/
.CompanyHeader {
  clear: both;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
}

.CompanyHeader H1 {
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 4px 0;
}

.CompanyHeader H2 {
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.CompanyHeader SPAN {
  font-size: 11px;
  width: 180px;
}

.CompanyHeader LABEL {
  font-size: 11px;
  font-weight: normal;
  width: 80px;
  display: block;
  white-space: nowrap;
  float: left;
  text-align: right;
  padding-right: 10px;
}

.velocityRules THEAD TH {
  padding: 0 10px;
}

.velocityRules THEAD TD {
  padding: 0 5px;
  text-align: center;
  font-weight: bold;
  width: 110px;
  white-space: nowrap;
}

.velocityRules TH {
  font-weight: normal;
  padding: 0 10px;
}

.velocityRules TD {
  padding: 0 10px;
  text-align: right;
}

.velocityRules .section {
  padding: 0 0 3px 10px;
  font-size: 14px;
  font-weight: bold;
}

.aui .velocityRules caption {
  font-size: 12pt !important;
  margin-top: 20px;
}

/***************************************/
/*--------- Demographics --------------*/
/***************************************/
.ClientHeader {
  padding: 10px 20px;
  margin-top: 20px;
}

.demographics TABLE {
  margin: 20px 20px 0 20px;
  width: auto;
}

.demographics THEAD TH {
  padding: 2px 10px;
  font-weight: bold;
}

.demographics THEAD TD {
  padding: 2px 10px;
  text-align: right;
  font-weight: bold;
}

.demographics TH {
  font-weight: normal;
  padding: 1px 10px;
  border-bottom-width: 0;
}

.demographics TD {
  padding: 0 10px;
}

.demographics .number {
  text-align: right;
}

.demographics .section {
  padding: 3px 0 3px 10px;
  font-size: 14px;
  font-weight: bold;
  border-top: 1px solid;
}

.demographics .newLink {
  margin: 10px 40px;
}

.demographics .newLink A {
  padding: 5px 10px;
  font-weight: bold;
}

.demographics BR {
  clear: both;
}

.demographics .uniForm .inlineLabels .ctrlHolder LABEL {
  width: 10%;
  margin-right: 4%;
}

.demographics .uniForm .inlineLabels .ctrlHolder TD LABEL {
  width: 100px;
}

.demographics .uniForm .inlineLabels .ctrlHolder TD INPUT {
  width: 300px;
}

.demographics .uniForm .inlineLabels .ctrlHolder TD SELECT {
  width: 150px;
}

/***************************************/
/*-------- Product Eligibility --------*/
/***************************************/
table#programEligible {
  width: 300px !important;
}

table#programEligible tr td {
  padding: 3px 0 3px 0;
}

table#programEligible thead tr th {
  border-bottom: 1px solid;
}

/***************************************/
/*---------- Program Search  ----------*/
/***************************************/
input.inputSubmitField {
  margin-left: 20px;
}

.ProgramSearch FORM TABLE {
  width: 100%;
}

.ProgramSearch TD {
  vertical-align: top;
}

.ProgramSearch TH {
  vertical-align: top;
}

.ProgramSearch FORM TD {
  padding: 4px;
}
.ProgramSearch FORM TD LABEL {
  width: 110px;
  line-height: 26px;
  font-weight: bold;
}

.ProgramSearch FORM TH {
  padding: 4px;
  width: 110px;
  line-height: 26px;
}

.ProgramSearch FORM FIELDSET {
  margin: 4px;
}

.ProgramSearch .highlight TD {
  font-weight: normal;
}

.ProgramSearch SELECT.highlight,
.ProgramSearch .highlight SELECT {
  font-weight: normal;
}

.ProgramSearch FORM INPUT,
.ProgramSearch FORM SELECT {
  width: 260px;
}

.ProgramSearch FORM INPUT[type=radio],
.ProgramSearch FORM INPUT[type=button],
.ProgramSearch FORM INPUT[type=submit],
.ProgramSearch FORM BUTTON {
  width: auto;
}

.ProgramSearch INPUT[disabled=disabled],
.ProgramSearch INPUT[disabled=disabled]:hover,
.ProgramSearch INPUT[disabled=disabled]:focus,
.ProgramSearch INPUT.disabled:hover,
.ProgramSearch INPUT.disabled:focus,
.ProgramSearch INPUT.disabled {
  background: url(../images/forms/button.png) repeat-x scroll 0 0;
}

.ProgramSearch .ClientBlock {
  padding: 0 2px 4px 2px;
}

.ProgramSearch .ClientBlock SELECT {
  width: 230px;
  margin-bottom: 5px;
}

/***************************************/
/*---------- funds transfer  ----------*/
/***************************************/
.fundsTransfer {
  width: 100%;
  float: left;
}

.fundsTransfer .label {
  width: 100% !important;
  float: none;
  margin: 0 0 10px 0;
  clear: both;
}

.fundsTransfer h4 {
  margin: 0 0 20px 0;
}

.transferForm {
  float: left;
  clear: both;
}

.transferContainer {
  float: left;
  width: auto;
  height: auto;
  border: 1px solid;
  padding: 5px;
  margin: 0 10px 10px 0;
}

.fundsTransfer .transferTitle {
  width: 125px;
  float: left;
}

.transferForm .transferTitle {
  width: 190px;
}

/***************************************/
/*-- Cardholder Search & Results ------*/
/***************************************/
.cardHolderSearch {
  margin: 10px 0 0 0;
}

.cardHolderSearch .cardHolderData {
  margin: 20px 0 0px;
  font-weight: bold;
}

.cardHolderResults th.dataSortTH span.desc {
  float: none;
  padding-left: 0;
}

.cardHolderResults th.dataSortTH span.asc {
  float: none;
  padding-left: 0;
}

.cardHolderResults th.dataSortTJ span.desc {
  float: none;
  padding-left: 0;
}

.cardHolderResults th.dataSortTJ span.asc {
  float: none;
  padding-left: 0;
}

.cardHolderSearch LABEL {
  width: 115px;
  float: left;
  padding-right: 10px;
  text-align: right;
}

.cardHolderSearch SPAN {
  float: left;
  padding-left: 125px;
  font-size: 10px;
}

.cardHolderSearch SELECT {
  width: 500px;
  float: left;
}

.cardHolderSearch DIV {
  float: none;
  clear: both;
  padding: 4px 0 0 0;
}

.cardHolderSearch FIELDSET {
  margin: 10px 0;
}

.cardHolderSearch .column {
  float: left;
  clear: none;
  padding: 0;
}

.cardHolderSearch .City {
  width: 102px;
}

.cardHolderSearch .State {
  width: 20px;
}

.userInformationData {
  width: 265px;
  clear: both;
}

.userInformationData label {
  width: 115px;
  float: left;
  text-align: right;
}

.userInformationData input {
  float: left;
  margin-left: 5px;
}

.userNameData {
  display: block;
  float: none;
  clear: both;
  padding: 10px 0 0 0;
}

.userNameData .helpIcon {
  float: right;
}

.searchByUserTout .narrow {
  width: 265px;
}

.searchByUserTout .narrow LABEL {
  width: 108px;
}

.searchByUserTout {
  float: left;
  padding: 0 0 20px 0;
}

.searchByCardTout {
  float: left;
  padding: 0 0 20px 0;
}

.searchCompanyTout {
  padding: 0 0 20px 0;
}

.requiredSearchTout {
  float: none;
  border: 1px dotted;
  margin-bottom: 20px;
  padding: 10px 10px 0 10px;
}

.optionalSearchTout {
  float: none;
  clear: both;
  border: 1px dotted;
  padding: 10px 10px 0 10px;
}

.lastNameHelp {
  width: 240px;
  position: absolute;
  left: 785px;
  border: 1px solid;
  padding: 5px 0px 5px 5px;
}

.employeeSearch .userInformationData {
  width: 350px;
  padding-right: 10px;
}

.employeeSearch .userInformationData label {
  width: 150px;
}

.employeeSearch .userInformationData INPUT[type=text] {
  width: 190px;
}

/***************************************/
/*---------- Client Reports -----------*/
/***************************************/
.reportCategories .uniForm .inlineLabels .ctrlHolder label {
  width: 20%;
  margin-right: 4%;
}

.reportCategories .CompanyHeader {
  padding: 10px 20px;
}

.reportCategories TD {
  vertical-align: top;
}

.reportCategories UL {
  margin: 0;
  padding: 5px;
  height: 300px;
  max-height: 300px;
  width: 150px;
  max-width: 150px;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  border: 1px solid;
}

.reportCategories LI {
  list-style-type: none;
  padding-left: 12px;
}

.reportCategories LI A {
  text-decoration: none;
  font-weight: normal;
}

.reportCategories LI.selected,
.reportCategories LI.selected A {
  font-weight: bold;
}

.reportCategories UL LI {
  background: url(../images/common/folder.png) no-repeat;
  padding-left: 20px;
  margin-left: 0;
}

.reportCategories LI.selected {
  background: url(../images/common/folder_open.png) no-repeat;
}

.reportCategories .folder {
  height: 310px;
  max-height: 310px;
  width: 641px;
  max-wdith: 641px;
  border: 1px solid;
}

.reportCategories .folder .contents {
  height: 310px;
  max-height: 310px;
  width: 625px;
  max-width: 625px;
  overflow: -moz-scrollbars-vertical;
  overflow-y: auto;
}

.reportCategories .folder TABLE {
  width: 100%;
}

.reportCategories .folder A {
  background: url(../images/common/download.png) no-repeat;
  padding-left: 20px;
  margin-left: 0;
}

.reportCategories .folder .date {
  width: 150px;
}

.reportCategories .folder .type {
  width: 40px;
}

.reportCategories .folder .size {
  width: 75px;
}

/***************************************/
/*---------- Cardholder Edit ----------*/
/***************************************/
.cardHolderEdit fieldset.inlineLabels {
  width: 500px;
}

/*********************************/
/*---------- Card Info ----------*/
/*********************************/
.cardInfo TABLE.info TH.alt {
  text-align: right;
}

/***************************************/
/*---------- Message Ticket  ----------*/
/***************************************/
.messageSearch div {
  margin: 0 0 15px 0;
}

.messageSearch div label {
  float: left;
  width: 120px !important;
}

.messageSearch .toFrom label {
  float: none !important;
  display: inline !important;
}

.addNewComment {
  width: 560px;
  height: 230px;
}

.addCommentForm {
  position: relative;
  width: 460px;
  padding: 10px 10px 10px 50px;
  top: 15px;
  margin: 10px 0 0 20px;
}

/***************************************/
/*-------- add New Cardholder  --------*/
/***************************************/
.addNewCardholder .userInformation {
  margin: 0 0 15px 0;
}

.addNewCardholder .userInformation label {
  width: 130px;
  float: left;
}

.addNewCardholder .userInformation input#dobYear {
  width: 50px;
}

.addressContainer {
  width: 360px;
  float: left;
}

.voidCheck {
  position: fixed;
  margin-top: -15px;
  margin-left: -20px;
}

@media print {
  .doNotPrint {
    display: none;
  }
  .directDeposit {
    height: 231px;
    margin: 0 0 0 30px;
  }
  .aui a[href]:after {
    content: none !important;
  }
}
/***************************************/
/*-------------- add User & update user  ------------*/
/***************************************/
.topDiv {
  width: 99%;
  float: left;
  margin-top: 15px;
}

.floatLeft {
  float: left;
}

.marginLeft15 {
  margin-left: 15px;
}

.marginLeft45 {
  margin-left: 45px;
}

.marginLeft250 {
  margin-left: 250px;
}

.leftColum {
  float: left;
  margin-left: 25px;
  width: 75px;
  text-align: right;
}

.firstLeftItem {
  float: left;
  width: 95px;
  text-align: right;
}

.rightColumn {
  float: left;
  width: 125px;
  text-align: right;
}

.anotherLeftCllm {
  float: left;
  width: 40px;
  margin-left: 15px;
}

.outerDiv {
  width: 99%;
  float: left;
  margin-top: 15px;
}

.maxWidth {
  width: 100%;
}

.width65 {
  width: 65px;
}

.displaynone {
  display: none;
}

.marginRight100 {
  margin-right: 100px;
}

/***************************************/
/*------------ Personal information----*/
/***************************************/
.myClassPersonalInfo {
  width: 180px;
  float: left;
}

.maxLengthFloatLeft {
  width: 100%;
  float: left;
  margin-top: 10px;
}

/***************************************/
/*------------ Role permission assignment----*/
/***************************************/
.width250 {
  width: 250px;
}

.rolesList {
  width: 680px;
  height: 240px;
  margin-top: 30px;
}

.textAlignCenter {
  text-align: center;
}

.width408 {
  width: 408px;
}

.width80 {
  width: 80px;
}

.paddingTop70 {
  padding-top: 70px;
}

.height100 {
  height: 100px;
}

.marginTop10 {
  margin-top: 10px;
}

.textAlignRight {
  text-align: right;
}

.width100 {
  width: 100px;
}

.width110 {
  width: 110px;
}

.marginTop160 {
  margin-top: 160px;
}

.width800 {
  width: 800px;
}

.padding0 {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.roleTextFormat {
  font-size: 1.2em;
}

/***************************************/
/*------------View edit user access permission ----*/
/***************************************/
.width60P {
  width: "60%";
}

.width40P {
  width: "40%";
}

.vAlign {
  vertical-align: "top";
}

/*******************************************/
/* ---------- Tab navigation ---------- */
/*******************************************/
.tabIndicator {
  display: block;
  height: 26px;
  padding: 0;
  margin: 0;
  float: left;
}

.tabIndicator LI {
  display: inline;
  float: left;
  height: 26px;
  padding: 0;
  margin: 0 5px 0 0;
  font-size: 1.2em;
  font-weight: bold;
}

.tabIndicator SPAN, .tabIndicator A {
  display: block;
  height: 21px;
  padding: 5px 20px 0px 16px;
  margin: 0;
}

.tabIndicator A {
  text-decoration: none;
}

.successMsg {
  border: solid 1px;
  padding: 4px;
  margin: 10px;
}

legend {
  padding: 0 10px;
  font-size: 1.2em;
}

.portlet-column {
  display: table-cell;
  vertical-align: top;
}

.aui-w3-10, .aui .col-md-4 {
  width: 21.47%;
  padding-right: 20px;
  padding-left: 0px;
  /*********** Added for 7.4 ***********/
  flex: 0 0 21.47%;
}

.aui-w7-10, .aui .col-md-8 {
  width: 78.53%;
  padding-right: 0px;
  padding-left: 0px;
  /*********** Added for 7.4 ***********/
  flex: 0 0 78.53%;
  max-width: none;
}

.lfr-actions.direction-down .lfr-trigger strong a {
  padding: 2px 2px 2px 5px;
}

.columns-2 {
  margin: 0 4px 4px;
}

#column-1 .portlet-content .portlet-body H3 {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#column-1 .portlet-boundary {
  padding-bottom: 7px;
}

#login-screen-form {
  width: 800px;
}

#ptbr {
  display: none;
}

.lfr-menu-list-overflow .portlet-print {
  display: none;
}

/***** Liferay DXP changes *****/
#navigation .child-menu {
  display: none;
}

.aui .portlet-title-text {
  max-width: 100%;
  vertical-align: top;
  width: 100%;
  font-size: 22px;
  font-weight: bold;
  padding: 4px 60px 0px 10px;
  height: 34px;
}

.hide-title .portlet-title-text {
  display: none;
}

.show-title .portlet-title-text {
  display: block;
}

.borderless .portlet-title-text {
  display: none;
}

.decorate .portlet-title-text {
  display: block;
}

.aui #layout-column_column-1 .portlet-title-text {
  height: 25px;
  font-size: 1.2em;
  padding: 4px 10px 0px 10px;
  margin-bottom: 5px;
}

#layout-column_column-2 .portlet-title-text, .portlet-topper {
  font-size: 22px;
  font-family: Myriad, Arial, Helvetica, sans-serif;
  line-height: 38px;
  height: 38px;
  font-weight: bold;
  padding: 0 60px 0 10px;
  margin-bottom: 0px;
}

.aui b label, #login-screen-form .ctrlHolder label, .aui span.start-date label, .aui span.end-date label, .aui span.spanHeading label, .aui .tdTextStyle label {
  font-weight: bold;
}

.aui a:hover {
  text-decoration: none;
}

.aui a {
  text-decoration: underline;
}

.aui .row {
  margin-left: 0px;
  margin-right: 0px;
}

.aui input:focus, .aui textarea:focus {
  border: 1px solid;
}

.aui legend {
  border-bottom: 0px;
  width: auto;
  margin-bottom: 0px;
}

.aui #wrapper .historyTable THEAD TH {
  font-size: 11px;
}

.aui .tdTextStyle {
  font-size: 12px;
}

.fsvtable #inputDiv label {
  font-size: 13px;
}

.aui sub {
  font-size: smaller;
}

.aui hr {
  border-top: 1px dotted;
}

.aui #wrapper .tabFooter h2 {
  font-size: 20px;
}

.aui #wrapper .tabFooter h4 {
  font-size: 14px;
}

.aui #wrapper h3 {
  font-size: 1.4em;
}

.aui #portlet_converttokpfpbcard_WAR_dorsey_INSTANCE_y1k69RY33hpV h2 {
  font-size: 1.6em;
}

body.portal-popup {
  padding: 10px;
  background: 0;
}

.aui label, .aui .label {
  font-size: 12px;
  cursor: text;
}

.aui .fundsTransfer .label {
  text-align: left;
  padding: 0;
}

.aui #wrapper .demographics .section, .aui #wrapper .feeSchedules TH, .aui #wrapper .velocityRules .section {
  font-size: 14px;
}

.aui .public-page label, .aui #tablediv thead th {
  font-size: 10px;
}

table {
  clear: both;
}

.aui #wrapper .velocityRules .section {
  font-weight: bold;
}

.aui #wrapper .velocityRules TH {
  font-weight: normal;
}

.aui #wrapper #login-screen-form .submit, .aui input[type=submit], .aui input[type=button], .aui input[type=reset], .aui button {
  border-radius: 4px;
}

.columns-1 #column-1, .columns-max #column-1 {
  display: table;
  width: 100%;
}

.aui .card, .aui .card-horizontal {
  box-shadow: initial;
  margin-bottom: 0px;
}

.aui .portlet-content {
  padding: 0;
}

.aui legend {
  padding: 0 10px;
  font-size: 15px;
}

.aui .col-md-8 .portlet-topper {
  width: 100%;
}

.aui .portlet-body .fsvtable .description th {
  font-size: 12px;
}

.aui .maxWidth fieldset legend {
  font-size: 1.2em;
}

.aui h1, .aui h2, .aui h3, .aui h4, .aui h5, .aui h6, .aui strong {
  font-weight: bold;
}

.aui #wrapper th, .aui #wrapper caption, .aui #wrapper .table-list .table-cell-field {
  font-size: 12px;
  font-weight: bold;
}

.aui .portal-popup th, .aui .portal-popup .table-list .table-cell-field {
  font-weight: bold;
}

.aui .portal-popup .standardContent TH {
  font-size: 12px;
}

.aui .ContextSelections h1 label {
  margin-top: 3px;
}

.aui .portlet {
  margin: 0px;
}

.aui .portal-popup .transactionhistory th {
  font-size: 10px;
}

.aui .portal-tool-tip {
  border: 1px solid;
  max-width: 200px;
  padding: 6px 4px;
}

.aui .ui-dialog-overlay {
  opacity: 0.8;
  z-index: 400;
}

.aui .ui-dialog .ui-dialog-titlebar {
  font-size: 14px;
  font-weight: bold;
  min-height: 28px;
  padding: 0;
  position: relative;
  z-index: 1;
}

.aui .ui-dialog {
  padding: 4px;
}

.aui .ui-dialog .ui-dialog-buttonpane {
  right: 12px;
  text-align: right;
  width: 100%;
}

.aui h4, .aui .h4 {
  font-size: 1.1em;
}

#ui-datepicker-div, .ui-datepicker-inline {
  border: 2px solid;
  padding: 3px;
  width: 185px;
}

.ui-datepicker-control {
  border-bottom: 1px solid;
  margin-bottom: 2px;
}

.ui-datepicker-control, .ui-datepicker-links {
  font-weight: bold;
  letter-spacing: 1px;
}

.ui-datepicker-close a {
  display: block;
  float: right;
  height: 16px;
  margin: 5px 5px 5px 0;
  text-indent: -9999em;
  width: 16px;
}

.ui-datepicker-links {
  margin-bottom: 1px;
  padding: 5px 0;
}

.ui-datepicker-clear, .ui-datepicker-prev {
  float: left;
  width: 34%;
}

.ui-datepicker-prev a, .ui-datepicker-next a {
  background: url() no-repeat;
  font-size: 0;
  height: 16px;
  line-height: 0;
  text-indent: -9999em;
  width: 16px;
}

#ui-datepicker-div a, .ui-datepicker-inline a {
  cursor: pointer;
}

.ui-datepicker-new-row {
  clear: left;
}

.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
  clear: both;
  float: left;
  width: 100%;
}

.ui-datepicker-header .ui-datepicker-new-month {
  float: left;
  margin-left: 5px;
}

.ui-datepicker-header select {
  border: 0;
  font-weight: bold;
}

.ui-datepicker-header {
  border-bottom: 1px solid;
  font-weight: bold;
  padding: 5px 0 6px;
  text-align: center;
}

.ui-datepicker-days-cell a {
  border: 1px solid;
}

.ui-datepicker {
  text-align: center;
}

.ui-datepicker .ui-datepicker-title-row a {
  text-decoration: none;
}

.ui-datepicker a {
  display: block;
  width: 23px;
}

.ui-datepicker-current-day a {
  border: 1px solid;
}

.ui-datepicker-header .ui-datepicker-new-year {
  float: right;
  margin-right: 5px;
}

.ui-datepicker-links a {
  display: block;
  margin: 0 5px;
}

.ui-datepicker-current {
  float: left;
  line-height: 1.3;
  text-align: center;
  width: 30%;
}

.ui-datepicker-next {
  float: right;
  text-align: right;
}

.ui-datepicker-prev a {
  background-image: url(../images/application/datepicker_previous.png);
}

.ui-datepicker-next a {
  background-image: url(../images/application/datepicker_next.png);
}

.ui-dialog .ui-dialog-titlebar-close {
  background: url(../images/application/close.png) no-repeat;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 6px;
  width: 16px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: none;
}

.aui .ui-dialog .errors {
  border: solid 1px;
}

ul li, ol ul li {
  list-style: none none;
}

.aui .addCommentForm {
  width: 520px;
}

.aui .cardHolderSearch .State {
  width: 24px;
}

.aui .portlet-msg-info {
  font-weight: bold;
  font-size: 12px;
  border: none;
  background: none;
}

.aui .form-container .portlet-msg-info {
  display: none;
}

.aui .portal-popup .dispute-transactions {
  font-size: 12px;
  width: 710px;
  margin: auto;
}

.aui .controls-visible .dispute-transactions .admin.journal-article-container {
  border: 1px dashed;
}

.aui .form-container h2.textAlignCenter {
  font-size: 1.6em;
}

.aui .dispute-transactions .text-input-cell {
  height: 26px;
  width: 250px;
}

.aui .dispute-transactions .text-input-cell.template, .aui .dispute-transactions .text-input-cell.read-only {
  border: 1px solid;
}

.aui .dispute-transactions .contact-first-col {
  padding-right: 50px;
}

.aui .dispute-transactions .merchant-name {
  width: 229px;
  height: 53px;
}

.aui .dispute-transactions .date.template {
  width: 99px;
  height: 53px;
}

.aui .portal-popup .dispute-transactions p {
  margin-bottom: 0;
}

.aui .dispute-transactions .footer-inputs {
  width: 40%;
  white-space: nowrap;
  overflow: hidden;
}

.aui .dispute-transactions .amount-value {
  width: 106px;
  height: 53px;
}

.aui .dispute-transactions .reason.template {
  width: 148px;
  height: 53px;
}

.aui .dispute-transactions .mpcn {
  width: 127px;
  height: 53px;
}

.aui .dispute-transactions input[type=radio] + label img.checked {
  display: none;
}

.aui .dispute-transactions input[type=radio] + label img.normal {
  display: inline;
}

.aui .dispute-transactions input[type=radio] + label {
  margin-left: 10px;
}

.aui .dispute-transactions img, .aui .dispute-transactions input[type=radio], .aui .dispute-transactions .article-msg {
  display: none;
}

.aui .dispute-transactions .message-content img {
  display: inline;
}

.aui .dispute-transactions .fsvtable td {
  vertical-align: middle;
  height: 18px;
}

.aui .dispute-transactions .template .question input[type=text], .aui .dispute-transactions .read-only .question input[type=text] {
  border: 0;
  background-image: none;
  border-bottom: 1px solid;
  padding-top: 0;
  padding-bottom: 0;
}

.aui .dispute-transactions .parent {
  margin-left: 0;
}

.aui .dispute-transactions .template .question, .aui .dispute-transactions .read-only .question {
  padding-top: 5px;
  padding-bottom: 5px;
}

.aui .dispute-transactions .question {
  margin: 4px 0;
}

.aui .dispute-transactions .question > div {
  display: inline;
  white-space: nowrap;
}

.aui .dispute-transactions .template .question.text > span.lbl, .aui .dispute-transactions .read-only .question.text > span.lbl {
  vertical-align: bottom;
}

.aui .dispute-transactions .question > span.lbl {
  margin-right: 20px;
}

.aui .dispute-transactions .child {
  margin-left: 20px;
}

.aui .dispute-transactions .grandchild {
  margin-left: 40px;
}

.aui .controls-visible .portlet-topper {
  display: flex;
}

.aui .controls-hidden .portlet-topper {
  display: none;
}

select {
  font-weight: normal !important;
}

.aui .controls-hidden .portlet-journal-content .portlet-body .pull-right {
  display: none;
}

.aui .portlet-msg-error {
  border: 1px solid #F00;
  display: block;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left;
  font-size: 12px;
  color: #263f6a;
}

.aui .portlet-msg-info {
  display: block;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left;
}

.widthtable {
  width: 100%;
}

.widthFirstColumn {
  width: 25%;
}

.widthSecondColumn {
  width: 20%;
}

.setSpaceTD {
  width: 10%;
}

.ptanviewTD {
  padding: 2%;
}

#payToAccountTypeTD {
  padding: 2%;
}

#requiredNotice {
  float: right;
  margin-right: 2%;
}

/** 
 * Cardholder- PTAN History View ref: cardholder-ptan-history.jsp
 */
.cardholderPTANHistoryTable {
  font-size: 1em;
  table-layout: fixed;
  width: 100%;
}

.spanHeading {
  float: left;
  font-weight: bold;
  padding-top: 3px;
}

table.cardholderPTANHistoryTable {
  border-collapse: collapse;
}

table.cardholderPTANHistoryTable td {
  border: 1px solid black;
  padding-left: 3px;
  text-align: center;
}

table.cardholderPTANHistoryTable th {
  border: 1px solid black;
  font-weight: bold;
  padding: 3px;
  text-align: center;
}

table.features tr th:FIRST-CHILD,
table.features tr td:FIRST-CHILD {
  width: 225px;
}

.buttonHolder INPUT[disabled=disabled],
.buttonHolder INPUT[disabled=disabled]:hover,
.buttonHolder INPUT[disabled=disabled]:focus,
.buttonHolder INPUT.disabled:hover,
.buttonHolder INPUT.disabled:focus,
.buttonHolder INPUT.disabled {
  color: #d6d7d6;
  background: #F5F5F5;
}

tr.shadowbg td {
  background-color: #EFEFEF;
}

th.shadowbg td {
  background-color: #EFEFEF;
}

table.cardholderPTANHistoryTable th {
  background-color: #D8D8D8;
}

/*******************************************/
/* -------- BAI Code Configuration ------- */
/*******************************************/
.aui .baiCodesConfiguration .baiCodeConfigTable {
  overflow-y: scroll;
  height: 400px;
}
.aui .baiCodesConfiguration .baiCodeConfigTable thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}
.aui .baiCodesConfiguration .baiCodeConfigTable tbody tr td:last-child {
  padding-right: 0px;
}
.aui .baiCodesConfiguration .editLink {
  text-align: right;
}

/*******************************************/
/* ------- Universal Online Elements ----- */
/*******************************************/
TABLE {
  border-collapse: collapse;
  border-spacing: 0;
}

LABEL {
  font-weight: normal;
}

.aui #wrapper .modal-button {
  width: 100%;
}

.aui #wrapper .col-sm-push-4 {
  left: 33.33333333%;
}

.aui #wrapper .col-sm-pull-6 {
  right: 50%;
}

.topNavElem, .aui .navbar.topNavElem {
  position: initial;
  border: solid 1px #808080;
  min-height: 24px;
  background: url(/o/client-portal-theme/images/menu/sprite.png) repeat-x 0 0;
  margin-bottom: 0;
  border-radius: 0;
  padding: 0rem 0rem;
}
.topNavElem .reverse, .aui .navbar.topNavElem .reverse {
  top: auto;
  bottom: 50%;
}
.topNavElem .reverseSide, .aui .navbar.topNavElem .reverseSide {
  left: auto !important;
  right: 97%;
}
.topNavElem .inlineSubMenu, .aui .navbar.topNavElem .inlineSubMenu {
  position: relative !important;
  display: block !important;
  background-color: #EEEEEE !important;
  text-indent: 0.2em;
  border: unset;
  box-shadow: unset;
  -webkit-box-shadow: unset;
  width: 100% !important;
  margin-top: 0;
}
.topNavElem .inlineSubMenu > li > a:before, .aui .navbar.topNavElem .inlineSubMenu > li > a:before {
  content: "- ";
}
.topNavElem .rightSubMenu, .aui .navbar.topNavElem .rightSubMenu {
  position: absolute !important;
  display: block !important;
  left: 100%;
  top: -7px;
  border-bottom: #CCC 1px solid !important;
  border-left: #CCC 1px solid !important;
  border-right: #CCC 1px solid !important;
  border-top: #CCC 1px solid !important;
  box-shadow: rgba(13, 13, 13, 0.1) 2px 0.15rem 0.15rem 0px !important;
}
.topNavElem .nav.navbar-nav > li > a, .aui .navbar.topNavElem .nav.navbar-nav > li > a {
  color: #263f6a;
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 0.1px;
  padding-right: 10px;
  padding-left: 10px;
  height: 24px;
}
.topNavElem .nav.navbar-nav > .open > a, .aui .navbar.topNavElem .nav.navbar-nav > .open > a {
  color: #263f6a;
}
.topNavElem .nav.navbar-nav > li > a:focus, .aui .navbar.topNavElem .nav.navbar-nav > li > a:focus {
  color: #0a41c5;
  text-decoration: underline;
}
.topNavElem .nav.navbar-nav > .open > a:hover, .aui .navbar.topNavElem .nav.navbar-nav > .open > a:hover {
  color: #0a41c5;
  text-decoration: underline;
}
.topNavElem .nav.navbar-nav > .open, .aui .navbar.topNavElem .nav.navbar-nav > .open {
  background: url(/o/client-portal-theme/images/menu/sprite.png) repeat-x 0 -1700px;
}
.topNavElem .nav.navbar-nav > li > ul > li > a:focus, .aui .navbar.topNavElem .nav.navbar-nav > li > ul > li > a:focus {
  background-color: #B3D4FF !important;
  text-decoration: underline;
}
.topNavElem .nav.navbar-nav > li > ul > li > a:hover, .aui .navbar.topNavElem .nav.navbar-nav > li > ul > li > a:hover {
  background-color: #B3D4FF !important;
  text-decoration: underline;
}
.topNavElem .nav.navbar-nav > li > ul > li > ul > li > a:focus, .aui .navbar.topNavElem .nav.navbar-nav > li > ul > li > ul > li > a:focus {
  background-color: #B3D4FF !important;
  text-decoration: underline;
}
.topNavElem .nav.navbar-nav > li > ul > li > ul > li > a:hover, .aui .navbar.topNavElem .nav.navbar-nav > li > ul > li > ul > li > a:hover {
  background-color: #B3D4FF !important;
  text-decoration: underline;
}
.topNavElem .nav.navbar-nav > li > a > span, .aui .navbar.topNavElem .nav.navbar-nav > li > a > span {
  color: black;
}
.topNavElem .nav.navbar-nav > li.dropdown, .aui .navbar.topNavElem .nav.navbar-nav > li.dropdown {
  border-right: solid 1px #ccc;
  height: 24px;
  min-height: 24px;
}
.topNavElem .nav.navbar-nav > li > ul > li.dropdown, .aui .navbar.topNavElem .nav.navbar-nav > li > ul > li.dropdown {
  display: inherit;
}
.topNavElem .nav.navbar-nav > li > ul > li > a, .aui .navbar.topNavElem .nav.navbar-nav > li > ul > li > a {
  color: #000 !important;
  line-height: 1.5;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 4px;
  font-size: 0.75em;
  font-weight: bold;
}
.topNavElem .nav.navbar-nav > li > ul, .aui .navbar.topNavElem .nav.navbar-nav > li > ul {
  border-bottom: #CCC 1px solid !important;
  border-left: #CCC 1px solid !important;
  border-right: #CCC 1px solid !important;
  border-top: #CCC 1px solid !important;
  box-shadow: rgba(13, 13, 13, 0.1) 2px 0.15rem 0.15rem 0px !important;
  border-radius: 0;
  -moz-box-shadow: rgba(13, 13, 13, 0.1) 2px 0.15rem 0.15rem 0px;
}
.topNavElem .nav.navbar-nav > li > ul > li > ul, .aui .navbar.topNavElem .nav.navbar-nav > li > ul > li > ul {
  border-radius: 0;
}
.topNavElem .nav.navbar-nav > li > ul > li > ul > li > a, .aui .navbar.topNavElem .nav.navbar-nav > li > ul > li > ul > li > a {
  color: #000 !important;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.75em;
  font-weight: bold;
}
.topNavElem .nav.navbar-nav .dropdown-menu, .aui .navbar.topNavElem .nav.navbar-nav .dropdown-menu {
  overflow: visible;
  height: calc(100vh - 155px);
  min-width: auto;
  z-index: 2000;
  min-height: auto;
  width: max-content;
  max-width: 600px;
  max-height: 600px;
  font-size: 14px;
  padding: 5px 0;
  margin: 0px 0 0;
}
.topNavElem .nav.navbar-nav, .aui .navbar.topNavElem .nav.navbar-nav {
  height: 24px;
  min-height: 24px;
}
.topNavElem .navbar-header, .aui .navbar.topNavElem .navbar-header {
  height: 24px;
}
.topNavElem .container-fluid, .aui .navbar.topNavElem .container-fluid {
  padding: 0;
}
.topNavElem .caret-right, .aui .navbar.topNavElem .caret-right {
  border-left: 4px solid;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  float: right;
  margin-top: 4px;
  margin-left: 10px;
}
.topNavElem .nav.navbar-nav .submenu, .aui .navbar.topNavElem .nav.navbar-nav .submenu {
  position: relative;
  color: #000;
  height: auto;
  margin-right: 0.7rem;
  margin-bottom: 0.5rem;
  min-width: auto;
  min-height: auto;
}
.topNavElem .caret, .aui .navbar.topNavElem .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
@media (max-width: 767px) {
  .topNavElem .navbar-header, .aui .navbar.topNavElem .navbar-header {
    float: left;
  }
  .topNavElem .navbar-collapse, .aui .navbar.topNavElem .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .topNavElem .navbar-collapse.collapse, .aui .navbar.topNavElem .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .topNavElem .container-fluid > .navbar-header,
  .topNavElem .container-fluid > .navbar-collapse, .aui .navbar.topNavElem .container-fluid > .navbar-header,
  .aui .navbar.topNavElem .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .topNavElem .navbar-nav, .aui .navbar.topNavElem .navbar-nav {
    float: left;
    margin: 0;
  }
  .topNavElem .navbar-nav > li, .aui .navbar.topNavElem .navbar-nav > li {
    float: left;
  }
  .topNavElem .nav.navbar-nav > li > a, .aui .navbar.topNavElem .nav.navbar-nav > li > a {
    padding-top: 2px;
  }
  .topNavElem .navbar-nav .open .dropdown-menu, .aui .navbar.topNavElem .navbar-nav .open .dropdown-menu {
    position: absolute;
    background-color: white;
    padding: 6px 0 6px;
    min-width: auto;
  }
  .topNavElem .navbar-nav .open .dropdown-menu > li > a, .aui .navbar.topNavElem .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
    line-height: 1.5;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.85em;
    font-weight: bold;
  }
}

.aui .navbar {
  justify-content: left;
}