html {
  font-family: arial, helvetica, clean, sans-serif;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

body {
	background-color:#426597;
	font-size: 1.3em;
	line-height: 1.35em;
	font-family: arial, helvetica, clean, sans-serif;
	color: #222222;
	margin:0px;			
}

.ui-datepicker-today > * {
    font-weight: bold !important;
    color: black !important;
}
[data-icon]:before{
color:#000000;

}
a {
color:#0000CC;
}
.link{
cursor:pointer;
}
a:visited {
color:#0000CC;
}

a:hover {
color:#0000CC;
}
#estimatedMessageToggle{
cursor:pointer;
}

h1 {
	font-size: 2.0rem;
	font-weight: bold;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 15px 10px;
	line-height: 1.25em;
}

.wrapper {
	margin: 0 auto;
    max-width:1140px;
	min-width: 1000px;
}


/*	Header */

header {
	color:#42597B;
	background-color:#FFFFFF;
	overflow:hidden;
	padding:10px 10px 20px 10px;
}

header a, header a:active, header a:visited  {
	color:#42597B;
	font-weight:bold;
}

.logo {
	float:left
}

.sign-out {
	float:right;
}

.sign-out a {
	padding: 0 10px;
}

/*	Navigation	*/

nav {
display:block;
margin:0px;
padding:0px;
}

nav:after {
content: " ";
display: table;
clear: both;
}

nav > ul {
	float:left;
	/*border: 1px solid #aaaaaa;*/
	border-radius: 3px;
	margin-bottom: 13px;
	list-style:none;
	padding:0px;
}

nav > ul > li {
	display: inline;
	float: left;
	margin: 0;
}

