/* "zero-state" of banking */

body, html, .txtarea {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:left;
	color:#222;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:.85em;
	vertical-align:top;
}
form, p {
	margin:0;
	padding:0;
}
th {
	font-weight:normal;
}
#hiddenPreload {
    background:url(https://onlinebanking.hewfcu.com/webResources/gifs/loading.gif);
    background-repeat: no-repeat;
    background-position: -1000px -1000px;
    height:0;
    overflow: hidden;
}
#page {
	padding:5px;
}
#pageBody {
	clear:both;
	text-align:left;
	margin-top:0px;
/*	padding-left:1px; */
	padding-top:6px;
	padding-bottom:2px;
	width:100%;
}
#tabBody,
#floatClear {
	clear:both;
}

h2, h3, h4 {
	font-size:110%;
	margin:0;
	padding:0;
	margin-left:4px;
	float:left;
	font-weight:bold;
}
h3 {
	font-size:90%;
}
.tCase {
	text-transform:capitalize;
}
.button, a.button {
    padding: .2em .3em;
	display:inline;
	font-size:100%;
	border:1px solid #aaaaaa;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	cursor:pointer;
}
a.button {
	font-size:95%;
	padding:.3em .4em;
}
.button:hover {
	background-color:#FFFFCC;
	color:#000;
}
.disabled,
input[disabled='disabled'].button {
	color:#999999;
}
.disabled:hover,
.button.disabled:hover,
input[disabled='disabled'].button:hover {
	color:#999999;
	cursor:default;
}

input.button {
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
}

input.button[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

#menu ul li.single.logoutLink {
    float:right;
}

#userDash {
    text-align:left;
    overflow:visible;
    margin:6px 1px;
    margin-bottom:10px;
    float:left;
    width:99%;
	position:relative;
}
#userDash .userGreeting,
#userDash .securityKey,
#userDash .userLastLogin,
#userDash .userMail {
    float:left;
    clear:left;
    width:42%;
    padding:2px 6px;
}
#userDash .userGreeting {
    background-color:transparent;
    margin-bottom:4px;
}
#userDash .userGreeting .userName {
    font-weight:bold;
    font-size:120%;
}
#userDash .userGreeting .sub {
    font-size:90%;
    color:#444;
}
#userDash .userMessage {
    float:left;
    clear:left;
    width:44%;
    border:1px solid #ccc;
    font-size:90%;
    margin:4px 0 4px 4px;
}
#userDash .userMessage h2 {
	display:block;
	float:none;
	padding:2px 2px 2px 4px;
	background-color:#eee;
	margin:0;
}
#userDash .userMessage p {
    margin:5px;
}

#userDash .securityKey,
#userDash .userLastLogin,
#userDash .userMail {
    font-size:90%;
    color:#444;
    margin-left:4px;
}
#userDash .securityKey a {
    font-size:100%;
    color:#ff0000;
    text-decoration:none;
}
#userDash .securityKey a:hover {
    text-decoration:underline;
}
#mcm {
	float:right;
	margin-top:-30px;
}
#userDash .userMail {
	margin-bottom:4px;
}
#userDash .messageNotifier {
	cursor:pointer;
	text-decoration:underline;
}
#userDash .messageNotifier:hover {
	cursor:pointer;
	text-decoration:none;
}

#timer.timer {
	overflow:visible;
	float:right;
	font-size:100%;
	display:none;
	width:150px;
	padding:3px 1px;
	border:1px solid #eee;
	margin-bottom:4px;
}
#timer div {
	float:left;
	vertical-align:middle;
	margin-left:4px;
}
#timer.timer .label {
	color:#666;
	font-size:90%;
	line-height:180%;
}
#timer.timer .input {
	background-color:#f3f3f3;
	border:1px solid #eee;
	padding:3px 4px;
	line-height:100%;
	font-weight:bold;
	color:#444;
	display:block;
	margin-right:4px;
}
#startPage {
    width:90%;
    text-align:center;
    border:1px solid #eee;
    font-size:140%;
    padding:40px 0;
    margin:20px auto;
    background-color:#fefefe;
    color:#aaa;
    font-weight:bold;
}
#cavVersion {
	color:#888;
	font-size:90%;
	text-align:left;
	margin-left:4px;
	margin-top:-3px;
}
.errorMessage, .successMessage {
	width:60%;
	margin:10px auto;
	padding:10px;
	border:3px double #ff0000;
	background-color:#fff;
}
.errorMessage h2, .successMessage h2 {
	float:none;
	color:#ff0000;
	display:block;
	text-align:center;
	margin:0;
}
.errorMessage h3, .successMessage h3 {
	float:none;
	display:block;
	text-align:center;
	margin:0;
}
.errorMessage ul, .successMessage ul {
	margin:4px auto 4px auto;
	width:80%;
	padding:0;
	list-style:none;
}
.errorMessage ul li, .successMessage ul li, .infoMessage ul li {
	margin:0;
	padding:4px 2px;
	text-align:left;
}
.errorMessage ul li .sub, .successMessage ul li .sub, .infoMessage ul li .sub {
    display:block;
    margin-left:6px;
    font-size:90%;
}
.errorMessage .dataTitle h2, .successMessage .dataTitle h2, .infoMessage .dataTitle h2 {
	color:#222;
	text-align:left;
}
.successMessage {
	border-color:#009900;
	text-align:center;
	font-weight:bold;
}
.infoMessage {
	text-align:center;
	font-weight:bold;
	background-color:#F6F6F6;
	border:1px solid #FDFDFD;
}
.successMessage h2, .successMessage h3 {
	color:#222;
}
.errorMessage p, .successMessage p {
    text-align:center;
}
#alertConfirm .infoMessage,
#alertConfirm .errorMessage {
	width:auto;
	margin:4px;
}

.loadBox {
	background-image:url(https://onlinebanking.hewfcu.com/webResources/gifs/loading.gif);
	background-repeat:no-repeat;
	background-position:center;
 	padding:20px 30px 10px 30px;
	width:140px;
	height:30px;
	text-align:center;
	margin:0;
	display:block;
}
.loadBox p {
	font-weight:bold;
	font-size:12pt;
	color:#444;
	margin:0;
	padding:0;
	text-align:center;
}
#loadBlur {
	position:absolute;
	margin:-5px 0 0 -6px;
	left:0px;
	top:0px;
    background-color:#fff;
	display:none;
	z-index:600;
}
#loadConfirm {
	position:absolute;
	width:180px;
	top:60px;
	left:50%;
	margin-left:-90px;
	vertical-align:middle;
	z-index:601;
	overflow:visible;
}
#loadInconfirm {
	position:relative;
	background-color:#eee;
	border:1px solid #bbb;
	padding:3px;
	width:200px;
}
.printFriendly {
	text-align:right;
	clear:both;
}
.printFriendly a {
	margin-left:8px;
}

.txtfield, .select, .txtarea {
	padding:2px;
	border:1px solid #aaa;
	font-size:100%;
}
.select {
	padding:0;
	cursor:pointer;
}
.select.taxType,
.select.accountNumber {
	width:99%;
}
.select.over {
	position:absolute;
	width:auto;
}
.txtfield.disabled {
	background-color:#CCCCCC;
	color:#666666;
}
.txtarea {
    width:95%;
    height:80px;
}

