/* *****************************************************************************
	ATTENTION!
	
	With responsive design we want to create some general rules for screen sizes
	and what that should mean in regards to layout.  The following thresholds
	will give us some consistency:
	
		Phone Views: 			0-640px 	 (max-width: 640px)
		Table Portrait Views: 	641px-790px  (max-width: 790px)
		Tablet Landscape Views: 791px-1024px (max-width: 1024px)
		
***************************************************************************** */

/*reset*/
table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

body {
	font-family: arial, sans-serif;
	font-size: 0.750em; /* 12px */
}

h2 {
	font-size: 2.000em;  /* 24px */
}

h5 {
	font-size: 1.5em;
}

a {
	cursor: pointer;
}

form {
	margin: 0px;
	/* IE adds 20px margin by default. Improve cross-browser compatibility */
}

.black {
	color: #000000;
}

.noWrap {
	white-space: nowrap;
}

.elanTable caption {
    text-align:left;
    font-weight:bold;
    padding:3px 0px;
    white-space:nowrap;
    border-bottom: 1px solid;
    display: none;
}
.elanTable tr {
    border-bottom:1px solid;
}

.elanTable td,
.elanTable th {
	padding: 11px 1%;
	text-align: left;
}

.elanTable th {
	font-weight: bold;
    border-top: 1px solid #dbdcde;
}

#transactionDetailTable_summary>tbody>tr:last-child { 
    border-bottom: none;
}

#transactionDetailTable_pending.elanTable th,
#transactionDetailTable_completed.elanTable th {
    border-top: none;
}

.tranDateCol, .tranDateCol_resp {
	min-width: 170px;
}
.payHistoryDateCol {
	min-width: 180px;
}
.postDateCol {
	min-width: 130px;
}
.moreDetailsCol {
	min-width: 10px;
}
.descCol {
	width:100%;
}
th.amountCol, th.amountCol_resp, td.amountCol, td.amountCol_resp {
	min-width:140px;
	text-align: right;
}
.tranDateCol, .tranDateCol_resp, .postDateCol, .moreDetailsCol, .descCol {
  	text-align: left;
}
th.tranDateCol, th.tranDateCol_resp, th..payHistoryDateCol, th.postDateCol, th.moreDetailsCol, th.descCol, th.amountCol, th.amountCol_resp {
  	font-size: 1.167em;
}

#transactionDetailTable_summary,
#transactionDetailSummaryPrintFriendly {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.500em;
  font-size: 1.083em;
}


.errortext {
	color: red;
}

.hide {
	display:none;
}

.fieldtitle{
	font-weight:bold;
}

div.formsFieldLabel {
	font-weight: bold;
}

div.infoVerification {
	background-color: #F2F2F2;
	width: 75%;
}

div.indentEnroll {
	padding-left: 2.5%;
}

.bottomWrapper {
	font-size: 0.917em;
}

img.verifyInfoIcon {
	padding-right: 6px; 
	padding-bottom: 12px;
	vertical-align: middle; 
}

.fancyToolTip {
	cursor:pointer;
}

.placeholder { color: #aaa; }


.cursor_help {
	cursor: help;
	vertical-align:top;
}

#navTabs .cursor_help {
	margin-top:8px;		
}

.cursor_help_right{
	float: right;
	cursor: help;
}

.moreDescDetails {
	cursor: pointer;
}

.vcp_welcomeUser_message {
	display:inline;
}

.vcp_welcomeUser_links {
	display:inline;
}

.vcp_welcomeUser_links a {
	text-decoration:none;
	margin-right:5px;
	margin-left:5px;
}

.vcp_welcomeUser_links a img {
	border:none;
}

ul.leftNav li.smallNavItem {
	display:none;
}
.spacedSeparator {
	margin-left:5px;
	margin-right:5px;
}

.tight {
	margin-bottom:0;
	padding-bottom:0; 
}

.extraHeadroom {
	padding-top:15px;
}

.tieringElement {
	padding-top: 15px;
}

.tieringElementHigh{
	padding-top: 18px;
}

.tieringElementLow{
	padding-top: 12px;
}

.tieringElementBot {
	padding-bottom: 15px;
	clear:both;
}

.paddingMedium {
	padding-top: 10px;
}

.paddingSmall {
	padding-top: 5px;
}

.paddingLeftMedium {
	padding-left: 25px;
}

.listOfLinks a {
	clear:both;
	display:inline;
	float:left;
	margin-top:1px;
	margin-bottom:12px;
}

.vspacer20 {
	clear: both;
	margin-top: 20px;
}

.hspacer20 {
	padding-right:20px;
}

