﻿/*elements*/
img { border-style:none; }
body {margin-left:0px; }

/* alignment */
.centered, .centering_div, .common_container, .balance_table, .basic_table, .continue_btn, 
.biller_maint_btn,#pandt_main_table, #balance_bottom_text, #cust_name_table, .text_phone_table, 
#acct_open_table div, .welcome_reply_table, #rewards_table, #ET_text_div, .add_alert_table {margin: 0 auto; }
.base_width { width:800px; }
.biller_maint_btn { width:128px; margin-bottom:10px; }
.continue_btn { width:75px; }
body, #main_div, #navigation_div, #view_Check_innerTable tr td table, .view_Check_summary_table, 
#view_Check_Explanation, .pandt_cal_header td.closeCalendar { width:100%; }
.balance_table, #balance_bottom_text, #stop_pay_table, #budget_table { width:95%; }
#pop_up_title, #alert_list, #rewards_table, .add_alert_table { width:90%; }
.base80, .common_container, #present_main_table, #advance_search_table, #add_merch_table, #report_prob_table, 
.text_phone_table, #ET_text_div { width:80%; }
#leftIconCell { width:77%; }
#main_activity_menu, #main_activity_menu tr td, #recon_trans_table, #recon_cleared_trans, #acct_open_table div { width:75%; }
#check_order_table { width:70%; }
.base65, #pandt_top_table, #add_biller_table, #new_account_table, #secure_mes_send_table, .welcome_reply_table { width:65%; }
#pandt_main_table td, #cust_name_table, #recon_add_tran, #pending_main_menu, #stop_pay_small_table, 
#acct_choice_table, #delete_merch_table, #transfer_table, .pandt_cal_header th { width:60%; }
#change_email_table { width:55%; }
#pandt_main_table, .medium_table, #recon_table, #recon_table th, #view_hold_top_table, 
#view_hold_top_table th, #pending_main_menu th, #pending_main_menu td, #stop_pay_small_table th, 
#delete_merch_table th, .pandt_acct_table th, #SMC_main_menu, .two_column tr td { width:50%; }
#check_range_table { width:45%;}
#pandt_main_table th, #pandt_sub_table { width:40%; }
#alert_acct_table { width:35%; }
.top_right_link_div, #balance_deposit_table_top td, #balance_loan_table_top td { width:33%; }
#cust_main_table { width:30%; }
#col29 { width:29%; }
.prev_statement_col1, #alert_acct_name th { width:27%; }
#balance_deposit_table_bottom tr th, #main_activity_menu tr th, #col25, #delete_bill_table { width:25%; }
#col22 { width:22%; }
#balance_loan_table td, .pandt_cal_header td { width:20%; }
.col2, #col19 {width:19%;}
.col1, th.col4, th.col5, #col17 { width:17%; }
.col3, #estatement_table th#right {width:16%;}
.prev_statement_col6, #rewards_table_bottom_header th { width:15%; }
.col6, #col6 { width:14%; }
.prev_statement_col4, #col13 { width:13%; }
.prev_statement_col2, prev_statement_col5, .col12 { width:12%; }
.prev_statement_col3 { width:11%; }
#cust_main_table th.left, .maintan_menu_table td.radio { width:10%; }
.outer_container {position: relative;}
.clearFloat { clear:both; }
.centering_div, p#security, .view_Check_summary_table tr td, #cust_name_table td, #activity_table td.center, 
#recon_cleared_trans td, .pandt_acct_table th.center, #stop_pay_table td, #stop_pay_large_table td, 
.pandt_cal_header th, .pandt_cal_header td.closeCalendar, #rewards_table td, #acct_open_table td, 
.maintan_menu_table td.radio { text-align:center; }
#main_activity_menu tr th, #activity_top_table th, #activity_table td.left { text-align:left; vertical-align:middle; }
#activity_table td, #recon_cleared_trans td.right, #view_hold_table td, #pending_main_menu th, 
#stop_pay_table td.right, #stop_pay_small_table th, #check_order_table th, #change_password_table th, 
#recon_trans_table th.total { text-align:right; }
#recon_cleared_trans td.left, #recon_table th, #view_hold_top_table th, #stop_pay_table td.left, 
#acct_choice_table th, #add_merch_table th, #transfer_table th, #add_biller_table th, #new_account_table th, 
#report_prob_table th, .add_alert_table td.alertTD, #rewards_table th.left, #rewards_table td.left, 
.welcome_reply_table th, #phone_change_table th, #change_email_table th.left, #pandt_merchant_table th, 
#advance_search_table th.left, .pandt_acct_table th, #acct_open_table div, .text_left { text-align:left; }
p.balance_table { padding-top:10px; }
p.common_container {margin-top:10px; margin-bottom:10px; }

