@media screen
{

/* my setttings page table styles */
#my-settings table.settings td.tableTopLeft,
#my-settings table.settings td.tableTopMiddle,
#my-settings table.settings td.tableTopRight,
#my-settings table.settings td.tableBottomLeft,
#my-settings table.settings td.tableBottomMiddle,
#my-settings table.settings td.tableBottomRight {height:5px;font-size:1px;padding:0;line-height:0.1em;}
#my-settings table.settings td.tableTopLeft {background:url(img/table-border-bg-my-settings.gif) 0 top;}
#my-settings table.settings td.tableTopMiddle {background:#e7e9e9 url(img/table-border-bg-my-settings-centre-colmn-bg.gif) center top;border-top:2px solid #e3e5e6;}
#my-settings table.settings td.tableTopRight {background:url(img/table-border-bg-my-settings.gif) right top;}
#my-settings table.settings td.tableBottomLeft {background:url(img/table-border-bg-my-settings.gif) 0 bottom;}
#my-settings table.settings td.tableBottomMiddle {background:#e7e9e9 url(img/table-border-bg-my-settings-centre-colmn-bg.gif) center bottom;border-bottom:2px solid #e3e5e6;}
#my-settings table.settings td.tableBottomRight {background:url(img/table-border-bg-my-settings.gif) right bottom;}

#my-settings table.settings {width:100%;padding:0;margin:0 0 16px;line-height:normal;}
#my-settings table.settings th {font-weight:bold;font-size:12px;margin-bottom:0;text-align:left;background:#fff;padding:0 10px 2px;}
#my-settings table.settings th.setting-group {color:#c51d1d;font-size:16px;padding-left:0;}
#my-settings table.settings th.current-setting {color:#737f80;}
#my-settings table.settings th.action {color:#747f81;padding:0 10px 2px;}
#my-settings table.settings th.action span {text-indent:-3000px;position:absolute;}
#my-settings table.settings td {padding:4px 10px 5px;vertical-align:top;}
#my-settings table.settings td.desc-col {border-left:2px solid #e3e5e6;color:#3d4043;font-size:13px;}
#my-settings table.settings td.current-val-col {color:#000;font-size:13px;}
#my-settings table.settings td.action-col {border-right:2px solid #e3e5e6;text-align:right;}
#my-settings table.settings col.col1 {width:48%;}
#my-settings table.settings col.col2 {width:36%;background:#e7e9e9 url(img/table-border-bg-my-settings-centre-colmn-bg.gif) repeat 0 0;}
#my-settings table.settings col.col3 {width:16%;white-space:nowrap;}

#my-settings table.settings tr.setting-row td p {margin:0;}
#my-settings table.settings tr.setting-row.expanded td.desc-col {padding-bottom:11px;}
#my-settings table.settings tr.setting-row.expanded td.current-val-col {padding-bottom:11px;}
#my-settings table.settings tr.setting-row.expanded td.action-col {padding-bottom:11px;}

#my-settings table.settings td.action-col a, #my-settings table.settings td.action-col a:hover, #my-settings table.settings td.action-col a:visited {font-size:14px;font-weight:bold;text-decoration:underline;}

/* Additional options for settings */
#my-settings table.settings tr.setAdditionalInfo td.addInfoOuter {padding:2px 10px;border-right:2px solid #E3E5E6;border-left:2px solid #E3E5E6;padding:0 10px;}
#my-settings table.settings tr.setAdditionalInfo table.addInfoInner {width:100%;border-collapse:collapse;}
#my-settings table.settings tr.setAdditionalInfo table.addInfoInner th {font-size:0px;line-height:0;height:0;}
#my-settings table.settings tr.setAdditionalInfo table.addInfoInner td {background:#ECF5FB;border:0;padding-top:10px;padding-bottom:12px;border-bottom:2px solid #fff;vertical-align:bottom;}
#my-settings table.settings tr.setAdditionalInfo table.addInfoInner legend {line-height:13px;padding-bottom:5px;}
#my-settings table.settings tr.setAdditionalInfo td.action-col {padding:4px 0 5px;}

/*Show rows on load*/
#my-settings #stageInner table.settings tr.showOnLoad{display:table-row;}
#my-settings #stageInner table.settings tr.showOnLoad td.addInfoOuter{display:table-cell;}

#my-settings table.settings tr.setAdditionalInfoBottom td.desc-col {}
#my-settings table.settings tr.setAdditionalInfoBottom td.action-col {}
#my-settings table.settings tr.setAdditionalInfoBottom td.current-val-col {border:0;}
#my-settings table.settings tr.setAdditionalInfoBottom.last td {border-bottom:0;}
table div.setAdditionalInfoBottom {background:#ecf5fb url(img/table-border-bg-my-settings-centre-colmn-bg.gif) repeat 0 0;padding:2px 10px 2px 19px;margin:0 7px 0 10px;border-top:2px solid #fff;border-bottom:2px solid #fff;}
/* row padding cells when collapsed */
#my-settings table.settings tr.setAdditionalInfoBottom td {height:7px;padding:0;font-size:1px;line-height:1px;}
#my-settings table.settings tr.setAdditionalInfoBottom.last td {height:5px;padding:0;font-size:1px;line-height:1px;}
/* row padding cells when expanded */
#my-settings table.settings tr.setAdditionalInfoBottom.expanded td {height:13px;}
#my-settings table.settings tr.setAdditionalInfoBottom.last.expanded td {height:10px;}
#my-settings .action-link, #my-settings .action-link:focus {outline:none;display:block;}

/* error styling */
#my-settings table.settings tr.setAdditionalInfo table.addInfoInner tr.row-error td {background:#fcd9d9;}

#my-settings table.addInfoInner td {padding-left:0;padding-right:0;}
#my-settings table.addInfoInner td.desc-col {padding-left:20px;}
#my-settings table.addInfoInner td.desc-col label {padding-right:0;padding-top:12px;}
#my-settings table.addInfoInner td.desc-col label.error {padding:0 0 0 23px;}
#my-settings table.addInfoInner td.desc-col select {border:1px solid #7FA1CC;font-size:11px;height:20px;margin:0;padding:1px 0;}
#my-settings table.addInfoInner td.desc-col input.text {border:1px solid #7FA1CC;padding:2px 5px 3px;font-size:11px;}
#my-settings table.addInfoInner td.desc-col #themeSelect {float:left;width:405px;}
#my-settings table.addInfoInner td.desc-col #themeSelect input {float:left;clear:both;margin:31px 0 0;}
#my-settings table.addInfoInner td.desc-col #themeSelect label {float:left;width:360px;margin:4px 0 10px 17px;}
#my-settings table.addInfoInner td.desc-col #themeSelect img {float:left;width:110px;height:66px;padding:0 20px 0 0;}
#my-settings table.addInfoInner td.desc-col #themeSelect span {display:block;float:left;width:230px;height:66px;margin-top:-2px;}
#my-settings table.addInfoInner td.desc-col #themeSelect strong {display:block;}
#my-settings table.addInfoInner td.desc-col .themePreview {float:right;width:291px;padding-top:19px;margin-right:10px;}
#my-settings table.addInfoInner td.desc-col .themePreview img {padding-bottom:50px;}
#my-settings table.addInfoInner .actions-container {position:relative;}
#my-settings table.addInfoInner ul.actions {position:relative;float:right;}
#my-settings table.addInfoInner .accountNames ul.actions {position:absolute;bottom:0;right:0;}
#my-settings table.addInfoInner .themePreview ul.actions li {display:inline;margin:0 0 0 20px;float:right;}
#my-settings table.addInfoInner ul.actions li {display:inline;margin:0 20px 0 0;float:left;}

#my-settings table.addInfoInner ul.actions li, #my-settings table.addInfoInner ul.passnumber li {display:inline;margin:0 20px 0 0;float:left;}

/*Removed in IBfV 3.2.1012 post-merge
/*#page-help {margin-right:60px;} */

/* specific button widths */
a.btn-update-start, a.btn-update-start i {width:129px;}
a.btn-update-passnumber, a.btn-update-passnumber i {width:180px;}
a.btn-update-memdata, a.btn-update-memdata i {width:220px;}
a.btn-update-start b {width:124px;}
a.btn-cancel, a.btn-cancel i {width:56px;}
a.btn-cancel b {width:51px;}
a.btn-update-greeting, a.btn-update-greeting i {width:114px;}
a.btn-update-greeting b {width:109px;}
a.btn-update-theme, a.btn-update-theme i {width:103px;}
a.btn-update-theme b {width:98px;}
a.btn-update-account-names, a.btn-update-account-names i {width:114px;}
a.btn-update-account-names b {width:109px;}

.columnsContainer{border-width:1px 0;border-color:#59a7db;border-style:solid;background-color:#fff;margin-bottom:20px;}
.startPageSelect span.colSpan {color:#3D3f43;width:32%;display:inline-block;vertical-align:top;margin-right:5px;}
.startPageSelect span.accordionLastCol{ font-style:italic;padding:5px 5px 5px 0;margin-right:0;}
.startPageSelect h3:first-child{padding-bottom:10px;}
.startPageSelect select {width:80%;}
.accordionFirstCol{text-align:right;position:relative;top:9px;font-size:13px;font-weight:bold;}
.accordionMidCol{background-image:url(img/crosshatchBackground-blue.png);padding:12px 0 18px;border-left:1px solid #59A7DB;border-right:1px solid #59A7DB;}
.accordionMidCol select, .accordionMidCol input{width:90%;margin: 5px 5px 5px 10px;border:1px solid #59a7db;}
.accordionMidCol input.input-validation-error {border:2px solid #EC0000;}
.accordionMidCol #SearchSpan input {width:150px;}
#stage .security-pod{min-height:130px}
#stage .security-pod p {font-weight:bold;width:65%;}
#stage .security-pod img{display:inline; vertical-align:top;position:absolute;right:5px;top:10px;}
#stage .security-pod h3 {color:#049;}
#stage .security-pod h2 {color:#004499;display:block;font-weight:bold;margin:0 10px 10px 0;vertical-align:middle;}
span.accordionFirstCol label{display:block;}

/* set hidden settings rows to display none to avoid flash of hidden content on page load */

/* VERY TEMPORARY COMMENT OUT OF DISPLAY NONE STYLES!!!!! */

#my-settings table.settings tr.setAdditionalInfo, #my-settings table.settings tr.setAdditionalInfo td.addInfoOuter {display:none;}
#my-settings table.settings th.current-setting span {display:none;}
#my-settings table.settings th.current-setting span.displayBlock {display:block;}
#my-settings table.settings th.current-setting span.srText {display:block;}


a.btn-stop-all {font-style:normal;display:block;color:#060;font-weight:bold;text-decoration:underline;text-align:center;position:relative;font-size:14px;width:236px;height:37px;padding:0;}
a.btn-stop-all:visited, a.btn-stop-all:hover {text-decoration:underline;}
a.btn-stop-all b {background:#C7DDA6;border-color:#808080 #404040 #404040 #808080;border-style:solid;border-width:1px 2px 2px 1px;font-style:normal;height:20px;left:5px;padding:2px 4px 0;position:absolute;top:7px;width:205px;}
a.btn-stop-all i {font-style:normal;height:26px;left:0;padding:10px 0 0 10px;position:absolute;text-align:left;top:0;width:226px;background:url(img/paperless-stop-all-link-bg.png) no-repeat 0 0;cursor:pointer;text-decoration:underline;}

a.btn-update-paperless, a.btn-update-paperless i {width:190px;}
a.btn-update-paperless b {width:182px;}

#my-settings #statement-set-table {width:100%;border-collapse:collapse;}
#my-settings #statement-set-table col.ac-list {width:58%;}
#my-settings #statement-set-table col.statement-status {width:42%;}

#statement-set-table td {border-bottom:1px solid #758081;}
#statement-set-table td.set-nw {background:#EFF0F0 url(img/statement-set-table-top.gif) no-repeat 0 0;}
#statement-set-table td.set-ne {background:#EFF0F0 url(img/statement-set-table-top.gif) no-repeat 100% 0;}
#statement-set-table td.set-sw {background:#EFF0F0 url(img/statement-set-table-end.gif) no-repeat 0 100%;border-bottom:0;}
#statement-set-table td.set-se {background:#EFF0F0 url(img/statement-set-table-end.gif) no-repeat 100% 100%;border-bottom:0;}
#statement-set-table tr.online-and-paper td {font-weight:bold;}
#my-settings .addInfoInner table {width:100%;}
#my-settings .addInfoInner table th {text-align:center;border-bottom:1px solid #E3E5E6;background:#D9E3F0 url(img/set-03-05-paper-table-heading-bg.gif) repeat-x 100% 100%;font-size:13px;font-weight:normal;padding:4px 10px 5px;}
#my-settings .addInfoInner table td {border-bottom:1px solid #E3E5E6;font-size:13px;}
#my-settings .addInfoInner table th.ac-list-head {text-align:left;}
#my-settings .addInfoInner table td.radio-cell {text-align:center;}
#my-settings .addInfoInner table col.ac-list {width:33%;background:#FFF;}
#my-settings .addInfoInner table col.paper-statements {width:34%;background:#ECF5FB;}
#my-settings .addInfoInner table col.online-statements {width:33%;background:#FFF;}

#my-settings .inner-desc {position:relative;height:100%;}
#my-settings .inner-desc h3 {position:absolute;top:56px;left:0;font-size:13px;}

#statement-set-table col.ac-list {background:#ccc url(img/statement-set-table-mid.gif) repeat-y 0 0;}
#statement-set-table col.statement-status {background:#ccc url(img/statement-set-table-mid.gif) repeat-y 100% 100%;}
#my-settings table.settings td.statement-set-container {border-left:2px solid #E3E5E6;padding:0 10px;background:url(img/crossHatchBackground-234px.gif) repeat-y 100% 0;}
#my-settings tr.more-info-row td {padding-top:10px;}

#myAccountDescription div.addInfoInner {background:#ECF5FB;padding:10px 10px 34px 20px;float:left;clear:both;position:relative;border-bottom:2px solid #fff;}
#statement-edit-values div.addInfoInner {background:#ECF5FB;float:left;clear:both;position:relative;border-bottom:2px solid #fff;width:100%;}
#statement-edit-values div.addInfoInner .addInfoCell {padding:10px 10px 34px 20px;}
#statement-edit-values, #statement-edit-values td {display:none;}
#statement-edit-values div.addInfoInner table {border-collapse:collapse;margin:0 0 17px;}
#statement-edit-values h4 {font-size:13px;color:#3D4243;font-weight:bold;margin:0 0 3px;}
#statement-edit-values p {font-size:13px;color:#3D4243;}
#statement-edit-values p strong {font-weight:bold;color:#000;}
#statement-edit-values ul.actions {text-align:right;position:absolute;right:10px;bottom:12px;}
#statement-edit-values ul.actions li {display:inline;float:left;margin:0 0 0 20px;}

/* My Security Settings */
.reasonForCardReaderRequest {margin-bottom:10px;float:none;width:348px;}
.reasonForCardReaderRequest label {padding:0 6px 0 4px;font-weight:bold;vertical-align:middle;}
.reasonForCardReaderRequest select {vertical-align:middle;}
#stage .useful-links .backToMySecurity{font-size:13px;text-decoration: underline;}
#stage .order-cardreader-head{margin-bottom:50px;}
.order-cardreader{border-left:1px solid #59A7DB;border-right:1px solid #59A7DB;}
#stage .order-cardreader-container {padding-bottom:15px;}
#stage .order-cardreader-container .form-table .form-table-row-error label.error{margin-bottom:5px;}
#stage .order-cardreader-container .form-table a.tooltip-reveal-link{font-style:normal;width:199px;}
#stage .order-cardreader-container .form-table div.info-tooltip{background-position: 0 44px;}
.order-cardreader-actions {position:absolute;bottom:10px;right:10px;}
.order-cardreader-actions li {display:inline;float:left;}
.order-cardreader-actions a.cardreader-continue {margin-right:10px;}
.order-cardreader-actions a.cardreader-continue, .order-cardreader-actions a.cardreader-continue i {width:81px;}
.order-cardreader-actions a.cardreader-continue b{width:73px;}
.order-cardreader-actions a.cardreader-cancel, .order-cardreader-actions a.cardreader-cancel i{width:70px;}
.order-cardreader-actions a.cardreader-cancel b{width:62px;}

/* SET.04.01 modifier */
#my-settings table.addInfoInner td.desc-col[colspan='3'] {padding-right:10px;}

/*Fix for buttons SET.04*/
#my-settings table.addInfoInner .my-settings-btns-container{padding-top:10px;}
#my-settings #new-card, #my-settings #lost-card, #my-settings #report-activity, #my-settings #report-problem {right:0;}
#my-settings .details-current img{float:left;margin:0 10px 5px 0;}

/*FG6 SET.04.01*/
.order-btn-container {width:178px;margin-bottom:7px;}
.order-btn-container a, .order-btn-container i {width:160px;}
.order-btn-container b {width:149px;}
#my-settings #stage .inner-box p.intro {line-height:14px;padding-top:0;margin:0 0 11px;}

/*FG08 SET.03*/
#stage #myAccountDescriptions p{position:relative;margin-top:45px;}
#my-settings #myAccountDescriptions .myAccountDescriptionContainer {padding-bottom:35px; width:70%;}
#my-settings #myAccountDescriptions ul.actions{width:248px;}
#stage #myAccountDescriptions input.text{width:200px;}
#stage #myAccountDescriptions .myAccountDescriptionContainer #myAccountDescriptionTable{margin-top:10px;}
#stage #myAccountDescriptions .myAccountDescriptionContainer #myAccountDescriptionTable .descriptionHeaders th{font-size:13px;background:none;padding:0;text-align:left;line-height:normal;border:none;}
#stage #myAccountDescriptions .myAccountDescriptionContainer #myAccountDescriptionTable td{border:none;}
#stage #myAccountDescriptions .current-cal-col{vertical-align:top;}
}

@media print 
{
#my-settings table.settings {width:100%;border:1px solid #ccc;}
#my-settings table.settings col.col1 {width:48%;}
#my-settings table.settings col.col2 {width:36%;}
#my-settings table.settings col.col3 {width:16%;}
}

.hide{display:none;}