.hspacer3 {
	padding-left: 0.3em;
	padding-right: 0.3em;
}

.marginButtonNav {
	padding: 30px 0 20px;
}

.buttonpad{
	margin-right: 10px;
	padding-top: 13px;
	cursor: pointer;
}

.elanWideButton {
  width: 90%;
}

.promptButtonAlign {
	text-align: left;
}

.buttonnavPopup {
    height: 44px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    padding-top: 15px;
}

.vcp_payment_tblCaption {
    text-align:left;
    font-weight:bold;
    padding:3px 0px;
    white-space:nowrap;
    border-bottom: 1px solid;
    display:none;
}

#payment_schedule_tblCaption {
    text-align:left;
    font-weight:bold;
    padding:3px 0px;
    white-space:nowrap;
    border-bottom: 1px solid;
    display:table-caption;
}

.vcp_alert_tblHead,
.vcp_payment_tblHead {
    padding:3px 0px;
    border-bottom: 1px solid;
}


th.vcp_autopay_scheduleFromAcct,
th.vcp_autopay_scheduleToAcct,
th.vcp_autopay_scheduleAmount,
th.vcp_autopay_schedulePaymentDay,
th.vcp_autopay_scheduleAction,
th.vcp_paymentHistory_Date,
th.vcp_paymentHistory_Description,
th.vcp_paymentHistory_Amount,
th.vcp_paymentAccount_Type,
th.vcp_paymentAccount_RouteNumber,
th.vcp_paymentAccount_AccountNumber,
th.vcp_paymentAccount_Action,
th.vcp_alert_detail,
th.vcp_alert_status,
th.vcp_alert_action {
	text-transform:uppercase;
}

.vcp_alert_detail {
	width:58%;
    padding-left:2%;
    white-space:nowrap;
}

.vcp_alert_status {
	width:18%;
    padding-left:2%;
    white-space:nowrap;
}

.vcp_alert_action {
	width:18%;
    padding-left:2%;
    white-space:nowrap;
	font-weight: normal;
	color:#666666;
}

.vcp_noPymtHistory_message,
.vcp_noAlert_message {
	width:98%;
	padding-left:2%;
    white-space:nowrap;
}

.vcp_paymentAccount_Type,
.vcp_paymentAccount_RouteNumber,
.vcp_paymentAccount_AccountNumber,
.vcp_paymentAccount_Action {
    width:25%;
    font-weight:normal;
    text-align:left;
}

.vcp_autopay_scheduleFromAcct {
    width:25%;
    font-weight:normal;
    text-align:left;
}

.vcp_autopay_scheduleToAcct {
    width:28%;
    /*white-space:nowrap;*/
    font-weight:normal;
    text-align:left;
}

.vcp_autopay_scheduleAmount {
    width:16%;
    white-space:nowrap;
    font-weight:normal;
    text-align:left;
}

.vcp_autopay_schedulePaymentDay {
    width:17%;
    white-space:nowrap;
    font-weight:normal;
    text-align:center;
}

.vcp_autopay_scheduleAction {
    width:14%;
    /*white-space:nowrap;*/
    font-weight:normal;
    text-align:center;
}

.vcp_autopay_scheduleNone {
    width:100%;
    white-space:nowrap;
    font-weight:normal;
    text-align:left;
}

.vcp_payment_selection {
	padding-top: 10px;
}

th img.cursor_help {
	vertical-align:0px;
}

.printmove {
	text-align:right;
	margin-top: -20px;
}

.label {
	font-weight: bold;	
}

/* Begin Transaction Details */
.transactionDetailsDescription {
	line-height: 1.5em;
}

#transactionDetailSummaryPrintFriendly td {
	padding: 10px;
}
#transactionDetailTable_summary td {
  padding: 10px;
  height: 80px;
}
#transactionDetailTable_summary .summaryValue {
    font-size: 1.8em;
    font-weight: normal;
}
#elan_transactionDetailOptionsBig {
  float: right;
  text-align: center;
  padding-top: 10px;
  cursor: pointer;
}

#elan_transactionDetailOptionsBig a {
  
}

#elan_searchLink  {
  float: left;
  padding: 0px 3px;
  border-right: 1px solid #666666;
}

#elan_printerFriendlyLink  {
  float: left;
  padding: 0px 3px;
}

#elan_accountSummary a {
	color: #ffffff;
	text-decoration: none;
}

.elan_spacer4 {
  height: 4px;
}

.elan_topBorder {
  border-top: solid 1px #666666;
}

.vcp_transDetails_pageNavigate {
	text-align: right;
	text-decoration: none;
}
.vcp_transDetails_pageNavigate a{
	text-decoration: none;
}

