@charset "utf-8";
/* CSS Document */

/****  FundsXpress Stylesheet ****/
/****  HTML element definitions ****/
body, .body {
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  background-color: #ffffff;
}
table {
  /* work-around for common bug: tables do not inherit body color */
  font-size: 1em;
}
th {
  padding: 3px;
  vertical-align: top;
}
td {
  vertical-align: top;
}
/* block nature of forms is undesired */
form {
  display: inline;
}
input {
  font-size: 11px;
  font-family: Lucida Grande, Arial, sans-serif;
}
select {
  font-size: 11px;
  font-family: Lucida Grande, Arial, sans-serif;
  /* padding: 1px 4px 2px 4px; - doesn't work in firefox. */
  padding-top: 1px;
  padding-bottom: 2px;
}
@media print {
  .no-print-display {display: none;}
}

/**** Page definitions ****/
.page-body {
  /* margin: 20px 75px 10px 75px; */
  margin: 2% 3% 1% 3%;
}
div#whole-page-div {
}
div#whole-replace-page-div {
  visibility: hidden;
  position: absolute;
  top: 2%;
  left: 5%;
}
.page-help {
  float: right;
  font-size: 11px;
  /* were these necessary, anyway? -jej */
  /* white-space: nowrap; */
  /* width: 750px; */
  /* height: 20px; */
  text-align: right;
}
@media print {
  .page-help {display: none;}
}
.page-title {
	font-size: 20px;
	color: #000000;
	width: 600px;
	padding-right: 0px;
}
.page-toolbar {
	padding-right: 0px;
}
@media print {
  .page-toolbar {display: none;}
}
.page-no-toolbar {
  height: 20px;
}
.page-subtitle {
  font-weight: bold;
}
.page-subtext {
  padding: 0 0 10px 0;
}
.page-top-body {
  margin: 0;
  height: 100%;
  background-color: #000000;
  color: #FFFFFF;
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 10px;
  background-image: url(../images/fx/fxweb/var/institution/MCUAHILtopbkg.gif);
  background-repeat: no-repeat;
}
.page-top-body-thin {
  margin: 0;
  height: 100%;
  background-color: #000000;
  color: #ffffff;
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 10px;
}
.help-body {
  margin: 5px 10px 5px 10px;
}


/**** Layout definitions ****/
table.page-layout {
  width: 100%;
  padding: 0 0 0 0;
}
.page-layout-whole {
  width: 100%;
  padding: 0 0 0 0;
}
.page-layout-float {
  padding: 0 0 0 0;
}
.page-layout-left {
  width: 50%;
  padding: 0 5px 0 0;
}
.page-layout-left-narrow {
  width: 33%;
  padding: 0 5px 0 0;
}
.page-layout-middle {
  width: 33%;
  padding: 0 4px 0 4px;
}
.page-layout-left-wide {
  width: 67%;
  padding: 0 5px 0 0;
}
.page-layout-right {
  padding: 0 0 0 5px;
}
.page-content {
  margin: 20px 0 30px 0;
}
/* all descendent tables stretch to full width within layout column. */
td table.module {
  width: 100%;
}
/* all descendent tables stretch to full width within layout div. */
div.wantwrap table.module, div.wantwrap2 table.module, div.wantwrap3 table.module {
  width: 100%;
}
div.page-footer {
  border-top: 1px solid #999;
  font-size: 10px;
  padding-top: 5px;
}
@media print {
  div.page-footer {display: none;}
}
table.page-footer {
  width: 100%;
}
td.page-footer {
  font-size: 10px;
  white-space: nowrap;
}