/* Font */
a:link, a:visited, a:hover, a:active { text-decoration:none; }
body {font:13px Arial,Verdana,Helvetica,sans-serif; }
h2 { font-weight:normal; font-family:Arial,Helvetica; }
.main_header { font-family:Arial,Sans-Serif; }
.largeHeader, #add_merch_link {font-size:16px; }
.largerText {font-size:14px; }
#foot, #leftIconNameCell, #lastLoginLabelCell { font-size:10px; }
.smaller_text, .Gray_Row td { font-size:9.5px; }
a.GrayLink, a.WhiteLink, .largerText, #add_merch_link, .largeHeader, .lightMessage, 
#hide_checkstrip_div, #pandt_merchant_table td#light_blue, .order_bond_lightBl, #ET_text_div p { font-weight:bold; }
th.total, #advance_search_table th.left, #recon_trans_table th.total, .welcome_reply_table th span, 
#rewards_table th.total, .add_alert_table th.alertTH { font-weight:normal; }

/* colors */
body, #navigation_div { background:#0068a5; }
.notAvailable, .currentDay { background-color:#000; }
body, .isADay, .notADay { color:#000; }
a:link, .top_center_menu { color:#0063be; }
a:visited { color:#1B95D1; }
a:hover, h2 { color:#FF7900; }
a:active { color:#A71F7D; }
.light_blue_text, .lightMessage { color:#7b9cce; }
.body_content, .pop_up_help, .view_Check_Body, .notADay, .pandt_cal_header th, .pandt_cal_header td { background-color:#FFF; }
a.WhiteLink, .notAvailable, .isAHoliday { color:#FFF; }
#pink_back { background-color:#FCC; }
a.GrayLink { color:#99C6DB; }
#toolbar_div, #view_Check_innerTable tr th, .view_Check_summary_table tr th, .Gray_Row td,
 .top_Gray_table tr  { color:#CCC; }
.security { color:#c00; }
#balance_deposit_table_bottom tr th, #balance_deposit_table_top th.balance_summary_header { background-color:#a5c6de; }
.balance_table tr th, .basic_table th, #pandt_main_table th, #pop_up_title table tr, #cust_name_table th, 
.maintan_menu_table th, .welcome_reply_table th, .pandt_acct_table th, 
.add_alert_table th.alertTH { background-color:#7b9cce;}
th#estatement, #balance_deposit_table_top th.prev_statement_header, .reportChoiceDiv div { background-color:#dbe9f7; }
.basic_table td, #pandt_main_table td, #cust_name_table td, .maintan_menu_table td, .pandt_acct_table td, 
.add_alert_table td.alertTD, #rewards_table th, .welcome_reply_table td { background-color:#A9C6E3; }
#activity_top_table td.security, #hide_checkstrip_div span#all_activity_color, #stop_pay_small_table td, 
#stop_pay_large_table td, .security_text { color:#a80000; }
#check_image_text, #view_hold_top_table td, #new_account_table span, #pandt_merchant_table td#light_blue, 
.order_bond_lightBl { color:#000089;}
.isAHoliday { background-color:#03f; }
.isADay { background-color:#c0c1c0; }
.currentDay { color:Red; }
.redText { color:#f00; }

/*base*/

.spacer_big { height:35px; clear:both; }
.largeHR { height:4px; }
#pink_back { width:500px; font-weight:bold;  }
.activity_image {width:99%;	border:solid 2px Blue;	display:inline; }
.activity_image_hide, .hiddenItem, .hide_the_button { display:none; }
.visibleItem, show_the_button { }

/*master page*/
.top_right_menu { background:url('bankicon/menu-whole-olb.gif') no-repeat; width:263px; height:47px; float:right; margin-right:17px; font-size:12px;}               
.top_right_link_div { text-align:center; margin-top:12px; float:left;}
.top_center_menu {position:absolute; text-decoration:none; top:5px; border-style:none; }
.body_content { width:784px; position:relative; left:8px; }
#balance_div { left:22px;}
#activity_div { left:120px;}
#pandt_div { left:210px; }
#present_div { left:400px; }
#custserv_div { left:550px;}
#exit_div { left:715px;}

#main_div { position:relative; top:62px; z-index:1; }
#main_header { width:700px; padding:3px 3px 3px 6px; font-size:18px; font-family:Arial,Sans-Serif; color:#024B72;  }
#foot { color:#00C6F7; text-align:justify; z-index:-1; width:760px;}
#navigation_div { position:fixed; top:0px; z-index:4; height:70px; }
#top_left_logo { margin-left:20px; width:150px; height:39px; }

/*log in page*/
.logon_question { float:right; margin-top:55px; }

#secure_logon_image { width:75px; height:75px; margin-left:5px; }
#logon_input_div {  height:75px; vertical-align:bottom; }
#logon_btn_div { width:115px; margin-top:15px; }

/*start page*/
#startPage_outerContainer { margin:0 auto; position:relative; height:450px; width:650px; }
#txtImage_div { width:200px; float:left;}
#middle_text_div { width:247px; float:left; padding-left:15px;}
#toolBar_div { width:167px; float:right; border-style:ridge; border-width:2px; text-align:center;}
#toolBar_div table { margin-left:5px; text-align:left; }
#important_note { position:absolute; left:55px; top:420px;}

/* top tool bar */
#leftIconNameCell { padding-top:10px; }
#lastLoginLabelCell { padding-top:7px; }

/*balance pages*/
.sign_up_button { background-image:url(bankicon/SignupButton.gif); background-color:Transparent; width:292px; height:25px; border-style:none; }
#balance_deposit_table_top { padding-top:8px; }

/*payments and transfers */
input.pandt { width:232px; margin:3px 20px 3px 20px; }

/* int pages */

.pop_up_help { left:auto; top:auto; right:auto; bottom:auto; }
#pop_up_title { position:relative; left:18px; top:5px; }
#pop_up_title table { color:White; font:Arial; font-size:14pt; text-align:center;  font-weight:bold; }
#pop_up_text { width:85%; font-family:Arial,Helvetica; font-size:10pt; position:relative; left:25px; top:5px; }

/*master page*/
.basic_div { margin:0 auto 0 auto; position:relative; }

/* view check */
#view_Check_outerTable { width:600px; margin:0 auto 0 auto; }
#view_Check_outerTable td.outerCell { height:1812px; vertical-align:top; }

#view_Check_innerTable tr td.large_right_text { text-align:right; font-size:14px; }
#view_Check_innerTable tr td table #pay_amount_cell { height:35px; }
#view_Check_innerTable tr td.small_Text { font-size:9.5px }

#view_Check_Explanation tr th { width:20%; font-weight:normal; text-align:left; height:62px; font-size:9.5px; }

.Address_Cell { vertical-align:top; text-align:left; height:92px; }

.top_Gray_table { height:55px; }
.top_Gray_table tr td { text-align:center; font-size:9.5px; }

/*balance pages */
.balance_table tr td img { vertical-align:bottom; }

#estatement_text { width:80%; margin:0 auto 0 auto; font-family:Arial, Helvetica, sans-serif;}

#estatement_table { width:56%; margin:0 auto 0 auto; font-size:13px; }
#estatement_table th { background-color:#7b9cce; font-family:Arial, Helvetica, sans-serif; }
#estatement_table th#left {width:46%; }
#estatement_table th#middle {width:21%; }
#estatement_table td { background-color:#dbe9f7 }

#estatement_buttons { width:450px; margin:0 auto 0 auto; }

.balance_acct_table { width:600px; margin:0 auto 0 auto; background-color:#FFFFFF; font-size:13px; }
.balance_acct_table td { background-color:#a9c6e3; text-align:center; font-weight:normal; }
.balance_acct_table table { margin:4px 0 4px 0; }

#estatement_buttons {width:200px; margin:0 auto 0 auto}

/* activity pages */

#activity_table { font-size:12.5px; }

#check_range_search_table, #activity_table, #view_hold_table { width:580px; }

#recon_info_table { width:576px; }

/* payments & transfers pages */

.maintan_menu_table { width:192px; }

#maintan_menu_right { float:right; margin-right:4px; }
#maintan_menu_left { float:left; margin-left:4px;}

.pandt_acct_table { width:96%; margin:0 auto 0 auto; }

#stop_pay_large_table { width:83%; }

#pandt_letter_table {width:132; position:absolute; }
#pandt_letter_table th { color:#000089; background-color:#7b9cce; font-weight:normal; }
#pandt_letter_table td img { width:33px; height:33px; border-style:none; }
#pandt_letter_table td { text-align:center; vertical-align:middle; background-color:#a9c6e3; }

#pandt_merchant_table { width:391px; position:absolute; left:195px; }

#add_merch_buttons { position:absolute; left:195px; top:330px; width:391px; }
#add_merch_buttons div input { margin:2px; }

#pandt_calendar_table { width:96%; }

#transfer_table select { width:185px; }

#DisclosureDiv { height:300px; margin:auto; overflow:auto; text-align:left; width:450px; } 

/* bill presentment pages */

#present_main_table th { font-weight:normal; font-size:11px; }
#present_main_table th#header {  font-weight:bold; font-size:16px; }
#present_main_table th#col26 { width:26%; }
#present_main_table th#col167 { width:186px; }
#present_main_table th#col90 { width:90px; }
#present_main_table th#col77, #present_main_table th#col73 { width:70px; }
#present_main_table th.col80, #present_main_table th#col80 { width:80px; }
#present_main_table th#col86 { width:86px; }
#present_main_table td { font-size:11px; }
#present_main_table div { vertical-align:top; height:35px; }

#present_imageDiv { width:44%; float:left; }

#present_textDiv { vertical-align:middle; width:54%; float:right; text-align:left; padding-top:10px; font-size:8.5pt; }

#present_sum_btn { left:-20px; position:relative; }

#add_biller_table th#big_letters { font-size:22px; text-align:center; font-family:Arial,Helvetica; }

/* customer service pages*/

#new_account_table td { width:50%; vertical-align:top; }
#new_account_table div.new_acct_check { width:20px; float:left; padding-top:2px; }
#new_account_table div.new_acct_text { padding-top:5px; float: right; text-align: left; width:211px; }

.new_account_div { width:33%; text-align:center; float:left; font-weight:bold; }

#change_email_table th { text-align:right; vertical-align:top; }

#phone_change_table td#left { width:109px; }
#phone_change_table td#right { width:243px; }
#phone_change_table td#right select { margin-bottom:5px; }

.bond_buttons { width:155px; margin:0 5px 0 5px }

#bond_middle_table { width:590px; }
#bond_middle_table th { text-align:left; vertical-align:top; width:267px; }
#bond_middle_table td { width:314px; font-weight:bold; }

#bond_bottom_table { width:590px; }
#bond_bottom_table td input { width:52px; }

#check_order_top_text { width:504px; }
#check_order_table td input { width:238px; }

#check_order_verify_table { width:431px; }
#check_order_verify_table th { text-align:right; width:250px; }
#check_order_verify_table td { width:169px; color:#ff0000; }

#acct_open_table { width:550px; font-weight:bold; }

/* secure message center pages */

#SMC_main_menu th { width:24px; }
#SMC_main_menu td { width:347px; }
#SMC_main_menu th#top { height:24px; width:100%; }

#secure_mes_send_table th { text-align:left; height:24px; }

.SMC_header_row { height:40px; vertical-align:top; }

.SMC_col79 { width:79px; }
.SMC_col118 { width:118px; }
.SMC_col225 { width:225px; }
.SMC_col165 { width:165px; }

/* expense tracker pages */
#budget_table td { height:12px; width:33%; text-align:center; background-color:White; }

.reportChoiceDiv { width:191px; padding:5px 10px 0px 7px; float:left; text-align:center; }
.reportChoiceDiv div { height:22px; vertical-align:middle; line-height:22px; margin-bottom:3px; padding-left:3px;
                       width:164px; text-align:left; }
                       
#reportTable { width:594px; margin-top:15px; font-size:13px; }
#reportTable th { width:50%; text-align:left; }
#reportTable td { background-color:#dbe9f7;}

#reportTable2 { width:513px; margin-top:15px; font-size:13px; }
#reportTable2 th { background-color:#7b9cce; }
#reportTable2 td { background-color:#a9c6e3; }

/* text message pages */

#text_message_div { width:100%; background-color:#a9c6e3; padding:8px; }

#text_message_textbox { margin-left:68px; margin-top:3px; margin-bottom:3px; }

.text_phone_table th { font-size:x-small; font-weight:normal; font-family:Arial,Helvetica,sans-serif; }
.text_phone_table td input { margin-top:3px; margin-bottom:3px; }

.text_end_radio { margin-left:68px; margin-top:4px; }

/* Alerts pages */
#alert_acct_name { width:53%; }

.div_80 { margin:0 auto 0 auto; width:80%; position:relative; font-size:13px; padding: 4 4 4 4;}

/*icon classes */
.calcButton { background-image:url(bankicon/tool_calc.gif); cursor:default; }
.calcButtonOver { background-image:url(bankicon/tool_calc_over.gif); cursor:pointer; cursor:hand; }
.calendarButton { background-image:url(bankicon/tool_calendar.gif); cursor:default; }
.calendarButtonOver { background-image:url(bankicon/tool_calendar_over.gif); cursor:pointer; cursor:hand; }
.balanceButton { background-image:url(bankicon/tool_statement.gif); cursor:default; }
.balanceButtonOver { background-image:url(bankicon/tool_statement_over.gif); cursor:pointer; cursor:hand; }
.secureMessageButton { background-image:url(bankicon/tool_mailbox.gif); cursor:default; }
.secureMessageButtonOver { background-image:url(bankicon/tool_mailbox_over.gif); cursor:pointer; cursor:hand; }
.reconcileButton { background-image:url(bankicon/tool_check.gif); cursor:default; }
.reconcileButtonOver { background-image:url(bankicon/tool_check_over.gif); cursor:pointer; cursor:hand; }
.rewardsButton { background-image:url(bankicon/tool_rewards.gif); cursor:default; }
.rewardsButtonOver { background-image:url(bankicon/tool_rewards_over.gif); cursor:pointer; cursor:hand; }
.expenseTrackerButton { background-image:url(bankicon/tool_budget.gif); cursor:default; }
.expenseTrackerButtonOver { background-image:url(bankicon/tool_budget_over.gif); cursor:pointer; cursor:hand; }
.textMessageButton { background-image:url(bankicon/tool_phone.gif); cursor:default; }
.textMessageButtonOver { background-image:url(bankicon/tool_phone_over.gif); cursor:pointer; cursor:hand; }
.alertButton { background-image:url(bankicon/tool_alert.gif); cursor:default; }
.alertButtonOver { background-image:url(bankicon/tool_alert_over.gif); cursor:pointer; cursor:hand; }
.helpButton { background-image:url(bankicon/tool_help.gif); cursor:default; }
.helpButtonOver { background-image:url(bankicon/tool_help_over.gif); cursor:pointer; cursor:hand; }

.everyButton { background-repeat:no-repeat; border-style:none; width:40px; height:40px; background-color:Transparent;}

/* calendar classes */

.pandt_calendar { position:absolute; border-color:Black; border-style:solid; border-width:2px; background-color:White; 
                  width:210px; z-index:6; }
                  
.pandt_cal_header { width:100%; font-family:Arial,Helvetica; font-size:13px; }

.pandt_cal_days { width:210px; background-color:White; font-family:Arial,Helvetica; font-size:13px; }
.pandt_cal_days th { width:30px; }
.pandt_cal_days td { width:30px; font-size:10pt; font-family:Arial; text-align:center; }