/*************************************reset***************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}

body {
 line-height: 1;
}

ol, ul {
 list-style: none;
}

blockquote, q {
 quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}



/*************************************clearfix***************************************/
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */

.clearfix {
    *zoom: 1;
}



/*************************************fonts***************************************/



@font-face {    
		font-family: 'ralewayliningfigregular';
		src: url('../fonts/ralewayliningfig-regular-webfont.eot');
		src: url('../fonts/ralewayliningfig-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ralewayliningfig-regular-webfont.woff') format('woff'),
		url('../fonts/ralewayliningfig-regular-webfont.ttf') format('truetype'),
		url('../fonts/ralewayliningfig-regular-webfont.svg#ralewayliningfigregular') format('svg');
		font-weight: normal;
		font-style: normal;
}


@font-face {

		font-family: 'ralewayliningfigextrabold';
		src: url('../fonts/ralewayliningfig-extrabold-webfont.eot');
		src: url('../fonts/ralewayliningfig-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ralewayliningfig-extrabold-webfont.woff') format('woff'),
		url('../fonts/ralewayliningfig-extrabold-webfont.ttf') format('truetype'),
		url('../fonts/ralewayliningfig-extrabold-webfont.svg#ralewayliningfigextrabold') format('svg');
		font-weight: normal;
		font-style: normal;

}


@font-face {

		font-family: 'ralewayliningfigbold';
		src: url('../fonts/ralewayliningfig-bold-webfont.eot');
		src: url('../fonts/ralewayliningfig-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ralewayliningfig-bold-webfont.woff') format('woff'),
		url('../fonts/ralewayliningfig-bold-webfont.ttf') format('truetype'),
		url('../fonts/ralewayliningfig-bold-webfont.svg#ralewayliningfigbold') format('svg');
		font-weight: normal;
		font-style: normal;

}


@font-face {

		font-family: 'ralewayliningfigheavy';
		src: url('../fonts/ralewayliningfig-heavy-webfont.eot');
		src: url('../fonts/ralewayliningfig-heavy-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ralewayliningfig-heavy-webfont.woff') format('woff'),
		url('../fonts/ralewayliningfig-heavy-webfont.ttf') format('truetype'),
		url('../fonts/ralewayliningfig-heavy-webfont.svg#ralewayliningfigheavy') format('svg');
		font-weight: normal;
		font-style: normal;

}


@font-face {

	font-family: 'ralewayliningfigmedium';
	src: url('../fonts/ralewayliningfig-medium-webfont.eot');
	src: url('../fonts/ralewayliningfig-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/ralewayliningfig-medium-webfont.woff') format('woff'),
	url('../fonts/ralewayliningfig-medium-webfont.ttf') format('truetype'),
	url('../fonts/ralewayliningfig-medium-webfont.svg#ralewayliningfigmedium') format('svg');
	font-weight: normal;
	font-style: normal;

}



