/* Amplitude WebType Font */ /* This CSS resource incorporates links to font software which is the valuable copyrighted property of WebType LLC, The Font Bureau and/or their suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact WebType with any questions: http://www.webtype.com #DEV NOTE: �Why are there both �.eot� and �.eot?� web font references?� From the web fonts company directly: That's a bit of hack that we use to get IE to work: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax/ Internet Explorer <9 has a bug in the parser for the src attribute. If you include more than one font format in the src, IE fails to load it and reports a 404 error. The reason is that IE attempts to load as a file everything between the opening parenthesis all the way to the very last closing parenthesis. To deal with that wrong behavior, you merely declare the EOT first and append a single question mark. The question mark fools IE into thinking the rest of the string is a query string and loads just the EOT file. The other browsers follow the spec and select the format they need based on the src cascade and the format hint */ @font-face { font-family: "Amplitude"; src: url("fonts/8b10efc3-e37f-468c-9326-3f261bc2b6e9-2.eot"); src: url("fonts/8b10efc3-e37f-468c-9326-3f261bc2b6e9-2.eot?") format("embedded-opentype"), url("fonts/8b10efc3-e37f-468c-9326-3f261bc2b6e9-3.woff") format("woff"), url("fonts/8b10efc3-e37f-468c-9326-3f261bc2b6e9-1.ttf") format("truetype"), url("fonts/8b10efc3-e37f-468c-9326-3f261bc2b6e9-4.svg#web") format("svg"); font-style: normal; font-weight: normal; } @font-face { font-family: AmplitudeMedium; src: url("fonts/5c91d7e8-9155-43e0-a01c-f4c8b4ab0369-2.eot"); src: url("fonts/5c91d7e8-9155-43e0-a01c-f4c8b4ab0369-2.eot?") format("embedded-opentype"), url("fonts/5c91d7e8-9155-43e0-a01c-f4c8b4ab0369-3.woff") format("woff"), url("fonts/5c91d7e8-9155-43e0-a01c-f4c8b4ab0369-1.ttf") format("truetype"), url("fonts/5c91d7e8-9155-43e0-a01c-f4c8b4ab0369-4.svg#web") format("svg"); font-style: normal; font-weight: normal; } h1,h2,h3,h4,h5,h6{font:inherit;font-size:100%;margin:0;} p{clear:both;line-height:21px;margin:0 0 16px;padding:0;} a:link,a:active,a:visited,a:focus{color:#016899;text-decoration:none;} a:hover{color:#004566;text-decoration:underline;} sup {font-family: Verdana; font-size:10px;line-height:1em;} span.dollar-sup{ font-size: 0.9em; position: relative; top: -3px; } .chasetext li{margin-bottom:21px; list-style: disc outside none; margin-left: 16px;} .main-content-section li{color:#43444e;display:list-item;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:normal;line-height:21px;margin-bottom:12px;margin-right:18px;} .intro-copy{color:#43444e;display:block;font-family:amplitude, arial narrow, helvetica, arial, sans-serif;font-size:22px;font-weight:normal;line-height:30px;margin-bottom:19px;} .intro-copy-b{color:#43444e;display:block;font-family:verdana, helvetica, arial, sans-serif;font-size:18px;font-weight:normal;line-height:26px;margin-bottom:19px;} .title{color:#43444e;display:block;font-family:amplitude, arial narrow, helvetica, arial, sans-serif;font-size:32px;font-weight:normal;line-height:36px;margin-bottom:13px;} .title-b{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:22px;font-weight:bold;line-height:26px;margin-bottom:12px;} .title-d{color: #92b1cd;display: block;font-family: palatino,arial narrow,helvetica,arial,sans-serif;font-size: 28px;font-weight: normal;line-height: 36px;margin-bottom: 13px;} .title-e{color: #746350;display: block;font-family: palatino,amplitude,arial narrow,helvetica,arial,sans-serif;font-size: 28px;font-weight: normal;line-height: 36px;margin-bottom: 13px;} .subtitle{color:#43444e;display:block;font-family:amplitude, arial narrow, helvetica, arial, sans-serif;font-size:26px;font-weight:normal;line-height:30px;margin-bottom:14px;} .subtitle-no-bottom{color:#43444E; display:block; font-family:amplitude; font-size:26px; font-weight:normal; line-height:30px;} .subtitle-b{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:18px;font-weight:bold;line-height:22px;margin-bottom:11px;} .subtitle-c{color:#0B4162;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:18px;font-weight:bold;line-height:22px;margin-bottom:11px;} .subtitle-d{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:16px;font-weight:bold;line-height:21px;margin-bottom:11px;} .subtitle-e{color:#43444E;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:bold;line-height:21px;margin-bottom:11px;} .subtitle-f{color:#43444E;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:18px;font-weight:bold;line-height:21px;margin-bottom:11px;} .subtitle-g{color:#016899;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:18px;font-weight:normal;line-height:21px;margin-bottom:11px;} .subtitle-h{color:#828282;display:block;font-family:amplitude, arial narrow, helvetica, arial, sans-serif;font-size:22px;font-weight:normal;line-height:31px;margin-bottom:11px;} .subtitle-i{color:#0b4162;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:16px;font-weight:bold;line-height:20px;margin-bottom:11px;} .subtitle-j{color:#fff;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:22px;font-weight:normal;line-height:30px;margin-bottom:19px;} .subtitle-k{color: #43444E;display: block;font-family: verdana,arial,geneva,sans-serif;font-size: 16px;font-weight: normal;line-height: 22px;margin-bottom: 6px;} .subtitle-l{color: #43444E;display: block;font-family: verdana,arial,geneva,sans-serif;font-size: 18px;font-weight: normal;line-height: 22px;margin-bottom: 8px;} .subtitle-m{color: #43444E;display: block;font-family: verdana,arial,geneva,sans-serif;font-size: 22px;font-weight: normal;line-height: 26px;margin-bottom: 12px;} .subtitle-o{color:#43444e;display:block;font-family:trebuchet ms,verdana,arial,geneva,sans-serif;font-size:16px;font-weight:normal;line-height:22px;margin-bottom:6px;} .subtitle-p{color:#746350;display:block;font-family:palatino,amplitude,arial narrow,helvetica,arial,sans-serif;font-size:24px;font-weight:normal;line-height:30px;margin-bottom:14px;} .subtitle-q{color:#000000;display:block;font-family:trebuchet ms,verdana,arial,geneva,sans-serif;font-size:14.97px;font-weight:bold;line-height:22px;margin-bottom:6px;} .subtitle-r{color:#43444e;display:block;font-family:trebuchet ms,verdana,arial,geneva,sans-serif;font-size:14.66px;font-weight:normal;line-height:22px;margin-bottom:6px;} .subtitle-s{color:#016899;display:block;font-family:palatino,verdana,arial,geneva,sans-serif;font-size:20px;font-weight:normal;line-height:21px;margin-bottom:11px;} .subtitle-t{color:#43444e;display:block;font-family:palatino,amplitude,arial narrow,helvetica,arial,sans-serif;font-size:21.33px;font-weight:normal;line-height:30px;margin-bottom:14px;} .title-marketing-blue {font-family:amplitude, arial narrow, helvetica, arial, sans-serif; color:#019994; font-size: 32px; line-height: 60px;} .title-marketing-green {font-family:amplitude, arial narrow, helvetica, arial, sans-serif; color:#347b00; font-size: 32px; line-height: 60px;} .title-marketing-orange {font-family:amplitude, arial narrow, helvetica, arial, sans-serif; color:#bb5802; font-size: 32px; line-height: 60px;} .subtitle-marketing-blue {font-family:amplitude, arial narrow, helvetica, arial, sans-serif; color:#019994; font-size: 26px; line-height: 30px;} .subtitle-marketing-green {font-family:amplitude, arial narrow, helvetica, arial, sans-serif; color:#347b00; font-size: 26px; line-height: 30px;} .subtitle-marketing-orange {font-family:amplitude, arial narrow, helvetica, arial, sans-serif; color:#bb5802; font-size: 26px; line-height: 30px;} a:hover .subtitle-marketing-blue {text-decoration: underline; color:#019994;} a:hover .subtitle-marketing-green {text-decoration: underline; color:#347b00;} a:hover .subtitle-marketing-orange {text-decoration: underline; color:#bb5802;} .intro-marketing-blue {font-family:verdana,arial,geneva,sans-serif; color:#019994; font-size: 18px;} .intro-marketing-green {font-family:verdana,arial,geneva,sans-serif; color:#347b00; font-size: 18px;} .intro-marketing-orange {font-family:verdana,arial,geneva,sans-serif; color:#bb5802; font-size: 18px;} .sidebar-title{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:bold;line-height:18px;margin-bottom:12px;} .sidebar-subtitle{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:12px;font-weight:bold;line-height:18px;margin-bottom:12px;} .sidebar-body{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:12px;font-weight:normal;line-height:20px;margin-bottom:12px;} .sidebar-body-b{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:12px;font-weight:normal;line-height:18px;margin-bottom:12px;} .sidebar-body-c{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:12px;font-weight:normal;line-height:14px;margin-bottom:12px;} .body-green{color:#347b00;font-family:verdana,arial,geneva,sans-serif;font-size:14px;line-height:21px;} .body-blue{color:#0b4162;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:normal;line-height:21px;} .body-links{color:#016899;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:normal;line-height:21px;} .body-bold{color:#43444e;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:bold;line-height:21px;} a.body-bold-link:link{color:#016899;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:bold;line-height:21px;} .dot-gray{color:#a09f9d;float:left;padding-top:4px} .dash-gray{width:80px;display:inline;float:left;padding-top:12px;} .dash-color{color:#d4d3d1;} .header{display:inline;float:left;font-size:21px;color:#746350;font-family: palatino,amplitude,arial narrow,helvetica,arial,sans-serif;} .subtext-invest{padding:0 40px 40px 40px;color:#54301a;font-size:14px; font-family: trebuchet ms,verdana,arial,geneva,sans-serif;} /* ----------------- Begin Core SWAT Styles ---------------- */ body{background:#FFF;} cite{background:#FED;border-top:2px solid #FFF;display:block;font-size:9px;font-weight:bold;padding:2px 5px;} input{font:12px/15px verdana,arial,helvetica,sans-serif;padding:3px 2px;} input.chaseui-formerror, select.chaseui-formerror{border:3px solid #BF5718;color:#BF5718;} input.chaseui-field-error{border:2px #e1492f solid;} select{padding:2px;} /* ----------------- End SWAT Core Styles ---------------- */ .chaseui-contexthelpfloater .chaseui-buttonspinner{height:100%;width:auto;left:0;top:0;position:absolute;} /*207282 - removed margin-top:30%;*/ .chaseui-columnheader h2{color:#43444e;font-family:verdana,arial,geneva,sans-serif;font-size:18px;font-weight:normal;line-height:20px;margin-top:0;position:relative;} .chaseui-value-isdefault{color:#C8C8C8;} .body-copy-space{color:#43444e;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:normal;line-height:30px;} /* .chaseui-shadow{-moz-box-shadow:#666 0 3px 8px;-pie-watch-ancestors:1px;-webkit-box-shadow:#666 0 3px 8px;background:#fff!important;border:1px solid #aeb5ba;box-shadow:#666 0 3px 8px;color:#000;display:none;height:auto;z-index:1003;} */ .chaseui-shadow{-moz-box-shadow: 3px 3px 4px #D4D7D8; -webkit-box-shadow: 3px 3px 4px #D4D7D8; box-shadow: 3px 3px 4px #D4D7D8; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#D4D7D8')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#D4D7D8'); } .chaseui-fieldsmall{width:60px;} .chaseutil-hidevisual{ font-size:0 !important; width:0; height:1px !important; position:absolute !important; overflow:hidden !important; z-index:-1000 !important; left: -20000px !important; } .chrome a:focus{outline:dotted thin #000;} /*defect - 204704*/ .browser-chrome .image a{display:inline-block} .main-content-section{margin-left:auto;margin-right:auto;position:relative;width:928px;} span.paragraph-bullet-list{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:normal;line-height:21px;margin-bottom:14px;margin-right:21px;} .sidebar-bullets{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:12px;font-weight:normal;line-height:18px;margin-bottom:12px;margin-right:18px;} .sidebar-bullets-link{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:12px;font-weight:normal;line-height:18px;margin-bottom:12px;margin-right:18px;} .triplet-title{color:#016899;display:block;font-family:amplitude, arial narrow, helvetica, arial, sans-serif;font-size:26px;font-weight:normal;line-height:26px;margin-bottom:10px;} .triplet-body{color:#43444e;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:normal;line-height:22px;margin-bottom:10px;} .title-c{color:#fff;display:block;font-family:verdana,arial,geneva,sans-serif;font-size:32px;font-weight:normal;line-height:36px;margin-bottom:14px;} .caption-white{font-family:verdana,arial,geneva,sans-serif;font-size:10px;font-weight:normal;margin-bottom:16px;} .caption{color:#43444e;font-family:verdana,arial,geneva,sans-serif;font-size:10px;font-weight:normal;line-height:14px;margin-bottom:11px;display:block;} a.chasetext-overlay:link, a.chasetext-overlay:visited, a.chasetext-overlay:active{color:#016899;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:normal;line-height:21px;text-decoration:none;} a.chasetext-overlay:hover{border-bottom:1px black dashed;color:#004566;font-family:verdana,arial,geneva,sans-serif;font-size:14px;font-weight:normal;line-height:21px;text-decoration:none;} .hr{background:#C8C8C8;height:1px;margin:0;overflow:hidden;} .chaseui-divider{border-bottom:1px solid #C8C8C8;clear:both;font-size:1px;height:1px;margin-top:20px;padding:0;} .chaseui-dotted-divider{border-bottom:1px dotted #CCCCCC;clear:both;height:1px;margin-bottom:20px;padding-top:20px;} .chaseui-contentpanel.chaseui-contentpanel-expandable .chaseui-contentpanelheader{background:linear-gradient(#f2f5f7,#dde5ea);border-bottom:1px solid #dedee2;color:#016899;cursor:pointer;font:bold 11px verdana;padding:0 0 0 9px;position:relative;} .chaseui-contentpanel.chaseui-contentpanel-expandable .chaseui-contentpanelheader a.chaseui-contentpanelheadertitle{background:url(images/swat-sprite.png) no-repeat 0 -1997px;display:block;padding:8px 0 8px 16px;} .chaseui-contentpanel.chaseui-contentpanel-expandable .chaseui-contentpanelheader:hover a.chaseui-contentpanelheadertitle, .chaseui-contentpanel.chaseui-contentpanel-expandable .chaseui-contentpanelheader a.chaseui-contentpanelheadertitle:hover{background:url(images/swat-sprite.png) no-repeat 0 -2617px;color:#016899;text-decoration:underline;} .chaseui-contentpanel.chaseui-contentpanel-expandable.chaseui-contentpanel-collapsed .chaseui-contentpanelheader a.chaseui-contentpanelheadertitle{background:url(images/swat-sprite.png) no-repeat 0 -1966px;padding:8px 0 8px 16px;} .chaseui-contentpanel.chaseui-contentpanel-expandable.chaseui-contentpanel-collapsed .chaseui-contentpanelheader:hover a.chaseui-contentpanelheadertitle, .chaseui-contentpanel.chaseui-contentpanel-expandable.chaseui-contentpanel-collapsed .chaseui-contentpanelheader a.chaseui-contentpanelheadertitle:hover{background:url(images/swat-sprite.png) no-repeat 0 -2586px;} .chaseui-contentpanel.chaseui-contentpanel-plain{border:none;margin:0;padding:0;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelheader{background:url(images/swat-headergradient.gif) repeat-x;height:21px;padding:18px 16px;white-space:nowrap;width:auto;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelheader-nobg{height:21px;padding:18px 16px;white-space:nowrap;width:auto;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelheader .chaseui-contentpanelheader-left h2{font-size:18px;font-weight:700;margin-top:0;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelheader .chaseui-icon-bulb{float:left;height:30px;margin-left:-7px 5px 5px 1px;width:29px;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-formnav{padding:20px;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelcontent .chaseui-contentpanel.chaseui-contentpanel-expandable .chaseui-contentpanelheader{height:none;padding:5px 8px 10px 10px;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelcontent .chaseui-formnav .chaseui-icon-chat{padding-left:30px;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelcontent .chaseui-formnav .chaseui-icon-email{margin-left:30px;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-dataitem.chaseutil-paddingbottom{padding-bottom:17px;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-name{color:#43444e;float:left;font-size:14px;font-weight:700;padding-right:14px;width:230px;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-name span.chaseui-data-label-note{color:#646468;font-weight:400;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelheadertitle .chaseui-dataitem .chaseui-value{color:#43444e;font-size:18px;font-weight:700;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-divider{border:none;border-top:1px dashed #DEDEE2;margin:15px 0;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-divider hr{display:none;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-dataitem:after{clear:both;content:'.';display:block;height:0;visibility:hidden;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-value{float:left;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelheader .chaseui-contentpanelheader-left{float:left;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelheader .chaseui-contentpanelheader-right{float:right;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelheadertitle .chaseui-dataitem, .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelheadertitle .chaseui-dataitem .chaseui-name{color:#646468;font-size:18px;font-weight:700;} .chaseui-contentpanel.chaseui-contentpanel-expandable .chaseui-contentpanelcontent{display:none;} .chaseui-contentpanel-expandable .chaseui-contentpanelheadertitle{background:url(images/swat-sprite.png) repeat-x left -504px;color:#43444E;font:normal 12px verdana;padding:8px 0 8px 4px;} .chaseui-contentpanel-expandable .chaseui-contentpanelcontent{padding:18px 22px;} .chaseui-contentpanel-expandable {clear:both;} .chaseui-contentpanel.chaseui-contentpanel-expandable{padding:0;} .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-dataitem{padding-bottom:4px;width:100%;} .chaseui-contentpanel .chaseui-dataitem .chaseui-value .chaseutil-descriptiontext{font-size: 11px;} .chaseui-functionpanel .chaseui-functionpanelbody{-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff006291, endColorstr=#ff009dd6)";border-bottom:2px solid #1095c5;display:none;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff006291,endColorstr=#ff009dd6);margin:0 0 10px;position:relative;zoom:1px;} .chaseui-functionpanel .chaseui-functionpanelcontent:after,#chaseui-pagecontenttoputil:after{clear:both;content:'';display:block;visibility:hidden;} .chaseui-functionpanel .chaseui-functionpanelheader a{background:url(images/swat-sprite.png) no-repeat right -1587px;padding-right:15px;} .chaseui-functionpanel .chaseui-functionpanelheader a:hover{background:url(images/swat-sprite.png) no-repeat right -2999px;padding-right:15px;} .chaseui-functionpanel.chaseui-functionpanel-expanded .chaseui-functionpanelheader a:hover{background:url(images/swat-sprite.png) no-repeat right -2978px;} .chaseui-functionpanel.chaseui-functionpanel-expanded .chaseui-functionpanelheader a{background:url(images/swat-sprite.png) no-repeat right -1566px;} .chaseui-functionpanel .chaseui-functionpanelcontent{border:1px solid #0d80b5;border-width:0 1px;margin:0 auto;padding:10px 0;position:relative;width:958px;zoom:1px;} .chaseui-functionpanel .chaseui-functionpanelheader{font-size:10px;margin:-10px auto 0;padding-right:30px;position:relative;text-align:right;top:-20px;width:960px;} .chaseui-functionpanel .chaseui-icon-container .chaseui-functionpanelheader-icon + a, .chaseui-functionpanel.chaseui-functionpanel-expanded .chaseui-icon-container .chaseui-functionpanelheader-icon + a{color:#095AA6;background:none;} .chaseui-functionpanel.chaseui-functionpanel-expanded .chaseui-icon-container .chaseui-functionpanelheader a, .chaseui-functionpanel .chaseui-icon-container .chaseui-functionpanelheader a:hover, .chaseui-functionpanel.chaseui-functionpanel-expanded .chaseui-icon-container .chaseui-functionpanelheader a:hover{background:none;padding:0;} /*.chaseui-formlayout{display:inline-block;} .chaseui-formlayout .chaseui-dataitem .chaseui-name{clear:left;color:#43444e;float:left;font-size:14px;font-weight:700;min-height:18px;padding:5px 3px 3px;text-align:right;width:200px;} .chaseui-formlayout .chaseui-dataitem .chaseui-value{float:left;padding:3px;} .chaseui-formlayout .chaseui-dataitem .chaseui-value .chaseutil-optionaltext{font-size:11px;}*/ .chaseui-formlayout .chaseui-dataitem .chaseui-formerrormessage .chaseui-formerrormessage-container{-moz-box-shadow:#666 1px 2px 3px;-webkit-box-shadow:#666 1px 2px 3px;background:linear-gradient(#FFD099,#EE9E33);box-shadow:#666 1px 2px 3px;display:block;padding:5px;} .chaseui-pagecontentsection .chaseui-pagecontentsectionheader{background:url(images/swat-headergradient.gif) repeat-x;border-bottom:1px solid #dedee2;height:21px;padding:18px 16px;position:relative;white-space:nowrap;width:auto;} .chaseui-pagecontentsectionbody.chaseui-history-flyout .chaseui-summaryblock .chaseui-contactus-banking-bg{background:linear-gradient(#016899,#116289);} .chaseui-flyoutnav-emphasized .chaseui-linklist li{-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff;border:1px #ccd8de solid;border-radius:5px;margin-bottom:10px;padding:5px;position:relative;text-align:left;} .chaseui-statusbar{-moz-border-radius:2px;-webkit-border-radius:2px;overflow:hidden;position:relative;} .chaseui-statusbar.chaseui-statusbar-small .chaseui-statusbarbackground{-moz-border-radius:2px;-webkit-border-radius:2px;background:linear-gradient(#C8CBCC,#EFF2F3);border:1px solid #BEBEBE;border-radius:2px;height:13px;position:relative;} .chaseui-statusbar.chaseui-statusbar-small.chaseui-statusbar-red .chaseui-statusbarforeground{-moz-border-radius:2px;-webkit-border-radius:2px;background:linear-gradient(#E87F26,#CE432B);border-radius:2px;} .chaseui-statusbar.chaseui-statusbar-small.chaseui-statusbar-orange .chaseui-statusbarforeground{-moz-border-radius:2px;-webkit-border-radius:2px;background:linear-gradient(#F9C209,#D7871F);border-radius:2px;} .chaseui-statusbar.chaseui-statusbar-small.chaseui-statusbar-green .chaseui-statusbarforeground{-moz-border-radius:2px;-webkit-border-radius:2px;background:linear-gradient(#AECD3C,#74A045);border-radius:2px;} .chaseui-statusbar.chaseui-statusbar-tile .chaseui-statusbarbackground{-moz-border-radius:3px;-webkit-border-radius:3px;background:linear-gradient(#9FA9AE,#C6D2D8);border-radius:3px;height:33px;position:relative;} .chaseui-statusbar.chaseui-statusbar-tile .chaseui-statusbarforeground{-moz-border-radius:2px;-webkit-border-radius:2px;background:linear-gradient(#FFDC41,#E4911A);border-radius:2px;height:26px;left:1px;top:1px;} .chaseui-statusbar.chaseui-statusbar-long .chaseui-statusbarbackground{-moz-border-radius:2px;-webkit-border-radius:2px;background:linear-gradient(#E1E1E1,#ffffff);border-radius:2px;height:9px;position:relative;} .chaseui-statusbar.chaseui-statusbar-long .chaseui-statusbarforeground{-moz-border-radius:2px;-webkit-border-radius:2px;background:linear-gradient(#82D2EE,#006FA3);border-radius:2px;} .chaseui-box-emphasize{ border:3px solid #758D99;padding:20px; -moz-box-shadow:0 2px 8px 1px rgba(000,163,221,.4); -webkit-box-shadow:0 5px 13px 1px rgba(000,163,221,.4); box-shadow:1px 1px 6px 1px rgba(000,163,221,.4) } .chaseui-tracker{ background: #b9c0be; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YzBiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b9c0be 0%, #dbe0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9c0be), color-stop(100%,#dbe0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b9c0be 0%,#dbe0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b9c0be 0%,#dbe0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b9c0be 0%,#dbe0e0 100%); /* IE10+ */ background: linear-gradient(to bottom, #b9c0be 0%,#dbe0e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c0be', endColorstr='#dbe0e0',GradientType=0 ); /* IE6-8 */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #929E98; border-bottom:1px solid #BEC7C3; height:13px; } .chaseutil-center{text-align:center;} .chaseutil-left{text-align:left;} .chaseutil-nowrap{white-space:nowrap;} .chaseutil-textsm{font-size:12px;line-height:14px;} .chaseutil-deemphasize{color:#92929E;} .chaseutil-optionaltext{color:#777;margin-bottom:5px;} .chaseutil-noborder{border:none;} .chaseutil-notopborder{border-top:none;} .chaseutil-nopaddingtop{padding-top:0;} .chaseutil-img-txt{overflow:hidden;text-indent:-99999em;} .chaseutil-warning{color:#f16f00;} .chaseutil-margin{margin:10px;} .chaseutil-marginright{margin-right:10px;} .chaseutil-nomarginbottom{margin-bottom:0!important;} .chaseutil-nomargintop{margin-top:0!important;} .chaseutil-nomarginright{margin-right:0!important;} .chaseutil-paddingtop{padding-top:10px;} .chaseutil-paddingtop-more{padding-top:20px;} .chaseutil-paddingbottom{padding-bottom:10px;} .chaseutil-paddingbottom-more{padding-bottom:20px;} .chaseutil-paddingleft{padding-left:10px;} .chaseutil-paddingleft-more{padding-left:20px;} .chaseutil-paddingright{padding-right:10px;} .chaseutil-borderright{border-right:1px solid #DEDEE2;} .chaseutil-bordertop{border-top:1px solid #DEDEE2;} .chaseutil-show{display:block!important;visibility:visible!important;} .chaseutil-disabled{background:#CCC;} .chaseutil-displayinline{display:inline;} .chaseutil-fixed-width{width:20%;} .chaseutil-padding-left-right{padding-left:15px; padding-right:15px;} .chaseutil-clear-right{clear:right;} .chaseui-icon-chat{background:url(images/swat-icon-chat.png) no-repeat;display:inline-block;} .chaseui-icon-email{background:url(images/swat-icon-email.png) no-repeat;display:inline-block;padding-left:30px;} #chaseui-pagebody{background:#fff url(images/swat-bg-bdy.png) repeat-x top;padding-top:15px;width:100%;} #chaseui-pageheader{-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#BABABA')";-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);background:#FFF;border:1px solid #BABABA;box-shadow:0 0 10px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#BABABA');margin:0 auto;position:relative;width:958px;} #chaseui-pagecontent{margin:0 auto;width:960px;zoom:1px;} .chaseui-utilitynav{color:#9999A4;float:right;font-size:10px;padding:12px 14px 34px;} .chaseui-utilitynav a{color:#727272;font-size:12px;padding:0 9px;} .chaseui-utilitynav a:hover{color:#004D72;} .chaseui-segmentnav a{color:#727272;} .chaseui-segmentnav{color:#9999A4;float:left;font-size:10px;font-weight:700;padding:12px 14px 34px;} .chaseui-segmentnav a.chaseui-segmentnav-selected{border:1px solid #FFF;color:#0D59A6;text-decoration:none;} .chaseui-centercolumn{display:inline;float:left;} .chaseui-contentheader{border-bottom:1px solid #DEDEE2;height:34px;padding:20px 20px 0;} .chaseui-functionpanelcontent .chaseui-announcement-block .chaseui-announcement-contenttext{margin:35px 0;} .chaseui-functionpanelcontent .chaseui-announcement-block .chaseui-announcement-contenttext ul li.chaseui-announcement-one{color:#FFF;font-size:24px;letter-spacing:1px;margin-bottom:20px;text-align:center;} .chaseui-functionpanelcontent .chaseui-announcement-block .chaseui-announcement-contenttext ul li.chaseui-announcement-two{color:#FFF;font-size:16px;letter-spacing:1px;line-height:24px;text-align:center;} .chaseui-functionpanelcontent .chaseui-announcement-block .chaseui-announcement-graphic{background:url(images/swat-outage-tile-image.png) repeat-x;display:block;height:29px;width:auto;} .jqss-styledselect{display:inline;height:27px;margin:0;min-width:50px;padding:0;position:absolute;white-space:nowrap;z-index:4000;} .chaseui-select-list-container .jqss-styledselect{width:185px;} .jqss-styledselect ul{border:0 none;left:0;list-style:none outside none;margin:0 0 0 1px;padding:0;position:absolute;top:0;width:100%;} .jqss-styledselect ul li.jqss-styledselect-closed{border:0 none;} .jqss-styledselect ul li{border-color:#AAA;border-style:solid;border-width:0 1px;cursor:pointer;display:block;font-size:12px;height:21px;margin:-1px;padding:5px 5px 2px 14px;} .jqss-styledselect ul li.jqss-styledselect-first{-moz-box-shadow:none;-ms-filter:none;background:#fff;border-bottom:0 solid #aaa;border-width:0;box-shadow:none;filter:none;} .jqss-styledselect ul li.jqss-styledselect-first, .jqss-styledselect-disabled ul li.jqss-styledselect-closed{background:url(images/swat-sprite.png) no-repeat right -1385px;} .chaseui-select-list-container .jqss-styledselect ul li.jqss-styledselect-first, .chaseui-select-list-container .jqss-styledselect-disabled ul li.jqss-styledselect-closed{background:url(images/swat-sprite.png) no-repeat right -1485px;} .jqss-styledselect-open ul li{-moz-box-shadow:1px 2px 3px rgba(0,0,0,.5);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=100, Color='#AAAAAA')";background:#fff;box-shadow:1px 2px 3px rgba(0,0,0,.5);color:#34acd9;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=100,Color='#AAAAAA');padding:3px 5px 3px 28px;} .jqss-styledselect-open ul li:hover{color:#34acd9;text-decoration:underline;} .chaseui-select-list-container .jqss-styledselect ul li{color:#016899;padding:0;} .jqss-styledselect ul li.jqss-styledselect-last{-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#AAAAAA')";border-bottom:1px solid #aaa;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#AAAAAA');padding-bottom:12px;} .jqss-styledselect.jqss-styledselect-open, .jqss-styledselect.jqss-styledselect-open ul li.jqss-styledselect-first{background:right -1418px;} .jqss-styledselect-open ul li.jqss-styledselect-optionselected{background:#fff no-repeat 15px 6px;color:#016899;font-weight:700;} .jqss-styledselect-open ul li.jqss-styledselect-first, .jqss-styledselect ul li.jqss-styledselect-closed.chaseui-hover{color:#43444e!important;font-weight:400!important;padding:5px 5px 2px 14px;} .jqss-styledselect-open ul li.jqss-styledselect-first:hover{color:#43444e!important;text-decoration:none!important;} .chaseui-treeselect{background:url(images/swat-sprite.png) 0 -825px;display:inline-block;font-size:12px;height:27px;vertical-align:middle;} .chaseui-treeselect-hover{background:url(images/swat-sprite.png) no-repeat 0 -891px !important;} .chaseui-treeselect-trigger{background:url(images/swat-sprite.png) no-repeat right -1385px;color:#000;display:block;height:21px;margin:0 0 0 3px;padding:3px;position:relative;width:225px;} .chaseui-treeselect-triggertext{color:#43444E;cursor:pointer;display:block;font-size:12px;height:21px;left:0;margin:0;padding:2px 0 0 9px;top:0;width:225px;} a.chaseui-treeselect-trigger-hover{background:url(images/swat-sprite.png) no-repeat right -1418px !important;} .chaseui-treeselect .chaseui-treeselect-level0{border-top-width:0;padding:5px 0;width:230px;z-index:10;} .chaseui-treeselect ul{-moz-box-shadow:1px 2px 3px rgba(0,0,0,0.5);-webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.5);background:#FFF;border:1px solid #9BAAC1;box-shadow:1px 2px 3px rgba(0,0,0,0.5);display:block;left:auto;list-style:none outside none;margin:-1px 0 0 1px;padding:0 0 4px;position:absolute;top:auto;visibility:hidden;} .chaseui-treeselect .chaseui-treeselect-show{visibility:visible;} .chaseui-treeselect li{border:0 solid #FFF;color:#016899;display:block;margin:0;padding:5px 16px 5px 28px;position:relative;top:0;white-space:nowrap;} .chaseui-treeselect .chaseui-treeselect-level1{padding:5px 0;z-index:20;} .chaseui-treeselect .chaseui-treeselect-level1 li{border:0 none!important;width:225px;} li.chaseui-treeselect-parent span.active-arrow{font-weight:900;height:15px;left:195px;position:absolute;width:15px;} li.chaseui-treeselect-open span.active-arrow{font-weight:900;height:15px;left:195px;position:absolute;width:15px;} .chaseui-treeselect-open{-moz-box-shadow:-1px 1px 10px rgba(0,0,0,0.5);-webkit-box-shadow:-1px 1px 10px rgba(0,0,0,0.5);background:#FFF;border:0 none!important;box-shadow:-1px 1px 10px rgba(0,0,0,0.5);} .chaseui-treeselect-open a, .chaseui-treeselect-open a:hover, .chaseui-treeselect-level2 li a:hover{color:#43444e;font-weight:900;} .chaseui-treeselect .chaseui-treeselect-level2{border:1px solid #9BAAC1;z-index:50;} .chaseui-treeselect li.chaseui-treeselect-selected{background:#FFF;font-weight:700;} .chaseui-treeselect ul.chaseui-treeselect-selected li{padding:5px 16px 5px 22px;} .safari .chaseui-button-plus, .chrome .chaseui-button-plus{background:url(images/swat-sprite.png) no-repeat 0 -1510px;} .chaseui-play span.chaseui-buttoncontents span{background:url(images/swat-sprite.png) no-repeat 0 -1800px;display:block;padding-left:15px;} .expandable-firstrow{border-top:1px #dedede solid;} .chaseui-linklist{font-size:10px;font-weight:700;list-style-type:none;margin-right:30px;} .chaseui-linklist li{clear:both;list-style-type:none!important;} .chaseui-linklist li.blue{color:#016899;} .chaseui-linklist li span[area-hidden]{padding-right:6px;} .chaseui-linklist li .offset-list{font-size:12px; margin-left:15px;} .chaseui-linklist .active-arrow{float:right;font-weight:900;} .chaseui-linklist .default-arrow{color:#B4D7E7;float:right;font-weight:900;} .chaseui-linklist-bullet {color:#074d8d;float:left;width:15px;} .chaseui-linklist-bullet.at-end {float: none;} .ie7 .chaseui-linklist .active-arrow,.ie7 .chaseui-linklist .default-arrow{position:relative;top:-15px;} .chaseui-mixedlinklist .chaseui-mixedlinkitem-vertical-pin{background:url(images/swat-bullet-vertical-pin.gif) no-repeat;padding:0 0 10px 22px;} .chaseui-mixedlinklist .chaseui-mixedlinkitem-horizontal-pin{background:url(images/swat-bullet-horizontal-pin.gif) no-repeat;padding:0 0 10px 32px;} .chaseui-pagecontentsectionheader div.chaseutil-floatleft{color:#43444e;font-family:verdana;font-size:11px;padding:1px;width:50%;} .chaseui-pagecontentsectionheader div.chaseutil-floatright{padding:1px;width:200px;} .chaseui-branded .chaseui-pagecontentsectionbody{margin:0 0 0 130px;padding:18px 16px;} .chaseui-pagecontentsection .chaseui-pagecontentsectionfooter{padding:18px 16px;} .chaseui-branded .chaseui-pagecontentsectionheader div.chaseutil-floatleft{color:#43444e;font-family:verdana;font-size:11px;margin:-8px 0 0 130px;width:386px;} .chaseui-pagecontentsectionheader div.chaseutil-floatleft h2{color:#646468;font-size:14px;font-weight:700;width:100%;} .chaseui-pagecontentsectionheader div.chaseutil-floatleft .chaseui-account-settings-checking{color:#646468;font-family:verdana;font-size:16px;font-weight:400;} .chaseui-autocomplete .chaseui-autocomplete-results-list{background:#FFF;border:1px solid #D2E0ED;display:none;height:auto;position:absolute;width:162px;z-index:5;} .chaseui-autocomplete .chaseui-autocomplete-result div{border-bottom:1px solid #D2E0ED;color:#095AA6;font-size:11px;padding:3px 3px 3px 13px;} .chaseui-dialog-form-row{height:30px;} .chaseui-dialog-form-row .checkbox{margin-top:3px;} .chaseui-dialog-form-subrow{height:30px;margin-left:5px;} .chaseui-floatershadow-bottom, .chaseui-floatershadow-bottomright, .chaseui-floatershadow-right{background:#666;font-size:0;position:absolute;} .chaseui-formlayout .chaseui-dataitem input.chaseui-formerror, .chaseui-formlayout .chaseui-dataitem textarea.chaseui-formerror{border:3px solid #BF5718;color:#BF5718;} .chaseui-formnav-expandable{padding:14px 16px 12px;} .chaseui-formnav-expandable{background:url(images/swat-buttonbar-gradient.gif) repeat-x;display:none;height:25px;width:648px;} .profile-cards-inputcol{float:left;width:83px;} .profile-cards-selectcol{float:left;width:102px;} .chaseui-columns-main .chaseui-rightcolumn .chaseui-pagecontentsection .chaseui-linklist{font-size:11px;font-weight:700;list-style-type:none;margin:0;} .chaseui-columns-main .chaseui-rightcolumn .chaseui-pagecontentsection .chaseui-linklist li{clear:both;height:auto;margin-bottom:10px;} .chaseui-card-modal-left{margin:28px 30px 30px 6px;width:206px;} .chaseui-card-modal-right{margin-right:34px;width:517px;} .chaseui-card-modal-thumb{border:2px solid #FFF;margin:10px 18px;padding:8px;} .chaseui-card-modal-thumb-border{border:2px solid #016899;} .profile-alert-button{padding:10px 0 30px 14px;} .profile-alert-edit-in-place{border-bottom:1px solid #DEDEE2;padding:18px 14px;} .profile-alert-delivery-options-container{float:left;padding:14px 10px 12px;width:190px;} .profile-alert-delivery-options-header{border-bottom:1px solid #DEDEE2;padding-bottom:10px;} .profile-alert-delivery-options-checkbox{padding:7px 0;} .profile-alert-edit-in-place-container{background:url(images/swat-column-gradientbg.gif) repeat-y top right;float:left;padding-right:10px;width:460px;} .profiles-alerts-overlay-add-row-off{background:#EEE;font-size:14px;height:20px;margin-bottom:2px;padding:8px;} .profiles-alerts-overlay-add-row-hover{background:url(images/swat-check-greenbar.png) repeat-x;font-size:14px;height:20px;margin-bottom:2px;padding:8px;} .chaseui-columns-main .chaseui-rightcolumn .profile-settings-container .chaseui-pagecontentsection .chaseui-pagecontentsectionheader .chaseutil-floatleft,.chaseui-columns-main .chaseui-rightcolumn .profile-settings-container-glow .chaseui-pagecontentsection .chaseui-pagecontentsectionheader .chaseutil-floatleft{width:520px;} .chaseui-columns-main .chaseui-rightcolumn .profile-settings-container .chaseui-pagecontentsection .chaseui-pagecontentsectionheader,.chaseui-columns-main .chaseui-rightcolumn .profile-settings-container-glow .chaseui-pagecontentsection .chaseui-pagecontentsectionheader{height:21px;} .profile-settings-container{-moz-box-shadow:0 5px 13px 1px rgba(0,0,0,0.4);-webkit-box-shadow:0 5px 13px 1px rgba(0,0,0,0.4);box-shadow:0 5px 13px 1px rgba(0,0,0,0.4);margin:20px 0 0 30px;width:680px;} .profile-settings-container-glow{-moz-box-shadow:0 0 20px 4px rgba(140,204,96,0.8)!important;-webkit-box-shadow:0 0 20px 4px rgba(140,204,96,0.8)!important;box-shadow:0 0 20px 4px rgba(140,204,96,0.8)!important;margin:20px 0 0 30px;width:680px;} .chaseui-sitesearch .type-ahead-search{margin-right:15px;position:relative;} .chaseui-sitesearch .type-ahead-search input{color:#016899;font-size:14px;font-style:italic;padding:3px 10px;width:260px;} .chaseui-contexthelpfloaterbody .chaseui-sitesearch .type-ahead-search{margin:15px;} .chaseui-contexthelpfloaterbody .chaseui-sitesearch .type-ahead-search input{color:#727272;width:360px;} .chaseui-sitesearch .type-ahead-menu{background:#FFF;border:1px solid #CCC;padding:4px;position:absolute;right:7px;top:52px;z-index:8999;} .chaseui-pagecontentsectionheader .chaseui-sitesearch .type-ahead-menu{top:15px;} .ie7 .chaseui-sitesearch .type-ahead-menu{position:relative;right:8px;top:-31px;} .ie7 .chaseui-pagecontentsectionheader .chaseui-sitesearch .type-ahead-menu{right:5px;top:-28px;} .chaseui-sitesearch .type-ahead-menu .type-ahead-search{margin:4px 0 0 4px;} .chaseui-sitesearch .type-ahead-menu .type-ahead-menu-header{font-size:16px;font-weight:700;margin:26px 12px 0;} .chaseui-sitesearch .type-ahead-menu .type-ahead-menu-subheader{font-size:12px;margin:10px 12px 0;} .chaseui-sitesearch .type-ahead-menu .type-ahead-menu-link-container{margin:18px 12px 16px 31px;} .chaseui-sitesearch .type-ahead-menu .type-ahead-menu-link-container ul li{font-size:12px;margin-top:10px;} .chaseui-pagecontentsectionheader .chaseui-sitesearch .type-ahead-search{margin:0 15px 0 0;} .chaseui-pagecontentsectionheader .chaseui-sitesearch .type-ahead-search input{background:#FFF;} .chaseui-siteactivity{bottom:12px;color:#727272;position:absolute;right:10px;} .chaseui-siteactivity .chaseui-last-login{border-right:1px solid gray;display:inline;font-size:10px;line-height:12px;padding-right:10px;} .chaseui-siteactivity .chaseui-history{background:url(images/swat-sprite.png) no-repeat 0 -138px;border:0;color:gray;font-size:10px;line-height:12px;margin-left:10px;padding-left:15px;} .chaseui-icon-container span.chaseui-contexthelpcontainer a.chaseui-utilhelp{height:12px;margin:0;padding:0;width:10px;background:none; } .chaseui-icon-container span.chaseui-contexthelpcontainer a.chaseui-utilhelp span + span{left:auto;margin-bottom:2px;z-index:-1;} .chaseui-linklist li .chaseui-icon-container span.chaseui-contexthelpcontainer a{margin-left:-15px;margin-right:0;padding-left:0;padding-top:0;} .chaseui-widget ul li .chaseui-icon-container span.chaseui-contexthelpcontainer a{height:6px;margin-right:0;padding-left:0;width:12px;background:none;} .ie7 .chaseui-widget ul li .chaseui-icon-container span.chaseui-contexthelpcontainer a{margin-bottom:8px;} .ie7 .chaseui-icon-container span.chaseui-contexthelpcontainer a.chaseui-utilhelp,.ie7 .chaseui-icon-container span.chaseui-contexthelpcontainer a.chaseui-utilhelp:hover{cursor:pointer;text-decoration:none;} span.chaseui-icons.chaseui-contexthelp-icon img{cursor:pointer;margin:-1344px 0 0 -1px;} .ie7 span.chaseui-icons.chaseui-contexthelp-icon img{cursor:pointer;margin:-1344px 0 0;} .chaseui-icon-container a.chaseui-grid-status-scheduled-icon, .chaseui-icon-container a.chaseui-grid-status-scheduled-icon:hover{color:#50700F;padding-right:0;background:none;} .chaseui-icons.chaseui-grid-status-scheduled-icon,.chaseui-icons.chaseui-grid-status-scheduled-icon:hover{height:14px;padding-right:0;width:13px;background:none;} .chaseui-icons.chaseui-grid-status-scheduled-icon img{margin:-3244px 0 0 -188px;padding:0;} .ie7 .chaseui-pagecontentsection.chaseui-account-tile-overlay{width:600px;} .ie7 .chaseui-contexthelpfloater-arrowleft.chaseui-chasefloater-border .chaseui-contexthelpfloaterarrow{left:-11px;} .ie7 .chaseui-contexthelpfloater-arrowright.chaseui-chasefloater-border .chaseui-contexthelpfloaterarrow{left:auto;right:-8px;} #chaseui-pagecontenttoputil{margin:0 auto;padding:18px 0 12px;width:960px;} .chaseui-welcomemessage{padding-left:16px;} .chaseui-welcomemessage h2{font-size:18px;font-weight:700;} .chaseui-securemessage{font-size:18px;padding-top:2px;} .chaseui-contexthelpfloaterbody .chaseui-functionpanel .chaseui-functionpanelheader{margin:15px 0 0;width:auto;} .chaseui-contexthelpfloaterbody .chaseui-functionpanel .chaseui-functionpanelbody{border:none;display:none;margin:0;} .chaseui-contexthelpfloaterbody .chaseui-functionpanel .chaseui-functionpanelcontent{background:white;border:none;width:auto;} .ie .chaseui-contexthelpfloaterbody .chaseui-functionpanel .chaseui-functionpanelcontent{background:#FFF !important;} .chaseui-icons.chaseui-tickicon{height:20px;width:22px;} .chaseui-icons.chaseui-tickicon img{margin:-2934px 0 0 -1px;} .chaseutil-block-padding{min-height:18px;padding-top:40px;} input.chaseui-fieldlarge-2,textarea.chaseui-fieldlarge-2{width:300px;} input.chaseui-fieldsmall-1,textarea.chaseui-fieldsmall-1{width:120px;} input.chaseui-fieldsmall-2,textarea.chaseui-fieldsmall-2{width:75px;} input.chaseui-fieldsmall-3,textarea.chaseui-fieldsmall-3{width:40px;} /* .chaseui-formlayout{display:inline-block;} .chaseui-formlayout .chaseui-dataitem .chaseui-name{clear:left;color:#43444e;float:left;font-size:14px;font-weight:700;min-height:18px;padding:5px 3px 3px;text-align:right;width:200px;} .chaseui-formlayout .chaseui-dataitem .chaseui-value{float:left;padding:3px;} */ .chaseui-contextualhelp-sidetext{color:#016899;font-size:11px;} .chaseui-formlayout .chaseui-dataitem .chaseui-value select{font-size:13px;} .chaseui-formlayout .chaseui-dataitem .chaseui-value .chaseui-icon-container .chaseui-contexthelpcontainer .chaseui-icons{margin:0 0 7px;} .chaseui-formlayout .chaseui-dataitem .chaseui-formerrormessage{float:left;margin:-8px 0 0 6px;position:relative;width:100px;} .chaseui-formlayout .chaseui-dataitem .chaseui-formerrormessage .chaseui-formerrormessage-arrow{background:url(images/swat-sprite.png) no-repeat 0 -2359px;display:inline-block;height:25px;left:-10px;overflow:hidden;position:absolute;top:15px;width:15px;z-index:1;} .chaseui-pagecontentsectionheader div.chaseutil-floatleft h2 span{color:#016899;font-size:18px;font-weight:700;width:40%;} .chaseui-account-tile-overlay.chaseui-pagecontentsection .chaseui-pagecontentsectionbody{min-width:600px;} .chaseui-formlayout.chaseui-field-swap{margin:10px;zoom:1px;} .chaseui-formlayout.chaseui-field-swap .chaseui-dataitemheader,.chaseui-formlayout.chaseui-field-swap .chaseui-dataitem .chaseui-name,.chaseui-formlayout.chaseui-field-swap .chaseui-dataitem .chaseui-value{padding:0 10px 0 0;} .chaseui-formlayout.chaseui-field-swap .chaseui-dataitem{display:inline-block;float:left;font-size:12px;} .chaseui-formlayout.chaseui-field-swap .chaseui-button{clear:none;float:left;height:auto;margin:2px 10px 0;padding:0;position:relative;width:auto;background:none;} .chaseui-formlayout.chaseui-field-swap .chaseui-button span.chaseui-buttoncontents{background:url(images/swat-sprite.png) no-repeat 0 -1938px;height:35px;padding:0;width:28px;} .chaseui-formlayout.chaseui-field-swap .chaseui-button span.chaseui-buttoncontents:hover{background:url(images/swat-sprite.png) no-repeat right -1938px;} .chaseui-formlayout.chaseui-field-swap .chaseui-dataitem .chaseui-value div.chaseutil-margintop{margin:4px 0;} .chaseui-icons{display:inline-block;height:11px;overflow:hidden;vertical-align:bottom;width:15px;} .chaseui-icon-container .chaseui-button{border-width:0;} .chaseui-icons img{border:0;height:auto;margin-top:50px;width:300px;} .chaseui-icon-container .chaseui-button-icon{height:10px;margin-right:-5px;width:10px;} .chaseui-icon-container .chaseui-button-icon img{cursor:pointer;margin:-464px 0 0;} .chaseui-down-icon img{margin:-2627px 0 0 -1px;} .chaseui-right-icon img{margin:-2594px 0 0 -1px;} .chaseui-rightarrow{height:32px;width:75px;} .chaseui-rightarrow img{margin-top:-2260px;} .chaseui-pagecontentsection.chaseui-ultimate-rewards .chaseui-pagecontentsectionheader{background-position:left bottom;height:30px;position:relative;} .chaseui-ultimate-rewards-logo{background:url(images/swat-accounts-tiles-list-ultimate-rewards.png) no-repeat -10px -5px;float:left;height:77px;margin:-20px;position:relative;width:240px;} .chaseui-sectionsubheader{font-size:11px;left:230px;position:absolute;top:10px;} .chaseui-ultimate-rewards-banner{height:132px;width:490px;} .chaseui-functionpanel .chaseui-statusmessagepanel.chaseui-statusmessagepanel-information{color:#fff;margin:40px 0;text-align:center;} a.chaseui-icon-inbox,a.chaseui-icon-inbox:visited,a.chaseui-icon-inbox:hover{background:url(images/swat-icon-inbox.gif) no-repeat 0 center;color:#fff;padding-left:18px;text-decoration:underline;} .chaseutil-formbackground{background:url(images/swat-buttonbar-gradient.gif) repeat-x;padding:9px 15px;} .chaseui-formnav.chaseutil-formbackground{margin:0 -10px;padding:9px 15px 0;} .chaseui-bullet-list{margin:10px 15px 20px;} .chaseui-bullet-list li{font-size:11px;list-style:square;} .chaseui-right-icon, .chaseui-down-icon{padding-right:2px;width:11px;} .chaseui-buttonset .chaseui-buttonset-table .chaseui-buttonset-row .chaseui-buttonset-cell{font-size:11px;padding-right:5px;vertical-align:top;} .chaseui-buttonset-label p{font-weight:200;margin:10px 0 20px;} .chaseui-dctm-insights-offers h3{color:#43444E;font-family:verdana;margin:auto;width:auto;} .chaseui-dctm-insights-offers p{margin-top:15px;} .chaseui-pagecontentsectionheader .chaseui-sitesearch .chaseui-search-input{margin:0 15px 0 0;position:relative;} .chaseui-pagecontentsectionheader .chaseui-sitesearch .chaseui-search-input input{background:#FFF;float:left;} .chaseui-sitesearch .chaseui-search-input input{color:#AEB5BA;font-size:14px;font-style:italic;font-weight:700;padding:3px 10px;width:260px;} .chaseui-other-search-button{display:block;float:left;height:21px;left:255px;position:relative;top:-25px;width:25px;} .safari4 .chaseui-other-search-button, .ff .chaseui-other-search-button, .ie8 .chaseui-other-search-button{left:283px;top:2px;} a.chaseui-dateaction{display:block;line-height:30px;padding-left:20px;text-decoration:none;} a.chaseui-dateaction.select{background:#fff url(images/swat-sprite.png) no-repeat 0 -2886px;font-weight:700;} a.chaseui-dateaction.select:hover{background:url(images/swat-sprite.png) no-repeat 0 -2886px;} .chaseui-arrowdown-icon img{cursor:pointer;margin:-2866px 0 0 -1px;} .hr hr, .chaseutil-scripts, .chaseui-sitesearch .type-ahead-menu, .ie7 .chaseui-contentpanelbottom, .chaseui-pagecontenttopleft, .chaseui-pagecontenttopright, .chaseui-functionpanelheader-icon, .chaseui-contentpanel-collapsed .chaseui-contentpanelcontent, .chaseui-togglefeature .chaseui-togglelink{display:none;} .chaseutil-clearfix{zoom:1px;} .chaseutil-clearfix:after, /*defect - 204706*/ .chaseui-columns{zoom:1} .chaseui-columns:after{clear:both;content:'.';display:block;height:0;visibility:hidden;} .chaseutil-right{text-align:right;} .chaseutil-emphasize, .chaseui-flyoutnav .chaseui-linklist li a{color:#016899;} .chaseutil-textnormal, .chaseui-linklist a{font-size:13px;font-weight:400;} .chaseutil-font-bold, .chaseui-utilitynav .chaseui-logoffbutton, .chaseui-formlayout.chaseui-field-swap .chaseui-dataitemheader, .chaseui-buttonset-label{font-weight:700;} .chaseutil-clear {clear:both;} .chaseutil-floatleft, .chaseui-columns .chaseui-leftcolumn, .chaseui-columns .chaseui-rightcolumn, .chaseui-tile-grid-view .chaseui-account-list-left, .chaseui-modal .chaseui-formnav span.chaseui-cancel-large, .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-value, .chaseui-pagecontentsectionheader div.chaseutil-floatright .chaseui-styled, .chaseui-swap-stack .chaseui-summaryblock .chaseui-dataitem .chaseui-value, .chaseui-contentpanel.chaseui-contentpanel-plain .chaseui-contentpanelheader .chaseui-contentpanelheader-left {float:left;} .chaseutil-floatright, .chaseui-columns-main .chaseui-rightcolumn .chaseui-pagecontentsection .chaseui-columns-aligned .chaseui-rightcolumn, .chaseui-sitesearch{float:right;} .chaseutil-margintop, .chaseui-dctm-insights-offers{margin-top:10px;} .chaseutil-marginbottom, .chaseui-columns-main .chaseui-rightcolumn .chaseui-pagecontentsection .chaseui-summaryblock div{margin-bottom:10px;} .chaseutil-marginleft{margin-left:10px;} .chaseutil-marginright-more {margin-right:20px;} .chaseutil-nopadding, table.chaseui-grid th .chaseui-contexthelpcontainer a{padding:0;} .chaseutil-padding, .chaseutil-hide, .chaseui-contexthelpcontent, span.chaseui-contexthelpcontent{display:none;visibility:hidden;} .chaseutil-displayblock, .ie6 .chaseui-upgrade, .ie7 .chaseui-flyoutnavheader{display:block;} .chaseui-segmentnav a:hover, .chaseui-sitesearch .chaseui-value-isdefault{color:#0D59A6;} button::-moz-focus-inner, .ui-datepicker td{border:0;padding:0;} .chaseui-button-inactive, .chaseui-button-inactive:hover, a.chaseui-button-inactive, a.chaseui-button-inactive:hover{background-position:right -991px;cursor:default;} .chaseui-buttonemphasized-large:hover, a.chaseui-buttonemphasized-large:hover{background-position:right -1144px;} .chaseui-contexthelpfloater .chaseui-contexthelpfloaterbody .chaseui-paynowflyoutheader a:hover, a.chaseui-treeselect-trigger:hover, .chaseui-treeselect-level0 li a:hover, .chaseui-treeselect-level1 li a:hover, .chaseui-treeselect-level2 li a:hover, .chaseui-flyoutnavheader a, .chaseui-flyoutnavheader a:hover{text-decoration:none;} .chaseui-contexthelpfloater .chaseui-contexthelpfloaterbody .chaseui-paynowflyout-fontbig, .chaseui-sitesearch .type-ahead-menu .type-ahead-menu-link-container .type-ahead-menu-link-header{font-size:18px;} .chaseui-contexthelpfloater .chaseui-contexthelpfloaterbody .chaseui-paynowflyout-hoverborder, .chaseui-flyoutnav-emphasized .chaseui-linklist li:hover{border:1px #016899 solid;} .chaseui-fieldlarge, input.chaseui-fieldlarge-1, textarea.chaseui-fieldlarge-1{width:200px;} .chaseui-select-list-container .jqss-styledselect ul{margin:0;} .chaseui-pagecontentsection .chaseui-card-art, .chaseui-columns-main .chaseui-rightcolumn .chaseui-pagecontentsection .chaseui-card-art{height:1px;left:14px;position:relative;top:-48px;width:1px;} .ie7 .chaseui-dataitem, .chaseui-formlayout .chaseui-dataitem, .chaseui-swap-stack .chaseui-summaryblock .chaseui-dataitem{float:none;} .chaseui-formlayout .chaseui-dataitem .chaseui-value .chaseutil-optionaltext{font-size:11px; color:#43444e;} .chaseui-formlayout .chaseui-dataitem .chaseui-formerrormessage .chaseui-formerrormessage-container .chaseui-formerrormessage-text{color:#FFF;font-size:11px;} .chaseui-icon-container span.chaseui-contexthelpcontainer a.chaseui-utilhelp span, span.chaseui-icons.chaseui-contexthelp-icon{height:12px;width:10px;} .chaseui-contexthelpfloater.chaseui-chasefloater, .chaseui-formlayout.chaseui-field-swap .chaseui-dataitem .chaseui-name{width:auto;} .chaseui-modal .chaseui-modalbody .chaseui-columns-smallleft.chaseui-columns-main{width:100%;} .chaseui-formlayout.chaseui-field-swap:after, .chaseui-swap-stack .chaseui-summaryblock:after{clear:both;content:'';display:block;visibility:hidden;} .chaseui-togglefeature-gridlist a.chaseui-grid.active img, .chaseui-togglefeature-gridlist a.chaseui-grid.active img:hover{cursor:default;margin:-1768px 0 0 -89px;} .chaseui-togglefeature-gridlist a.chaseui-list.active img, .chaseui-togglefeature-gridlist a.chaseui-list.active img:hover{cursor:default;margin:-1768px 0 0;} .chaseui-right-icon, .chaseui-grid-firstcell span.chaseui-icons.chaseui-arrowdown-icon{height:14px;} .chaseui-contentutilitynav .chaseui-other-search-button{left:-28px;top:2px;} address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:400;} select, input, textarea{font:99% verdana,geneva,sans-serif;} fieldset, img{border:0;} img, input, select, label{vertical-align:middle;} ul, li{list-style:none;} li{text-align:left;} b{font-weight:700;} em{font-style:italic;} .-prev-hover{background:url(images/swat-sprite.png) no-repeat left -2679px;height:29px;left:-5px;top:82px!important;} img{border:0;margin:0;padding:0;position:relative; *padding: 1px;} .zipcode_content_modal{margin:0 auto;padding:10px 0;position:relative;text-align:left;width:90%;} a.chaseBlue{color:#00609c;text-decoration:underline;} a.chaseBlueNoUnderline{color:#00609c;text-decoration:none;} #zipcode,#continue_button,#submit_button,.zip_buttons_title{float:left;margin-right:10px;} .error{background:#ffffe5;border:1px solid #fce8bc;display:none;padding:10px;width:100%;} .zipcode_content{border-bottom:1px solid #CCC;float:right;margin-bottom:10px;position:relative;right:15px;text-align:left;top:10px;width:250px;} a.chaseBlue:hover,a.chaseBlueNoUnderline:hover{color:#073664;} #error_spacing,#enter_zipcode,#valid_zipcode,div.zipcode_hidden{display:none;} .page-headline{font-family:Verdana, Geneva, sans-serif;font-size:22px;font-weight:bold;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-rightcolumn{left:720px;padding:8px 0 0 20px;position:absolute;width:300px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-linklist a{border-bottom:none;padding-left:0;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-linklist li .chaseui-linklist-bullet{display: block; float: left; width:15px; font-size:13px; color:#016899; } .browser-ie-9 .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-linklist li .chaseui-linklist-bullet { height: 16px; } .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .homepagechaseui-leftcolumn .chaseui-linklist li .chaseui-linklist-items{display:block; float:left; width:650px; margin-bottom:4px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-leftcolumn .chaseui-linklist li .chaseui-linklist-items{display:block; float:left; width:650px; margin-bottom:4px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-rightcolumn .chaseui-linklist li .chaseui-linklist-items{display:block; float:left; width:200px; margin-bottom:5px;} .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col1, .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col2, .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col3, .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col43, .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col5{margin-right:39px;width:auto;} .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col5{margin:0;} .chaseui-footer-contentsection-inner .chaseui-fivecolumns a{color:#43444e;font-family:Verdana, arial, helvetica, sans-serif;font-size:10px;line-height:22px;display:inline-block} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .homepagechaseui-leftcolumn .chaseui-columnheader {padding-bottom:30px} .selected{font-size:12px;font-weight:normal;} .main-menucrumb{font-weight:normal;} .main-header{ -moz-box-shadow:0 2px 13px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 13px 1px rgba(0, 0, 0, 0.2); background:white; box-shadow:0 2px 13px 1px rgba(0, 0, 0, 0.2); min-height: 114px; max-height: 165px; margin-left:auto; margin-right:auto; position:relative; width:960px; } .main-header.main-header-edit{ -moz-box-shadow:0 2px 13px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 13px 1px rgba(0, 0, 0, 0.2); background:white; box-shadow:0 2px 13px 1px rgba(0, 0, 0, 0.2); min-height: 114px; max-height: none; margin-left:auto; margin-right:auto; position:relative; width:960px; } .main-header.chaseui-main-header-gradient { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e4e7e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e7e8)); background: -webkit-linear-gradient(top, #ffffff 0%, #e4e7e8 100%); background: -o-linear-gradient(top, #ffffff 0%, #e4e7e8 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e4e7e8 100%); background: linear-gradient(to bottom, #ffffff 0%, #e4e7e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e7e8',GradientType=0 ); } #utility-nav span.zipcodeslot, #utility-nav span.zipcodeslot span{float:left;margin:0!important;padding:0!important;width:1px;} #utility-nav .zipcodeslot{padding:0!important; *text-align: right;} .obp-demo-container{background:url(images/online-bill-pay-bg.png);height:856px;width:834px;} #row-2-col-1{height:656px;width:834px;} #obp-title{color:#43444E;font-size:24px;font-weight:bold;left:20px;margin:0;padding:0;position:absolute;text-align:left;top:20px;} .obp-button{border:1px solid red;float:right;height:20px;left:20px;position:absolute;top:10px;width:20px;} .button{float:right;margin:3px 3px 0 0;} #demo-links{color:#88bfd9;float:left;margin-left:-1px;margin-top:-2px;width:255px;} #demo-links ul{background:#FFFFFF;color:#88bfd9;width:200px;} #demo-links li{color:#88bfd9;font-family:verdana;font-size:13px;font-weight:bold;margin-top:10px;text-align:left;} #more-demo{color:#25587E;float:left;font-size:20px;margin-left:20px;margin-top:600px;} .find-atms{background:url(images/swat-checking_access.png);height:244px;left:-3px;margin-top:30px;position:relative;width:944px;} #valid_zipcode a,#valid_zipcode a span{float:right;margin-left:3px;padding:0;position:relative;} #swfVideoContainer{height:auto;left:0;position:relative;top:0;width:auto;} .chasejs-designfamily-swat, .background-wrapper, .body-wrapper, .main-header, .main-nav{z-index:100;} .chaselink{display:inline;} .chaselink > a{display:inline;} .chaselink > a:link{border-bottom-color:#016899;border-bottom-style:dashed;border-bottom-width:1px;} .chaselink > a:hover{border-color:#004566;color:#004566;text-decoration:none;} /* #chaseui-pagefooter .chaselink a{border-bottom-width:0;} #chaseui-pagefooter .chaselink a:link{border-bottom-width:0;} #chaseui-pagefooter .chaselink a:visited{border-bottom-width:0;} #chaseui-pagefooter .chaselink a:hover{border-bottom-width:0;} #chaseui-pagefooter .chaselink a:active{border-bottom-width:0;}*/ .chaselink a{display:inline;} .offer > div .offer-benefits li{color:#004566;font-size:14px;line-height:21px;margin-top:8px;} .offer > div .offer-benefits > span{color:#004566;display:block;font-family:Verdana,Arial,sans-serif;font-size:18px;font-weight:bold;line-height:23px;margin-bottom:9px;} .swatcopyright{background:#B7C5CD;text-align:center;} .chaseui-indenter{padding-left:10px;} .p-container,.megamenu a{white-space:nowrap;} .black{color:black;} .bold-nine{font-size:9px;font-weight:bold;} .chaseBlueColor{color:#3391BE!important;} #chaseui-pagefooter .chaseui-contextual-content{border-color:transparent;border-style:none;border-width:0;} html* .zipcodeslot{width:210px;} html* #valid_zipcode a{left:0;position:absolute;top:0;} .background-wrapper{background:none;margin:0 auto;padding-top:10px;text-align:left;width:100%;} a,a:active,a:visited,a:focus{color:#016899;} .chase-hoverstate{color:#004566!important;} .clear{clear:both;} .padding-bottom{padding-bottom:1px;position:relative;} .body-wrapper{height:553px;min-height:553px;outline:0 none!important;position:relative;text-align:left;width:100%;} .body-wrapper-bg{left:0;position:absolute;top:0;width:100%;*overflow:hidden;} .body-wrapper-bg > img{height:542px;width:100%;} .chase-qr-code{height:100px;width:100px;} .main-menucrumb.selected{font-weight:normal;} .logo-section{ padding-left: 11px; float: left; padding-bottom: 13px; clear: left; } .second-logo-section{ /* formatting for second logo section in header WO#229036 */ padding-right: 11px; float: right; padding-bottom: 13px; text-align:right; clear:right; } .second-logo-section .search-section{margin-right:0px !important;} .logo-section a{display:block;} .logo-section p{margin:0!important;padding:0!important;} .search-section{float:right;margin-top:13px;margin-right:11px;clear:right;} .search-section input{border-color:#9C9C9C #C1C1C1 #C1C1C1; border-style:solid; border-width:2px 1px 1px; color:#727272;display:block; font-family:verdana, arial,helvetica,sans-serif; font-size:14px;font-style:italic; font-weight:400;height:21px;line-height:24px; padding:2px 27px 3px 10px;width:260px; } .main-nav{ background:url(images/rumba_sw-nav-bg.png) repeat-x; height:41px; clear: both; width:100%; } .main-header-edit .main-nav{ height: auto; } .second-logo p{margin-bottom:3px;} .search-area{position:relative;height:29px;} .utility-nav{ color:#016899; float:right; font:12px verdana,arial,helvetica,sans-serif; padding: 12px 14px 13px; } .utility-nav li,.utility-nav ul{float:left;} .utility-nav a{display:inline-block;} .utility-nav span.chaseui-contexthelpcontainer{padding:0;} .utility-nav a:hover{color:#004566;text-decoration:underline;} .primary-heroes{text-align:center;} .primary-hero{margin:40px 0 15px;position:relative;} .primary-hero h1,.primary-hero .hero-title{color:#FFFFFF;font-family:verdana,arial,geneva,sans-serif;font-size:16px;font-weight:700;left:-1px;margin:0;position:absolute;text-shadow:.05em .05em .05em #000000;top:-30px;} .primary-no-hero{margin:41px 0 15px;} .primary-no-hero h1,.primary-no-hero .no-hero-title{color:#43444E;font-family:verdana,arial,geneva,sans-serif;font-size:16px;font-weight:700;left:-1px;margin-bottom:12px;} h1.title-border{border-bottom:1px solid #D9D9D9;margin-bottom:42px;padding-bottom:19px;position:relative;} h1.page-title-a {font-family: verdana,arial,geneva,sans-serif;font-size: 16px;line-height:20px;font-weight:bold;color:#FFFFFF;margin-bottom:12px;margin-top:16px;text-shadow: 0.05em 0.05em 0.05em #43444e;} h1.page-title-b {font-family: verdana,arial,geneva,sans-serif;font-size: 16px;line-height:20px;font-weight:bold;color:#43444e;margin-bottom:12px;margin-top:16px;text-shadow: 0.05em 0.05em 0.05em #FFFFFF;} h1.page-title-c {font-family: verdana,arial,geneva,sans-serif;font-size: 16px;line-height:20px;font-weight:bold;color:#016899;margin-bottom:12px;margin-top:16px;text-shadow: 0.05em 0.05em 0.05em #FFFFFF;} h1.page-title-d {font-family: verdana,arial,geneva,sans-serif;font-size: 22px;line-height:26px;font-weight:bold;color:#43444e;margin-bottom:12px;margin-top:16px;text-shadow: 0.05em 0.05em 0.05em #FFFFFF;border-bottom: 1px solid #D9D9D9;padding-bottom: 19px;} h1.page-title-e {font-family: amplitude,arial,geneva,sans-serif;font-size: 26px;line-height:30px;color:#43444e;margin-bottom:13px;} h1.page-title-f {font-family: amplitude,arial,geneva,sans-serif;font-size: 32px;line-height:36px;color:#43444e;margin-bottom:13px;} .chaseui-icons IMG{position:static;} td.feetext{text-align:left;vertical-align:top!important;} .MSF-fee{padding-left:4px;padding-right:4px;padding-top:10px;text-align:center;} .MSF-qual{padding-left:5px;padding-right:5px;padding-top:10px;text-align:left;} #zce3 #why-choose-chase-tab .comparison-table table{background-position:center top;padding-left:4px;padding-right:2px;padding-top:10px;text-align:left;} .xl-text{font-size:1.2em;} #convenience-and-service-text,#much-account-need-text,#bank-at-convenience-text{float:left;width:460px;} .clearfix{clear:both;height:5px;} p.blue-text{color:#016899!important;} .boxshadow-bottom{background:url("images/bottom-box-shadow.jpg") no-repeat bottom;padding-bottom:30px;} .mobile-blackberry-component-a-valign-fix{width:230px;} .mobile-blackberry-component-a-valign-fix a{width:230px;} .enroll-now-btn{background:url(images/M_EnrollNowButton.png) no-repeat;height:39px;margin:-5px 0 10px;width:134px;} .compare-accounts{margin:20px 35px 0 0;} .standard-overlay{height:710px;width:100%;} .standard-overlay-header{background:url(images/standard-overlay-top-bg.gif) repeat-x bottom;} .standard-overlay-header-text{color:#4A4952;font-size:24px;position:relative;} .standard-overlay-close-button-container{float:right;margin:10px 15px 0 0;position:relative;} .standard-overlay-hero{height:238px;position:relative;} .standard-overlay-content{margin:50px 0 100px 100px;text-align:left;} .standard-overlay-lnk{clear:both;float:left;position:relative;} .standard-overlay-content a{float:left;font-size:14px;margin:20px 0 0;} .lnk_routing_margin{margin:20px 0 0;} .standard-overlay-header-text .strong{color:#393842;font-weight:bold;} .standard-overlay-content h2{color:#426D84;} #standard-overlay-hero-nav{bottom:10px;left:0;position:absolute;width:auto;z-index:5999;} #standard-overlay-hero-nav a{background:url(images/standard-overlay-circles.gif);display:block;float:left;height:10px;margin-left:5px;position:relative;width:10px;} #standard-overlay-hero-nav a.activeSlide{background:url(images/standard-overlay-circles.gif) 0 10px;} /*chase-floater-modal.css*/ /* follow up */ .enroll-btn{background:url(images/OLB_BillPayLogInOrEnroll.png) no-repeat;float:right;height:40px;margin:-5px 0 10px;width:165px;} .img_lock{padding-right:15px;padding-top:6px;vertical-align:top;} .img_lock_icon{float:left;height:27px;padding-right:25px;width:20px;} .compare-mobile-options{float:right;margin-top:-12px;padding-right:10px;} .mobile-hero-learn-more{left:770px;position:absolute;top:75px;widh:150px;} .quickdeposit-learn-more{left:732px;top:225px;} #copyright{text-align:center;margin-top:22px;} .chaseui-sitenav .secondCrumb a{font-size:16px;} .hasborder{border:1px dotted #000000;} th.comparison-table-headerrow-text-left{font-weight:normal;text-align:left;} .chaseui-breadcrumbs{font-family:verdana;font-size:14px;padding:10px 0 8px;} .chaseui-breadcrumbs span{color:#43444E;} .chaseui-breadcrumbs span.chaseui-icons{height:23px;margin-right:4px;margin-top:-3px;width:23px;} .chaseui-breadcrumbs .chaseui-icons img{margin:-59px 0 0;} .chaseui-breadcrumbs span.chaseui-breadcrumbs-seperator{color:#9AADB5;margin:0 7px 0 5px;} .text-emphasize{font-size:16px;font-weight:bold;} .zipcode-values{width:220px;} .padding-left-6{padding-left:6px!important;} .linktext-disclosures{border-bottom:1px dashed #0076AE;text-decoration:none;} .chaseui-columns.chaseui-columns-aligned.chaseui-fivecolumns .chaseui-column.col1,.chaseui-columns.chaseui-columns-aligned.chaseui-fivecolumns .chaseui-column.col2,.chaseui-columns.chaseui-columns-aligned.chaseui-fivecolumns .chaseui-column.col3,.chaseui-column.col4,.chaseui-columns.chaseui-columns-aligned.chaseui-fivecolumns .chaseui-column.col5{float:left;} .chase-zipcode-link{color:#016899!important;} .cq-dd-flash object{left:0;position:absolute;top:0;} .cq-dd-flash img{left:0;position:absolute;top:0;} .cq-dd-flash{height:auto;min-height:74px;width:auto;} .chaseui-contexthelpfloater.chaseui-chasefloater-border.chaseui-modalcombo .chaseui-contexthelpfloaterbody{border:1px solid #F2F2F2;max-height:300px;overflow-y:auto;width:100%;border:none} .browser-ie-7 .chaseui-contexthelpfloater.chaseui-chasefloater-border.chaseui-modalcombo .chaseui-contexthelpfloaterbody{overflow-x:hidden;width:auto} /*chase-floater-modal.css*/ /*END - chase-floater-modal.css*/ .chasetext a.dynamically-built-ajax-flyout-link{border-bottom:1px dashed #0076AE;text-decoration:none;} .chasetext a.dynamically-built-ajax-flyout-link:hover{border-bottom:1px dashed #0076AE;text-decoration:none;} #print-logo{display:none;} @media print { body{ background: #FFFFFF; background-image: none; font-family: Georgia,"Times New Roman", Times, serif; font-size: 12pt; color: #000000; word-wrap: normal; } h1, h2, h3, h4, h5, h6, #pagetitle { font-family: Georgia,"Times New Roman", Times, serif; font-weight: bold; color: #000000; } #pagetitle { font-size: 16pt; } a:link,a:active,a:visited,a:focus { color:#000000; text-decoration:underline; } .body-wrapper-bg{display:none;} .main-content-section{width:100%;} .main-content-section img{display:none;} .main-header .utility-nav {display:none;} .main-header .static-nav {display:none;} .main-header .main-nav {display:none;} .main-header .search-section {display:none;} .main-header { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: auto;} .logo-section {position: static;} .logo-section a {display: none;} #print-logo{display:block;} div[style]{width:100% !important;} .ln-left-nav {display:none;} .background-sticky-note-grey {display:none;} .chase-button-container {display: none;} .border-top-cta {display: none;} .chaseui-print-media, .chaseui-print-icons-separator {display: none;} .soc-footer {display: none;} #disclosure_area{width:90% !important;} .chaseui-footnote, .footnote, .footnote-area, .footer-disclosures-copyright .sw-footer, .sw-legal-copy { font-size: 10pt; font-family: Georgia,"Times New Roman", Times, serif; word-wrap: normal; width: 90%; } .footer-disclosures-copyright .chaseui-footer-contentsection.first {display:none;} .footer-disclosures-copyright .chaseui-footer-contentsection.second {display:none;} .footer-disclosures-copyright .chaseui-footer-contentsection.third .chaseui-footer-contentsection-inner { font-size: 10pt; font-family: Georgia,"Times New Roman", Times, serif; margin-bottom: 40px; } .footer-disclosures-copyright .chaseui-footer-contentsection.third { font-size: 10pt; font-family: Georgia,"Times New Roman", Times, serif; width: 90%; } #copyright{text-align:left;} .chaseutil-print-hidevisual{display:none;} } .clear,.clearfix{clear:both;} input.chaseui-field-error{border:2px #e1492f solid;} .chaseui-formlayout .chaseui-dataitem .chaseui-value select{font-size:13px;} input.chaseui-fieldlarge-2,textarea.chaseui-fieldlarge-2{width:300px;} input.chaseui-fieldsmall-1,textarea.chaseui-fieldsmall-1{width:120px;} input.chaseui-fieldsmall-2,textarea.chaseui-fieldsmall-2{width:75px;} input.chaseui-fieldsmall-3,textarea.chaseui-fieldsmall-3{width:40px;} /* .chaseui-formlayout{display:inline-block;} .chaseui-formlayout .chaseui-dataitem .chaseui-name{clear:left;color:#43444e;float:left;font-size:14px;font-weight:700;min-height:18px;padding:5px 3px 3px;text-align:right;width:200px;} .chaseui-formlayout .chaseui-dataitem .chaseui-value{float:left;padding:3px;} .chaseui-formlayout .chaseui-dataitem .chaseui-value .chaseutil-optionaltext{font-size:11px;} */ .chaseui-formlayout .chaseui-dataitem .chaseui-value .chaseui-icon-container .chaseui-contexthelpcontainer .chaseui-icons{margin:0 0 7px;} .chaseui-formlayout .chaseui-dataitem .chaseui-formerrormessage{float:left;margin:-8px 0 0 6px;position:relative;width:100px;} .chaseui-formlayout .chaseui-dataitem .chaseui-formerrormessage .chaseui-formerrormessage-arrow{background:url(images/swat-sprite.png) no-repeat 0 -2359px;display:inline-block;height:25px;left:-10px;overflow:hidden;position:absolute;top:15px;width:15px;z-index:1;} .chaseui-formlayout .chaseui-dataitem .chaseui-formerrormessage .chaseui-formerrormessage-container .chaseui-formerrormessage-text{color:#FFF;font-size:11px;} .chaseui-contentpanel{clear:both;padding-bottom:8px;} .chaseui-contentpanelcontent{background:#fff;border:0 solid #acc8d7;border-bottom:0;border-top:0 solid #dce5e6;clear:both;overflow:hidden;padding:10px 0;} .chaseui-contentpanelcontent-nobg{background:none;border:0 solid #acc8d7;border-bottom:0;border-top:0 solid #dce5e6;clear:both;overflow:hidden;padding:10px 0;} .chaseui-formerrormessage{width:auto;} .chaseui-pagination-container .chaseui-centercolumn{width:100px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-rightcolumn{left:720px;padding:8px 0 0 20px;position:absolute;width:300px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-linklist a{border-bottom:none;padding-left:0;} .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col1, .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col2, .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col3, .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col43, .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col5{margin-right:39px;width:auto;} .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col5{margin:0;} .chaseui-footer-contentsection.third .chaseui-footer-contentsection-inner{width:960px;} #chaseui-pagefooter{clear:both;font-size:11px;width:100%;} .chaseui-footer-contentsection{float:left;width:100%;} .chaseui-footer-contentsection.first{background:url(images/swat-bg-ftr-top.png) repeat-x top;} .chaseui-footer-contentsection.second{background:#b7c5cd url(images/swat-bg-ftr-bottom.png) repeat-x top;padding-bottom:40px;padding-top:40px;} .chaseui-footer-contentsection.third{background:#b7c5cd;font-size:10px;} .chaseui-footer-contentsection.second ul.chaseui-linklist,.chaseui-footer-contentsection.third ul.chaseui-linklist{font-size:10px;font-weight:400;} .chaseui-footer-contentsection.second ul.chaseui-linklist{margin-right:30px;margin-top:0;} .chaseui-footer-contentsection.third ol{list-style:number;} .chaseui-footer-contentsection.third ol li{margin-bottom:10px;} .chaseui-footer-contentsection-inner{margin:0 auto;width:960px;} .chaseui-footer-contentsection-inner .chaseui-columns-smallright{background:url(images/swat-bg-ftr-middle.png) repeat-y top; *display:inline-block;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner{padding:20px 0 0;position:relative;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner h3{color:#606060;font-size:18px;line-height:25px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner li a{font-weight:700;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-breadcrumbs{line-height:25px;min-height:25px;padding:8px 0 20px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-breadcrumbs span.chaseui-icons{margin-top:auto;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-leftcolumn{min-height:170px;width:719px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-leftcolumn .chaseui-leftcolumn-notch{background:url(images/swat-sprite.png) no-repeat left -169px;bottom:0;height:105px;position:absolute;right:-2px;width:7px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-leftcolumn ul{clear:both;margin-bottom:30px;margin-top:6px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-rightcolumn{padding:8px 0 0 20px;width:220px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-rightcolumn ul{margin-bottom:30px;margin-top:28px;} .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner ul li.ehl{background:url(images/swat-sprite.png) no-repeat left -22px;padding-left:28px;} ul li.ehl{width:140px;} .chaseui-footer-contentsection .chaseui-footercornerimg{background:url(images/swat-sprite.png) no-repeat 5px -264px;bottom:0;display:block;height:10px;position:absolute;right:240px;width:10px;} .chaseui-footer-contentsection.third .chaseui-footer-contentsection-inner{margin-bottom:20px;width:930px;} .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner{padding:0 15px;} .chaseui-footer-contentsection .chaseui-footerdisclaimer{margin-top:25px;} .chaseui-footer-contentsection.second .chaseui-linklist li{height:auto;min-height:20px;} .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner a:hover{color:#0076ae;text-decoration:underline;} .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column{float:left;} .chaseui-footer-contentsection .chaseui-swat-breadcrumbs a{font-weight:400;} .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col3{width:200px;} .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner li, .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner ul li{padding-bottom:5px;} .chaseui-contexthelpfloaterbody .chaseui-functionpanel .chaseui-functionpanelheader{margin:15px 0 0;width:auto;} input.chaseui-fieldlarge-1, textarea.chaseui-fieldlarge-1{width:200px;} .flash-image-1px{ background: url("../chasecomhomepage/images/1px-image.gif") -1px -1px no-repeat; position:absolute; height: 100%; width: 100%; top: 0; left: 0; } #heroflash{ position:relative; } #image{ position: absolute; padding:0px; z-index:-100; } .chaseflash .flashplayer { /* position: absolute;*/ top: 0; left: 0; } /* Placeholder - Resetting styles on user inputs in a field with placeholder cue text -- START */ .chase-home-login input.input-text.hasInput, .search-area input.inputTextBox.hasInput, .megamenu-container .megamenu-row1 .megamenu .login-container input.input-text.hasInput{ color: #43444E; font-style: normal; } /* Placeholder - Resetting styles on user inputs in a field with placeholder cue text -- END */ span.superscr{ position:absolute; font-size:9px; margin-top:-4px; } /* added to fix the 44630 parts of the links are missing IE8 */ .multitask-container p .positioned-link{ display:inline-block; vertical-align:baseline; } /* Interstitial Font Styles -- Start*/ .chaseui-adheadline{ font-size :44px; font-family: AmplitudeMedium; color: #106899; text-transform: capitalize; } .chaseui-adheadline-superscr{ font-size: 18px; font-family: AmplitudeMedium; color: #106899; vertical-align: baseline; position: relative; top: -18px; } .chaseui-adbody-copy{ font-size: 22px; color: #43444e; } .chaseui-addisclosure{ font-size:12px; color: #43444e; line-height:normal; margin:0 0 16px; padding:0; } /* Interstitial Font Styles -- End*/ /* Data grid added by Ravinder */ table.chaseui-grid { } table.chaseui-grid { clear: both; cellspacing:0; } table.chaseui-grid tbody tr td { background-color: #FFFFFF; /* border-bottom: 1px solid #DEDEE2;*/ } table.chaseui-grid td { font-size: 11px; padding: 10px; vertical-align: top; } table.chaseui-grid thead tr th { background-color:#e8eced; border-bottom: 1px solid #DEDEE2; font-size: 11px; padding:10px 8px; color:#016899; font-weight:bold; white-space: nowrap; } table.chaseui-grid tr.chaseui-row-seperator td{border-bottom: 1px solid #DEDEE2;} .chaseui-mortgagecalc .chaseui-leftcolumn{width:50%} .chaseui-calculation-tool table.chaseui-grid .chaseui-grid-firstcell{ padding-left:20px; } .chaseui-calculation-tool table.chaseui-grid .chaseui-grid-lastcell{ padding-right:20px; } .chaseui-calculation-tool .chaseui-formnav .chaseutil-floatleft .chase-button-container{*float:left;} .chaseui-formnav-bordertop{ border-top: 2px solid #D0D9DD; padding:20px 20px 22px 20px; margin-top:30px; } .chaseui-calculation-tool{ -moz-box-shadow: 3px 3px 4px #D4D7D8; -webkit-box-shadow: 3px 3px 4px #D4D7D8; box-shadow: 3px 3px 4px #D4D7D8; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#D4D7D8')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#D4D7D8'); border: 2px solid #D0D9DD; background: url("images/auto_loan_bg.png") repeat-x scroll center bottom #FFFFFF; } .chaseui-calculation-tool .chaseui-formlayout .chaseui-formnav{ padding-left:20px; padding-right:20px; } .chaseui-calculation-tool .chaseui-formnav{ padding:20px 20px 30px 20px; } .chaseui-calculation-tool.chaseui-contentpanel,.chaseui-calculation-tool.chaseui-contentpanel .chaseui-contentpanelcontent{margin:0px;padding:0px;} .chaseui-calculation-tool .chaseui-contentpanelheader{ background: url("images/loan_calculator_header_bg.png") repeat-x scroll 0 0 transparent; padding: 20px 20px; } .chaseui-calculation-tool .chaseui-contentpanelheader .chaseui-contentheader{ border-bottom:none; } .chaseui-contentpanelheader h2{ font-family: verdana; font-size: 18px; font-weight: bold; } .chaseui-calculation-tool .chaseui-contentpanelheader .chaseui-contentheader{ margin:0px; padding:0px; } .chaseui-calculation-tool .chaseui-contentpanelcontent, .chaseui-calculation-tool table.chaseui-grid tbody tr td{ background:none; } /* End of datagrid */ /* New classes for advisor form layout - Added by Harshada */ .chaseui-formlayout .chaseui-leftcolumn {float:left;} .chaseui-formlayout .chaseui-rightcolumn {float:left;} .chaseui-formlayout .nocolor{display: inline-block; background-color:none;} .chaseui-formlayout{display:inline-block; width:100%; margin:0 auto;} .chaseui-contentpanel .chaseui-contentpanelheader{background:url(images/swat-headergradient.gif) repeat-x;height:21px;padding:18px 16px;white-space:nowrap;width:auto;} .chaseui-contentpanelheader .chaseui-contentpanelheadertitle{font-size:18px; color:#43444e; font-weight:bold;} .chaseui-contentpanel .chaseui-contentpanelheader-nobg{background:none;white-space:nowrap;width:auto;} .chaseui-contentpanel .chaseui-contentpanelheader-nobg .chaseui-contentpanelheadertitle{font-size:18px; color:#43444e; font-weight:bold; border-bottom:1px solid #d9d9d9;padding:18px 16px 10px 0;display:block;} .chaseui-formlayout .chaseui-dataitem{clear:both; float:none;} .chaseui-formlayout .chaseui-dataitem .chaseui-name{clear:left; float:left; color:#43444e; font-weight:bold; padding:0 4px 4px; margin-bottom:5px; text-align:right; line-height:21px; width:30%;} .chaseui-formlayout .chaseui-dataitem .chaseui-value{float:left; padding:4px;margin-bottom:5px; width:63%; text-align:left;} .chaseui-dynamic-modal .chaseui-formlayout.chaseui-imap-contactform .chaseui-dataitem .chaseui-name {width:22%;} .chaseui-dynamic-modal .chaseui-formlayout.chaseui-imap-contactform .chaseui-dataitem .chaseui-value{width:60%;} .chaseui-dynamic-modal .chaseui-formlayout.chaseui-imap-contactform .chaseui-formnav {padding-top:20px; margin-bottom:40px} .chaseui-dynamic-modal .chaseui-formlayout.chaseui-imap-contactform .chaseui-dotted-divider{margin-bottom:12px;padding-top:6px;} .browser-ie-7 .chaseui-dynamic-modal .chaseui-formlayout.chaseui-imap-contactform .chaseui-dataitem {margin-top:0px; margin-bottom:0px;} .chaseui-dynamic-modal .chaseui-formlayout.chaseui-imap-contactform .chaseui-dataitem.chaseui-city-zip .chaseui-value > .chaseui-value-multifield label{font-size:11px; color:#43444e;} .chaseui-dynamic-modal .chaseui-formlayout .chaseui-formnav{padding:20px 20px 30px;} .chaseui-dynamic-modal .chaseui-formlayout .chaseui-dataitem{padding:0 20px;position:relative;}/* added position relative to prevent error message from scrolling with the modal defect 230032 */ div.chaseui-privacy-footnote{padding:20px 20px 30px; text-align:left !important;} .chaseui-formlayout .chaseui-dataitem.chaseui-city-zip .chaseui-value > .chaseui-value-multifield { display: inline-block; text-align: left; vertical-align: middle; width:auto; float:left; margin-right:7px;} .chaseui-formlayout .chaseui-dataitem.chaseui-city-zip .chaseui-value > .chaseui-value-multifield label { font-size:13px;} .chaseui-formlayout.chaseui-formbg .chaseui-dataitem .chaseui-value{background-color:#ECF0F2;} label.state{padding-left:149px; *padding-left:145px;} label.zipcode{padding-left:20px;} .chaseui-formlayout .chaseui-formnav{position:relative; top:30px; border-top:1px solid #d9d9d9; padding:30px 10px; margin-bottom:30px; clear:both;} .browser-ie-7 .chaseui-modalbody-scroll{position:relative} .chaseui-formlayout .chaseui-formnav .chase-button-container{*float:none;} .chaseui-formlayout.chaseui-formbg .chaseui-dataitem .chaseui-value.checkboxset-container{background:none;} /* Checkbox set for group of checkboxes that contains a parent checkbox - SWAT project */ .chaseui-checkboxset{list-style-type:none; margin:0px; padding:0px;} .chaseui-checkboxset li{list-style-type:none !important; margin-bottom:5px; margin-left:5px; padding:0px;width:100%;} .chaseui-checkboxset label{display:inline-block; word-wrap:break-word; vertical-align:top; padding-left:4px;} .chaseui-checkboxset input{display:inline-block; vertical-align:middle;} .chaseui-statusmessagepanel.chaseui-statusmessagepanel-error {background-color: #FFFFFF; color: #BF5817; font-size: 12px; overflow: hidden; padding:0; width:100%;} .chaseui-statusmessagepanel.chaseui-statusmessagepanel-error .chaseui-contentpanelcontent .chaseui-statusmessagepanel-title {font-size: 16px; font-weight: bold; line-height: 21px; margin: 6px 0; padding-left:15px; text-align:left;} .chaseui-statusmessagepanel.chaseui-statusmessagepanel-error .chaseui-contentpanelcontent .chaseui-statusmessagepanel-text {padding: 0 0 0 15px; color:#43444E;} .chaseui-statusmessagepanel.chaseui-statusmessagepanel-error .chaseui-contentpanelcontent .chaseui-statusmessagepanel-text li {list-style: none outside none;margin:0;} /* Classes added for Send Us Feedback Form */ .send-us-feedback .chaseui-formlayout {display:inline-block; margin:24px 30px 0px;width:auto;} .send-us-feedback .chaseui-contentpanelheader{padding:18px 30px;} .send-us-feedback input, .send-us-feedback textarea{width:220px;} .send-us-feedback .chaseui-formlayout .chaseui-dataitem .chaseui-value{width:auto;text-align:left;} /* Utility clases */ .chaseutil-optionaltext {color:#777; font-weight:normal; margin-bottom:5px;} .chaseutil-paddingtop-15 {padding-top:15px;} .browser-ie-7 .chaseutil-paddingtop-15{padding-top:10px;} .chaseutil-paddingbottom-30{padding-bottom:30px;} .chaseutil-paddingmore{padding:20px;margin:0px;} /*sup hover underline removal fix*/ a:hover sup{text-decoration:none;display:inline-block} .browser-ie-7 a:hover sup{display:inline} /*206586 - vertical rule for IE7/8*/ .browser-ie-8 .leftnav-layout-right-contentPanel, .browser-ie-7 .leftnav-layout-right-contentPanel{ background:url(images/bg_rightpanel_verticalrule.png) 0 0 repeat-y } .chaseui-jpmc-modal a.chaseui-modalclose { width: 12px;height: 12px;} .browser-ie-7 .chaseui-jpmc-modal a.chaseui-modalclose { width: 17px;height: 15px;} .chaseui-jpmc-modal a.chaseui-modalclose span:first-child{ display: none;} .chaseui-jpmc-modal a.chaseui-modalclose:before {display: block;content: url("images/swat-sprite.png");margin: -464px 0 0;} .chaseui-jpmc-modal a.chaseui-modalclose:hover:before {display: block;content: url("images/swat-sprite.png");margin: -1541px 1px 0;} .browser-ie-7 .chaseui-jpmc-modal a.chaseui-modalclose span:first-child{ display: inline-block;} /* from line 7404 in common-swat-remaining.css */ body,div,dl,dt,dd,ul,ol,li,pre,hr,form,fieldset,input,th,td { margin:0; padding:0; outline:0 } /* from line 7410 in common-swat-remaining.css */ body { font-family: verdana, geneva, arial, helvetica, sans-serif; font-size:14px; color: #43444e; position: relative; background-color: #fff; text-align: center; word-wrap:break-word; } /* */ .main-header .static-nav { padding: 14px 15px 15px; float: left; } .main-header .static-nav .static-nav-wrapper{ font-weight:700; font-size:10px; position: relative; } .main-header .static-nav .static-nav-wrapper li{ float:left; } .main-header .static-nav .static-nav-wrapper span,.utility-nav span { padding:12px; color: #d9d9d9; } .main-header .static-nav .static-nav-wrapper span,.utility-nav span.pipe { font-weight:normal; } .main-header .static-nav .static-nav-wrapper a.selected { color:#016899; font-size: 10px; border-bottom:1px solid #fff; font-weight:bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif } .main-header .static-nav .static-nav-wrapper a{ color:#727272; font-size:10px; } .main-header .static-nav .static-nav-wrapper a:hover { color: #004566; } /* As suggested by Chetan*/ .utility-nav #zce a.chase-zipcode-link>span{ color: #016899; } /* */ .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item a.main-menucrumb:link { color:#FFF; background-image:url('images/swat-sprite.png'); background-position:right -2570px; background-repeat:repeat-x; border:0 none transparent; font-size:16px; text-shadow:0.05em 0.05em 0.05em #000; font-weight: bold; } .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item a.primary-hoverclass { color:#333 !important; background-image:url('images/swat-sprite.png'); background-position:right -2672px !important; background-repeat:repeat-x; border:0 none transparent; text-decoration:none; font-size:16px; text-shadow:none !important; } .megamenu-container .megamenu-row1 { clear:both; height:41px; font-size:16px; background:url(images/swat-sprite.png) left -294px repeat-x; } .megamenu-container .megamenu-row1 .megamenu li a { } .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item { float:left; position:relative; } .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item a[data-item-mm] { display:block; width:auto; height:41px; line-height:38px; background:url(images/swat-sprite.png) right -345px repeat-x; padding:0 15px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item a.primary-selected-hoverclass[data-item-mm], .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item a.primary-hoverclass[data-item-mm] { text-decoration:none; background:url(images/swat-sprite.png) right -2673px no-repeat; background-color:#fff; border-top:0; color:#333; text-shadow:none; margin-top: 0px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation, .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation, .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation { font-size:12px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation { position:absolute; top:41px; background-color:#f2f6ff; border:1px solid #8ec0d5; display:none; text-align:left; padding:10px; *width:265px !important; } .megamenu-container .megamenu .megamenu-separator { padding:1px 0; border-top:1px solid #dedee2; } .megamenu-container .megamenu-row2 .megamenu, .megamenu-container .megamenu-row2 .megamenu .megamenu-navigation, .megamenu-container .megamenu-row2 .megamenu .megamenu-primary-navigation, .megamenu-container .megamenu-row2 .megamenu .megamenu-primary-navigation-item { z-index:99; } .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation { position:absolute; background:#FFF; display:none; text-align:left; -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2); box-shadow: 0px 0px 7px rgba(0,0,0,0.2); left:0px; border-color:#dedee2; border-style:solid; border-width:0 1px 1px 0; padding:10px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-arrow { /* padding-left:11px; */ } .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation-item > a, .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation-item > a, .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation-item > a { background:url(images/arrow_megamenu_right.png) 100% 4px no-repeat; color:#074D8D; display:block; height:18px; text-decoration:none; width:100%; padding-top:2px; padding-bottom:2px; border:1px solid #fff; border-right:5px solid #fff; padding-right:10px; *padding-right:8px; *width:255px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation-item a.megamenu-only-child, .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation a.megamenu-only-child { background:none !important; } .megamenu-container .megamenu-row1 .megamenu .megamenu-label { color:#333; } .megamenu-container .megamenu-row1 .megamenu a.secondary-navigation { color:#074D8D; text-decoration:none; } .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation { border:1px solid #dedee2; background-color:#FFF; position:absolute; top:-11px !important; display:none; -webkit-box-shadow:1px 2px 1px 0 #CCCCCC, 0 -2px 3px #CCCCCC; -moz-box-shadow:1px 2px 1px 0 #CCCCCC, 0 -2px 3px #CCCCCC; box-shadow:1px 2px 1px 0 #CCCCCC, 0 -2px 3px #CCCCCC; padding:10px; z-index:10; } .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation { border:1px solid #dedee2; background-color:#FFF; position:absolute; top:25px; display:none; -webkit-box-shadow:4px 4px 4px 0 #6F6F6F; -moz-box-shadow:4px 4px 4px 0 #6F6F6F; box-shadow:4px 4px 4px 0 #6F6F6F; padding:10px; z-index:10; *width:190px !important; *padding-right:16px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation-item-white { background:#FFF; position:relative; z-index:100; padding:5px 0 10px 5px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-enroll { text-align:center; margin:10px auto; } .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation .megamenu-label a, .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation .megamenu-label a { display:inline; height:auto; margin:0; padding:0; } .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation .megamenu-label, .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation .megamenu-label { width:100%; height:24px; padding-top:4px; padding-left:4px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-section { color:#43444e; line-height:auto; font-size:12px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation-item .megamenu-badge, .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation .megamenu-badge, .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation .megamenu-badge { position:relative; width:20px; height:12px; background:url(images/numbers_bg.gif); color:#FFF; font-weight:700; text-align:center; font-size:11px; float:right; right:20px; top:5px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation .megamenu-badge, .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation .megamenu-badge { position:relative; width:20px; height:12px; background:url(images/numbers_bg.gif); color:#FFF; font-weight:700; text-align:center; font-size:11px; float:right; top:3px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-section-title { font-weight:700; color:#333; padding-bottom:4px; padding-left:4px; } .megamenu-container .megamenu-row1 .megamenu #megamenu-skip a { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation a { color:#074D8D; display:block; text-decoration:none; width:100%; padding-right:10px; *width:258px; *border-right:1px solid #fff; } .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation a { width:auto; *padding-right:10px; *width:190px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation-item .megamenu-badge .megamenu-number, .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation .megamenu-badge .megamenu-number, .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation .megamenu-badge .megamenu-number, .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation .megamenu-badge .megamenu-number, .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation .megamenu-badge .megamenu-number { position:relative; top:-2px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation-dedication, .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation-branches { position:absolute; top:-1px; margin-top:1px; left:167px; width:200px; height:185px; background:none repeat scroll 0 0 #FFF; } .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation-open { position:absolute; top:-1px; margin-top:1px; left:177px; width:200px; height:205px; background:none repeat scroll 0 0 #FFF; } .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation-community { position:absolute; top:10px; margin-top:1px; left:167px; width:210px; height:195px; background:none repeat scroll 0 0 #FFF; } .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation-leading { position:absolute; top:-6px; margin-top:1px; left:167px; width:210px; height:190px; background:none repeat scroll 0 0 #FFF; } .megamenu-container .megamenu-row1 .megamenu .image-container { position:relative; left:1px; float:left; clear:both; width:375px; } .megamenu-container .megamenu-row1 .megamenu p.megamenu-tertiary-dedication, .megamenu-container .megamenu-row1 .megamenu p.megamenu-tertiary-branches, .megamenu-container .megamenu-row1 .megamenu p.megamenu-tertiary-community, .megamenu-container .megamenu-row1 .megamenu p.megamenu-tertiary-leading { font-family:'verdana'; font-size:13px; font-weight:700; line-height:175%; width:170px; } .megamenu-container .megamenu-row1 .megamenu p.megamenu-tertiary-open { font-family:'verdana'; font-size:13px; font-weight:700; line-height:175%; width:200px; } .megamenu-container .megamenu-row1 .megamenu p.megamenu-tertiary-dedication-1, .megamenu-container .megamenu-row1 .megamenu p.megamenu-tertiary-branches-1, .megamenu-container .megamenu-row1 .megamenu p.megamenu-tertiary-community-1, .megamenu-container .megamenu-row1 .megamenu p.megamenu-tertiary-leading-1 { font-size:13px; font-weight:700; padding-top:6px; margin-left:-11px; } .megamenu-container .megamenu-row1 .megamenu p.megamenu-tertiary-leading-1 { font-size:13px; font-weight:700; padding-top:2px; } .megamenu-container .megamenu-row1 .megamenu p.megamenu-tertiary-open-1 { font-size:13px; font-weight:700; padding-top:16px; margin-left:-11px; } .megamenu-container .megamenu-container-row2 {clear:both; height:51px; width: 204px; position: absolute; right: 40px;} .megamenu-container .megamenu-container-row2 .chaseui-primary-navigation-item {float:left; position:relative;} .megamenu-container .megamenu-container-row2 .chaseui-primary-navigation-item a.selected {display:block; width:204px; height:51px;position:relative;top:0;left:0;padding:0;margin:0;background:url(images/open-now.png) 0 0; text-decoration: none;} .megamenu-container .megamenu-container-row2 .chaseui-primary-navigation-item a.selected:hover{background:url(images/open-now.png) 0 -51px;} .megamenu-container .megamenu-container-row2 .chaseui-secondary-navigation {position:absolute; background-color:#fff; border:1px solid #ccc; z-index:99; display:none; text-align:left; padding:10px; box-shadow: 0 2px 5px #333;} .megamenu-container .megamenu-container-row2.chaseui-secondary-navigation-item {position:relative; z-index:99; padding-bottom:10px;} .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation, .megamenu-container .megamenu-row1 .megamenu, .megamenu-container .megamenu-row1 .megamenu .megamenu-navigation, .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation, .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item { z-index:100; } .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation-item, .megamenu-container .megamenu-row1 .megamenu li.megamenu-tertiary-navigation-item { position:relative; padding:2px 10px 0px 2px; *padding-right:0px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation-item a.secondary-hoverclass, .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation-item a.tertiary-hoverclass .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation-item a.secondary-hoverclass { text-decoration:none; border-top:1px solid #dedee2; border-right:5px solid #FFF; border-bottom:1px solid #dedee2; border-left:1px solid #dedee2; background:url(images/arrow_megamenu_right_sel.png) 100% 4px no-repeat; position:relative; z-index:100; width:100%; margin-right:0; -webkit-box-shadow:0 6px 4px -4px #DEDEE2 , 0 -2px 4px -4px #CCC; -moz-box-shadow:0 6px 4px -4px #DEDEE2 , 0 -2px 4px -4px #CCC; box-shadow:0 6px 4px -4px #DEDEE2 , 0 -2px 4px -4px #CCC; margin-left:-13px; padding-left:13px; padding-right:10px; *width:250px; *padding-right:12px; *padding-left:0px; *margin-left:0px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation-item > a:hover, .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation > a:hover, .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation > a:hover{ text-decoration:underline; color:#004566; } .megamenu-container .megamenu-row1 .megamenu a.secondary-navigation:hover, .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation a:hover, .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation a:hover, .megamenu-container .megamenu-row1 .megamenu .megamenu-secondary-navigation-item a.underline:hover { text-decoration:underline; } .megamenu-container .megamenu-row1 .megamenu ul.megamenu-secondary-navigation li a { line-height:15px; } /* .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation{ box-shadow: 0.05em 0.05em 0.05em black; }*/ .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item a.main-menucrumb:visited, .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item a.main-menucrumb:active { color:#FFF; background-image:url('images/swat-sprite.png'); background-position:right -2570px; background-repeat:repeat-x; border:0 none transparent; font-size:16px; } .megamenu-row1 a,.megamenu-container-row2 a,html* .fl { white-space:nowrap; } .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item .secondCrumb a.primary-hoverclass[data-item-mm], .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item .secondCrumb a.primary-hoverclass[data-item-mm]:hover,.secondCrumb a { text-shadow:0.05em 0.05em 0.05em #000; } .megamenu-container .megamenu-row1 .megamenu .megamenu-tertiary-navigation a.megamenu-iniline-link, .megamenu-container .megamenu-row1 .megamenu .megamenu-quaternary-navigation a.megamenu-iniline-link,.chaselink p { display:inline; } .megamenu-container .megamenu-row1 .megamenu .megamenu-bold-text, .megamenu-container .megamenu-row1 .megamenu .megamenu-bold{ font-weight:700; } .megamenu-container .megamenu-row1 .megamenu .megamenu-breadcrumbs { font-family:verdana; font-size:14px; padding:10px 0 8px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-breadcrumbs span { color:#43444e; } .megamenu-container .megamenu-row1 .megamenu .megamenu-breadcrumbs span.megamenu-icons { width:23px; height:23px; float:left; margin-right:4px; margin-top:-3px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-breadcrumbs .megamenu-icons img { margin:-59px 0 0; } .megamenu-container .megamenu-row1 .megamenu .megamenu-breadcrumbs span.megamenu-breadcrumbs-seperator { color:#9aadb5; margin:0 7px 0 5px; } .megamenu-container .megamenu-row1 .megamenu .breadcrumb-separator{ border: none; background: url(images/swat-sprite.png) repeat-x right -2570px !important; color: #66d6ff !important; text-decoration: none !important; padding: 0 !important; } .megamenu-container .megamenu-row1 .megamenu .breadcrumb-element{ font-weight: bold; background: url(images/swat-sprite.png) repeat-x right -2621px !important; color: white !important; } .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item span.breadcrumb-separator { display: block; width: auto; height: 41px; line-height: 38px; } .megamenu-container .megamenu-row1 .megamenu .limited { display:none; } .megamenu-container .megamenu-row1 .megamenu .visible { display:''; } .megamenu-secondary-navigation-item ul.megamenu-tertiary-navigation li.megamenu-tertiary-navigation-item span.megamenu-nav-item-subhead{ white-space: nowrap; display:block; margin-top:4px; margin-bottom:3px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item .megamenu-nav-item-wrapper a .lock-container { width: 12px; height: 14px; display:inline-block; position: relative; top: 1px; margin-right: 10px; background: url('images/swat-sprite.png') 0 -2850px no-repeat; *padding-top:3px; } .megamenu-container .megamenu-row1 .megamenu .megamenu-primary-navigation-item .megamenu-nav-item-wrapper a.primary-hoverclass .lock-container { width: 12px; height: 14px; display:inline-block; position: relative; top: 1px; margin-right: 10px; background: url('images/swat-sprite.png') 0 -2830px no-repeat; *padding-top:3px; } .megamenu-container .megamenu-row1 .megamenu ul.megamenu-secondary-navigation li .megamenu-tertiary-navigation .multitask-container .multitask-container .chaseui-linklist-items a{ padding:0 2px 0 0; margin:0px; height:auto; width:auto; line-height:none; display:inline-block; } .megamenu-secondary-navigation .megamenu-tertiary-navigation-item .multitask-link-container .chaseui-linklist-items { float:left; } .megamenu-secondary-navigation .megamenu-tertiary-navigation-item .multitask-link-container .chaseui-linklist-bullet { float:left; color:#074d8d; margin-top:2px; *margin-top:2px; *position:absolute; *float:none; } .megamenu-row1 .megamenu .chaseui-tertiary-navigation-dedication, .chaseui-tertiary-navigation-branches{ position:absolute; top:-1px; margin-top:1px; left:167px; width:200px; height: 185px; background: none repeat scroll 0 0 #FFFFFF; } .megamenu-row1 .megamenu .chaseui-tertiary-navigation-open{ position:absolute; top:-1px; margin-top:1px; left:177px; width:200px; height: 205px; background: none repeat scroll 0 0 #FFFFFF; } .megamenu-row1 .megamenu .chaseui-tertiary-navigation-community{ position:absolute; top:10px; margin-top:1px; left:167px; width:210px; height: 195px; background: none repeat scroll 0 0 #FFFFFF; } .megamenu-row1 .megamenu .chaseui-tertiary-navigation-leading{ position:absolute; top:-6px; margin-top:1px; left:167px; width:210px; height: 190px; background: none repeat scroll 0 0 #FFFFFF; } .megamenu-row1 .megamenu .image-container{ position: relative; left: 1px; float: left; clear: both; width: 375px; } .megamenu-row1 .megamenu p.chaseui-tertiary-dedication, p.chaseui-tertiary-branches, p.chaseui-tertiary-community, p.chaseui-tertiary-leading{ font-family: 'verdana'; font-size: 13px; font-weight: bold; line-height:175%; width: 170px; } .megamenu-row1 .megamenu p.chaseui-tertiary-open{ font-family: 'verdana'; font-size: 13px; font-weight: bold; line-height:175%; width: 200px; } .megamenu-row1 .megamenu p.chaseui-tertiary-dedication-1, .megamenu-row1 .megamenu p.chaseui-tertiary-branches-1, .megamenu-row1 .megamenu p.chaseui-tertiary-community-1, .megamenu-row1 .megamenu p.chaseui-tertiary-leading-1{ font-size: 13px; font-weight: bold; padding-top: 6px; } .megamenu-row1 .megamenu p.chaseui-tertiary-leading-1{ font-size: 13px; font-weight: bold; padding-top: 2px; } .megamenu-row1 .megamenu p.chaseui-tertiary-open-1{ font-size: 13px; font-weight: bold; padding-top: 16px; } /* */ .megamenu-container .megamenu-row1 .megamenu .login-container { white-space:nowrap; padding-left:20px; margin-top:6px; margin-bottom: -10px; } /* hasInput class has shifted to common-swat.css .megamenu-container .megamenu-row1 .megamenu .login-container input.input-text.hasInput{ font-style: normal !important; color: #43444e !important; }*/ .megamenu-container .megamenu-row1 .megamenu .login-container .title { font-weight:700; position:relative; margin-bottom:0px; font-size: 12px; line-height: 1em; padding-top: 0; } .megamenu-container .megamenu-row1 .megamenu .login-container .user-name, .login-container .user-password { width: 206px; height:20px; color: #727272; font-size: 14px; font-style: italic; padding:0px 0px 0px 4px; } .megamenu-container .megamenu-row1 .megamenu .login-container a.forgotUID { font-size:10px; margin:0; padding:0; color:#016899; border :none; } .megamenu-container .megamenu-row1 .megamenu .login-container a.forgotpass{ display: none; } .megamenu-container .megamenu-row1 .megamenu .login-container .hairline { position:relative; margin-top: 35px; margin-bottom:15px; height:1px; border-bottom: 1px solid #CCCCCC; width: 212px; *margin-top: 40px; } .megamenu-container .megamenu-row1 .megamenu .login-container .loginBtn .chase-button-container{ float: left; } /* .login-container .login { display:none; } */ /* .megamenu-container .megamenu-row1 .megamenu .login-container .outage { display:none; } */ .megamenu-container .megamenu-row1 .megamenu .login-container .outage p{ margin-top: 6px; position: relative; width: 250px; font-size: 12px; white-space: normal; } .megamenu-container .megamenu-row1 .megamenu .login-container input{ position:relative; } .megamenu-container .megamenu-row1 .megamenu .login-container .field { position: relative; padding-bottom: 8px; } .megamenu-container .megamenu-row1 .megamenu .login-container a{ margin: 0; margin: 0; } .megamenu-container .megamenu-row1 .megamenu .login-container .new-customer-outage{ white-space: normal; } .megamenu-container .megamenu-row1 .megamenu .login-container .new-customer a{ font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#016899; height: auto; width: auto; } .megamenu-container .megamenu-row1 .megamenu .login-container .remember-userid{ position: absolute; top: 165px; *margin-top: 5px; } .megamenu-container .megamenu-row1 .megamenu .login-container input#remember { margin:2px 0px 0px 0px; } .megamenu-container .megamenu-row1 .megamenu .login-container .field.position-down{ position: relative; top: 45px; } .megamenu-container .megamenu-row1 .megamenu .login-container .field.position-up{ position: relative; top: -30px; } .new-customer-no-bullet{ margin-left: 0; } /*.megamenu-container .megamenu-row1 .megamenu .login-container .new-customer .superscr{ position:absolute; font-size:9px; margin-top:-4px; }*/ .arrow-blue {display:inline; color:#016899; font-weight:bold; float:left; padding-right:6px;} .new-customer-bullet {float:left;} .new-customer {width:210px;} .chaseui-jpmc-modal .login-container .chaseui-modalheader{text-align:left} .chaseui-jpmc-modal .login-container { white-space:nowrap; padding:24px 25px 0 35px; margin-top:0px; /*margin-bottom: -10px;*/ text-align:left; font-size: 12px; } .chaseui-jpmc-modal .login-container .title { font-weight:700; position:relative; margin-bottom:0px; font-size: 12px; line-height: 1em; padding-top: 0; } .chaseui-jpmc-modal .login-container .user-name, .chaseui-jpmc-modal .login-container .user-password { width: 255px; height:20px; color: #727272; font-size: 14px; font-style: italic; padding:0px 0px 0px 4px; } .chaseui-jpmc-modal .login-container .hairline { position:relative; margin-top: 24px; margin-bottom:15px; height:1px; border-bottom: 1px solid #CCCCCC; width: 258px; } .chaseui-jpmc-modal .login-container .loginBtn .chase-button-container{ float: left; } .chaseui-jpmc-modal .login-container .outage p{ margin-top: 6px; position: relative; width: 250px; font-size: 12px; white-space: normal; } .chaseui-jpmc-modal .login-container .field { position: relative; padding-bottom: 8px; } .chaseui-jpmc-modal .login-container .remember-userid{ position: absolute; top: 173px; *margin-top: 5px; } .chaseui-jpmc-modal .login-container .field .title{font-family:verdana;font-weight:bold;font-size:14px;color:#43444e;padding-bottom:5px;} .chaseui-jpmc-modal div.chaseui-modalheader h1{text-align:left;} .chaseui-jpmc-modal div.chaseui-modalheader{width:} .chaseui-jpmc-modal .login-container .login .chase-button-container .chase-button.large-button{padding-left:50px;} .chaseui-jpmc-modal .loginBtn .chase-button-container{width:255px;} .chaseui-login-width{width:250px;} /* Defect fix - #47873 - HP: There is a underline under service mark 'SM' when user hover over the link in IE7 */ .login-container .new-customer a:hover span.superscr{text-decoration:none;} /* End - Defect fix - 48783*/ /* */ .search-section a.search-image { display:block; height:24px; left:273px; position:relative; top:-43px; text-decoration:none; width:24px; z-index:9999; } .search-section a.search-image img { display:block; padding:0; } .search-section a.search-image:hover, .search-section a.search-image:active { background-position:0 0; } /* */ #chasejs-contexthelpfloater .contact-us { background: url("images/swat-headergradient.gif") repeat-x scroll 0 -2px transparent; padding: 14px 20px 20px; width: 329px; } #chasejs-contexthelpfloater .contact-us .clearfix{ height: 0 !important; } #chasejs-contexthelpfloater .contact-us .contact-us-wrapper h2 { color: #43444E; font-size: 18px; font-weight: bold; margin-bottom: 40px; position: relative; } #chasejs-contexthelpfloater .contact-us .top-layer{ background: url("images/contact-usbg.png") repeat-x scroll center bottom #0076ae; background: url("images/contact-usbg.png") repeat-x scroll center bottom #0069a4\9; /* IE 8 and below */ margin-left: 2px; margin-top: 0; min-height: 81px; position: relative; width: 324px; vertical-align: middle; clear: both; } #chasejs-contexthelpfloater .contact-us .top-layer .text{ margin-bottom: 5px; margin-left: 18px; position: relative; width: 75%; display: inline-block; *zoom:1; *display: inline; vertical-align: middle; padding-top: 12px; } #chasejs-contexthelpfloater .contact-us .text strong{ font-size: 14px; } #chasejs-contexthelpfloater .contact-us .top-layer .image{ display: inline-block; *zoom:1; *display: inline; vertical-align: middle; } #chasejs-contexthelpfloater .contact-us .top-layer .image img{ vertical-align: middle; margin-top: 5px; } #chasejs-contexthelpfloater .contact-us .top-layer .text p{ position: relative; text-align:left; color: #FFFFFF; font-family: Verdana; font-weight: normal; font-size: 12px; margin-bottom: 5px; } #chasejs-contexthelpfloater .contact-us .top-layer .text p.regular{ position: relative; text-align:left; color: #FFFFFF; font-family: Verdana; font-weight: normal; font-size: 12px; margin-bottom: 5px; margin-top: 3px; } /* iPad phone number formatting override */ #chasejs-contexthelpfloater .contact-us .top-layer .text p.regular a[href^=tel]:link { color:#fff; } #chasejs-contexthelpfloater .contact-us .top-layer .text p.bold{ position: relative; text-align:left; color: #FFFFFF; font-family: verdana; font-size: 16px; font-weight: bold; margin: 0; padding: 0; } #chasejs-contexthelpfloater .contact-us .information-layer, #chasejs-contexthelpfloater .contact-us .action-layer{ clear: both; background: url(images/contact-us-shadow.png) 50% 0 no-repeat; margin-left: 2px; position: relative; width: 322px; /*border: 1px solid #CCCCCC;*/ border-left: 1px solid #C5CBCE; border-right: 1px solid #C5CBCE; border-bottom: 1px solid #C5CBCE; } #chasejs-contexthelpfloater .contact-us .information-layer .text, #chasejs-contexthelpfloater .contact-us .action-layer .text{ padding: 15px 20px 7px 18px; position: relative; } #chasejs-contexthelpfloater .contact-us .information-layer p, #chasejs-contexthelpfloater .contact-us .information-layer span, #chasejs-contexthelpfloater .contact-us .action-layer span{ position: relative; padding-bottom: 5px; } #chasejs-contexthelpfloater .contact-us .information-layer p { margin: 0; padding-bottom: 5px; } #chasejs-contexthelpfloater .contact-us .information-layer p.contact-all-numbers, #chasejs-contexthelpfloater .contact-us .information-layer span.contact-all-numbers, #chasejs-contexthelpfloater .contact-us .action-layer p.contact-all-numbers, #chasejs-contexthelpfloater .contact-us .action-layer span.contact-all-numbers{ position: relative; padding-left: 6px; padding-top: 4px; } #chasejs-contexthelpfloater .contact-us .information-layer p.bold, #chasejs-contexthelpfloater .contact-us .information-layer span.bold, #chasejs-contexthelpfloater .contact-us .action-layer p.bold, #chasejs-contexthelpfloater .contact-us .action-layer span.bold{ font-size: 16px; font-weight: bold; } #chasejs-contexthelpfloater .contact-us a{ } #chasejs-contexthelpfloater .contact-us a:hover{ text-decoration: underline; } #chasejs-contexthelpfloater .contact-us .shadow{ background: url(images/contact-us-shadow.png) 50% 0 no-repeat; margin-left: 0; position: relative; width: 324px; height: 20px; } #chasejs-contexthelpfloater .contact-us .icon-layer .icon{ font-size: 15px; float: left; position: relative; } #chasejs-contexthelpfloater .contact-us .icon-layer img{ padding-left: 14px; padding-right: 2px; position: relative; } #chasejs-contexthelpfloater .contact-us .action-layer span{ float:none; } #chasejs-contexthelpfloater .contact-us .action-layer p{ position: relative; padding: 0; margin: 0; } /* */ /*From common-swat.css*/ .atm-finders-full-find-atms{background:url(images/swat-checking_access.png);height:244px;left:-5px;margin-bottom:30px;margin-top:30px;position:relative;width:944px;} .atm-finders-full-find-atms-picture a img{margin-left:15px;margin-top:30px;} /*END From common-swat.css*/ .atm-branch-locator-full { height: 244px; padding-right:30px; position: relative; } .atm-branch-locator-full .find-atms-picture { width: 506px; height: 194px; position: relative; float: left; top: 61px; text-align: center; } .atm-branch-locator-full .find-atms-picture a img { margin-top: 8px; margin-left: 2px; } .atm-branch-locator-full .atm-locations-wrapper{ float: right; padding-bottom:30px; } .atm-branch-locator-full .atm-locations-wrapper iframe, .atm-branch-locator-full .atm-locations-wrapper .atm-finders-full-atm-locations{ position: relative; float: left; width: 355px; height: 179px; border: 1px solid #000; top: 30px; } .atm-branch-locator-full .lnk_atmbranch{ font-size: 22px; font-family: amplitude; } .atm-branch-locator-full .big{ font-size: 22px; } /* */ /* .background-wrapper .atm-branch-locator-small { width: 384px; height: 333px; position: relative; background:#ffffff; / * filter: progid:DXImageTransform.Microsoft.Shadow(Color=#EBEFF1, Strength=5, Direction=0), progid:DXImageTransform.Microsoft.Shadow(Color=#EBF0F2, Strength=5, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#D3DDE1, Strength=5, Direction=180), progid:DXImageTransform.Microsoft.Shadow(Color=#F2F5F6, Strength=5, Direction=270); -moz-box-shadow: 0 0 5px 4px rgba(120, 120, 120, 0.4); box-shadow: 0 0 5px 4px rgba(120, 120, 120, 0.4) * / } .background-wrapper .atm-branch-locator-small .atm-finders-small-atm-locations { border: 1px solid #000000; height: 179px; position: relative; width: 357px; } .background-wrapper .atm-branch-locator-small .find-atms-picture a img { margin-top: 8px; margin-left: 2px; } .background-wrapper .atm-branch-locator-small .atm-locations { position: relative; width: 355px; height: 179px; border: 1px solid black; float: none; top: 14px; left: 14px; } .background-wrapper .atm-branch-locator-small .find-atms-search-wrapper { position: relative; top: 10px; left: 10px; width:359px } .background-wrapper .atm-branch-locator-small .chaseui-functionpanel .chaseui-functionpanelheader { width: 359px; top: 4px; margin: 1px auto 0; } .background-wrapper .atm-branch-locator-small .chaseui-sitesearch { float:none; } .background-wrapper .atm-branch-locator-small .chaseui-sitesearch .type-ahead-search input { margin-top: 5px; } .background-wrapper .atm-branch-locator-small .chaseui-sitesearch .type-ahead-search input { width: 338px; } */ /* New css*/ .atm-branch-locator-small{ width:214px; position:relative; border:1px solid #cccccc; -moz-box-shadow: 0 0 5px 4px rgba(120, 120, 120, 0.4); -webkit-box-shadow: 0 0 5px 4px rgba(120, 120, 120, 0.4); box-shadow: #999 0 0 5px; padding:16px 20px 16px; background-color:#ffffff; } .atm-branch-locator-small h2{font-family: amplitude,arial narrow,helvetica,arial,sans-serif;font-size:22px;padding-bottom:8px;text-align:left;} .atm-branch-locator-small input.chaseui-value-isdefault{width:205px;font-size:12px;font-style:italic;color:#727272;padding:0px 2px;} .atm-branch-locator-small input{width:205px;font-size:12px;font-size:12px;font-style:norma;color:#43444e;padding:0px 2px;} .atm-branch-locator-small p{padding:10px 0px 0px 0px;font-size:12px;line-height:18px} .atm-branch-locator-small .button-container a.chase-button{left:52px} .atm-branch-locator-small .button-container{float:right;margin-top:10px;padding-right:9px;} .atm-branch-locator-small .button-container .sliding-button-container{*margin:0px 0px;} .atm-branch-locator-small-no-img{text-align:left;padding:15px;} .atm-branch-locator-small-no-img .sliding-button-container{float:left;margin-left:85px;*margin-left:15px;margin-top:20px;} .atm-branch-locator-small-no-img .nav-section{float:left;margin-top:28px;} .atm-branch-locator-small-no-img .nav-section .txt-find-near{margin-right:15px;float:left;} /* NISI code - stays as is for now */ .textLeft { text-align: left; } a.chaseui-flyoutclose .chaseui-button-icon img { cursor: pointer; margin: -464px 0 0; } /* a.chaseui-flyoutclose:hover span.chaseui-icons img { margin: -464px 0 0; } */ .chaseui-icons { display: inline-block; height: 11px; overflow: hidden; vertical-align: bottom; width: 15px; } .chaseui-functionpanel .last-link{ position: relative; margin-top: 20px; font-size: 18px; margin-left: -20px; } .chaseui-functionpanel .chaseui-functionpanelheader a{ background-image: none; font-size: 12px; } .chaseui-functionpanelheader .float-left a{ margin-left: 17px; } /* */ .footer-disclosures-copyright { width:100%; text-align: left; margin-top:30px; } .footer-disclosures-copyright .sw-footer { font-size: 9pt; color: #43444e; } .footer-disclosures-copyright #chaseui-pagefooter { width:100%; font-size:10px; clear:both; } .footer-disclosures-copyright .chaseui-footer-contentsection { float:left; width:100%; } .footer-disclosures-copyright .chaseui-footer-contentsection.first { background:url('images/swat-bg-ftr-top.png') top repeat-x; } .footer-disclosures-copyright .chaseui-footer-contentsection.second { background:#b7c5cd url('images/swat-bg-ftr-bottom.png') top repeat-x; padding-top:40px; padding-bottom:20px; } .footer-disclosures-copyright .chaseui-footer-contentsection.third { background:#b7c5cd; font-size:10px; padding-bottom:40px; } .footer-disclosures-copyright .chaseui-footer-contentsection.second ul.chaseui-linklist, .footer-disclosures-copyright .chaseui-footer-contentsection.third ul.chaseui-linklist { font-size:10px; font-weight:400; } .footer-disclosures-copyright .chaseui-footer-contentsection.second ul.chaseui-linklist { margin-top:0; margin-right:30px; } .footer-disclosures-copyright .chaseui-footer-contentsection.third ol { list-style:number; } .footer-disclosures-copyright .chaseui-footer-contentsection.third ol li { margin-bottom:10px; } .footer-disclosures-copyright .chaseui-footer-contentsection-container { width:960px; margin:0 auto; } .footer-disclosures-copyright .chaseui-footer-contentsection-container .chaseui-footer-contentsection-inner { margin:0 auto; float: left; width: 740px; } .browser-ie-8 .footer-disclosures-copyright .chaseui-footer-contentsection-container .chaseui-footer-contentsection-inner { width: 730px; } .footer-disclosures-copyright .chaseui-footer-contentsection-inner .chaseui-columns-smallright { background:url('images/swat-bg-ftr-middle.png') top repeat-y; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner { position:relative; padding:20px 0 0; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner h3 { line-height:25px; font-size:18px; color:#606060; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner li a { font-weight:700; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-breadcrumbs { min-height:25px; line-height:28px; padding:4px 0 18px; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-breadcrumbs span.chaseui-icons { margin-top:auto; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-leftcolumn { width:719px; min-height:170px; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-linklist a { padding-left:18px; font-weight:700; color:#016899; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-linklist a:hover, .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-linklist a:hover span, .chaseui-linklist a span.chaseui-link-style-normal:hover { color:#004566; text-decoration: underline; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-leftcolumn .chaseui-leftcolumn-notch { position:absolute; bottom:0; right:-2px; width:7px; height:105px; background:url('images/swat-sprite.png') left -169px no-repeat; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-leftcolumn ul { clear:both; margin-bottom:30px; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-rightcolumn { width:220px; padding:8px 0 0 20px; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-rightcolumn ul { margin-bottom:30px; clear: both; } .footer-disclosures-copyright .mfdic { margin-bottom: 4px; } .footer-disclosures-copyright .memberfdic-block{ position: relative; float: left; } .footer-disclosures-copyright .ehl { position: relative; padding-right: 8px; float: left; } .footer-disclosures-copyright .memberfdic-block .ehl img{ position: relative; float: left; padding-right: 8px; } .footer-disclosures-copyright .ehl-text { position: relative; float: left; top: 3px; } .footer-disclosures-copyright ul li.ehl { width:140px; } .footer-disclosures-copyright .chaseui-footer-contentsection .chaseui-footercornerimg { position:absolute; display:block; right:240px; bottom:0; background:url('images/swat-sprite.png') 5px -264px no-repeat; width:10px; height:10px; } .footer-disclosures-copyright .chaseui-footer-contentsection.third .chaseui-footer-contentsection-inner { width:930px; margin-bottom:20px; } .footer-disclosures-copyright .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner { padding:0; } .footer-disclosures-copyright .chaseui-footer-contentsection .chaseui-footerdisclaimer { margin-top:25px; } .footer-disclosures-copyright .chaseui-footer-contentsection.second .chaseui-linklist li { min-height:20px; height:auto; } .footer-disclosures-copyright .sw-footer, .sw-legal-copy{ font-size: 9pt; color: #43444e; } .footer-disclosures-copyright .sw-footer-link{ text-decoration: none; } .footer-disclosures-copyright .sw-legal-link{ color: #016899; text-decoration: none; } .footer-disclosures-copyright .chaselink { display: inline; } .footer-disclosures-copyright .chaselink > a { display:inline; } .footer-disclosures-copyright .chaselink > a:link { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #016899; } .footer-disclosures-copyright .chaselink > a:visited {} .footer-disclosures-copyright .chaselink > a:hover { text-decoration: none; border-color: #004566; color: #004566; } .footer-disclosures-copyright .chaselink > a:active {} .footer-disclosures-copyright #chaseui-pagefooter .chaselink a { border-bottom-width: 0px } .footer-disclosures-copyright #chaseui-pagefooter .chaselink a:link { border-bottom-width: 0px } .footer-disclosures-copyright #chaseui-pagefooter .chaselink a:visited { border-bottom-width: 0px } .footer-disclosures-copyright #chaseui-pagefooter .chaselink a:hover { border-bottom-width: 0px } .footer-disclosures-copyright #chaseui-pagefooter .chaselink a:active { border-bottom-width: 0px } .footer-disclosures-copyright .chaseui-contexthelpfloaterbody .chaseui-functionpanel .chaseui-functionpanelcontent { background-color: white; /* IE Fix */ } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-rightcolumn { left: 720px; padding: 8px 0 0 20px; position: absolute; width: 300px; } .footer-disclosures-copyright .chaseui-footer-contentsection.first .chaseui-footer-contentsection-inner .chaseui-linklist a { padding-left: 0px; } .footer-disclosures-copyright .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col1, .footer-disclosures-copyright .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col2, .footer-disclosures-copyright .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col3, .footer-disclosures-copyright .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col4, .footer-disclosures-copyright .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col5, .footer-disclosures-copyright .chaseui-column.col1, .footer-disclosures-copyright .chaseui-column.col2, .footer-disclosures-copyright .chaseui-column.col3, .footer-disclosures-copyright .chaseui-column.col4, .footer-disclosures-copyright .chaseui-column.col5 { width: auto; float: left; position: relative; display: inline-block; } .footer-disclosures-copyright .chaseui-column.col4 ul.chaseui-linklist li { width: 175px; } .footer-disclosures-copyright .chaseui-footer-contentsection.second .chaseui-footer-contentsection-inner .chaseui-column.col5{ margin: 0; } .footer-disclosures-copyright .chaseui-footer-contentsection.third .chaseui-footer-contentsection-inner{ width: 960px; } .footer-disclosures-copyright .chaseBlueColor{ color: #3391BE !important; } .footer-disclosures-copyright #chaseui-pagefooter .chaseui-contextual-content { border-width: 0px; border-style: none; border-color: transparent; border-bottom-width: 0px; } .footer-disclosures-copyright .footnote { display:block; margin:12px 0; *margin-top:12px; *margin-bottom:12px; padding:0; } .footer-disclosures-copyright .footnote-caller,.footnote-marker { text-decoration:none; color:#000; } .footer-disclosures-copyright .footnote-area { display:block; font-size:11px; list-style-type:none; margin:0; padding:0; } .footer-disclosures-copyright .chaseui-breadcrumbs { font-family: verdana; font-size: 14px; padding: 10px 0 8px; } .footer-disclosures-copyright .chaseui-breadcrumbs a:first-child:hover { text-decoration:none } .footer-disclosures-copyright .chaseui-breadcrumbs span { color: #43444E; } .footer-disclosures-copyright .chaseui-breadcrumbs span.chaseui-icons { height: 28px; margin-right: 4px; *margin-right: -15px; margin-top: -3px; width: 23px; } .footer-disclosures-copyright .chaseui-breadcrumbs .chaseui-icons img { margin: -55px 0 0; } .footer-disclosures-copyright .chaseui-breadcrumbs span.chaseui-breadcrumbs-seperator { color: #9AADB5; margin: 0 7px 0 5px; } .footer-disclosures-copyright .chaseui-breadcrumbs span.chaseui-breadcrumbs-seperator-current { margin: 0 7px 0 5px; } .footer-disclosures-copyright .footnote-area li p{ display: block; font-size: 10px; line-height: 14px; list-style-type: none; margin-bottom:5px; padding: 0; } #footnote-area li p{ *line-height: 14px; *margin-bottom: 6px; } .footer-disclosures-copyright .footnote-area li a{ text-decoration: underline; color: #43444e; } .footer-disclosures-copyright .footnote-area li a:hover{ color: #0076ae; } span.chaseui-link-style-normal{ color: #43444e; font-weight: normal; text-decoration: none; } .footer-disclosures-copyright .footnote-area .sliding-door-button, .footer-disclosures-copyright .chasetext .sliding-door-button { color: #43444e; text-decoration: underline; font-size: 10px; line-height: 14px; } .footer-disclosures-border{ border: 1px solid #231F20; padding: 15px; } .footer-disclosures-copyright .static-disclosure p{ line-height: 14px; } .footer-disclosures-copyright .static-disclosure a{ color: #43444e; text-decoration: underline; font-size: 10px; line-height: 14px; } .footer-disclosures-copyright .static-disclosure a:hover{ color: #0076ae; } .chaseui-breadcrumbs > * {vertical-align: middle; zoom: 1;} .footer-disclosures-copyright .chaseui-footer-contentsection.fourth { background:#b7c5cd; font-size:10px; padding-bottom:36px; } .soc-media-container{ border:1px solid #cfd9de; *border:1px solid #cfd9de; border-radius:6px; background-color:#c5d1d7; width:160px; *width:162px; height:40px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:0 0 9px rgba(0,0,0,0.1); -moz-box-shadow:0 0 9px rgba(0,0,0,0.1); } .soc-media-box{ padding:8px 16px 8px 16px; *padding:8px 20px 8px 16px; float: left; } .soc-media-text{ float:left; font-family:verdana; font-weight:normal; font-size:10px; vertical-align:middle; padding-top:5px; padding-right:12px; } .soc-media-icon{ float:left; padding-right:12px; } .soc-media-yb{ float:left; } .soc-media-container-full-width{ border:1px solid #cfd9de; *border:1px solid #cfd9de; border-radius:6px; background-color:#c5d1d7; display: inline-block; margin-bottom:12px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:0 0 9px rgba(0,0,0,0.1); -moz-box-shadow:0 0 9px rgba(0,0,0,0.1); } .soc-media-gplus{ float:left; padding-left:0; padding-right:12px; } .soc-media-lnk{ float:left; padding-left:0; padding-right:0; } .soc-footer{ padding-top:30px; } .footerbreadcrumb > * {vertical-align: middle; zoom: 1;} /* */ /* .chaseui-contexthelpfloater .zipcode-head-area, .zipcode-head-area{ position: relative; margin: 16px; margin-top: 40px; width: 275px; } */ .chaseui-contexthelpfloater .zipcode-head-area, .zipcode-head-area { padding: 20px; position: relative; *text-align: left; } .zipcode-head-area .zipcode-values { width: 220px; height: 25px; } .chaseui-contexthelpfloater .zipcode-head-area .zipcode-values input, .zipcode-head-area .zipcode-values input{ position: relative; float: left; height: 19px; font-size: 16px; font-weight: normal; color: #43444E; padding: 2px; text-align: right; width: 80px; border: 1px solid #d9d9d9; } .chaseui-contexthelpfloater .zipcode-head-area .zipcode-values .sliding-button, .zipcode-head-area .zipcode-values .sliding-button { position: relative; float: left; margin-left: 13px; } .zipcode-head-area .zipcode-values .chase-button-container { margin-left: 20px; float: left; } .chaseui-contexthelpfloater .zipcode-head-area .qa-section, .zipcode-head-area .qa-section { text-align: left; padding-top: 24px; } .chaseui-contexthelpfloater .zipcode-head-area .qa-section .qa:first-child, .zipcode-head-area .qa-section .qa:first-child { margin-bottom:10px; } .chaseui-contexthelpfloater .zipcode-head-area .ansdiv, .zipcode-head-area .ansdiv{ padding: 10px 15px 0 ; } .chaseui-contexthelpfloater .zipcode-head-area .qa:first-child .ansdiv, .zipcode-head-area .qa:first-child .ansdiv { padding-bottom: 10px; } .chaseui-contexthelpfloater .zipcode-head-area .arrow, .zipcode-head-area .arrow { background: url(images/All_ArrowModal_new.png) no-repeat -28px 3px; padding-left: 14px; color: #2986b5; margin-left:-2px; } .chaseui-contexthelpfloater .zipcode-head-area .right-link-selected, .zipcode-head-area .right-link-selected{ background:url(images/All_ArrowModal_new.png) no-repeat -1px -24px; } .chaseui-contexthelpfloater .zipcode-head-area .error, .chaseui-contexthelpfloater .zipcode-head-area .error-0, .chaseui-contexthelpfloater .zipcode-head-area .error-1, .chaseui-contexthelpfloater .zipcode-head-area .error-2, .zipcode-head-area .error, .zipcode-head-area .error-0, .zipcode-head-area .error-1, .zipcode-head-area .error-2, .zipcode-head-area .error-3, .zipcode-head-area .error-4 { display: none; padding: 20px 0 0 20px; margin: 0; background-color: transparent; border: none; color: #990000; text-align: left; background: url(images/error_msg_warning_white_bg_12x12.gif) 0 20px no-repeat; } .zipcode-head-area ol, .zipcode-head-area ol li{ list-style: decimal; } .zipcode-head-area ul, .zipcode-head-area ul li{ list-style: disc; } .accessible-text, .accessible-text a, .accessible-text a:link, .accessible-text a:visited, .accessible-text a:hover, .accessible-text a:active, .accessible-text a:focus{ /* The main class for all accessible elements. They are hidden from the sighted user and removed from the flow. */ font-size:0 !important; width:0; height:1px !important; position:absolute !important; overflow:hidden !important; z-index:-1000 !important; left: -20000px !important; } .ln-left-nav .accessible-text { /* Added 9/7/12. With width set to 0 above, focus is not being set on some accessible-text elements in the Left Nav. Instead of directly adding this class to the above, we are testing it here. ~kjm~ */ width: 1px !important; } .accessible-absolute-text, .accessible-absolute-text a, .accessible-absolute-text a:link, .accessible-absolute-text a:visited, .accessible-absolute-text a:hover, .accessible-absolute-text a:active, .accessible-absolute-text a:focus { /* Visible text that is absolutely positioned and removed from the flow. This class _will_not_ affect the positioning of other elements */ font-size: 0.95em !important; width: auto !important; height: auto !important; z-index: 16777270 !important; /* max for Chrome */ position: absolute !important; font-weight: normal !important; font-family: arial, helvetica, sans-serif !important; background-color: white !important; padding: 5px !important; color: black !important; } .accessible-dynamic-text, .accessible-dynamic-text a, .accessible-dynamic-text a:link, .accessible-dynamic-text a:visited, .accessible-dynamic-text a:hover, .accessible-dynamic-text a:active, .accessible-dynamic-text a:focus { /* Visible text that is relatively positioned and in the flow. This class _will_ affect the positioning of other elements */ font-size: 0.95em !important; width: auto !important; height: auto !important; z-index: 16777270 !important; /* max for Chrome */ position: relative !important; font-weight: normal !important; font-family: arial, helvetica, sans-serif !important; background-color: white !important; padding: 5px !important; color: black !important; } .accessible-hidden { /* This class is based on the "Hide+content+completely" page from the "Web Accessibility Best Practices and Techniques" page. In addition to these classes, aria-hidden must be set to 'true' with script.*/ display: none; visibility: hidden } .accessible-clear{ clear:both; } .skiplink-container{ position: relative; clear: both; } a.skiplink-accessible-text{ /* The main class for all accessible elements. They are hidden from the sighted user and removed from the flow. */ } a.skiplink-nav-accessible-text, a.skiplink-accessible-text { /* The main class for all accessible elements. They are hidden from the sighted user and removed from the flow. */ /*height:1px !important; overflow:hidden !important; */ position:absolute !important; /*z-index:-1000 !important;*/ left: -20000px; } a.skiplink-nav-accessible-absolute-text, a.skiplink-accessible-absolute-text{ /* Visible text that is absolutely positioned and removed from the flow. This class _will_not_ affect the positioning of other elements */ font-size: 0.95em !important; width: auto !important; height: auto !important; z-index: 16777270 !important; /* max for Chrome */ position: absolute !important; font-weight: normal !important; font-family: arial, helvetica, sans-serif !important; background-color: white !important; padding: 5px !important; color: black !important; } /* CSS for Footnotes. Adjust properties as needed for visual requirements. */ /* From Accessibility's "Footnote (many-to-1)" page */ .footnote {margin:12px 0;} .footnote-caller, .footnote-marker {text-decoration:none; color:#000;} .footnote-area {display:block; font-size:11px; padding:0; margin:12px 0; list-style-type:none;} .footnote {display:block; padding:0; margin:12px 0;} .focusable-accessible-text { height: 1px; position: absolute; overflow: hidden; } .focusable-accessible-text:focus { outline:0; border:0; } /* Call to Action:Button with Text Call to Action:Text Link with Text*/ .call-to-action-wrapper { background:#ffffff; filter:progid:DXImageTransform.Microsoft.Shadow(Color=#FCFCFC,Strength=5,Direction=0),progid:DXImageTransform.Microsoft.Shadow(Color=#F1F1F1,Strength=5,Direction=90),progid:DXImageTransform.Microsoft.Shadow(Color=#ECECEC,Strength=5,Direction=180),progid:DXImageTransform.Microsoft.Shadow(Color=#F5F5F5,Strength=5,Direction=270); -webkit-box-shadow:0px 3px 5px rgba(200,200,200,0.6); -moz-box-shadow:0px 3px 5px rgba(200,200,200,0.6); box-shadow:0px 3px 5px rgba(200,200,200,0.6); border:3px solid #F7F7F7; padding:10px 25px 10px 25px; margin:0px; } .call-to-action-wrapper .inntercontainer{ margin-top:20px; margin-bottom:20px; } .call-to-action-wrapper a{color:#0076ae;} .call-to-action-wrapper.call-to-action-button .boxshadow-call-to-action { background-attachment:scroll; background-clip:border-box; background-color:transparent; background-image:url("images/bottom-box-shadow.jpg"); background-origin:padding-box; background-position:center bottom; background-repeat:no-repeat; background-size:auto auto; } .call-to-action-wrapper.call-to-action-button .component-col.component-col-width40 { width:40%; } .call-to-action-wrapper.call-to-action-button .component-col.component-col-left { float:left; margin-top:33px; } /* .call-to-action-wrapper.call-to-action-button .component-divider-call-to-action { background-attachment:scroll; background-clip:border-box; background-color:transparent; background-image:url("../../../online/common/images/component-divider.jpg"); background-origin:padding-box; background-position:right center; background-repeat:no-repeat; background-size:auto auto; } */ .call-to-action-wrapper.call-to-action-button .component-col.component-col-right { float: right; text-align:center; margin-top:14px; *display:inline-block; *margin-top:-38px; } /* Call to Action:QR Code Option */ .call-to-action-wrapper.call-to-action-qr-reader .call-to-action-code-option { margin-top:20px; margin-bottom:20px; } .call-to-action-wrapper.call-to-action-qr-reader .call-to-action-left { float:left; margin-top:26px; } .call-to-action-wrapper.call-to-action-qr-reader .call-to-action-qr-code-option-right { float:right; } .call-to-action-wrapper.call-to-action-qr-reader .call-to-action-qr-code-option-divider1 img { margin-left:15px; float:left; margin-right:10px; } .call-to-action-wrapper.call-to-action-qr-reader .call_to_action_header { color:#0076ae; font-size:18px; font-weight:normal; text-transform:none; } .call-to-action-wrapper.call-to-action-qr-reader .call_to_action_text { color:#000000; font-size:14px; font-weight:normal; text-transform:none; } .call-to-action-wrapper.call-to-action-qr-reader .call-to-action-qr-code-option-text1 { display:inline-block; margin-right:5px; *margin-left:20px; font-weight:bold; *margin-top:40px; } .call-to-action-wrapper.call-to-action-qr-reader .call-to-action-qr-code-option-or1 { display:inline-block; margin-right:18px; *margin-right:25px; font-weight:bold; *margin-top:-70px; *margin-left:195px; } .call-to-action-wrapper.call-to-action-qr-reader .call-to-action-qr-code-option-scancode1 { display:inline-block; margin-right:0; margin-left:5px; *margin-left:80px; font-weight:bold; *margin-top:-55px; vertical-align:middle; } .call-to-action-wrapper.call-to-action-qr-reader .call-to-action-qr-code-option-button1 { display:inline-block; float:right; font-weight:bold; margin-top:35px; *margin-top:-38px; *margin-right:20px; } .call-to-action-wrapper.call-to-action-qr-reader .img-qr-button { height:100px; width: 100px; } /* Call to Action:stacked text */ .call-to-action-wrapper.call-to-stacked-text { } .call-to-action-wrapper.call-to-stacked-text .top-section { border-bottom:1px solid #F7F7F7; margin-bottom:10px; } .call-to-action-wrapper.call-to-stacked-text .top-section p { float:right; } /* ************** */ .call-to-action-wrapper.call-to-action-right-text .inntercontainer, .call-to-action-wrapper.call-to-action-right-text-button .inntercontainer{ float:right } .call-to-action-wrapper.call-to-action-right-text-button .inntercontainer{text-align:right;} /* **************************** */ .call-to-action-wrapper.call-to-action-button-pramotionaltext{ background-color:#E7ECF0; } .call-to-action-wrapper.call-to-action-button-pramotionaltext .headercontent{ padding-bottom:10px; *padding-bottom:0px; } .call-to-action-wrapper.call-to-action-button-pramotionaltext .headercontent .leftcol div{ float:left; } .call-to-action-wrapper.call-to-action-button-pramotionaltext .headercontent .leftcol .col2{ margin-left:30px; } .call-to-action-wrapper.call-to-action-button-pramotionaltext .headercontent .rightcol{ float:right; text-align:center; } .call-to-action-wrapper .bold-text{color:#016899;font-weight:bold;} .call-to-action-wrapper div.divider{ height:1px; border-top:1px solid #D4D8DB; border-bottom:1px solid #F4F9FC; margin-bottom:8px; *margin-bottom:8px; } .feedback-form-container { overflow:auto; border: 1px solid #ccc; background: url("images/auto_loan_bg.png") repeat-x scroll center bottom #FFFFFF; border: 2px solid #D0D9DD; width: 627px; } .feedback-form-container .form-errormessage{ position:absolute; left:540px; } .feedback-form-container .form-subcontainer p{ padding: 21px 24px; } .form-divider.border-solid { margin-bottom:0; } .feedback-form-container .chaseui-fieldlarge-1{ width: 350px; } .feedback-form-container .form-verifiedmessage img{ margin-left:15px } .content-panel{ background: url("images/auto_loan_bg.png") repeat-x scroll center bottom #FFFFFF; border: 2px solid #D0D9DD; } .content-panel .content-panel-header{ background: url("images/loan_calculator_header_bg.png") repeat-x scroll 0 0 transparent; padding: 20px; } .content-panel .content-panel-header-2{ background: url("images/headerbg-1x122.png") repeat-x scroll 0 0 transparent; padding:20px; } .data-grid-container { } .data-grid-container table caption{ } .data-grid-container table { } .data-grid-container thead th { } .data-grid-container tbody th { text-align: left; background-color: #FFFFFF; font-weight:normal; } .data-grid-container tbody th.util-font-bold .data-grid-innercell { font-weight:bold; } .data-grid-container table tr{ background-color: #FFFFFF; } .data-grid-container tbody td { color: #4D4D4D; font-size: 12px !important; font-weight:normal; } .data-grid-container .data-grid-innercell { padding: 10px; } .data-grid-container thead th { background: #f7f7f8; background: -moz-linear-gradient(top, #f7f7f8 0%, #e1e4e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f8), color-stop(100%,#e1e4e6)); background: -webkit-linear-gradient(top, #f7f7f8 0%,#e1e4e6 100%); background: -o-linear-gradient(top, #f7f7f8 0%,#e1e4e6 100%); background: -ms-linear-gradient(top, #f7f7f8 0%,#e1e4e6 100%); background: linear-gradient(top, #f7f7f8 0%,#e1e4e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f8', endColorstr='#e1e4e6',GradientType=0 ); font: bold 11px/11px Arial, Helvetica, sans-serif; height: 36px; text-align: center; padding-top: 10px; padding-bottom: 10px; } .data-grid-container thead .data-grid-firstcell { } .data-grid-container table .border-solid{ border-bottom:1px solid #C8C8C8; padding:10px 0; } .help-me-choose { margin:0px 20px; } .help-me-choose .chaseui-functionpanel .chaseui-functionpanelbody{filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);background:#ffffff; width:auto;border-bottom:1px solid #ced8de;margin:auto;position:static;zoom:1;padding-bottom:20px;} .browser-ie-7 .help-me-choose .chaseui-functionpanel .chaseui-functionpanelbody{padding-bottom:0;} .help-me-choose .chaseui-functionpanel .chaseui-functionpanelcontent{ width:auto;border:0px;border-width:0px;margin:0 auto;padding:0px;position:relative;zoom:1;} .help-me-choose .chaseui-functionpanel .chaseui-functionpanelheader{ width:auto;top:0px;font-size:10px;margin:0px auto 30px;text-align:right;padding-right:5px;overflow:hidden;} .help-me-choose .chaseui-functionpanel .chaseui-functionpanelheader a{background:url(images/checking_choose_carat_close.png) no-repeat right!important;padding-right:15px;} .help-me-choose .chaseui-functionpanel .chaseui-functionpanelheader a.active{background:url(images/checking_choose_carat_open.png) no-repeat right!important;padding-right:15px;position:relative; top:0px;} .body-regular{color:#43444e;font-family:verdana,arial,geneva,sans-serif;font-size:14px;line-height:21px;} .help-me-choose .chaseui-togglefeature {overflow:hidden;} .caption-label{color:#828282;font-family:verdana,arial,geneva,sans-serif;font-size:11px;font-weight:normal;line-height:15px;margin-bottom:11px;display:block;} .page-title-e{font-family: amplitude,arial,geneva,sans-serif;font-size: 26px;line-height:30px;color:#43444e;margin-bottom:13px;} .browser-ie-7 .help-me-choose .chaseui-icons{display:block;} .help-me-choose .helpmechooseLink {position:relative;top:8px;} .browser-ie-7 .help-me-choose .helpmechooseLink {top:-5px;} .help-me-chooseForm { -moz-box-shadow: 0 2px 5px #cccccc; -webkit-box-shadow: 0 2px 5px #cccccc; box-shadow: 0 2px 5px #cccccc; border: 1px solid #ced8de; } .help-me-choose .chaseui-welcomemessage { float:left; padding-left:10px; } .help-me-choose-form { text-align:left; margin:20px 20px 20px 20px; } .help-me-choose-selected { background-color:#EBF3F7; } .help-me-choose-header /*according to mingle#135 specification */ { margin-bottom:30px; heigth:auto; } .help-me-choose .chaseui-functionpanel .toggle-link a /*to format the link as specified in mingle #135 for link copy */ { text-align:right; color:#016899; font:normal 12px verdana; /*padding:45px 15px 0px 0px;*/ text-decoration:none; float:right; margin-top:11px; } .browser-ie-7 .help-me-choose .chaseui-functionpanel .toggle-link a { margin-top:0; } .help-me-choose-margin { margin-bottom:16px; } .help-me-choose .help-me-choose-form-border { border-bottom:1px solid #C8C8C8; padding:0px 0px 0px 0px; margin:24px 0px 24px 0px; } .help-me-choose .form-subcontainer { clear:both; zoom:1px; display:block; } .help-me-choose .chaseui-name { width:75%; margin-right:12px; float:left; text-align:right; } .help-me-choose .chaseui-value { width:20%; float:left; text-align:left; } .help-me-choose-button { margin-bottom:10px; *padding-right:22px; cursor:pointer; } .help-me-choose-header span.chaseui-togglefeature a.active { display:none; } /* END OF FORM CSS PROPERTY */ /* START OF DATA GRID COMPONENTS */ .help-me-choose .comparison-chart { margin:10px auto; width:auto; padding:0px 0px 0px 0px; clear:both; *position: relative; *zoom: 1; } .help-me-choose .comparison-chart tr.comparison-table-headerrow{ background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; } .help-me-choose .comparison-chart tr.comparison-table-apply-button{ background: #E7ECEE; background: -moz-linear-gradient(top, #E7ECEE 0%, #e6ebec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E7ECEE), color-stop(100%,#e6ebec)); background: -webkit-linear-gradient(top, #E7ECEE 0%,#e6ebec 100%); background: -o-linear-gradient(top, #E7ECEE 0%,#e6ebec 100%); background: -ms-linear-gradient(top, #E7ECEE 0%,#e6ebec 100%); background: linear-gradient(top, #E7ECEE 0%,#e6ebec 100%); } .help-me-choose .comparison-chart td { border: 1px solid #ced8de; padding:10px 5px 10px 5px; text-align: center; } .help-me-choose .comparison-chart th { border: 1px solid #ced8de; padding:10px 10px 10px 10px; text-align: left; font-weight:normal; } .help-me-choose .comparison-chart .comparison-table-header-link { padding:20px 10px 20px 20px; text-align: left; vertical-align: middle; font-weight:bold; width:121px; } .help-me-choose img { position:static; } .help-me-choose .comparison-chart .float-left { float:left; position:static; } .help-me-choose .comparison-chart .float-right { float:right; position:static; padding:0px 20px 0px 0px; *padding-right:10px; zoom:1; } .help-me-choose .comparison-chart tr div.float-left img { margin:0px 5px 0px 10px; } .help-me-choose .text-strong { font-weight:bold; } .help-me-choose .text-align-left { margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; float:left; text-align:left; } .help-me-choose .vertical-align-text-top { vertical-align:text-top; } .help-me-choose .clearfix { clear:both; height:5px; } .help-me-choose .comparison-chart a:hover { color: #016899; text-decoration:none; } /*End help me choose comparison table */ div.body { margin: 0; padding:0; background:url(../../../images/menuitempageimages/bodybg.png) repeat-x; color: #607084; font-size: 12px; font-family: Tahoma, Arial, Verdana, sans-serif; width:100%; float:left; text-align:left!important; } .body h1 { font-size: 24px; margin-bottom: 20px; font-weight:bold; font-family:calibri; display:block!important; color:#7d7d7d; } #jpmheader { width: 100%; background:#fff; float:left; margin-bottom:30px; } #jpmheader .logo { display:block; cursor:pointer; width:174px; height:34px; background:url(../../../images/menuitempageimages/logo.gif) no-repeat; margin:5px; } /* the ../icons redundant path is needed to proper re-mapping */ .container{position:relative;z-index:1;width:650px;} .container:after{content:"";display:block;clear:both;visibility:hidden;height:0;font-size:0;} .shadow-box{position:relative;text-align:left;color:#607084;padding:20px;margin-bottom:40px;background:#fff;-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);border:1px #ccc solid;} .shadow-box:before,.shadow-box:after{content:"";position:absolute;z-index:-2;} .shadow-box div.bdr{padding:5px 0;line-height:20px;border-bottom:1px #eee solid;} .shadow-box div.last{padding:5px 0 0;line-height:20px;border-bottom:none;} .shadow-box div.menu img{height:190px; width:380px;} .shadow-box .i-new-window{vertical-align:text-bottom;background:url(../../../images/menuitempageimages/html_popup_icon.gif) no-repeat;width:13px;height:13px;display:inline-block;} .shadow-box .i-edit{vertical-align:text-bottom;background:url(../../../images/menuitempageimages/edit_small.png) no-repeat;width:18px;height:18px;display:inline-block;} .shadow-box h2{font-size: 16px;margin:0; margin-bottom:10px;display:block;} .shadow-box h2 a{text-decoration:none;color:#607084;font-weight:bold;} .shadow-box h2 a:hover{color:#000000;text-decoration:underline;} .nav-container { /* background-image: url("images/ln-bg2.png"); background-repeat: repeat;*/ } .nav-container ul { list-style-type: none } .nav-container ul li { list-style: none } .nav-container { width: 800px; min-height: 540px; *height: 540px; } .nav-container .ln-wrapper { /* border: 1px solid purple; */ position: relative; height: 800px; /* FORMULA: height */ } .nav-container .ln-head { /* border: 1px solid green; */ height: 60px; /* FORUMULA: height * 0.1 */ position: relative; /* http://www.colorzilla.com/gradient-editor/ */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(195,210,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(195,210,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(195,210,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(195,210,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(195,210,229,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(195,210,229,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c3d2e5',GradientType=0 ); /* IE6-9 */ } .nav-container .ln-head h1 { position: relative } .nav-container .ln-head h2 { position: relative } /* .left-nav.left-navigation-1 .navigation-panel { border: 1px solid blue; width: 34%; float:left } */ .nav-container .ln-body { /* border: 1px solid yellow; */ position: relative; width: 800px; height: 540px; /* FORMULA: height -head height */ } .nav-container .ln-nav-panel { /* border: 1px solid blue; */ padding-top: 10px; width: 240px; height: 530px; /* FORUMLA: height - head height*/ /* http://www.colorzilla.com/gradient-editor/ */ background: white; /* Old browsers */ } .nav-container .ln-primary { /* border: 1px solid purple; */ display: block; padding: 5px 0px 5px 0px; } .nav-container .ln-secondary-nav { /* border: 1px solid red; */ margin-left: 15px; visibility: hidden; display: none } .nav-container .ln-secondary { /* border: 1px solid orange; */ display: block; padding: 5px; position: relative } .nav-container .ln-primary-has-subnav { font-weight: bold } .nav-container .ln-primary-no-subnav { color: black; font-weight: bold } .nav-container .ln-secondary.ln-selected { color: black; font-weight: bold } .nav-container .ln-content-wrapper { /* border: 1px solid green; */ position: absolute; top: 0px; right: 0px; width: 540px; /*FORUMLA 10px padding*/ height: 520px; /* FORUMLA 10px padding*/ padding: 10px; z-index: 10; overflow: hidden; background:white; /* http://www.colorzilla.com/gradient-editor/ */ } .nav-container .ln-content-wrapper h2 { display: block; margin-bottom: 10px; height: 30px } .nav-container .ln-nav-item { position: relative; width: 90%; z-index: 20 } .nav-container .ln-arrow { /* Resting state */ display: block; width: 11px; height: 11px; background-position: 0 0; position: absolute; top: 7px; right: -7px } .nav-container .ln-right-arrow { /* Primary selected _without_subnav_ gets a black ">" synbol */ background-position: 0 -22px; } .nav-container .ln-down-arrow { /* Primary selected _with_subnav_ gets a black "V" synbol */ background-position: 0 -33px; } .nav-container h2 { display:inline } .nav-container .ln-content { height: 450px; overflow-x: hidden; overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: auto; } .accessible-text, .accessible-text a, .accessible-text a:link, .accessible-text a:visited, .accessible-text a:hover, .accessible-text a:active, .accessible-text a:focus{ /* The main class for all accessible elements. They are hidden from the sighted user and removed from the flow. */ font-size:0 !important; width:0; height:1px !important; position:absolute !important; overflow:hidden !important; z-index:-1000 !important; left: -20000px !important; } .accessible-absolute-text, .accessible-absolute-text a, .accessible-absolute-text a:link, .accessible-absolute-text a:visited, .accessible-absolute-text a:hover, .accessible-absolute-text a:active, .accessible-absolute-text a:focus { /* Visible text that is absolutely positioned and removed from the flow. This class _will_not_ affect the positioning of other elements */ font-size: 0.95em !important; width: auto !important; height: auto !important; z-index: 16777270 !important; /* max for Chrome */ position: absolute !important; font-weight: normal !important; font-family: arial, helvetica, sans-serif !important; background-color: white !important; padding: 5px !important; color: black !important; } .accessible-dynamic-text, .accessible-dynamic-text a, .accessible-dynamic-text a:link, .accessible-dynamic-text a:visited, .accessible-dynamic-text a:hover, .accessible-dynamic-text a:active, .accessible-dynamic-text a:focus { /* Visible text that is relatively positioned and in the flow. This class _will_ affect the positioning of other elements */ font-size: 0.95em !important; width: auto !important; height: auto !important; z-index: 16777270 !important; /* max for Chrome */ position: relative !important; font-weight: normal !important; font-family: arial, helvetica, sans-serif !important; background-color: white !important; padding: 5px !important; color: black !important; } .chaseui-carousel-controls{ clear: both; margin: 0; padding: 0; position: relative; } .controls-around .chaseui-carousel-controls { clear: none; float: left; } #chaseui-container{ float: left; } #chaseui-container.content-no-controls{ float: none; } div.chaseui-carousel { width:auto; height:auto; margin:0 auto; display: inline-block; } #chaseui-carousel-slides { /*overflow:hidden;*/ /* fix ie overflow issue */ height: 245px; margin-left: 32px; margin-top: 0; overflow: hidden; width: 165px; position: absolute; top: 101px; } #chaseui-carousel-slides ul { position:relative; left:0; top:0; list-style:none; margin:0; padding:0; width:750px; } /* width of the item */ #chaseui-carousel-slides li { width:165px; height:245px; float:left; margin-left: 0px; position:absolute; list-style-type: none; display:none; } /* Styling for prev and next buttons */ div.controls-around{ display: inline-block; clear: none; } div.chaseui-direction-buttons{ padding:0 0 5px 0; float: left; margin-top: 0px; } div.chaseui-direction-buttons-center { padding:0 0 5px 0; float: left; margin-top: 50%; } div.chaseui-direction-buttons-top { padding:0 0 5px 0; float: left; margin-top: 5%; } div.chaseui-direction-buttons-bottom { padding:0 0 5px 0; float: left; margin-top: 70%; } a.chaseui-prev-button{ margin-top:190px; float: left; } a.chaseui-next-button{ margin-left: -95px; margin-top: 184px; float: left; } .clear {clear:both} ul.chaseui-carousel-pagination a.panel { background: url("images/nav_buttons2.jpg") no-repeat scroll left top transparent; height: 16px; overflow: hidden; } ul.chaseui-carousel-pagination a.pagination-active { background: url("images/nav_buttons2.jpg") no-repeat scroll -50px top transparent; height: 16px; overflow: hidden; } ul.chaseui-carousel-pagination{ margin-left: 88px; padding: 0; position: relative; text-align: center; clear: both; font-size:0; } ul.chaseui-carousel-pagination li { display: inline; zoom:1; margin: 0; width:10px; } ul.chaseui-carousel-pagination a { background-repeat: repeat-x; display: inline-block; font: 11px/12px Georgia,Serif; height: 18px; margin: 0 5px 0 0; padding: 2px 7px; text-align: center; text-decoration: none; } /*needs to be replaced by accessible-text*/ .chaseui-carousel-pagination li a span { display: none; visibility: hidden; } /*Liquid Carousel start*/ div.chaseui-carousel-hero, div.chaseui-carousel, div.chaseui-carousel-liquid { width:auto; height:auto; margin:0 auto; display: inline-block; } div.chaseui-carousel-liquid #chaseui-carousel-slides { /*overflow:hidden;*/ /* fix ie overflow issue */ height: 27px; margin-left: 9px; margin-top: -100px; overflow: hidden; width: 625px; position: absolute; top: 101px; } div.chaseui-carousel-liquid #chaseui-carousel-slides ul { position:relative; left:0; top:0; list-style:none; margin:0; padding:0; width:750px; } div.chaseui-carousel-liquid ul.chaseui-carousel-pagination a.panel { background:none; height: 0px; overflow: hidden; padding: 0px; } div.chaseui-carousel-liquid ul.chaseui-carousel-pagination a.pagination-active { background: none; *background-position: 0 -453px; height: 0px; overflow: hidden; padding: 0px; } div.chaseui-carousel-liquid ul.chaseui-carousel-pagination{ margin-left: -55px; padding: 0; position: relative; text-align: center; clear: both; margin-top: 8px; } div.chaseui-carousel-liquid ul.chaseui-carousel-pagination a { background-repeat: repeat-x; display: inline; *display: inline-block; font: 11px/12px Georgia,Serif; height: 18px; margin: 0; *padding:3px; padding: 2px 5px; text-align: center; text-decoration: none; } a.chaseui-prev-button-liquid{ background: none; height: 31px; width:17px; display: block; margin-left: -677px; } a.chaseui-next-button-liquid{ background: none; height: 27px; width:17px; display: block; margin-left: 644px; margin-top: -32px; } p.chaseui-liquid-statement{ font-size: 22px; font-family: verdana; color:#022DCB; width:625px; text-align: center; *padding-bottom: 5px; } span.chaseui-liquid-strong{ font-weight:bold; } div.chaseui-carousel-liquid #chaseui-carousel-slides li{ width: 700px; *margin-left: 0px; } .browser-safari a.chaseui-prev-button-liquid{ display: inline-block; } .browser-safari a.chaseui-next-button-liquid{ display: inline-block;float:right } .chaseui-ie-focus { *border:1px dotted #000000; } /*Hero carousel start */ div.chaseui-carousel-hero #chaseui-carousel-slides li{ width: 925px; *margin-left: 0px; } div.chaseui-carousel-hero #chaseui-carousel-slides { height: 245px; margin-left: -32px; margin-top: -102px; overflow: hidden; width: 925px; position: relative; padding-bottom: 100px; } div.chaseui-carousel-hero ul.chaseui-carousel-pagination a.panel { background:none; height: 0px; overflow: hidden; padding: 0px; } div.chaseui-carousel-hero ul.chaseui-carousel-pagination a.pagination-active { background: none; *background-position: 0 -453px; height: 0px; overflow: hidden; padding: 0px; } div.chaseui-carousel-hero div.chase-button-container{ left: 0px !important; position: absolute; width: 133px; margin: 15px 0px 0px 717px; } div.chaseui-carousel-hero div.css3-translucent{ font-weight: bold; margin: 220px 0px 0px 87px; } div.chaseui-carousel-hero a.chaseui-prev-button-liquid{ background: none; height: 31px; width:17px; display: block; margin-left: 52px; margin-top: 106px; position: absolute; } div.chaseui-carousel-hero a.chaseui-next-button-liquid{ background: none; height: 27px; width:17px; display: block; margin-left: 842px; margin-top: -136px; } .chaseui-mortgagecalculator{width:620px;} .chaseui-mortgagecalculator .chaseui-formlayout{width:620px; margin:0;border-top:1px solid #D9D9D9;padding-top:20px;} .chaseui-mortgagecalculator .chaseui-formlayout .chaseui-columns.chaseui-twocolumns .chaseui-leftcolumn{width:51%;border-right:1px solid #D9D9D9;} .chaseui-mortgagecalculator .chaseui-formlayout .chaseui-columns.chaseui-twocolumns .chaseui-rightcolumn{padding-left:18px;width:40%;} .chaseui-mortgagecalculator .chaseui-formlayout .chaseui-dataitem .chaseui-name{width:auto;} .chaseui-mortgagecalculator .chaseui-columns .chaseui-leftcolumn{padding-left:20px;} .chseui-mortgage-calculator-data th a.chaseui-contexthelp{display:inline;padding-top:0px;*margin-top:0px;*display:inline-block;*width:0px;*height:13px;} .chaseui-mortgagecalculator .chaseui-formlayout .chaseui-dataitem .chaseui-value{width:auto;} .chaseui-qp-select-container .layout-component-wrapper .layout-row div.chaseui-qp-bank-logo{padding:5px 0px 5px 0px;min-height:48px;} .chaseui-qp-select-container .layout-component-wrapper .layout-row div{ padding-top:17px;text-align:left; } .chaseui-qp-select-container .layout-component-wrapper.border-top{ padding-top:0px; } p.chaseui-received-invoice{text-align:left;margin:20px;} /*Purchase & Refinance Mini Rates*/ .rate-and-assumption { color: #43444e; margin:0px; padding:0px; width:270px; } .rate-and-assumption table{ width:270px; -moz-box-shadow: 0 2px 5px #CCCCCC; -webkit-box-shadow: 0 2px 5px #CCCCCC; box-shadow: 0 2px 5px #CCCCCC; border-collapse: collapse; background-color: #fff; border: 1px solid #ced8de; } .rate-and-assumption table td, .rate-and-assumption table th { padding:15px; text-align:left; font:normal 10px verdana; } .rate-and-assumption table.minirates-table td, .rate-and-assumption table.minirates-table th { border: 1px solid #ced8de; } .rate-and-assumption #rates-assumptions-table .border-bottom{border-bottom:1px solid #ced8de;} .rate-and-assumption #rates-assumptions-table .border-left{border-left:1px solid #ced8de;} .rate-and-assumption table.minirates-table tbody td:first-child{background: #f0f4f6;} .rate-and-assumption .rates-caption, .rate-and-assumption .minirates-table caption { width:270px; background: url(images/auto-rates-bg.png) no-repeat; color: #FFFFFF; font: bold 13px/13px verdana; padding: 15px 0 8px; text-align: center; } .rate-and-assumption .rates-caption .table-heading, .rate-and-assumption .minirates-table caption .table-heading { font:bold 13px verdana; color:#fff; } .rate-and-assumption .rates-caption .table-heading a, .rate-and-assumption .minirates-table caption .table-heading a { color:#fff; text-decoration: none; } .rate-and-assumption .rates-caption .table-subheading, .rate-and-assumption .minirates-table caption .table-subheading{ } .rate-and-assumption .rates-caption .table-subheading a, .rate-and-assumption .minirates-table caption .table-subheading a{ border-bottom: 1px solid #FFFFFF; color: #FFFFFF; font: 11px/13px verdana; } .rate-and-assumption .rates-caption .table-subheading a:hover, .rate-and-assumption .minirates-table caption .table-subheading a:hover { text-decoration:none; } .rate-and-assumption table thead{ background: #e7e9ed; } .rate-and-assumption table tbody tr td:first-child{ font-size: 11px; color: #43444e; } .rate-and-assumption table tbody tr td:first-child.table-date{ font: 9px verdana; } .rate-and-assumption table th{ font-weight: bold; font-size : 11px; color: #43444e; } .rate-and-assumption table tfoot .table-customquote { text-align:center; border-bottom:1px solid #bfc2c3; } .rate-and-assumption table tfoot .table-customquote a{ font:normal 12px verdana; color:#016899; } .rate-and-assumption table td.table-date { font:normal 9px verdana; padding:8px 0px; text-align:center; background: none!important; } .rate-assumption-supporting-text{ padding:10px 0px; color: #666; font-size: 13px; } /* Purchase & Refinance Assumption Rates */ .assumption-table-detail{ background-color: #FFFFFF; width: auto; } .assumption-table-detail table{ background-color: #FFF; border: 1px solid #CED8DE; border-collapse: collapse; box-shadow: 0 2px 5px #CCCCCC; width: 928px; -moz-box-shadow: 0 2px 5px #CCCCCC; -webkit-box-shadow: 0 2px 5px #CCCCCC; } .assumption-table-detail-header{ background: url("images/chase-table-comparison-header-bg.jpg") repeat-x scroll center bottom transparent; padding: 20px; font: bold 18px verdana; text-align: left; } .assumption-table-detail #ra-header-wrapper{ padding: 20px; display: inline-block; width: 886px; box-shadow: 0 2px 5px #CCCCCC; border: 1px solid #CED8DE; border-bottom:none; } .assumption-table-detail #ra-header-title{ font: bold 16px/21px verdana; text-align: left; color: #43444E !important; } .assumption-table-detail #ra-header-subtitle{ font: 14px/21px verdana; text-align: left; color: #43444E !important; } .assumption-table-detail #ra-header-subtitle .float-left{ float: none !important; } .assumption-table-detail #ra-header-date{ float: left !important; } .assumption-table-detail table th{ background: none repeat scroll 0 0 #E7E9ED; padding:12px 20px 12px 0px; font:bold 16px verdana; text-align:center; color: #43444e; } .assumption-table-detail table td{ text-align: right; } .assumption-table-detail table th.border-bottom{ background: none repeat scroll 0 0 #E7E9ED; color: #016899; font: bold 12px verdana; padding: 0 15px 0 0; text-align: right; } .assumption-table-detail table th:first-child{ background: none repeat scroll 0 0 #E7E9ED; padding: 0 0 12px 20px; text-align: left; width: 160px; color: #43444E; } .assumption-table-detail table tr td:first-child{ padding: 0px 0px 0px 20px; text-align: left; } #ra-custom-quote { background: url("images/chase-table-gradient-footer-bg.png") repeat-x scroll center bottom transparent; border-color: #CED8DE; border-collapse: collapse; border-image: none; border-right: 1px solid #CED8DE; border-style: solid; border-width: 0 1px 1px; border-bottom:1px solid #bfc2c3; display: inline-block; padding: 20px; width: 886px; box-shadow: 0 2px 5px #CCCCCC; margin-bottom: 15px; font:normal 12px verdana; text-align:left; } #ra-custom-quote #ra-custom-quote-get-cq { float: none!important; } #ra-custom-quote a{ font-family: verdana; font-size: 12px; font-style: normal; line-height: 16px; color: #016899; } .chaseui-print-media{ height: 24px; align: bottom; border: none; display: inline; } .chaseui-print-media-icons{ width: 24px; height: 24px; } .chaseui-print-icons-separator{ padding:0 1px; margin:0; font-family: Verdana; font-size: 12px; color: #43444E; } .chase-findofficer .chaseui-formlayout {width:auto;height:auto;margin:0;display:block;} .chase-findofficer .chaseutil-paddingmore {padding:0 0 20px 0;} #find-loan-officer.chaseui-calculation-tool.chaseui-contentpanel .chaseui-contentpanelcontent{padding:20px;} .chase-findofficer .chaseui-formlayout .chaseui-dataitem .chaseui-name .form-label{width:auto;font-size:14px !important;float:left;font-weight:700;padding:4px 5px 0 0;color:#43444e !important;} .chase-findofficer .chaseui-formlayout .chaseui-dataitem .chaseui-name{width:auto;} .chase-findofficer .chaseui-formlayout .chaseui-dataitem .chaseui-value{width:auto;padding:4px 15px 4px 0;} .chase-findofficer .chaseui-formlayout .chaseui-dataitem .chaseui-value input{*width:120px;width:120px\9;max-width:130px;} .chase-findofficer .chaseui-formlayout .chaseui-threecolumns{padding:30px 0 45px 0;border-top:1px solid #D9D9D9;} .chase-findofficer .chaseui-formlayout .or{float:left;line-height:21px;padding:4px 20px 0 0;margin-bottom:5px;font-size:12px} .chase-findofficer .chaseui-contentpanelcontent .chaseui-formnav{padding:20px 0 10px 0; position:static;margin-bottom:0;} .chase-findofficer form .form-errormessage-container{width:100px;} .chase-findofficer .chaseui-contentpanelcontent{background:#ffffff;} .chase-findofficer .chaseutil-textsm.chaseutil-optionaltext{margin-right:5px;*margin-top:-8px;*margin-right:6px;} /* Search result */ #search-result{width:100%;height:auto; -moz-box-shadow: 3px 3px 4px #D4D7D8; -webkit-box-shadow: 3px 3px 4px #D4D7D8; box-shadow: 3px 3px 4px #D4D7D8; border: 2px solid #D0D9DD; } #search-result .lo-rs-title {font-family:Verdana;font-weight:bold;color:#43444e !important; font-size: 18px;} #search-result #loan-officer-list .lo-sr-title{ height:122px; padding:20px; *background: #f8f9fa; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjlmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWU0ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f8f9fa 0%, #c6cbce 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f9fa), color-stop(100%,#c6cbce)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f9fa 0%,#c6cbce 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f9fa 0%,#c6cbce 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f9fa 0%,#c6cbce 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f9fa 0%,#c6cbce 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9fa', endColorstr='#c6cbce',GradientType=0 ); /* IE6-8 */ position: relative; } .lo-rs-text{margin:20px 0;} .table-body-bold, .lo-rs-text .bold,.lo-sr-name .bold,.lo-sr-distance,.lo-sr-head2{font-family:Verdana;font-weight:bold;color:#43444e !important; font-size:14px;line-height:21px;} .pillar-inner-wrapper{margin-left:20px;} .lo-sr-body{background:#ffffff;} .lo-sr-loan-officer{height:220px;border-bottom:1px solid #d9d9d9;padding:30px 20px;clear:both;} .lo-sr-loan-officer img{border:1px solid #43444e;} .lo-sr-picture {float:left;width:15%;height:75%;display:block;} .lo-sr-name-distance{float:left;width:18%;height:75%;display:block;} .lo-sr-info-column{float:left;width:17%;height:75%;display:block;} .lo-sr-divider{display:none;} .table-link, #search-result .chaseBlue{color:#016899!important;font-size:14px;font-family:Verdana;line-height:18px;text-decoration:none;} .table-body-regular ,.lo-sr-name .subtitle,.lo-sr-distance .bold,.lo-sr-name-distance .subtitle{font-family:Verdana;font-weight:normal;font-size:14px;line-height:18px;color:#43444e!important} .lo-sr-my-page {width:50%;display:block;float:right;} .lo-sr-name .chaseBlueColor.bold{font-size:18px;} .nmlstext{margin:25px 0; line-height:18px;} .lo-no-match{font-size:14px;padding:20px 20px 10px 20px;font-family:Verdana;} /*loan-officer details css*/ #loan-officer-details {width:928px;overflow:auto;background:#ffffff;} #loan-officer-details.chaseui-calculation-tool.chaseui-contentpanel .chaseui-contentpanelcontent{padding:20px;} #loan-officer-details #details-content{overflow:auto;padding-bottom:10px;} #loan-officer-details #details-content .chaseui-leftcolumn{float:left;width:40%;margin-bottom:20px;} #loan-officer-details #details-content .verticalseparator{float:left;width:5px;border-right:1px solid #d9d9d9;} #loan-officer-details #details-content .chaseui-centercolumn{float:left;width:20%;margin:0 5px;padding:0 15px;} #loan-officer-details #details-content .chaseui-rightcolumn{float:left;width:30%;} #loan-officer-details .lo-officer-img-quote img{margin-bottom:20px;margin-right:40px;border:1px solid #43444e;} .lo-officer-img-quote{overflow:auto;} .lo-officer-img-quote .imgs {float:left;} .lo-officer-name{clear:both;margin-bottom:20px;} .lo-officer-quotation {color:#92929e !important;font-size:22px;font-family:Amplitude;margin-bottom:10px;margin-right:8px;} #loan-officer-details .lo-officer-specialty div{width:auto;height:auto;margin-bottom:20px;} #loan-officer-details ul{margin-top:10px;} .lo-officer-contact .address{margin-bottom: 20px;} .priority-links ul li,.lo-lending ul li {line-height:14px;} .priority-links ul{margin-bottom:20px;} #loan-officer-details .chaseui-leftcolumn{width:50%;float:left;} #loan-officer-details .chaseui-rightcolumn {width:50%;float:right;} #loan-officer-details #nav-buttons {padding-top:20px;padding-bottom:10px;overflow:hidden;clear:both;border-top:1px solid #d9d9d9;} #loan-officer-details .separator{position:relative;bottom:50px;} #loan-officer-details #nav-buttons .back-button{float:left;} #loan-officer-details #nav-buttons .chaseui-leftcolumn div{float:left!important;text-align:left;} #loan-officer-details .lo-officer-img-quote img.quoteimg {margin:0 4px;border:1px solid white;position:relative;top:-5px;} /* /*loan officer list */ .loan-officer-list{margin:20px 0;padding:10px 0 10px 20px;overflow:auto;background:#ffffff;} .loan-officer-list .col1,.loan-officer-list .col2, .loan-officer-list .col3, .loan-officer-list .col4{float:left;width:22%;border-left:1px solid #d9d9d9;padding-left:18px;font-size:14px;font-family:verdana;line-height:18px;} .chaseui-payroll-savings-calculator{padding:34px 0 30px; text-align:left;} .chaseui-payroll-savings-calculator .chaseui-formlayout .chaseui-dataitem{ padding-left: 20px; padding-right:20px;} .chaseui-payroll-savings-calculator .chaseui-formlayout .chaseui-formnav{padding:20px 20px 30px;} .chaseui-payroll-savings-calculator .standard-overlay-header-txt h1{font-family: amplitude,verdana;} .chaseui-payroll-savings-calculator p{padding-left:20px; padding-right:20px;} .chaseui-payroll-savings-calculator div.chaseutil-subheader{font-family:verdana; font-size:18px; } .chaseui-payroll-savings-calculator .chaseui-formlayout .chaseui-dataitem{ padding-top: 20px; } .chaseui-payroll-savings-calculator .chaseui-formlayout .chaseui-dataitem .chaseui-name{width:70%; text-align:left; margin-bottom:0; padding: 0; line-height:16px;} .chaseui-payroll-savings-calculator .chaseui-formlayout .chaseui-dataitem .chaseui-name label {vertical-align:top;} .chaseui-payroll-savings-calculator .chaseui-formlayout .chaseui-dataitem .chaseui-value{text-align:right; width:28%; margin-bottom:0; padding: 0; position:relative;} .chaseui-payroll-savings-calculator .chaseui-leftcolumn .chaseutil-resultstitle{width:250px;} .chaseui-payroll-savings-calculator .chaseui-rightcolumn .chaseutil-resultstitle{width:auto; padding-bottom:18px;} .chaseui-payroll-savings-calculator .chaseutil-resultstitle{font-size:11px;} .chaseui-payroll-savings-calculator .chaseutil-resultsvalue {font-size:11px; color:#5b853b} .chaseui-payroll-savings-calculator .chaseutil-resultslist{font-size:11px; padding-bottom:18px;} .chaseui-payroll-savings-calculator table.chaseui-grid thead tr th {background-color: #FFFFFF; border-bottom:0 none; color: #43444e; font-size: 11px; font-weight: normal; padding: 0 8px 14px} .chaseui-payroll-savings-calculator .results_table_container{margin:20px} .chaseui-payroll-savings-calculator table.chaseui-grid td{padding: 0 8px 14px} .chaseui-payroll-savings-calculator .form-verifiedmessage {margin: 0 0 0 23px;} .browser-ie-8 .chaseui-payroll-savings-calculator .form-verifiedmessage, .browser-ie-9 .chaseui-payroll-savings-calculator .form-verifiedmessage {margin: 0 0 0 28px;} .chaseui-payroll-savings-calculator .htmlcontent{display:inline;} .comm-chase-home-login{ position: relative; } .comm-chase-home-login .field{ float:left; line-height: 1; } .comm-chase-home-login .uid{ float:left; } .comm-chase-home-login .pwd{ float:left; padding-right:12px; *padding-right:8px; } .comm-chase-home-login .login-btn{ float:left; width:209px; width:209px\9; padding-right:8px; *padding-right:10px; padding-bottom:0; padding-top:10px; } .comm-chase-home-login .rememberMe{ color:#ffffff; text-align:left; font-size:10px; font:verdana; } .comm-chase-home-login .setup-lnk{ float:left; word-wrap:break-word; line-height:12px; width:76px; width:77px\9; padding-top:0px; } .comm-chase-home-login .remchkbox{ float:left; width:197px; padding-top:10px\9; padding-top:10px; position: absolute; top: 175px; } .comm-chase-home-login .rem-text{ color:#ffffff; font-size:10px; font:verdana; } .comm-chase-home-login .forgotlink{ float:left; word-wrap:break-word; line-height:14px; width:76px; width:75px\9; } .comm-chase-home-login input.input-text{ font-size: 14px; font-family:verdana; color: #43444e; font-style: italic; height: 28px; height: 24px\9; padding-left: 3px; width: 200px; /* width:185px; */ width:200px\9; } .comm-chase-home-login input.input-text.hasInput{ font-style: normal; color: #43444e; } .login-unknown-user .set-up-access { clear: left; font-family: verdana; position: relative; top: 20px; width: 170px; text-align:left; padding-bottom:40px; } .comm-chase-home-login .login-unknown-user a.set-access{ color:#ffffff; font-size:14px; } .login-unknown-user .forgot-userid-password{ /* clear: left; width: 150px; top: 20px; position: relative; font-family: verdana; text-align:left; padding-bottom:30px;*/ color:#ffffff; text-align:left; font-size:10px; font:verdana; } .comm-chase-home-login .forgot-userid-password a, .comm-chase-home-login .remember-userid{ font-size: 10px; color: #ffffff; font-family: verdana; } /* Password field with type=text remains hidden on page load */ .comm-chase-home-login div.password input.user-password-holder{ display: none; } /* .comm-chase-home-login .login-unknown-user form{ margin: 0 auto; width: 210px; height: 225px; padding-top: 25px; } */ /* Homepage login - unknown user */ .comm-chase-home-login .login-unknown-user{ padding:28px 30px 28px 30px; color:#0081C6; } .comm-chase-home-login .login-unknown-user { background: url("images/login_unknown.png") repeat scroll 0 0 transparent; height: 205px; width: 300px; } .comm-chase-home-login .login-unknown-user div.form-container{ background: none; border: 0 none; margin: 0 auto; min-width: 250px; width: auto; height: 205px; position: relative; overflow: hidden; padding-left:2px; } .comm-chase-home-login .login-unknown-user h2.welcome-txt{ color: #FFFFFF; font-size: 20px; font-weight: normal; line-height: 18px; margin: 0; padding-bottom: 12px; text-align: left; } .comm-chase-home-login .login-unknown-user input.user-name{ margin-bottom: 5px; } .comm-chase-home-login .login-unknown-user input.token-code{ margin-bottom: 10px; } .comm-chase-home-login .login-unknown-user input.user-password{ margin-bottom: 5px; } .comm-chase-home-login .login-unknown-user .loginBtn{ /* float: right; left: 585px; top: 19px; margin-top: 10px; padding-bottom: 10px; position: relative; padding-right:40px; *width:165px; */ } .comm-chase-home-login .login-unknown-user .loginBtn .chase-button-container{ float: left; } .comm-chase-home-login .login-unknown-user .remember-userid{ position: absolute; z-index: 3; top: 175px; padding-top: 15px; font-size: 11px; text-align: left; color: #ffffff; font-family: Arial, Helvetica, sans-serif; *padding-right:200px; *margin-top:-70px; } .comm-chase-home-login .login-unknown-user .remember-userid label{ padding-left: 2px; padding-top: 1px; } /* .comm-chase-home-login .login-unknown-user .form-errormessage{ width:200px; display:block; margin:8px 0px 5px 0px; } .comm-chase-home-login .login-unknown-user .form-errormessage-arrow{ left:100px; top:-13px; background-position: 0 -2389px; } .comm-chase-home-login .login-unknown-user label.accessible-text{ display:none; } */ /* END Homepage login - unknown user */ /* Styles for Outage messages */ .comm-chase-home-login .unknown-outage-message{ /*background:url("images/login_unknown.png") 0 0 repeat;*/ height: 185px; padding: 15px 15px 30px; position: relative; width: 210px; float: right; } .comm-chase-home-login .unknown-outage-message .outage-message{ /*background: #0081C6;*/ padding: 20px; font-size: 16px; color: #43444e; line-height: 21px; border: 6px #758d99 solid; text-align: center; } /*.comm-chase-home-login .outage-bar{ background:url("../chasecomhomepage/images/outage_bar.png") 0 -2px no-repeat #016899; height: 32px; }*/ .c0 {padding-top:17px} .c1 {line-height:13px} .c2 {padding-top:15px; line-height:13px} .c3 {padding-top:15px; line-height:13px} .chaseui-commercial-login-left{ display:inline; float:left; width:219px; } .chaseui-commercial-login-right{ display:inline; } @media screen and (-webkit-min-device-pixel-ratio:0) { .c0 {padding-top:20px} .c2 {padding-top:21px;} } .comm-chase-home-login .outage-message p{ margin: 0px; } /* Styles for Outage messages */ /* Styles for Enrollment */ .comm-chase-home-login .login-enrollment .welcome-txt{ font-size:15px; margin-left: 30px; font-weight: bold; color: #0081C6; padding-bottom: 18px; margin-bottom: 0; text-align: left; line-height: 20px; } .comm-chase-home-login .login-enrollment .forgot-userid-password { padding-top: 7px; margin-left: 30px; } .comm-chase-home-login .login-enrollment .forgot-userid-password a{ font-family: verdana,geneva,arial,helvetica,sans-serif; font-size: 10px; } .comm-chase-home-login .planned-outage, .comm-chase-home-login .unplanned-outage { background: url("images/login_unknown.png") repeat scroll 0 0 transparent; height: 196px; padding: 25px 75px 40px; position: relative; width: 210px; } .comm-chase-home-login .outage-message { background: white; padding: 20px; font-size: 16px; color: #43444E; line-height: 21px; border: 6px #758D99 solid; text-align: center; } /* Styles for Enrollment */ /* */ .accordion { width: auto; } .accordion .accordion-container .accordion-content { display: none; position: relative; color:#43444e; } .accordion .accordion-container { margin-bottom: 5px; line-height:21px; text-align: left; font-size: 14px; } .accordion .accordion-container .accordion-title { margin-bottom: 10px; } .accordion .accordion-container .accordion-title a { padding-left: 15px; display:block; } .accordion .accordion-large{ background:url(images/All_ArrowPageLayout.png) no-repeat 0 4px; } .accordion .accordion-small { background:url("images/All_ArrowModal_new.png") no-repeat scroll -28px 6px transparent; } .accordion .accordion-container .accordion-content { padding-bottom: 2px; padding-left: 15px; } .accordion .accordion-container .accordion-content p{ margin-bottom: 0; padding-bottom: 0; margin-bottom: 14px; } .accordion .accordion-container .accordion-content ul li { margin: 0 0 14px 17px; list-style-type: disc; } .accordion .accordion-container .accordion-content ol li { margin: 0 0 14px 22px; list-style-type: decimal; } .accordion .accordion-container.expand-accordion { } .accordion .accordion-container.accordion-large.expand-accordion { background: url("images/All_ArrowPageLayout.png") no-repeat scroll 0 -44px transparent } .accordion .accordion-container.accordion-small.expand-accordion { background: url("images/All_ArrowModal_new.png") no-repeat scroll 0px -23px transparent; } .accordion .accordion-container.expand-accordion .accordion-content { display: block; } .accordion-content a.dynamically-built-ajax-flyout-link { border-bottom:1px dashed #0076AE; text-decoration:none;} .accordion-content a.dynamically-built-ajax-flyout-link:hover { border-bottom:1px dashed #0076AE; text-decoration:none;} /********************************************************************** * BEGIN DEV MANAGED CAROUSELS **********************************************************************/ div.chaseui-carousel-iphone{ background-image: url("images/Mobile_iPhone_2.PNG"); background-repeat:no-repeat; height: 800px; width:400px !important; margin:0 auto; } #chaseui-pagebody{ background:none !important; } /*div.chaseui-carousel { width: 530px; height:50px}*/ div.chaseui-carousel-iphone ul.chaseui-carousel-items{ width:165px; height:245px; margin:98px 0 0 33px; *margin-left: 28px; } ul.chaseui-carousel-items { width: 408px; overflow: hidden; height: 30px; margin:0 10px; position: relative; float: left; text-align: center; } div.chaseui-carousel-iphone li.chaseui-carousel-item{ width:165px; height:245px; margin-left:0px; } li.chaseui-carousel-item { width: 400px; height: 30px; margin:1px; float: left; display: none; position: absolute; } div.chaseui-carousel-iphone a.chaseui-carousel-prev { float:left; margin-left:-131px; margin-top:184px; text-decoration:none; } div.chaseui-carousel-iphone a.chaseui-carousel-next { float:left; margin-left:-93px; margin-left: -58px; margin-top: 184px; text-decoration:none; } div.chaseui-carousel-iphone .chaseui-carousel-index{ text-align: center; clear: both; padding-top:100px; margin-left:-166px; } div.chaseui-carousel-iphone ul.chaseui-carousel-index li { display: inline; width:10px; margin-left:-16px; } .chaseui-carousel-index a{ text-decoration: none; } .chaseui-carousel-index a img.off{ display:inline-block; height: 14px; width: 13px; } .chaseui-carousel-index a img.on{ display:none; outline: 0px; } .chaseui-carousel-index a.active img.off{ display:none; outline: 0px; } .chaseui-carousel-index a.active img.on{ display:inline-block; height: 14px; width: 13px; } .chaseui-carousel-item:focus{ outline: thin dotted } div.chaseui-carousel-multi ul.chaseui-carousel-items { height: 100px; } div.chaseui-carousel-multi li.chaseui-carousel-item { width: 100px; height: 100px; } /*CSS for Maps*/ div.chaseui-carousel-officer{ height: 625px; width:720px !important; margin:0 auto; background-color: #ffffff; } div.chaseui-carousel-officer .chaseui-container-top, .chaseui-container-bottom{ width: 720px; height: 240px; float: left; padding-bottom: 20px; } div.chaseui-carousel-officer .chaseui-container-top .chaseui-container-content, .chaseui-container-bottom .chaseui-container-content{ width: 130px; height: 220px; float:left; padding-right: 5px; padding-left:5px; } /*img.chaseui-officer-image{ padding: 3px; -webkit-box-shadow: 0 0 4px 0 #ABABAB; -moz-box-shadow: 0 0 4px 0 #ABABAB; box-shadow: 0 0 4px 0 #ABABAB; }*/ div.chaseui-container-content-image{ padding-bottom: 10px; } div.chaseui-container-content-name{ padding-bottom: 10px; height: 33px; } div.chaseui-carousel-officer h2.chaseui-officer-name{ color:#016889; font-family: verdana; font-weight: bold; font-size: 12px; text-align: center; } div.chaseui-carousel-officer p.chaseui-officer-details{ color:#43444e; font-family: verdana; font-size: 12px; text-align: center; } div.chaseui-carousel-officer ul.chaseui-carousel-items{ width:660px; height:500px; padding:20px; border-bottom: 1px solid #ababab; } div.chaseui-carousel-officer li.chaseui-carousel-item{ width:720px; height:600px; margin-left:0px; } div.chaseui-carousel-officer a.chaseui-carousel-prev { float:left; margin-left:299px; margin-top:30px; text-decoration:none; *margin-left: 295px; } div.chaseui-carousel-officer a.chaseui-carousel-next { float:left; margin-left: 412px; margin-top: -30px; text-decoration:none; *margin: -27px 0 0 414px; } div.chaseui-carousel-officer .chaseui-carousel-index{ text-align: center; margin-top:32px; display: inline-block; margin-left: 16px; *padding-right: 0px; padding-right: 318px; *margin-top:-20px; } .browser-ie7 div.chaseui-carousel-officer .chaseui-carousel-index{ padding: 0px; } div.chaseui-carousel-officer ul.chaseui-carousel-index li { display: inline; width:10px; margin-left:-16px; } div.chaseui-carousel-officer a img.active{ display:inline-block; height: 30px; width: 20px; } div.chaseui-carousel-officer .chaseui-carousel-index a img.off{ display:inline-block; height: 14px; width: 13px; } div.chaseui-carousel-officer .chaseui-carousel-index a img.on{ display:none; outline: 0px; } div.chaseui-carousel-officer .chaseui-carousel-index a.active img.off{ display:none; outline: 0px; } div.chaseui-carousel-officer .chaseui-carousel-index a.active img.on{ display:inline-block; height: 14px; width: 13px; } /*Commercial Multi panel */ div.chaseui-carousel-slider p.chaseui-officer-name{ color:#016889; font-family: verdana; font-weight: bold; font-size: 14px; text-align: left; } div.chaseui-carousel-slider p.chaseui-officer-details{ color:#ababab; font-family: verdana; font-size: 12px; text-align: left; font-weight: bold; } div.chaseui-carousel-slider div.chaseui-container-content-name{ padding-bottom: 10px; height: 14px; } div.chaseui-carousel-slider div.chaseui-container-content-image{ width: 208px; padding-top:6px; height: 137px; border-right: 1px dotted #B1B7BD; } #slider{ height: 320px; width: 1000px; background-color: #ffffff; } div.chaseui-carousel-slider a.chaseui-carousel-prev { float:left; margin-left:4px; margin-top:90px; text-decoration:none; position: absolute; } div.chaseui-carousel-slider a.chaseui-carousel-next { float:left; margin-left: -39px; margin-top: 84px; text-decoration:none; } div.chaseui-carousel-slider .chaseui-carousel-index{ display: inline-block; margin: 0 auto; text-align: center; padding: 0px; width: 1000px; /*margin-top:-20px;*/ } div.chaseui-carousel-slider div.chaseui-image-last{ border: none; } .chaseui-carousel { width: 530px; height:50px} .chaseui-carousel-items {position: relative; overflow: hidden; float: left; margin:0 10px; width: 409px; height: 34px; text-align: center;} .chaseui-carousel-item { display: none; position: absolute; float: left; width: 400px; height: 30px; margin:1px; } .chaseui-carousel-prev {float:left} .chaseui-carousel-index{text-align: center;clear: both;} .chaseui-carousel-index a {text-decoration: none;} .chaseui-carousel-index a.active{ font-weight: bold;} .chaseui-carousel-item:focus{ outline: dotted 1px;} .chaseui-carousel-index.bullet a:after {content: "\25CB"; font-size: bold;} .chaseui-carousel-index.bullet a.active:after {content:"\25CF"} .chaseui-carousel-slider .chaseui-carousel-items { height: 320px; width:985px;} .chaseui-carousel-slider .chaseui-carousel-item { width: 180px;height: 310px; padding: 0px 28px;} .chaseui-carousel-slider .chaseui-carousel-index span { display: none;font-size: 16px;} .chaseui-carousel-index a img.off{ display:inline-block; } .chaseui-carousel-index a img.on{ display:none; outline: 0px; } .chaseui-carousel-index a.active img.off{ display:none; outline: 0px; } .chaseui-carousel-index a.active img.on{ display:inline-block; } div.chaseui-carousel-slider a img.active{ display:inline-block; height: 30px; width: 20px; } div.chaseui-carousel-slider a img.disable{ display:none; outline: 0px; } div.chaseui-carousel-slider a.disabled img.active{ display:none; outline: 0px; } div.chaseui-carousel-slider a.disabled img.disable{ display:inline-block; height: 30px; width: 20px; } div.chaseui-carousel-slider div.chaseui-container-content{ padding-top: 30px; } .browser-ie-7 .chaseui-carousel-slider .chaseui-carousel-index a span.off { display: inline;} .browser-ie-7 .chaseui-carousel-slider .chaseui-carousel-index a.active span.on{ display: inline;} .browser-ie-7 .chaseui-carousel-slider .chaseui-carousel-index a.active span.off{ display:none;} div.chaseui-header-carousel{ background-color: #ffffff; width: 945px; height: 70px; } div.chaseui-header p{ color: #016899; font-family: Amplitude; font-size: 32px; } div.chaseui-intro p{ color: #43444E; font-family: Verdana; font-size: 16px; font-weight: bold; } /*Liquid Carousel*/ div.chaseui-carousel-liquid { width: 685px; height:50px; *width:693px;} div.chaseui-carousel-liquid .chaseui-carousel-items {position: relative; overflow: hidden; float: left; margin:0 10px; width: 630px; height: 34px; text-align: center;} div.chaseui-carousel-liquid .chaseui-carousel-item { display: none; position: absolute; float: left; width: 625px; height: 30px; margin:1px; } div.chaseui-carousel-liquid .chaseui-carousel-prev {float:left} div.chaseui-carousel-liquid .chaseui-carousel-index{text-align: center;clear: both;} p.chaseui-liquid-statement{ font-size: 22px; font-family: verdana; color:#022DCB; width:625px; text-align: center; *padding-bottom: 5px; } span.chaseui-liquid-strong{ font-weight:bold; } div.chaseui-carousel-liquid .chaseui-carousel-index a{ text-decoration: none; } div.chaseui-carousel-liquid .chaseui-carousel-index a img.off{ display:inline-block; width: 12px; height: 10px; text-decoration: none; } div.chaseui-carousel-liquid .chaseui-carousel-index a img.on{ display:none; outline: 0px; } div.chaseui-carousel-liquid .chaseui-carousel-index a.active img.off{ display:none; outline: 0px; } div.chaseui-carousel-liquid .chaseui-carousel-index a.active img.on{ display:inline-block; width: 12px; height: 10px; text-decoration: none; } .chaseui-carousel-item:focus{ outline: dotted 1px;} /*Comercial-Cycle*/ div.chaseui-carousel-commercial p.chaseui-officer-name{ color:#016889; font-family: verdana; font-weight: bold; font-size: 14px; text-align: left; } div.chaseui-carousel-commercial p.chaseui-officer-details{ color:#43444E; font-family: verdana; font-size: 12px; text-align: left; width: 180px; } div.chaseui-carousel-commercial div.chaseui-container-content-name{ padding-bottom: 10px; height: 14px; } div.chaseui-carousel-commercial div.chaseui-container-content-image{ width: 201px; padding-top:6px; height: 125px; border-right: 1px dotted #B1B7BD; } div.chaseui-carousel-commercial #carousel{ height: 280px; width: 1000px; background-image: #ffffff; } div.chaseui-carousel-commercial{ height: 280px; width:945px; margin:0 auto; background-color: #ffffff; background-image: url('images/commercial_body_carousel_background.png'); background-position: bottom; background-repeat: no-repeat; } div.chaseui-carousel-commercial .chaseui-container-top{ width: 952px; height: 240px; float: left; padding-bottom: 20px; } div.chaseui-carousel-commercial .chaseui-container-top .chaseui-container-content{ width: 220px; height: 285px; float:left; padding-right: 5px; padding-left:5px; } .chaseui-carousel-commercial .chaseui-carousel-items { height: 285px; width:910px; margin-left:22px;} .chaseui-carousel-commercial .chaseui-carousel-item { width: 940px;height: 285px; padding: 0px;} div.chaseui-carousel-commercial a img.active{ display:inline-block; /*height: 30px; width: 20px;*/ } div.chaseui-carousel-commercial a.chaseui-carousel-prev { float:left; margin-left:4px; margin-top:59px; text-decoration:none; position: absolute; } div.chaseui-carousel-commercial a.chaseui-carousel-next { float:left; margin-left: -25px; margin-top: 59px; text-decoration:none; } div.chaseui-carousel-commercial img.chaseui-officer-image{ box-shadow: none; padding:0px; } .browser-ie7 div.chaseui-carousel-commercial a.chaseui-carousel-next { margin-left: -30px; } /* div.chaseui-carousel-officer { background-color: #FFFFFF; height: 489px; margin: 0 auto; width: 720px; } div.chaseui-carousel-officer .chaseui-container-top, .chaseui-container-bottom { float: left; height: 208px; padding-bottom: 15px; width: 720px; } div.chaseui-carousel-officer .chaseui-container-top .chaseui-container-content, .chaseui-container-bottom .chaseui-container-content { float: left; height: 206px; padding-left: 5px; padding-right: 5px; width: 130px; } img.chaseui-officer-image { box-shadow: 0 0 4px 0 #ABABAB; padding: 3px; } div.chaseui-container-content-image { padding-bottom: 10px; } div.chaseui-container-content-name { height: 12px; padding-bottom: 10px; } div.chaseui-carousel-officer p.chaseui-officer-name { color: #016889; font-family: verdana; font-size: 12px; font-weight: bold; text-align: center; } div.chaseui-carousel-officer p.chaseui-officer-details { color: #43444E; font-family: verdana; font-size: 12px; text-align: center; } div.chaseui-carousel-officer ul.chaseui-carousel-items { border-bottom: 1px solid #ABABAB; height: 443px; padding: 0 15px; width: 660px; } div.chaseui-carousel-officer li.chaseui-carousel-item { height: 471px; margin-left: 0; width: 720px; } div.chaseui-carousel-officer a.chaseui-carousel-prev { float: left; margin-left: 299px; margin-top: 13px; text-decoration: none; } div.chaseui-carousel-officer a.chaseui-carousel-next { float: left; margin-left: 412px; margin-top: -30px; text-decoration: none; } div.chaseui-carousel-officer .chaseui-carousel-index { display: inline-block; margin-left: 16px; margin-top: 17px; padding-right: 318px; text-align: center; } div.chaseui-carousel-officer ul.chaseui-carousel-index li { display: inline; margin-left: -16px; width: 10px; } div.chaseui-carousel-officer a img.active { display: inline-block; height: 30px; width: 20px; } div.chaseui-carousel-officer .chaseui-carousel-index a img.off { display: inline-block; height: 14px; width: 13px; } div.chaseui-carousel-officer .chaseui-carousel-index a img.on { display: none; outline: 0 none; } div.chaseui-carousel-officer .chaseui-carousel-index a.active img.off { display: none; outline: 0 none; } div.chaseui-carousel-officer .chaseui-carousel-index a.active img.on { display: inline-block; height: 14px; width: 13px; } */ #chaseui-carousel-slides { /*overflow:hidden;*/ /* fix ie overflow issue */ /*height: 245px; margin-left: 32px; margin-top: 0;*/ overflow: hidden; /*width: 165px; position: absolute; top: 101px;*/ top: 0; margin: 0px; position: relative; width: 908px; height:285px; } #chaseui-carousel-slides ul { position:relative; left:0; top:0; list-style:none; margin:0; padding:0; /*width:750px;*/ width: 250px; height: 190px; } /* width of the item */ #chaseui-carousel-slides li { /*width:165px; height:245px;*/ display: inline; width: 910px; height: 190px; margin: 0px; list-style:none; float:left; /*margin-left: 0px;*/ position:absolute; } #chaseui-carousel-slides li div.chaseui-container-content{ float: left; height: 285px; padding-left: 5px; padding-right: 5px; width: 202px; } div.chaseui-carousel{ width: 945px; height: auto; float: left; } a.chaseui-prev-button, a.chaseui-next-button{ margin:0px; } div.chaseui-direction-buttons-center{ margin-top: 10%; } .chaseui-carousel-controls-none{ } .chaseui-container-content.dotted img{ border-right: 1px dotted #B1B7BD; padding: 6px 30px 10px 0; } .chaseui-container-content.none img{ border-right: 0px solid #B1B7BD; padding: 6px 30px 10px 0; } /********************************************************************** * END DEV GENERAL CAROUSELS * * BEGIN ONE-OFF CAROUSEL COMPONENT (SO YOU CAN) * * Cascade: div.chaseui-carousel-liquid-sys **********************************************************************/ div.chaseui-carousel-liquid-sys .chaseui-container-content{ float: left; width:232px; border: 1px solid #fff; border-width:0 0 0 1px; background-color: #ffffff; padding:12px 10px; } div.chaseui-carousel-liquid-sys .multitask{ text-align:center; } div.chaseui-carousel-liquid-sys{ width: 928px; height:537px; position:relative; float:none !important; background:#fff; } div.chaseui-carousel-liquid-sys .chaseui-carousel-index div.active{ background-color: #fff; text-align:center; } div.chaseui-carousel-liquid-sys .chaseui-carousel-index { margin:0; width:928px; } div.chaseui-carousel-liquid-sys .chaseui-carousel-index > .chaseui-container-content{ padding:22px 13px 5px; height: 224px; background:#e1e1e1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; position:relative; } div.chaseui-carousel-liquid-sys .multitask .multitask-text-container { position:static; } div.chaseui-carousel-liquid-sys .chaseui-carousel-index > .chaseui-container-content p{ font: normal 13px verdana,arial,geneva,sans-serif; } div.chaseui-carousel-liquid-sys .chaseui-carousel-item, div.chaseui-carousel-liquid-sys .chaseui-carousel-items { width:928px; height:539px; margin:0; } div.chaseui-carousel-liquid-sys .chase-button-container { float:none; position:static; margin: 0 auto; } div.chaseui-carousel-liquid-sys .chaseui-carousel-prev, div.chaseui-carousel-liquid-sys .chaseui-carousel-next{ height:43px; position:absolute; margin-top:11px; margin-left:28px; top:50%; z-index:100; } div.chaseui-carousel-liquid-sys .chaseui-carousel-prev { float:none; left:0; } div.chaseui-carousel-liquid-sys .chaseui-carousel-next{ right:28px; } div.chaseui-carousel-liquid-sys .multitask-button-absolute{ bottom:10%; right:26%; margin-left:52px; } /********************************************************************** * END DEV MANAGED CAROUSELS * * BEGIN CAROUSEL COMPONENT * * Cascade: div.chaseui-carousel-component **********************************************************************/ div.chaseui-carousel-component{ position: relative; padding: 0 30px; overflow: hidden; } div.chaseui-carousel-component ul.chaseui-carousel-items { width: auto; overflow: visible; height: auto; margin: 0; position: relative; text-align: center; float: none; } div.chaseui-carousel-component li.chaseui-carousel-item { width: 100%; height: auto; margin: 0; display: none; position: absolute; float: none; list-style: none; } div.chaseui-carousel-component a.chaseui-carousel-prev{ position: absolute; left: 0; top: 50%; margin-top:-18px; } div.chaseui-carousel-component a.chaseui-carousel-next{ position: absolute; right: 0; top: 50%; margin-top:-18px; } div.chaseui-carousel-component div.chaseui-carousel-content { float: left; } div.chaseui-carousel-component .chaseui-carousel-index { text-align: center; } div.chaseui-carousel-component .chaseui-carousel-index a { display: inline-block; width: 30px; height: 30px; margin: 0 3px; background: url('images/carousel-sprite.png') no-repeat; background-position: 3px 3px; overflow: hidden; } div.chaseui-carousel-component .chaseui-carousel-index a:hover { background-position: 3px -28px; } div.chaseui-carousel-component .chaseui-carousel-index a.active { background-position: 3px -60px; } /* panel layouts */ div.chaseui-carousel-component li.chaseui-num-panels-1 div.chaseui-carousel-content { width: 100%; } div.chaseui-carousel-component li.chaseui-num-panels-2 div.chaseui-carousel-content { width: 50%; } div.chaseui-carousel-component li.chaseui-num-panels-3 div.chaseui-carousel-content { width: 33%; } div.chaseui-carousel-component li.chaseui-num-panels-4 div.chaseui-carousel-content { width: 25%; } div.chaseui-carousel-component li.chaseui-num-panels-5 div.chaseui-carousel-content { width: 20%; } /*so you can specific classes */ div.chaseui-carousel-liquid-syc { height: 50px; margin-left: 233px; width: 685px; } div.chaseui-carousel-liquid-syc .chaseui-carousel-items { float: left; height: 56px; margin: 0 10px; overflow: hidden; position: relative; text-align: center; width: 630px; } div.chaseui-carousel-liquid-syc .chaseui-carousel-item { display: none; float: left; height: 30px; margin: 1px; position: absolute; width: 625px; } /* */ .chase-button, .chase-button span, .chase-button-container, .chase-button-container.translucent .inner-large, .chase-button-container.translucent .left-door { /* visibility: hidden; */ } .chase-button-container { float: right; position: relative; overflow: visible; zoom: 1; } /* All buttons */ .login-container .login .login-form .chase-button-container .chase-button, .chase-button-container .chase-button { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; display: block; height: auto; width: auto; -moz-box-shadow: 0px 2px 6px -3px #000; -webkit-box-shadow: 0px 2px 6px -3px #000; box-shadow: 0px 2px 6px -3px #000; text-shadow: -1px -1px 2px rgba(0,0,0,0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index: 1; } .chase-button-container .chase-button .chase-button-glare { position: absolute; height: 50%; top: 1px; left: 1px; right: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: -1; } .login-container .login .chase-button-container .chase-button.button-hover, .chase-button-container .chase-button.button-hover { text-decoration: none; } /*----------------- Primary Buttons -----------------*/ .login-container .login .chase-button-container .chase-button.primary-button, .chase-button-container .chase-button.primary-button { position: relative; color: #ffffff; background-color:#48960b; background: -moz-linear-gradient(top, #136001 0%, #348208 50%, #48960b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#136001), color-sotp(50%,#348208), color-stop(100%,#48960b)); background: -webkit-linear-gradient(top, #136001 0%, #348208 50%,#48960b 100%); background: -o-linear-gradient(top, #136001 0%, #348208 50%,#48960b 100%); background: -ms-linear-gradient(top, #136001 0%, #348208 50%,#48960b 100%); background: linear-gradient(top, #136001 0%, #348208 50%,#48960b 100%); -pie-background: linear-gradient(top, #136001 0%, #348208 50%,#48960b 100%); border:1px solid #166302; text-shadow: -1px -1px 1.5px rgba(0,0,0,0.3); } .chase-button-container .chase-button.primary-button .chase-button-glare { background: -moz-linear-gradient(top, #e8f0e6 0%, #97ba8b 33%, #5b993a 101%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f0e6),color-stop(33%,#97ba8b),color-stop(100%,#5b993a)); background: -webkit-linear-gradient(top, #e8f0e6 0%, #97ba8b 33%,#5b993a 100%); background: -o-linear-gradient(top, #e8f0e6 0%, #97ba8b 33%,#5b993a 100%); background: -ms-linear-gradient(top, #e8f0e6 0%, #97ba8b 33%,#5b993a 100%); background: linear-gradient(top, #e8f0e6 0%, #97ba8b 33%,#5b993a 100%); -pie-background: linear-gradient(top, #e8f0e6 0%, #97ba8b 33%,#5b993a 100%); } .login-container .login .chase-button-container .chase-button.primary-button:hover{ color: #ffffff; text-decoration:none; } .login-container .login .chase-button-container .chase-button.primary-button.button-hover, .chase-button-container .chase-button.primary-button.button-hover{ background: -moz-linear-gradient(top, #1a5619 0%, #7fb53c 50%, #a7d245 90%, #9cc83d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a5619), color-stop(50%,#7fb53c), color-stop(90%,#a7d245), color-stop(100%,#9cc83d)); background: -webkit-linear-gradient(top, #1a5619 0%, #7fb53c 50%, #a7d245 90%, #9cc83d 100%); background: -o-linear-gradient(top, #1a5619 0%, #7fb53c 50%, #a7d245 90%, #9cc83d 100%); background: -ms-linear-gradient(top, #1a5619 0%, #7fb53c 50%, #a7d245 90%, #9cc83d 100%); background: linear-gradient(top, #1a5619 0%, #7fb53c 50%, #a7d245 90%, #9cc83d 100%); -pie-background: linear-gradient(top, #1a5619 0%, #7fb53c 50%, #a7d245 90%, #9cc83d 100%); } .chase-button-container .chase-button.primary-button .chase-button-glare.button-hover { background: -moz-linear-gradient(top, #ffffff 0%, #a0c385 33%, #9ac468 101%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(33%,#a0c385),color-stop(100%,#9ac468)); background: -webkit-linear-gradient(top, #ffffff 0%, #a0c385 33%,#9ac468 100%); background: -o-linear-gradient(top, #ffffff 0%, #a0c385 33%,#9ac468 100%); background: -ms-linear-gradient(top, #ffffff 0%, #a0c385 33%,#9ac468 100%); background: linear-gradient(top, #ffffff 0%, #a0c385 33%,#9ac468 100%); -pie-background: linear-gradient(top, #ffffff 0%, #a0c385 33%,#9ac468 100%); -pie-watch-ancestors:1; } /*----------------- Secondary Buttons -----------------*/ .chase-button-container .chase-button.secondary-button { position: relative; /* height: 34px; */ color: #ffffff; border: 1px solid #0a5c89; padding: 6px 20px; background-color: #137ba0; background: #0b618f; background: -moz-linear-gradient(top, #004c70 0%, #137ba0 50%, #0c9fd5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004c70), color-stop(50%,#137ba0), color-stop(100%,#0c9fd5)); background: -webkit-linear-gradient(top, #004c70 0%, #137ba0 50%,#0c9fd5 100%); background: -o-linear-gradient(top, #004c70 0%, #137ba0 50%,#0c9fd5 100%); background: -ms-linear-gradient(top, #004c70 0%, #137ba0 50%,#0c9fd5 100%); background: linear-gradient(top, #004c70 0%, #137ba0 50%,#0c9fd5 100%); -pie-background: linear-gradient(top, #004c70 0%, #137ba0 50%,#0c9fd5 100%); } .chase-button-container .chase-button.secondary-button .chase-button-glare { background-color: rgba(255, 255, 255, 0.25); background: -moz-linear-gradient(top, #e5eef3 0%, #8db5c1 33%, #4395ba 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5eef3), color-stop(33%,#8db5c1), color-stop(100%,#4395ba)); background: -webkit-linear-gradient(top, #e5eef3 0%, #8db5c1 33%,#4395ba 100%); background: -o-linear-gradient(top, #e5eef3 0%, #8db5c1 33%,#4395ba 100%); background: -ms-linear-gradient(top, #e5eef3 0%, #8db5c1 33%,#4395ba 100%); background: linear-gradient(top, #e5eef3 0%, #8db5c1 33%,#1995ca 100%); -pie-background: linear-gradient(top, #e5eef3 0%, #8db5c1 33%,#4395ba 100%); } .chase-button-container .chase-button.secondary-button.button-hover, .chase-button-container .chase-button.tertiary-button.button-hover { color: #004566; border-color: #989898; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); background: -moz-linear-gradient(top, #68bcdb 0%, #9cd2e6 58%, #ffffff 95%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68bcdb), color-stop(58%,#9cd2e6), color-stop(95%,#ffffff)); background: -webkit-linear-gradient(top, #68bcdb 0%, #9cd2e6 58%, #ffffff 95%); background: -o-linear-gradient(top, #68bcdb 0%, #9cd2e6 58%, #ffffff 95%); background: -ms-linear-gradient(top, #68bcdb 0%, #9cd2e6 58%, #ffffff 95%); background: linear-gradient(top, #68bcdb 0%, #9cd2e6 58%, #ffffff 95%); -pie-background: linear-gradient(top, #68bcdb 0%, #9cd2e6 58%, #ffffff 95%); } .chase-button-container .chase-button.secondary-button .chase-button-glare.button-hover, .chase-button-container .chase-button.tertiary-button .chase-button-glare.button-hover { background: -moz-linear-gradient(top, #e6f1f5 0%, #bee8f6 33%, #b5e0f3 101%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f1f5), color-stop(33%,#bee8f6), color-stop(100%,#b5e0f3)); background: -webkit-linear-gradient(top, #e6f1f5 0%, #bee8f6 33%, #b5e0f3 100%); background: -o-linear-gradient(top, #e6f1f5 0%, #bee8f6 33%, #b5e0f3 100%); background: -ms-linear-gradient(top, #e6f1f5 0%, #bee8f6 33%, #b5e0f3 100%); background: linear-gradient(top, #e6f1f5 0%, #bee8f6 33%, #b5e0f3 100%); -pie-background: linear-gradient(top, #e6f1f5 0%, #bee8f6 33%, #b5e0f3 100%); -pie-watch-ancestors:1; } /*----------------- Tertiary Buttons -----------------*/ .chase-button-container .chase-button.tertiary-button { position: relative; border: 1px solid #999; color: #43444e; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); background: -moz-linear-gradient(top, #c1c1c1 0%, #e8e8e8 50%, #f8f8f8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c1c1), color-stop(50%,#e8e8e8), color-stop(100%,#f8f8f8)); background: -webkit-linear-gradient(top, #c1c1c1 0%, #e8e8e8 50%,#f8f8f8 100%); background: -o-linear-gradient(top, #c1c1c1 0%, #e8e8e8 50%,#f8f8f8 100%); background: -ms-linear-gradient(top, #c1c1c1 0%, #e8e8e8 50%,#f8f8f8 100%); background: linear-gradient(top, #c1c1c1 0%, #e8e8e8 50%,#f8f8f8 100%); -pie-background: linear-gradient(top, #c1c1c1 0%, #e8e8e8 50%,#f8f8f8 100%); } .chase-button-container .chase-button.tertiary-button .chase-button-glare { right: 2px; left: 2px; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 33%, #f3f3f3 101%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(33%,#f3f3f3), color-stop(100%,#f3f3f3)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 33%, #f3f3f3 100%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 33%, #f3f3f3 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 33%, #f3f3f3 100%); background: linear-gradient(top, #ffffff 0%, #f2f2f2 33%, #f3f3f3 100%); -pie-background: linear-gradient(top, #ffffff 0%, #f2f2f2 33%, #f3f3f3 100%); } /* Tertiary buttons use same hover state as secondary */ .chase-button-container .chase-button.tertiary-button.button-hover{ } .chase-button-container .chase-button.tertiary-button .chase-button-glare.button-hover { } /* ------------- Sizes --------------*/ .login-container .login .chase-button-container .chase-button.large-button, .chase-button-container .chase-button.large-button { font-size: 14px; line-height:14px; font-weight:bold; padding: 10px 20px 8px; *height: 14px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .chase-button-container .dynamically-built-ajax-multiselect.chase-button.large-button { *padding: 8px 20px 10px; } .chase-button-container .chase-button.medium-button { font-size: 12px; line-height: 12px; font-weight:bold; padding: 6px 16px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .chase-button-container .chase-button.medium-button .chase-button-glare { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .chase-button-container .chase-button.small-button { font-size: 10px; line-height: 10px; font-weight: bold; padding: 5px 10px 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .chase-button-container .chase-button.small-button .chase-button-glare { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .chase-button-container .chase-button.secondary-button.small-button{ text-shadow: -1px -1px 1px rgba(0,0,0,0.3); } .chase-button-container .chase-button.tertiary-button.small-button.button-hover, .chase-button-container .chase-button.secondary-button.small-button.button-hover { text-shadow: 1px 1px 1px rgba(255,255,255,0.5); } /* ------------- Lock ------------- */ .chase-button-container .chase-button.primary-button.large-button .lock-container { width: 10px; height: 14px; float: left; position: relative; top:-1px; margin-right: 8px; background: url('images/swat-sprite.png') 0 -1233px no-repeat; } .chase-button-container .chase-button.secondary-button.large-button .lock-container, .chase-button-container .chase-button.tertiary-button.large-button .lock-container { width: 12px; height: 16px; float: left; position: relative; top:-1px; margin-right: 8px; background: url('images/swat-button-icon-sprite.png') 0px 0 no-repeat; } .chase-button-container .chase-button.tertiary-button.large-button .lock-container{ background-position: 0px -130px; } .chase-button-container .chase-button.secondary-button.large-button.button-hover .lock-container, .chase-button-container .chase-button.tertiary-button.large-button.button-hover .lock-container{ background-position: -1px -260px; } .chase-button-container .dynamically-built-ajax-multiselect.chase-button.large-button .lock-container{ *top: 2px; } .chase-button-container .chase-button.medium-button .lock-container { width: 10px; height: 14px; float:left; position: relative; top:-1px; margin-right: 6px; background: url('images/swat-button-icon-sprite.png') 0 -25px no-repeat; } .chase-button-container .chase-button.tertiary-button.medium-button .lock-container { background-position: 0 -155px; } .chase-button-container .chase-button.secondary-button.medium-button.button-hover .lock-container, .chase-button-container .chase-button.tertiary-button.medium-button.button-hover .lock-container{ background-position: -1px -285px; } .chase-button-container .chase-button.small-button .lock-container { width: 8px; height: 11px; float: left; position: relative; top:0px; margin-right: 6px; background: url('images/swat-button-icon-sprite.png') 0 -47px no-repeat; } .chase-button-container .chase-button.tertiary-button.small-button .lock-container{ background-position: 0 -178px; } .chase-button-container .chase-button.tertiary-button.small-button.button-hover .lock-container, .chase-button-container .chase-button.secondary-button.small-button.button-hover .lock-container { background-position: -1px -307px; top: -1px; } /* ------------- Magnifying Glass ------------- */ .chase-button-container .chase-button.primary-button.large-button .magnifying-glass-container{ width: 13px; height: 14px; float:left; position: relative; top:0px; left: -2px; margin-right: 6px; background: url('images/swat-sprite.png') 0 -1197px no-repeat; } .chase-button-container .chase-button.secondary-button.large-button .magnifying-glass-container, .chase-button-container .chase-button.tertiary-button.large-button .magnifying-glass-container { width: 13px; height: 14px; float:left; position: relative; margin-right: 6px; background: url('images/swat-button-icon-sprite.png') 0 -67px no-repeat; top:1px; left:-2px; } .chase-button-container .chase-button.tertiary-button.large-button .magnifying-glass-container { background-position: -1px -198px; } .chase-button-container .chase-button.tertiary-button.large-button.button-hover .magnifying-glass-container, .chase-button-container .chase-button.secondary-button.large-button.button-hover .magnifying-glass-container{ background-position: -1px -327px; top:0px; } .chase-button-container .chase-button.medium-button .magnifying-glass-container { width: 12px; height: 12px; float: left; position: relative; top: 2px; left:-2px; margin-right: 4px; background: url('images/swat-button-icon-sprite.png') 0 -89px no-repeat; } .chase-button-container .chase-button.tertiary-button.medium-button .magnifying-glass-container { background-position: 0 -221px; top: 1px; } .chase-button-container .chase-button.secondary-button.medium-button.button-hover .magnifying-glass-container, .chase-button-container .chase-button.tertiary-button.medium-button.button-hover .magnifying-glass-container { background-position: -1px -350px; top: 0; } .chase-button-container .chase-button.small-button .magnifying-glass-container { width: 11px; height: 11px; float: left; position: relative; top: 0px; left: -2px; margin-right: 3px; background: url('images/swat-button-icon-sprite.png') 1px -109px no-repeat; } .chase-button-container .chase-button.tertiary-button.small-button .magnifying-glass-container{ background-position: 0 -242px; } .chase-button-container .chase-button.tertiary-button.small-button.button-hover .magnifying-glass-container, .chase-button-container .chase-button.secondary-button.small-button.button-hover .magnifying-glass-container{ background-position: -1px -372px; } /* ------------- Envelope ------------- */ .chase-button-container .chase-button.large-button .envelope-container { width: 24px; height: 16px; float: left; position: relative; top: 0px; margin-right: 8px; background: url('images/swat-button-icon-sprite.png') 0px -396px no-repeat; } .chase-button-container .chase-button.medium-button .envelope-container { width: 19px; height: 14px; float: left; position: relative; top: 1px; margin-right: 2px; background: url('images/swat-button-icon-sprite.png') -3px -418px no-repeat; } .chase-button-container .chase-button.small-button .envelope-container { width: 19px; height: 11px; float:left; position: relative; top:2px; *top:0px; margin-right: 10px; background: url('images/swat-button-icon-sprite.png') -203px -183px no-repeat; } /* ------------- Multiselect ------------- */ .chase-button-container .chase-button .multiselect-arrow { width: 11px; height: 11px; display: inline-block; margin-left: 10px; background: url('images/swat-sprite.png') right -2297px no-repeat; vertical-align: top; *vertical-align: middle; } /* ------------- Leaf ------------- Not currently in use */ /* .chase-button-container .chase-button.large-button .leaf-container { width: 12px; height: 14px; float:left; position: relative; top:2px; *top: -2px; margin-right: 10px; background: url('images/swat-sprite.png') 0px -1830px no-repeat; } .chase-button-container .chase-button.medium-button .leaf-container { width: 12px; height: 14px; float:left; position: relative; top:2px; *top:0px; margin-right: 10px; background: url('images/swat-sprite.png') 0 0 no-repeat; } .chase-button-container .chase-button.small-button .leaf-container { width: 12px; height: 14px; display:inline-block; position: relative; top:2px; *top:0px; margin-right: 10px; background: url('images/swat-sprite.png') 0 0 no-repeat; }*/ /* ------------- translucent glass background styles ------------- */ .chase-button-container.css3-translucent { border: 1px solid rgba(255,255,255,0.2); -moz-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 0 10px -1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px -1px rgba(0,0,0,0.3); box-shadow: 0 0 10px -1px rgba(0,0,0,0.3); padding: 9px; background: -moz-linear-gradient(top, rgba(236,240,242,0.2) 0%, rgba(225,233,239,0.2) 49%, rgba(160,167,172,0.2) 52%, rgba(210,220,227,0.2) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,240,242,0.2)), color-stop(49%,rgba(225,233,239,0.2)), color-stop(52%,rgba(160,167,172,0.2)), color-stop(100%,rgba(210,220,227,0.2))); background: -webkit-linear-gradient(top, rgba(236,240,242,0.2) 0%,rgba(225,233,239,0.2) 49%,rgba(160,167,172,0.2) 52%,rgba(210,220,227,0.2) 100%); background: -o-linear-gradient(top, rgba(236,240,242,0.2) 0%,rgba(225,233,239,0.2) 49%,rgba(160,167,172,0.2) 52%,rgba(210,220,227,0.2) 100%); background: -ms-linear-gradient(top, rgba(236,240,242,0.2) 0%,rgba(225,233,239,0.2) 49%,rgba(160,167,172,0.2) 52%,rgba(210,220,227,0.2) 100%); background: linear-gradient(to bottom, rgba(236,240,242,0.2) 0%,rgba(225,233,239,0.2) 49%,rgba(160,167,172,0.2) 52%,rgba(210,220,227,0.2) 100%); } .chase-button-container.css3-translucent.medium { -moz-border-radius: 6px; border-radius: 6px; padding: 8px; } .chase-button-container.css3-translucent.small { border-radius: 0; padding: 0; box-shadow: 0; } .chase-button-container.sprite-translucent .left-door { width: 12px; height: 63px; float: left; background: url('images/transparency-sprite.png') 0 -103px no-repeat; white-space: nowrap; overflow: visible; zoom: 1; } .chase-button-container.sprite-translucent .inner-large { float: left; background: url('images/transparency-sprite.png') 100% -103px no-repeat; margin: 0px; padding: 10px 18px 16px 5px; white-space: nowrap; overflow: visible; zoom: 1; } .chase-button-container.sprite-translucent.medium .left-door { width: 12px; height: 50px; float: left; background: url('images/transparency-sprite.png') 0 -167px no-repeat; white-space: nowrap; overflow: visible; zoom: 1; } .chase-button-container.sprite-translucent.medium .inner-large { float: left; background: url('images/transparency-sprite.png') 100% -167px no-repeat; margin: 0px; padding: 10px 18px 14px 5px; white-space: nowrap; overflow: visible; zoom: 1; } .chase-button-container.sprite-translucent a { top: 1px; zoom: 1 } .login-container .login .unknown-user-area .chase-button-container .chase-button.large-button{ *width:172px; } /*Chase Button related CSS - chase-buttons.css - from common-swat.css*/ .chaseui-button{background:url(images/swat-sprite.png) no-repeat right -858px;border:0;cursor:pointer;height:auto!important;margin:0;overflow:visible;padding:0 10px 0 0;position:relative;white-space:nowrap;widh:auto;} .chaseui-button span.chaseui-buttoncontents{background:url(images/swat-sprite.png) no-repeat 0 -825px;color:#5b5c65;cursor:pointer;display:inline-block;font:bold 12px/27px verdana;padding:0 0 0 10px;position:relative;} .ie8 .chaseui-button{display:inline-table;} .chaseui-button:focus{border:1px dotted #000;outline:0;} .chaseui-button:hover{text-decoration:none;} .chaseui-button:hover span.chaseui-buttoncontents{background-position:0 -891px;} a.chaseui-button{background:url(images/swat-sprite.png) no-repeat right -858px;} a.chaseui-button:focus{outline:dotted thin #000;} a.chaseui-button:hover{background:right -924px;text-decoration:none;} a.chaseui-button.chasejs-actiondetailsclose{height:10px;padding:0;position:absolute;right:26px;top:20px;width:10px;background:none;} a.chaseui-button.chasejs-actiondetailsclose span{margin:0;padding:0;position:absolute;} .chaseui-button-inactive span.chaseui-buttoncontents, .chaseui-button-inactive:hover span.chaseui-buttoncontents{background-position:0 -958px;color:#b0b0b4;cursor:default;} .chaseui-button-plus{background:url(images/swat-sprite.png) no-repeat 0 -1508px;color:#016899;display:block;padding-left:15px;} .chaseui-buttonemphasized{background-position:right -661px;padding:0 18px 0 0;} .chaseui-buttonemphasized span.chaseui-buttoncontents{background-position:0 -628px;color:#fff;padding-left:15px;} .chaseui-buttonemphasized:hover span.chaseui-buttoncontents{background-position:0 -694px;} .chaseui-buttonemphasized-inactive, .chaseui-buttonemphasized-inactive:hover{background:right -793px;cursor:default;} .chaseui-buttonemphasized-inactive span.chaseui-buttoncontents, .chaseui-buttonemphasized-inactive:hover span.chaseui-buttoncontents{background-position:0 -760px;color:#fff;cursor:default;} .chaseui-buttonemphasized-large{background-position:right -1062px;padding:0 20px 0 0;} .chaseui-buttonemphasized-large span.chaseui-buttoncontents{background-position:0 -1021px;color:#fff;font:bold 14px/38px verdana;padding-left:20px;} .chaseui-buttonemphasized-large:hover span.chaseui-buttoncontents{background-position:0 -1103px;} .chaseui-buttonemphasized-large-inactive, .chaseui-buttonemphasized-large-inactive:hover{background-position:right -1300px;cursor:default;} .chaseui-buttonemphasized-large-inactive span.chaseui-buttoncontents, .chaseui-buttonemphasized-large-inactive:hover span.chaseui-buttoncontents{background-position:0 -1259px;cursor:default;} .chaseui-buttonemphasized-view span.chaseui-buttoncontents span{background:url(images/swat-sprite.png) no-repeat 0 -1191px;display:block;padding-left:15px;} .chaseui-buttonemphasized-lock span.chaseui-buttoncontents span{background:url(images/swat-sprite.png) no-repeat 0 -1222px;display:block;padding-left:15px;} .chaseui-buttonemphasized-downarrow span.chaseui-buttoncontents span{background:url(images/swat-sprite.png) no-repeat right -2289px;display:block;padding-right:15px;} .chaseui-buttonemphasized:hover{background-position:right -727px;} a.chaseui-buttonemphasized{background-position:right -661px;} a.chaseui-buttonemphasized-inactive, a.chaseui-buttonemphasized-inactive:hover{background-position:right -793px;} a.chaseui-buttonemphasized-large{background-position:right -1062px;} a.chaseui-buttonemphasized-large-inactive, a.chaseui-buttonemphasized-large-inactive:hover{background-position:right -1300px;} a.chaseui-buttonemphasized:hover{background-position:right -727px;} /*Button CSS End*/ /* ------------- pdf ------------- */ .chase-button-container .chase-button.cpfa-large-button { position: relative; border: 5px solid #D9D9D9; color: #ffffff; background-color:#5c7593; box-shadow: none; border-radius: 0 0 0 0; padding: 16px 72px; } .chase-button-container .chase-button.cpfa-large-button.button-hover { border: 5px solid #D9D8D3; color: #ffffff; background-color:#6984a4; } .chase-button-container .chase-button.cpfa-large-button-darkblue { position: relative; border: 5px solid #D9D9D9; color: #ffffff; background-color:#0A2240; box-shadow: none; border-radius: 0 0 0 0; padding: 16px 72px; } .chase-button-container .chase-button.cpfa-large-button-darkblue.button-hover { border: 5px solid #D9D8D3; color: #ffffff; background-color:#0A2240; } .chase-button-container .chase-button.cpfa-medium-button { position: relative; border: 5px solid #D9D9D9; color: #ffffff; background-color:#5c7593; box-shadow: none; border-radius: 0 0 0 0; padding: 16px 36px; } .chase-button-container .chase-button.cpfa-medium-button.button-hover { border: 5px solid #D9D8D3; color: #ffffff; background-color:#6984a4; } .chase-button-container .chase-button.cpfa-medium-button-darkblue { position: relative; border: 5px solid #D9D9D9; color: #ffffff; background-color:#0A2240; box-shadow: none; border-radius: 0 0 0 0; padding: 16px 36px; } .chase-button-container .chase-button.cpfa-medium-button-darkblue.button-hover { border: 5px solid #D9D9D9; color: #ffffff; background-color:#0A2240; } .chase-button-container .chase-button.cpfa-large-button .pdf-container { background: url("../../../content/dam/chaseonline/en/investing/images/cpc_investmenttab_pdficon_white.png") no-repeat scroll 0 0 transparent; float: left; height: 34px; margin-right: 8px; position: relative; top: -10px; width: 29px; } .chase-button-container .chase-button.cpfa-medium-button .pdf-container { background: url("../../../content/dam/chaseonline/en/investing/images/cpc_investmenttab_pdficon_white.png") no-repeat scroll 0 0 transparent; float: left; height: 34px; margin-right: 8px; position: relative; top: -10px; width: 29px; } .chase-button-container .chase-button.cpfa-medium-button-darkblue .pdf-container { background: url("../../../content/dam/chaseonline/en/investing/images/cpc_investmenttab_pdficon_white.png") no-repeat scroll 0 0 transparent; float: left; height: 34px; margin-right: 8px; position: relative; top: -10px; width: 29px; } /* */ .chase-floater-modal .chaseui-contexthelpfloater { position: absolute; width: 400px; } .chase-floater-modal .chaseui-contexthelpfloater.chaseui-chasefloater, .chase-floater-modal .chaseui-formlayout.chaseui-field-swap .chaseui-dataitem .chaseui-name { width: auto; } .chase-floater-modal .chaseui-contexthelpfloaterbody { border: 1px solid #AAA; background-color: white; font-family: verdana; font-size: 12px; color: #43444E; position: relative; } .chase-floater-modal .chaseui-contexthelpfloater.chaseui-chasefloater .chaseui-contexthelpfloaterbody { min-width: 300px; min-height: 100px; } .chase-floater-modal .chaseui-contexthelpfloaterbody { font-family: verdana; font-size: 12px; color: #43444E; } .chase-floater-modal #chaseui-overlay { background-color: #000000; opacity: 0.75; } .chase-floater-modal a.chaseui-flyoutclose:hover span.chaseui-icons img { margin:-464px 0 0; } /*From common-swat.css*/ /*chase-floater-modal.css*/ .chaseui-contexthelpcontainer a.chaseui-iconlike{background:url(images/swat-sprite.png) no-repeat 0 -2116px;display:inline-block;height:28px;margin:0 0 0 -9px;width:35px;} .ie7 .chaseui-contexthelpcontainer a.chaseui-iconlike{background:url(images/swat-sprite.png) no-repeat 0 -2116px;display:inline-block;height:28px;margin:0 0 0 -4px;width:35px;} .chaseui-contexthelpcontainer a.chaseui-iconlike:hover{background:url(images/swat-sprite.png) no-repeat 0 -2223px;} .chaseui-contexthelpcontainer a.chaseui-icondislike{background:url(images/swat-sprite.png) no-repeat 0 -2064px;display:inline-block;height:28px;margin:0;width:35px;} .chaseui-contexthelpcontainer a.chaseui-icondislike:hover{background:url(images/swat-sprite.png) no-repeat 0 -2167px;} .chaseui-contexthelpfloater .chaseui-spinner{height:100%;width:auto;left:45%;top:45%;position:absolute;} .chaseui-contexthelpfloater .chaseui-contexthelpfloaterbody .chaseui-paynowflyoutheader{background:url(images/swat-sprite.png) no-repeat right -2277px;color:#43444e;font-size:14px;font-weight:Bold;margin:0 0 10px;} .chaseui-contexthelpfloater .chaseui-contexthelpfloaterbody .chaseui-paynowflyoutheader a{background:url(images/swat-sprite.png) no-repeat right -2294px;color:#43444e;padding-right:28px;} .chaseui-contexthelpfloater .chaseui-contexthelpfloaterbody .chaseui-paynowflyout{font-family:verdana;font-size:14px;padding:16px 16px 20px 20px;} .chaseui-contexthelpfloater .chaseui-contexthelpfloaterbody .chaseui-paynowflyout-innerfont{color:#016899;margin:0;padding:10px;} .chaseui-contextual-content{padding:27px 20px;text-align:left;} /*END-chase-floater-modal.css*/ /*Chase Floater Flyout related CSS - chase-floater-modal.css*/ .chaseui-history-flyout{width:auto!important;} .chaseui-history-flyout .chaseui-summaryblock{float:none!important;margin-bottom:0!important;padding:14px 20px!important;width:auto!important;} .chaseui-history-flyout .chaseui-history-account{color:#646468;} .chaseui-history-flyout .chaseui-history-time{color:#646468;padding-right:15px;} .chaseui-history-flyout .chaseui-history-gradient{background:url(images/swat-history-gradient-border-background.gif) repeat-x;clear:both;display:block;height:15px;width:100%;} #chaseui-overlay{background:#000;display:none;filter:alpha(opacity=1);height:100%;left:0;opacity:.01;position:fixed;top:0;width:100%;} .chaseui-modal{-moz-box-shadow:0 5px 13px 1px rgba(0,0,0,0.4);-webkit-box-shadow:0 5px 13px 1px rgba(0,0,0,0.4);display:none;height:auto;position:absolute;} .chaseui-modal .chaseui-modalbackground{padding:5px;position:relative;} .chaseui-modal .chaseui-modalbackground .chaseui-modalcloseicon{right:9px;top:9px;width:10px;} .chaseui-modal .chaseui-modalbackground .chaseui-modalcloseicon .chaseui-button{position:absolute;} .chaseui-modal .chaseui-modalbackground .chaseui-modalcloseicon .chaseui-button .chaseui-icons{height:10px;position:absolute;width:9px;} .chaseui-modal .chaseui-modalforeground{background:#FFF;position:relative;} .chaseui-modal .chaseui-modalheadernav{background:url(images/swat-sprite.png) repeat-x left -504px;color:#FFF;} .chaseui-modal .chaseui-modalheadernav .chaseui-modalheader h1{color:#43444E;font-size:18px;font-weight:700;} .chaseui-modal .chaseui-modalheadernav .chaseui-modalheader{padding:16px 20px 19px;} .chaseui-modal .chaseui-modalheadernav .chaseui-modalheader.chaseui-icon-bulb .chaseui-modalsub-header{color:#43444E;display:block;font-weight:700;margin-left:45px;} .chaseui-modal .chaseui-modalheadernav .chaseui-modalheader.chaseui-icon-bulb{background-position:5px 10px;} .chaseui-modal .chaseui-modalheadernav .chaseui-modalheader.chaseui-icon-bulb h1{margin-left:25px;padding:7px 20px 0;} a.chaseui-flyoutclose .chaseui-button-icon img{cursor:pointer;margin:-464px 0 0;} a.chaseui-flyoutclose:hover span.chaseui-icons img{margin:-1541px 0 0 1px;} .chaseui-modalcloseicon .chaseui-button{height:auto;margin:0;padding:0;background:none;} .chaseui-modalcloseicon{height:11px;position:absolute;right:5px;top:5px;width:12px;z-index:1;} .chaseui-modal-widthdoubleextralarge{width:845px;} .chaseui-modal-widthextralarge{width:700px;} .chaseui-modal-widthlarge{width:640px;} .chaseui-modal-widthmedium{width:540px;} .chaseui-modal-widthextramedium{width:440px;} .chaseui-modal-widthsmall{width:340px;} .chaseui-modal-widthextrasmall{width:240px;} .chaseui-modal .chaseui-formnav{border-top:1px solid #C8C8C8;clear:both;padding:20px;width:auto;} .chaseui-modal .chaseui-statusmessagepanel{margin-top:0;width:100%;} .chaseui-modal .chaseui-ajaxloader{margin:0 0 50px 70px;} .chaseui-modal .chaseui-modalbody .chaseui-columns-smallleft.chaseui-columns-main .chaseui-leftcolumn .chaseui-linklist{margin:20px 10px 0;} .chaseui-modal .chaseui-modalbody .chaseui-columns-smallleft.chaseui-columns-main .chaseui-rightcolumn .chaseui-carousel-panel{margin:20px;width:600px;} .chaseui-modal .chaseui-modalbody .chaseui-columns-smallleft.chaseui-columns-main .chaseui-rightcolumn .chaseui-divider{border-bottom:1px solid #ccc;margin:5px 20px;} .chaseui-modal .chaseui-modalbody .chaseui-columns-smallleft.chaseui-columns-main .chaseui-rightcolumn .chaseui-divider hr{background:#fff;color:#fff;} .chaseui-modal .chaseui-modalbody .chaseui-columns-smallleft.chaseui-columns-main .chaseui-rightcolumn h2{margin:0 0 15px 20px;} .chaseui-modal .chaseui-modalbody .chaseui-columns-smallleft.chaseui-columns-main .chaseui-leftcolumn ul{width:160px;} .chaseui-modal .chaseui-modalbody .chaseui-columns-smallleft.chaseui-columns-main .chaseui-leftcolumn{margin-left:10px;} .chaseui-modal .chaseui-modalbody .chaseui-columns-smallleft.chaseui-columns-main{width:100%;} .chaseui-modalwidthmedium{width:642px;} .chaseui-iframe-modal {width: 100%; height: 506px; display: block; border: 0; margin: 0; padding: 0;} .chaseui-modal .chaseui-modalbody{clear:both;} .chaseui-modal .chaseui-formnav span.chaseui-submit-large{margin-top:10px;} .chaseui-modal .chaseui-formnav span.chaseui-cancel-large{float:left;} /*Chase Floater Flyout related CSS- END*/ /*chase-floater-modal.css*/ .chaseui-contexthelpfloater{position:absolute;width:400px;} .chaseui-contexthelpfloaterbody,.chaseui-sitesearch .type-ahead-menu{-moz-box-shadow:0 5px 13px 1px rgba(0,0,0,0.4);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#AAAAAA')";-webkit-box-shadow:0 5px 13px 1px rgba(0,0,0,0.4);box-shadow:0 5px 13px 1px rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=6,Direction=135,Color='#AAAAAA');} a.chaseui-contexthelp{background:url(images/swat-sprite.png) 0 -1342px;display:inline-block;height:18px;margin-top:-5px;width:12px; padding-right:12px; padding-top:7px; margin-bottom:-12px;} .chaseui-contexthelpfloaterbody{background:#fff;border:1px solid #AAA;color:#43444e;font-family:verdana;font-size:12px;position:relative;} .chaseui-contexthelpfloater-arrowtop .chaseui-contexthelpfloaterarrow{background:url(images/swat-sprite.png) no-repeat 0 -1789px;height:12px;left:12px;overflow:hidden;position:absolute;top:-4px;width:10px;z-index:1;} .chaseui-contexthelpfloater-arrowleft .chaseui-contexthelpfloaterarrow{background:url(images/swat-sprite.png) no-repeat 0 -1366px;height:12px;left:-4px;overflow:hidden;position:absolute;width:10px;z-index:1;} .chaseui-contexthelpfloater-arrowright .chaseui-contexthelpfloaterarrow{background:url(images/swat-sprite.png) no-repeat 0 -3041px;height:12px;overflow:hidden;position:absolute;right:-11px;width:10px;z-index:1;} .chaseui-contexthelpfloater-arrowbottom .chaseui-contexthelpfloaterarrow{background:url(images/swat-sprite.png) no-repeat 0 -3023px;bottom:-10px;height:12px;left:12px;overflow:hidden;position:absolute;width:10px;z-index:1;} .chaseui-contexthelpfloater.chaseui-flyoutlinkfloater.chaseui-contexthelpfloater-arrowtop .chaseui-contexthelpfloaterarrow{background:url(images/swat-sprite.png) no-repeat 0 -2309px;height:30px;left:12px;overflow:hidden;position:absolute;top:-13px;width:27px;z-index:1;} .chaseui-contexthelpfloater.chaseui-flyoutlinkfloater.chaseui-contexthelpfloater-arrowleft .chaseui-contexthelpfloaterarrow{background:url(images/swat-sprite.png) no-repeat 0 -1860px;height:25px;left:-11px;overflow:hidden;position:absolute;top:-4px;width:15px;z-index:1;} .chaseui-contexthelpfloaterbody a.chaseui-button, .chaseui-contexthelpfloaterbody a.chaseui-button:visited{clear:both;height:10px;position:absolute;right:5px;top:5px;width:5px;z-index:10;background:none;} .ie7 .chaseui-contexthelpfloaterarrow{margin-left:-4px;} .chaseui-contexthelpfloater.chaseui-chasefloater .chaseui-modal-title{color:orange;font-size:18px;padding:10px;} .chaseui-contexthelpfloater.chaseui-chasefloater .chaseui-contexthelpfloaterbody{min-height:100px;min-width:200px;position:relative;} .chaseui-contexthelpfloater.chaseui-chasefloater-border .chaseui-contexthelpfloaterbody,.chaseui-contexthelpfloater.chaseui-flyoutlinkfloater .chaseui-contexthelpfloaterbody{background:#FFF;border:5px solid #768E97;color:#43444E;font-family:verdana;font-size:14px;position:relative;width:auto;} .chaseui-contexthelpfloater.chaseui-chasefloater-border .chaseui-contexthelpfloaterbody .modal-static-content{padding:20px;position:relative;text-align:left;} .chaseui-contexthelpfloater.chaseui-flyoutlinkfloater .chaseui-contexthelpfloaterbody .chaseui-summaryblock{font-size:14px;} .chaseui-contexthelpfloater.chaseui-flyoutlinkfloater .chaseui-contexthelpfloaterbody .chaseui-summaryblock a.chaseui-call-to-action{font-size:16px;} .chaseui-contexthelpfloater.chaseui-dynamic-flyout .chaseui-contexthelpfloaterbody {} .chaseui-contexthelpfloater.chaseui-dynamic-modal .chaseui-contexthelpfloaterbody {font-size: 14px;} .chaseui-contexthelpfloater-arrowleft.chaseui-chasefloater-border .chaseui-contexthelpfloaterarrow{background:url(images/swat-sprite.png) no-repeat 0 -1859px;height:27px;left:-14px;position:absolute;top:30px;width:14px;z-index:1;} .chaseui-contexthelpfloater-arrowright.chaseui-chasefloater-border .chaseui-contexthelpfloaterarrow{background:url(images/swat-sprite.png) no-repeat right -1904px;height:27px;left:auto;position:absolute;right:-14px;width:14px;z-index:1;} .chaseui-contexthelpfloater-arrowtop.chaseui-chasefloater-border .chaseui-contexthelpfloaterarrow{background:url(images/swat-sprite.png) no-repeat 0 -2309px;height:27px;left:auto;position:absolute;top:-18px;width:26px;z-index:1;} .chaseui-contexthelpfloater.chaseui-contexthelpfloater-arrowtop .chaseui-contexthelpfloaterbody{margin-top: -5px;} .chaseui-contexthelpfloater-arrowbottom.chaseui-chasefloater-border .chaseui-contexthelpfloaterarrow{background:url(images/swat-sprite.png) no-repeat 0 -2733px;bottom:-26px;height:27px;left:auto;position:absolute;width:26px;z-index:1;} /*END - chase-floater-modal.css*/ /*chase-floater-modal.css*/ .chaseui-flyoutnav{display:inline;float:left;font-family:verdana;font-weight:400;} .chaseui-flyoutnavheader{background:url(images/swat-sprite.png) no-repeat right -1385px;border:0;cursor:pointer;display:inline-block;height:31px;overflow:visible;padding:0 24px 0 0;text-decoration:none;white-space:nowrap;width:auto;} .chaseui-flyoutnavheader:hover{background-position:right -1418px;text-decoration:none;} .chaseui-flyoutnavheader a{background:url(images/swat-sprite.png) no-repeat 0 -825px;color:#5b5c65;display:inline-block;font:bold 12px/27px verdana;padding:0 0 0 10px;} .chaseui-flyoutnavheader:hover a{background:url(images/swat-sprite.png) no-repeat 0 -891px;} .chaseui-flyoutnav-emphasized .chaseui-flyoutnavheader{background:url(images/swat-sprite.png) no-repeat right -2426px;border:0;cursor:pointer;display:inline-block;height:36px;overflow:visible;padding:0 32px 0 0;text-decoration:none;white-space:nowrap;width:auto;} .chaseui-flyoutnav-emphasized .chaseui-flyoutnavheader:hover{background-position:right -2508px;text-decoration:none;} .chaseui-flyoutnav-emphasized .chaseui-flyoutnavheader a{background:url(images/swat-sprite.png) no-repeat 0 -1024px;color:#fff;display:inline-block;font:bold 12px/27px verdana;height:32px;padding:4px 0 0 10px;} .chaseui-flyoutnav-emphasized .chaseui-flyoutnavheader:hover a{background-position:0 -1106px;} .chaseui-flyoutnav-expanded .chaseui-flyoutnavbody{background:#fff;display:block;height:auto;position:absolute;width:250px;z-index:1003;} .chaseui-flyoutnav-expanded .chaseui-flyoutnavheader .chaseui-icon-container a {background:none;} .chaseui-flyoutnavcontent{font-size:10px;margin:15px;} .chaseui-flyoutnav .chaseui-linklist{color:#000;font-weight:400;margin:5px 0;} .chaseui-flyoutnav .chaseui-linklist li{background:#fff;height:auto;list-style-type:none;text-align:left;} .chaseui-flyoutnav-emphasized .chaseui-flyoutnavbody{background:#FFF;width:360px;} .chaseui-flyoutnav-emphasized .chaseui-twocolumns .chaseui-summaryblock{font-size:12px;margin-bottom:0;width:150px;} .chaseui-flyoutnav-emphasized .chaseui-twocolumns .chaseui-leftcolumn{width:155px;} .chaseui-flyoutnav-emphasized .chaseui-twocolumns .chaseui-name{color:#016899;font-family:verdana;font-size:12px;font-weight:400;} .chaseui-flyoutnav-emphasized .chaseui-twocolumns .chaseui-value{color:#016899;font-family:verdana;font-size:18px;font-weight:400;} .chaseui-flyoutnav-emphasized .chaseui-twocolumns .chaseui-value .chaseutil-deemphasize{color:#66accc;font-family:verdana;font-size:18px;font-weight:400;} /*END - chase-floater-modal.css*/ .standard-overlay-3-columns{position:relative;width:100%;} .standard-overlay-3-columns .standard-overlay-header{background:url(images/standard-overlay-top-bg.gif) repeat-x;height:79px;} .standard-overlay-3-columns .standard-overlay-header-text{color:#4A4C55;float:left;font-size:24px;font-weight:bold;margin:25px 0 0 20px;} .standard-overlay-3-columns .standard-overlay-close-button-container{float:right;margin:5px 15px 0 0;} .standard-overlay-3-columns .standard-overlay-hero{height:338px;position:relative;width:1044px;} .standard-overlay-3-columns #standard-overlay-hero-nav{position:absolute;right:20px;text-align:right;top:20px;width:auto;z-index:5999;} .standard-overlay-3-columns #standard-overlay-hero-nav a{background:url(images/standard-overlay-circles.gif);display:block;float:right;height:10px;margin-left:5px;position:relative;width:10px;} .standard-overlay-3-columns #standard-overlay-hero-nav a.activeSlide{background:url(images/standard-overlay-circles.gif) 0 10px;} .standard-overlay-3-columns .standard-overlay-content{margin:40px 0 20px 30px;text-align:left;} .standard-overlay-3-columns .standard-overlay-content-extra-cash-back h1{color:#6F8C9E;} .standard-overlay-3-columns .standard-overlay-content-hr-line{background:url(images/standard-overlay-hr-line.jpg) repeat-x;height:2px;margin:15px 20px 30px 0;width:97%;} .standard-overlay-3-columns .standard-overlay-content-border{background:url(images/starndard-overlay-3-cols-border.jpg) repeat-y;margin:-30px 0 0;padding:0 0 0 50px;position:relative;} .standard-overlay-3-columns .standard-overlay-content-left{float:left;width:30%;} .standard-overlay-3-columns .standard-overlay-content-middle{float:left;width:30%;} .standard-overlay-3-columns .standard-overlay-content-right{float:left;padding:0 20px 0 0;width:30%;} .standard-overlay-3-columns .standard-overlay-content-right h1{color:#1F82B5;float:right;margin:20px 0 0 20px;} .standard-overlay-3-columns .standard-overlay-content-left h1{color:#1F82B5;margin:-10px 0 0;padding:0 50px 0 0;} .standard-overlay-3-columns .standard-overlay-content-middle h1{color:#1F82B5;margin:25px 0 0 -20px;} .standard-overlay-3-columns .standard-overlay-content-left-text{float:left;padding:20px 0 0;width:130px;} .standard-overlay-3-columns .standard-overlay-content-middle-text{float:left;margin:10px 0 20px -20px;} .standard-overlay-3-columns .standard-overlay-content-right-text{float:left;margin:20px 0 0 20px;width:130px;} .standard-overlay-3-columns .standard-overlay-content-left-image{background:url(images/standard-overlay-ad-1.jpg);float:left;height:139px;margin:10px 0 0;width:148px;} .standard-overlay-3-columns .standard-overlay-content-middle-image{background:url(images/standard-overlay-ad-2.jpg);float:left;height:78px;width:289px;} .standard-overlay-3-columns .standard-overlay-content-right-image{background:url(images/standard-overlay-ad-3.jpg);float:left;height:139px;width:148px;} .standard-overlay-3-columns .standard-overlay-content-left-text div{padding:20px 0 0;} .standard-overlay-3-columns .standard-overlay-content-middle a{font-size:14px;margin:0 0 0 -20px;} .standard-overlay-3-columns .standard-overlay-content-right-text div{float:left;margin:20px 0 0;} .standard-overlay-3-columns .standard-overlay-content-right-border{border-left:1px solid #cccccc;float:left;margin:-30px 0 0 5px;width:25%;} /*END - chase-floater-modal.css*/ /*chase-floater-modal.css*/ .chaseui-contexthelpfloater .chaseui-contexthelpfloaterbody .standard-overlay-header{background:url(images/standard-overlay-top-bg.gif) repeat-x center bottom;min-height:50px!important;} .chaseui-contexthelpfloater .chaseui-contexthelpfloaterbody .standard-overlay-header .standard-overlay-header-txt{padding:16px 16px 16px 20px;} .chaseui-contexthelpfloater .chaseui-contexthelpfloaterbody .standard-overlay-header .standard-overlay-header-txt h2{font-size:30px;line-height:1.3em;text-align:left;} .chaseui-contexthelpfloater .chaseui-contexthelpfloaterbody .standard-overlay-header .standard-overlay-header-txt h1{font-size:22px;line-height:1.3em;margin-bottom:7px;margin-top:7px;text-align:left;} .chaseui-chasefloater.ln-floater-container .chaseui-modalbody-scroll {height:auto; overflow-y:hidden; } .chaseui-modalbody-scroll {max-height:507px; overflow-y:auto;display:block;} .chaseui-dynamic-modal .chaseui-modalbody-scroll .multitask .clearfix{display:inline-block;}/*added for defect 320224*/ .browser-ie-8 .chaseui-modalbody-scroll {position: relative;} /*END - chase-floater-modal.css*/ .modal-height-592 .chaseui-contexthelpfloaterbody{height:592px;} .overflow-y-hidden .chaseui-contexthelpfloaterbody{overflow-y:hidden; height:auto; overflow-x:hidden;} /* */ .chaseui-weblink { text-align: left; width:540px; height:auto; } .chaseui-weblink .chaseui-modalheader{ /* float:left; padding:20px; */ } .chaseui-weblink h3 { border: 0px; padding: 15px; margin: 0; font-family: verdana, helvetica, arial, sans-serif; font-size: 18px; background: #e4e4e4; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#d8d8d8 100%); /* W3C */ background: url(images/standard-overlay-top-bg.gif) repeat-x center bottom; font-weight: bold; } .chaseui-weblink p { padding: 30px 0; margin:0 20px; line-height: 22px; font-size: 14px; color: #43444e; } .chaseui-weblink .chaseui-fromnav { border-top:1px solid #C8C8C8; margin:0 20px 0px; float:none; padding:20px 0 60px; clear:both; } .chaseui-weblink .sliding-button-container { float:none; text-align:center; width:auto; } .chaseui-weblink .sliding-button-container .sliding-door-button { text-align:center; } .chaseui-weblink .sliding-button-container { margin-left:20px; } .layout-component-wrapper{ position:relative; } .layout-component-wrapper .layout-row{ position:relative; } .layout-component-wrapper .layout-column{ position:relative; } .layout-component-wrapper .layout-cell{ position:relative; width: auto; } .layout-component-wrapper .background-sticky-note{ /*need bg*/ } .layout-component-wrapper .background-paer{ /*need bg*/ } .layout-component-wrapper.background-light-gradient{ background: url("images/sticky-note-bg1.png") repeat-x scroll center bottom #FFF; } .layout-component-wrapper.background-medium-gradient{ background: url("images/sticky-note-bg1.png") repeat-x scroll center bottom #FFF; } .layout-component-wrapper .background-chase-logo{ background:url(images/154987_chase_octet.gif) 100% 0 no-repeat; width:41px; height:41px; } .layout-component-wrapper .chaseui-background-cool-grey-gradient { background: #f6f8fa; background: -moz-linear-gradient(top, #f6f8fa 0%, #dfe5ec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8fa), color-stop(100%,#dfe5ec)); background: -webkit-linear-gradient(top, #f6f8fa 0%,#dfe5ec 100%); background: -o-linear-gradient(top, #f6f8fa 0%,#dfe5ec 100%); background: -ms-linear-gradient(top, #f6f8fa 0%,#dfe5ec 100%); background: linear-gradient(to bottom, #f6f8fa 0%,#dfe5ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8fa', endColorstr='#dfe5ec',GradientType=0 ); } .layout-component-wrapper .middle-right{ float: right; position: relative; right:0; top: 50%; } .layout-component-wrapper .middle-left{ float: left; position:relative; left:0; top: 50%; } .layout-component-wrapper .middle-center{ float: left; position:relative; left:50%; top: 50%; } .layout-component-wrapper .bottom-right{ float: right; position: relative; right:0; top: 100%; } .layout-component-wrapper .bottom-left{ float: left; position:relative; left:0; top: 100%; } .layout-component-wrapper .bottom-center{ float: left; position:relative; left:50%; top: 100%; } .layout-component-wrapper .top-left{ float: left; position:relative; left:0; top:0; } .layout-component-wrapper .top-right{ float: right; position:relative; right:0; top:0; } .layout-component-wrapper .top-center{ position:relative; margin:0 auto; } .layout-component-wrapper .centeralign{ position:relative; margin:0 auto; } .layout-component-wrapper .rightalign{ position:relative; float: right; } .layout-component-wrapper .leftalign{ position:relative; float: left; } /* new classes for dropdown flyout scroll begin */ .layout-component-wrapper .scrollable-content{ height:250px !important; overflow-y:auto; } .layout-component-wrapper .layout-cell.paddingtop { padding-top: 10px !important; } /* new classes for dropdown flyout scroll end */ .layout-component-wrapper .text-center{ text-align: center; } /* border treatment*/ .layout-component-wrapper.border-top-bottom{ border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; } .layout-component-wrapper.border-left-right{ border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; } .layout-component-wrapper.border-left{ border-left:1px solid #CCCCCC; } .layout-component-wrapper.border-right{ border-right:1px solid #CCCCCC; } .layout-component-wrapper.border-top{ border-top:1px solid #D9D9D9; margin-top: 21px; padding-top: 27px; } .layout-component-wrapper.border-bottom{ border-bottom:1px solid #CCCCCC; } .layout-component-wrapper.border-thin{ border:thin solid #CCCCCC; } .layout-component-wrapper.border{ border:1px solid #CCCCCC; } .layout-component-wrapper.border-top-cta { border-top: 1px solid #D9D9D9; padding-top: 30px; } .layout-component-wrapper.border-dark-gray { border: 1px solid #43444E; } .layout-component-wrapper.full-shadow{ -moz-box-shadow: 0px 0px 15px #e9eef1; -webkit-box-shadow: 0px 0px 15px #e9eef1; box-shadow: 0px 0px 15px #e9eef1; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e9eef1')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#e9eef1'); border:1px solid #f6f8f9; background-color:#fff; } .layout-component-wrapper.partial-shadow{ -moz-box-shadow: 3px 3px 4px #000000; -webkit-box-shadow: 3px 3px 4px #000000; box-shadow: 3px 3px 4px #000000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } .layout-component-wrapper .bottom-gradient{ background:url(images/bottom-gradient.jpg) no-repeat center bottom; padding-bottom: 40px; } .layout-component-wrapper .bottom-gradient-ln { background: url("images/bottom-gradient-ln.png") no-repeat scroll center bottom transparent; padding-bottom: 22px; } /***************************************************************************** 2up title background /*****************************************************************************/ .layout-component-wrapper .header-2up .topbg{ background:url(images/header2up-top.png) no-repeat center top; padding-top:15px; } .layout-component-wrapper .header-2up .bottombg{ background:url(images/header2up-bottom.png) no-repeat center bottom; height:15px; } /***************************************************************************** 3up title background /*****************************************************************************/ .layout-component-wrapper .header-3up .topbg{ background:url(images/header3up-top.png) no-repeat center top; padding-top:15px; } .layout-component-wrapper .header-3up .bottombg{ background:url(images/header3up-bottom.png) no-repeat center bottom; height:15px; } .layout-component-wrapper .header-2up h2 span.title, .layout-component-wrapper .header-3up h2 span.title{ margin:0px;padding:0px;text-align:center;line-height:16px; color:#036c99; font-size: 26px; font-weight: bold; line-height: 21px; } /***************************************************************************** Sticky note plain /*****************************************************************************/ .background-sticky-note-grey{ position:relative; -moz-box-shadow: 0px 0px 5px #cccccc; -webkit-box-shadow: 0px 0px 5px #cccccc; box-shadow: 0px 0px 5px #cccccc; /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */ border:1px solid #cccccc; background:url(images/sticky-note-bg1.png) repeat-x center bottom #fff; margin-bottom:9px; } .background-sticky-note-grey .footer-shadow-plain{ position:absolute; bottom:-9px; left:0; z-index:1; width:100%; height:8px; background:url(images/sticky-note-shadow-mid1.png) repeat-x center bottom; } .background-sticky-note-grey .sticky-note-content-area-plain{ padding:20px 20px 5px; } .background-sticky-note-grey .footer-shadow .shadow-left-plain{ background:url(images/sticky-note-shadow-left1.png) no-repeat 0 0; width:69px; height:8px; float:left; } .background-sticky-note-grey .footer-shadow .shadow-right-plain{ background:url(images/sticky-note-shadow-right1.png) no-repeat 0 0; width:69px; height:8px; float:right; } /***************************************************************************** Sticky note page curl /*****************************************************************************/ .background-sticky-note-yellow{ position:relative; margin-bottom:35px; } .background-sticky-note-yellow .sticky-note-top{ -moz-box-shadow: 0px 0px 5px #cccccc; -webkit-box-shadow: 0px 0px 5px #cccccc; box-shadow: 0px 0px 5px #cccccc; /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */ border:1px solid #cccccc; background:url(images/sticky-note-bg-curl.png) repeat-x center bottom #fff; } .background-sticky-note-yellow .footer-shadow{ position:absolute; bottom:-32px; z-index:1; width:100%; height:34px; background:url(images/sticky-note-shadow-mid-curl.png) repeat-x; left:0px; } .background-sticky-note-yellow .sticky-note-content-area{ padding:20px 20px 0px 20px; background:transparent; } .background-sticky-note-yellow .footer-shadow .shadow-left{ background:url(images/sticky-note-shadow-left-curl.png) no-repeat left bottom; width:69px; height:34px; float:left; margin-left:-2px; } .background-sticky-note-yellow .footer-shadow .shadow-right{ background:url(images/sticky-note-shadow-right-curl.png) no-repeat left bottom ; width:29px; height:34px; float:right; } /***************************************************************************** Feature Bar and Info box /*****************************************************************************/ .layout-component-wrapper .feature-bar{ background:url(images/feature_bar_bg.png) repeat-x left bottom #FBFCFD; border:1px solid #FFF; } .layout-component-wrapper .info-box{ background:url(images/info_box.png) repeat-x center bottom #F1F4F5; border:1px solid #FFF; -moz-box-shadow: 0px 2px 8px #cccccc; -webkit-box-shadow: 0px 2px 8px #cccccc; box-shadow: 0px 2px 8px #cccccc; /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffffff')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffffff'); */ border:1px solid #fff; } .info-content{ padding:26px 20px 30px; } /***************************************************************************** Bottom Shadow Cap Layout Component /*****************************************************************************/ .layout-component-wrapper.bottom-cap{ background:url(images/bottom-cap-left.png) no-repeat left bottom transparent; *overflow:hidden; } .layout-component-wrapper.bottom-cap .bottom-cap-content{ /* though we have given 35px right and left actual space would be 30 between left line and content. Bottom cap has 5px shadow right and lest side. Same with Bottom */ background:url(images/bottom-cap-right.png) no-repeat right bottom transparent; padding:0px 36px 34px; } .layout-component-wrapper .bottom-cap-bottom .bot-cap-left{ background:url(images/bottom-cap-corners.png) no-repeat 0px 0px #FFF; height:10px; width:62px; float:left; } .layout-component-wrapper .bottom-cap-bottom .bot-cap-right{ background:url(images/bottom-cap-corners.png) no-repeat -67px 0px #FFF; height:10px; float:right; width:62px; } .layout-component-wrapper .bottom-cap-bottom{ background:url(images/bottom-cap-mid.png) repeat-x left bottom #FFF; height:10px; } /* It can be delted once the new bottom cap html structure implemented in CQ .background-bottom-shadow-cap { position:relative; width:930px; background:url(images/bottom_cap.png) no-repeat left bottom; } .background-bottom-shadow-cap .shadow-cap-content-area { padding:0px 35px 46px 35px; text-align:left; } */ .layout-component-wrapper .vertical-divider{ background:url(images/component-divider.jpg) no-repeat right 50%; min-height:60px;/* Fix for defect #209619*/ } /* Fix for defect #54745*/ .layout-component-wrapper .vertical-divider-medium{ background:url(images/vert_separator_medium.png) no-repeat right 50px; min-height:200px; } .layout-component-wrapper .vertical-divider-large{ background:url(images/vert_separator_large.png) no-repeat right 50px; min-height:250px; } /* End - Fix for defect #54745*/ /***************************************************************************** Sticky Note Single column /*****************************************************************************/ .background-sticky-note-grey .single-column-sticky-note-content-area-plain{ padding:30px 40px 36px 40px; } .width-30-percent{width: 30%;} .width-40-percent{width: 40%;} .width-50-percent{width: 50%;} .width-60-percent{width: 60%;} .width-70-percent{width: 70%;} .layout-component-wrapper .hor-line{border-top:1px solid #fff;border-bottom:1px solid #000;} /* Fix for #47311 */ .megamenu-container .layout-component-wrapper div{ position: relative; } /* End - Fix for #47311 */ /* Resource Box - Defect 54738 */ .background-sticky-note-grey-resource-box{ position:relative; -moz-box-shadow: 0px 0px 5px #f3f4f6; -webkit-box-shadow: 0px 0px 5px #f3f4f6; box-shadow: 0px 0px 5px #f3f4f6; /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); */ border:1px solid #f3f4f6; background:url(images/bng_background_slice.png) repeat-x center bottom #f3f4f6; } .background-sticky-note-grey-resource-box .sticky-note-content-area-plain{ padding:20px 20px 5px; } .layout-component-wrapper .resource-box-shadow-bottom { background: url("images/bng_resources_shadow_928.png") no-repeat center; width: 928px; height:10px; } .browser-ie-7 .layout-column2{ z-index : -20; } /** * Generic Backgrounds */ .background-medium-gradient { background: #f6f8fa; background: -moz-linear-gradient(top, #f6f8fa 0%, #dfe5ec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8fa), color-stop(100%,#dfe5ec)); background: -webkit-linear-gradient(top, #f6f8fa 0%,#dfe5ec 100%); background: -o-linear-gradient(top, #f6f8fa 0%,#dfe5ec 100%); background: -ms-linear-gradient(top, #f6f8fa 0%,#dfe5ec 100%); background: linear-gradient(to bottom, #f6f8fa 0%,#dfe5ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8fa', endColorstr='#dfe5ec',GradientType=0 ); } .invest-section-bg { background: url("../../../content/dam/chaseonline/en/investing/images/background_nodots_modified.png") no-repeat scroll center bottom #f6f5f1; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom:0; box-shadow: 0 2px 1px #CCCCCC; width:562px; } .invest-section-bg-inner{ padding:15px 30px 21px; } .invest-subsection-bg { background: url("../../../content/dam/chaseonline/en/investing/images/background_nodots_modified.png") no-repeat scroll center bottom #f6f5f1; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-top: 0; box-shadow: 0 2px 1px #CCCCCC; width:562px; } /* */ .leftnavigation .primary-hero { margin: 0; } .ln-left-nav { background: white; background-repeat: repeat; } .ln-left-nav .expanded{ visibility:visible; display:block; } .nav-container.ln-left-nav, .nav-container .ln-body, .nav-container .ln-head, .nav-container .ln-nav-panel, .nav-container .ln-content-wrapper, .nav-container .ln-content, .ln-left-nav { width: auto; height: auto; min-height: 0; min-width: 0; } .ln-left-nav .ln-wrapper { position: relative; } .ln-left-nav .ln-head { min-height: 28px; position: relative; padding: 20px; z-index: 9; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(195,210,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(195,210,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(195,210,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(195,210,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(195,210,229,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(195,210,229,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c3d2e5',GradientType=0 ); /* IE6-9 */ } .ln-left-nav .ln-head h2 { position: relative; font-size: 22px; line-height:1.3em; text-align: left; display: block; font-weight: bold; } .ln-left-nav .ln-body { position: relative; overflow:hidden; } /*.leftnav-layout-page .ln-nav-panel,*/ .ln-left-nav .ln-nav-panel { height: 570px; padding: 30px 0 0 20px; background: white; box-shadow: 7px -16px 33px -14px rgba(0,0,0,0.4); -moz-box-shadow: 11px -16px 20px -17px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 7px -16px 33px -14px rgba(0,0,0,0.4); -pie-box-shadow: 15px -16px 40px -40px rgba(0, 0, 0, 0.4); -pie-border-radius: 0 0 20px 0; width: 210px; position: absolute; top: 0; left: 0; z-index: 8; } /*.leftnav-layout-page .ln-nav-panel ul li,*/ .ln-left-nav .ln-nav-panel ul li { list-style: none; margin: 0; } .ln-left-nav .ln-nav-panel ul li ul li { margin: 0 0 0 10px; } .ln-left-nav .ln-primary { display: block; padding: 5px 0px 5px 0px; } .ln-left-nav .ln-secondary-nav { margin-left: 15px; visibility: hidden; display: none } .ln-left-nav .ln-secondary { display: block; padding: 5px; position: relative } .ln-left-nav .ln-primary-has-subnav { font-weight: bold } .ln-left-nav .ln-primary-no-subnav { color: black; font-weight: bold } .ln-left-nav .ln-secondary.ln-selected { color: black; font-weight: bold } /*.leftnav-layout-page .ln-content-wrapper,*/ .ln-left-nav .ln-content-wrapper { height: 570px; width: auto; position: relative; overflow-x: hidden; overflow-y: auto; padding: 30px 0 0 258px; z-index: 7; background:white; background: -moz-linear-gradient(top, #eceeef 0%, #ffffff 5%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceeef), color-stop(5%,#ffffff)); background: -webkit-linear-gradient(top, #eceeef 0%,#ffffff 5%); background: -o-linear-gradient(top, #eceeef 0%,#ffffff 5%); background: -ms-linear-gradient(top, #eceeef 0%,#ffffff 5%); background: linear-gradient(top, #eceeef 0%,#ffffff 5%); -pie-background: linear-gradient(top, #eceeef 0%,#ffffff 5%); } .ln-left-nav .ln-content-wrapper h2 { display: block; font-family: verdana; font-size: 16px; font-weight: bold; line-height: 24px; margin-bottom: 12px; text-align: left; height: auto; } .ln-left-nav .ln-nav-item { position: relative; width: 90%; z-index: 20 } .ln-left-nav .ln-arrow { /* Resting state */ display: block; width: 11px; height: 11px; background-position: 0 0; position: absolute; top: 7px; right: -7px; } .ln-left-nav .ln-right-arrow { /* Primary selected _without_subnav_ gets a black ">" synbol */ background-position: 0 -22px; } .ln-left-nav .ln-down-arrow { /* Primary selected _with_subnav_ gets a black "V" synbol */ background-position: 0 -33px; } .ln-left-nav h2 { display:inline } .ln-left-nav .ln-content { text-align: left; padding-right: 20px; height: auto; overflow: visible; margin-top: -2px; font-size: 14px; } .ln-nav-panel a{ /*background:url(images/left_nav_arrow.png) no-repeat right -10px;*/ font-size: 12px; line-height:16px; display:block; padding-right:12px; width: 178px; margin-bottom: 11px; text-decoration: none; } .ln-nav-panel a:hover { color: #004566; text-decoration: underline; background: url(images/left_nav_arrow.png) no-repeat right -11px; } .ln-nav-panel a.selected-link{ background:url(images/left_nav_arrow.png) no-repeat right -86px; color: #43444e; font-weight:bold; } .ln-nav-panel a.selected-link:hover{ color:#43444e; text-decoration:none; background:url(images/left_nav_arrow.png) no-repeat right -86px; } .ln-nav-panel ul li ul li a {width: 168px;} .ln-nav-panel li ul {display:none;visibility:hidden;} /*** Modal configuration .ln-floater-container added by LeftNav.dynamicStyling() ***/ .chaseui-chasefloater.ln-floater-container .chaseui-contexthelpfloaterbody { overflow: hidden; } .chaseui-chasefloater.ln-floater-container .standard-overlay-header { position:relative; z-index: 9; } .chaseui-chasefloater.ln-floater-container .chaseui-modalbody-scroll > .multitask + * .ln-left-nav .ln-head, .chaseui-chasefloater.ln-floater-container .chaseui-modalbody-scroll > * .ln-left-nav .ln-head { display: none; visibility: hidden; } .chaseui-chasefloater.ln-floater-container .chaseui-modalbody-scroll > .multitask + * .ln-left-nav .ln-content-wrapper { background: none; -pie-background: none; } .chaseui-chasefloater.ln-floater-container .chaseui-modalbody-scroll > .multitask { background: #fff; background: -moz-linear-gradient(top, #eceeef 0%, #ffffff 40%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceeef), color-stop(40%,#ffffff)); background: -webkit-linear-gradient(top, #eceeef 0%,#ffffff 40%); background: -o-linear-gradient(top, #eceeef 0%,#ffffff 40%); background: -ms-linear-gradient(top, #eceeef 0%,#ffffff 40%); background: linear-gradient(top, #eceeef 0%,#ffffff 40%); -pie-background: linear-gradient(top, #eceeef 0%,#ffffff 40%); z-index: 9; position: relative; } .chaseui-chasefloater.ln-floater-container .chaseui-modalbody-scroll > .multitask > .multitask { padding: 20px 20px 0; } .chaseui-chasefloater.ln-floater-container .chaseui-modalbody-scroll > .multitask > .multitask > .multitask-container { border-bottom: 1px solid #dae2e4; font-size: 14px; padding-bottom:8px; } .chaseui-chasefloater.ln-floater-container .chaseui-modalbody-scroll > .multitask > .multitask > .multitask-container p { position: relative; z-index: 10; background: none; } .chaseui-chasefloater.ln-floater-container .chaseui-modalbody-scroll > .multitask > .multitask > .clearfix { height: 0; } /*---------- In-page left nav tree specific styles ----------*/ .leftnav-layout-content-section { position: relative; margin-top:20px; } .leftnav-layout-content-section .body-section-leftnavtree{ width: 210px; float: left; } .leftnav-layout-content-section .leftnav-layout-right-contentPanel{ float: right; width: 678px; padding-left: 38px; box-shadow: 25px 0 10px -23px rgba(0, 0, 0, 0.10) inset; } .leftnav-layout-content-section .leftnav-layout-pageTitle{ color: #43444E; font-family: amplitude; font-size: 26px; position: relative; font-weight: normal; left: 0px; top: 0px; margin-bottom: 10px; } /* .leftnav-layout-page .main-content-section { margin-left: auto; margin-right: auto; position: relative; width: 960px; } .leftnav-layout-page .main-content-section .body-section-leftnavtree{*/ /*border: 1px red solid; margin-left: 16px;*/ /*width: 206px; float: left; } .leftnav-layout-page .ln-nav-panel { top: 21px; height: auto; padding: 20px 0 6px; background: none; -moz-box-shadow: 11px 0px 16px -13px rgba(0,0,0,0.4); -webkit-box-shadow: 11px 0px 16px -13px rgba(0,0,0,0.4); -pie-box-shadow: 11px 0px 16px -13px rgba(0,0,0,0.4); box-shadow: 11px 0px 16px -13px rgba(0,0,0,0.4); } .browser-ie .leftnav-layout-page .ln-nav-panel { border-right: 1px solid #ccc; } /* .leftnav-layout-page .ln-content-wrapper{ height: auto; background: none; padding: 20px 0 0 230px; overflow: hidden; } */ .leftnav-layout-content-section .ln-nav-panel li ul { display: block; visibility: visible; } .leftnav-layout-content-section .accordion .accordion-container .accordion-content {padding-left: 15px;} .leftnav-layout-content-section .ln-nav-panel ul li { list-style-type: none; margin:0; font-family: verdana; color: #016899; font-size: 12px; } .leftnav-layout-content-section .ln-nav-panel ul ul { margin: 0 0 0 12px; } .leftnav-layout-content-section .ln-nav-panel ul ul, .leftnav-layout-content-section .ln-nav-panel .visible-tree-parent > a, .leftnav-layout-content-section .ln-nav-panel .hidden-tree > li { display: none; visibility: hidden; } .leftnav-layout-content-section .ln-nav-panel ul > li > ul > li > a { width: 166px; } .leftnav-layout-content-section .ln-nav-panel .visible-tree, .leftnav-layout-content-section .ln-nav-panel .visible-tree-parent, .leftnav-layout-content-section .ln-nav-panel .visible-tree-parent > ul, .leftnav-layout-content-section .ln-nav-panel .visible-tree-parent .visible-tree-parent > a { display: block !important; visibility: visible !important; } .leftnav-layout-content-section .ln-nav-panel .visible-tree-parent > ul { margin: 0; } .leftnav-layout-content-section .ln-nav-panel .visible-tree-parent > ul .visible-tree-parent > ul { margin: 0 0 0 12px;} .leftnav-layout-content-section .ln-nav-panel .hidden-tree ul > li > a { width: 178px; } .leftnav-layout-content-section .ln-nav-panel .hidden-tree ul > li > ul > li > a { width: 166px; } /* removed position absolute for defect 237571 and lowered padding-top from 16px to 0 */ .leftnav-layout-content-section .left-nav-tree-title { font-size: 16px; font-weight: bold; padding: 16px 0 34px 0; color: #016899; height: 10px; top:-60px; }/* .leftnav-layout-page .ln-content-wrapper .ln-content-header { font-size: 32px; font-family: amplitude,arial narrow,helvetica,arial,sans-serif; line-height: 36px; margin-top: -6px; font-weight: normal; } */ /* .leftnav-layout-page .main-content-section .leftnav-layout-page-rightPanel{ float: left; position: relative; } .leftnav-layout-page .main-content-section .body-section{ float: right; margin-left: 12px; padding-left: 22px; width: 688px; }*/ /***** Modal - overlay */ .chaseui-contexthelpfloaterbody { background-color: #FFFFFF; border: 5px solid #768E97; } .footnote-modal p, .footnote-modal li{ font-size: 12px; line-height: normal; } .footnote-modal p sup { font-size: 10px; } /***** END modal-overlay */ /* UTILITY CLASSES - POSITIONS DEFINITIONS - WIDTHS DEFINITIONS - TEXT STYLE DEFINITIONS */ /* MULTITASK - - */ /* START UTILITY CLASSES */ /* POSITIONS DEFINITIONS */ .float-left{ float: left !important; position: relative; } .float-right{ float: right !important; position: relative; } .center-div{ margin: 0 auto; position: relative; } .center-text{ text-align: center !important; } .clear-both{ clear: both !important; } /* END POSITIONS DEFINITIONS */ /* START MULTITASK */ .multitask{ width:auto; font-family: verdana,arial,geneva,sans-serif; text-align: left; //overflow: hidden; } .multitask .multitask-container{ width: auto; position: relative; } /* #29962 .multitask .multitask-container p{ margin-bottom: 16px !important; } */ .multitask .multitask-container.multitask-image-container{ width: auto; text-align: center; margin: 0 auto; margin-bottom: 30px; } .multitask .title { font-size: 32px; font-family: amplitude, arial narrow, helvetica, arial, sans-serif; line-height: 36px; color: #43444e; font-weight: normal; display: block; margin-bottom: 13px; } .multitask .title-b { font-family: verdana,arial,geneva,sans-serif; font-size: 22px; line-height: 26px; color: #43444e; font-weight: bold; display: block; margin-bottom: 12px; } /* .multitask .subtitle *{ font-family: amplitude, arial narrow, helvetica, arial, sans-serif; font-size: 26px !important; line-height: 30px; color: #43444e; font-weight: normal; display: block; margin-bottom: 13px; margin-top: 0; } */ .multitask .subtitle-b { font-family: verdana,arial,geneva,sans-serif; font-weight: bold; font-size: 18px; line-height: 22px; color: #43444e; display: block; margin-bottom: 11px; } .multitask .subtitle-c { font-family: verdana,arial,geneva,sans-serif; font-weight: bold; font-size: 18px; line-height: 22px; color: #0B4162; display: block; margin-bottom: 11px; } .multitask .subtitle-d { font-size: 16px; font-weight:bold; font-family: verdana,arial,geneva,sans-serif; line-height: 21px; color: #43444e; display: block; margin-bottom: 11px; } .multitask .subtitle-e { font-size: 14px; font-weight: bold; font-family: verdana,arial,geneva,sans-serif; line-height: 21px; color: #43444E; display: block; margin-bottom: 11px; } .multitask .subtitle-f { font-size: 18px; font-weight: bold; font-family: verdana,arial,geneva,sans-serif; line-height: 21px; color: #43444E; display: block; margin-bottom: 11px; } .multitask .subtitle-g { font-size: 18px; font-family: verdana,arial,geneva,sans-serif; line-height: 21px; color: #016899; font-weight: normal; display: block; margin-bottom: 11px; } .multitask .subtitle-h { font-size: 22px; font-family: amplitude, arial narrow, helvetica, arial, sans-serif; line-height: 31px; color: #828282; font-weight: normal; display: block; margin-bottom: 11px; } .multitask .subtitle-i { font-family: verdana,arial,geneva,sans-serif; font-weight: bold; font-size: 16px; line-height: 20px; color: #0b4162; display: block; margin-bottom: 11px; } .multitask .subtitle-j { font-family: verdana,arial,geneva,sans-serif; font-weight: normal; font-size: 22px; line-height: 30px; color: #fff; display: block; margin-bottom: 19px; } /*

Checking is just the beginning

Every Chase checking account is backed by our commitment to convenience and customer service, account security, and even includes Chase Exclusives®. By choosing a Chase Checking account you'll experience:

*/ .multitask ul li { list-style: disc outside none; margin-left: 20px; } .multitask ol li { list-style: decimal outside none; margin-left: 20px; } .multitask .multitask-sub-para{ font-size: 12px; line-height: 1.3em; margin-bottom: 25px; } .multitask .multitask-sub-title{ font-size: 16px; line-height: 1.3em; margin-bottom: 25px; } .multitask ul.multitask-ul-list { clear:both; margin-left:13px; } .multitask ul.multitask-ul-list li { color: #434443; font-size: 11px; line-height: 1.4em; list-style-image: url("images/bullet_small.png"); margin-bottom: 5px; margin-top: 5px; text-align: left; } .multitask-container.multitask-link-container{ margin-bottom: 15px; } /* Multitask BUTTON
*/ .multitask .multitask-container.multitask-button-container .multitask-button{ position: relative; float: right; margin: 0 15px; } .multitask-button-absolute{ position:absolute; right:0; } /* OR with QR, then OR will require margin-top*/ .multitask .multitask-container.multitask-button-container.multitask-qr-container .multitask-button{ margin-top: 64px;/*TODO: This value may need to change one the QR code image size is finalized*/ } .multitask .multitask-container li{ margin-bottom: 12px; } /* END Multitask BUTTON */ .multitask .multitask-image-container{ width: 100%; } .multitask .multitask-text-container{ width: 100%; } .multitask.width-50-50 .multitask-image-container{ width: 50%; } .multitask.width-50-50 .multitask-text-container{ width: 50%; } .multitask.width-40-60 .multitask-image-container{ width: 40%; } .multitask.width-40-60 .multitask-text-container{ width: 60%; } .multitask.width-60-40 .multitask-image-container{ width: 60%; } .multitask.width-60-40 .multitask-text-container{ width: 40%; } .multitask.width-30-70 .multitask-image-container{ width: 30%; } .multitask.width-30-70 .multitask-text-container{ width: 70%; } .multitask.width-70-30 .multitask-image-container{ width: 70%; } .multitask.width-70-30 .multitask-text-container{ width: 30%; } /* END MULTITASK */ /* Wrapped Multitask */ .multitask.wrapped-multitask{ overflow: visible; } .multitask.wrapped-multitask .standard-link-outer{ display: block; } .multitask.wrapped-multitask .sliding-button-container{ display: block; float: left; margin-top: 17px; } .multitask.wrapped-multitask img.cq-dd-image{ position: relative; /*left: -20px; commenting to fix the 56550 */ margin: 0 0px 15px 0; } .multitask.wrapped-multitask h2.title{ clear: none; margin-bottom: 17px; } .multitask.wrapped-multitask p{ clear: none; } /* END Wrapped Multitask */ /* Multitask Ad */ .multitask.multitask-ad .chase-button-container{ float: left; } /* END Multitask Ad */ .multitask-container a.dynamically-built-ajax-flyout-link { border-bottom:1px dashed #0076AE; text-decoration:none; } .multitask-container a.dynamically-built-ajax-flyout-link:hover { border-bottom:1px dashed #0076AE; text-decoration:none; } /* START - SubHero Section focus highlighting in Google Chrome defect 47503#*/ .multitask .multitask-container.multitask-image-container a{ display: inline-block; *display:block; } /* this fix is added to fix the focus out line not appearing on IE 7 */ .multitask .multitask-container.multitask-image-container a img{ *z-index: -100; *padding:0; } /* END - SubHero Section focus highlighting in Google Chrome */ */ /* START STANDARD LINK */ .standard-link-outer { display: inline-block; position: relative; vertical-align:top; /* top: 2px; */ } .standard-link-outer .standard-link-inner { display: block; float: left; overflow:visible } /* END STANDARD LINK */ /* START SLIDING DOORS BUTTON */ .sliding-button-container { display:block; margin: 0 auto; position: relative } .sliding-button-container .lead-component-c-footer .sliding-button-adjuster{ position: relative; width: 130px; float: right; } /* ------------- */ .sliding-button-container .primary-button { position: relative; height: 34px; float: right; background: url('images/All_Buttons-4E.png') 0 -263px no-repeat; } .sliding-button-container .primary-button:hover{ background-position: 0 -297px; } .sliding-button-container .primary-button .sliding-button-href{ position: relative; left: 5px; height: 34px; width: auto; display: block; background: url('images/All_Buttons-4E.png') 100% -263px no-repeat; text-align: center; padding: 0 20px; text-decoration: none; /*background-position: 100% -206px;*/ } .sliding-button-container .primary-button .sliding-button-href:hover{ background-position: 100% -297px; } .sliding-button-container .primary-button .sliding-button-href .sliding-button-text{ color: white; font-weight: bold; font-size: 14px; text-shadow: 0px 1px 2px #000000; position: relative; top: 8px; filter: dropshadow(color=#000000, offx=0, offy=1); white-space: nowrap; } .sliding-button-container .primary-button .sliding-button-href:hover .sliding-button-text{ color: white; } .sliding-button-container .primary-button .lock-container { width: 12px; height: 14px; display:inline-block; position: relative; top: 2px; margin-right: 10px; background: url('images/All_ButtonLock.png') 0 0 no-repeat; } .sliding-button-container .lock-container { width: 12px; height: 14px; display:inline-block; position: relative; top: 2px; margin-right: 10px; background: url('images/All_ButtonLock.png') 0 0 no-repeat; } .sliding-button-container .primary-button .sliding-button-href:hover .lock-container{ background-position: 0 0px; } .sliding-button-container .primary-button .magnifying-glass-container { width: 12px; height: 14px; display:inline-block; position: relative; top: 2px; margin-right: 10px; background: url('images/All_ButtonIconViewCheck.png') 0 0 no-repeat; } .sliding-button-container .primary-button .sliding-button-href:hover .magnifying-glass-container{ background-position: 0 0px; } .sliding-button-container .primary-button .multi-select-container { width: 12px; height: 10px; display:inline-block; position: relative; top: 2px; margin-left: 10px; background: url('images/All_ButtonArrowDropDown.png') 0 0 no-repeat; } .sliding-button-container .primary-button .sliding-button-href:hover .multi-select-container{ background-position: 0 0px; } /* * Secondary Buttons */ .sliding-button-container .secondary-button{ position: relative; height: 34px; float: right; background: url('images/All_Buttons-4E.png') 0 -365px no-repeat; } .sliding-button-container .secondary-button:hover{ background-position: 0 -399px; } .sliding-button-container .secondary-button .sliding-button-href{ position: relative; left: 5px; height: 34px; width: auto; display: block; background: url('images/All_Buttons-4E.png') 100% -365px no-repeat; text-align: center; padding: 0 20px; text-decoration: none; /*background-position: 100% -206px;*/ } .sliding-button-container .secondary-button .sliding-button-href:hover{ background-position: 100% -399px; } .sliding-button-container .secondary-button .sliding-button-href .sliding-button-text{ color: #FFFFFF; font-weight: bold; font-size: 14px; text-shadow: 0px 1px 2px #000000; position: relative; top: 8px; filter: dropshadow(color=#000000, offx=0, offy=1); white-space: nowrap; } .sliding-button-container .secondary-button .sliding-button-href:hover .sliding-button-text{ color: #057; filter: dropshadow(color=white, offx=0, offy=1); text-shadow: 0px 1px 2px white; } .sliding-button-container .secondary-button .lock-container { width: 12px; height: 14px; display:inline-block; position: relative; top: 2px; margin-right: 10px; background: url('images/All_ButtonLock.png') 0 0 no-repeat; } .sliding-button-container .secondary-button .sliding-button-href:hover .lock-container{ background-position: 0 -33px; } .sliding-button-container .secondary-button .magnifying-glass-container { width: 12px; height: 14px; display:inline-block; position: relative; top: 2px; margin-right: 10px; background: url('images/All_ButtonIconViewCheck.png') 0 0 no-repeat; } .sliding-button-container .secondary-button .sliding-button-href:hover .magnifying-glass-container{ background-position: 0 -29px; } .sliding-button-container .secondary-button .multi-select-container { width: 12px; height: 10px; display:inline-block; position: relative; top: 2px; margin-left: 10px; background: url('images/All_ButtonArrowDropDown.png') 0 0 no-repeat; } .sliding-button-container .secondary-button .sliding-button-href:hover .multi-select-container{ background-position: 0 -20px; } /* * Tertiary Buttons */ .sliding-button-container .tertiary-button{ position: relative; height: 34px; float: right; background: url('images/All_Buttons-4E.png') 0 -467px no-repeat; } .sliding-button-container .tertiary-button:hover{ background-position: 0 -501px; } .sliding-button-container .tertiary-button .sliding-button-href{ position: relative; left: 3px; height: 34px; width: auto; display: block; background: url('images/All_Buttons-4E.png') 100% -467px no-repeat; text-align: center; padding: 0 20px; text-decoration: none; } .sliding-button-container .tertiary-button .sliding-button-href:hover{ background-position: 100% -501px; color: #057; } .sliding-button-container .tertiary-button .sliding-button-href .sliding-button-text { color: #444; font-weight: bold; font-size: 14px; text-shadow: 0px 1px 2px white; position: relative; top: 8px; filter: dropshadow(color=white, offx=0, offy=1); white-space: nowrap; } .sliding-button-container .tertiary-button .sliding-button-href:hover .sliding-button-text{ color: #057; filter: dropshadow(color=white, offx=0, offy=1); text-shadow: 0px 1px 2px white; } .sliding-button-container .tertiary-button .lock-container { width: 12px; height: 14px; display:inline-block; position: relative; top: 2px; margin-right: 10px; background: url('images/All_ButtonLock.png') 0 -17px no-repeat; } .sliding-button-container .tertiary-button .sliding-button-href:hover .lock-container{ background-position: 0 -33px; } .sliding-button-container .tertiary-button .magnifying-glass-container { width: 12px; height: 14px; display:inline-block; position: relative; top: 2px; margin-right: 10px; background: url('images/All_ButtonIconViewCheck.png') 0 -14px no-repeat; } .sliding-button-container .tertiary-button .sliding-button-href:hover .magnifying-glass-container{ background-position: 0 -29px; } .sliding-button-container .tertiary-button .multi-select-container { width: 12px; height: 14px; display:inline-block; position: relative; top: 2px; margin-left: 10px; background: url('images/All_ButtonArrowDropDown.png') 0 -17px no-repeat; } /* * Translucent Background Buttons */ .sliding-button-container .primary-translucent-button{ position: relative; height: 51px; float: right; background: url('images/All_Buttons-4E.png') 0 -130px no-repeat; padding: 0px 0px 0px 12px; } .sliding-button-container .primary-translucent-button:hover{ background-position: 0 -195px; } .sliding-button-container .primary-translucent-button .sliding-button-href{ position: relative; left: 49px; height: 51px; width: auto; display: block; background: url('images/All_Buttons-4E.png') 100% -130px no-repeat; text-align: center; padding: 0px 25px 0px 0px; text-decoration: none; /* background-position: 100% -105px; */ } .sliding-button-container .primary-translucent-button:hover .sliding-button-href { background-position: 100% -195px; } .sliding-button-container .primary-translucent-button .sliding-button-href .sliding-button-text{ color: white; font-weight: bold; font-size: 14px; text-shadow: 0px 1px 2px #000000; position: relative; top: 16px; filter: dropshadow(color=#000000, offx=0, offy=1); white-space: nowrap; } .sliding-button-container .primary-translucent-button .sliding-button-href:hover .sliding-button-text{ color: white; } .sliding-button-container .primary-translucent-button .multi-select-container { width: 12px; height: 10px; display:inline-block; position: relative; top: 2px; margin-left: 10px; background: url('images/All_ButtonArrowDropDown.png') 0 0 no-repeat; } .sliding-button-container .primary-translucent-button .sliding-button-href:hover .multi-select-container{ background-position: 0 0px; } a.btn-swat { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } a.btn-primary{ position: relative; height: 34px; color: #ffffff; background-color: green; /* IE8 and below */ background: -moz-linear-gradient( top, #dbe6d6 0%, #5b973a 50%, #318007 50%, #338305); background: -webkit-gradient( linear, left top, left bottom, from(#dbe6d6), color-stop(0.50, #5b973a), color-stop(0.50, #318007), to(#338305)); border: 2px solid #266e10; font-size: 14px; font-weight:bold; padding: 10px 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 1px 3px rgba(48,48,48,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 1px 3px rgba(48,48,48,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); box-shadow: #666 0px 1px 2px; text-shadow: 0px -1px 0px rgba(48,48,48,1), 0px 1px 0px rgba(255,255,255,0.2); -pie-background: linear-gradient(top, #dbe6d6 0%, #5b973a 50%, #318007 50%, #338305); } a.btn-primary:hover{ background-position: 0 -297px; padding: 10px 20px; background-color: #8b4; /* IE8 and below */ background: -moz-linear-gradient( top, #dde6da 0%, #9ac468 50%, #87bb3f 50%, #6d9720); background: -webkit-gradient( linear, left top, left bottom, from(#dde6da), color-stop(0.50, #9ac468), color-stop(0.50, #87bb3f), to(#6d9720)); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #427f24; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3); -pie-background: linear-gradient(top, #dde6da 0%, #9ac468 50%, #87bb3f 50%, #6d9720); /* W3C */ } /* END SLIDING DOORS BUTTON */ /* */ .chaseui-tabs { clear: both; margin-top: 20px; position: relative; background: #fff; } .chaseui-tabs .ui-tabs-hide { display: none; } .chaseui-tabs .chaseui-tabs-shadow{ -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); border-bottom-left-radius: 10px 200px; border-bottom-right-radius: 10px 200px; height: 120px; position: absolute; z-index: -1; top: 0; width: 100%; } .browser-ie .chaseui-tabs .chaseui-tabs-shadow{ border: 1px solid #ddd; border-bottom: 0 none; top: -1px; left: -1px; } .chaseui-tabs .chaseui-tabs-list a,.chaseui-tabs .chaseui-tabs-list a:hover{ text-decoration: none; } .chaseui-tabs .chaseui-tabs-body { border: 1px solid #e2eff5; padding-top: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: none; border-width: 1px 0 0; margin-top: -6px; display: none; } .chaseui-tabs .chaseui-tabs-list { list-style: none; overflow: hidden; position: relative; margin-bottom: -1px; padding: 0; } .chaseui-tabs .chaseui-tabs-list li.ui-state-default{ position: relative; } .chaseui-tabs .chaseui-tabs-list li { float: left; border-bottom: 0; margin: 0; padding: 0; list-style-type: none !important; } .browser-ie-7 .chaseui-tabs .chaseui-tabs-list li { padding-bottom:5px; } .chaseui-tabs .chaseui-tabs-list li .chaseui-tabstitle { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } .chaseui-tabs .chaseui-tabs-list li .chaseui-tabstitle { height: 41px; position: relative; background: linear-gradient(#e3e9ec, #fefefe); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e9ec', endColorstr='#fefefe',GradientType=0 )"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e9ec', endColorstr='#fefefe', GradientType=0 ); margin: 0; padding: 0px; } .chaseui-tabs .chaseui-tabs-list li .chaseui-tabstitle { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.07, rgb(226 , 233, 236) ), color-stop(0.77, rgb(255, 255, 255) ) ); background-image: -moz-linear-gradient(center top, rgb(226, 233, 236) 7%, rgb(255, 255, 255) 77% ); -pie-watch-ancestors: 5; padding: 0px; } .chaseui-tabs .chaseui-tabs-list li .chaseui-tabstitle h2{ margin: 0; } .chaseui-tabs .chaseui-tabs-list li.active .chaseui-tabstitle{ background: #FFF; height: 42px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: none; -pie-watch-ancestors: 1px; display: inline-block; } .chaseui-tabs .chaseui-tabs-list li a { float: left; border: 1px solid #fff; font: 14px/39px Verdana; border-color: #fff #cbe2ec #fff #fff; border-width: 1px 1px 0; height: 40px; } .chaseui-tabs .chaseui-tabs-list .ui-state-active a{ font-weight:bold; } .chaseui-tabs .chaseui-tabs-list li a sup { font: bold 9px/12px Verdana; } .chaseui-tabs .chaseui-tabs-list li a { text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; } .chaseui-tabs .chaseui-tabs-list li a:hover { text-decoration: underline; color: #004566; } .chaseui-tabs .chaseui-tabs-list li.active a { cursor: text; color: #43444E; border: solid #cee5ef; font-weight: 700; margin-top: -2px; font: bold 14px/39px Verdana; border-color: #f0f4f5 #cfe5ef #fff #fff; border-width: 1px 1px 0; background-color: #FFFFFF; height: 43px; } .chaseui-tabs .chaseui-tabs-list li.active a:hover { color: #43444E; text-decoration: none; } .chaseui-tabs .chaseui-tabs-list li:first-child.active a { border-left: 1px solid #fff; } .chaseui-tabs .chaseui-tabs-list li.chaseui-tabslast a { border-right: 0; } /******************************** TABS *********************************/ /* two tabs */ .chaseui-tabs.two-ele .chaseui-tabs-list { } .chaseui-tabs.two-ele .chaseui-tabs-list li { width: 50%; } .chaseui-tabs.two-ele .chaseui-tabs-list li a { width:100%; } .chaseui-tabs.two-ele .chaseui-tabs-list li.active a{ } /* end two tabs */ /* three tabs */ .chaseui-tabs.three-ele .chaseui-tabs-list li { width: 33%; } .chaseui-tabs.three-ele .chaseui-tabs-list li.chaseui-tabslast { width: 34%; } .chaseui-tabs.three-ele .chaseui-tabs-list li a { width:100%; } /* end three tabs */ /* four tabs */ .chaseui-tabs.four-ele .chaseui-tabs-list { } .chaseui-tabs.four-ele .chaseui-tabs-list li { width: 25%; } .chaseui-tabs.four-ele .chaseui-tabs-list li a { width:100%; } .chaseui-tabs.four-ele .chaseui-tabs-list li.active a{ width:100%; } .chaseui-tabs.four-ele .chaseui-tabs-list .chaseui-tabslast{ width: 25%; } /* end four tabs */ /* five tabs */ .chaseui-tabs.five-ele .chaseui-tabs-list { } .chaseui-tabs.five-ele .chaseui-tabs-list li { width: 20%; } .chaseui-tabs.five-ele .chaseui-tabs-list li a { width:100%; } .chaseui-tabs.five-ele .chaseui-tabs-list li.active a{ } .chaseui-tabs.five-ele .chaseui-tabs-list .chaseui-tabslast{ } /* end five tabs */ /* Required only for patterns-library page */ .tab-header{ padding: 20px; margin: 20px; background-color: #169900; font-weight: bold; font-size: 20px; color: #000000; } /* END Required only for patterns-library page */ .chaseui-tabs .chaseui-tabs-list li a .superscr { position:absolute; font-size:9px; margin-top:-4px; } .browser-ie-7 .chaseui-tabs .chaseui-tabs-list li a .superscr { margin-top:-18px; } /*========================================= * Tabs: Accordion-style * * Cascade: div.chaseui-tabs.chaseui-tabs-accordion * ======================================*/ div.chaseui-tabs.chaseui-tabs-accordion { background: none; margin: 0; } div.chaseui-tabs.chaseui-tabs-accordion div.chaseui-tabs-shadow { display: none; /* Can we remove this style and instead remove the HTML from this rendition? */ } div.chaseui-tabs.chaseui-tabs-accordion ul.chaseui-tabs-list li { padding-bottom: 10px; display: block; } div.chaseui-tabs.chaseui-tabs-accordion ul.chaseui-tabs-list li.active{ background: url('images/tabs-accordion-style-sprite.png') center 82px no-repeat; z-index:2; position: relative; } .browser-ie-8 div.chaseui-tabs.chaseui-tabs-accordion ul.chaseui-tabs-list li.active{ background-position: center 80px; } div.chaseui-tabs.chaseui-tabs-accordion li div.chaseui-tabstitle { padding: 20px 16px 20px 21px; width: auto; background: url('images/tabs-accordion-style-sprite.png') 111.5% center no-repeat; margin: 0; min-height: 45px; display: block; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } div.chaseui-tabs.chaseui-tabs-accordion li:first-child div.chaseui-tabstitle { padding-left:30px; } div.chaseui-tabs.chaseui-tabs-accordion li.chaseui-tabslast div.chaseui-tabstitle { padding-right:30px; background: none; } div.chaseui-tabs.chaseui-tabs-accordion div.chaseui-tabstitle a { border: none; line-height: 21px; min-height: 45px; background: url("images/All_ArrowModal_new.png") no-repeat scroll -28px 6px transparent; padding-left: 13px; text-align: left; width: auto; cursor: pointer; color: #016899; } div.chaseui-tabs.chaseui-tabs-accordion div.chaseui-tabstitle a:focus, div.chaseui-tabs.chaseui-tabs-accordion div.chaseui-tabstitle a:hover { color: #004566; text-decoration: underline; } div.chaseui-tabs.chaseui-tabs-accordion ul.chaseui-tabs-list li:first-child.active a { border: none; } div.chaseui-tabs.chaseui-tabs-accordion li.active a{ font-weight: bold; background-position: -1px -20px; color: #016899 !important; margin: 0; text-decoration: none !important; } div.chaseui-tabs.chaseui-tabs-accordion li.active div.chaseui-tabstitle, div.chaseui-tabs.chaseui-tabs-accordion li div.chaseui-tabstitle:hover { display: block; background: url('images/tabs-accordion-style-sprite.png') 111.5% center no-repeat; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%), url('images/tabs-accordion-style-sprite.png') 111.5% center no-repeat !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))), url('images/tabs-accordion-style-sprite.png') 111.5% center no-repeat !important; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%), url('images/tabs-accordion-style-sprite.png') 111.5% center no-repeat !important; background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%), url('images/tabs-accordion-style-sprite.png') 111.5% center no-repeat !important; background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%), url('images/tabs-accordion-style-sprite.png') 111.5% center no-repeat !important; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%), url('images/tabs-accordion-style-sprite.png') 111.5% center no-repeat !important; } div.chaseui-tabs.chaseui-tabs-accordion li.chaseui-tabslast.active div.chaseui-tabstitle, div.chaseui-tabs.chaseui-tabs-accordion li.chaseui-tabslast div.chaseui-tabstitle:hover { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))) !important; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%) !important; background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%) !important; background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%) !important; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%) !important; } .browser-ie-8 div.chaseui-tabs.chaseui-tabs-accordion li.chaseui-tabslast.active div.chaseui-tabstitle, .browser-ie-8 div.chaseui-tabs.chaseui-tabs-accordion li.chaseui-tabslast div.chaseui-tabstitle:hover { background: none; } div.chaseui-tabs.chaseui-tabs-accordion div.chaseui-tabs-body { border: 1px solid #bfc2c3; margin: 0 10px 10px; background: white; box-shadow: inset 0 0 10px rgba(0,0,0,0.1); padding: 30px 33px 50px; } div.chaseui-tabs.chaseui-tabs-accordion div.chaseui-tabs-body { margin-top: -4px; } .browser-ie-8 div.chaseui-tabs.chaseui-tabs-accordion div.chaseui-tabs-body { margin-top: -6px; } .float-left{ float: left !important; position: relative; } .float-right{ float: right !important; position: relative; } .float-center{ margin: 0 auto; position: relative; } .clear-both{ clear: both !important; } .vertical-separator{ margin: 40px; position: relative; } .asterisk{ color:#9E0B0F; } a:focus, input:focus, p:focus{ outline: dotted thin #000; } .main-content-section ul li{ list-style: disc; margin-left: 16px; } .main-content-section ul.chaseui-linklist li{ margin-left:0; } .main-content-section ul.chaseui-linklist li a{ font-size:14px; } .main-content-section ol li{ list-style: decimal; margin-left: 20px; } .list-no-decoration li{ list-style-type: none !important; padding: 0; margin: 0; } span.bullet-small{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -16px transparent; padding: 0px 0 0 20px; line-height: 28px; } span.bullet-large{ background: url("images/bullet_sprite.png") no-repeat scroll 0 6px transparent; padding: 0px 0 0 20px; line-height: 28px; } span.bullet-dash{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -36px transparent; padding: 0px 0 0 21px; line-height: 28px; } span.bullet-circle{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -56px transparent; padding: 0px 0 0 21px; line-height: 28px; } span.bullet-video-large{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -78px transparent; padding: 0px 0 0 26px; line-height: 28px; } span.bullet-video-small{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -187px transparent; padding: 0px 0 0 25px; line-height: 28px; } span.bullet-small-white{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -123px transparent; padding: 0px 0 0 20px; line-height: 28px; } span.bullet-large-white{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -100px transparent; padding: 0px 0 0 20px; line-height: 28px; } span.bullet-dash-white{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -143px transparent; padding: 0px 0 0 21px; line-height: 28px; } span.bullet-circle-white{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -163px transparent; padding: 0px 0 0 21px; line-height: 28px; } /* adding this classes temporary to fix bullets with span wrapped */ .single-bullet-small{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -16px transparent; padding: 0px 0 0 20px; line-height: 28px; } .single-bullet-large{ background: url("images/bullet_sprite.png") no-repeat scroll 0 6px transparent; padding: 0px 0 0 20px; line-height: 28px; } .single-bullet-dash{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -36px transparent; padding: 0px 0 0 21px; line-height: 28px; } .single-bullet-circle{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -56px transparent; padding: 0px 0 0 21px; line-height: 28px; } .single-bullet-video-large{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -78px transparent; padding: 0px 0 0 26px; line-height: 28px; } .single-bullet-video-small{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -187px transparent; padding: 0px 0 0 25px; line-height: 28px; } .single-bullet-small-white{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -123px transparent; padding: 0px 0 0 20px; line-height: 28px; } .single-bullet-large-white{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -100px transparent; padding: 0px 0 0 20px; line-height: 28px; } .single-bullet-dash-white{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -143px transparent; padding: 0px 0 0 21px; line-height: 28px; } .single-bullet-circle-white{ background: url("images/bullet_sprite.png") no-repeat scroll 0 -163px transparent; padding: 0px 0 0 21px; line-height: 28px; } /* */ .utility-nav-container{ float: left; position: relative; } .utility-nav-container a { color: #727272; } html* .utility-nav-container{ white-space: nowrap; } .video-container .ln-nav-panel{ height: 70px; width: auto; padding-left: 12px; background: transparent url('images/standard-overlay-top-bg.gif') repeat-x top; } .video-container .ln-nav-panel ul{ display: inline-block; } /*.video-container .ln-nav-panel a{ background: none repeat scroll 0 0 transparent; display: inline; font-size: 12px; padding: 0 5px; }*/ .video-container .ln-nav-panel a.selected-link{ background: none;font-weight:bold; padding: 0 5px; /*display:none;*/ } /*.video-container .ln-nav-panel ul li ul li a.selected-link{ background: none repeat scroll 0 0 transparent; display: inline; font-size: 14px; font-weight: bold; padding: 0 5px; } */ .video-container .ln-nav-panel li li{margin-left: 15px; } .video-container .ln-nav-panel li ul{} .video-container ul li{ float: left; white-space:nowrap; } .video-container .ln-nav-panel ul li ul{ left: 0; padding-top: 15px; *padding-top: 10px; position: absolute; top: -63px; /*top: 55px;*/ padding-left:5px; } .video-container .ln-content-wrapper { height: auto; position: relative; width: auto; padding:0; margin:0; overflow-y:hidden; overflow-x:hidden; } .video-container .ln-content { height: auto;} .video-container .ln-head { /*background: -moz-linear-gradient(center top , #FFFFFF 0%, #C3D2E5 100%) repeat scroll 0 0 transparent;*/ background: transparent url('images/standard-overlay-top-bg.gif') repeat-x bottom; height: 105px; *height: 95px; padding: 7px 20px; *padding-bottom:0; *padding-top:30px; position: relative; } .video-container .ln-head h1{ color: #4A4C55; font-size: 24px; font-weight: bold; margin: 0 0 20px 0; text-align: left; top: 0; left: 0; text-shadow: none; } .nav-container { min-height: 540px; width: auto; } .nav-container .ln-head{ *filter:none; } .video-container .ln-head .chase-button-container { *float: left !important; position: relative; white-space: nowrap; overflow: visible; zoom: 1; } .nav-container .ln-head h2 { display: block; font-family: verdana; font-size: 22px; line-height: 1.3em; position: relative; text-align: left; text-shadow: none; font-weight:bold; } .video-container .ln-head .headerleft { float:left; display:inline-block; } .video-container .ln-head .headerright { display: inline-block; float: left; padding-left: 20px; } .video-container .ln-nav-panel div.categorylabel { display: inline; float: left; font-family: verdana; font-size: 12px; font-weight: bold; padding-top: 2px; padding-left:5px; text-align:left; width:90px; } .video-container .ln-nav-panel div.categorylist { display: inline; float: left; padding-top: 1px; text-align:left; width:611px; } .video-container .ln-nav-panel div.categorylist ul{ } .video-container .ln-nav-panel div.categorylist ul li{ color:#727272; font-size:12px; font-family:verdana; display:inline-block; *display:inline; *white-space:nowrap; } .chaseui-chasefloater.video-container-floater .chaseui-contexthelpfloaterbody{ overflow: hidden; height:680px; *height:700px; } .ln-nav-panel .ln-primary-has-subnav { font-weight: bold; } .ln-nav-panel li ul { display: none; visibility: hidden; } .video-container .ln-nav-panel a{ background: none repeat scroll 0 0 transparent; display: inline; /*padding: 0 5px;*/ } .video-container .ln-head div.chaseui-subcategorylist { display:block; clear:both; float:left; padding-top:15px; height:35px; width:700px; } .video-container .ln-head .chaseui-subcategorylist ul li a {font-size:14px; font-family:verdana; color:#016899; padding-right:10px; } .video-container .ln-head .chaseui-subcategorylist ul li a:hover {font-size:14px; font-family:verdana; color:#016899; padding-right:10px; } .video-container .ln-nav-panel .categorylist ul li a {font-size:12px; font-family:verdana; color:#016899; padding: 0 5px;} .video-container .ln-nav-panel .categorylist ul li a:hover {font-size:12px; font-family:verdana; color:#004566; padding: 0 5px;} .video-container .ln-nav-panel .categorylist ul li ul li a.selected-link { background: none repeat scroll 0 0 transparent; display: inline; font-size: 14px; font-weight: bold; color:#43444e; padding-right:0px; } .video-container a .chaseui-inactive{display:inline;visibility:visible} .video-container a .chaseui-active{display:none;visibility:hidden} .video-container .chaseui-subcategorylist a.selected-link span.chaseui-inactive, .video-container a.ln-primary-has-subnav span.chaseui-inactive{display:none;visibility:hidden} .video-container .chaseui-subcategorylist a.selected-link span.chaseui-active, .video-container a.ln-primary-has-subnav span.chaseui-active{display:inline;visibility:visible} .video-container .chaseui-subcategorylist ul{display:none} .video-container .chaseui-subcategorylist ul.expanded{display:block;visibility:visible;} .video-container .selected-link{font-weight:bold} /* */ /* START STANDARD OVERLAY VIDEO updated styles for new modal */ .clear,.clearfix { clear: both; } #chasejs-contexthelpfloater #swfVideoContainer { position: relative; width: auto; top: 0; left: 0; } #chasejs-contexthelpfloater .standard-overlay-video-player { width: auto; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-header { background: transparent url('images/standard-overlay-top-bg.gif') repeat-x bottom; min-height: 85px !important; } #chasejs-contexthelpfloater .standard-overlay-video-player #standard-overlay-video-player-content-links { float: left; width: 255px; color: #88bfd9; position: relative; text-align: left; padding-left: 20px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content { margin: 40px 0px 20px 30px; text-align: left; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-hr-line { background: url('images/standard-overlay-hr-line.jpg') repeat-x; width: 97%; height: 2px; margin: 15px 20px 30px 0px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-header-text { color: #4A4C55; margin: 15px 0px 0px 20px; font-size: 24px; font-weight: bold; text-align: left; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-header-text h2 { font-size: 24px; text-align: left; margin: 16px 0; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-sub-category { float: left; display: block; font-size: 14px; font-weight: normal; padding-top: 0px; clear:both; } #chasejs-contexthelpfloater .standard-overlay-video-player .headerleft { float:left; display:inline-block; } #chasejs-contexthelpfloater .standard-overlay-video-player .headerright { padding-left:70px; display:inline-block } #chasejs-contexthelpfloater .standard-overlay-video-player .nodisplay { display: none; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-sub-category { margin-top: 15px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-sub-category ul { list-style: type:none; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-sub-category ul li { display: inline; padding-left: 20px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-sub-category ul li.first{ padding-left: 0px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-sub-category ul li .activeLink{ font-weight: bold; color: #000000; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-sub-category ul li .resetLink{ font-weight: normal; color: #016899; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-category{ float: left; display: block; font-size: 14px; font-weight: normal; padding: 26px; width: auto; line-height: 25px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-category ul{ list-style-type: none; float: left; text-align: left; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-category ul span{ font-weight: bold; color: #000000; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-category ul li{ display: inline; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-category ul li.nodisplay{ display: none; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-category ul li.divider{ font-size: 11px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-category ul li a{ font-size: 12px; padding-right:3px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-category ul li a:hover{ color: #016899; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-border { background: url('images/starndard-overlay-3-cols-border.jpg') repeat-y; position: relative; margin: -30px 0px 0px 0px; padding: 0px 0px 0px 50px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-left{ /*width:30%;*/ /*fix for the video model on bankingservice.htm */ width: 25%; float: left; top: -20px; position: relative; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-left a{ position: relative; display: block; clear: both; margin: 10px 0 0 0; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-middle{ width: 30%; float: left; top: 20px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-right{ /*width:30%;*/ /*fix for the video model on bankingservice.htm */ width: 35%; padding: 0; top: 20px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-right h1{ float: right; margin: 20px 0px 0px 20px; color: #1F82B5; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-left h1{ margin: -10px 0px 0px 0px; padding: 0px 50px 0px 0px; color: #1F82B5; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-middle h1{ color: #1F82B5; margin: 25px 0px 0px -20px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-left-text{ float: left; width: 130px; padding: 20px 0px 0px 0px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-middle-text} float: left; margin: 10px 0px 20px -20px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-right-text{ float: left; width: 130px; margin: 20px 0px 0px 20px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-left-image{ margin: 10px 0px 0px 0px; float: left; background: url('images/standard-overlay-ad-1.jpg'); width: 148px; height: 139px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-middle-image{ float: left; background: url('images/standard-overlay-ad-2.jpg'); width: 289px; height: 78px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-right-image{ float: left; background: url('images/standard-overlay-ad-3.jpg'); width: 148px; height: 139px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-left-text div{ padding: 20px 0px 0px 0px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-middle a{ margin: 0px 0px 0px -20px; font-size: 14px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-right-text div{ float: left; margin: 20px 0px 0px 0px; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-middle{ float: left } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-right{ width: 30%; float: left; } #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-content-right-border{ margin: -30px 0px 0px 5px; width: 25%; border-left: 1px solid #cccccc; float: left; } #chasejs-contexthelpfloater .standard-overlay-video-player #standard-overlay-video-player-content-ad1-inner{ background-image: url('images/online-bill-pay-demo-1.png'); background-position: 0px 15px; width: 250px; height: 170px; float: left; margin-top: 0px; font-weight: bold; font-size: 13px; color: #016899; position: relative; /*left: -11px;*/ } #chasejs-contexthelpfloater .standard-overlay-video-player #standard-overlay-video-player-content-ad2-1{ background-image: url('images/online-bill-pay-demo-2.png'); /*background-position:10px 15px;*/ /*fix for the video model on bankingservice starts here */ background-position: 10px 5px; /*fix for the video model on bankingservice end here*/ width: 250px; height: 160px; /*height: 170px;*/ float: left; font-family: verdana; font-weight: bold; font-size: 13px; color: #016899; position: relative; left: 18px; margin-top: 0px; text-align: center; } /* fix for the video model on bankingservice starts here */ #chasejs-contexthelpfloater .standard-overlay-video-player .standard-overlay-video-player-content-ad-1-link{ width: 270px; font-family: verdana; font-weight: bold; font-size: 13px; color: #016899; position: relative; left: 18px; margin-top: 0px; text-align: left; } /*fix for the video model on bankingservice.htm end here*/ #chasejs-contexthelpfloater .standard-overlay-video-player #standard-overlay-video-player-content-ad2-2{ background: none repeat scroll 0 0 #FFFFFF; } .standard-overlay-video-player .bold{ font-weight: bold; color:#4A4C55; } div.social-links a { margin-right: 6px; } .chaseui-icons.chaseui-swat-spinner { width: 40px; height: 40px; position: relative; margin-left: 50%; left: -20px; } .chaseui-icons.chaseui-swat-spinner:after { content: url("https://www.chase.com/etc/designs/chasecom/images/loader-gray-faster-40x40_v5.gif"); } /** * Status message layout * Cascade: .chaseui-status-message */ div.chaseui-status-message { padding: 19px 16px 27px; border: 0; box-shadow: 0 1px 6px 1px rgba(0,0,0,0.3); width: auto; text-align: center; } .browser-ie-8 div.chaseui-status-message { border: 1px solid #d9d9d9; } div.chaseui-status-message.error { background: #faf3d5; background: -moz-linear-gradient(top, #fdfdfe 0%, #fbf9f0 48%, #faf3d5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfe), color-stop(48%,#fbf9f0), color-stop(100%,#faf3d5)); background: -webkit-linear-gradient(top, #fdfdfe 0%,#fbf9f0 48%,#faf3d5 100%); background: -o-linear-gradient(top, #fdfdfe 0%,#fbf9f0 48%,#faf3d5 100%); background: -ms-linear-gradient(top, #fdfdfe 0%,#fbf9f0 48%,#faf3d5 100%); background: linear-gradient(to bottom, #fdfdfe 0%,#fbf9f0 48%,#faf3d5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#faf3d5',GradientType=0 ); } div.chaseui-status-message div.chaseui-status-message-content { width: 100%; max-width: 960px; display: inline-block; text-align: left; } div.chaseui-status-message .chaseui-status-title { font-size: 16px; font-weight: bold; color: #d4371f; background: url('images/swat-sprite.png') 0 -1730px no-repeat; padding-left: 23px; line-height: 23px; } div.chaseui-status-message div.chaseui-status-info { padding-left: 23px; line-height: 23px; } /*search results template css*/ .chaseui-search-title { font-weight: bold; font-size: 22px; color: #43444e; border-bottom: 1px solid #D9D9D9; margin-bottom: 47px; padding-bottom: 14px; } .chaseui-search-container{ font-family: Verdana; font-weight: normal; width: 930px; } .chaseui-search-container div.chaseui-form-wrapper {margin-top: 50px;} .chaseui-search-container div.chaseui-form-wrapper .chaseui-search-button-wrapper .chase-button-container {left: -190px !important;} .chaseui-search-container .narrow-search .chaseui-search-button-wrapper .chase-button-container {left: -90px !important;} .chaseui-search-container .narrow-search .chaseui-search-button-wrapper input.text-input-area {width:150px;} #empty-results {width: 800px;} #did-you-mean {font-weight:bold !important; width: 800px;} #did-you-mean span.chaseui-search-subtitle {display: inline-block; padding-top:0px; padding-bottom:40px; font-size:15px !important; font-weight: normal !important; color: #333333;} #did-you-mean span {display: inline-block; padding-top:0px; padding-bottom:40px; font-size:15px !important; font-weight: bold !important; color: #333333;} #did-you-mean a {display: inline-block; padding-top:0px; padding-bottom:40px; font-size:17px !important; font-weight: bold;} #empty-results {font-size:15px !important; padding-top:25px; font-weight: normal} .chaseui-search-subtitle span.chaseui-search-bold {font-size: 15px; font-weight: bold; color: #333;} .chaseui-search-formlink-container{ text-align: left; position:relative; } .chaseui-search-form-container{ width: 48%; float: left; } .chaseui-search-rlinks-container{ width: 50%; float: right; } .chaseui-search-subtitle { font-weight: bold; font-size: 16px; color: #43444e; margin-bottom: 18px; } .chaseui-form-wrapper { white-space:nowrap; text-align: left; } div.chaseui-form-wrapper.narrow-search { white-space:nowrap; text-align: left; width: 45%; } .chaseui-search-divider { background: url("images/vert_separator_medium.png") no-repeat right top; min-height: 133px; } .chaseui-search-button-wrapper { float: right; margin-top: -4px; } span.chaseui-linklist-bullet.chaseui-search-linkset { font-weight: bold; font-size: 12px; } a.sliding-door-button.chaseanalytics-track-link.chaseui-search-linkset { font-weight: bold; font-size: 12px; } /* see your results by category */ a.chaseui-search-category { font-size: 12px; color: #016899; text-decoration: none; } .chaseui-search-category-position { margin-left: 123px; margin-top: 8px; } .chaseui-search-category-container { margin-bottom:3px; width: 264px; } .chaseui-search-category-content ul li { list-style-type: none; padding: 0px; margin: 0px; } div.chaseui-search-hr { border-bottom: 1px solid #D9D9D9; width: 100%; position: relative; margin-top:2px; margin-bottom:44px; } /* results list */ .chaseui-search-list { list-style: none; } ul.chaseui-search-list .chaseui-search-list-item { list-style: none; margin:0px; padding:0px; border-bottom: 1px solid #D9D9D9; padding-bottom: 18px; padding-top: 20px; } a.chaseui-search-list-title { font-size: 16px; color: #016899; } .chaseui-search-list-content{ font-size: 14px; color: #43444e; margin-top: 15px; margin-left: 14px; } li.chaseui-result-list-hover { background-color: #eaeef0; } /* pagination */ .chaseui-search-pg-container{ width: 660px; padding-top: 44px; padding-bottom: 70px; } a.chaseui-search-pagination { font-weight: normal; font-size: 12px; color: #016899; text-decoration: none; } a.chaseui-search-pagination.selected { font-weight: bold; font-size: 12px; color: #43444e; text-decoration: none; } .chaseui-search-page-right { float: right; } .chaseui-search-page-left { float: left; font-family: Verdana; font-weight: normal; font-size: 12px; color: #43444e; } #searchfieldresult { width:150px; } /*seo content*/ .chaseui-formlayout .chaseui-formnav { border-top: 1px solid #D9D9D9; clear: both; margin-bottom: 30px; padding: 30px 10px; position: relative; top: 30px; } .chaseutil-bordertop{ border-top: 1px solid #D9D9D9; margin-top: 15px; -moz-margin-top:0px !important; /* for mozilla */ } .chaseutil-clear { clear: both; } .chaseutil-paddingtop-more { padding-top: 0px; } .accordion .homeaccordion-container { font-size: 13px; line-height: 21px; margin-bottom: 5px; text-align: left; } .homesubtitle, .seocontent .title { color: #43444E; display: block; font-family: verdana; font-size: 13px; line-height: 16px; margin-bottom: 14px; } .subtitle-heading, .seocontent .title { font-weight:bold; } .seocontent .moretext { display:none; margin-top:4px; padding:5px 5px 5px 20px; } } .homesubtitle a:link, a:active, a:visited, a:focus { /*padding-right: 12px; */ text-decoration: none; /*color: #43444E;*/ } /*.contenthome, .seocontent .multitask-main-para{ font-size:12px; }*/ /*.contenthome a:link, a:active, a:visited, a:focus { color: #43444E; }*/ /*.multitask-container .multitask-link-container .chaseui-linklist-items { font-size:12px !important; } .chaseui-linklist-items { font-size:12px !important; } .multitask-container.multitask-link-container a { font-size: 12px !important; }*/ .seocontent .toggle { height:48px; line-height:42px; padding-left:20px; width:30%; } .seocontent .toggle a{ text-decoration:none; } .seocontent .toggle a:link { color: #42434D; font-size:10px; text-decoration: none; } div.chaseutil-spacer { font-size: 0; height: 30px; line-height: 0; } .rates-container { width: 271px; } .rates-container .rates-header { position: relative; font-size: 15px; margin-bottom: 10px; text-align: center; } .rates-container .rates-header div{ display: none; } .rates-container .rates-header div h3{ font-family: AmplitudeMedium, amplitude, verdana, helvetica, sans-serif; font-size: 26px; font-weight: normal; } .rates-container .rates-header div h3 sup{ bottom: 0.9ex; font-family: amplitudemedium; font-size: 18px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } .rates-container .rates-content divdiv.rates-caption .rates-innercaption .rates-heading-onZipCode{ display: none; } .rates-container .rates .rates-content tfoot .rates-zipcodetext-container{ display: none; } .rates-container .rates-header .title { font-weight: normal; font-size: 1.3em; margin-bottom: 14px; } .rates-container .rates { font: 12px Arial, Helvetica, sans-serif; position: relative; } .layout .rates-container .rates{ margin-bottom: 20px; } .rates-container .rates-active { /*width: 250px;*/ } .rates-container.compare-true{ width: 415px; } /* .rates-container .rates-discount { width: 415px; } .rates-container .rates-regular { width: 415px; }*/ .compare-true .rates-active div.rates-caption{ height: 86px; } .rates-container .rates-active div.rates-caption .rates-innercaption { padding-bottom: 6px; text-align: center; } .rates-container .rates-inactive div.rates-caption .rates-heading { padding: 5px 0; } .rates-container .rates-inactive div.rates-caption .rates-innercaption { padding-bottom: 7px; } .rates-container .rates .rates-content { background-color: #fff; border-bottom: 1px solid #CCCCCC; border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.5); } .compare-true .rates .rates-content{ border-radius: 0; -moz-border-radius: 0; } .rates-container .rates-active { } .rates-container .rates-discount .rates-content { border-radius: 0; } .rates-container .rates-regular .rates-content { border-radius: 0; } .rates-container .rates table { margin-bottom: 0px; width: 100%; } .rates-container .rates table tr { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-collapse: collapse; } /*Default scenario*/ .rates-container.compare-false .rates-innercaption.compare-discount, .rates-container.compare-false .rates-innercaption.compare-nondiscount{ display: none; } .rates-container.compare-true .rates-innercaption.compare-discount, .rates-container.compare-true .rates-innercaption.compare-nondiscount { display: none; } /* .rates-container .rates-active div.rates-caption{ background: url(images/auto-rates-bg.png) 0 0; background-size:100%; } */ .rates-container.compare-false div.rates-caption{ background: url(images/auto-rates-bg.png) 0 0; /* background-size:100%; */ border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; } .rates-container.compare-true .rates-active div.rates-caption{ background: #0d9cd8; background: -moz-linear-gradient(top, #0d9cd8 0%, #0c78be 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d9cd8), color-stop(100%,#0c78be)); background: -webkit-linear-gradient(top, #0d9cd8 0%,#0c78be 100%); background: -o-linear-gradient(top, #0d9cd8 0%,#0c78be 100%); background: -ms-linear-gradient(top, #0d9cd8 0%,#0c78be 100%); background: linear-gradient(top, #0d9cd8 0%,#0c78be 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9cd8', endColorstr='#0c78be',GradientType=0 ); } .rates-container.compare-true .rates-discount div.rates-caption { background: #0d9cd8; background: -moz-linear-gradient(top, #0d9cd8 0%, #0c78be 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0d9cd8), color-stop(100%, #0c78be) ); background: -webkit-linear-gradient(top, #0d9cd8 0%, #0c78be 100%); background: -o-linear-gradient(top, #0d9cd8 0%, #0c78be 100%); background: -ms-linear-gradient(top, #0d9cd8 0%, #0c78be 100%); background: linear-gradient(top, #0d9cd8 0%, #0c78be 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9cd8', endColorstr='#0c78be', GradientType=0 ); } .rates-container.compare-true .rates-regular div.rates-caption { background: -moz-linear-gradient(top, #ffffff 0%, #cbd1d4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cbd1d4) ); background: -webkit-linear-gradient(top, #ffffff 0%, #cbd1d4 100%); background: -o-linear-gradient(top, #ffffff 0%, #cbd1d4 100%); background: -ms-linear-gradient(top, #ffffff 0%, #cbd1d4 100%); background: linear-gradient(top, #ffffff 0%, #cbd1d4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbd1d4', GradientType=0 ); } .rates-container .rates div.rates-caption .icon { float: left; margin-left: 14px; padding-bottom: 6px; position: relative; } .rates-container .rates div.rates-caption .content { float: left; margin-left: 10px; position: relative; text-align: left; width: 290px; line-height:14px; } .rates-container .rates div.rates-caption .heading-text{ padding-top:5px; } .rates-container .rates div.rates-caption h3 { font-size: 18px; font-weight: bold; margin: 0 0 5px; } .rates-container .rates div.rates-caption .rates-ratesbutton { background-image: url("images/rates_button.png"); background-repeat: no-repeat; border: 0 none; font: bold 15px/31px Arial, Helvetica, sans-serif; height: 27px; margin: 0 auto; overflow: hidden; text-align: center; text-transform: uppercase; width: 126px; } .rates-container .rates div.rates-caption.rates-nondiscounted{ background: -moz-linear-gradient(center top , #FFFFFF 0%, #CBD1D4 100%) repeat scroll 0 0 transparent !important; /*background: -moz-linear-gradient(top, #ffffff 0%, #cbd1d4 100%);*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cbd1d4)); background: -webkit-linear-gradient(top, #ffffff 0%,#cbd1d4 100%); background: -o-linear-gradient(top, #ffffff 0%,#cbd1d4 100%); background: -ms-linear-gradient(top, #ffffff 0%,#cbd1d4 100%); background: linear-gradient(top, #ffffff 0%,#cbd1d4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbd1d4',GradientType=0 ); } .rates-container .rates div.rates-caption.rates-nondiscounted div, .rates-container .rates div.rates-caption.rates-nondiscounted div sup{ color: #43444E !important; } .rates-container .rates-ratesbutton a { color: #FFFFFF; display: block; font-weight: bold; line-height: 28px; text-decoration: none; } .rates-container.compare-true .rates-active div.rates-caption .rates-heading, .rates-container .rates-discount div.rates-caption .rates-heading { color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; } .rates-container.compare-false .rates-active div.rates-caption .rates-heading, .rates-container .rates-discount div.rates-caption .rates-heading { color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; } .rates-container .rates-active div.rates-caption .rates-heading a,.rates-container .rates-discount div.rates-caption .rates-heading a{ color: #FFFFFF; text-decoration: underline; } .rates-container.compare-false.override-false .rates-nondiscounted .rates-heading a{ color: #43444E; text-decoration: underline; } .rates-container .rates-discount div.rates-caption .rates-heading a { text-decoration: none; } .rates-container .rates-active div.rates-caption .rates-subheading,.rates-container .rates-discount div.rates-caption .rates-subheading{ color: #FFFFFF; font: 12px/12px Verdana, Arial, Helvetica, sans-serif; } .rates-container .rates-regular div.rates-caption .rates-heading { color: #43444E; } .rates-container .rates-regular div.rates-caption .rates-heading a { color: #43444E; } .rates-container .rates-regular div.rates-caption .rates-heading { padding: 10px; /*width: 280px;*/ margin: 0 auto; } .rates-container .rates-regular div.rates-caption .rates-subheading { color: #43444E; } .rates-container div.rates-caption .rates-heading a.footnote-caller{ text-decoration: none; } .rates-container .rates div.rates-caption .rates-subheading a { color: #FFFFFF; } .rates-container .rates td:nth-child(4), .rates-container .rates th:nth-child(4), .rates-container .rates tfoot td, .rates-container .rates .rates-lastrow td{ border-right: 0 none; } .rates-container .rates td { background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; color: #43444e; font-family: verdana, arial, helvetica; font-size: 12px; font-weight: normal; text-align: center; line-height: 13px; } .rates-container .rates tbody td .rates-innercell { padding-left: 9px; padding-right: 9px; } .rates-container .rates th { color: #43444e; } .rates-container .rates tbody th { font: 11px verdana, Arial, Helvetica, sans-serif; text-align: left; width: 86px; line-height: 13px; } .rates-container .rates tbody th .rates-innercell { padding: 5px 0; } .rates-container .rates tbody .rates-emptycell { color: #999999; font: 16px Arial, Helvetica, sans-serif; } .rates-container .rates .rates-firstcell .rates-innercell { padding-left: 9px; } .rates-container .rates tbody .rates-firstcell { border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #E0E0E0; } .rates-container.compare-true .rates tbody .rates-firstcell .rates-innercell, .auto-rates-chart-content { color: #43444e; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 13px; } .rates-container.compare-false .rates tbody .rates-firstcell .rates-innercell, .auto-rates-chart-content { color: #43444e; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 13px; } .rates-container .rates tbody .rates-firstrow .rates-innercell { padding-top: 11px; } .rates-container.compare-true .rates thead th{ background: #f7f7f8; background: -moz-linear-gradient(top, #f7f7f8 0%, #e1e4e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f8), color-stop(100%, #e1e4e6) ); background: -webkit-linear-gradient(top, #f7f7f8 0%, #e1e4e6 100%); background: -o-linear-gradient(top, #f7f7f8 0%, #e1e4e6 100%); background: -ms-linear-gradient(top, #f7f7f8 0%, #e1e4e6 100%); background: linear-gradient(top, #f7f7f8 0%, #e1e4e6 100%); border-right: 1px solid #CCCCCC; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; height: 36px; text-align: center; padding:14px 20px 15px; line-height: 14px; } .rates-container.compare-false .rates thead th{ background: #f7f7f8; background: -moz-linear-gradient(top, #f7f7f8 0%, #e1e4e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f8), color-stop(100%, #e1e4e6) ); background: -webkit-linear-gradient(top, #f7f7f8 0%, #e1e4e6 100%); background: -o-linear-gradient(top, #f7f7f8 0%, #e1e4e6 100%); background: -ms-linear-gradient(top, #f7f7f8 0%, #e1e4e6 100%); background: linear-gradient(top, #f7f7f8 0%, #e1e4e6 100%); border-right: 1px solid #CCCCCC; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; height: 36px; text-align: center; padding-top: 10px; padding-bottom: 10px; line-height: 12px; } .rates-container.compare-true .rates thead .rates-firstcell { border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding-left: 11px; text-align: left; } .rates-container.compare-false .rates thead .rates-firstcell { border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding-left: 0px; text-align: left; } .rates-container .rates tbody .rates-lastrow,.rates-container .rates tfoot .rates-lastrow{ border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } .rates-container .rates tbody .rates-lastrow .rates-innercell { padding-top: 20px; padding-bottom: 15px; } .rates-container .rates .rates-headercolumn { width: 86px; background: #fbfcfc; background: -moz-linear-gradient(top, #fbfcfc 0%, #eff3f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfcfc), color-stop(100%, #eff3f5) ); background: -webkit-linear-gradient(top, #fbfcfc 0%, #eff3f5 100%); background: -o-linear-gradient(top, #fbfcfc 0%, #eff3f5 100%); background: -ms-linear-gradient(top, #fbfcfc 0%, #eff3f5 100%); background: linear-gradient(top, #fbfcfc 0%, #eff3f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfc', endColorstr='#eff3f5', GradientType=0 ); } .rates-container .rates .rates-ratecolumn { width: 54px; } .rates-container .app_now_img { padding-top: 10px; } .rates-container #rates-applynow-inner-area { font-weight: bold; } .rates-container .rates-disclaimer-in-footprint,.rates-container .rates-disclaimer-out-of-footprint,.rates-container .rate_widget_disclose_ifp,.rates-container .rate_widget_disclose_oofp,.rates-container .rates-header-in-footprint,.rates-container .rates-header-out-of-footprint{ clear: right; float: right; margin-bottom: 10px; position: relative; right: 15px; text-align: left; top: 20px; } .rates-container .rates-header-in-footprint,.rates-container .rates-header-out-of-footprint{ display: none; margin-bottom: 0; right: 15px; top: 5px; } .rates-container .rate_widget_disclose_ifp,.rates-container .rate_widget_disclose_oofp{ display: none; } .rates-container #auto-rates-disclosure-ifp,.rates-container #auto-rates-disclosure-oofp,.rates-container #auto-rates-disclosure-ifp-oofp{ display: none; } .rates div.rates-caption.cap.rates-container ion-standard { background: -moz-linear-gradient(center top, #596A72 0pt, #444444 100%) repeat scroll 0 0 transparent; } .rates-container .chaseui-auto-applynow { background-image: url("images/auto_button_widget_03.gif"); background-repeat: no-repeat; border: 0 none; font-size: 12px; height: 30px; overflow: hidden; text-align: center; width: 107px; margin: 0 auto; } .rates-container .chaseui-auto-applynow a { color: #FFFFFF; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 12px; margin-right: 5px; margin-top: 5px; text-decoration: none; text-shadow: 0 1px 1px #666666; text-transform: uppercase; } .rates-container .rates-applynow { padding-top: 10px; paddign-bottom: 10px; } .rates-container .rates-button-container { width: 120px; height: 27px; position: relative; line-height: 26px; margin: 0 auto; } .rates-container .rates-button-container a { color: #333333; } .rates-container .rates-discount tbody td,.rates-container .rates-discount tbody th{ /*padding: 10px; font-size: 14px;*/ } .rates-container.compare-true tbody td, .rates-container.compare-true tbody th{ padding: 10px; font-size: 12px; } .rates-container.compare-false tbody td, .rates-container.compare-false tbody th{ /*padding: 10px;*/ /*font-size: 14px;*/ } .rates-container .rates-regular tbody td,.rates-container .rates-regular tbody th{ padding: 10px; font-size: 14px; line-height: 22px; } .rates-container .rates a span.does-not-look-like-link-auto { color: #333333; text-decoration: none; } .rates-container tfoot tr div.rates-innercell{ padding: 15px 0; } .rates-innercaption div.rates-error{ display: block; position: relative; font-weight: bold; text-align: center; padding: 10px; padding-top: 15px; color: #FFFFFF; font-size: 18px; } .rates-container th.rates-error div{ display: block; position: relative; font-weight: bold; text-align: center; padding: 10px; padding-top: 15px; font-size: 16px; line-height: 20px; } .rates-container .rates .rates-error{ border: none; } /*Defect fix - 30141*/ .rates-subheading a{ text-decoration: none !important; } .chase-zipcode-link{ font-family: verdana; font-weight: normal; } .autorateZip { font-size: 12px; font-family: verdana, helvetica, sans-serif; font-weight: normal; } .autorateZip span.chaseui-link-style-normal, .autorateZip span.chaseui-link-style-normal:hover { color: #000000 !important; font-size: 11px; font-weight: bold !important; text-decoration: none; } .rates-content table tfoot { height: 56px; } .rates-lastrow td{ border-left: 1px solid #CCCCCC; border-bottom:none !important; } .rates-container.compare-true .rates-active div.rates-caption .rates-heading { padding: 9px 6px; line-height: 18px; } .rates-container.compare-false .rates-active div.rates-caption .rates-heading { padding: 9px 20px 6px; line-height: 18px; } .rates-container .rates-header .title, .rates-container .rates-header div.title h3 { -webkit-margin-before: 0; -webkit-margin-after: 14px; -webkit-margin-start: 0; -webkit-margin-end: 0; font-family: amplitude, arial narrow, helvetica, arial, sans-serif; font-size: 26px; line-height: 30px; color: #43444e; font-weight: normal; display: block; margin-bottom: 14px; padding: 0 15px; width: 224px; } .rates-container .rates-header div.title-nondiscounted h3{ font-size: 24px; } .form-header{ background: url("images/loan_calculator_header_bg.png") repeat-x scroll 0 0 transparent; padding: 20px; } .form-container { background: #fff; overflow:auto; border: 1px solid #ccc; background: url("images/auto_loan_bg.png") repeat-x scroll center bottom #FFFFFF; border: 2px solid #D0D9DD; } .form-subcontainer { padding: 2px; } .form-subcontainer p{ text-align: left; } .form-left { width: 180px; min-height: 25px; height: auto; text-align: right; float: left; } .form-right { width: 340px; min-height: 25px; height: auto; float: left; } .form-label { color: #000; font-size: 12px; font-weight: 700; float: left; padding: 4px 5px 0 0; } .form-left .form-label,.form-left .form-field { float: right; } .form-field { padding: 4px; float: left; } .form-row-status { padding: 4px; } .form-instructiontext { text-align: left; font-size: 8px; color: #43444e; display: block; } input.form-error, select.form-error{ border:2px solid #c94e18; } .browser-ie-7 select.form-error{ filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-2, OffY=0,color=#c94e18) progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=0,color=#c94e18) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-2,color=#c94e18) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=2,color=#c94e18); } textarea.form-error{ border:2px solid #c94e18; } .form-verifiedmessage { float: left; position: relative; margin: 4px 0 0 6px; } .form-verifiedmessage img { width:20px; } .form-errormessage { float: left; position: absolute; /*width: 100px;*/ width:auto; margin: -10px 0 0 2px; z-index:2; } /*to limit the width of modal error message from extending. defect #230032 */ .chaseui-dynamic-modal .form-errormessage { max-width:270px; } .browser-ie-7 .form-errormessage{ z-index: 3000; } .form-errormessage-container { display: inline-block; padding: 12px; -webkit-box-shadow: #666 1px 2px 3px; -moz-box-shadow: #666 1px 2px 3px; box-shadow: #666 1px 2px 3px; background: #c94e18; /*width:180px;*/ text-align:left; } .form-errormessage-arrow { position: absolute; overflow: hidden; width: 15px; height: 25px; left: -10px; top: 10px; background: url(images/swat-sprite.png) 4px -2770px no-repeat; z-index: 1; display: inline-block; } .form-errormessage-text { color: #FFF; font-size: 12px; font-weight:bold; /*color: #FFF; font-size: 11px;*/ } .chaseui-icons.chaseui-tickicon img { margin: -1827px 0 0 -1px; } .form-divider { border-bottom: 1px dashed #C8C8C8; clear: both; font-size: 1px; height: 1px; margin: 10px 0; padding: 0; } .form-divider.border-solid { border-bottom: 1px solid #C8C8C8; } .form-overlay { position:absolute; width:100%; height:100%; background-color:#000; opacity:.1; filter:alpha(opacity=1); z-index:9999; display:none; margin:-15px 0 0 -15px; } .form-navigation{ height: 41px; padding: 17px 24px 0 20px; } /* spinner button that is shown when submit button is clicked */ .chase-button-container .chaseui-buttonspinner img{ height:34px; width:94px; } input.chaseui-fieldlarge-3,textarea.chaseui-fieldlarge-3{width:75%;} /* for the input fields which need to be long in width*/ .mi-field {font-size:14px; font-family:Verdana; font-weight:700;margin-left:30px; } /* for middle initial text box label*/ /* class for financial advisor contact us form */ .contact-officer { text-align: left; margin: 40px 20px 0 20px; } .slider-container img{float:left} #slider{height:59px;position:relative;width:488px;float:left;} /* classes for slider div ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all Clases for inside div ui-slider-range ui-widget-header anchor classes ui-slider-handle ui-state-default ui-corner-all ui-state-focus */ .ui-slider-handle{ width:14px;height:35px; display:block; top:11px; position:absolute; } .ui-state-hover{/* background-color:#ff0000;*/} .auto-loan-calculator{ width:627px; border:2px solid #D0D9DD; background:url("images/auto_loan_bg.png") bottom repeat-x; background-color:#ffffff; } .auto-loan-calculator .shadow,.auto-loan-calculator.shadow { -moz-box-shadow: 3px 3px 4px #D4D7D8; -webkit-box-shadow: 3px 3px 4px #D4D7D8; box-shadow: 3px 3px 4px #D4D7D8; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#D4D7D8')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#D4D7D8'); } .auto-loan-calculator .head{ padding:20px; background:url("images/loan_calculator_header_bg.png") 0 0 repeat-x; } .auto-loan-calculator .body{ } .auto-loan-calculator .loan-items-container{ border-bottom:1px solid #cccccc; padding:9px 10px 36px 20px; text-align:center; align:center; } .hide{display:none;} .show{display:block;} .auto-loan-calculator .loan-items-container .loan-item{ float:left; width:28%; border:2px solid #DBDBDB; padding:20px 8px 10px 8px; margin-right:10px; font-size:11px; background:url("images/loan_scenario_bg.png") bottom ; height:170px; } .auto-loan-calculator .loan-items-container .loan-item.active{ border:3px solid #758D99;padding-top:20px; -moz-box-shadow:0 2px 8px 1px rgba(000,163,221,.4); -webkit-box-shadow:0 5px 13px 1px rgba(000,163,221,.4); box-shadow:1px 1px 6px 1px rgba(000,163,221,.4) } .auto-loan-calculator .loan-items-container .loan-item .loan-item-title{ font-size:12px; font-family:verdana; font-weight:regular; line-height:18px; margin-bottom:0; text-align:right; paddng-top:5px; color:#43444e; } .auto-loan-calculator .loan-items-container .loan-item .loan-item-title:after, .auto-loan-calculator .loan-items-container:after, .auto-loan-calculator .loan-items-container .loan-item .loan-item-title:after{ clear:both; } .auto-loan-calculator .label-val-set{margin:0px 0px 0px 0px;zoom:1;} .auto-loan-calculator .label-val-set .label .calculator-results-footnote .htmlcontent {display:inline;} .auto-loan-calculator .label-val-set .label,.auto-loan-calculator .label-val-set .amount{float:left;font-family:verdana; font-size:11px; font-weight:regular; line-height:21px;} .auto-loan-calculator .label-val-set .amount{float:right;font-weight:regular;font-family:verdana;font-size:12px; line-height:21px;} .auto-loan-calculator .instructions-text{padding:12px 20px 25px 20px;line-height:20px;font-family:Verdana; font-size:12px; font-weight:regular;color:#43444e; border-bottom:1px solid #cccccc;} .auto-loan-calculator .total-amount{font-size:22px;color:#347b00;font-family:verdana;font-weight:regular;line-height:36px;} .auto-loan-calculator .years{margin:20px 0px 8px 18px;width:550px;} .auto-loan-calculator .years span{width:64px;text-align:center;display:inline-block;} .auto-loan-calculator .years span a{text-decoration:none;font-weight:regular;font-size:12px;color:#016899;} .auto-loan-calculator .years span a.selected{color:#43444e;font-weight:bold; font-family:verdana; font-size:12px;} .auto-loan-calculator .details{margin:25px 20px 36px 20px; position:relative;} .auto-loan-calculator .details .amount-details{margin-bottom:36px; *margin-bottom:66px;} .auto-loan-calculator .details .amount-details div{/*float:left;*/} .auto-loan-calculator .details .amount-details .loan-amount{width:25%;} .auto-loan-calculator .details .amount-details .apr{width:100px; text-align:right;padding-right:0;font-size:14px; font-family:verdana; font-weight:bold;} .auto-loan-calculator .text-emphasize{font-size:22px;font-weight:bold;font-family:verdana;} .auto-loan-calculator .footer{height:36px;padding:20px 20px 20px;border-top:1px solid #cccccc;} .auto-loan-calculator .float-left{float:left;} .auto-loan-calculator input{font-size:14px; text-align:right;font-weight:regular;font-family:verdana;} .auto-loan-calculator #loan-amount{width:150px;} .auto-loan-calculator #apr{width:50px;} .auto-loan-calculator span.form-errormessage{position:absolute;z-index:999} .aprMsg{text-align:left;padding:20px;} .auto-loan-calculator .bold{font-weight:bold;} .auto-loan-calculator .input-text{font-size:14px;font-weight:bold;font-family:verdana;line-height:21px;padding-right:12px;padding-left:30px;color:#43444e;} .auto-loan-calculator .subtext{font-size:12px; font-family:verdana; font-weight:regular; line-height:14px;color:#43444e;text-align:right;padding-right:12px;*width:138px;} .auto-loan-calculator span.sub-head{font-size:14px; font-family:verdana; font-weight:bold; line-height:21px;padding-top:36px;} .auto-loan-calculator .years span a span.bold{text-decoration:none;font-weight:bold;font-size:12px;color:#016899;} .auto-loan-calculator span.input-val{font-size:14px; font-family:verdana; font-weight:regular; color:#43444e;} .auto-loan-calculator .float-left{float:left;} .auto-loan-calculator .label-val-set .total-amt{float:right;font-weight:bold;font-family:verdana;font-size:12px; line-height:21px;} .auto-loan-calculator .button-left{float:left;width:15%;} .auto-loan-calculator .button-right{float:right;width:20%;} .auto-loan-calculator .input-text-label{font-size:14px;font-weight:bold;font-family:verdana;line-height:21px;} .auto-loan-calculator span.labeldollor{font-size:14px; font-weight:regular;font-family:verdana;} sub{font-family: Verdana; font-size:14px;color:#43444e;} .auto-loan-calculator span.aprtxt{margin-right:-5px} .auto-loan-calculator .padd-top{padding-top:1px;padding-top:0 \9;} /* Error messages */ .auto-loan-calculator input.form-error, select.form-error{ border:2px solid #c94e18; } #id1 .form-errormessage { float: left; width: 200px; margin: 23px 0 0 -153px; margin: 23px 0 0 -153px\9; } #id2 .form-errormessage { float: left; width: 200px; margin: 23px 0 0 -123px; } .auto-loan-calculator .form-errormessage-container { display: block; padding: 6px 9px; -webkit-box-shadow: #666 1px 2px 3px; -moz-box-shadow: #666 1px 2px 3px; box-shadow: #666 1px 2px 3px; background: #c94e18; } #id1 .form-errormessage-arrow { position: absolute; overflow: hidden; width: 15px; height: 25px; left: 12px; top: -19px; background: url(images/swat-sprite.png) -1px -2383px no-repeat; z-index: 1; display: inline-block; } #id2 .form-errormessage-arrow { position: absolute; overflow: hidden; width: 15px; height: 25px; left: 90px; top: -19px; background: url(images/swat-sprite.png) -1px -2383px no-repeat; z-index: 1; display: inline-block; } .auto-loan-calculator .form-errormessage-text { color: #FFF; font-size: 12px; font-family:verdana; line-height:18px; font-weight:normal; } .mortgage-rate-cal-container { width:650px; } .feedback-form-container .form-errormessage{ position:absolute; left:540px; } .mortgage-rate-cal-container .form-subcontainer p{ padding: 21px 24px; } .mortgage-rate-cal-container .form-columns.form-twocolumns .form-leftcolumn, .form-columns.form-twocolumns .form-rightcolumn{ margin:20px 0 } .mortgage-rate-cal-container .form-columns.form-twocolumns .form-leftcolumn, .form-columns.form-twocolumns .form-rightcolumn{ float:left; width:49%; } .mortgage-rate-cal-container .form-columns.form-twocolumns .form-leftcolumn input.chaseui-fieldlarge-1{ width:130px; } .mortgage-rate-cal-container .form-subcontainer .form-left, .mortgage-rate-cal-container .form-subcontainer .form-right{ width:auto; margin-left:20px; } .mortgage-rate-cal-container .form-subcontainer .form-label{ float:left; } .mortgage-rate-cal-container .form-columns.form-twocolumns .form-leftcolumn { border-right: 1px dashed #C8C8C8; clear: both; } .mortgage-rate-cal-container .form-nav .sliding-button-container{ float:none; } .mortgage-rate-result-container{ display:none; width: 650px; } .mortgage-rate-result-container .content-panel .form-divider.border-solid{ margin:0; } .mortgage-rate-result-container .form-subcontainer p{ padding: 21px 24px; } .mortgage-rate-result-container .data-grid-container{ border-top:1px solid #C8C8C8; padding-bottom:20px; background-color: #FFFFFF; } .mortgage-rate-result-container .data-grid-container tbody th{ width:250px } .mortgage-rate-result-container .data-grid-container tbody td{ width:100px } .mortgage-rate-result-container .data-grid-container thead th .chaseui-icons img{ margin-top: -1346px; } .mortgage-rate-cal-container .form-spinner{ display:none; height:13px; width:208px; background: #fff url(images/loadingAnimation.gif) no-repeat; z-index:10000; position:relative; top:287px; float:right; margin-right:20px; } .mortgage-rate-cal-container .form-overlay { width:650px; height:330px; margin:0px; } /* comparison-chart-a-2col */ .comparison-chart-a-2col { width:928px; font:normal 14px verdana; line-height:21px; color: #43444e; margin-top:10px; margin-right:auto; margin-bottom:10px; margin-left:auto; } .comparison-chart-a-2col table { -moz-box-shadow: 0 2px 5px #cccccc; -webkit-box-shadow: 0 2px 5px #cccccc; box-shadow: 0 2px 5px #cccccc; border: 1px solid #ced8de; border-collapse: collapse; } .comparison-chart-a-2col .headerrow-bg { background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; } .comparison-chart-a-2col .colheader { padding:20px 20px 20px 20px; text-align: left; font:bold 16px verdana; line-height:21px; color: #43444e; border: 1px solid #ced8de; } .comparison-chart-a-2col table tr td { font:normal 14px verdana; line-height:21px; color: #43444e; text-align:left; vertical-align:top; padding:22px 19px 26px 20px; border: 1px solid #ced8de; } .comparison-chart-a-2col a:link { color:#016899; } .comparison-chart-a-2col a:hover { color:#004566 } .comparison-chart-a-2col a:visited { color:#016899 } .comparison-chart-a-2col .width-50-50 { width:50%; } .comparison-chart-a-2col div.font12 { line-height:21px; } .comparison-chart-a-2col .font12 { font:normal 12px verdana; } .comparison-chart-a-2col .textbold { font-weight:bold; } .comparison-chart-a-2col .clearfix { clear:both;height:5px; } /* comparison-chart-a-3col */ .comparison-chart-a-3col { width:928px; font:normal 14px verdana; line-height:21px; color: #43444e; margin-top:10px; margin-right:auto; margin-bottom:10px; margin-left:auto; } .comparison-chart-a-3col table { -moz-box-shadow: 0 2px 5px #cccccc; -webkit-box-shadow: 0 2px 5px #cccccc; box-shadow: 0 2px 5px #cccccc; border: 1px solid #ced8de; border-collapse: collapse; } .comparison-chart-a-3col .colheader { padding:20px 14px 20px 16px; text-align: left; font:bold 16px verdana; line-height:21px; color: #43444e; border: 1px solid #ced8de; } .comparison-chart-a-3col table tr td, .comparison-chart-a-3col table tr th { font:normal 14px verdana; line-height:21px; color: #43444e; text-align:left; vertical-align:middle; padding:12px 15px 12px 16px; border: 1px solid #ced8de; } .comparison-chart-a-3col a:link { color:#016899; } .comparison-chart-a-3col a:hover { color:#004566 } .comparison-chart-a-3col a:visited { color:#016899 } .comparison-chart-a-3col .dashed-border { border-bottom:1px dashed #D3DCE1; } .comparison-chart-a-3col .headerrow-bg { background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; } .comparison-chart-a-3col .rowheading { background:#f6f8f9; } .comparison-chart-a-3col .width-column1 { width:250px; } .comparison-chart-a-3col .width-column2-column3 { width:293px; } .comparison-chart-a-3col .font12 { font:normal 12px verdana; } .comparison-chart-a-3col .textbold { font-weight:bold; } .comparison-chart-a-3col .border-top-none { border-top:none; } .comparison-chart-a-3col .clearfix { clear:both;height:5px; } /* comparison-chart-a-4col */ .comparison-chart-a-4col { width:928px; font:normal 14px verdana; line-height:21px; color: #43444e; margin-top:10px; margin-right:auto; margin-bottom:10px; margin-left:auto; } .comparison-chart-a-4col table { box-shadow: 0 2px 5px #CCCCCC; border-collapse: collapse; background-color: #fff; } .comparison-chart-a-4col .colheader { padding:20px 15px 19px 16px; text-align: left; font:bold 16px verdana; line-height:21px; color: #43444e; border: 1px solid #ced8de; vertical-align:top; } .comparison-chart-a-4col table tr td, .comparison-chart-a-4col table tr th { font:normal 14px verdana; line-height:21px; color: #43444e; text-align:left; vertical-align:middle; padding:12px 15px 12px 16px; border: 1px solid #ced8de; } .comparison-chart-a-4col .link-columnheader-border-bottom a { border-bottom:1px dashed #016899; } .comparison-chart-a-4col .link-columnheader-border-bottom a:hover { text-decoration:none; } .comparison-chart-a-4col a:link { color:#016899; } .comparison-chart-a-4col a:hover { color:#004566 } .comparison-chart-a-4col a:visited { color:#016899 } .comparison-chart-a-4col .dashed-border-bottom { border-bottom:1px dashed #D3DCE1; } .comparison-chart-a-4col .headerrow-bg { background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; } .comparison-chart-a-4col .rowheading { background:#f6f8f9; } .comparison-chart-a-4col .width-column1 { width:250px; } .comparison-chart-a-4col .width-column2-column3-column4 { width:185px; } .comparison-chart-a-4col .font12 { font:normal 12px verdana; } .comparison-chart-a-4col .textbold { font-weight:bold; } .comparison-chart-a-4col .border-top-none { border-top:none; } .omparison-chart-a-4col .clearfix { clear:both;height:5px; } /* comparison-table-chart-b-3col */ .comparison-chart-b-3col { width:684px; margin-top:10px; margin-right:auto; margin-bottom:10px; margin-left:auto; font:normal 14px verdana; line-height:21px; color: #43444e; } .comparison-chart-b-3col .comparison-chart-b-3col-headerrow-bg { background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; } .comparison-chart-b-3col .comparison-chart-b-3col-colheader { padding:20px 0px; text-align: center; font:bold 14px verdana; line-height:18px; color: #43444e; border: 1px solid #ced8de; } .comparison-chart-b-3col .comparison-chart-b-3col-width-204 { width:204px; } .comparison-chart-b-3col .comparison-chart-b-3col-width-240 { width:240px; } .comparison-chart-b-3col table { box-shadow: 0 2px 5px #CCCCCC; border-collapse: collapse; background-color: #fff; } .comparison-chart-b-3col table tr td { font:normal 14px verdana; line-height:18px; color:#72737a; text-align:center; vertical-align:middle; border: 1px solid #ced8de; } .comparison-chart-b-3col .comparison-chart-b-3col-rowheading { font:bold 14px verdana; line-height:18px; color:#43444e; text-align:left; background:#f6f8f9; border: 1px solid #ced8de; vertical-align:top; padding:22px; } .comparison-chart-b-3col .comparison-chart-b-3col-rowheading-text { font:normal 12px verdana; line-height:14px; } .comparison-chart-b-3col .textbold { font-weight:bold; } .comparison-chart-b-3col a:link { color:#016899; } .comparison-chart-b-3col a:hover { color:#004566 } .comparison-chart-b-3col a:visited { color:#016899 } /* comparison-table-chart-b-4col */ .comparison-chart-b-4col { width:868px; margin-top:10px; margin-right:auto; margin-bottom:10px; margin-left:auto; font:normal 14px verdana; line-height:21px; color: #43444e; } .comparison-chart-b-4col .comparison-chart-b-headerrow-bg { background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; } .comparison-chart-b-4col .comparison-chart-b-colheader { padding:20px 0px; text-align: center; font:normal 14px verdana; line-height:21px; color: #43444e; border: 1px solid #ced8de; } .comparison-chart-b-4col .comparison-chart-b-rowheading { font:bold 14px verdana; line-height:21px; color:#43444e; padding:22px; background:#f6f8f9; border: 1px solid #ced8de; vertical-align:top; text-align:left; } .comparison-chart-b-4col .comparison-chart-b-width-292 { width:292px; } .comparison-chart-b-4col .comparison-chart-b-width-192 { width:192px; } .comparison-chart-b-4col table { box-shadow: 0 2px 5px #CCCCCC; border-collapse: collapse; background-color: #fff; } .comparison-chart-b-4col table tr td { font:normal 14px verdana; line-height:21px; color: #43444e; text-align:center; vertical-align:top; padding:22px 10px; border: 1px solid #ced8de; } .comparison-chart-b-4col .textbold { font-weight:bold; } .comparison-chart-b-4col a:link { color:#016899; } .comparison-chart-b-4col a:hover { color:#004566 } .comparison-chart-b-4col a:visited { color:#016899 } /* comparison-table-chart-d-3col */ .comparison-chart-d-3col { width:868px; margin-top:10px; margin-right:auto; margin-bottom:10px; margin-left:auto; font:normal 14px verdana; line-height:21px; color: #43444e; } .comparison-chart-d-3col h2 { font:normal 26px amplitude-medium; padding-bottom:26px; text-align:left; } .comparison-chart-d-3col table { -moz-box-shadow: 0 2px 5px #cccccc; -webkit-box-shadow: 0 2px 5px #cccccc; box-shadow: 0 2px 5px #cccccc; border: 1px solid #ced8de; border-collapse: collapse; } .comparison-chart-d-3col .comparison-chart-d-3col-heading1 { padding:26px 0; text-align: center; font:bold 16px verdana; border: 1px solid #ced8de; } .comparison-chart-d-3col .comparison-chart-d-3col-heading2 { padding-left:26px; text-align: left; font:bold 14px verdana; border: 1px solid #ced8de; } .comparison-chart-d-3col .comparison-chart-d-3col-rowheading { font:bold 12px verdana; line-height:18px; color:#43444e; text-align:left; background:#f6f8f9; border: 1px solid #ced8de; vertical-align:top; padding:22px; } .comparison-chart-d-3col table tr td { font:normal 12px verdana; line-height:18px; color:#72737a; text-align:left; vertical-align:top; padding:22px 26px 26px 26px; border: 1px solid #ced8de; } .comparison-chart-d-3col .comparison-chart-d-3col-table-headerrow-bg { background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; } .comparison-chart-d-3col .comparison-chart-d-3col-width168 { width:168px } .comparison-chart-d-3col .comparison-chart-d-3col-width350 { width:350px } .comparison-chart-d-3col .comparison-chart-d-3col-fnt10 { font-size:10px } .comparison-chart-d-3col .comparison-chart-d-3col-clearfix { clear:both; height:5px; } .comparison-chart-d-3col .comparison-chart-d-3col-height30 { height:30px } .comparison-chart-d-3col a:link { color:#016899; } .comparison-chart-d-3col a:hover { color:#004566 } .comparison-chart-d-3col a:visited { color:#016899 } .comparison-chart-d-3col .textbold { font-weight:bold; } /* comparison-table-chart-d-4col */ .comparison-table-chart-d{ width:868px; margin-top:10px; margin-right:auto; margin-bottom:10px; margin-left:auto; font:normal 14px verdana; line-height:21px; color: #43444e; } .comparison-table-chart-d h2{ font:normal 26px amplitude-medium; padding-bottom:26px; } .comparison-table-chart-d table{ -moz-box-shadow: 0 2px 5px #cccccc; -webkit-box-shadow: 0 2px 5px #cccccc; box-shadow: 0 2px 5px #cccccc; border: 1px solid #ced8de; width:868px; border-collapse: collapse; } .comparison-table-chart-d .comparison-chart-d-colheader { padding:20px 0px; text-align: center; font:bold 14px verdana; line-height:19px; color: #43444e; border: 1px solid #ced8de; } .comparison-table-chart-d table tr td { font:normal 12px verdana; line-height:18px; color: #43444e; text-align:left; vertical-align:top; padding:22px 26px 26px 26px; border: 1px solid #ced8de; } .comparison-table-chart-d .comparison-chart-d-table-headerrow-bg { background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; } .comparison-table-chart-d .comparison-chart-d-rowheading{ font:bold 16px verdana; line-height:21px; color:#43444e; padding:22px; background:#f6f8f9; border: 1px solid #ced8de; vertical-align:top; text-align:left; } .comparison-table-chart-d .comparison-chart-d-width122{width:122px} .comparison-table-chart-d .comparison-chart-d-width179{width:179px} .comparison-table-chart-d .clearfix{clear:both;height:5px;} .comparison-table-chart-d a:link { color:#016899; } .comparison-table-chart-d a:hover { color:#004566 } .comparison-table-chart-d a:visited { color:#016899 } /* comparison-table-chart-d-2col */ .comparison-chart-d-2col { width:868px; font:normal 14px verdana; line-height:21px; color: #43444e; margin-top:0px; margin-right:0; margin-bottom:55px; margin-left:0; padding:0px; } .comparison-chart-d-2col table { -moz-box-shadow: 0 2px 5px #cccccc; -webkit-box-shadow: 0 2px 5px #cccccc; box-shadow: 0 2px 5px #cccccc; border: 1px solid #ced8de; border-collapse: collapse; } .comparison-chart-d-2col .headerrow-bg { background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; } .comparison-chart-d-2col table tr td { font:normal 14px verdana; line-height:21px; color: #43444e; text-align:left; vertical-align:top; padding:10px 30px 12px 30px; border: 1px solid #ced8de; } .comparison-chart-d-2col .colheader { padding:14px 0px 14px 0px; text-align: center; font:bold 14px verdana; line-height:21px; color: #43444e; border: 1px solid #ced8de; } .comparison-chart-d-2col .width434 { width:50%; } .comparison-chart-d-2col .width-50-50 { width:50%; } .comparison-chart-d-2col .clearfix { clear:both;height:5px; } .comparison-chart-d-2col a:link { color:#016899; } .comparison-chart-d-2col a:hover { color:#004566 } .comparison-chart-d-2col a:visited { color:#016899 } /* comparison-chart-d-small */ .comparison-chart-d-3col-small{ width:433px; font:normal 12px verdana; line-height:20px; color: #43444e; } .comparison-chart-d-3col-small table{ -moz-box-shadow: 0 2px 5px #cccccc; -webkit-box-shadow: 0 2px 5px #cccccc; box-shadow: 0 2px 5px #cccccc; border: 1px solid #ced8de; border-collapse: collapse; } .comparison-chart-d-3col-small .colheader { padding:12px 0px; text-align: center; font:bold 14px verdana; line-height:20px; color: #43444e; border: 1px solid #ced8de; } .comparison-chart-d-3col-small table tr td { line-height:20px; color: #43444e; text-align:left; vertical-align:top; padding:12px 12px 12px 15px; border: 1px solid #ced8de; } .comparison-chart-d-3col-small .headerrow-bg { background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; } .comparison-chart-d-3col-small .width-column1-column2{width:137px} .comparison-chart-d-3col-small .width-column3{width:77px} .comparison-chart-d-3col-small .clearfix{clear:both;height:5px;} .comparison-chart-d-3col-small a:link { color:#016899; } .comparison-chart-d-3col-small a:hover { color:#004566 } .comparison-chart-d-3col-small a:visited { color:#016899 } /*comparisonchart for savings, checking , mobile and home equity*/ .comparisonchart { color: #43444e; margin:0px; padding:0px; *position:relative; *zoom:1; } .comparisonchart .textbold { font-weight:bold; } .comparisonchart .textnormal { font-weight:normal; } .comparisonchart .aligncenter { text-align: center; } .comparisonchart table.comparison-chart1 tr th.aligncenter, .comparisonchart table.comparison-chart1 tr td.aligncenter { text-align: center; vertical-align:middle; } .comparisonchart table.comparison-chart1 tr th.valignbottom, .comparisonchart table.comparison-chart1 tr td.valignbottom { vertical-align:bottom; } .comparisonchart .textleft { text-align:left; } .comparisonchart .valigntop { vertical-align: top; } .comparisonchart .font12 { font:normal 12px verdana; } .comparisonchart .padtop2 { padding:2px 0px 0px 0px; } .comparisonchart .padtop5 { padding:5px 0px 0px 0px; } .comparisonchart .padtop8 { padding:8px 0px 0px 0px; } .comparisonchart .padtop10 { padding:10px 0px 0px 0px; } .comparisonchart .lineheight14 { line-height:14px; } .comparisonchart .lineheight18 { line-height:18px; } .comparisonchart .pad-top-bottom15 { padding: 15px 0px; } .comparisonchart .pad-top-bottom30 { padding: 30px 0px; } .comparisonchart .pad20 { padding:20px; } .comparisonchart .txtpad { padding:13px 0px 0px 0px; } .comparisonchart .tabledata-pad-top-bottom { padding: 6px 0px; } .comparisonchart table.comparison-chart1 tr td.no-padright { padding-right:0px; } .comparisonchart .comparisonchart-sidebar-title { padding: 6px 0px; font-weight:bold; } .comparisonchart .number-copy { font:bold 20px arial; color:#0B4162; } .comparisonchart .mdash-color { color:#727272; font-size:8pt; } .comparisonchart table { box-shadow: 0 2px 5px #CCCCCC; border-collapse: collapse; background-color: #fff; } .comparisonchart table.comparisonchart-savings { width:868px; font:normal 14px verdana; margin-top:10px; margin-bottom:0px; margin-left:auto; margin-right:auto; line-height:21px; } .comparisonchart table tr.comparisonchart-headerrow { background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; min-height: 81px; height:81px; } .comparisonchart .comparisonchart-width-286 { width:286px; } .comparisonchart .comparisonchart-width-194 { width:194px; } .comparisonchart .width-289 { width:289px; } .comparisonchart .width-290 { width:290px; } .comparisonchart .width-268 { width:268px; } .comparisonchart .width-200 { width:200px; } .comparisonchart .width-175 { width:175px; } .comparisonchart .width-180 { width:180px; } .comparisonchart .width-75 { width:75px; } .comparisonchart .width-372 { width:372px; } .comparisonchart .width-248 { width:248px; } .comparisonchart .width-670 { width:670px; } .comparisonchart .width-50-50 { width:50%; } .comparisonchart .width-33-3 { width:33.3%; } .comparisonchart .width-228 { width:228px; } .comparisonchart .width-160 { width:160px; } .comparisonchart .width-135 { width:135px; } .comparisonchart .width-360 { width:360px; } .comparisonchart .width-230 { width:230px; } .comparisonchart .width-238 { width:238px; } .comparisonchart .width-288 { width:288px; } .comparisonchart .width-438 { width:438px; } .comparisonchart .width-199 { width:199px; } .comparisonchart .comparisonchart-colheader { padding:20px 0px; text-align: center; font-weight:bold; } .comparisonchart .comparisonchart-row-heading1 { background: #e2e4e8; padding:0px 20px; text-align:left; } .comparisonchart .comparisonchart-row-heading2 { background: #e7e9ed; } .comparisonchart .comparisonchart-column-heading { background: #f0f4f6; text-align:left; font-weight:normal; padding:15px 20px; } .comparisonchart table tr td img { *position:static; } .comparisonchart table tr td, .comparisonchart table tr th { color: #43444e; text-align:center; vertical-align:middle; border: 1px solid #ced8de; } .comparisonchart table tr.lastrow td, .comparisonchart table tr.lastrow th { border-bottom:1px solid #bfc2c3; } .comparisonchart table tr td.selected-column { background: #ebf3f7; } .comparisonchart .lastrow-selected td, .comparisonchart .lastrow-selected th { border-bottom:1px solid #bfc2c3; border-left:none; border-right:none; } .comparisonchart tr.lastrow-selected th.lastrow-firstcol { border-left:1px solid #ced8de; } .comparisonchart tr.lastrow-selected td.lastrow-lastcol { border-right:1px solid #ced8de; } .comparisonchart .sidebar { margin:0px 15px 10px 15px; line-height:21px; float:left; text-align:left; } .comparisonchart .sidebar-padtop { padding:5px 0px 0px 0px; } .comparisonchart .comparisonchart-sidebar-link a { border-bottom:1px dashed #016899; } .comparisonchart .comparisonchart-sidebar-link a:hover { text-decoration:none; } .comparisonchart .comparisonchart-text-link { border-bottom:1px dashed #016899; color:#016899; } .comparisonchart .comparisonchart-btn-align { text-align:left; padding:15px 3px 15px 3px; } .comparisonchart table.comparisonchart-checking { width:860px; font:normal 12px verdana; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; line-height:18px; } .comparisonchart .comparisonchart-checking-colheader1 { width:259px; font-weight:bold; } .comparisonchart .comparisonchart-checking-colheader2 { font-weight:bold; text-align:left; padding:10px 15px 0px 15px; width:119px; vertical-align: top; } .comparisonchart .comparisonchart-checking-colheader3 { font-weight:bold; text-align:left; padding:10px 15px 0px 15px; width:119px; vertical-align: top; } .comparisonchart .comparisonchart-checking-colheader4 { font-weight:bold; text-align:left; padding:10px 15px 0px 15px; width:119px; vertical-align: top; } .comparisonchart .comparisonchart-checking-colheader5 { font-weight:bold; text-align:left; padding:10px 15px 10px 15px; width:119px; vertical-align: top; } .comparisonchart table.comparisonchart-checking .comparisonchart-btn-align { text-align:left; padding:15px 0px 15px 0px; } .comparisonchart table.comparisonchart-checking .comparisonchart-btn-align a.chase-button { left:15px; } .comparisonchart table.comparisonchart-checking tr td { width:149px; } .comparisonchart table.comparisonchart-savings tr td { width:194px; } .comparisonchart table.comparisonchart-savings .comparisonchart-btn-align { text-align:left; padding:15px 0px 15px 0px; } .comparisonchart table.comparisonchart-savings .comparisonchart-btn-align a.chase-button { left:-8px; } .comparisonchart table.comparisonchart-mobile { width:860px; font:normal 12px verdana; margin-top:10px; margin-bottom:0px; margin-left:auto; margin-right:auto; line-height:14px; } .comparisonchart .comparisonchart-mobile .comparisonchart-colheader { width:192px; font:bold 14px verdana; margin:0px; padding:0px; vertical-align:middle; } .comparisonchart .comparisonchart-colheader1 { width:246px; font:bold 14px verdana; margin:0px; padding:0px 20px 10px 20px; text-align:left; font-weight:bold; vertical-align:bottom; } .comparisonchart .comparisonchart-colheader2 { font:normal 12px verdana; line-height:14px; margin:0px; padding:5px 0px 0px 0px; vertical-align:bottom; } .comparisonchart .comparisonchart-learn-more-link { padding:10px 0px; font:bold 14px verdana; } .comparisonchart .comparisonchart-link { padding:10px 0px 0px 0px; font:normal 14px verdana; } .comparisonchart .comparisonchart-footer-text { padding:20px; text-align:left; vertical-align:top; font:normal 12px verdana; line-height:21px; } .comparisonchart .comparisonchart-footer-text ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; } .comparisonchart .comparisonchart-footer-text ul li { margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; list-style-type:disc; } .comparisonchart .comparisonchart-mobile .comparisonchart-column-heading { padding-right:15px; } .comparisonchart table.comparison-chart { width:868px; font:normal 14px verdana; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; line-height:18px; } .comparisonchart .comparison-chart .comparison-chart-colheader { text-align: center; font-weight:bold; line-height:21px; } .comparisonchart .comparison-chart .comparisonchart-column-heading { line-height:21px; font-weight:bold; padding:20px; } .comparisonchart .comparison-chart-tabledata { font:normal 12px verdana; padding:20px; line-height:18px; vertical-align: top; text-align:left; } .comparisonchart table.comparison-chart1 { width:868px; font:normal 14px verdana; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; } .comparisonchart .comparisonchartwidth528 table.comparison-chart1 { width:528px; margin:0px; } .comparisonchart .comparisonchartwidth928 table.comparison-chart1 { width:928px; } .comparisonchart .comparisonchartwidth678 table.comparison-chart1 { width:678px; } .comparisonchart table.comparison-chart1 tr.headerrow-bg { background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom; } .comparisonchart .table-modal .headerrow-bg{background: url('images/chase-table-comparison-header-bg.jpg') repeat-x bottom;padding:10px 15px 10px 15px;text-align:left;} .comparisonchart table.comparison-chart1 tr td, .comparisonchart table.comparison-chart1 tr th { padding:18px 20px; text-align:left; vertical-align:top; line-height:21px; } .comparisonchart table.comparison-chart1 tr th.column-heading { background: #f0f4f6; } .comparisonchart table.comparison-chart1 tr th.colheader-small { padding:10px 20px 10px 20px; font-weight:bold; } .comparisonchart table.comparison-chart1 tr th.colheader-large,.comparisonchart .colheader-large { font:bold 18px verdana; line-height:22px; } .comparisonchart table.comparison-chart1 tr th.colheader-large1 { font:bold 18px verdana; line-height:22px; padding:18px 0px 18px 20px; } .comparisonchart .comparison-chart-list ul { margin:0px; padding:0px 0px 0px 15px; } .comparisonchart .comparison-chart-list ul li { font:normal 14px verdana; margin:0px 0px 0px 0px; padding:12px 0px 0px 0px; list-style-type:disc; line-height:21px; } .comparisonchart .comparison-chart-list1 ul { margin:0px; padding:0px 0px 0px 15px; } .comparisonchart .comparison-chart-list1 ul li { font:normal 14px verdana; margin:0px; padding:0px; list-style-type:disc; line-height:21px; } .comparisonchart .comparison-chart-list1 ul li.padlistitem { padding:5px 0px 0px 0px; } .comparisonchart .comparison-chart-list ul li.firstitem { padding:0px; } .comparisonchart .business-banking-colheader1 { font:bold 18px verdana; line-height:22px; padding:20px; } .comparisonchart .comparison-chart-list ul li.textbold { font-weight:bold; } .comparisonchart .comparison-chart-list ul li.clear-list-style { list-style-type:none; margin:0px 0px 0px -13px; } .comparisonchart table tr th.pad15, .comparisonchart table tr td.pad15 { padding:15px; } .comparisonchart .padleft15 ul { margin:0px; padding:0px 0px 0px 15px; } .comparisonchart .comparison-chart-list ul li.padright183 { padding:0px 183px 0px 0px; } .comparisonchart .comparison-chart-list ul li.padtopright { padding:10px 183px 0px 0px; } .comparisonchart .comparison-chart-text { padding-top:10px; font-weight:normal; } .comparisonchart table.comparison-chart1 tr.clear-border-btm td, .comparisonchart table.comparison-chart1 tr.clear-border-btm th { border:none; border-left: 1px solid #ced8de; border-right: 1px solid #ced8de; padding:20px 20px 10px 20px; } .comparisonchart table.comparison-chart1 tr td.comparisonchart-footer-text { font:normal 14px verdana; line-height:21px; padding:15px 20px; } .comparisonchart table.comparison-chart1 tr.lastrowdata td, .comparisonchart table.comparison-chart1 tr.lastrowdata th { padding:20px 20px 20px 20px; } .comparisonchart table.comparison-chart1 tr td.padrht0 { *padding-right:0px; } /* Adding savings and checking modal */ .comparisonchart .width-256 { width:256px; } .comparisonchart .width-115 { width:115px; } .comparisonchart .padtop27 { padding-top:27px } .comparisonchart .padtop16 { padding-top:16px } .comparisonchart .standard-overlay-header-text { font:normal 22px verdana; padding:26px 0px 30px 18px; text-align:left; } .comparisonchart .table-modal-content { font:normal 12px verdana; padding:30px 20px 12px 20px; text-align:left; line-height:18px; } .comparisonchart .table-modal-content table.comparison-chart1 { width:760px; font:normal 12px verdana; border:1px solid #ced8de; border-collapse:separate; border-radius:6px 6px 0 0; } .comparisonchart .table-modal-content table.comparison-chart1 tr td { padding:12px; vertical-align:middle; text-align:center; line-height:18px; border-width:1px 0px 0 1px } .comparisonchart .table-modal-content table.comparison-chart1 tr th { padding:12px; line-height:18px; vertical-align:middle; border-width:1px 0 0 0; } .comparisonchart .table-modal-content .comparisonchart-row-heading2 { text-align:center; } .comparisonchart .comparison-chart-list2 { padding-top:22px; } .comparisonchart .comparison-chart-list2 ul { margin:0px; padding:0px 0px 0px 15px; } .comparisonchart .comparison-chart-list2 ul li { margin:0px; padding:5px 0px 0px 0px; list-style-type:disc; line-height:18px; } .comparisonchart .table-modal-content table.comparison-chart1 th.chart-title { background-color:#0A5FA7; border:0; color:#ffffff; } .comparisonchart .table-modal-content table.comparison-chart1 th.chart-title1 { border-radius:6px 6px 0 0; } .comparisonchart .table-modal-content table.comparison-chart1 th.chart-title2 { border-radius:6px 0px 0 0; } .comparisonchart .table-modal-content table.comparison-chart1 th.chart-title3 { border-radius:0px 6px 0 0; border-left: 1px solid #ced8de; } .comparisonchart .table-modal-content table.comparison-chart1 th.borderleft { border-left: 1px solid #ced8de; } .comparisonchart .table-modal-content table.comparison-chart1 tr th.comparisonchart-row-heading2{border-width:1px 0 0 1px;} .comparisonchart .table-modal-content table.comparison-chart1 tr.lastrow td { border-width:1px 0 0 0px; } /* Adding for commercial */ .comparisonchart .txt-left{float:left;} .comparisonchart .txt-right{float:right;} .comparisonchart .width-716{width:716px;} .comparisonchart .chart-content{font:normal 14px verdana;line-height:21px;} .comparisonchart dt{font-weight:bold;margin:0px 0px -3px 0px;text-align:left;} .comparisonchart dd{display:list-item;padding:11px 0px 0px 0px;margin:0px 0px 0px 15px;text-align:left;} .comparisonchart .margin0 table.comparison-chart1{margin:0px;} .comparisonchart .marginleft-30{margin-left:30px;} .comparisonchart .table-modal table.comparison-chart1,.comparisonchart .width-100-percent,.comparisonchart .width-100-percent table.comparison-chart1{width:100%;} .comparisonchart .width-93{width:93px;} .comparisonchart .width-102{width:102px;} .comparisonchart .width-111{width:111px;} .comparisonchart .width-162{width:162px;} .comparisonchart .width-198{width:198px;} .comparisonchart .width-220{width:220px;} .comparisonchart .width-260{width:260px;} .comparisonchart .width-528{width:528px;} .comparisonchart .width-25-4{width:25%;} .comparisonchart table.comparison-chart1 tr th.colheader-large2{font:bold 13px verdana;line-height:18px;} .comparisonchart table.comparison-chart1 tr th.colheader-large3{font:bold 15px verdana;line-height:18px;} .comparisonchart table.comparison-chart1 tr th.text-small,.comparisonchart table.comparison-chart1 tr td.text-small{font:normal 12px verdana;line-height:18px;} .comparisonchart table.comparison-chart1 tr th.textcenter,.comparisonchart table.comparison-chart1 tr td.textcenter{text-align:center;} .comparisonchart .comparison-chart-list3 ul{margin:0px;padding:0px 0px 0px 12px;} .comparisonchart .comparison-chart-list3 ul li{font:normal 12px verdana;margin:0px;padding:0px;list-style-type:disc;line-height:18px;} .comparisonchart .comparison-chart-list3 ul li.padlistitem{padding:5px 0px 0px 0px;} .comparisonchart table.comparison-chart1 tr th.pad-more,.comparisonchart table.comparison-chart1 tr td.pad-more{padding:31px 20px 33px 20px;} /* Adding for Student Loans */ .comparisonchart .font10{font:normal 10px verdana;} .comparisonchart .comparisonchartwidth680 table.comparison-chart1{width:680px;} .comparisonchart .comparisonchartwidth600 table.comparison-chart1{width:600px;} .comparisonchart .comparisonchartwidth780 table.comparison-chart1{width:780px;} .comparisonchart .width-612,.comparisonchart .width-612 table.comparison-chart1{width:612px;} .comparisonchart .width-71{width:71px;} .comparisonchart .width-100{width:100px;} .comparisonchart .width-164{width:164px;} .comparisonchart .width-237{width:237px;} .comparisonchart .width-440{width:440px;} .comparisonchart .width-18-5{width:18.5%;} .comparisonchart .width-75-25{width:75%;} .comparisonchart table.comparison-chart1 tr th.font-large,.comparisonchart table.comparison-chart1 tr td.font-large, .comparisonchart .comparisonchart-smalltext table.comparison-chart1 tr th.font-large,.comparisonchart .comparisonchart-smalltext table.comparison-chart1 tr td.font-large{font:bold 16px verdana;line-height:22px;} .comparisonchart .comparison-chart-list1 ul li.padmorelistitem{padding:10px 0px 0px 0px;} .comparisonchart .comparisonchart-smalltext table.comparison-chart1 tr th,.comparisonchart .comparisonchart-smalltext table.comparison-chart1 tr td{font:normal 12px verdana;padding:12px;line-height:21px;} .comparisonchart table.comparison-chart1 tr th.padding-smalltext{padding:20px 12px 12px 12px;} .comparisonchart .comparisonchart-smalltext table.comparison-chart1 .smalltext-padmore{padding:18px 20px;} .comparisonchart .comparisonchart-smalltext table.comparison-chart1 .smalltext-padleftmore{padding:12px 12px 12px 20px;} .comparisonchart .text-modalcontent{padding:27px 20px 20px 20px;text-align:left;line-height:21px;} .comparisonchart .txtmodallink a{color:#0077B0;} .browser-ie-7 .comparisonchart .chaseui-modalbody-scroll{overflow-x:hidden;} .checking-product-list { width: 840px; margin: 0 auto; position: relative; margin-top: 40px; background: url("images/bg-gradient-top.png") repeat-x 0 0; } .checking-product-list .chase-offer { background: url("images/bg-gradient-bottom.png") repeat-x 0 100%; border: 1px solid #fff; -moz-box-shadow: -1px -1px 5px #ededed; -webkit-box-shadow: -1px -1px 5px #ededed; box-shadow: -1px -1px 5px #ededed; } .checking-product-list .text-bold { font-weight:bold; } .checking-product-list .margin-bottom { margin-bottom:40px; } .checking-product-list .chase-offer-link a { border-bottom:1px dashed #016899; } .checking-product-list .chase-offer-link a:hover { text-decoration:none; color:#004566; border-bottom:1px dashed #004D72; } .checking-product-list .chase-offer-btn-align .chase-button-container { margin:30px -25px 0px 0px; } .checking-product-list .chase-offer-register-left .chase-button-container { margin:30px 8px 0px 0px; } .checking-product-list .chase-offer-popout { left: -21px; position: absolute; top: -26px; } .checking-product-list .chase-offer-popout3 { left: -20px; position: absolute; top: -18px; } .checking-product-list .chase-offer-popout4 { left: -21px; position: absolute; top: -34px; } .checking-product-list .chase-offer .chase-offer-align { margin: 60px 50px 0px 50px; } .checking-product-list span.chase-offer-tagline { font-size: 22px; font-family: Arial, sans-serif; color: #43444e; clear: left; display: block; margin-top: 10px; line-height: 25px; } .checking-product-list .chase-benefits-container { width: 500px; float: left; background: url("images/divider-vertical.png") no-repeat right bottom; } .checking-product-list .chase-offer-benefits { margin-top: 36px; width: 465px; } .checking-product-list .chase-offer-benefits-lefttext { font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 18px; color: #004D72; margin-bottom: 6px; line-height: 23px; } .checking-product-list .chase-offer-benefits li { color: #004D72; font-size: 14px; line-height: 21px; margin:14px 0px 0px 0px; list-style-type:none; } .checking-product-list .chase-offer-benefit-left li { color: #434443; font-size: 14px; line-height: 21px; margin:14px 0px 0px 0px; list-style-type:none; } .checking-product-list .text-highlight { text-transform: uppercase; color: #398701; font-weight: normal; font-size: 18px; } .checking-product-list .chase-offer-register { float: right; text-align: center; margin-top: 45px; width: 200px; color: #107FB3; font-size:12px; line-height:16px; } .checking-product-list .link-learn-more { font-size: 14px; line-height: 20px; color: #107fb3; margin:15px 0px 0px 0px; padding:0px; } .checking-product-list .chase-offer-shadow-bottom { background: url("images/shadow-bottom.png") no-repeat center; width: 840px; height: 20px; clear: both; } .checking-product-list .chase-offer-benefits-container-left { float: left; width: 330px; } .checking-product-list .chase-offer-benefits-container-right { float: right; width: 330px; } .checking-product-list .chase-offer-benefit-left { margin-top: 36px; } .checking-product-list .hr-align { text-align:center; } .checking-product-list .chase-offer-benefits-container-left .hr-align { margin:15px 0px 15px 0px; } .checking-product-list .chase-offer-benefits-container-right .hr-align { margin:35px 0px 15px 0px; } .checking-product-list .chase-offer-register-left { color: #107FB3; font-size:12px; line-height:16px; margin-top: 20px; text-align: center; vertical-align: top; width: 80%; } .chaseui-studentloan-calculator{border:solid 1px #ccc;} .chaseui-shadow-calc{-moz-box-shadow: 1px 1px 6px #D4D7D8; -webkit-box-shadow: 1px 1px 6px #D4D7D8; box-shadow: 1px 1px 6px #D4D7D8;} .chaseui-studentloan-calculator.chaseui-columns.chaseui-columns-aligned{width:100%; border:solid 1px #ccc;} .chaseui-studentloan-calculator .chaseui-columns.chaseui-columns-aligned .chaseui-column.col1,.chaseui-studentloan-calculator .chaseui-columns.chaseui-columns-aligned .chaseui-column.col2{float:left; width:50%;} .chaseui-studentloan-calculator .chaseui-column.col1{width:49.8%} .chaseui-studentloan-calculator .chaseui-contentpanel{padding-bottom:0;} .chaseui-studentloan-calculator .chaseui-column.col1 .chaseui-contentpanel .chaseui-contentpanelcontent, .chaseui-studentloan-calculator .chaseui-column.col1 .chaseui-contentpanel .chaseui-contentpanelheader{border-right:1px solid #ccc;} .chaseui-studentloan-calculator .chaseui-formlayout .chaseui-dataitem .chaseui-name{text-align:left; padding-left:14px; width:46%; font-weight:normal;} .chaseui-studentloan-calculator .chaseui-formlayout .chaseui-dataitem .chaseui-value{text-align:right; width:41%} .chaseui-studentloan-calculator .chaseui-formlayout .chaseui-dataitem .chaseui-value input[type=text]{text-align:right; width:130px; padding-right:2px;} .chaseui-studentloan-calculator .chaseui-column.col2 .chaseui-contentpanel + .chaseui-contentpanel .chaseui-contentpanelheader{border-top:1px solid #ccc;} .chaseui-studentloan-calculator .chaseui-formnav{border-top: 1px solid #D9D9D9;clear: both;margin-bottom: 0;padding: 20px 20px 60px; } .browser-ie-7 .chaseui-studentloan-calculator .chaseui-formnav .chaseutil-floatleft .chase-button-container{float:left;} .browser-ie-7 .chaseui-studentloan-calculator .chaseui-formnav .chaseutil-floatright .chase-button-container{float:none;} .chaseui-studentloan-calculator #resultsdata .chaseui-column.col1 .chaseui-contentpanel .chaseui-contentpanelcontent{border-right-width:0;} .chaseui-studentloan-calculator #resultsdata .chaseui-contentpanel .chaseui-contentpanelcontent{background:#eee; border-top:1px solid #ccc;} .chaseui-studentloan-calculator #resultsdata .chaseui-contentpanel .chaseui-contentpanelcontent .chaseui-dataitem .chaseui-name{clear: left; color: #43444E; float: left; font-weight: bold; line-height: auto; text-align:left; padding:31px 0 0 20px; width:38%} .chaseui-studentloan-calculator #resultsdata .chaseui-contentpanel .chaseui-contentpanelcontent .chaseui-dataitem .chaseui-value{float: left;text-align:right; padding:22px 0 20px; width:53%;font-family:AmplitudeMedium; font-size:26px;} .chaseui-studentloan-calculator #resultsdata .chaseui-contentpanel .chaseui-contentpanelcontent .chaseui-dataitem .chaseui-name label{vertical-align:top} .chaseui-studentloan-calculator #results{padding:30px 20px; background: #136186; background: -moz-linear-gradient(top, #2e99c5 0%, #2785b0 50%, #136186 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e99c5), color-stop(50%,#2785b0), color-stop(100%,#136186)); background: -webkit-linear-gradient(top, #2e99c5 0%, #2785b0 50%,#136186 100%); background: -o-linear-gradient(top, #2e99c5 0%, #2785b0 50%,#136186 100%); background: -ms-linear-gradient(top, #2e99c5 0%, #2785b0 50%,#136186 100%); background: linear-gradient(top, #2e99c5 0%, #2785b0 50%,#136186 100%); -pie-background: linear-gradient(top, #2e99c5 0%, #2785b0 50%,#136186 100%); font-size:16px; color: #ffffff;} .chaseui-studentloan-calculator #results #difference{font-family:AmplitudeMedium; font-size:36px; text-align:right;} .chaseui-studentloan-calculator #negativeresults .chaseui-neg-results-description{text-align:right; font-size:16px; padding-top:6px; width:62%; float:left;} .chaseui-studentloan-calculator #negativeresults .chaseui-difference{padding:0 0 10px; text-align:right;} .chaseui-studentloan-calculator .chaseui-section-header {color: #43444E; font-family: AmplitudeMedium; font-size: 26px;} .chaseui-studentloan-calculator .chaseutil-optionaltext{color:#43444E; font-family:Verdana; font-size:10px;} .chaseui-audio-accordion { width:690px; border:1px solid #cccccc; overflow:hidden; height:auto; margin-bottom:50px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:0 0 10px #B8C2C8; -moz-box-shadow:0 0 10px #B8C2C8; } .chaseui-audio-accordion .chaseui-accordion-panel-header { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e3e9ec), to(#fefefe)); background: -webkit-linear-gradient(#e3e9ec, #fefefe); background: -moz-linear-gradient(#e3e9ec, #fefefe); background: linear-gradient(#e3e9ec, #fefefe); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e9ec', endColorstr='#fefefe',GradientType=0 )"; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e9ec', endColorstr='#fefefe',GradientType=0 ); padding:5px 0 7px 8px; width:682px; border-bottom: 1px solid #CFE5EF; } .chaseui-audio-accordion .chaseui-soundtitle-summary-wrapper:hover{ background:#F7F7F7; } .chaseui-audio-accordion .swfAudioContainer{ margin-bottom:-3px; } .chaseui-audio-accordion ul{ margin:0; padding:0; list-style-type: none } .chaseui-audio-accordion ul.chaseui-header-list li{ list-style-type: none; margin:0; padding:0; } .chaseui-audio-accordion .mainActive a{ background: url('images/arrow2Down.png') no-repeat 0px 4px; padding-left:16px; color:#43444e !important; font-weight:bold; } .chaseui-accordion-panel-header a{ background: url('images/arrow2.png') no-repeat 0px 5px; padding-left:16px; width: 80%; font-weight:bold; } .chaseui-audio-accordion .chaseui-accordion-panel { display: none; padding: 0; background: #FFFFFF; height:150px; overflow-y:scroll; } .chaseui-accordion ul.chaseui-header-list > li { border: 1px solid #CFE5EF; border-bottom: none; } .chaseui-accordion ul.chaseui-header-list > li:last-child { border-bottom: 1px solid #CFE5EF; } .chaseui-audio-accordion .heading { font-family: Verdana,Geneva,sans-serif; font-size: 12px; margin: 1px; padding-bottom: 5px; padding-left: 24px; padding-top: 5px; overflow-y:auto; } .chaseui-audio-accordion .heading:hover { background:#F7F7F7; } .chaseui-audio-accordion .heading a{color: #016899} .chaseui-audio-accordion .move { cursor: pointer; padding-right: 10px; } .chaseui-audio-accordion .spacing { width: 75%; float: left; *width:70%; } .chaseui-audio-accordion .spacing a { float: left; } .chaseui-audio-accordion .audioProgram { margin-left: 0; padding-left: 0; } .chaseui-audio-accordion .audioSymbol { margin-left: 10px; position: static; opacity: 0; margin-top:2px; } .chaseui-audio-accordion .audioSymbolro { position: static; margin-top:2px; margin-left: 10px; } .chaseui-audio-accordion .time { color: #43444E; font-family: Verdana,Geneva,sans-serif; font-size: 11px; font-weight: 100; float:left; position:static; margin-right: 20px; margin-left:20px; } .chaseui-audio-accordion img { position: static; margin-top: 6px; float: left; } .chaseui-audio-accordion .download { position: static; font-family: Verdana, Geneva, sans-serif; float: left; color: #016899; font-size: 11px; font-weight: 100; margin-right: 5px; } .chaseui-audio-accordion .content { color: #43444e; padding-left:19px; font-family: Verdana,Geneva,sans-serif; font-size: 12px; display:none; } .chaseui-audio-accordion .description { margin-left: 28px; } .chaseui-audio-accordion .heading a.bold{ color:#43444E; } .chaseui-audio-accordion .linkylink { line-height: 3em; margin-left: 28px; font-size:11px; color:#016899;!important } .chaseui-audio-accordion .linkylink:link { color: #016899; text-decoration: none; } .chaseui-audio-accordion .audioplayer{ width:690px; } #home-loan-calculator .chaseui-formlayout{padding:20px 10px 20px 20px;width:65%} #home-loan-calculator .chaseui-formlayout .chaseui-dataitem .chaseui-name,#home-loan-calculator .chaseui-formlayout .chaseui-dataitem .chaseui-value{width:auto;} #home-loan-calculator .chaseui-formlayout .chaseui-dataitem .chaseui-name{text-align:left;} #home-loan-calculator .chaseui-formlayout .chaseui-dataitem .chaseui-value{padding-top:45px;padding-left:11px;} #home-loan-calculator .chaseui-formlayout .monthly-income .chaseui-value{padding-top:65px;} #home-loan-calculator .chaseui-formlayout .chaseui-dataitem .chaseui-name p{font-size:14px;font-weight:normal;margin:0px;padding:0px;} #home-loan-calculator .chaseui-name label {whie-space:nowrap;} #home-loan-calculator .loan-term{width:120px;float:left;} #home-loan-calculator .chaseui-formlayout .loan-term .chaseui-value{padding-top:0px;} #home-loan-calculator .ui-slider{width:390px;} #home-loan-calculator .small-sliders{float:left;width:470px;} #home-loan-calculator .result .chaseui-leftcolumn{float:left;} #home-loan-calculator .chaseui-rightcolumn{margin:20px 20px 20px 0px;float:right;} #home-loan-calculator .small-sliders .ui-slider{width:270px;} #home-loan-calculator .result .chaseui-rightcolumn{margin:0px;text-align:right;} #home-loan-calculator .result>div{text-align:right;} #home-loan-calculator .result img{margin-right:26px;} #home-loan-calculator .result .chaseui-leftcolumn{text-align:left} #home-loan-calculator .result .chaseui-columns{margin:12px 0px 12px 0px;} #home-loan-calculator .chase-button-container{float:left;margin-top:22px;} #home-loan-calculator .result{height:300px;width:270px;} #home-loan-calculator #home_price, #home-loan-calculator #total{font-size:30px} #home-loan-calculator #home_price{margin:6px 0px 37px 0px;} #home-loan-calculator #down_payment_result, #home-loan-calculator #loan_amount{font-size:24px;margin:12px 0px 10px 0px;} #home-loan-calculator #loan_amount,#home-loan-calculator .total{color:#666666;} #home-loan-calculator #down_payment_result{margin-bottom:37px;} #home-loan-calculator .chaseutil-resultsvalue{color:#5B853B} #home-loan-calculator .subtext{font-size:14px;} #home-loan-calculator .total{margin-top:7px;} .chaseui-loan-calculator-flyout{text-align:left;padding:10px;margin-top:7px;} #home-loan-calculator .chaseui-divider{margin-top:10px;} #home-loan-calculator .footer-shadow-plain{display:none;} #principle_interest, #taxes_insurences, #pmi{font-weight:bold;} #home-loan-calculator .small-sliders .chaseui-dataitem .chaseui-value{width:87px;} #home-loan-calculator input.form-error{float:left;} #home-loan-calculator .form-verifiedmessage{display:none} #wm-sweep{margin:0 20px;} #wm-sweep.chaseui-calculation-tool.chaseui-contentpanel .chaseui-contentpanelcontent { padding:0; width:100%; display:table; } #wm-sweep table{width:100%;} .sweep-row-bds-head { background:#e2e4e8;overflow:auto;border-bottom:1px solid #ced8de; } .sweep-row-bds-head .left,.sweep-row-bds-head .center, .sweep-row-bds-head .right { display:table-cell; font:14px; font-family:Verdana; line-height:21px; color:#43444e; font-weight:bold; background:#e2e4e8; padding:15px 20px; overflow:hidden; text-align:left; } #wm-sweep .left.tablecell,#wm-sweep .left{width:10%;border-right:1px solid #ced8de;} #wm-sweep .center.tablecell,#wm-sweep .center{width:55%;border-right:1px solid #ced8de;} #wm-sweep .right.tablecell,#wm-sweep .right{width:20%; } .chase-wmsweep table .content-row{overflow:auto;} .chase-wmsweep td { border-bottom: 1px solid #ced8de; overflow:auto; display:table-cell; font:14px; font-family:Verdana; line-height:21px; color:#43444e; font-weight:normal; padding:20px; text-align:left; vertical-align:middle; } /* Body unknown login */ .chase-home-login input.input-text { color: #727272; font-size: 15px; font-style: italic; padding: 3px; width: 200px; } .chase-home-login .forgot-userid-password a, .chase-home-login .remember-userid { font-size: 10px; } .chase-home-login .form-container { background: none; border: 0px; overflow: auto; } .chase-home-login .field { float: left; line-height: 1; } .chase-home-login .remember-userid{ margin-top:62px; clear:both; } .chase-home-login .login-unknown-user input.user-name,.chase-home-login .login-unknown-user input.user-password { margin-bottom: 6px; } .chase-home-login .login-unknown-user div.form-container { margin: 0 auto; width: 223px; } .chase-home-login .loginBtn{ margin-top:-55px; } .chase-home-login h2.welcome-txt{ font-weight: bold; margin-bottom:14px; text-align:left; } /* enrollment */ .chase-home-login .chaseui-need-userid{ font-size:12px; width:223px; margin:20px auto 25px; text-align:left; } .chase-home-login .chaseui-need-userid a{ font-weight:bold; } .chase-home-login .chaseui-need-userid .hairline{ border-bottom: 1px solid #CCCCCC; height: 1px; margin-bottom: 10px; position: relative; width: 212px; } .chase-home-login .chaseui-need-userid div.call{ font-weight:normal; color:#43444e; clear:both; padding:7px 0px 0px 15px; } .comparisontable { border-bottom: 1px solid #bfc2c3; } .comparisontable .pad20{ padding: 20px; } .comparisontable .aligncenter{ text-align: center !important; } .comparisontable .valigntop{ vertical-align: top !important; } .comparisontable h3{ margin-bottom: 15px; text-align: left; } .comparisontable table{ box-shadow: 0 2px 5px #CCCCCC; border-collapse: collapse; background-color: #fff; } .comparisontable table thead tr.comparisontable-headerrow { background: url("../chasecomhomepage/images/comparisontable-header-bg.jpg") repeat-x scroll 0 bottom #fff; border: 1px solid #CED8DE; border-bottom: 0 none; min-height: 81px; } .comparisontable table tr.comparisontable-headerrow { border: 1px solid #CED8DE; height: 81px; } .comparisontable table thead tr.comparisontable-headerrow th { background: url("../chasecomhomepage/images/comparisontable-headercol-separator.png") no-repeat scroll right bottom transparent; border: medium none; padding: 0 20px; text-align: left; } .comparisontable table thead tr.comparisontable-headerrow th.first-col { background: url("../chasecomhomepage/images/comparisontable-featurecol-header-edge-bg.jpg") no-repeat scroll right bottom transparent; } .comparisontable table thead tr.comparisontable-headerrow th.last-col { background: none; } .comparisontable table tr.comparisontable-headerrow td { color: #016899; padding: 0 30px; text-align: left; } .comparisontable th, .comparisontable td { border: 1px solid #CED8DE; padding: 2px; } .comparisontable td.nodesc { color: #727272; } /* td.feetext { text-align: left; vertical-align: top !important; } */ .comparisontable table thead tr.comparisontable-headerrow th.comparisontable-itemscol { background: url("../chasecomhomepage/images/comparisontable-headercol-separator.png") no-repeat scroll right bottom transparent; } th.comparisontable-featurescol { background: url("../chasecomhomepage/images/comparisontable-header-edge-bg.jpg") no-repeat scroll right bottom transparent; } th.comparisontable-featurescol { background: url("../chasecomhomepage/images/comparisontable-featurecol-edge-bg.jpg") repeat-y scroll right center #f0f4f6; padding: 15px; text-align: left; } .comparisontable table thead tr.comparisontable-headerrow th.last-col { background: none; } /* tr.comparisontable-empahsisrow { background-color: #E7ECED; } tr.comparisontable-empahsisrow td { padding: 5px 5px 5px 20px; text-align: left; } tr.comparisontable-empahsisrow td.comparisontable-featurescol { background: url("../chasecomhomepage/images/chase-table-comparison-empahsisrow-edge-bg.jpg") repeat-y scroll right center transparent; padding: 8px 15px; } tr.comparisontable-empahsisrow.comparisontable-headerrow td { color: #016899; font-size: 12px; padding: 5px 5px 5px 20px; text-align: left; } .MSF-fee { padding-left: 4px; padding-right: 4px; padding-top: 10px; } .MSF-qual { padding-left: 5px; padding-right: 5px; padding-top: 10px; text-align: left; } span.sw-uicc_dollar-value { color: #123E4E; font-size: 1.4em; font-weight: bolder; } span.sw-uicc_dollar-sup { font-size: 0.9em; position: relative; top: -3px; } #zce3 #sw-uicc_why-choose-chase-tab .comparisontable table { background-position: center top; padding-left: 4px; padding-right: 2px; padding-top: 10px; text-align: left; } .xl-text { font-size: 1.2em; } .sw-uicc_chaselink p { display: inline; } .sw-uicc_oao-lock-buttons { float: right; margin-right: 19px; width: 157px; } .sw-uicc_oao-lock-buttons-college { float: right; font-size: 12px; margin-top: -12px; } html* .fl{ white-space: nowrap; } html* .comparisontable table thead tr { background: none; } html* .comparisontable table thead tr.comparisontable-headerrow th { background: url("../chasecomhomepage/images/comparisontable-header-bg.jpg") repeat-x bottom; } html* tr.comparisontable-empahsisrow td.comparisontable-featurescol{ background-color: #e7eced; } */ /*Copy comparisionitemconfi and attributeconfig component css to here*/ /* html, body, div, table.attributeTable, .attributeTable tr, .attributeTable th, .attributeTable td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { margin:0; padding:0; font:12px/15px "Helvetica Neue",Arial, Helvetica, sans-serif; color: #555; background:#f5f5f5; }*/ /* Pretty Table Styling CSS Tricks also has a nice writeup: http://css-tricks.com/feature-table-design/ */ table.attributeTable { overflow:hidden; border:1px solid #d3d3d3; background:#fefefe; width:99%; margin:5px 0 0 5px; -moz-border-radius:5px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:5px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } .attributeTable th{padding:6px 10px; text-align:center; } .attributeTable td {padding:6px 10px; text-align:left; } .attributeTable th { padding-top:10px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; } .attributeTable th.mainHeading { padding-top:10px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb; border-top:0px solid #e0e0e0; border-right:0px solid #e0e0e0; } .attributeTable td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;} .attributeTable tr.odd-row td {background:#f6f6f6;} .attributeTable td.first, .attributeTable th.first {text-align:left} .attributeTable td.last {border-right:none;} /* Background gradients are completely unnecessary but a neat effect. */ .attributeTable td { background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); } .attributeTable tr.odd-row td { background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6)); } .attributeTable th { background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed); background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb)); } .attributeTable tr:first-child th.first { width: 4%; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; /* Saf3-4 */ } .attributeTable tr:first-child th.last { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; /* Saf3-4 */ } .attributeTable tr:last-child td.first { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; /* Saf3-4 */ } .attributeTable tr:last-child td.last { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; /* Saf3-4 */ } .attributeTable th.mainHeading{ background: -moz-linear-gradient(100% 20% 90deg, #CCCCCC, #e8eaeb); background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#CCCCCC), to(#e8eaeb)); } .attributeTable td p{ padding:0px; margin:0px; } /* safe-act.css */ .chaseui-safe-act-form-title { border-bottom: 1px solid #D9D9D9; color: #43444E; font-family:verdana; font-size: 22px; font-weight: bold; margin-bottom: 47px; padding-bottom: 14px; } .chaseui-safe-act-form-content { /* padding: 20px; remove for HR in find a loan page */ } .chaseui-safe-act-form-content p{ font-size: 12px; line-height: 18px; } /* .chaseui-safe-act-form-subcontainer { padding:20px 20px 0; }*/ .chaseui-safe-act-captcha-subcontainer{ border:1px solid #ccc; box-shadow: 0 1px 3px 1px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 3px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.3); /*-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#AAAAAA')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color='#AAAAAA'); */ width:501px; margin-bottom:5px; margin-left: 20px; } .chaseui-safe-act-captcha-image{ padding:27px 0 10px 110px; width:250px; text-align:center; } .chaseui-safe-act-captcha-image img{ display:block; } #chaseui-safe-act-captcha-audio { display:none; } .chaseui-safe-act-captcha-form{ padding:15px 0 8px; background-color:#E7ECF0; } /* #safeact-status-panel-container div.chaseui-status-message { margin:0 20px; }*/ .chaseui-safe-act-captcha-form-left{ text-align:center; float:left; width:250px; padding:0px 20px 0px 25px; } .chaseui-safe-act-captcha-form-left input[type="text"]{ text-align: center; height: 20px; width: 250px; } .chaseui-safe-act-captcha-form-right{ text-align:left; float:left; border-left:1px solid #ccc; padding-left:20px; } .chaseui-safe-act-captcha-form-right ul li { list-style: none outside none; margin: 0; padding: 0 0 10px 0; } .chaseui-safe-act-captcha-form-right ul li { display:block; } .chaseui-safe-act-captcha-form-right img { margin:2px 4px; height:16px; width:16px; display:inline; } .chaseui-safe-act-captcha-form-right a { display:inline; font-size:12px; font-weight: bold; cursor:pointer; } .chaseui-safe-act-form .form-navigation { padding:20px 20px 15px 20px; } #safeact-status-panel-container { margin: 25px 20px; display: none; } #safeact-status-panel-container.display-error { margin: 25px 20px; display: block; } .chaseui-safe-act-form-subcontainer p { padding:20px 20px 0; } .chaseui-safe-act-form-subcontainer #id-captcha-helpcontent {display:none;} .chaseui-safe-act-form-subcontainer #id-captcha-helpcontent p { padding:0px 20px 0; } /* content container */ .chaseui-safeact-content { width: 657px; margin-right: 20px; margin-bottom: 20px; } .chaseui-safeact-rlinks-container { float: right; width: 250px; font-size:12px; font-weight: bold; line-height: 14px; height: 200px; } .chaseui-safeact-related-links { padding-bottom: 10px; font-size:12px; font-weight: bold; } ul.chaseui-safeact-rlinks-list { white-space:nowrap; width:220px; } span.chaseui-linklist-bullet.chaseui-safeact-linkset { font-weight: bold; font-size: 12px; } a.sliding-door-button.chaseanalytics-track-link.chaseui-safeact-linkset { font-weight: bold; font-size: 12px; } /* form contents and container */ .chaseui-safeact-search-navigation { width: 100%; text-align: center; padding-top: 10px; padding-bottom: 20px; } .chaseui-safeact-subcontainer { padding-left: 20px; padding-top: 20px; } .chaseui-safeact-name-container { padding-bottom: 12px; } .chaseui-safeact-help { padding-right: 8px; padding-left: 8px; float: left; } .chaseui-safeact-formlabel { font-size: 14px font-family: Verdana; font-weight: bold; line-height: 21px; text-align: right; float: left; } .chaseui-safeact-textbox { float: left; padding-right: 30px; } .chaseui-safeact-checkbox { padding-right: 8px; float: left; } .chaseui-safeact-selectbox { padding-right: 8px; float: left; } .chaseui-safeact-label { font-family: 12px; font-face: Verdana; font-weight: normal; line-height: 14px; } .chaseui-safeact-slike-container{ padding-top: 12px; padding-bottom: 30px; } div.chaseui-safeact-formlabel.secondrow { margin-top: 60px; width: 100%; } .chaseui-column-label-container { float:left; text-align: right; } .chaseui-safeact-or-container { width:100%; margin-left:65px } .chaseui-safeact-or-hr{ float:left; width:35%; border-top: 1px solid #D9D9D9; margin-top:10px; } .chaseui-column-nmlsid-container{ float:left; text-align: left; margin-left: 148px; } .chaseui-safeact-nmlsid-label-container{ padding-top: 12px; padding-bottom: 30px; } .chaseui-safe-act-list-content { padding: 20px; } .chaseui-safeact-form-container { width: 660px; box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.3); } .chaseui-safeact-form-container .form-subcontainer p { padding: 21px 24px; font-size: 12px; line-height: 20px; font-family: Verdana; font-weight: bold; } .chaseui-safeact-form-container .content-panel-header h2 { color: #43444E; font-family:amplitude; font-size: 22px; } #safeact-alphabet-header { float: right; } #safeact-alphabet-header a.selected { font-family: Verdana; font-size: 14px; font-weight: bold; } #chaseui-safeact-search-link { font-weight: bold; } .chaseui-safeact-slink-container { padding-bottom:20px; } a.chaseui-safeact-help-flyout { padding: 6px; background: url("images/swat-sprite.png") repeat scroll 0 -1333px; text-decoration: none; } div.chaseui-safeact-help-flyout-content { padding: 20px; width: 350px; text-align: left; } #chaseui-safeact-conflict-message { font-weight: bold; font-size: 12px; color: #C94E18; display: none; padding-bottom: 4px; } /* table styles */ #safeact-search-results-container p{ font-family: Verdana; font-size: 12px; padding: 14px; text-align: left; } #safeact-search-results-container table th{ background: none repeat scroll 0 0 #E7E9ED; border-right: 1px solid #CED8DE; font-family: Verdana; font-size: 12px; font-weight: bold; padding: 14px; text-align: left; } #safeact-search-results-container table td { background: none repeat scroll 0 0 #FFFFFF; border-right: 1px solid #CED8DE; border-bottom: 1px solid #CED8DE; font: 12px verdana; padding: 14px; text-align: left; width: 220px; } .chaseui-search-results-table td.bgdcolor { background: none repeat scroll 0 0 #F0F4F6; } #safeact-search-results-container table { padding: 0px; margin: 0px; width: 100%; height: 100%; } .chaseui-safeact-help-flyout{ text-align:left; padding:10px; margin-top:10px; } #chaseui-safeact-nmlsid-container{ float: left; width: 250px; } /* added for IE8 */ input[disabled]{ background: #dddddd; } select[disabled]{ background: #dddddd; } .chaseui-chaseatwork-container {box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.3);padding:30px 25px 25px 30px;} .chaseui-chaseatwork-formrow-left {padding-right:15px} .chaseui-chaseatwork-formrow-right {padding-bottom:20px;} .chaseui-chaseatwork-form label {font-weight:bold;} .chaseui-chaseatwork-form input {height:21px; width:250px; border:2px solid #ccc;} .chaseui-chaseatwork-form input.form-error {border:2px solid #c94e18;float:left;} .chaseui-chaseatwork-form .form-errormessage {width:200px;display:none;} .chaseui-chaseatwork-form .form-errormessage-text {font-weight:normal;} .chaseui-chaseatwork-container .page-title-f { color: #43444E; font-family: amplitude,arial,geneva,sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 13px; } /* Rendition -1 */ .chaseui-rates-cd-wrapper{ width:707px; border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.5); margin-left:auto; margin-right:auto; } .chaseui-rates-cd-wrapper .chaseui-rates-table{ width:100%; margin:0; } .chaseui-rates-cd-wrapper .chaseui-rates-table tr th{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; line-height: 14px; background: url("../../../content/dam/chasecom/en/savings/images/chase-table-common-header-bg.jpg") repeat-x scroll center bottom transparent; color: #43444E; text-align:center; } .chaseui-rates-cd-wrapper .chaseui-rates-table tr th.chaseui-rates-firstcell div{ text-align:left; padding:15px 20px; } .chaseui-rates-cd-wrapper .chaseui-rates-table tr td.chaseui-rates-firstcell{ text-align:left; background: #F0F4F6; width: 80px; } .chaseui-rates-cd-wrapper .chaseui-rates-table tr th.chaseui-rates-lastcell{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-right:1px solid #cccccc; } .chaseui-rates-cd-wrapper .chaseui-rates-table tr td{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; padding:10px 20px 10px 20px; color: #43444E; font-family: verdana,arial,helvetica; font-size: 14px; font-weight: normal; line-height: 13px; text-align:center; background:#ffffff; } .chaseui-rates-cd-wrapper .chaseui-rates-table tr td.chaseui-rates-lastcell{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-right:1px solid #cccccc; } .chaseui-rates-cd-wrapper .chaseui-rates-table tr.chaseui-rates-lastrow td{ border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; } .chaseui-rates-cd-wrapper .chaseui-rates-table tr th.chaseui-rates-firstcell{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; line-height: 12px; } .chaseui-rates-cd-wrapper .chaseui-link-style-normal{ font-weight:bold; color:#000000; } .chaseui-rates-cd-wrapper a:hover{ text-decoration:underline; } /* Rendition -1 */ /* Rendition -2,3 */ .chaseui-rates-savings-checking-wrapper{ width:760px; border-radius: 5px; -moz-border-radius: 5px; -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.5); margin-left:auto; margin-right:auto; } .chaseui-rates-savings-checking-wrapper .chaseui-rates-table{ width:100%; margin:0; } .chaseui-rates-savings-checking-wrapper .chaseui-rates-table tr th{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; line-height: 14px; background: url("../../../content/dam/chasecom/en/savings/images/chase-table-common-header-bg.jpg") repeat-x scroll center bottom transparent; color: #43444E; text-align:center; } .chaseui-rates-savings-checking-wrapper .chaseui-rates-table tr th.chaseui-second-row{ background:#E7E9ED !important; width:140px; } .chaseui-rates-savings-checking-wrapper .chaseui-rates-table tr td.chaseui-rates-firstcell { padding-left: 15px; text-align: left; background: #F0F4F6; width:200px; } .chaseui-rates-savings-checking-wrapper .chaseui-rates-table tr th.chaseui-rates-lastcell{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-right:1px solid #cccccc; } .chaseui-rates-savings-checking-wrapper .chaseui-rates-table tr td{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; padding:10px 20px 10px 20px; color: #43444E; font-family: verdana,arial,helvetica; font-size: 14px; font-weight: normal; line-height: 13px; text-align:center; background:#ffffff; } .chaseui-rates-savings-checking-wrapper .chaseui-rates-table tr td.chaseui-rates-lastcell{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-right:1px solid #cccccc; } .chaseui-rates-savings-checking-wrapper .chaseui-rates-table tr.chaseui-rates-lastrow td{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; } .chaseui-rates-savings-checking-wrapper .chaseui-rates-table tr th.chaseui-rates-firstcell { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; line-height: 12px; padding-left: 15px; text-align: left; padding:15px 10px 15px 10px; } .chaseui-rates-savings-checking-wrapper .chaseui-link-style-normal{ font-weight:bold; color:#000000; } .chaseui-rates-savings-checking-wrapper a:hover{ text-decoration:underline; } /* Rendition -2,3*/