/* dataTable styles */
.dataWrapper {
	padding:2px;
	width:99%;
	border:1px solid #cccccc;
	border-collapse:collapse;
}
.dataTable {
	clear:both;
	border:1px solid #cccccc;
	border-collapse:collapse;
	text-align:left;
	width:100%;
	margin:6px 0 8px 0;
}
div.dataTable {
	padding:2px;
	width:99%;
}
.dataTable th {
	vertical-align:bottom;
}
.dataTable td, .dataTable th {
	border-width:0px;
	padding:3px;
}
.dataTable th.header {
	padding-right:20px;
	cursor:pointer;
   	background-image: url(https://onlinebanking.hewfcu.com/webResources/gifs/sortarrows.gif);
   	background-repeat:no-repeat;
   	background-position: 98% 50%;
}
.dataTable th.header:hover {
	background-color:#EEEEAA;
}
.dataTable th.headerSortUp {
	background-image:url(https://onlinebanking.hewfcu.com/webResources/gifs/sortdown.gif);
	background-repeat:no-repeat;
	background-position:98% 50%;
}
.dataTable th.headerSortDown {
	background-image:url(https://onlinebanking.hewfcu.com/webResources/gifs/sortup.gif);
	background-repeat:no-repeat;
	background-position:98% 50%;
}
.dataTable tr.dataTitle td, div.dataTitle {
	background-color:#ccc;
	vertical-align:bottom;
	width:auto;
}
.dataTable tr.dataTitle.sub td, div.dataTitle.sub {
	width:95%;
	margin:0 auto;
}
div.dataTitle {
	padding:3px;
	overflow:auto;
	margin-bottom:6px;
	display:block;
}
.dataTitle h3 {
	float:right;
	width:40%;
	margin-right:4px;
	text-align:right;
}
.dataTitle h3 .button {
	display:block;
	float:right;
	padding:1px 3px;
}
.dataTitle.sub h2,
.dataTitle.sub h3 {
	font-weight:normal;
}
.form.result .dataTitle.sub {
	width:auto;
}

.dataTable .dataHeader th {
	background-color:#ddd;
	font-size:90%;
}
.dataTable .dataHeader td.dataHead {
	background-color:#ccc;
	font-size:90%;
	text-align:center;
}
.dataTable .dataHeader th a {
	text-decoration:none;
	color:#222;
}
.dataTable .dataHeader th a:hover {
	text-decoration:underline;
}
.dataTable .dataRow td {
	vertical-align:top;
}
.form .formBlock .dataTable {
	width:90%;
	margin:4px auto;
}
.neg,
.button.neg,
.dataTable .controls.neg a {
	color:#ff0000;
}
.positive,
.button.positive,
.dataTable .controls.positive a {
	color:#009900;
}
.highlight {
    background-color:#eee;
}
div.dataTitle.sub.highlight {
    background-color:#99FF66;
}
.req {
    font-weight:bold;
}
.balanced {
	color:#fff;
	background-color:#00CC00;
}
.important {
    font-weight:bold;
    color:#ff0000;
}

.dataTable .dataRow.rowSelected {
	font-weight:bold;
}
.dataTable .dataRow td .sub,
.dataTable .dataHeader th .sub {
	display:block;
}
.dataTable .totalRow td,
div.totalRow {
	border:1px solid #666;
	border-width:1px 0;
	background-color:#E6FFE6;
	text-align:right;
	padding-right:6px;
}
.dataTable .totalRow.neg td,
div.totalRow.neg {
	background-color:#ffe6e6;
}
.dataTable .totalRow td span {
	margin-left:6px;
	font-weight:bold;
}
.dataTable .dataRow.remainder td {
	border:1px solid #666;
	border-width:1px 0;
}
.dataTable .smm,
.dataTable .noAccounts,
.dataTable .noHistory,
.dataTable .date,
.dataTable .status,
.dataTable .approve,
.dataTable .approver,
.dataTable .controls,
.dataTable .dataHeader .accountNumber {
	text-align:center;
}
.dataTable .description,
.dataTable .account.from,
.dataTable .account.to,
.dataTable .totalRow .description,
.dataTable .category,
.dataTable .taxType,
.dataTable .filingPeriod,
.dataTable .confirmnum,
.dataTable .decision {
	text-align:left;
	padding-left:6px;
}
.dataTable .account,
.dataTable .amount,
.dataTable .rate,
.dataTable .historyInterest,
.dataTable .historyPrincipal,
.dataTable .historyFees,
.dataTable .historyBalance {
	text-align:right;
	padding-right:6px;
}
.dataTable .txtfield.amount,
.txtfield.amount {
    text-align:right;
    width:auto;
    overflow:hidden;
}
.dataTable .account,
.dataTable .smm {
	width:3%;
	white-space:nowrap;
}
.dataTable .account.from,
.dataTable .account.to {
	width:auto;
}
.dataTable th.account {
	white-space:normal;
}
.dataTable .account.description {
    width:auto;
    white-space:normal;
    padding-left:0;
}
.dataTable .check,
.dataTable .count {
	width:1%;
	vertical-align:middle;
	text-align:center;
}
.dataTable .amount,
.dataTable .date,
.dataTable .historyInterest,
.dataTable .historyPrincipal,
.dataTable .historyFees,
.dataTable .historyBalance {
	width:11%;
	overflow:visible;
	white-space:nowrap;
}
.dataTable .totalRow .description {
	padding-left:10px;
}
.dataTable .totalRow .amount {
	font-weight:bold;
}
.dataTable .date,
.dataTable .amount,
.dataTable .historyInterest,
.dataTable .historyPrincipal,
.dataTable .historyFees,
.dataTable .historyBalance,
.dataTable .totalRow .description {
	white-space:nowrap;
}
.dataTable .controls {
	width:3%;
	white-space:nowrap;
}
.dataTable td.controls a {
	margin:0 7px;
}
.dataTable td.controls a img {
	margin-top:2px;
}
.dataTable .smm a.smmLink {
	text-decoration:none;
	display:block;
}
.dataTable td.noAccounts,
.dataTable td.noHistory,
div.noAccounts,
div.noHistory {
	padding:10px;
	text-align:center;
}
.dataTable td.noAccounts .button,
.dataTable td.noHistory .button,
div.noAccounts .button,
div.noAccounts .button {
	margin:6px;
}
div.noAccounts, div.noHistory {
	width:95%;
	margin:2px auto;
	border:1px solid #444;
}
.noAccounts p, .noHistory p {
    text-align:center;
}
.dataTable .amount strong,
.dataTable .account .sub,
.dataTable .type .sub,
.dataTable .owner .sub {
	display:block;
}

.dataTable .amount .txtfield {
	width:100px;
	text-align:right;
}
.dataTable tr.credit .amount .txtfield {
    background-color:#f1fff6;
}
.dataTable tr.debit .amount .txtfield {
    background-color:#fff1f1;
}
.dataTable td.type .txtfield,
.dataTable td.type .select {
	font-size:80%;
}
.dataTable .amount label {
	display:block;
}
.dataTable .dataRowChild .dataRowChildwrapper {
	padding:0px 4px 10px 15px;
}
.dataTable .dataRowChild .dataTable {
    margin:0;
}
.dataTable .show a,
.dataTable .hide a {
	display:block;
	background:url(https://onlinebanking.hewfcu.com/webResources/gifs/addplus.gif) no-repeat center;
	margin:4px 4px 2px 1px;
	width:12px; 
	height:12px;
}
.dataTable .hide a {
	background:url(https://onlinebanking.hewfcu.com/webResources/gifs/addminus.gif) no-repeat center;
}
.dataTable .achSpacer {
    width:12px;
    height:12px;
}
.dataTable tr.dataRow.manual td {
	background-color: #F8DCBD;
}				
.dataTable tr.dataRow.on td,
.dataTable tr.dataRow.manual.on td {
	background-color: #D2FFE1;
}

div.tableSearch .searchWrapper {
    display:none;
}
div.dataPager {
    margin:0 2px;
    border:1px solid #ccc;
    float:right;
    padding:2px 3px 4px 2px;
    background-color:#efefef;
    font-size:90%;
    line-height:90%;
    vertical-align:top;
    display:block;
}
.tabBlock div.dataPager {
    border-bottom:none;
    position:absolute;
    right:0;
    bottom:0;
}
.advanced_ach_batch_body .formBlock.tabBlock.phoenix {
	margin-bottom:0;
}
.advanced_ach_batch_body .formBlock.tabBlock.phoenix div.dataPager {
	position:relative;
}

div.dataPager h2 {
    font-size:90%;
    margin-right:10px;
    line-height:100%;
}

div.dataPager .button,
div.dataPager .txtfield,
div.searchWrapper .button {
    line-height:9px;
    margin:2px;
    padding:1px 2px;
}
div.dataPager .tableSearch {
    display:inline;
    margin-left:14px;
}
div.dataPager .pageNumber {
    display:inline;
    margin-left:6px;
    margin-right:6px;
}
div.dataPager .pagedisplay {
    font-weight:bold;
}

div.dataPager .pageRows {
    display:inline;
    margin-left:14px;
}

#loginPage_body.loginPage_body {
    height:300px;
    display:block;
}
.disclosure {
    border:1px solid #ccc;
    padding:8px;
    margin:4px auto;
    width:90%;
    height:500px;
    overflow:auto;
}
.disclosure p,
.disclosure h1,
.disclosure h2,
.disclosure h3,
.disclosure h4 {
	font-size:auto;
	margin:auto;
	float:none;
}

.form.disclosure {
    text-align:center;
    border:none;
    height:auto;
    width:auto;
}

.helpBox {
	float:left;
	margin:8px 4px;
	padding:10px 6px;
	text-align:left;
	width:170px;
	vertical-align:top;
	background-color:#F6F6F6;
	border:1px solid #FDFDFD;
}
.helpBox h2 {
	display:block;
	float:none;
	padding:2px 2px 2px 4px;
	margin:-15px -10px 8px -10px;
	background-color:#eee;
	font-size:90%;
}
.helpBox h3 {
    float:none;
    margin:5px 8px;
}
.helpBox p {
	font-style:italic;
	color:#0000FF;
}

.helpBox.info,
.infoMessage {
	border:1px solid #ccc;
	margin:10px auto;
	padding:0;
	float:none;
	width:80%;
	clear:both;
}
.helpBox.info h2,
.infoMessage h2 {
	display:block;
	float:none;
	padding:4px 4px 4px 6px;
	background-color:#ddd;
	margin: 0 0 10px 0;
}
.helpBox.info ul,
.infoMessage ul {
	margin:8px;
	margin-left:20px;
	padding-left:7px;
}
.helpBox.info p,
.infoMessage p {
	font-style:normal;
	color:#222;
	margin:10px;
}
.formBlock .infoMessage {
   	margin:2px auto;
}
.formBlock .infoMessage p {
   	font-weight:normal;
   	margin:5px;
}

/* choice form */
.form {
	vertical-align:top;
	padding:1px;
	overflow:auto;
}
.form.confirm {
	margin-top:6px;
}
.form.result {
	margin:6px auto 0 auto;
	width:90%;
}
.form.result .errorMessage,
.form.result .successMessage {
	width:auto;
	margin:5px 10px;
}
.form .dataTitle {
	margin-bottom:8px;
}
.form p {
	margin:10px 3px;
}
.formBlock {
	display:block;
	clear:both;
	overflow:auto;
}
.formBlock p {
    text-align:center;
}
.form .formBlock .label {
	float:left;
	text-align:right;
	width:45%;
	padding:4px 0 1px 0;
	display:block;
	vertical-align:top;
	font-size:95%;
	color:#444;
}
.form .formBlock .label.neg {
    color:#ff0000;
}
.form .formBlock .label .sub {
	font-size:80%;
	display:block;
}
.form.confirmForm .formBlock .label {
	padding:1px 0;
}
.form .formBlock .label.req {
	font-weight:bold;
}
.form .formBlock .label.req .sub {
	font-weight:normal;
}
.form .formBlock .input {
	float:right;
	clear:right;
	text-align:left;
	width:54%;
	display:block;
	padding:3px 0 1px 0;
	overflow:hidden;
	vertical-align:top;
}
.form .formBlock .input input,
.form .formBlock .input select {
	margin-top:-3px;
}
.form .formBlock .input input[type="checkbox"],
.form .formBlock .input input[type="radio"] {
	margin-top:0px;
	margin-left:1px;
	margin-bottom:0px;
}
.form .formBlock .input .sub {
	display:block;
	font-size:85%;
	padding-left:4px;
	color:#777;
}
.form .formBlock .input label {
	display:block;
	margin-bottom:4px;
}
.form .formBlock .input label input {
	margin-right:5px;
}
.form .input.email label,
.form .input.email .txtfield {
    float:left;
}
.form .input.email .txtfield {
    margin:0 0 3px 8px;
}
.form.confirm .formBlock .input,
.form.result .formBlock .input {
	font-weight:bold;
}
.form .formBlock .input p {
	text-align:left;
}
.form.confirm .formBlock .input p {
	font-weight:normal;
	margin:2px 0;
}
.form .formBlock .input .imageBlock p {
	text-align:center;
}
.formBlock.formControls {
	text-align:center;
	display: block;
	clear:both;
	padding:5px;
	margin-bottom:14px;
}
.formBlock.formControls .button {
	margin-right:1em;
}
.formBlock.formControls.nav {
	padding-top:8px;
	text-align:left;
}
.form .formBlock.screenShot {
	border:none;
	float:none;
	text-align:center;
    margin:5px auto;
    background:none;
}
.errorMessage .formBlock.formControls,
.successMessage .formBlock.formControls,
.infoMessage .formBlock.formControls {
	margin-bottom:0;
	margin-top:6px;
}
.subFormWrapper {
	margin:0 auto;
	width:90%;
}
.subFormWrapper .form {
	margin:10px 0;
}
.form .formBlock {
	margin:5px 0;
}
.formBlock.tabBlock {
	margin:5px 0 0 0;
	padding:0;
	position:relative;
}
.form.result .formBlock {
	text-align:center;
	margin:7px 0;
}
.form .formBlock.formControls {
	padding:5px 0 5px 0;
	margin:10px 0 5px 0;
	border:1px solid #efefef;
	border-width:1px 0;
	text-align:center;
}
.form .formBlock.formControls .button {
	margin:0 1em 0 0;
}
.form.flatForm {
	white-space:nowrap;
	overflow:auto;
	clear:both;
}
.form.flatForm .dataTitle {
	float:none;
}
.form.flatForm .formBlock {
	float:left;
	clear:none;
	white-space:nowrap;
	margin:2px 2px 2px 6px;
	overflow:visible;
}
.form .formBlock.formControls .controls {
	text-align:center;
}
.form.result .formBlock.formControls .controls {
	float:none;
	width:auto;
	margin:2px auto;
	text-align:center;
}

.form.flatForm .formBlock.formControls {
	float:left;
	background:none;
	padding:0;
	border:none;
	margin:0 0 0 10px;
	text-align:right;
}
.form.flatForm .formBlock.formControls .button {
	font-size:90%;
	padding:1px 2px;
}
.form.flatForm .button {
	font-size:90%;
}
.form.flatForm .formBlock .input,
.form.flatForm .formBlock .label {
	width:auto;
	float:left;
	overflow:visible;
}
.form.flatForm .formBlock .input {
	padding:1px 2px;
}
.videoBlock {
	text-align:center;
}

/* balance-specific styles */
.balance_body #t1.dataTable {
    margin-top:0;
}
.balance_body #t1.dataTable th.description.header,
.balance_body #t6.dataTable th.description.header {
    background-position: 29% 50%;
}
.balance_body #t2.dataTable th.description.header,
.balance_body #t7.dataTable th.description.header {
    background-position: 34% 50%;
}
.balance_body .dataRow td.account .sub {
	color:#555;
	font-size:80%;
}

/* history-specific styles */
.history_body #cbWrapper {
	width:95%;
	margin:0 auto 4px auto;
	border:1px solid #ddd;
	background-color:#fff;
}
.help_body .history_body #cbWrapper {
    width:auto;
}
.history_body #cbWrapper #f7wrapper,
.history_body #cbWrapper #f8wrapper {
	margin-top:6px;
}
.history_body #f1wrapper #f1b8 .input,
.history_body #f1wrapper #f1b9 .input,
.history_body #f1wrapper #f1b10 .input,
.history_body #f1wrapper #f1b11 .input,
.history_body #f1wrapper #f1b11a .input {
	font-weight:bold;
	text-align:right;
	float:left;
	width:15%;
}
.history_body #f5b5 {
	float:right;
	margin-bottom:3px;
}
.history_body #f5wrapper .txtfield {
	width:100px;
}