.padding10 {
	padding:10px;
}

#elan_accountDetailsSmall {
	display: none;
}
.twoColTableValue {
	text-align: right;
}
#elan_transactionDetailOptionsSmall  {
  width: 100%;
  display:none;
}
.optionsSmallTable {
	display: table;
    border-spacing: 1px;
 	background-color: #FFFFFF;
	width: 100%;
}
.optionsSmallRow {
	display: table-row;
}
.optionsSmallCell a{
	display:block;
	height:100%;
}

.standardDetails,
.moreDescDetails_row
{
  border-bottom: 1px solid;
}

.calendarInput {
    display: inline-block;
    *display: inline;/* for IE7*/
    *zoom:1;/* for IE7*/
    min-width: 130px;
}

#tempSummaryHeadLeft,
#tempSummaryColLeft,
#tempSummaryHeadRight,
#tempSummaryColRight,
#tempPrintFriendlyLink{
  display:none; 
  float:left;
}

.vcpTransSearchBox_row{
  display:table-row;
  border-right: 1px solid black;
  text-align: right;
  width:100%;
}
.vcpTransSearchBox_cell{
  display:table-cell;
}
.vcpTransSearchBox_cell_center{
  display:table-cell;
  text-align:center;
}
#vcp_txnDetails_closeSearchBox {
  text-align:right;
  cursor: pointer;
}

.vcpTransSearchBox{
  display:table;
}

.vcp_accountSummary_title {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #666666;
  width: 100%;
}
.vcp_accountSummary_tabheader {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    text-align: left;
    text-transform: uppercase;
}

.vcp_accountSummary_col {
    border-bottom: 1px solid black;
    text-align: left;
 }
 
#transactionDetails_Search_link,
#transactionDetails_Download_link,
#transactionDetails_Statements_link {
  border-width: 1px 0px 1px 1px; 
  border-style: solid;
  border-color: black;
}

#transactionDetails_PF_link {
  border: 1px solid black;
}

.transactionSummary_acctBal,
.transactionSummary_creditLimit,
.transactionSummary_minPayment,
.transactionSummary_paymentDueDate,
.transactionSummary_lastStatementBal,
.transactionSummary_availCredit,
.transactionSummary_acctBal_PFV,
.transactionSummary_creditLimit_PFV,
.transactionSummary_minPayment_PFV,
.transactionSummary_paymentDueDate_PFV,
.transactionSummary_lastStatementBal_PFV,
.transactionSummary_availCredit_PFV
 {
  width:19%;
  display:inline-block;
  text-align:center;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  margin-right: -4px;
  margin-top: -4px;
  position:relative;
  border-width: 0px 1px 0px 0px; 
  border-style: solid;
  border-color: black;
  height:7.000em;
  font-weight: bold;
  padding: 1.250em 0em 0em 0em;
}

.transactionSummary_acctBal,
.transactionSummary_availCredit {
  width:12%;
}
.transactionSummary_availCredit {
  border-width: 0px;
}

.transactionSummary_acctBal_PFV,
.transactionSummary_availCredit_PFV {
  width:12%;
}
.transactionSummary_availCredit_PFV {
  border-width: 0px;
}

.transactionSummary_spacer {
  height:1.000em;
}

.transactionDateHeader_responsive {
  display:none;
}

.transactionDetailsLinks {	
  margin-left: 10px;	
  margin-right: 10px;	
}	

.transactionDetailsLinksPA {
  float: right;
  margin-top: -15px;
}

.vcp_txnDetails_closeSearchBox {
  display:block;
  text-align:right;
  padding: 0.125em 0.125em 0em 0em
  
}

#vcpTransSearchBox_caption,
#vcpTransSearchBox_startDate,
#vcpTransSearchBox_endDate {
  clear:right;
  width:40%;
  max-width: 180px;
  display:inline-block;
  position:relative;
  text-align:center;
  font-weight: bold;
}
.sortDirectionImageIcon {
  text-align: right;
  width: 0.500em; 
  height: 0.7500em;
}

/* End Transaction Details */

div#layoutBottomLeft {
	text-align: left;
}

div#layoutBottomRight {
	text-align: right;
}

ul.leftNav {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 1.167em;
	line-height: 34px;
}

ul.leftNav li {
	float: left;
	list-style: none;
	padding: 1px 13px 0px 13px;
}

ul.leftNav a {
	text-decoration: none;
}

#vcp_leftNav_menuIcon {
    height:43px;
    width:30px;
    display: none;
    float:right;
    background: url("/onlineCard/static/shared/img/nav-iconOn.png") no-repeat center;
}