/**** Module definitions ****/
.module {
  padding: 0 0 0 0;
}
td.module-content {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
.module-content li {
	list-style-image: url(../images/ob/fundsx/icon_arrow_right.gif);
	list-style-position: outside;
}
.module-header {
	white-space: nowrap;
	color: #ffffff;
	font-size: 11px;
	font-family: Lucida Grande, Arial, sans-serif;
	background-color: #660460;
	background-image: none;
	background-repeat: repeat;
	font-weight: bold;
	height: 18px;
	line-height:20px;
}
.module-form-header {
  background-color: #cccccc;
  color: #000000;
  font-size: 11px !important;
  font-family: Lucida Grande, Arial, sans-serif !important;
  font-weight: bold;
  height: 18px;
  line-height: 20px;
  padding: 0 10px 0 10px !important;
  text-align: left !important;
}
.module-corner-left {
	background-image: url(../images/ob/fundsx/module-corner-left.gif);
	background-repeat:no-repeat;
	width: 10px;
	height: 22px;
	float: left;
}
.module-corner-right {
	background-image: url(../images/ob/fundsx/module-corner-right.gif);
	background-repeat:no-repeat;
	width: 10px;
	height: 22px;
	float: right;
}
.module-options {
  float: right;
}
.module-options a {
  clear: right;
  font-weight:normal;
  text-decoration:none;
  color: #FFF;
}
.module-options a:link    { color: #ffffff; }
.module-options a:active  { color: #ffffff; }
.module-options a:visited { color: #ffffff; }
.module-options a:hover   {
  color: #ffffff;
  text-decoration: underline;
}

.module-text {
  padding: 2px 5px 2px 5px;
}

table.module-rows {
  border-collapse: collapse;
  width: 100%;
}
table.module-rows th {
  border-bottom: 1px solid #999;
  border-top: 1px solid #000;
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 3px;
  text-align: center;
}
table.module-rows .headers th {
  background-color: #cccccc;
  color: #000000;
}
table.module-rows td {
  border-bottom: 1px solid #999;
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 11px;
  padding: 3px;
  text-align: center;
}
table.module-rows tr:first-child td {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 11px;
  padding: 3px;
}
table.module-rows .ledger2 td, table.module-rows .ledger2 th {
  /* comment this to turn off row alternation. */
  background-color: #eeeeee;
  color: #000000;
}
table.module-rows .totals th {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  padding-top: 6px;
  text-align: right;
}
table.module-rows .totals td {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  padding-top: 6px;
}


table.module-ledger {
  border-collapse: collapse;
  width: 100%;
}
table.module-ledger th {
  border: 1px solid #999;
  border-top: 1px solid #000;
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 3px;
  text-align: center;
}
table.module-ledger .headers th {
  background-color: #cccccc;
  color: #000000;
}
table.module-ledger td {
  border: 1px solid #999;
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 11px;
  padding: 3px;
  text-align: center;
}
table.module-ledger .ledger2 td, table.module-ledger .ledger2 th {
  background-color: #eeeeee;
  color: #000000;
}
table.module-ledger .totals th {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  padding-top: 6px;
  text-align: right;
}
table.module-ledger .totals td {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  padding-top: 6px;
}


/* OBSOLETE: */
table.module-data {
  border-collapse: collapse;
  width: 100%;
}
table.module-data th {
  border: 1px solid #999;
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 3px;
  text-align: center;
}
table.module-data .headers th {
  background-color: #cccccc;
  color: #000000;
}
table.module-data td {
  border: 1px solid #999;
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 11px;
  padding: 3px;
  text-align: center;
}
table.module-data .ledger2 td, table.module-data .ledger2 th {
  background-color: #eeeeee;
  color: #000000;
}
table.module-data .totals th {
  padding-top: 6px;
  text-align: right;
}
table.module-data .totals td {
  padding-top: 6px;
}


table.module-form {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}
table.module-form th, th.module-form {
  font-size: 11px;
  font-family: Lucida Grande, Arial, sans-serif;
  font-weight: bold;
  text-align: right;
  padding: 3px 5px 3px 15px;
}
table.module-form th.above-input {
  text-align: left;
  padding: 3px 15px 3px 5px;
}
table.module-form .heading th {
  background-color: #cccccc;
  color: #000000;
  text-align: left;
}
table.module-form td, td.module-form {
  font-size: 11px;
  font-family: Lucida Grande, Arial, sans-serif;
  font-weight: normal;
  text-align: left;
  padding: 3px 15px 3px 5px;
}

/**** Top Frame Definitions ****/
@media print {
  div.top {display: none;}
}
.top-navbar {
  background-color: #000000;
  vertical-align: middle;
  height: 25px;
  white-space: nowrap;
}
ul#top-navbar-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 11px;
  font-family: Lucida Grande, Arial, sans-serif;
}
ul#top-navbar-ul li {
  display: block;
  background-image: none;
  color: #ffffff;
  background-color: #000000;
  float: left;
  margin: 0;
  width: auto !important;
  /*width: 15%;*/
  line-height: 25px;
  white-space: nowrap;
  border-right: 1px solid #FFF;
}
ul#top-navbar-ul li a {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}
ul#top-navbar-ul .inactive {
  color: #ffffff;
  background-color: #000000;
}
ul#top-navbar-ul .active {
  color: #000000;
  background-color: #ffffff;
  border: 0;
}
ul#top-navbar-ul li a.inactive:hover {
  color: #ffffff;
  background-color: #333333;
  cursor: pointer;
}
ul#top-navbar-ul li a.active:hover {
  cursor: pointer;
}
td.top-links {
  text-align: right;
  vertical-align: top;
  padding: 5px 5px 0 0;
}
td.top-links p {
  padding-right: 5px;
}
.smaller {
  font-size: 10px;
}
.last-login {
  font-size: 10px;
}
.logo {
}