.history_body #f6wrapper {
	clear:both;
	display:block;
	font-size:80%;
	border-top:1px solid #ddd;
	vertical-align:bottom;
	margin-top:2px;
	padding-top:2px;
}
.history_body #f6wrapper .formBlock {
	text-align:center;
	vertical-align:bottom;
	height:100%;	
	margin:0;
}
.history_body #f6wrapper .formBlock .input,
.history_body #f6wrapper .formBlock .label {
	text-align:center;
	margin:0 auto;
	float:none;
	width:auto;
	overflow:visible;
}
.history_body #f6wrapper .txtfield {
	text-align:right;
	width:100px;
}
.history_body #cbWrapper #f8wrapper.form.flatForm {
	display:none;
	padding-left:1px;
	margin:0 2px 2px auto;
	width:95%;
}
.history_body #cbWrapper #f8wrapper .dataTable {
	margin-bottom:0;
}
.history_body .dataTable .dataRow .description form {
	display:inline;
	margin-left:10px;
}
.history_body #f10wrapper {
	border:1px solid #333;
	background-color:#fff;
	overflow:auto;
	width:180px;
	padding:2px;
}
.history_body #f10wrapper .formBlock {
	margin:1px 0;
	white-space:nowrap;
}
.history_body #f10wrapper,
.history_body #f10wrapper .txtfield,
.history_body #f10wrapper h2,
.history_body #f10wrapper h3 {
	font-size:90%;
}
.history_body #f10wrapper .label {
	width:84px;
	white-space:nowrap;
	background-color:#eee;
	padding:3px;
	float:left;
}
.history_body #f10wrapper .input {
	float:left;
	width:84px;
}
.history_body #f10wrapper h3 {
	width:2em;
}
.history_body #f10wrapper h3 a {
	text-decoration:none;
	color:#555;
}
.history_body #f10wrapper .txtfield {
	width:80px;
	text-align:right;
}

/* transfer */
.transfer_body .dataTable th.description,
.loan_payment_body .dataTable th.description {
    text-align:right;
    width:8%;
    padding-right:10px;
}
.loan_payment_body .form .formBlock .label {
	width:39%;
}
.loan_payment_body .form .formBlock .input {
	width:60%;
}

/* wire transfer */
.wiretransfer_body #f1b2a.formBlock .input textarea.txtarea {
    height: 40px;
    white-space: normal;
}
.wiretransfer_body #ct1.dataTable {
	margin-top:0px;
}
.wiretransfer_body td.controls.edit {
    font-size:90%;
}
/* scheduled transfer-specific styles */
.scheduledtransfersummary_body #t2.dataTable {
	margin-top:14px;
}
.transfersummary_body .dataTable .dataRow td.description .sub {
    font-size:90%;
    color:#3300FF;
}
.transfersummary_body .dataTable .dataRow td.description .remaining {
    font-size:90%;
	color:#444;
}
.scheduledtransfer_body #f2wrapper .formBlock .input .sub.form,
.scheduledtransfer_body #f3wrapper .formBlock .input .sub.form,
.scheduledtransferdetail_body #f1wrapper .formBlock .input .sub.form {
	color:#000000;
	font-weight:normal;
	font-size:100%;
}
.scheduledtransfer_body #f2wrapper .formBlock .input .sub.form .select {
	margin-top:2px;
}

/* calendar-specific styles */
.balanceTable { border-top: 1px solid #777777 }
.calert { color:#BB0000 }
.cbphist { color:#FF9900; }
.ctransfer { color:#0000FF; }
.cloanhist { color:#009900; }
.cbalance { background-color:#eeeeee; margin:1px; margin-bottom:2px; padding:2px }
.histaccount { font-weight:bold; font-size:10px; }

.calendar_body #f2wrapper {
	float:left;
	padding:2px 4px;
	vertical-align: top;
}
.calendar_body #f2wrapper .formBlock {
	float:left;
	clear:none;
}
.calendar_body #f2wrapper .formBlock.formControls {
	border:none;
	margin:2em 0 0 6px;
	padding:0;
}
.calendar_body #f2wrapper .formBlock.formControls .button {
	margin:0;
}
.calendar_body #f3wrapper {
	float:right;
	padding:2px 4px;
}
.calendar_body #f2wrapper .formBlock .label,
.calendar_body #f2wrapper .formBlock .input,
.calendar_body #f3wrapper .formBlock .label,
.calendar_body #f3wrapper .formBlock .input {
	float:none;
	width:auto;
}
.dataTitle.calTitle {
	background:none;
	margin-top:20px;
}
.dataTitle.calTitle h2 {
	font-size:16pt;
	font-weight:bold;
}
.dataTitle.calTitle h3 {
	font-size:100%;
	display:block;
	padding:4px 0;
}
.dataTable.calText .dataHeader th {
	border:1px solid #ccc;
	border-width:0 1px;
}
.dataTable.calText .dataTitle td {
	text-align:center;
}
#t1.dataTable.calText tr.dataTitle h2 {
	float:none;
	display:inline;
	font-size:14pt;
}
.dataTable.calText .calRow td.calCell {
	width:12%;

	height:60px;
	overflow:visible;
}
.dataTable.calText .dataTitle a {
	font-size:14pt;
	text-decoration:none;
	font-weight:bold;
	margin:0 2em;
	color:#555;
}
.dataTable.calText .dataTable {
	margin:1px auto;
	float:none;
}
.dataTable.calText .dataTable td.account,
.dataTable.calText .dataTable td.balance {
	text-align:right;
	padding:1px 2px;
	font-size:10px;
}
.dataTable.calText .dataTable td.balance {
	font-weight:bold;
	white-space:nowrap;
}
.calHistory .account {
	font-weight:bold;
	font-size:10px;
}
.calHistory .history {
	color:#009900;
}
.calBillpay .billpay {
	color:#FF9900;
}
.calSchedTransfer .transfer {
	color:#0000FF;
}
.calAlert .reminder {
	color:#BB0000;
	text-decoration:none;
}
.calCell {
	cursor:pointer;
	text-align:left;
}
.calCell:hover {
	background-color:#CCFFCC;
}
.dataTable.calText .calCell #title1.dataTitle {
	margin-bottom:2px;
	background-color:#eee;
	border:1px solid #ddd;
	padding:2px;
	float:none;
}
.dataTable.calText .calCell .dataTitle h2 {
	float:none;
	text-align:center;
}
.dataTable.calText .calCell .dataTitle h2 a {
	font-size:10pt;
	text-decoration:none;
	color:#222;
	margin:0;
}
.dataTable.calText .calCell h3 {
	margin:0;
	padding:0;
}
.dataTable.calText .calCell h3 a {
	text-decoration:none;
	color:#222;
	font-size:90%;
	display:block;
	background-color:#f4f4f4;
	padding:1px 3px;
	width:1.7em;
	height:1.4em;
	border:1px solid #eee;
	text-align:center;
}
.dataTable.calText {
	border:none;
}
.dataTable td.calCell {
	font-size:11px;
	border:1px solid #ddd;
}
.dataTable td.calCell .dataTable .dataRow.top {
	border-top:1px solid #bbb;
}
.dataTable td.calCell div {
	float:left;
	clear:both;
	white-space:nowrap;
}
.dataTable td.calCell div span {
	text-decoration:none;
}
.calendar_body .dataTable .dataRow td.frequency .sub {
	font-size:80%;
}
.calendar_body .dataTable .dataRow td.frequency .sub strong {
	font-size:120%;
}
.help_body .calendar_body .dataTable.calText,
.help_body .calendar_body .dataTable.calText td.calCell {
    width:auto;
}
/* a2a */
.a2atransfer_body .formBlock.formControls {
	margin-top:-8px;
}
.a2aaccountverify_body #f1wrapper .txtfield {
	text-align:right;
	width:60px;
}
.dataTable .description.fi {
	font-size:90%;
}
.dataTable .status {
	text-align:center;
	font-size:90%;
}
.dataTable .status .button {
	padding:1px 2px;
	background-color:#66FF66;
}
.dataTable .status .verified {
	color:#009900;
}
.dataTable .status .pending {
	color:#555;
}
.dataTable .status .locked {
	font-weight:bold;
	color:#CC0000;
}