span#layoutCopyrightMessageArea {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: right;
}
span#layoutSecurityStandardsMessageArea {
	padding: 0;
	margin: 0;
}

#pageWrapper{
	width: 800px;	
}
.contentMain{
	margin-left: 188px;
	
}
#messageHeader{
	background-color: #666666;
	padding:2px;
}
#rightHanger{
	float: right;
	text-align: right;
	width:180px	
}

#loginStyle {
	position: relative;
}

#loginEnhancement {
	position: absolute;
	top: 20px;
	left: 325px;
	width: 210px;
}

#loginEnhancementContent {
	background: url(/onlineCard/static/elan/img/login_enhancement_box.gif) no-repeat;
	background-position: left bottom;
	width: 190px;
	padding: 25px 10px 10px;
	height: 100px;
}

.BoxedHeader{
	padding: 2px 3px 2px 5px;	
}
.BoxedText{
	background-color: #CCCCCC;
	padding: 0px 8px 10px 12px;
}
.attentionText{
	float: left;
	width: 125px;
	text-align: center;
	margin: 0px 19px 0px 13px;
	border: black solid 2px;
	padding: 6px;
}

/* Transaction Download */
#downloadTransactionDialogue{
	width: 400px;
	padding: 40px 0px 0px 0px;
}
/*Styles added from Core*/


.bold{
	font-weight: bold;
}

.highlight {
	padding: 1px 3px 1px 5px;
}

.table_border_padding {
	padding: 2px 3px 2px 5px;
}

.table_border{
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 2px 3px 2px 5px;
}

#dataSummaryActions {
	float: left;
	width: 170px;
	margin-left: 10px;
}
#dataSummaryActions .dataSummaryActionItem {
	padding: 2px 0px 2px 0px;
	vertical-align: middle;
}
.transactionData {
	clear: both;
	/*margin-top: 10px;
	padding-top: 10px; moved padding to be handled by tieringElement*/
}

table.dataTable THEAD{
	border: 1px solid #333333;
	background-color: #5f5f5f;
	line-height: 18px;
	color: #FFF;
}

.transactionDetailsLinksSpacing2 {
	clear: both; 
	height:30px;
}
.transactionDetailsLinksSpacing1 {
	clear: both; 
	height:30px;
}

.transactionDetailsLinksSpacing3 {
	clear: both;
	height:30px;
}

/*
<td NOWRAP CLASS="indent_sort" STYLE="vertical-align:middle; padding-left:5px; padding-right:4px; padding-bottom:1px;   ">
<td NOWRAP CLASS="indent_sort" STYLE="vertical-align:middle; padding-left:5px; padding-right:4px; padding-bottom:1px;   ">
<td NOWRAP CLASS="indent_sort" STYLE="vertical-align:middle; padding-left:5px; padding-right:4px; padding-bottom:1px;   ">
<td NOWRAP CLASS="indent_sort" STYLE="vertical-align:middle; padding-left:5px; padding-right:4px; padding-bottom:1px;   ">
<td NOWRAP CLASS="indent_sort" STYLE="vertical-align:middle; padding-left:5px; padding-right:4px; padding-bottom:1px; ">
*/
.indent_sort1 {
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-left: 5px; 
	padding-right: 4px; 
	text-align: left;
	vertical-align: middle; 
	white-space: nowrap;
}

.indent_sort {
	padding-left: 1px;
	text-align: left;
	/*background-color: #666666;*/
	/*color: #ffffff;*/
	font-weight: bold;
}

/*
<td NOWRAP class="indentright_sort" STYLE="vertical-align:middle; padding-bottom:1px;">
<td NOWRAP class="indentright_sort" STYLE="vertical-align:middle; padding-left: 4px; padding-bottom:1px; ">
*/
.indentright_sort1 {
	font-weight: bold;
	padding-bottom: 1px;
	padding-right: 9px;
	text-align: right;
	vertical-align: middle; 
	white-space: nowrap;
}
.indentright_sort2 {
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 4px; 
	padding-right: 9px;
	text-align: right;
	vertical-align: middle; 
	white-space: nowrap;
}

a.sort:link {
	color: #ffffff;
}

a.sort:visited {
	color: #ffffff;
}

a.sort:hover {
	color: #ffffff;
}

a#vcpAlertHeader.sort {
	text-decoration:none;
	font-weight: normal;
	color:#666666;
}

#tranDataFooter {
	background-color: #800000;
	color: #ffffff;
}

#tranDataFooter a:link {
	color: #ffffff;
}
#tranDataFooter a:visited {
	color: #ffffff;
}
#tranDataFooter a:hover {
	color: #ffffff;
}