/**** Login definitions ****/
.login-page {
  margin: 0 auto;
  background-color: #ffffff;
  color: #000000;
  max-width: 750px;
}
table.login {
  border-collapse: collapse;
}
table.login td {
  padding: 1px;
}
.login-outer {
  width: 200px;
}
.login-inner {
  width: 200px;
  text-align:center;
}
.login-field-title {
  font-weight: bold;
  text-align: left;
  font-size:10px;
  text-transform:uppercase;
}
.login-field {
  width: 80px;
  border: 1px solid #333;
}
.login-button {
  border: 1px solid #333;
  background-color: #CCC;
}
.login-text {
  margin: 10px 0 10px 0;
  border-bottom: 1px dotted #CCC;
  padding-bottom: 10px;
  text-align: center;
}
.login-text a {
  text-decoration:none;
}
a.forgot-passcode {
  font-size: 10px;
}
#marketing-area {
}
#login-column {
  width: 200px;
  border-left: 1px dotted #999;
  padding:10px;
  float: right;
}
#footer-login {
  clear: both;
}
.alert-text {
  display: block;
  text-align: left;
}


/**** Navigation Definitions ****/
.button-main {
  height: 22px;
  padding: 2px 7px 4px 7px;
  border: 1px solid #666;
  margin: 3px 0 0 0;
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 11px;
  color: #000066;
  background-color: #A8B5C8;
  text-decoration: none;
  font-weight: bold;
  background-image: url(../images/ob/fundsx/button-nav-off-bkg.gif);
}
@media print {
  .button-main {display: none;}
}
.button-main:hover {
  color: #ffffff;
  background-color: #4A6181;
  background-image: url(../images/ob/fundsx/button-nav-on-bkg.gif);
}
.submit-buttons {
  text-align: right;
  padding-bottom: 0.5em;
}
.form-buttons {
  float: left;
  text-align: left;
}