/* ach */
.scrollWrapper {
	margin:0;
	height:auto;
	clear:both;
}
.scrollBox {
	padding:0 1px;
	height:420px;
	overflow:auto;
	vertical-align:top;
}
.scrollBox .dataTable, 
.form .formBlock .scrollBox .dataTable {
	width:97%;
	margin:2px auto;
}

.atop, .abottom {display:block; background:transparent; font-size:1px;}
.activebton {
	font-weight:bold;
	background-color:#66FF33;
}
.cattd {
	width:75px;
	padding-right:2px
}
.catg, .catg:link, .catg:visited, .catg:active, .scatg, .scatg:link, .scatg:visited, .scatg:active {
	text-align:center;
	padding:2px 0px 2px 0px;
	margin-top:3px;
	width:96%;
	height:100%;
	display:block;
	font-size:100%;
	text-decoration:none;
	color:#333333;
	white-space:nowrap;
}
/* dynalert popup */
#alertBlur {
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	margin:0px;
    background-color:#333;
	display:none;
	z-index:800;
}
#alertConfirm {
	position:absolute;
	width:550px;
	background-color: #444;
	top:15%;
	left:50%;
	margin-left:-295px;
	padding-bottom:1px;
	padding-right:1px;
	vertical-align:middle;
	z-index:801;
	display:none;
}
#inconfirm {
	border:1px solid #333333;
	position:relative;
	bottom:2px;
	right:2px;
	background-color:#FFFFFF;
}
.inborder {
	padding:10px;
	background-color:#FFFFFF;
}
.shadow {
	background-color:#444;
}
#inconfirm p {
	margin:5px;
}
#inconfirm .infoMessage p {
    margin:20px;
}
#inconfirm .formBlock .infoMessage p {
    margin:10px;
}
#inconfirm .formBlock.formControls {
	text-align:center;
	margin-top:2em;
}
#inconfirm .form .formBlock.formControls {
	text-align:center;
	margin-top:10px;
}
.tabRow {
    float:left;
	padding:0;
	margin:0;
	margin-top:5px;
}
.tabRow ul {
	padding:0;
	margin:0;
	margin-top:3px;
	list-style:none;
	overflow:auto;
}
.tabRow ul li {
	padding:0;
	margin:0;
	margin-left:2px;
    float:left;
    width:80px;
}

/* limit gauges */
.gauges {
	margin:4px auto;
	width:450px;
	overflow:auto;
}
body.es .gauges {
	width:500px;
}
.gauges .limitGauge {
	float:left;
	text-align:center;
	margin:auto 10px;
}
.gauges .limitGauge .formBlock {
	width:auto;
	margin:2px 0;
}
.gauges .limitGauge .label,
.gauges .limitGauge .input {
	display:inline;
	float:none;
	font-size:95%;
}
.gauges .limitGauge .label {
	font-weight:bold;
	margin-right:2px;
	color:#555;
	text-align:right;
}
.gauges .limitGauge .input {
	text-align:left;
}
.gauges .limitGauge .sub {
	font-size:80%;
	color:#777;
}
.gauges .limitGauge .formBlock.pending .label,
.gauges .limitGauge .formBlock.pending .input {
	color:#BB0000;
}
.gauges .limitGauge .formBlock.pending .adding .label,
.gauges .limitGauge .formBlock.pending .adding .input {
    color: #025700;
}
.lgag, .lgaf, .lgaa {
	overflow:hidden;
}
.lgag {
	width:200px;
	background:#eeeeee url(https://onlinebanking.hewfcu.com/webResources/gifs/ach_gas_mt.gif) repeat-x;
	text-align:left;
	border:1px solid #aaaaaa;
}
.lgaf {
	background:#BD0000 url(https://onlinebanking.hewfcu.com/webResources/gifs/ach_gas_bg.gif) repeat-x;
	display:inline;
	float:left;
	border-color:#FF0000;
}
.lgaa {
	background:#BD0000 url(https://onlinebanking.hewfcu.com/webResources/gifs/ach_gas_ad.gif) repeat-x;
	display:none;
	float:left;
}

.pnum, .pnum:link, .pnum:visited, .pnum:active {
	display:block;
	width:18px;
	height:15px;
	font-size:90%;
	text-decoration:none;
}
.scatg, .scatg:link, .scatg:visited, .scatg:active  {
	padding:3px 0px 3px 0px;
	color:#000000;
	margin-top:0px;
	font-weight:bold;
}
.tlabel {
	font-size:90%;
	padding-right:4px;
	font-weight:bold;
}
.toadd,
.dataTable tr.dataRow.toadd td {
	background-color:#AAFFAA !important
}
.todelete,
.dataTable tr.dataRow.todelete td {
	background-color:#FF98A0;
}

.dataTable .amount .button {
	margin-top:3px;
}
.dataTable td.type .select {
	margin-top:2px;
	display:block;
} 
.achsetup_body .dataTable .approver .button {
	margin:0 auto;
	padding:1px;
    display:inline;
}
.dataTable.pibsTable .approver .button {
	display:block;
}
.dataTable .count .small {
	font-size:90%;
}
.dataTable .count .txtfield {
	width:2em;
}
.dataTable th.count .none,
.dataTable th.count .all,
.dataTable th.controls .none,
.dataTable th.controls .all {
	padding:1px;
}
a.all {
	background-image:url(https://onlinebanking.hewfcu.com/gifs/echkmark.gif);
	background-repeat:no-repeat;
}
a.none {
	background-image:url(https://onlinebanking.hewfcu.com/gifs/chkmark.gif);
	background-repeat:no-repeat;
}

.dataTable .owner .sub {
	color:#3300FF;
}
.dataTable .owner .sub .sub {
	font-style:italic;
	font-size:90%;
	color:#FF3300;
}
.dataTable .category .sub {
	font-size:80%;
	color:#3300FF;
}
.dataTable .amount .sub {
	font-size:90%;
	color:#3300FF;
}
.dataTable th.amount .sub {
	display:block;
}
.dataTable td.account,
.dataTable td.type,
.dataTable td.owner {
	line-height:120%;
}
.dataTable .dataRow td .button {
	padding:1px 2px;
}
.tabTable {
	margin:5px 0 -3px 0;
	padding:0;
}


.achbatchpaymentsedit_body #f1 .input,
.achbatchcrossborderinsert_body #f1 .input,
.achbatchcrossbordertemplate_body #f1 .input {
	font-weight:bold;
}
.formBlock.achControls {
	float:left;
	width:58%;
	clear:none;
	border:none;
	margin:4px 2px 8px 2px;
}
.formBlock.achTotal {
	float:right;
	width:auto;
	clear:right;
	overflow:visible;
	border:none;
	margin:4px 6px 0 2px;
}
.formBlock.achControls .button {
	margin:0 4px 6px 4px;
}
.formBlock.achTotal .label,
.formBlock.achTotal .input {
	text-align:right;
	width:auto;
	float:left;
	padding-right:6px;
	overflow:auto;
	width:110px;
}
.formBlock.achTotal .input .txtfield {
	width:100px;
	text-align:right;
}
.formBlock.achTotal .input .button {
	margin:4px 0 0 0;
}

.ach_user_maintenance_body .form.sub {
	width:85%;
	clear:both;
	margin:2px auto;
}
.ach_user_maintenance_body .form.sub .dataTitle.sub {
	width:95%;
	margin:3px 0;
}
.ach_user_maintenance_body .form.sub .formBlock {
	float:left;
	white-space:nowrap;
	overflow:auto;
	clear:none;
	width:40%;
	margin:1px 6px 1px 16px;
}
.ach_user_maintenance_body .form.sub .formBlock.clear {
	clear:both;
}
.ach_user_maintenance_body .form.sub .formBlock .input,
.ach_user_maintenance_body .form.sub .formBlock .label {
	width:auto;
    white-space:normal;
}
.ach_user_maintenance_body .form.sub .formBlock.formControls {
	clear:both;
	float:none;
	width:auto;
}
.ach_user_maintenance_body .txtfield {
    text-align:right;
}

.achhistory_body .tabTable {
    margin-bottom:-8px;
}
.achhistory_body .dataRowChild .dataTable {
    width:96%;
    float:right;
}
.achupload_body #achupResult {
	width:100%;
}
.achupload_body .dataTable.batchTable {
	float:right;
	margin-top:0;
	width:99%;
}
.achupload_body .dataTable.batchTable .dataRow td {
	border:1px solid #eee;
}
.achupload_body #bt2.dataTable.batchTable,
.achupload_body #bt5.dataTable.batchTable {
	width:98%;
}
.achupload_body #bt3.dataTable.batchTable,
.achupload_body #bt4.dataTable.batchTable {
	width:96%;
}
.achbatchpaymentsinsert_body #f1b12.formBlock.achTotal {
    border-top:1px solid #888;
    padding-top:5px;
}

.eftpsinsert_body #help1.helpBox{
    display:none;
}
.eftpsinsert_body #f1wrapper.form .formBlock .label {
    width:25%;
}
.eftpsinsert_body #f1wrapper.form .formBlock .input {
    width:74%;
}

.bususeradmin_body #f1b1 .input {
	padding-bottom:4px;
}
.bususeradmin_body #f1 a#addnewuserbutton.button {
    margin-left:35px;
}
.bususeradmin_body .form {
    width:700px;
    margin:0 auto;
}
.bususeradmin_body #f2wrapper .tabRow {
    float:right;
}
.bususeradmin_body .scrollBox {
    overflow:visible;
    overflow-x:scroll;
    margin:0 auto;
    padding:0;
    height:auto;
}
.bususeradmin_body #t1.dataTable {
    margin:0;
    border:0;
}
.bususeradmin_body .scrollBox  #t1.dataTable {
    width:100%;
}
.bususeradmin_body .scrollBox  #t1.dataTable .dataHeader th {
    text-align:center;
}
.bususeradmin_body .scrollBox  #t1.dataTable .dataRow td {
    border-right:1px solid #bbb;
	width:100px;
    text-align:center;
}
.bususeradmin_body .scrollBox  #t1.dataTable .dataRow td.description {
	text-align:left;
	white-space:nowrap;
}
.bususeradmin_body .scrollBox  #t1.dataTable .dataRow td.description .descriptionText {
	white-space:nowrap;
}
.bususeradmin_body .scrollBox  #t1.dataTable .dataTitle.sub td {
    border-top:1px solid #bbb;
    border-bottom:1px solid #bbb;
}
.bususeradmin_body .scrollBox  #t1.dataTable .dataRow td .txtfield.amount {
    width:50px;
    padding:1px;
}
.bususerlogin_body .formBlock.sub .dataTable {
	width:90%;
	margin:5px auto;
}
.bususerlogin_body .dataTable .dataRow.on .sub{
	margin-left:10px;
	font-weight:bold;
	font-size:95%;
}
.bususerlogin_body #info1.infoMessage h2 {
	font-size:90%;
}
.bususerlogin_body #info1.infoMessage {
	font-weight:normal;
	width:70%;
}