.FooterMenu  { 
	color: #800000;
}
a.FooterMenu:link, a.FooterMenu:visited, a.FooterMenu:hover{
	color: #800000;
}
#refineTrans {
	clear: both;
	/*padding-top: 20px; moved padding to be handled by tieringElement*/
}

#refineTrans td.colwidth1 {
	width: 150px;
}
#refineTrans td.colwidth2 {
	width: 65px;
}
#refineTrans td.colwidth3 {
	width: 220px;
}

.account_info_table {   
   text-align: left;
   width: 365px;
}
.account_info_table_col2{
  padding: 3px 9px 3px 0px;
  vertical-align: bottom;
}
.account_info_table_col1{
  padding: 3px 9px 3px 0px;
  vertical-align: bottom;
}

.blockedColor{
	color: #969696;
}

#accountInfoDataTable .table_header{
	display: none;
}

div.columnLeft {
  	padding-left: 20px;
  	padding-top:2px
}

div.indentToRight {
	padding-left:15px;
}

.textAlignCenter {
	text-align:center;
}

div.environmentInfo {
	text-align: left; 
	color: #858585;
	padding: 1px;
}

.scheduleFromAcct {
	width: 179px;
}

.scheduleToAcct {
	width: 179px;
}

.scheduleAmount {
	width: 74px;
	text-align: right;
}

.schedulePaymentDay {
	width: 74px;
	text-align: right;
}

.scheduleAction {
	width: 91px;
	text-align: right;
	padding-right: 2px;
}

#layoutUnAuthToggleWrapper {
	padding-left: 15px;
}

/* Digital Wallet page */
.DWheading {
	padding-bottom: 30px;
	min-height: 195px;
}


.DWheading img{
	float: right;
	width: 180px;
	height: 180px;
	margin: 0 0 15px 15px;
	
}

.DWheading a img{
	border:  none;
}

.DWcontent {
	clear: both;
	border-bottom: 2px solid #322a73;
	padding-bottom: 15px;
	margin-bottom: 15px;
	min-height: 115px;	
}

.DWcontent img{
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 15px 15px 0;
}

.DWcontent a img{
	border:  none;
}

.required {
	color:red;
}

.messageDate {
	padding-left:2%;
}

.messageDelete {
	padding-right:2%;
}

.elanHeader{
	text-align: left;
}

.headerContent{
	float: right;
	padding: 10px 0px;
	clear: right;
}

.headerContent a{
	text-decoration: none;
}

.headerLogo {
	padding-bottom:10px;
	padding-top: 0;
	display:inline-block;
	float:left;
}

.serviceContentBoxLeft{
	float:left;
	width:50%;
	padding-top: 20px;
}

.serviceContentBoxRight{
	float:left;
	width:50%;
	padding-top: 20px;
	clear:right;
}

.serviceContentTitle h2 {
	margin:0;
	padding:0;
	margin-bottom:2px;
}

.serviceContentTitle {
	border-bottom:1px dotted;
	width:75%
}

.profileContentTitle {
	border-bottom:1px dotted;
	width:50%;
	padding-top:20px;
}

.verticalListOfLinks a {
	display:block;
	margin-top:1px;
	margin-bottom:12px;
}

.clear {
	clear:both;
}

.col1 {
	width:35%;
	display:inline;
	float:left;
}
.col2 {
	width:65%;
	display:inline;
	float:left;
}

.underLeft {
/*	clear:both;
	float:left;
*/
	margin-top:3px;
}

.statementStartDate {
	width: 45%;
}

.statementEndDate,
.dlwdLeftColumn,
.pymtLeftColumn {
	width:35%;
}
.formsReviewLeftColumn {
	width:35%;
	float:left;
	clear: left;
}
.formsReviewRightColumn {
	width:65%;
	float:left;
}
.formsSetNoColumns {
	clear: both;
}
.formsInputLeftColumn,
.formsInputRightColumn {
	padding-bottom:5px;
}
#elan_accountSummary {
  position:relative;
  width: 100%;
  height: 360px;
  float:left;
  background-color: #FFFFFF;
}

#elan_accountSummaryHeader {
  font-weight: bold;
  padding: 10px;
  font-size: 1.167em;
}

#elan_imageCarousel  {
  position:relative;
  width: 325px;
  height: 360px;
  float:right;
  background-color: #FFFFFF;
}

#elan_transactionDetails {
  position: relative;
  padding: 10px;
  background-color: #FFFFFF;
}

#elan_transactionDetailsTabs {
  cursor: pointer;
}

input#subject {
    width: 650px;
}
textarea#messageText {
	height: 120px;
    width: 650px;
}

