@import url("/css/sharedToolTips.css"); 

/*****************************************************************************
ACH Form Styles
******************************************************************************/

#achForm div {
	font-size: 12px;
	}
	
#achForm textarea {
	font-size: 12px;
}

#achForm li{
	list-style: none;
}
		
#achForm #acceptTerms {
	padding: 10px 0 0 0; 
	margin: 0 0 10px 0; 
	font-weight: bold; 
	text-align: center;
}

#achForm #acceptTerms div {
	margin: 0; 
	padding: 10px 0 10px 125px;  
	text-align: left; 
	font-weight: bold;
}
	
#achForm #disclosures {
	margin-left:125px; 
	padding: 5px 0 20px 0;
}

#achForm #eftAuthorization {
	padding: 20px 0 20px 10px; 
	background: #f2f2f2;
}

#achForm #eftAuthorization textarea {
	background-color: #fff; 
	margin: 5px 0 5px 0; 
	padding: 10px 0 0 10px;
}

#achForm #eftAuthorization textarea[readonly] {
		background-color: #fff;
		border: #666 1px solid;
		color: #000000;
		cursor: default;
}
#achForm div, td {
	font-family: Inherit; 
}

#achForm p {
	font-family: Inherit; 
}

div.roundedBoxFundingMethodSelection, div.roundedBoxFundingMethodSelectionUnavailable {
	width: 95%;
	background-color: #efefef;	
	color: #000000;
	padding: 10px;
	margin: 5px 0px 5px 0px;
}

div.roundedBoxFundingMethodSelection th, div.roundedBoxFundingMethodSelectionUnavailable th {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0px 5px 0px;
}

div.roundedBoxFundingMethodSelectionUnavailable, div.roundedBoxFundingMethodSelectionUnavailable th, div.roundedBoxFundingMethodSelectionUnavailable td {
	background-color: #f8f8f8;
	color: #9C9C9C;
}

div.fundingMethodSeparatorContainer {
	width: 100%;
	text-align: center;
}

div.fundingMethodSeparator {
	width: 200px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("/images/common/img_spacer_2x2_box_CCCCCC.gif");
	background-repeat: repeat-x;
	background-position: center center;
	text-align: center;
}

div.fundingMethodSeparator div.fundingMethodSeparatorText {
	font-family: Inherit;
	color: #666;
	position: relative;
	width: 30px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
}

.disableText {
	color: #CCC;
}

/*****************************************************************************
Yodlee IAV Login form
******************************************************************************/

table.yodleeForm {
	font-family: Inherit;
	color: #000;
}

table.yodleeForm td {
	padding: 5px;
}

table.yodleeForm td.fieldIsRequired {
	font-size: 12px;
	font-weight: bold;
}

table.yodleeForm td.fieldHelp {
	font-size: 11px;
}

/*****************************************************************************
Funding Allocation Page Styles
******************************************************************************/

table.accountFunding {
	background-color: #FFFFFF;
	font-family: Inherit;
	color: #000000;
}

table.accountFunding tr.alternateColor {
	background-color: #F4F7FA;
}

table.accountFunding th {
	font-family: Inherit;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

table.accountFunding th.accountHeader, table.accountFunding th.accountHeaderAttribute, table.accountFunding th.accountHeaderDeposit {
	border-right: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #ECECEC;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}

table.accountFunding th.accountHeader {
	padding-left: 5px;
	border-left: 1px solid #999999;
	text-align: left;
}

table.accountFunding td.account, table.accountFunding td.accountAttribute, table.accountFunding td.accountDeposit {
	font-family: Inherit;
	font-size: 11px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 2px 2px 2px 5px;
}

table.accountFunding td.accountAttribute, table.accountFunding input.initialDeposit {
	text-align: right;
}

table.accountFunding td.account {
	border-left: 1px solid #999999;
}

table.accountFunding th.accountHeaderDeposit, table.accountFunding td.accountDeposit {
	width: 110px;
}

table.accountFunding th.accountHeaderAttribute, table.accountFunding input.initialDeposit {
	width: 80px;
}

.approvalY {
	background-image: url("/images/Common/img_ico_approval.gif");
	background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
}

.approvalN {
	background-image: url("/images/Common/img_ico_error.gif");
	background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
}

/*****************************************************************************
Information box styles
******************************************************************************/

div.messageContainer {
	font-family: Inherit;
	color: #000;
	background-color: #f4f4f4;
	border: 1px solid #999999;
	margin-bottom: 10px;
}

div.messageContainer div.informationIcon {
	background-image: url("/images/Common/ico_info.gif");
	background-repeat: no-repeat;
	background-position: center center;
	width: 45px;
	height: 45px;
	display: block;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}

div.messageContainer div.messageContent {
	margin-left: 45px;
	margin-top: 3px;
	padding: 5px;
}

div.messageContainer div.messageContent p.title {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

div.messageContainer div.messageContent p.content {
	font-size: 12px;
	margin: 0px;
	padding-top: 5px;
}


div.floatingMsgBox {
	margin: 20px 0 20px 0;
	padding: 10px; 
	border-bottom: 2px solid #666; 
	border-right: 2px solid #666; 
	background-color: #fff; 
	width: 450px;		
}
	
div.floatingMsgBoxDesc {
	background: url("/images/Common/ico_info.gif") top left no-repeat; 
	padding-left: 50px;
	margin-left: 15px; 
	width: 375px; 
	text-align: left;	
}

div.floatingMsgBox table {
	clear: both; 
	padding: 25px 0 20px 0;
}

div.floatingMsgBox ul {
	text-align: left; 
	margin-left: 20px;
}

/*****************************************************************************
Rounded boxes for niftyCube
******************************************************************************/

div.roundedBoxInfo {
	background-color: #D4DEE7;
	color: #000000;
	padding: 10px;
	margin-bottom: 20px;
}

div.roundedBoxInfo h2, div.roundedBoxInfo p {
	color: #000000;
	margin: 5px;
}

div.roundedBoxError {
	background-color: #FFFFCC;
	color: #FF3333;
	padding: 10px;
	margin-bottom: 5px;
}

div.roundedBoxError h2, div.roundedBoxError p {
	margin: 5px;
	color: #FF3333;
}

div.roundedBoxSummary {
	background-color: #D4DEE7;
	color: #000000;
	padding: 10px;
	margin-bottom: 20px;
}

div.roundedBoxSummary h2, div.roundedBoxInfo p {
	color: #000000;
	margin: 5px;
}

.Info {
	font-family: Inherit;
	font-size: 11px;
	font-weight: bold;
	color: #214467;
}

.InfoLarge {
	font-family: Inherit;
	font-size: 20px;
	font-weight: bold;
	color: #214467;
}
.InfoBG {
	background-color: #D4DEE9;
}

div.infoBox {
	padding-bottom:5px;
}

div.errorBox {
	visibility:hidden;
	padding-bottom:5px;
}
.clickable{
	cursor:default;
}
fieldset.invisible{
	border:none;	
}
fieldset.invisible legend{
	display:none;	
}