/* Alerts */
.ibalertsstartpage_body .dataTable {
    margin-top:0;
    margin-bottom:15px;
}
.ibalertsset_body .input.subitem {
	width:52%;
}
.ibalertsset_body .input.subsubitem {
	width:50%;
}
.ibalertsset_body #alertwrapper.form .formBlock .input label {
	display:inline;
	float:left;
	margin:2px;
}
.ibalertsset_body #alertwrapper.form .formBlock .label {
	padding:3px;
	width:36%;
}
.ibalertsset_body #alertwrapper.form .formBlock .input {
	padding:3px;
	width:62%;
}
.ibalertsset_body #alertwrapper.form .formBlock .input .txtfield,
.ibalertsset_body #alertwrapper.form .formBlock .input .select {
	float:left;
	margin:0 2px;
}
.ibalertsset_body #alertwrapper.form .formBlock .input .ipBoxes {
	float:left;
}
.ibalertsset_body #alertwrapper.form .formBlock .input .ipBoxes .txtfield {
	float:none;
}
.ibalertsset_body #alertwrapper.form .formBlock #f1b3b4.input .sub {
	margin-left:30px;
}
.ibalertsset_body #alertwrapper.form .formBlock #f1b11b4.input .input {
	width:94%;
	display:block;
	background-color:transparent;
}
.ibalertsset_body #alertwrapper.form .formBlock #f1b11b4.input .input .txtfield,
.ibalertsset_body #alertwrapper.form .formBlock #f1b11b4.input .input .select {
	float:none;
}
.ibalertsset_body #alertwrapper.form .formBlock #f1b11b4.input label {
	display:block;
	float:none;
}
.ispData {
    float:left;
}
.previewButton {
	float:right;
	margin-right:3px;
}

/* Messaging */
.messages_body #f1wrapper.form {
    margin:0 auto;
    width:98%;
}
.messages_body .form .formBlock .dataTable {
    width:auto;
    margin:0;
}
.messages_body .formBlock .dataTable tr.dataRow.unread {
    font-weight:bold;
}
.messages_body .formBlock .dataTable tr.dataRow.unread .description {
	background-image:url(https://onlinebanking.hewfcu.com/webResources/gifs/smm_newEnvelope.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
}

.messages_body .formBlock .dataTable tr.dataRow td.description .sub {
    color:#3D73A6;
    font-size:90%;
    font-style:italic;
    padding-left:10px;
}

.messages_body .formBlock .dataTable tr.dataRow:hover td {
	background-color:#CCFFCC;
	cursor:pointer;
}
.messages_body .formBlock .dataTable tr.dataRow.rowSelected td {
	background-color:#CCFFCC;
}
.messages_body .formBlock .dataTable tr.dataRow.rowSelected.todelete td,
.messages_body .formBlock .dataTable tr.dataRow.todelete:hover td {
    background-color:#FF98A0;
}

.messages_body .formBlock.tabBlock #tab1 {
	float:none;
}
.messages_body .formBlock.tabBlock #tab1 ul li {
    position:relative;
    width:100px;
}
body.es .messages_body .formBlock.tabBlock #tab1 ul li {
	width:140px;
}
.messages_body .formBlock.tabBlock #tab1 ul li a.catg,
.messages_body .formBlock.tabBlock #tab1 ul li a.scatg {
    text-align:left;
}
.messages_body .formBlock.tabBlock #tab1 ul li a .tabLink {
    margin-left:8px;
}
body.es .messages_body .formBlock.tabBlock #tab1 ul li a .tabLink {
	font-size:90%;
	line-height:100%;
}
.messages_body .formBlock.tabBlock #tab1 ul li a .sub {
    font-size:90%;
    color:#666;
    position:absolute;
    right:8px;
    bottom:2px;
}
.messages_body .formBlock.tabBlock #tab1 ul li.refreshLink,
body.es .messages_body .formBlock.tabBlock #tab1 ul li.refreshLink {
    float:right;
	width:60px;
}
.messages_body .tabBlock + #f4b1,
.messages_body .tabBlock + #f3b1,
.messages_body .tabBlock + #f1b2,
.messages_body .tabBlock + #f2b1 {
    border:1px solid #ccc;
	padding:6px;
	margin-top:0;
}
.inborder .messages_body .formBlock.scrollBox {
    background-color:#fff;
    padding:0;
    height:360px;
}
.inborder .messages_body #f5 {
    margin-top:12px;
}
#inconfirm .messages_body .formBlock.formControls {
    margin-top:10px;
}
.messages_body .dataRow {
    padding:0 2px 4px 2px;
}
.messages_body .dataRow div.dataTitle.sub {
    width:auto;
    font-size:90%;
    margin:0 -2px 4px -2px;
}

.messages_body .dataRow div.dataTitle.sub h2 {
    margin:0;
}
.messages_body .mceEditor table {
    margin:0 auto;
}


.messages_body .dataRow .messageLabel {
	font-size:80%;
	font-weight:bold;
}
.inborder .messages_body .formBlock .dataRow,
.inborder .messages_body .formBlock .dataRow p {
    text-align:left;
}
.inborder .messages_body .formBlock .dataRow h2,
.inborder .messages_body .formBlock .dataRow h3,
.inborder .messages_body .formBlock .dataRow h4 {
	font-size:auto;
	margin:auto;
	padding:auto;
	float:none;
	font-weight:bold;
}
.messages_body #f3b4.formBlock {
        display: none;
}
.messages_body #f8b1.formBlock .input .txtfield {
	width:60%;
}
.messages_body #f8b1.formBlock .label,
.messages_body #f8b2.formBlock .label {
	width:19%;
}
.messages_body #f8b1.formBlock .input,
.messages_body #f8b2.formBlock .input {
	width:80%;
}

/* stats */
.stats_body .dataTable {
    width:50%;
    margin:6px auto;
}

/* secure key */
.securekey_login_body #t1.dataTable th.description .sub {
	display:none;
}

/* help */
.help_body {
	margin:0 auto;
	width:99%;
}
.helpLight { border:2px solid #ff0000; }
a.helpLight { border:2px solid #ff0000; padding:3px; width:20px;}
span.helpLight { padding:2px; margin:4px } 
td.helpLight { padding:2px }
.helpTitle {
    padding:4px;
    margin:10px 0;
    color:#222;
    border-bottom:2px solid #ddd;
	overflow:auto;
}
.helpTitle h2 {
    font-size:160%;
}
.help_body h4 {
    margin:1em 0 4px 0;
    display:block;
}
.help_body p,
.help_body ul,
.help_body ol,
.help_body li,
.help_body br {
    clear:both;
    text-align:left;
}
.help_body li {
    margin:3px 0;
}
.help_body .errorMessage p, .help_body .successMessage p, .help_body .infoMessage p {
    text-align:center;
}
.readbox { font-size:10px; text-align:right; border: #aaa solid 1px; }
.screenShot, li .screenshot {
	border:1px solid #999;
	background-color:#eee;
	margin:12px auto;
	padding:6px;
	display:block;
	overflow:auto;
	width:90%;
}
.screenShot.image {
    text-align:center;
}
.screenShot.small {
	width:50%;
    overflow:auto;
}
.help_body .screenShot.small div.form,
.help_body .screenShot.small table {
    margin:0 auto;
}
.help_body .tabRow ul li {
	clear:none;
}
.help_body p {
	margin:10px auto;
}
#indexWrapper {
	margin-left:10px;
}
.helpLinks {
	float:left;
	margin:10px 3px 0 3px;
	border:1px solid #ddd;
	border-width:0 1px;
	width:130px;
}
.helpLinks ul {
	margin:0;
	padding-left:0;
	list-style-type:none;
}
.helpLinks ul li {
    border-bottom:1px solid #ddd;
    margin:0;
}
.helpLinks ul li a {
	display:block;
	padding:3px;
	text-decoration:none;
	color:#222;
	font-weight:normal;
}
.helpLinks ul li a:hover { background-color:#ddd; text-decoration:underline; color:#000; }
.helpHeader {
	font-weight:bold;
	background-color:#ccc;
	color:#222;
	padding:4px;
}

#helpNavRow {
	margin:10px auto 0 auto;
	width:97%;
	background-color:#EEE;
	overflow:auto;
	clear:both;
}
#helpNavRow div {
	margin:9px 12px;
}
#helpNavRow div .button {
	display:block;
}
#helpNavRow #helpNavIndex {
	float:left;
}
#helpNavRow #helpNavClose {
	float:right;
}

/* Account Nickname */
.accountnickname_body .dataTable .account {
    width:auto;
    padding-right:20px;
}
.accountnickname_body .dataTable .dataRow td.description.new .txtfield {
    float:left;
}
.accountnickname_body .dataTable .dataRow td.description.new .button {
   float:right;
   margin-right:10px;
}
.accountnickname_body .dataTable .controls {
	white-space:nowrap;
	width:17%;
}
.accountnickname_body .dataTable .controls .button {
	float:left;
	margin-right:4px;
}

/* Popup Calendar */
.cpYearNavigation,
.cpMonthNavigation {
	background-color:#dddddd;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	border:1px solid #222222;
}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText {
	font-size:8pt;
}
td.cpDayColumnHeader {
	text-align:center;
	border:solid thin #C0C0C0;
	border-width:0px 0px 1px 0px;
}
.cpCurrentMonthDate:link,
.cpCurrentMonthDate:visited,
.cpOtherMonthDate:link,
.cpOtherMonthDate:visited,
.cpCurrentDate:link,
.cpCurrentDate:visited {
	text-align:center;
	text-decoration:none;
	font-size:8pt;
	color:black;
	font-weight:normal;
	display:block;
	width:100%;
	height:100%;
	line-height:normal;
}
.cpCurrentMonthDate:hover,
.cpOtherMonthDate:hover,
.cpCurrentDate:hover {
	background-color:#AAFFAA;
	text-decoration:none;
	font-size:8pt;
	color:black;
	font-weight:normal;
	line-height:normal;
}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled {
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.cpCurrentMonthDate,
.cpCurrentDate {
	color:#000000;
	line-height:normal;
}
.cpOtherMonthDate:link {
	color:#808080;
}
td.cpCurrentDate {
	color:white;
	background-color: #dddddd;
	border:1px solid #800000;
	text-align:center;
	line-height:normal;
}
td.cpCurrentDateDisabled {
	border-width:1px;
	border:solid thin #FFAAAA;
}
td.cpTodayText,
td.cpTodayTextDisabled {
	border:solid thin #C0C0C0;
	border-width:1px 0px 0px 0px;
}
a.cpTodayText,
span.cpTodayTextDisabled {
	height:20px;
}
a.cpTodayText:link {
	color:black;
	font-size:8pt;
	text-decoration:underline
}
.cpTodayTextDisabled {
	color:#D0D0D0;
}
.cpBorder {
	border:solid thin #808080;
}
.cpBorder a {
	text-decoration:none;
	color:#222;
	font-weight:bold;
	font-size:8pt;
}

/* pin change */
.pinchange_body #m1 .formBlock.formControls {
    margin-top:6px;
    margin-bottom:0px;
}