/* to compensate for an IE8 bug where it doesn't render the text-align correctly in TH elements */
th {
    text-align: inherit;
}

#elan_accountSummaryHeader {
  font-weight: bold;
  padding: 10px;
}

.popupBorder {
	padding: 15px;
}

#pendingPagination {
	margin-top: 15px;
}

#privacyPledgeFooter {
	width: 480px;
	margin: 0 auto;
}

.topNavSmall {
	height: 43px;
	display: none;
}

.cursorPointer {
	cursor: pointer;
}

/* ****************************** FAQs ************************* */

.faqWrapperIndividual {
    padding-top: 10px;
}

.elanFAQtabs {
    background: none repeat scroll 0 0 #373739;
    color: #CCCCCC;
    font-family: arial;
    font-size: 14px;
    font-weight:bold;
    height: 20px;
    padding: 5px 5px 0px 10px;
    cursor:pointer;
}

.elanFAQtabs:hover {
    color: #FFFFFF !important;
}

.elanFAQstatics {
    display:none;
    font-family: arial;
    font-size: 14px;
    padding-left:22px;
    font-weight: bold;
}

.elanFAQquestions {
    display:none;
    font-family: arial;
    font-size: 14px;
    padding-left:22px;
    cursor:pointer;
    font-weight: bold;
}
.firstRow {
	display: table-row;
}
.secondRow {
	display: table-row;
}
.left {
	display: table-cell;
}
.right {
	display: table-cell;
}

.elanFAQanswers {
    display:none;
    font-family: arial;
    font-size: 14px;
    padding-top:10px;
    padding-bottom:10px;
    font-weight: normal;
}

.elanClosedQuestion {
    padding-right:5px;
    background:url('/onlineCard/static/shared/img/faqArrow_Right.png') no-repeat;
    display: inline-block;
    height: 12px;
    width: 12px;
    float: left;
}

.elanOpenedQuestion {
    padding-right:5px;
    background:url('/onlineCard/static/shared/img/faqArrow_Down.png') no-repeat;
    display: inline-block;
    height: 12px;
    width: 12px;
}

/* phone number table start */

table#phoneDetailsTable {
    width:100%; 
    border-collapse:collapse;
}

table#phoneDetailsTable th{
    padding:5px; 
    border-top:1px solid;
    border-bottom:1px solid;
    text-align: center;
}
table#phoneDetailsTable td{ 
    padding:5px; 
    /*text-align:center;*/
    border-bottom:1px solid;
}

table#phoneDetailsTable tbody tr.phoneRowOdd { 
}

table#phoneDetailsTable tbody tr.phoneRowEven {
    background-color: #ebebeb;    
}

table#phoneDetailsTable #headMobilOnly {
	border-bottom:1px solid black;
}

table#phoneDetailsTable .headNumber {
    width:52%;
    text-align: left;
}

table#phoneDetailsTable .headNumber span {
    display: inline-block;
}

table#phoneDetailsTable .headPreferred, 
table#phoneDetailsTable .headNoMessage, 
table#phoneDetailsTable .headNoAutoDial {
    width:16%;
}

table#phoneDetailsTable td.headNumberReviewType {
	padding-left:2%;
}

table#phoneDetailsTable .headNumberReview {
    padding-left:5%;
    width:65%;
}

table#phoneDetailsTable span.typeAbbre {
    padding-right:20%;
}

table#phoneDetailsTable .headPreferred,
table#phoneDetailsTable .headNoMessage,
table#phoneDetailsTable .headNoAutoDial,
table#phoneDetailsTable .headDelete {
    text-align: center;
}

.acceptablePhones {
    display:none;
}

.tooManyPhones {
    display:block;    
    color:red;
}
table#phoneDetailsTable th.noBorderHead {
    border-bottom:1px solid #FFFFFF;
}
table#phoneDetailsTable th#headMobilOnly {
    text-align:center;
    border-bottom:0;
    padding-top: 15px;
}

table#phoneDetailsTable #phoneDetailsTableTitle {
    padding-top:2px;
}

table#phoneDetailsTable .inputHeader {
	display: none;
}

table#phoneDetailsTable tr.phoneReviewRow td.headNumber span.phoneType {
	width: 20%;
} 


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

.block {
	display: block;
}