nav > ul > li:first-child > a {
	border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
#nav_popmoney{
 display:flex;
display: -ms-flexbox;
}
	.zelleLogo{
			width: 40px;
			height: 17px;
			margin-left: 6px;
			color:#6D1ED4	}
.selected > .zelleLogo
{
	color:#6D1ED4}
nav > ul > li > a:hover > .zelleLogo {
	color:#6D1ED4}
nav > ul > li:last-child > a {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    border-right:1px solid #868686 !important
}

nav > ul > li:last-child > a.selected {
	margin-right:-1px;
}

nav > ul > li > a,
nav > ul > li > a:visited {
	
    background:#FFFFFF;
    
        
    color:#868686;
	padding: 4px .5em;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #868686;
    border-right:0px

}

nav > ul > li > a:hover,
nav > ul > li > a.selected:visited,
nav > ul > li > a.selected {
	
    background:#FFFFFF;
    
        border: 1px solid #868686;
    border-right:0px
;
    color:#868686;
}


/* Main */

.container {
	background:#FFFFFF;
	padding:0px 10px;
}

.content {
	background-color:#FFFFFF;
	margin: 0 auto;
	min-height: 150px;
	padding: 10px 15px 0;
    margin-bottom:10px;
}

.page-header {
	margin: 5px 16px 10px;
	padding-bottom: 0;
	color:#000000;

}

.btn:visited,
.btn {
	
    background:#FFFFFF;;
    
        
	color: #868686;
	border: 1px solid #444;
	border-radius: 3px;
	padding: 5px 9px;
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}

.btn:hover {
	
    background:#FFFFFF;
   
        
    color:#868686 
}

hr {
	border: solid #dddddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 15px;
	height: 0;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], 
input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: arial, helvetica, clean, sans-serif;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

select, textarea, input[type="text"], table input.inline-field[type="text"], input[type="password"], input[type="datetime"], 
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], 
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], .uneditable-input {
	display: inline-block;
	height: 20px;
	padding: 4px 6px;
	margin-bottom: 3px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 20px;
	color: #444;
	border-radius: 3px;
}

textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, textarea:hover, select:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, .uneditable-input:hover {
	border-color: rgba(82, 82, 82, 0.8);
	outline: 0;
	outline: thin dotted \9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(0, 0, 0, 0.6);
}

select {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	height: 30px;
	line-height: 30px;
}

option {
	padding:5px 3px;
}

/* Module */

.module {
	position: relative;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	margin: 0 0 15px;
	background-color: #fff;
}

.module > h2 {
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF 50%, #8F9FB6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FFFFFF), color-stop(100%,#8F9FB6));
	background: -webkit-linear-gradient(top, #FFFFFF 50%,#8F9FB6 100%);
	background: -o-linear-gradient(top, #FFFFFF 50%,#8F9FB6 100%);
	background: -ms-linear-gradient(top, #FFFFFF 50%,#8F9FB6 100%);
	background: linear-gradient(to bottom, #FFFFFF 50%,#8F9FB6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#8F9FB6',GradientType=0 );
	color: #000000;
	padding: 6px 15px;
	margin: 0;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 6px;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-bottom: 1px solid #d0d0d0;
	font-size: 1.6rem;
}

.module > h3 {
	padding-top:20px;
}

.moduleAlt > h2 {
	color:#42597B;
    background:#E0E0E0;
}

.moduleAlt {
	border:1px solid #CCCCCC;
}

/**Option List**/

ul.optionList {
	list-style:none outside;
	margin-bottom: 10px;
	margin-right: 10px;
	padding:0px;
}

ul.optionList > li {
	margin:0 5px 10px;
}

ul.optionList > li:first-child {
	margin-top:0px;
}

ul.optionList > li > h4 {
	border-bottom: none;
	font-weight: normal;

	padding-left: 35px;
	cursor: pointer;
	line-height: 1.6em;
	font-size: 1.4rem;
	position: relative;
	margin:0px;
	padding-top:5px;
}

ul.optionList > li > h4:before,
ul.optionList > li > h4.selected:before  {
content: " ";
display: block;
height: 26px;
width: 21px;
position: absolute;
z-index: 1;
left: 8px;
top: -3px;
background: url(/click/checkfree/2/img/triangle.png) 3px -70px no-repeat;
}

ul.optionList > li > h4 > a {
text-decoration: none;
color: inherit;
}

.addAccountView > h4 > a:hover,
ul.optionList > li > h4 > a:hover {
color:#2e8bc9;
}

ul.optionList > li > h4.selected {
	background:#f2f2f2;
	border: 1px solid #dcdcdc;
	border-bottom:0px;
}

ul.optionList > li > h4.selected:before {
	background-position:3px 16px;
}

ul.optionList > li > h4 + div {
	display:none;
	background:#f2f2f2;
	padding:0px 0 20px 20px;
	border: 1px solid #dcdcdc;
	border-top:0px;
}

ul.optionList > li > h4 + div > section {
	margin-bottom:10px;
}

ul.optionList > li > h4 + div > section:before {
	display: table;
	line-height: 0;
	content: "";
}

ul.optionList > li > h4 + div > section.sub > div:first-child,
ul.optionList > li > h4 + div > section > label {
	float: left;
width: 32%;
font-weight:bold;
padding-top: 5px;
text-align: right;
margin-left: 1%;
margin-right:10px;
}

ul.optionList > li > h4 + div > section.sub {
	margin-top:-10px;
	color: #777777;
	font-size: .9em;
	line-height: 1.2em;
}

.profile-tab-view {
    display: inline-block;
}

.profile-tab-button {
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    padding: 6px;
    background-color: rgb(230,230,230);
    cursor: pointer;
}

#checkfree-module, #popmoney-module {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.profile-tab-selected {
    background-color: white;
    position: relative;
    top: 1px;
    z-index: 10;
    padding-bottom: 6px;
    border: 1px solid #cccccc;
    border-bottom: none;
}

/*
ul.optionList > li > h4 + div > div:last-child {
	margin-left:34%;
	padding-top:10px;
	padding-bottom:15px;
}
*/

ul.optionList > li > h4 + div > div:last-child > .btn
{
margin-right:10px;
}

ul.optionList > li > h4 + div > p {
	margin: 0px 15px;
	padding: 20px 0px 10px 0px;
}

.container:after, .content:after {
content: " ";
display: table;
clear: both;
}

/*	Footer  */

footer {
	color:#42597B;
	background-color:#FFFFFF;
	padding:0px 10px 15px;
}

footer a, footer a:active, footer a:visited, footer a:hover {
	color:#42597B;
	font-weight:bold;
}

footer > div {
	text-align:center;
	padding:10px 0px 15px 0px;
}

footer > table {
	width:100%;
	border-spacing:0px;
}

footer > table > tbody > tr > td:last-child {
	text-align:right;
}

footer > table > tbody > tr > td {
	padding:0px;
}

footer > table > tbody > tr > td > ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

footer > table > tbody > tr > td > ul > li {
	display:inline;
}

footer > table > tbody > tr > td > ul > li:first-child {
	border-left:0px;
	padding-left:0px;
	margin-left:0px;
}

footer > table > tbody > tr > td > ul > li {
	border-left:1px solid #42597B;
	padding-left:10px;
	margin-left:5px;
}

.lockSpace,
.lock {
	float: left;
	margin-right: 10px;	
	height: 21px;
	width: 21px;
	background: url(/click/checkfree/2/img/sprite.png) no-repeat 0px -1687px;
}

.lockSpace {
	background:transparent;
}

/**
 *
 *	Forms
 *
 */
 
 .inputAmountView  {
	background: #ffffff url(/click/checkfree/2/img/dollarSign.png) no-repeat 3px 7px;
	text-align: right;
	width:70px;
	margin:0px;
}

input[disabled], select[disabled], textarea[disabled], 
input[readonly], select[readonly], textarea[readonly] {
cursor: not-allowed;
background-color: #eeeeee;
box-shadow: none;
}

.disabled {
	opacity:.3;
}

.control-group {
	margin-bottom:10px;
}

.control-group:before, .control-group:after {
	display: table;
	line-height: 0;
	content: "";
}

.control-group:after {
	clear: both;
}

.control-label {
	float: left;
	width: 32%;
	padding-top: 5px;
	text-align: right;
	margin-left: 1%;
}

.control-label > label {
	display: block;
	font-weight: bold;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 20px;
}

.controls {
	position: relative;
	width: 64%;
	float: left;
	margin-left: 5px;
}

.radio {
	display:block;
	margin-bottom:5px;
}

.checkbox {
	display:block;
	min-height: 18px;
	margin:5px 0px 3px 0px;
}

.inline {
	display:inline;
}

.inputDateView {
	border-top-right-radius:0px !important; 
	border-bottom-right-radius:0px !important;
	width:75px;
	margin-right:0px;
}

.datePickerButton {
	background-color: #f0f0f0;
	border: 1px solid #cccccc;
	border-left: 0px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	cursor: pointer;
	width: 21px;
	height: 24px;
	vertical-align: top;
	display: inline-block;
	padding: 2px 0px;
	margin-left: -3px;
}

.datePickerTrigger {
	margin: 3px 0px 0px 1px;
	background:url(/click/checkfree/2/img/sprite.png) no-repeat 0px -81px;
	display: inline-block;
	height: 17px;
	width: 19px;
}

#inputMemo + .help-block {
	margin-left: 5px;
}

.help-block {
	color: #777777;
	font-size: .9em;
	line-height: 1.2em;
}

.frequencySelectView {
	width: 60%;
	min-width: 200px;
	max-width: 315px;
}

.frequency {
	width:315px;
}

.form-action {
	margin-left: 34%;
	padding-bottom: 15px;
	padding-top: 10px;
	clear:both;
}

.form-action > .btn {
	margin-right:10px;
}

.largeField {
	width:400px;
}

.closeButton {
	position: absolute;
right: 10px;
top: 0px;
background: none;
border: 0;
color: #0033cc;
font-size: 22px;
font-size: 1.8rem;
text-decoration: none;
font-weight: bold;
line-height: 1em;
color:#000000 !important;
}

@font-face {
  font-family: 'onboard';
  src: url(/click/checkfree/2/fonts/onboard.eot);
  src: url(/click/checkfree/2/fonts/onboard.woff) format('woff'), 
  url(/click/checkfree/2/fonts/onboard.ttf) format('truetype'), 
  url(/click/checkfree/2/fonts/fonts/onboard.svg7) format('svg');
  font-weight: normal;
  font-style: normal;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
  }

.clearfix:after {
    clear: both;
}

.field-label-container {
	text-align: right;
	position: relative;
	top: 5px;
}

.memo-field-container, .field-label-container {
    display: inline-block;
    height: 40px;
    vertical-align: middle;
}

.optional-label {
	display: block;
	font-weight: normal;
	font-size:11px;
}

.modal-open {
	overflow: hidden;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.fade.in {
  opacity: 1;
}

.modal-backdrop.fade {
	opacity: 0;
}


.modal-backdrop.in {
	opacity: .5;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1040;
	background-color: #000;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
  	-webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}
}

.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-title {
	margin: 0;
	line-height: 1.42857143;
}

.modal-body {
	position: relative;
}

.modal-body * {
	line-height: 1.42857143;
}

.modal-footer {
	padding: 15px;
	text-align: right;
}

.modal-dialog .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}


.modal-dialog .btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.modal-dialog .btn.btn-default {
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.modal-dialog .btn-default.active.focus, .modal-dialog .btn-default.active:focus, .modal-dialog .btn-default.active:hover, .modal-dialog .btn-default:active.focus, .modal-dialog .btn-default:active:focus, .modal-dialog .btn-default:active:hover, .modal-dialog .open>.dropdown-toggle.btn-default.focus, .modal-dialog .open>.dropdown-toggle.btn-default:focus, .modal-dialog .open>.dropdown-toggle.btn-default:hover {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}

.modal-dialog .btn.active.focus, .modal-dialog .btn.active:focus, .modal-dialog .btn.focus, .modal-dialog .btn:active.focus, .modal-dialog .btn:active:focus, .modal-dialog .btn:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px;
}

.h4, h4 {
	font-size: 18px;
	font-weight: 500;
	font-family: inherit;
	color: inherit;
}
.estimatedDropdown{
	padding: 10px 10px 10px 10px;
    box-shadow: 3px 5px #888888;
    background: #EBEBEB;
    border: 1px solid #CCCCCC;
    position: relative;
    top: 12px;
    float: left;
    z-index: 100;
    width: 274px;
    left: -199px;
    border-radius: 10px;
    display: none;
    text-align: left;
	display:none;
	cursor: pointer;
	}
.estimatedDropdown:after {
    content: ' ';
    width: 0px;
    height: 0px;
    border-top: 0px solid #transparent;
    border-left: 11px solid transparent;
    border-bottom: 11px solid #D4D4D4;
    border-right: 11px solid transparent;
    position: absolute;
   left: 238px;
    top: -12px;
    margin-left: -6px;
}
.estimatedDropdown.visible{
	display:block;
}
.estimatedDropdown.visible section {
    margin-bottom: 10px;
}
	.realLogo{
	padding: 45px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	}
.biller-logo .realLogo {
    height: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 50px;
    padding: 0;
}
.tile span.realLogo {
    margin: 10px;
}