/* Color Settings */
.colorBlock {
    padding:3px;
    text-align:left;
    position:relative;
}
.colorBlock.custom {
    margin-right:20px
}
.imageBlock {
    width:60px;
    height:60px;
    border:1px solid #ccc;
    text-align:center;
    vertical-align:middle;
}
.imageBlock p {
    margin-top:20px;
}
.colorsettings_body .form .formBlock .input .formBlock {
    float:left;
    clear:none;
    margin:0 4px;
    overflow:auto;
    text-align:center;
}
.colorsettings_body .form .formBlock .input .formBlock .input {
    float:none;
    width:auto;
    margin:2px;
    text-align:center;
}
.colorsettings_body .form .formBlock .label {
	width:35%;
}
.colorsettings_body .form .formBlock .input {
    position:relative;
	width:64%;
}
.colorsettings_body .form .formBlock .input #f1b3b2.formBlock {
    position:absolute;
    bottom:0;
    left:48px;
    margin-left:0;
}
.colorsettings_body .form .formBlock .input #f1b3b2.formBlock .input {
    float:left;
    vertical-align:bottom;
    margin:0 8px 0 0;
}

/* Account Sweeps */
.sweephistory_body .dataTable .dataRow td.description .sub {
	font-style:italic;
	font-size:90%;
}
.sweephistory_body .dataTable .dataRow td.status {
	font-size:100%;
}
/* Payroll Distribution */
.newClone {
	display:none;
}
.priLinku, .priLinkd {
	display:block;
	float:left;
	margin:0;
}
.priLinku,
.priLinkd {
	padding:0 4px;
}
.priLinku:hover, .priLinkd:hover {
	background-color:#FFFF99;
}
.payrolldist_body .dataTable .amount {
	text-align:left;
}
.payrolldist_body .dataTable .amount .select {
	display:block;
	margin-bottom:2px;
}
.payrolldist_body .dataTable .dataRow.remainder .amount {
	text-align:center;
}

/* Color Picker */
.colorPicker {
    display:none;
}
div.color_picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  cursor: pointer;
  background: url(https://onlinebanking.hewfcu.com/webResources/gifs/edit.gif) no-repeat center center;
}
.colorBlock.custom div.color_picker {
    position:absolute;
    right:-19px;
    top:2px;
}
div#color_selector {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
}
div#color_custom {width: 100%; float:left }
div#color_custom label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
div#color_custom input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

div.color_swatch {
    height: 12px;
    width: 12px;
    border: 1px solid #000;
    margin: 2px;
    float: left;
    cursor: pointer;
    line-height: 12px;
}

/* balance sheet */
.balancesheet_body #f1wrapper {
	float:left;
	width:54%;
	margin:0 5px 5px 0;
	position:relative;
	border:1px solid #ccc;
}
.balancesheet_body #f1wrapper .dataTable {
	clear:none;
	margin:2px;
	width:49%;
	height:100%;
}
.balancesheet_body #f1wrapper #f1t1.dataTable {
	float:left;
}
.balancesheet_body #f1wrapper #f1t2.dataTable {
	float:right;
}
.balancesheet_body #f1wrapper #f1t2.dataTable tr.totalRow td {
	color:#222;
}
.balancesheet_body #f1wrapper .dataTable .dataRow td .sub {
	font-size:80%;
	display:inline;
}
.balancesheet_body #f1wrapper .formBlock.totalRow {
	clear:both;
	margin:4px 0 0 0;
	background-color:#FFFFDD;
	border-bottom-width:0;
}
.balancesheet_body #f1wrapper .formBlock.totalRow.neg {
	background-color:#FFE6E6;
}
.balancesheet_body #f2wrapper {
	float:left;
	margin:0 0 5px 0;
	position:relative;
	width:44%;
	background-color:#eee;
    overflow:visible;
}
/* balance sheet calendar */
.calendar_body.balanceSheet .dataTable {
	margin:0;
}
.calendar_body.balanceSheet .dataTable .dataTitle td {
	padding:2px;
}
.calendar_body.balanceSheet .dataTable.calText .calRow td.calCell {
	width:50px;
	height:25px;
}
.calendar_body.balanceSheet .dataTable.calText .calCell h3 {
	text-decoration:none;
	color:#222;
	font-size:90%;
	display:block;
	padding:0;
	width:auto;
	height:auto;
	border:none;
	font-weight:normal;
	background-color:transparent;
	float:none;
	width:1.6em;
}
.calendar_body.balanceSheet .dataTable.calText .calCell h3.todayLink {
	font-weight:bold;
	background-color:#FFFF66;
	padding:1px;
}
.calendar_body.balanceSheet #t1.dataTable.calText tr.dataTitle h2,
.calendar_body.balanceSheet .dataTable.calText .dataTitle a {
	font-size:90%;
}
.calendar_body.balanceSheet .dataTitle.calTitle {
	margin-top:0;
}
.dataTable td.calCell div.calBlock {
    clear:none;
}
.calBlock {
	display:block;
	float:left;
	height:6px;
	width:6px;
	margin-left:1px;
	overflow:hidden;
	font-size:6px;
	clear:none;
}
.histBlock {
	background-color:#CCFF99;
	border:1px solid #99FF33;
}
.billBlock {
	background-color:#FFCCAA;
	border:1px solid #FF9933;
}
.schdBlock {
	background-color:#CCFFFF;
	border:1px solid #66CCCC;
}
.remdBlock {
	background-color:#FF9999;
	border:1px solid #FF3366;
}
.dayDisplayPopup {
	border:1px solid #222;
	background-color:#fff;
	position:absolute;
	top:1px;
	left:1px;
	padding:2px;
	white-space:nowrap;
    font-size:90%;
    width:100px;
}
.dayDisplayPopup .dataTitle.sub {
    font-size:90%;
    margin:-2px;
    margin-bottom:2px;
    padding:2px;
    width:100%;
    float:none;
}
.dayDisplayPopup .dataTitle.sub h2 {
    margin:0;
    font-weight:bold;
}
/* end calendar */

/* billpay */
.form.bpayment {
    border:1px solid #ccc;
    padding:0;
    width:90%;
    margin:0 auto 6px auto;
}
.bpnewpayment_body .form.bpayment {
    margin:0 auto 10px auto;
}
.bpnewpayment_body .form.bpayment.toadd {
    background-color:#DDFFDD !important;
}
.bpnewpayment_body .dataTitle {
    margin-bottom:0;
}
.bpnewpayment_body .form.bpayment.toadd .dataTitle {
    margin-bottom:4px;
}
.bpnewpayment_body .dataTitle h2,
.bpnewpayment_body .dataTitle h2 input {
    margin-top:0;
    margin-left:0;
}
.bpnewpayment_body .dataTitle h3 {
    font-size:100%;
}
.bpnewpayment_body .dataTitle h2 .sub,
.bpnewpayment_body .dataTitle h3 .sub {
    color:#444;
    font-size:80%;
    margin-left:30px;
    display:block;
}
.bpnewpayment_body .dataTitle h3 .sub {
    font-size:90%;
    margin-left:4px;
}

.balancesheet_body #f3wrapper {
	float:left;
	position:relative;
	width:100%;
	border:1px solid #ddd;
	padding:0;
}
.balancesheet_body #f3wrapper #f3 {
    margin:0 4px;
}
.balancesheet_body #f3wrapper #t1.dataTable{
    margin:2px auto;
	width:99%;
}
.balancesheet_body #f3wrapper .scrollBox {
	background-color:transparent;
	border:none;
}
/* Balance Sheet budget charts */
.mainHistRows {
	display:none;
}
#barsHider {
	position:absolute;
	display:block;
	right:2px;
	top:2px;
	border:1px solid #eee;
	width:15px;
	height:13px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#3333CC;
}
#barsShower {
	float:right;
	display:block;
	margin:1px 2px 0 0;
	border:1px solid #eee;
	width:13px;
	height:12px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#3333CC;
	padding-bottom:2px;
}
#barsHider:hover, #barsShower:hover {
	background-color:#3366FF;
	color:#FFFFFF;
}
#barLegend {
	white-space:nowrap;
	padding:3px 4px 1px 4px;
	font-size:8pt;
	float:right;
	width:150px;
	margin-top:1px;
}
#barLegend:hover {
	cursor:pointer;
	border-color:#99FF33;
}
#barLegend .titleBudget {
    float:left;
    font-size:95%;
    margin-right:10px;
}
#barLegend .titleSubtotal {
    float:left;
    font-size:95%;
}
.legendBar {
	width:15px;
	height:10px;
	float:left;
	margin-right:5px;
	font-size:6px;
	line-height:6px;
}
div.barContainer, div.barContainerSelect {
	display:block;
	float:left;
	width:160px;
	height:125px;
	position:relative;
	vertical-align:bottom;
	padding:2px 3px 2px 4px;
	cursor:pointer;
	margin:1px;
	border:1px solid #999;
}
div.barMin, div.barMinSelect {
	float:left;
	cursor:pointer;
	overflow:hidden;
	margin:1px 2px 2px 2px;
	padding:1px 0 1px 2px;
	width:210px;
}
div.barContainerSelect, div.barMinSelect {
	border:1px solid #666;
	background-color:#EDEDED;
}
div.barContainer:hover, div.barContainerSelect:hover, div.barMin:hover, div.barMinSelect:hover {
	background-color:#FFFFBB;
}
div.barMin .title, div.barMinSelect .title {
	padding:1px;
	font-weight:bold;
	font-size:8pt;
	text-align:left;
	float:left;
	width:60px;
	white-space:nowrap;
}
div.barLine {
	position:absolute;
	bottom:63px;
	left:10px;
	width:140px;
	border-bottom:1px dashed #ccc;
	display:block;
}
.barBudgetDisplay {
	position:absolute;
	bottom:80px;
	right:95px;
	text-align:left;
	font-size:8pt;
	padding-right:5px;
	border-bottom:1px solid #66CCCC;
}
#nullnone_budgetContainer.barBudgetDisplay {
    visibility:hidden;
    display:none;
    top:8px;
    left:10px;
    border:none;
}
.barSubtotalDisplay {
	position:absolute;
	bottom:60px;
	left:96px;
	text-align:right;
	font-size:8pt;
	border-bottom:1px solid #99FF33;
	padding-left:5px;
	z-index:1;
}
.barBudgetDisplay span, .barSubtotalDisplay span, .NetDisplay span {
	font-size:10px;
	white-space:nowrap;
}
.NetDisplay {
	text-align:right;
	font-size:8pt;
	position:absolute;
	bottom:0px;
	right:2%;
	width:94%;
	padding:2px;
}
.barTitle {
    height:1.3em;
    overflow:hidden;
	padding:1px;
	font-weight:bold;
	font-size:95%;
	border-bottom:1px solid #666;
	text-align:left;
}
.barSubTitle {
	font-size:8pt;
	color:#666666;
}
.budgetColor {
	background-color:#CCFFFF;
	border:1px solid #66CCCC;
}
.subtotalColor {
	background-color:#CCFF99;
	border:1px solid #99FF33;
}
.overColor {
	background-color:#FF9999;
	border:1px solid #FF3366;
}
.netColor {
	background-color:#FFFFCC;
	border:1px solid #FFFF66;
}
.budgetBar {
	height:1px;
	width:18px;
	display:block;
	position:absolute;
	line-height:1px;
	font-size:1px;
	left:70px;
}
.subtotalBar {
	height:1px;
	width:14px;
	display:block;
	position:absolute;
	line-height:1px;
	font-size:1px;
	right:70px;
}
.numberBar {
	margin:2px;
	font-size:8pt;
	white-space:nowrap;
	padding:3px;
	text-align:right
}
.numberText {
	font-weight:bold;
	font-size:8pt;
	padding:3px;
	text-align:right;
	width:4em;
	white-space:nowrap;
}