/* ************************* TABLET LANDSCAPE VIEW ************************** */
@media only screen and (max-width: 1024px) {

    .vcp_welcomeUser_message {
    	float:none;
    }
  
  .transactionSummary_acctBal,
  .transactionSummary_minPayment,
  .transactionSummary_paymentDueDate,
  .transactionSummary_availCredit {
    width:30%;
  }

  .transactionSummary_minPayment {
    border-width: 0px;
  }
  
  .transactionSummary_creditLimit,
  .transactionSummary_lastStatementBal {
    width:40%;
  }

  .transactionSummary_acctBal,
  .transactionSummary_creditLimit,
  .transactionSummary_minPayment {
    border-bottom-width: 1px;
    border-style: solid;
    border-color: black;  
  }
  
  .toggleShowHide_detailsCol {
    display:none;
  }

  	.concise {
		display:none;	
	}

	.tranDateCol_resp {
		min-width: 65px;
	}
	.payHistoryDateCol {
		min-width: 85px;
	}
	th.amountCol_resp, td.amountCol_resp {
		min-width: 65px;
	}
  
  .transactionDateHeader_responsive {
    display:table-cell;
  }
  
  .transactionDateHeader {
    display:none;
  }
  
	.vcp_payment_selection {
		padding: 1em 1em 1em .5em;
		width:60%
	}

	.narrower {
		width:45%
	}
	
	.vcp_payment_selection span {
		cursor:pointer;
	}

	/* There is not enough room for the display of the carousel if we are less than 910px */
	#elan_imageCarousel {
		display: none;
	}
}

/* ************************** RANDOM SIZED VIEW? **************************** */
@media only screen and (max-width: 975px) {

	#vcpTransSearchBox_startDate
	{
		width:48%;
		max-width: 500px;
		clear: left;
		float: left;
		text-align: center;
	} 
	#vcpTransSearchBox_endDate
	{
		width:48%;
		max-width: 500px;
		float: left;
		text-align: center;
	} 
	.vcpTransSearchBox_cell_center {
		clear:both;
		float:left;
		margin: 0 auto;
		width: 100%;
		padding: 0.25em 0;
	}
}

/* ************************** TABLET PORTRAIT VIEW ************************** */
@media only screen and (max-width: 790px) {
	.col1 {
		width:50%;
	}
	.col2 {
		width:50%;
	}
  	input#subject { 
		width: 95%;
	}
  	textarea#messageText {
    	width: 95%;
	}
	#transactionDetails_Search_link {
	  border-bottom-width: 0px; 
	}
	#transactionDetails_Download_link{
	  border-bottom-width: 0px;
	  border-right-width: 1px;  
	  border-style: solid;
	  border-color: black;
	}
	div.infoVerification {
		width: 100%;
	}
	table#phoneDetailsTable .headNumber {
	    width:55%;
	    text-align: left;
	}
	
	table#phoneDetailsTable .headPreferred, 
	table#phoneDetailsTable .headNoMessage, 
	table#phoneDetailsTable .headNoAutoDial {
	    width:15%;
	}
}