/* Other */
.shaded {
  background-color: #cccccc !important;
}
.user-disabled {
  text-decoration: line-through;
}
.left {
  padding-left: 5px !important;
  text-align: left !important;
}
.center {
  text-align: center !important;
}
.right, .numeric {
  padding-right: 5px !important;
  text-align: right !important;
}
.list-font {
  font-family: Lucida Grande, Arial, sans-serif !important;
  font-size: 10px !important;
}
.urgent-font {
  font-family: Lucida Grande, Arial, sans-serif;
  font-size: 11px;
  color: #ff0000 !important;
}
.nowrap {
  white-space: nowrap !important;
}
.alert {
  color: #ff0000 !important;
}
.no-vertical-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.no-side-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-left-padding {
  padding-left: 0 !important;
}
.no-right-padding {
  padding-right: 0 !important;
}
a.alert {
  color: #ff0000;
  text-decoration: none;
}
a.alert:hover {
  color: #ff0000;
  text-decoration: underline;
}
.error-star {
  vertical-align: -0.2em;
  color: #ff0000;
  font-size: 24px;
}
hr.errors {
 background-color: #000000;
 height: 3px;
 width: 100%;
}
.required-star {
  font-size: 14px;
}
.wantwrap {
  max-width: 650px;
}
.wantwrap2 {
  max-width: 500px;
}
.wantwrap3 {
  max-width: 800px;
}
.equal-margins {
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}
.divider {
  border-bottom: 1px solid #CCC;
}
.toolbar-item {
  white-space: nowrap;
  padding-right: 2px;
}
.statement {
  font-family: Courier, monospace;
  font-size: 10px;
  color: #000000;
  padding: 5px 5px 5px 5px;
}
.bill {
  border: 4px #888 solid;
  background-color: #c0c0c0;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
}
.bill-outer {
  background-color: #aaaabb;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
}


a:link    { color: #0000ff;  }
a:active  { color: #ff0000; }
a:visited { color: #800080; }
a:hover   { color: #000088; }

@media print {
  a:link, a:active, a:visited, a:hover {
    color: #000000;
    text-decoration: none;
  }
}

.page-top-body a {
  text-decoration: none;
}
.page-top-body a:link    { color: #FFFFFF;  }
.page-top-body a:active  { color: #FFFFFF; }
.page-top-body a:visited { color: #FFFFFF; }
.page-top-body a:hover   {
  color: #FFFFFF;
  text-decoration: underline;
}

.page-top-body-thin a {
  text-decoration: none;
}
.page-top-body-thin a:link    { color: #ffffff; }
.page-top-body-thin a:active  { color: #ffffff; }
.page-top-body-thin a:visited { color: #ffffff; }
.page-top-body-thin a:hover   {
  color: #ffffff;
  text-decoration: underline;
}

.page-toolbar a {
  text-decoration: none;
}
.page-toolbar a:link    { color: #000000;  }
.page-toolbar a:active  { color: #000000; }
.page-toolbar a:visited { color: #000000; }
.page-toolbar a:hover   {
  color: #000044;
  text-decoration: underline;
}

.page-help a {
  text-decoration: none;
}
.page-help a:link    { color: #000000;  }
.page-help a:active  { color: #000000; }
.page-help a:visited { color: #000000; }
.page-help a:hover   {
  color: #000044;
  text-decoration: underline;
}

.header a:link    { color: #000000;  }
.header a:active  { color: #000000; }
.header a:visited { color: #000000; }
.header a:hover   { color: #000000; }

.urgent-font a:link    { color: #ff0000; }
.urgent-font a:active  { color: #ff0000; }
.urgent-font a:visited { color: #ff0000; }
.urgent-font a:hover   { color: #ff0000; }

.clickable-icon {
  margin: 2px;
  padding: 2px;
  border: 0px;
}

.clickable-icon:hover {
  border: 1px solid #CCC;
  margin:1px;
  cursor: pointer;
}

.Footer { font-family: Lucida Grande, Arial, sans-serif; font-size: 10px; }
.OptionNotAvailable { color: #CCC; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
  -moz-appearance: textfield;
}


#webPortalLoginForm input {
  border: 1px solid #808080;
}

#webPortalLoginForm input[type=submit] {
  font-size: .8rem;
  font-weight: 700;
  border-radius: 5px;
  margin-bottom: 0.8rem;
}

#webPortalLoginForm label {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0;
  cursor: pointer;
  background-color: #fff;
}