html {background-color: #eef8fe;}



/*************************************html***************************************/

@media screen and (min-width: 960px){

.body-mobile {display: none;}
.body {background-color: #eef8fe;}
.body > .content {position: relative; width: 960px; /*background-image: url(../images/bkg.png);*/ margin: 0 auto; padding: 0 0 50px; background-color: #eef8fe; box-shadow: 0px 0px 30px /*#d5ebf9*/ #cce8f3;}
.body > .content > .header {}
.body > .content > .header > .logo {float: left; margin: 30px 0 0 50px; width: 176px; height: 61px; background-image: url(../images/logo.png);}
.body > .content > .header > .slogan {float: right; margin: 42px 28px 0 0; font-family: ralewayliningfigregular; color: #27316a; font-size: 18px; letter-spacing: -.5px;}

.body > .content > .banner {position: relative; margin: 28px 0 0; height: 360px;}
.body > .content > .banner > .image {position: absolute; top: -11px; left: 613px; width: 323px; height: 334px; background-image: url(../images/banner.png);}
.body > .content > .banner > .text {position: absolute; left: 47px; line-height: 63px; letter-spacing: -0.5px; font-family: ralewayliningfigheavy; color: #007ecd; font-size: 62px;}
.body > .content > .banner > .text > sup {line-height: 30px; letter-spacing: -0.5px; position: relative; top: -20px; font-size: 30px;}
.body > .content > .banner > .cta {position: absolute; top: 242px; left: 48px;}
.body > .content > .banner > .cta-text {position: absolute; top: 295px; left: 48px; background-color: #cbe5f4; padding: 15px 20px; width: 650px;}
.body > .content > .banner > .cta-text > .head {font-family: ralewayliningfigheavy; font-size: 16px; color: #1e3c73; margin-bottom: 10px; background-color: #cbe5f4;}
.body > .content > .banner > .cta-text > .body {font-family: ralewayliningfigregular; font-size: 16px; color: #1e3c73; line-height: 19px; background-color: #cbe5f4;}
.body > .content > .banner > .cta-text > .body > a {background-color: #cbe5f4;text-decoration:none; color:#1e3c73; border-bottom:1px solid #39F;}

.body > .content > .frame {min-height: 200px; background-color: #ffffff; margin: 0 0 0 0; border-bottom: 5px solid #99cceb;}


.menu {font-size: 0; margin: 0 0 0 49px;}
.menu > li {margin-bottom: 5px;}
.menu > li > a {padding: 15px 0 19px 10px; font-family: ralewayliningfigmedium; color: #27316a; font-size: 16px; display: inline-block; width: 137px; background-image: url(../images/tab-bkg.png); text-align: left; text-decoration: none; outline: 0;}
.menu > li.active > a {padding: 15px 0 19px 10px; font-family: ralewayliningfigmedium; color: #27316a; font-size: 16px; display: inline-block; width: 137px; background-image: none; background-color: #ffffff; text-align: left; text-decoration: none; outline: 0;}

.tab_content {padding: 15px 17px; position: relative;}
.tab_content > h2 {font-family: ralewayliningfigextrabold; font-size: 16px; color: #187abf; margin-bottom: 15px;}
.tab_content > h2 sup {font-family: ralewayliningfigextrabold; font-size: 9px; color: #187abf; position: relative; top: -6px;}
.tab_content > h2 a {font-family: ralewayliningfigextrabold; font-size: 16px; color: #187abf; margin-bottom: 15px; text-decoration: none;}
.tab_content > ul {list-style-type: disc; margin: 0 0 0 30px;}
.tab_content > ul > li {font-family: ralewayliningfigregular; font-size: 16px; color: #656565; margin-bottom: 15px;}
.tab_content > p {font-family: ralewayliningfigregular; font-size: 16px; color: #656565; margin-bottom: 15px; line-height: 22px;}
.tab_content > p a {text-decoration: none;}
.tab_content > p b {font-family: ralewayliningfigbold; font-size: 16px; color: #656565; margin-bottom: 15px; font-weight: normal;}
.tab_content > p img {margin-right: 10px;}
.tab_content > p sup {font-family: ralewayliningfigregular; font-size: 9px; color: #656565; position: relative; top: -6px;}
.tab_content > div.notice {font-family: ralewayliningfigregular; font-size: 11px; color: #656565; margin-bottom: 10px; line-height: 15px;}
.tab_content > div.notice > b {font-family: ralewayliningfigbold;}
.tab_content > div.notice > span {float: left;}
.tab_content > div.notice > span:first-child {float: left;  font-size: 13px; width: 10px; margin-top: 0px;}
.tab_content > div.notice > span.asterisk {float: left; font-size: 20px;  margin-top: 5px;}
.tab_content > div.notice > span.plus {float: left; font-size: 20px; line-height: 9px; }
.tab_content > div.notice > span.caret {float: left; font-size: 11px; line-height: 9px; }
.tab_content > div.notice > span.hex {float: left; font-size: 11px; line-height: 12px; }
.tab_content > div.notice > span.text {width:715px; margin-left: 5px;}
.tab_content > ol {list-style-type: decimal; margin: 0 0 0 30px;}
.tab_content > ol > li {font-family: ralewayliningfigextrabold; font-size: 16px; color: #187abf; margin-bottom: 15px;}
.tab_content > ol > li > sup {font-family: ralewayliningfigextrabold; font-size: 16px; color: #187abf; margin-bottom: 15px; position: relative; top: -4px;}
.tab_content > ol > li > ul {list-style-type: disc; margin: 10px 0 0 20px;}
.tab_content > ol > li > ul > li {font-family: ralewayliningfigregular; font-size: 16px; color: #656565; margin-bottom: 15px;}
.tab_content > ol > li > ul > li > sup {font-family: ralewayliningfigregular; font-size: 16px; color: #656565; margin-bottom: 15px; position: relative; top: -4px;}

.tab_content > ol.no-decimal {list-style-type: none; margin: 0 0 0 0;}
.tab_content > ol.no-decimal > li {font-family: ralewayliningfigextrabold; font-size: 16px; color: #187abf; margin-bottom: 15px;}
.tab_content > ol.no-decimal > li > sup {font-family: ralewayliningfigextrabold; font-size: 16px; color: #187abf; margin-bottom: 15px; position: relative; top: -4px;}
.tab_content > ol.no-decimal > li > ul {list-style-type: disc; margin: 10px 0 0 40px;}
.tab_content > ol.no-decimal > li > ul > li {font-family: ralewayliningfigregular; font-size: 16px; color: #656565; margin-bottom: 15px; line-height: 22px;}

.tab_content > ul.dashed {list-style-type: none; margin: 0 0 0 30px;}
.tab_content > ul.dashed li:before{ content:"-"; position:relative; left:-5px;}
.tab_content > ul.dashed li{ text-indent:-5px; }
.tab_content > ul.dashed li b { font-family: ralewayliningfigbold; }
.tab_content > ul.dashed li a { text-decoration: none; color: inherit;}
.tab_content > p.small {font-family: ralewayliningfigregular; font-size: 11px; color: #656565; margin-bottom: 10px;  line-height: 15px;}
.tab_content > p.small > b {font-family: ralewayliningfigbold; font-size: 11px; color: #656565; margin-bottom: 10px; font-weight: normal;}
.tab_content > ol.lower-roman {list-style-type: lower-roman; margin: 0 0 0 20px;}
.tab_content > ol.lower-roman > li {font-family: ralewayliningfigextrabold; font-size: 16px; color: #187abf; margin-bottom: 15px;}
.tab_content > ol.lower-roman > li > ol {list-style-type: decimal; margin: 10px 0 0 20px;}
.tab_content > ol.lower-roman > li > ol > li {font-family: ralewayliningfigextrabold; font-size: 16px; color: #187abf; margin-bottom: 15px;}
.tab_content > ol.lower-roman > li > ol > li > p {font-family: ralewayliningfigregular; font-size: 16px; color: #656565; margin: 15px 0;}
.tab_content > ol.lower-roman > li > ol > li > p > b {font-family: ralewayliningfigbold; font-size: 16px; color: #656565; margin: 15px 0;}
.tab_content > ol.lower-roman > li > ol > li > table tr th {font-family: ralewayliningfigbold; font-size: 16px; color: #656565; margin: 15px 0; padding: 10px 20px 10px 20px; text-align: left;}
.tab_content > ol.lower-roman > li > ol > li > table tr td {font-family: ralewayliningfigregular; font-size: 16px; color: #656565; margin: 15px 0; padding: 10px 20px 10px 20px; text-align: left;}
.tab_content > ol.lower-roman > li > ol > li > ol.lower-alpha {list-style-type: lower-alpha; margin: 10px 0 0 25px;}
.tab_content > ol.lower-roman > li > ol > li > ol.lower-alpha > li {font-family: ralewayliningfigregular; font-size: 16px; color: #656565; margin-bottom: 15px;}
.tab_content > ol.lower-roman > li > ol > li > ul.initial {list-style-type: disc; margin: 10px 0 0 25px; }
.tab_content > ol.lower-roman > li > ol > li > ul.initial > li {font-family: ralewayliningfigregular; font-size: 16px; color: #656565; margin-bottom: 15px;}
.tab_content > ol.lower-roman > li > ol > li > ul.initial > li > b {font-family: ralewayliningfigbold; font-size: 16px; color: #656565; margin: 15px 0;}



table { border-collapse: collapse;}
table, th, td {}
table th {background-color: #ffeece; color: #0089cf !important; border-bottom: 3px solid #fdb813;}
table td {border-bottom: 1px solid #0089cf;}
table tr.total td {font-family: ralewayliningfigbold !important; color: #0089cf !important; border-bottom: 3px solid #fdb813; border-top: 2px solid #fdb813;}


.overlay-container {display: none; font-family: ralewayliningfigregular; font-size: 16px; line-height: 20px; width: 400px; text-align: justify; direction: ltl; height: 150px;}
.menu-container {float: left;}
.content-container {float: right; width: 764px;}
.notice > ol.bold-decimal {list-style-type: decimal; margin-left: 15px; font-family: ralewayliningfigextrabold;}
.notice > ol.bold-decimal > li {margin-bottom: 10px;}
.notice > ol.bold-decimal > li > span {font-family: ralewayliningfigregular;}
hr {border: 0; height: 1px; background: #a6a6a6;}
.special-div {font-family: ralewayliningfigextrabold; font-size: 16px; color: #2e3567; margin-bottom: 15px;}
.special-div > span {display: inline-block; background-color: #2e3567; color: #ffffff; font-size: 12px; padding: 5px 8px; border-radius: 20px; position: relative; top: -2px; margin-right: 5px;}
.highlighted-div {font-family: ralewayliningfigregular; font-size: 16px; color: #007cca;}

}


@media screen and (max-width: 320px) {

.body {display: none;}
.body-mobile {background-color: #eef8fe;}
.body-mobile > .content {position: relative; width: 320px; /*background-image: url(../images/bkg-pattern-mobile320.png);*/ margin: 0 auto; padding: 0 0 50px; background-color: #eef8fe; }
.body-mobile > .content > .header {}
.body-mobile > .content > .header > .logo {float: left; margin: 10px 0 0 25px; width: 60px; height: 21px; background-image: url(../images/mobile/logo.png); background-size: contain;}
.body-mobile > .content > .header > .slogan {float: right; margin: 13px 25px 0 0; font-family: ralewayliningfigregular; color: #27316a; font-size: 8px; letter-spacing: -.5px;}
.body-mobile > .content > .banner {position: relative; margin: 0 0 15px 25px; width: 289px; height: 200px; background-image: url(../images/mobile/banner.png); background-size: contain;}
.body-mobile > .content > .banner > .text-sm {position: absolute; top: -45px; left: -17px; line-height: 10px; letter-spacing: 0px; font-family: ralewayliningfigbold; color: #187abf; font-size: 10px;}
.body-mobile > .content > .banner > .text-lg {position: absolute; top: -35px; left: -17px; line-height: 22px; letter-spacing: -0.5px; font-family: ralewayliningfigheavy; color: #187abf; font-size: 22px;}
.body-mobile > .content > .banner > .cta {background-image: url(../images/mobile/btn-cta.png); background-size: contain; width: 57px; height: 15px; position: absolute; right: 10px; top: 10px;}
.body-mobile > .content > .banner > .notice {position: absolute; bottom: -39px; right: 20px; width: 70px; height: 69px; background-image: url(../images/mobile/notice.png); background-size: contain;}
.body-mobile > .content > .blurb {font-family: ralewayliningfigregular; color: #27316a; font-size: 12px; line-height: 14px; height: 33px; margin: 8px 0 0 40px;}
.body-mobile > .content > .blurb span {font-family: ralewayliningfigbold;}
.body-mobile > .content > .blurb sup {font-family: ralewayliningfigbold;}
.body-mobile > .content > .frame {margin: 0 0 0 0;}
.body-mobile  > .content > .banner > .cta-text {position: absolute; top: 0; left: 0; padding: 20px 15px 20px; width: 130px;}
.body-mobile  > .content > .banner > .cta-text > .head {font-family: ralewayliningfigheavy; font-size: 12px; color: #1e3c73; margin-bottom: 5px;}
.body-mobile  > .content > .banner > .cta-text > .body-text {font-family: ralewayliningfigregular; font-size: 11px; color: #000000; line-height: 14px;}
.body-mobile  > .content > .banner > .cta-text > .body-text > a {background-color: #cbe5f4;text-decoration:none; color:#1e3c73; border-bottom:1px solid #39F;}


.body-mobile > .content > .main-text {line-height: 22px; letter-spacing: -0.5px; font-family: ralewayliningfigheavy; color: #187abf; font-size: 22px; margin: 15px 0 15px 25px;}
.body-mobile > .content > .main-text > sup {line-height: 15px; letter-spacing: -0.5px; position: relative; top: -10px; font-size: 15px;}

.accordionButton {width: 293px; height: 25px; background-image: url(../images/mobile/tab-bkg.png); background-color:#cae5f2; background-size: contain; margin-bottom:  5px; margin-left: 25px;}
.accordionButton > div {font-family: ralewayliningfigmedium; color: #27316a; font-size: 11px; padding: 7px 0 0px 32px;}
.accordionContent {width: 293px; background-color: #ffffff; margin-top: -5px; margin-left: 25px;}


.tab_content {padding: 10px 10px; position: relative;}
.tab_content > h2 {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px;}
.tab_content > h2 sup {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; position: relative; top: -6px;}
.tab_content > h2 a {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; text-decoration: none;}
.tab_content > ul {list-style-type: disc; margin: 0 0 0 30px;}
.tab_content > ul > li {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}
.tab_content > p {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}
.tab_content > p a {text-decoration: none;}
.tab_content > p b {font-family: ralewayliningfigbold; font-size: 12px; color: #656565; margin-bottom: 15px; font-weight: normal;}
.tab_content > p img {margin-right: 10px;}
.tab_content > p sup {font-family: ralewayliningfigregular; font-size: 8px; color: #656565; position: relative; top: -6px;}
.tab_content > div.notice {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}.tab_content > div.notice > b {font-family: ralewayliningfigbold;}
.tab_content > div.notice > span {float: left;}
.tab_content > div.notice > span:first-child {float: left;  font-size: 13px; width: 10px; margin-top: 0px;}
.tab_content > div.notice > span.asterisk {float: left; font-size: 20px;  margin-top: 5px;}
.tab_content > div.notice > span.plus {float: left; font-size: 20px; line-height: 9px; }
.tab_content > div.notice > span.hex {float: left; font-size: 12px; line-height: 12px; }
.tab_content > div.notice > span.text {width:230px; margin-left: 5px;}
.tab_content > ol {list-style-type: decimal; margin: 0 0 0 30px;}
.tab_content > ol > li {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol > li > sup {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; position: relative; top: -4px;}
.tab_content > ol > li > ul {list-style-type: disc; margin: 10px 0 0 20px;}
.tab_content > ol > li > ul > li {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol > li > ul > li > sup {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; position: relative; top: -4px;}

.tab_content > ol.no-decimal {list-style-type: none; margin: 0 0 0 0;}
.tab_content > ol.no-decimal > li {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px;}
.tab_content > ol.no-decimal > li > sup {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; position: relative; top: -4px;}
.tab_content > ol.no-decimal > li > ul {list-style-type: disc; margin: 10px 0 0 30px;}
.tab_content > ol.no-decimal > li > ul > li {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 10px; line-height: 15px;}

.tab_content > ul.dashed {list-style-type: none; margin: 0 0 0 30px;}
.tab_content > ul.dashed li:before{ content:"-"; position:relative; left:-5px;}
.tab_content > ul.dashed li{ text-indent:-5px; }
.tab_content > ul.dashed li b { font-family: ralewayliningfigbold; }
.tab_content > ul.dashed li a { text-decoration: none; color: inherit;}
.tab_content > p.small {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 10px;  line-height: 15px;}
.tab_content > p.small > b {font-family: ralewayliningfigbold; font-size: 12px; color: #656565; margin-bottom: 10px; font-weight: normal;}
.tab_content > ol.lower-roman {list-style-type: lower-roman; margin: 0 0 0 20px;}
.tab_content > ol.lower-roman > li {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol.lower-roman > li > ol {list-style-type: decimal; margin: 10px 0 0 20px;}
.tab_content > ol.lower-roman > li > ol > li {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol.lower-roman > li > ol > li > p {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin: 15px 0; line-height: 15px;}
.tab_content > ol.lower-roman > li > ol > li > p > b {font-family: ralewayliningfigbold; font-size: 12px; color: #656565; margin: 15px 0;}
.tab_content > ol.lower-roman > li > ol > li > table tr th {font-family: ralewayliningfigbold; font-size: 12px; color: #656565; margin: 15px 0; padding: 10px 0 10px 5px; text-align: left;}
.tab_content > ol.lower-roman > li > ol > li > table tr td {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin: 15px 0; padding: 10px 0 10px 5px; text-align: left;}
.tab_content > ol.lower-roman > li > ol > li > ol.lower-alpha {list-style-type: lower-alpha; margin: 10px 0 0 25px;}
.tab_content > ol.lower-roman > li > ol > li > ol.lower-alpha > li {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol.lower-roman > li > ol > li > ul.initial {list-style-type: disc; margin: 10px 0 0 25px; }
.tab_content > ol.lower-roman > li > ol > li > ul.initial > li {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol.lower-roman > li > ol > li > ul.initial > li > b {font-family: ralewayliningfigbold; font-size: 12px; color: #656565; margin: 15px 0;}
.tab_content > img  {width: 250px;}
table { border-collapse: collapse; width: 180px !important;}
table, th, td {}
table th {background-color: #ffeece; color: #0089cf !important; border-bottom: 3px solid #fdb813;}
table td {border-bottom: 1px solid #0089cf;}
table tr.total td {font-family: ralewayliningfigbold !important; color: #0089cf !important; border-bottom: 3px solid #fdb813; border-top: 2px solid #fdb813;}

.overlay-container {display: none; font-family: ralewayliningfigregular; font-size: 11px; line-height: 20px; width: 200px; height: 200px;}
.menu-container {float: left;}
.content-container {float: right; width: 764px;}
.notice > ol.bold-decimal {list-style-type: decimal; margin-left: 15px; font-family: ralewayliningfigextrabold;}
.notice > ol.bold-decimal > li {margin-bottom: 10px;}
.notice > ol.bold-decimal > li > span {font-family: ralewayliningfigregular;}
hr {border: 0; height: 1px; background: #a6a6a6;}
.special-div {font-family: ralewayliningfigextrabold; font-size: 12px; color: #2e3567; margin-bottom: 15px;}
.special-div > span {float: left; background-color: #2e3567; color: #ffffff; font-size: 10px; padding: 3px 6px; border-radius: 20px; position: relative; top: -2px; margin-right: 5px;}
.special-div > div {float: left; font-family: ralewayliningfigextrabold; font-size: 12px; color: #2e3567; margin-bottom: 15px; width: 235px;}
.highlighted-div {font-family: ralewayliningfigregular; font-size: 12px; color: #007cca;}

}



@media screen and (max-width: 960px) {

.body {display: none;}
.body-mobile {background-color: #eef8fe;}
.body-mobile > .content {position: relative; width: 320px; /*background-image: url(../images/bkg-pattern-mobile320.png);*/ margin: 0 auto; padding: 0 0 50px; background-color: #eef8fe; }
.body-mobile > .content > .header {}
.body-mobile > .content > .header > .logo {float: left; margin: 10px 0 0 25px; width: 60px; height: 21px; background-image: url(../images/mobile/logo.png); background-size: contain;}
.body-mobile > .content > .header > .slogan {float: right; margin: 13px 25px 0 0; font-family: ralewayliningfigregular; color: #27316a; font-size: 8px; letter-spacing: -.5px;}
.body-mobile > .content > .banner {position: relative; margin: 0 0 15px 25px; width: 289px; height: 200px; background-image: url(../images/mobile/banner.png); background-size: contain;}
.body-mobile > .content > .banner > .text-sm {position: absolute; top: -45px; left: -17px; line-height: 10px; letter-spacing: 0px; font-family: ralewayliningfigbold; color: #187abf; font-size: 10px;}
.body-mobile > .content > .banner > .text-lg {position: absolute; top: -35px; left: -17px; line-height: 22px; letter-spacing: -0.5px; font-family: ralewayliningfigheavy; color: #187abf; font-size: 22px;}
.body-mobile > .content > .banner > .cta {background-image: url(../images/mobile/btn-cta.png); background-size: contain; width: 57px; height: 15px; position: absolute; right: 10px; top: 10px;}
.body-mobile > .content > .banner > .notice {position: absolute; bottom: -39px; right: 20px; width: 70px; height: 69px; background-image: url(../images/mobile/notice.png); background-size: contain;}
.body-mobile > .content > .blurb {font-family: ralewayliningfigregular; color: #27316a; font-size: 12px; line-height: 14px; height: 33px; margin: 8px 0 0 40px;}
.body-mobile > .content > .blurb span {font-family: ralewayliningfigbold;}
.body-mobile > .content > .blurb sup {font-family: ralewayliningfigbold;}
.body-mobile > .content > .frame {margin: 0 0 0 0;}
.body-mobile  > .content > .banner > .cta-text {position: absolute; top: 0; left: 0; padding: 20px 15px 20px; width: 130px;}
.body-mobile  > .content > .banner > .cta-text > .head {font-family: ralewayliningfigheavy; font-size: 12px; color: #1e3c73; margin-bottom: 5px;}
.body-mobile  > .content > .banner > .cta-text > .body-text {font-family: ralewayliningfigregular; font-size: 11px; color: #000000; line-height: 14px;}
.body-mobile  > .content > .banner > .cta-text > .body-text > a {background-color: #cbe5f4;text-decoration:none; color:#1e3c73; border-bottom:1px solid #39F;}

.body-mobile > .content > .bannerm { width:45%; float:right; margin-top:-10%; margin-bottom:4%; margin-right:25px; }
.body-mobile > .content > .bannerm > img { width:100%; height:100%; }

.body-mobile > .content > .main-text {line-height: 22px; letter-spacing: -0.5px; font-family: ralewayliningfigheavy; color: #187abf; font-size: 22px; margin: 15px 0 15px 25px; width:70%;}
.body-mobile > .content > .main-text > sup {line-height: 15px; letter-spacing: -0.5px; position: relative; top: -10px; font-size: 15px;}

.accordionButton {width: 293px; height: 25px; background-image: url(../images/mobile/tab-bkg.png); background-color:#cae5f2; background-size: contain; margin-bottom:  5px; margin-left: 25px;}
.accordionButton > div {font-family: ralewayliningfigmedium; color: #27316a; font-size: 11px; padding: 7px 0 0px 32px;}
.accordionContent {width: 293px; background-color: #ffffff; margin-top: -5px; margin-left: 25px;}


.tab_content {padding: 10px 10px; position: relative;}
.tab_content > h2 {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px;}
.tab_content > h2 sup {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; position: relative; top: -6px;}
.tab_content > h2 a {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; text-decoration: none;}
.tab_content > ul {list-style-type: disc; margin: 0 0 0 30px;}
.tab_content > ul > li {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}
.tab_content > p {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}
.tab_content > p a {text-decoration: none;}
.tab_content > p b {font-family: ralewayliningfigbold; font-size: 12px; color: #656565; margin-bottom: 15px; font-weight: normal;}
.tab_content > p img {margin-right: 10px;}
.tab_content > p sup {font-family: ralewayliningfigregular; font-size: 8px; color: #656565; position: relative; top: -6px;}
.tab_content > div.notice {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}.tab_content > div.notice > b {font-family: ralewayliningfigbold;}
.tab_content > div.notice > span {float: left;}
.tab_content > div.notice > span:first-child {float: left;  font-size: 13px; width: 10px; margin-top: 0px;}
.tab_content > div.notice > span.asterisk {float: left; font-size: 20px;  margin-top: 5px;}
.tab_content > div.notice > span.plus {float: left; font-size: 20px; line-height: 9px; }
.tab_content > div.notice > span.hex {float: left; font-size: 12px; line-height: 12px; }
.tab_content > div.notice > span.text {width:230px; margin-left: 5px;}
.tab_content > ol {list-style-type: decimal; margin: 0 0 0 30px;}
.tab_content > ol > li {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol > li > sup {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; position: relative; top: -4px;}
.tab_content > ol > li > ul {list-style-type: disc; margin: 10px 0 0 20px;}
.tab_content > ol > li > ul > li {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol > li > ul > li > sup {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; position: relative; top: -4px;}

.tab_content > ol.no-decimal {list-style-type: none; margin: 0 0 0 0;}
.tab_content > ol.no-decimal > li {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px;}
.tab_content > ol.no-decimal > li > sup {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; position: relative; top: -4px;}
.tab_content > ol.no-decimal > li > ul {list-style-type: disc; margin: 10px 0 0 30px;}
.tab_content > ol.no-decimal > li > ul > li {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 10px; line-height: 15px;}

.tab_content > ul.dashed {list-style-type: none; margin: 0 0 0 30px;}
.tab_content > ul.dashed li:before{ content:"-"; position:relative; left:-5px;}
.tab_content > ul.dashed li{ text-indent:-5px; }
.tab_content > ul.dashed li b { font-family: ralewayliningfigbold; }
.tab_content > ul.dashed li a { text-decoration: none; color: inherit;}
.tab_content > p.small {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 10px;  line-height: 15px;}
.tab_content > p.small > b {font-family: ralewayliningfigbold; font-size: 12px; color: #656565; margin-bottom: 10px; font-weight: normal;}
.tab_content > ol.lower-roman {list-style-type: lower-roman; margin: 0 0 0 20px;}
.tab_content > ol.lower-roman > li {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol.lower-roman > li > ol {list-style-type: decimal; margin: 10px 0 0 20px;}
.tab_content > ol.lower-roman > li > ol > li {font-family: ralewayliningfigextrabold; font-size: 12px; color: #187abf; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol.lower-roman > li > ol > li > p {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin: 15px 0; line-height: 15px;}
.tab_content > ol.lower-roman > li > ol > li > p > b {font-family: ralewayliningfigbold; font-size: 12px; color: #656565; margin: 15px 0;}
.tab_content > ol.lower-roman > li > ol > li > table tr th {font-family: ralewayliningfigbold; font-size: 12px; color: #656565; margin: 15px 0; padding: 10px 0 10px 5px; text-align: left;}
.tab_content > ol.lower-roman > li > ol > li > table tr td {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin: 15px 0; padding: 10px 0 10px 5px; text-align: left;}
.tab_content > ol.lower-roman > li > ol > li > ol.lower-alpha {list-style-type: lower-alpha; margin: 10px 0 0 25px;}
.tab_content > ol.lower-roman > li > ol > li > ol.lower-alpha > li {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol.lower-roman > li > ol > li > ul.initial {list-style-type: disc; margin: 10px 0 0 25px; }
.tab_content > ol.lower-roman > li > ol > li > ul.initial > li {font-family: ralewayliningfigregular; font-size: 12px; color: #656565; margin-bottom: 15px; line-height: 15px;}
.tab_content > ol.lower-roman > li > ol > li > ul.initial > li > b {font-family: ralewayliningfigbold; font-size: 12px; color: #656565; margin: 15px 0;}
.tab_content > img  {width: 250px;}
table { border-collapse: collapse; width: 180px !important;}
table, th, td {}
table th {background-color: #ffeece; color: #0089cf !important; border-bottom: 3px solid #fdb813;}
table td {border-bottom: 1px solid #0089cf;}
table tr.total td {font-family: ralewayliningfigbold !important; color: #0089cf !important; border-bottom: 3px solid #fdb813; border-top: 2px solid #fdb813;}

.overlay-container {display: none; font-family: ralewayliningfigregular; font-size: 11px; line-height: 20px; width: 200px; height: 200px;}
.menu-container {float: left;}
.content-container {float: right; width: 764px;}
.notice > ol.bold-decimal {list-style-type: decimal; margin-left: 15px; font-family: ralewayliningfigextrabold;}
.notice > ol.bold-decimal > li {margin-bottom: 10px;}
.notice > ol.bold-decimal > li > span {font-family: ralewayliningfigregular;}
hr {border: 0; height: 1px; background: #a6a6a6;}
.special-div {font-family: ralewayliningfigextrabold; font-size: 12px; color: #2e3567; margin-bottom: 15px;}
.special-div > span {float: left; background-color: #2e3567; color: #ffffff; font-size: 10px; padding: 3px 6px; border-radius: 20px; position: relative; top: -2px; margin-right: 5px;}
.special-div > div {float: left; font-family: ralewayliningfigextrabold; font-size: 12px; color: #2e3567; margin-bottom: 15px; width: 235px;}
.highlighted-div {font-family: ralewayliningfigregular; font-size: 12px; color: #007cca;}

}