/* ******************************* PHONE VIEW ******************************* */
@media only screen and (max-width: 640px) {

	body {
		-webkit-text-size-adjust:100%;
	}
	.elanHeader{
		text-align: center;
	}
	#elanHeaderLogout{
		display: none;
	}
	#elan_imageCarousel {
		display: none;
	}
	.headerContent{
		float:none;
	}
	.vcp_welcomeUser_links {
    	display:none;
    }
    #layoutNavMenuContentSection { 
    	float: none;
    }
    #vcp_leftNav_menuIcon {
        display:block;
        cursor:pointer;
        margin-right: 4px;
    }
    ul#mainNav {
    	display: none;
    }
    ul.leftNav li {
    	padding: 10px 0px 10px 0px;
        width:100%;
        text-align:right;
        border-top: 1px solid #FFFFFF;
		z-index:10;
    	margin:0;
    }
    ul.leftNav li span,
    ul.leftNav li a {
    	padding-right: 10px;
    }
    ul.leftNav li.smallNavItem{
    	display:block;
    }
	ul#navTabs {
		width: 100%;
	}
    ul#navTabs li {
    	padding: 0px;
		width: 50%;
		text-align: center;
		display: block;
		float: left;
		list-style: none;
		margin: 0px;
    }
	ul#navTabs li a {
		text-decoration: none;
	}
	.vcp_payment_selection {
		width:85%
	}
	.narrower {
		width:80%
	}
	.serviceContentBoxLeft{
		width:100%;
		clear:both;
	}
	.serviceContentBoxRight{
		width:100%;
		clear:both;
	}
	.formsReviewLeftColumn {
		width:100%;
		float:left;
		clear: both;
	}
	.formsReviewRightColumn {
		width:85%;
		float:left;
		padding-left: 2%;
	}

	input[type="text"],
	input[type="password"],
	select {
		height: 2.5em;
	}
	.headerLogo {
		padding-bottom: 0px;
		display: block;
		float: none;
	}

	#transactionDetailTable_summary>tbody>tr { 
	    border-bottom: none;
	}

	#transactionDetailTable_summary td {
	  padding: 10px;
	  height: 0px;
	}
	#elan_accountDetailsBig {
		display: none;
	}
	#elan_accountDetailsSmall {
		display: block;
	}
	#elan_accountSummary {
	  height: auto;
	  float: none;
	}
	#elan_transactionDetails {
	  padding: 0px;
	}
	#elan_transactionDetailOptionsBig  {
	  display:none;
	}
	#elan_transactionDetailOptionsSmall  {
	  display:block;
	}
	#elan_transactionDetailOptionsSmall  a {
	  
	}
	.transactionDetailsDescription {
		line-height: 1.15em;
	}
	.transactionDetailsLinksPA {
	  float: left;
	  margin-top: 10px; 
	  margin-right: 0px;
	}
	
	h2.contentAreaSubHeader {
		font-size: 1.5em;
	}
	.topNavSmall {
		display: block;
	}
	.col1 {
		clear: both;
		width:100%;
	}
	.col2 {
		clear: both;
		width:100%;
		padding-top: 15px;
	}
	div#creditLimitIncreaseStep1 .col2 {
		margin-left: 10px; 
	}
	div#creditLimitIncreaseStep1 .col2 .formsFieldLabel {
		margin-left:0px;
	}
	div#creditLimitIncreaseStep1 .col1 .formsFieldLabel {
		margin-left:10px;	
	}
	div#creditLimitIncreaseStep1 .formsSetNoColumns .formsFieldLabel {
		margin-left:10px;	
	}
	
	.col2PadBelow .col2 {
		padding-bottom: 15px;	
		padding-top: 0px;	
	}
	
	div#emailText input#address1,
	div#emailText2 input#address2,
	div#emailText3 input#address3 {
		width: 95%;
	}
	div#textMessage input#text1,
	div#textMessage2 input#text2,
	div#textMessage3 input#text3 {
		width: 40%;
	}
	div#textMessage input#textCarrier1,
	div#textMessage2 input#textCarrier2,
	div#textMessage3 input#textCarrier3 {
		width: 45%;
	}

	.printmove {
		margin-top: 0px;
	}
	
	.phoneOnlyLinkLeftCol {
	    width: 40%;
	    margin: 0% 5%;
	    float: left;
		text-align: center;
	}
		
	.phoneOnlyLinkRightCol {
	    width: 40%;
	    margin: 0% 2%;
	    float: right;
		text-align: center;
	}
	table#phoneDetailsTable .headNumber {
	    width: 64%;
	    text-align: left;
	}
	
	table#phoneDetailsTable .headPreferred, 
	table#phoneDetailsTable .headNoMessage, 
	table#phoneDetailsTable .headNoAutoDial {
	    width:12%;
	}
	
}

/* phone number table end */

/* ******************************* iPhone landscape VIEW ******************************* */
@media only screen and (max-width: 568px) {

	table#phoneDetailsTable .mobileOnly {
		border-bottom: 1px solid black;
		display: inline-block;
	}

	table#phoneDetailsTable .inputHeader {
		font-weight: bold;
	}

	table#phoneDetailsTable tr#phoneDetailsTableTitle,
	table#phoneDetailsTable th.headPreferred,
	table#phoneDetailsTable th.headNoMessage,
	table#phoneDetailsTable th.headNoAutoDial,
	table#phoneDetailsTable th.headDelete {
		display: none;
	}

	table#phoneDetailsTable th.headNumber {
		width: auto;
		text-align: center;
		border-top: none;
	} 

	table#phoneDetailsTable .inputHeader {
		display: block;
	}

	table#phoneDetailsTable tr.phoneRow td.headNumber,
	table#phoneDetailsTable tr.phoneRow td.headPreferred,
	table#phoneDetailsTable tr.phoneRow td.headNoMessage,
	table#phoneDetailsTable tr.phoneRow td.headNoAutoDial {
		display: block;
		width: auto;
		text-align: center;
		border-bottom: none;
	}
	
	table#phoneDetailsTable tr.phoneRow td.headDelete {
		display: block;
		width: auto;
		text-align: right;
	}

	table#phoneDetailsTable tr.phoneReviewRow td.headNoAutoDial {
		border-bottom: 1px solid black;
	}
	
	table#phoneDetailsTable tr.phoneReviewRow td.noContent {
		padding: 0;
	}

}

/* don't show buttons when printing a popup page (i.e. printFriendly versions) */
@media print
{    
    #popupLayoutContent .tranCoreButton
    {
        display: none !important;
    }
}