/* Start CSS Reset Classes */

/**
 * Percents could work for IE ,  but for backCompat purposes ,  we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
 
/* Font size conversion chart 
10px = 77%
11px  = 85%
12px  = 93%
13px  = 100%
14px  = 108%
15px  = 116%
16px  = 123.1%
17px  = 131%
18px  = 138.5%
19px  = 146.5%
20px  = 153.9%
21px  = 161.6%
22px  = 167%
23px  = 174%
24px  = 182%
25px  = 189%
26px  = 197%
*/

body{font:13px arial , helvetica , clean , sans-serif;*font-size:small;*font:x-small;}

/**
 * 99% for safari; 100% is too large
 */
select ,  input ,  textarea {font:99% arial , helvetica , clean , sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre ,  code {font:115% monospace;}


/* Start CSS Reset Classes */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td { 
 margin:0;
 padding:0;
 }

table {
 border-collapse:collapse;
 border-spacing:0;
}
fieldset , img { 
 border:0;
}
address , caption , cite , code , dfn , em , th , var {
 font-style:normal;
 font-weight:normal;
}
ol , ul {
 list-style:none;
}
caption , th {
 text-align:left;
}
q:before , q:after {
 content:'';
}
abbr , acronym { border:0;
}

/* Begin Global Link Treatment */
a {color: #0F57C2; text-decoration: none;}
a:link {color:#0F57C2; text-decoration: none;}
a:visited {color:#0F57C2; text-decoration: none;}
a:active {color:#0F57C2; text-decoration: underline;}
a:focus {color:#0F57C2; text-decoration: underline;}
a:hover {color:#0F57C2;text-decoration: underline;}
/* End Global Link Treatment */

/* Begin Global Classes */
.popup{padding:0px 0px 0px 3px !important;}
.bold{font-weight:bold;}
.center{text-align:center;}
/* End Global Classes */

/* Begin Utility Classes */
.clear-both {clear: both;}
.clear-bottom {padding-bottom:0px !important; margin-bottom:0px !important;}
.clear-top {padding-top:0px !important; margin-top:0px !important;}
.off-screen{position:absolute; left:-5000px;width:0px;height:0px;overflow:hidden;}
.reduce-top{margin-top:-5px;}
/* End Utility Classes */

/* Layout classes */
.layout-breadcrumb-region {width: 975px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; }
.layout-breadcrumb-region .layout-spacer-01 {padding:0px 0px 6px 0px;}
.layout-body-region {width: 995px;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: top;}
.layout-body-left-gutter {width: 10px; padding: 0px; margin: 0px;}
.layout-body-toc {width: 169px; margin: 0px; padding: 0px; vertical-align: top;}
.layout-body-toc .layout-spacer-01 {padding: 0px 0px 20px 0px;}
.layout-body-toc-right-gutter {width: 21px; padding: 0px; margin: 0px;}
.layout-body-header {width:785px; margin: 0px; padding: 0px; vertical-align: top;}
.layout-body-content {width: 508px; margin: 0px; padding: 0px; vertical-align: top;}
.layout-body-gutter-right{width: 10px; margin: 0px; padding: 0px; vertical-align:top;}
.layout-body-gutter-right-border {width: 11px; margin: 0px; padding: 0px; vertical-align:top; border-left: 1px solid #DBDCDE;}
.layout-body-right {width: 256px; padding: 0px; margin: 0px; vertical-align: top;}
.layout-body-far-right-gutter {width: 10px; margin: 0px; padding: 0px;}
.layout-footer-region {width: 995px; padding: 0px; margin: 0px;}
.layout-footer-region .layout-spacer-01 {padding:0px 0px 59px 0px;}

.go-green .layout-body-toc {width: 0px;}
.go-green .layout-body-toc-right-gutter {width: 0px;}
.go-green .layout-body-content {width: 636px;}
.go-green .layout-body-right {width: 218px;}
.go-green .layout-body-header .layout-spacer-01 {padding:0px 0px 22px 0px;}
.go-green .reduce-top {margin-top:-3px;}

.symbol-change .layout-body-toc {width: 0px;}
.symbol-change .layout-body-toc-right-gutter {width: 0px;}
.symbol-change .layout-body-content {width: 636px;}
.symbol-change .layout-body-right {width: 218px;}
.symbol-change .layout-body-gutter-right-border {border-left: none;}
.symbol-change .layout-body-header .layout-spacer-01 {padding:0px 0px 22px 0px;}
.symbol-change .layout-body-content .layout-spacer-01 {padding:0px 0px 16px 0px;}

.tax-refund-coming .layout-body-toc {width: 0px;}
.tax-refund-coming .layout-body-toc-right-gutter {width: 0px;}
.tax-refund-coming .layout-body-content {width: 636px;}
.tax-refund-coming .layout-body-right {width: 218px;}
.tax-refund-coming .layout-body-gutter-right-border {border-left: none;}
.tax-refund-coming .layout-body-header .layout-spacer-01 {padding:0px 0px 22px 0px;}
.tax-refund-coming .layout-body-content .layout-spacer-01 {padding:0px 0px 14px 0px;}
.tax-refund-coming .layout-body-content .layout-spacer-02 {padding:0px 0px 25px 0px;}
.tax-refund-coming .layout-body-content .layout-spacer-03 {padding:0px 0px 29px 0px;}
.tax-refund-coming .layout-body-content .layout-spacer-04 {padding:0px 0px 26px 0px;}

.toa .layout-body-toc {width: 0px;}
.toa .layout-body-toc-right-gutter {width: 0px;}
.toa .layout-body-content {width: 636px;}
.toa .layout-body-right {width: 218px;}
.toa .layout-body-header .layout-spacer-01 {padding:0px 0px 22px 0px;}
.toa .layout-body-content .layout-spacer-01 {padding:0px 0px 23px 0px;}
.toa .reduce-top {margin-top:-4px;}

.visa-gold-check-card .layout-body-toc {width: 0px;}
.visa-gold-check-card .layout-body-toc-right-gutter {width: 0px;}
.visa-gold-check-card .layout-body-content {width: 636px;}
.visa-gold-check-card .layout-body-right {width: 218px;}
.visa-gold-check-card .layout-body-header .layout-spacer-01 {padding:0px 0px 22px 0px;}
.visa-gold-check-card .layout-body-content .layout-spacer-01 {padding:0px 0px 24px 0px;}
.visa-gold-check-card .layout-body-right .layout-spacer-01 {padding:0px 0px 9px 0px;}
.visa-gold-check-card .layout-body-right .layout-spacer-02 {padding:0px 0px 9px 0px;}
.visa-gold-check-card .reduce-top {margin-top:-3px;}

/* Component classes */
/* Begin BreadCrumb Component Classes */
.breadcrumb {color:#666666; font-size: 85%; padding:8px 0px 9px 0px; margin: 0px; line-height: 90%;border-bottom: 1px dotted #DBDCDE;}
.breadcrumb .caret {padding: 0px 1px 0px 5px; margin: 0px;}
.breadcrumb .bold {font-weight:bold;}
.breadcrumb ul {padding: 0px; margin: 0px;}
.breadcrumb ul li {display: inline; padding: 0px; margin: 0px; list-style: outside; list-style-type: none; list-style-image: none;}
.breadcrumb a {color:#666666; text-decoration: none;}
.breadcrumb a:link {color:#666666; text-decoration: none;}
.breadcrumb a:visited {color:#666666; text-decoration: none;}
.breadcrumb a:active {color:#E74B00; text-decoration:underline;}
.breadcrumb a:focus {color:#E74B00; text-decoration:underline;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb .byline {float:right;text-align:right;font-family:Arial , sans-serif;font-size:85%;color:#666666; width:49%;}
/* End BreadCrumb Component Classes*/

/* Begin header classes */
.header h1 {font-size: 182%; color: #408800; font-weight: normal; padding-bottom:15px;}

.go-green h1 {padding-bottom:18px;}
.visa-gold-check-card .header h1 {padding-bottom:16px;}
/* End header classes */

/* Begin content Classes*/
.content {line-height:138.5%;}
.content p {padding:0px 0px 13px 0px; font-size:93%;}
.content h2 {font-size: 123.1%; color: #408800; padding:15px 0px 10px 0px; font-weight: bold;}
.content h3 {font-size: 108%; color:#333333; font-weight:bold; padding:13px 0px 10px 0px;}
.content h4 {font-size: 93%; font-weight:bold; padding:13px 0px 10px 0px;}
.content ul{font-size:93%; padding-bottom:13px;}
.content ul li{background:url("../images/greenbulsq.gif") no-repeat scroll 5px 7px transparent; padding:0px 0px 8px 18px;}
.content sup {font-weight: normal; vertical-align: top;}
.content .blue-arrow li{background:url("/images/11_11_bullet_b.gif") 0px 3px no-repeat; padding-left:18px;}
.content .right-content {float:right; padding-bottom:0px;}
/* End content Classes*/

.mini-content {line-height:138.5%; width:192px;}
.mini-content h3{font-size: 118%; padding:14px 0px 10px 0px;}
.mini-content p {font-size:93%; padding-bottom:13px;}
.mini-content ul{font-size:93%; padding-bottom:13px;}
.mini-content ul li{background:url("../images/greenbulsq.gif") no-repeat scroll 5px 7px transparent; padding:0px 0px 8px 18px;}
.mini-content .toadot-rule {padding: 19px 0px 10px 0px;}

.other-way {line-height:138.5%; width:190px;}
.other-way h3{font-size: 118%; padding:0px 0px 10px 0px;}
.other-way p {font-size:93%;}
.other-way ul li{background:url("../images/greenbulsq.gif") no-repeat scroll 5px 7px transparent; padding:0px 0px 0px 18px;}

.etf-symbol-changes {font-size:93%;}
.etf-symbol-changes table{width:625px;}
.etf-symbol-changes table th{border:1px solid #DDDDDD; padding:5px; background-color:#EDF3EC; font-weight:bold; text-align:center;}
.etf-symbol-changes table td{border:1px solid #DDDDDD; padding:5px; text-align:center;}
.etf-symbol-changes .align-left {text-align:left;}

.pay-self p {padding:0px 0px 13px 0px; font-size:93%;}
.pay-self h3 {font-size: 108%; color:#333333; font-weight:bold; padding:13px 0px 10px 0px;}
.pay-self ul li p{font-size:93%; padding-bottom:11px;}
.pay-self ul li{background:url("/images/11_11_bullet_b.gif") 0px 2px no-repeat; padding:0px 0px 11px 18px;}
.pay-self ul li ul li {font-size:93%; background:url("../images/greenbulsq.gif") no-repeat scroll 3px 5px transparent; padding-bottom:0px;}
.pay-self .increase-bottom{padding-bottom:11px;}

/* Begin related-links classes */
.related-links {width:192px; line-height:138.5%; margin-top:-5px;}
.related-links h3 {color:#336600; font-size: 85%; font-weight: bold; text-transform:uppercase; padding-bottom:1px;}
.related-links ul{padding: 0px 0px 13px 0px;}
.related-links ul li {font-size:93%; background:url("/images/greenbulsq.gif") 0px 6px no-repeat; padding:0px 0px 8px 13px; list-style: outside; list-style-type: none; list-style-image: none;}
.related-links p{font-size:93%;}
/* End related-links classes */

/* Begin footnote classes */
.footnote {font-size:85%; color:#666666;}
.footnote p {padding:0px 0px 6px 0px;}
.footnote ol {margin:0px 0px 6px 18px; list-style-type: decimal;}
.footnote ol li {padding:0px 0px 6px 0px;}
.footnote ul {padding-bottom:7px;}
.footnote ul li {padding:0px 0px 5px 18px; background:url("../images/greenbulsq.gif") no-repeat scroll 5px 7px transparent;}
.footnote sup {vertical-align : super; font-size:90%;}
/* End footnote classes */

/* Begin footnote-border classes */
.footnote-border {font-size:85%; color:#666666;border-top: 1px solid #666666 ; border-bottom:1px solid #666666; padding:5px 0px 7px 0px;}
/* End footnote-border classes */