/* categories */
.catTable.dataTable {
	border:none;
	border-collapse:collapse;
	width:100%;
	margin-bottom:0;
}
.catTable.dataTable .dataRow td
.catTable.dataTable .dataTitle td {
	border:1px solid #ccc;
	border-width:1px 0 1px 0;
}
.catTable.dataTable th.count {
    vertical-align:bottom;
}
.catTable.dataTable .dataRow td.emptycell {
	background:none;
	border:none;
}
.catTable.dataTable .dataRow td.count.first {
    padding:5px 0 0 0;
    width:20px;
}
.catTable.dataTable td.catTextCell {
	border:none;
	padding:0 0 2px 0;
	width:100%
}
.catTable.dataTable td.catPlusCell {
	border:none;
	width:15px;
}
.priDisplay {
	font-size:8pt;
	margin-top:3px;
}
.priLinku, .priLinkd {
	display:block;
	float:left;
	margin:0;
}
.priLinku {
	padding:2px 4px 0 4px;
}
.priLinkd {
	padding:0 4px 2px 4px;
}
.priLinku:hover, .priLinkd:hover {
	background-color:#FFFF99;
}

/* ask */

#preask {
	float:left;
	clear:left;
	position:relative;
	margin:0 0 4px 4px;
}
#preask #askButton {
	background-image:url(https://onlinebanking.hewfcu.com/webResources/gifs/justAskButton.png);
	background-repeat:no-repeat;
	background-position:center;
}
#preask.justAskSelect  #askButton {
	background-image:url(https://onlinebanking.hewfcu.com/webResources/gifs/justAskButtonWhite.png);
}
#preask #askButton a {
	display:block;
	width:94px;
	height:40px;
}
#preAskForm {
	position:absolute;
	left:93px;
	top:6px;
	white-space:nowrap;
}
#preAskForm .txtfield {
    width:190px;
    padding:3px;
    font-size:120%;
    border-width:2px;
	border-color:#bcbdbf;
    margin:0;
}

/* suggest */
.ac_results {
	border: 1px solid gray;
	background-color: white;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 604;
	display: none;
}
.ac_results li {
	padding: 2px 5px;
	white-space: nowrap;
	color: #101010;
	text-align: left;
}
.ac_over {
	cursor: pointer;
	background-color: #F0F0B8;
}
.ac_match {
	text-decoration: underline;
	color: black;
}

.ask_body #askitwrapper #askBlock {
    float:left;
    width:46%;
    margin-left:6px;
    text-align:center;
}
.ask_body #askitwrapper #askBlock #ask.txtfield {
    width:360px;
    padding:3px;
    font-size:120%;
    border-width:2px;
    margin:0 auto;
}
.ask_body #askitwrapper #askBlock #helpbutton.button {
    margin-left:20px;
}
.ask_body #askitwrapper #t1 {
    float:right;
    width:50%;
    clear:none;
    margin:0 4px 0 0;
}
.ask_body #askitwrapper #t1 tr.dataRow:hover td,
.ask_saved_questions_body #t2 tr.dataRow:hover td {
	background-color:#CCFFCC;
	cursor:pointer;
}
.ask_body #result {
    clear:both;
    width:99%;
    margin:8px auto 0 auto;
    border-top:1px solid #eee;
}

.balance_body #f1wrapper,
.multiple_history_body .chartMainContainer {
    margin:10px 14px;
    overflow:visible;
}
.balance_body .chartWrapper,
.multiple_history_body .chartWrapper {
    float:left;
    position:relative;
    margin:6px;
	width:250px;
	height:150px;
}
.balance_body .chartWrapper .chartImg,
.multiple_history_body .chartWrapper .chartImg{
	width:250px;
	height:150px;
	border:1px solid #ccc;
	z-index:1;
}
.balance_body .chartWrapper:hover,
.multiple_history_body .chartWrapper:hover {
    z-index:30
}
.balance_body .chartWrapper .chartImg:hover,
.multiple_history_body .chartWrapper .chartImg:hover {
	width:500px;
	height:300px;
	position:absolute;
	top:0;
	z-index:30;
}

/* login restrictions */
.geolocation_body #t1 {
	margin-top:0;
	margin-bottom:3px;
}
.geolocation_body #t1 #f1 {
	margin-top:14px;
}
.geolocation_body #t1 .dataRow td {
	border-width:1px;
}
.geolocation_body #t1 ul,
.geolocation_body .loginLegend ul {
	padding:0;
	margin:0;
	list-style:none;
}
.geolocation_body #t1 ul li,
.geolocation_body .loginLegend ul li {
	margin:4px 0;
}
.geolocation_body .loginLegend {
	border:1px solid #ccc;
	padding:3px 7px;
	float:right;
	margin-right:3px;
	margin-bottom:6px;
}
.geolocation_body #nav1 form {
	display:inline;
	margin-right:6px;
}

.estatement_body #estatement_sso,
.estatement_body #estatement_disclosure  {
	margin:6em auto 0 auto;
	width:99%;
	height:600px;
}
.estatement_body #f3wrapper p {
	text-align:left;
}
.estatement_body #f3wrapper p#acrobatLink {
	text-align:center;
}

body.es .tabRow ul li {
    width:110px;
}
.estatementFrame {
	width:99%;
	height:900px;
}
.businessLoanApp_body #dt {
	margin:0 auto 10px auto;
	width:96%;
}
.businessLoanApp_body #dt .dataHeader th {
	font-size:80%;
	font-weight:bold;
	padding-left:4px;
}
.loanApp_body .monthItem,
.loanApp_body .dayItem,
.loanApp_body .yearItem {
	margin-right:3px;
	font-size:80%;
}
.loanApp_body .monthItem .txtfield,
.loanApp_body .dayItem .txtfield,
.loanApp_body .yearItem .txtfield {
	font-size:120%;
}
.loanApp_body #f1b93.dataTitle.sub {
	margin:6px auto 0 auto;
}
.loanApp_body #f2wrapper.form {
	background-color:#FAFAFA;
	border:1px solid #ccc;
	border-top-width:0px;
	margin:0 auto 6px auto;
	padding:2px;
	width:95%;
}
.loanApp_body #f2wrapper.form .formBlock .input label {
	margin-bottom:1px;
}
.loanApp_body #f2b1.infoMessage {
	text-align:left;
	font-weight:normal;
	font-size:90%;
	width:95%;
	background-color:#F2F2F2;
}
.loanApp_body .formBlock.singleItem {
	text-align:center;
	font-weight:bold;
}
.loanApp_body #f1b95.formBlock {
	text-align:center;
	margin:5px auto;
	width:96%;
}

.eascorp_statements_body #f1ab1.disclosure {
	height:auto;
}
.eascorp_statements_body #f1ab2 {
	margin-bottom:10px;
}
.eascorp_statements_body #title2.dataTitle.sub {
	margin-top:12px;
}
.eascorp_statements_body #t1 td.amount {
	font-size:80%;
}
.eascorp_statements_body #f1cwrapper.form {
	width:90%;
	margin:0 auto;
}
.eascorp_statements_body #f1cwrapper #f2cb1 {
	margin-top:16px;
}
.eascorp_statements_body #f1cwrapper #f2cb1 .label {
	width:100%;
	text-align:center;
}

.rowLink:hover {
    cursor:pointer;
}
.pospayrejecteditems_body .decision {
	font-size:90%;
}

.check_image_body #title1 {
	clear:both;
}

.achbatchpaymentsedit_body .childSupport {
    text-align:center;
}
.achbatchpaymentsedit_body .childAddAmount.controls {
    display:block;
    text-align:center;
    width:auto;
}
.achbatchpaymentsedit_body .childEditAmount {
    display:block;
    text-align:right;
}

.detailTable {
	font-size:90%;
	color:#444;
	margin-left:4px;
}
.detailTable td {
	padding:1px 3px;
}
.detailTable .detailData {
	text-align:right;
	font-weight:bold;
}

p#achTip {
	display: none;
	position: absolute;
	padding: 10px;
	left: 5px;
	z-index: 60;
	background-color: white;
	font-size:90%;
	border: 1px solid #a6c9e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
p#achTip #achTipPoint {
	position: absolute;
	top: -10px;
	left: 5px
}
.quickTransfer {
    width:90%;
    margin:10px auto 0 auto;
}

/* 3.5 */
.sms_body .dataTable .registered {
	text-align:center;
}
.dataTable .description span.sub {
	font-size:90%;
	color:#555;
}
.ytd_body .dataTable .rate,
.ytd_body .dataTable .amount {
	width:11%;
}
.ytd_body .dataTable .account {
	width: 5%;
}
.ytd_body .dataTable .description {
	width: 25%;
}
.a2atransfer_body .dataTable .account.from,
.a2atransfer_body .dataTable .account.to,
.a2atransfer_body .dataTable .confirmno {
	width:18%;
}
.a2atransfer_body #t1.dataTable .status,
.a2atransfer_body #t2.dataTable .status {
	width:10%;
}

/* 3.5.0.4 */
#mLogin {
    margin:10px auto;
    width:75%;
    height:140px;
}

/* 3.5.1 */
.dataTable.innerTable {
	border:none;
	margin:0;
	width:auto;
}
.categories_body .addsubcategory {
	margin-left:12px;
}
.categories_body .editsubcategory {
	margin-left:6px;
}
.categories_body td.count.second {
	padding-top:7px;
}
#new_cat_table #insert_table td.catTextCell {
	white-space:nowrap;
}
.balancesheet_body #f2title {
	margin-bottom:0;
}
.balancesheet_body #f2title h3 {
	font-size:80%;
	width:80%;
	padding-top:2px;
}
.balancesheet_body #nullnone_subtotalBar {
	bottom:0;
}
.balancesheet_body #barLegend {
    width:120px;
    overflow:hidden;
    border:none;
    background-color:#eee;
}
.balancesheet_body #barLegend:hover {
	cursor: pointer;
	border-color:#99FF33;
}
.balancesheet_body .legendBar {
	clear:left;
	margin-bottom:6px;
}
.balancesheet_body .legendBar.subtotalColor {
    margin-bottom:2px;
}
.balancesheet_body .pfmInfo {
    clear:both;
    float:left;
    width:110px;
    padding-bottom:8px;
}
.balancesheet_body .pfmInfo .pfmText {
    font-size:95%;
    white-space:normal;
    margin:4px 1px 8px 1px;
}
.balancesheet_body #barLegend .pfmInfo .button {
    margin-left:33%;
}
.hChart .budgetBar {
	display:block;
	position:absolute;
	width:1px;
	height:18px;
	line-height:1px;
	font-size:1px;
	bottom:61px;
	left:auto;
}
.hChart .subtotalBar {
	display:block;
	position:absolute;
	width:1px;
	height:18px;
	line-height:1px;
	font-size:1px;
	bottom:45px;
}
.hChart div.barLine {
	position:absolute;
	display:block;
	bottom:25px;
	right:80px;
	height:80px;
	border-right:1px dashed #ccc;
	border-bottom:none;
	width:1px;
	left:auto;
}
.hChart .barSubtotalDisplay {
	bottom:30px;
	border-bottom:none;
	border-left:1px solid #99FF33;
	left:auto;
	padding:2px 0 0 2px;
}
.hChart .barSubtotalDisplay.leftSub {
	border-left:none;
	border-right:1px solid #99FF33;
	padding:2px 2px 0 0;
}
.hChart .barBudgetDisplay {
	border-bottom:none;
	border-left:1px solid #66CCCC;
	right:auto;
	padding:0 0 2px 2px;
}
.hChart .barBudgetDisplay.leftBudget {
	border-left:none;
	border-right:1px solid #66CCCC;
	padding:0 2px 2px 0;
}
.hChart.balancesheet_body #nullnone_subtotalBar {
	bottom:45px;
}
tr.dataRow td.foundItem {
	border:2px solid #EE0000;
}
.dataTable .type {
	text-align:left;
}
.formBlock.checkImage {
    padding:3px;
}
.useroptions_body #addLine2 {
    display:none;
}
.bususeradmin_body #f2L3 .input,
.bususeradmin_body #f2L4 .input {
	padding:4px 0;
}
.bususeradmin_body #f2L3 .input .button,
.bususeradmin_body #f2L4 .input .button{
	margin-left:6px;
}
.bususeradmin_body #e1.errorMessage {
	width:60%;
	margin:10px auto;
}
.qList td {
	padding:3px 0 3px 16px;
}
.qList:hover td {
	cursor:pointer;
	color:#333333;
}
#decisionpro_t2 th,
#decisionpro_t2 td,
#decisionpro_t3 th,
#decisionpro_t3 td,
#decisionpro_t4 th,
#decisionpro_t4 td,
#decisionpro_t5 th,
#decisionpro_t5 td {
	text-align:center;
}

/* 3.5.1.3 */
.errorMessage.browserWarning {
    color:#fff;
    background-color:#cc0000;
    width:auto;
    margin:0;
}
.errorMessage.browserWarning h2 {
    color:#fff;
}
.errorMessage.browserWarning a {
    color:#fff;
}

/* 3.5.1.5 */
.hideaccount_body .dataRow td.account .sub,
.accountnickname_body .dataRow td.account .sub {
	color:#555;
	font-size:80%;
}
#barLegend .titleSubtotal,
#barLegend .titleBudget {
    width:70%;
}
.bususeradmin_body #f2VoiceUpdate2 .input,
.bususeradmin_body #f2VoiceUpdate3 .input {
	padding:4px 0;
}

/* 3.5.1.30 */
#cavc1Calendar,
div#color_selector {
    z-index:401;
}
.form.choiceBlock {
    float:left;
    width:40%;
    margin:1% 3%;
    padding:10px 15px;
    text-align:center;
    border:1px solid #4b96cd;
    background-color:#F2F6F7;
}
.form.choiceBlock p {
    font-size:130%;
    float:right;
    width:55%;
}
.form.choiceBlock p strong,
.infoBlock p strong {
    display:block;
    color:#bb4444;
    margin:4px 0;
}
.form.choiceBlock .mimage {
    margin:0 auto;
    height:137px;
    width:137px;
}
.infoBlock.www,
.form.choiceBlock.www .mimage {
    background-image:url(https://onlinebanking.hewfcu.com/webResources/gifs/mobileWWWicon.gif)
}
.infoBlock.sms,
.form.choiceBlock.sms .mimage {
    background-image:url(https://onlinebanking.hewfcu.com/webResources/gifs/mobileSMSicon.gif)
}
.choiceLink {
    float:left;
}
.form.choiceBlock .choiceLink:hover {
    cursor:pointer;
    opacity:0.8;
    zoom:1;
    filter: alpha(opacity=80);
}
.choiceBlock .formBlock.formControls {
    float:right;
    clear:none;
    width:55%;
    margin-top:35px;
}
.choiceBlock .formBlock.formControls .button {
    font-size:110%;
}
.infoBlock {
    padding:10px 15px;
    border:1px solid #4b96cd;
    background-color:#F2F6F7;
    text-align:center;
    width:500px;
    height:320px;
    margin:6px auto;
    overflow:auto;
    background-position:3% 96%;
    background-repeat:no-repeat;
}
.infoBlock p {
    margin:20px 40px;
    font-size:130%;
    font-weight:bold;
}
.infoBlock p strong {
    margin:7px 0;
}
.infoBlock .formBlock.formControls {
    padding-left:40%;
    margin-top:35px;
}
.infoBlock .formBlock.formControls .button {
    font-size:120%;
    margin-top:8px;
    padding:4px 8px;
}
.faqHelp ul li {
    margin:10px;
}
.faqHelp .faqTitle {
    font-weight:bold;
    font-size:120%;
    margin-bottom:5px;
}
.faqHelp .faqText {
    padding-left:12px;
}
.helpBox.formBlock.formControls .controls .button {
    margin-top:3px;
    margin-bottom:3px;
}

/* 3.5.2 */
.form .formBlock .input label.inline {
    display:inline;
}
.calendar_body .calHistory .account,
.calendar_body .dayDisplayPopup .histaccount {
    float:left;
    width:auto;
    text-align:right;
    margin-right:2px;
    padding-right:0;
}
.calendar_body .calHistory .account .userNum,
.calendar_body .dayDisplayPopup .histaccount .userNum {
    display:block;
}
.calendar_body .dataRow td.account .sub,
.calendar_body .calHistory .userNum,
.ytd_body .dataRow td.account .sub {
        color:#555;
        font-size:80%;
}

.scanPlugin {
    text-align:center;
}
.homecapturestart_body #f1 #f1b1 .input label {
        font-weight:bold;
        float:left;
}
.homecapturestart_body #f1 #f1b1 #f1b1i3.input #hcfiAddress.sub {
        float:left;
        margin-left:10px;
        margin-top:2px;
}

.homecapturefront_body #f1wrapper .scanPlugin,
.homecaptureback_body #f1wrapper .scanPlugin {
    border:1px solid #ccc;
    background:#ddd;
    padding:5px;
    width:600px;
    z-index:1;
    margin:5px auto;
}
.homecapturefront_body #f1wrapper #f1b10,
.homecaptureback_body #f1wrapper #f1b10 {
    margin-top:20px;
}
.helpBox.formBlock.formControls .controls .button {
    margin:3px;
}
/* layout */
.sortablePane {width: 49%; float: left; margin:2px; border:1px solid #bbb; overflow:hidden; position:relative;}
.contentPane { overflow:auto; height: 300px; }
.paneControls {
    background:#ffffbb url('https://onlinebanking.hewfcu.com/webResources/gifs/ui/ui-icons_454545.png') no-repeat -49px -18px;
    position:absolute;
    top:0;
    left:0;
    width:13px;
    height:13px;
    z-index:100;
    opacity:0.5;
    filter: alpha(opacity = 50);
    border:1px solid #bbb;
    border-width:0 1px 1px 0;
}
.paneControls.openControls {
    background-image:none;
    width:auto;
    height:22px;
    padding:5px;
    opacity:1;
    filter: alpha(opacity = 100);
}
.paneControls .button, .paneControls .featureSelect {display:none}
.paneControls.openControls .button, .paneControls.openControls .featureSelect {display:block;}
.paneControls .button, .paneControls .featureSelect {
    height:14px;
    float:left;
    margin:0 5px;
}
.paneControls .button div {
    margin:1px 0 0 1px;
    width:13px;
    height:13px;
}
.paneControls .button .paneHandle {
    background:url('https://onlinebanking.hewfcu.com/webResources/gifs/ui/ui-icons_454545.png') no-repeat -1px -83px;
}
.paneControls .button .paneOpen {
    background:url('https://onlinebanking.hewfcu.com/webResources/gifs/ui/ui-icons_454545.png') no-repeat -50px -81px;
}
.balancesheet_body .widgetChart #barLegend:hover {
    cursor:default;
}
p#achTip.tipDown #achTipPoint {
        top: 46px;
}
.intermediary_wire_body #ct1.dataTable {
        margin-top:0;
}
.bpscheduledpayments_body #t1controls #schPaymentsButton,
.ask_body #result .balance_body #refreshContainer {
        display:none;
}
.mcmContainer {
    margin:6px auto;
    text-align:center;
}
#mcmheader.mcmContainer {
        float:right;
        margin-top:-30px;
}
.mcmTarget {
    display:inline;
}
#barLegend .titleSubtotal {
    margin-bottom:4px;
}
#barLegend .sub {
    font-size:90%;
    color:#666;
}
/* 3.5.2.11 */
.contentPane { position:relative }

/* 12.1.16 */
#alertConfirm #refreshContainer { display: none }