/*
// Copyright ByTheJob Inc. All Rights Reserved
// Unauthorized use or duplication of this content or program code is a
// violation of applicable laws and subject to prosecution thereunder.
*/
a:active { text-decoration: none; } a:visited { text-decoration: none; } a:link{ text-decoration: none; } .nothing { visibility: hidden; visibility: visible; display: inline-block; } .help { position: relative; display: inline-block; border: 1px solid #0000CC; color: #0000CC; border-radius: 50%; font-size: 15pt; font-weight: bold; padding: 0.75%; vertical-align: middle; background-color: #DBDBDB; } .helpText{ width: 240px; display: none; position: absolute; background-color: #555; color: #FFFFFF; z-index: 99; text-align: left; font-size: 10pt; padding: 5px 0; border-radius: 6px; position: absolute; top: 125%; left: 20%; margin-left: -60px; } .help:hover .helpText { display: block; } .tileTitle { height: 50px; padding: 1%; text-align: center; vertical-align: middle; font-size: 25pt; font-family: helvetica,arial,sans-serif; font-weight: bold; } .radioButton { width: 16px; height: 16px; } .label { text-transform: capitalize; } .radioLabel { text-align: left; cursor: pointer; } .fundSpacer { position: relative; display: block; width: 100%; height: 420px; } .hiddenSectionContainer { position: relative; display: none; overflow: hidden; } .mobileFormContainer { position: relative; display: block; overflow: hidden; min-width: 200px; min-height: 400px; max-height: 500px; max-width: 500px; margin: auto; float: left; text-align: center; vertical-align: middle; } .sectionContainer { position: relative; display: block; overflow: hidden; min-width: 200px; min-height: 200px; } .sectionHeading { display: block; font-size: 28pt; font-family: helvetica,arial,sans-serif; font-weight: bold; } .tileText { font-size: 14pt; min-width: 200px; max-width: 200px; font-family: helvetica,arial,sans-serif; font-weight: normal; text-align: left; vertical-align: middle; margin: auto; padding-left: 40px; padding-right: 40px; } .topRibbon { width: 100%; overflow: hidden; height: 35px; background-color: #AABBAA; padding-top: 0px; vertical-align: middle; } .topRibbon a { font-weight: bold; color: black; text-align: center; text-decoration: none; } .navRibbon { overflow: hidden; width: 98.599%; height: auto; background-color: #CFCFAF; padding: 0px; vertical-align: middle; border: 8pt solid #EFEFDF; border-radius: 25px; } .navRibbon a { float: right; font-size: 20pt; font-weight: bold; color: black; text-align: center; padding: 16px 30px; text-decoration: none; } .topRibbon a:hover, .navRibbon a:hover { background-color: #DADAC8; } .ribbon { overflow: hidden; width: 98.5999%; height: auto; border: 8pt solid #EFEFDF; background-color: #CFCFAF; padding: 0px; vertical-align: middle; border-radius: 25px; } .floatingQueryStatusDock { position: relative; display: block; float: none; overflow: hidden; width: 98.5999%; border: 8pt solid #EFEFDF; background-color: #CFBF8F; vertical-align: middle; text-align: center; border-radius: 25px; } .contentSectionHeader { position: relative; display: block; float: none; overflow: hidden; width: 98.5999%; border: 8pt solid #EFEFDF; background-color: #55BB55; padding-top: 0.52%; padding-bottom: 0.52%; line-height: 45px; vertical-align: middle; text-align: center; border-radius: 25px; } .fundSectionHeader { position: relative; display: block; float: none; overflow: hidden; width: 98.5999%; border: 8pt solid #EFEFDF; background-color: #CFBF8F; padding-top: 0.52%; padding-bottom: 0.52%; line-height: 45px; vertical-align: middle; text-align: center; border-radius: 25px; } .blankRowSpacer { height: 5px; } .iconImage { width: 280px; height: 200px; width: auto; height: auto; float: middle; } .contentImage { max-width: 30%; height: auto; } .contentImageCell { padding: 0.52%; text-align: center; vertical-align: middle; font-size: 15pt; } .shareTableConfig { width: 400px; table-layout: fixed; padding: 0.52%; } .tileHeading { border: none; height: 50px; padding: 1%; text-align: center; vertical-align: middle; background-color: #EFEFDF; border-radius: 25px; } .contentHeadingCell { padding: 0px; min-height: 50px; text-align: right; vertical-align: middle; border: 2pt solid white; font-size: 15pt; font-weight: bold; border-radius: 5px; background-color: #BFBFBF; } .contentAlphaCell { padding: 0.52%; vertical-align: middle; border: 2pt solid white; font-size: 15pt; font-weight: bold; border-radius: 5px; background-color: #DBDBDB; } .contentNumericCell { padding: 0.52%; text-align: right; vertical-align: middle; border: 2pt solid white; font-size: 15pt; font-weight: bold; border-radius: 5px; background-color: #DBDBDB; } .fundTile { position: relative; display: block; max-width: 400px; min-height: 470px; margin: auto; float: left; border: 8pt solid #EFEFDF; overflow: hidden; background-image: url("../icons/BankTileBackground.png"); padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; } .fundTileDetail { position: relative; display: block; float: left; max-width: 400px; min-height: 220px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .fundTileFunction { position: relative; display: none; float: left; max-width: 400px; min-height: 220px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .fundTileStatus { position: relative; display: none; float: left; max-width: 400px; min-height: 220px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .largeTextArea { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; min-width: 95%; max-width: 95%; min-height: 350px; } .miniTextArea { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; min-width: 95%; max-width: 95%; min-height: 50px; } .smallTextArea { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; min-width: 95%; max-width: 95%; min-height: 75px; } .statusTextArea { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; max-width: 95%; min-height: 150px; max-height: 50%; border-radius: 5px; text-align: center; vertical-align: middle; } .productImage { min-width: 150px; max-width: 200px; max-height: 50px; padding: 5%; margin: auto; text-align: center; } .productTile { position: relative; display: block; max-width: 400px; min-height: 280px; margin: auto; float: left; border: 8pt solid #EFEFDF; overflow: hidden; padding: 1%; border-radius: 25px; vertical-align: middle; background-color: #AABBAA; font-size: 15pt; } .shareTile { position: relative; display: block; max-width: 400px; min-height: 280px; margin: auto; float: left; border: 8pt solid #EFEFDF; overflow: hidden; background-image: url("../icons/UnitTileBackground.png"); padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; } .shareTileDetail { position: relative; display: block; float: left; max-width: 400px; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .shareTileFunction { position: relative; display: none; float: left; max-width: 400px; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .shareTileStatus { position: relative; display: none; float: left; max-width: 400px; min-height: 200px; overflow: hidden; padding: 0.52%; text-align: center; vertical-align: middle; border: none; } .contentTile { position: relative; display: block; float: left; min-width: 280px; max-width: 400px; min-height: 280px; max-height: auto; border: 8pt solid #EFEFDF; overflow: hidden; background-color: #DADAC8; padding: 0.52%; border-radius: 25px; text-align: center; vertical-align: middle; } .contentTile:hover{ background-color: #CFCFAF; } .tile { position: relative; display: block; float: left; min-width: 320px; height: 270px; border: 8pt solid #EFEFDF; overflow: auto; background-color: #DADAC8; padding-top: 30px; border-radius: 25px; } .tile:hover { background-color: #CFCFAF; } .reportTile { position: relative; display: block; min-width: 280px; max-width: 400px; min-height: 280px; height: auto; margin: auto; float: left; border: 8pt solid #EFEFDF; overflow: auto; background-color: #DADAC8; padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; } .infoTile { position: relative; display: block; min-width: 280px; max-width: 570px; min-height: 280px; height: auto; margin: auto; float: left; border: 8pt solid #EFEFDF; overflow: auto; background-color: #DADAC8; padding: 2%; border-radius: 25px; text-align: center; vertical-align: middle; } .demoTile { position: relative; display: block; float: left; margin-top: 0.25in; margin-left: 0.50in; min-width: 720px; max-width: 720px; min-height: 440px; max-height: 440px; overflow: hidden; background-color: #C0D0C0; padding-top: 1%; border-radius: 25px; animation: appear 2s, flip 2s, linear 1; } .demoTileImage { margin: auto; max-width: 700px; max-height: 325px; border-radius: 10px; } .demoIcon { display: block; margin: auto; vertical-align: middle; text-align: center; padding-top: 2%; padding-bottom: 2%; } .tableContainer { display: block; padding: 1%; min-width: 570px; width: auto; overflow: auto; } .ribbon a { float: left; font-size: 20pt; font-weight: bold; color: black; text-align: center; padding: 16px 30px; text-decoration: none; } .footer { position: relative; display: block; float: none; overflow: hidden; width: 98.5999%; border: 8pt solid #EFEFDF; background-color: #CFCFAF; padding-top: 0.52%; line-height: 45px; vertical-align: middle; text-align: center; border-radius: 25px; } .submenu { float: right; overflow: hidden; } .submenu .subbtn { font-size: 20pt; font-weight: bold; border: none; outline: none; color: black; padding: 16px 30px; background-color: inherit; font-family: inherit; margin: 0; } .ribbon a:hover, .submenu:hover .subbtn { background-color: #DADAC8; } .submenu-content { display: none; position: absolute; background-color: #DADAC8; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .submenu-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .submenu-content a:hover { background-color: #CFCFAF; } .submenu:hover .submenu-content { display: block; } .logo { float: left; vertical-align: middle; padding-bottom: 8px; padding-top: 8px; height: 45px; width: auto; margin-left: 20px; } .arial12ptbold { font-weight: bold; font-size: 12pt; font-family: Helvetica,arial,sans-serif; } .verticalHalfSplit { width: 98%; margin: auto; table-layout: fixed; } .verticalHalfSplitControl { width: 31%; text-align: left; border: 2pt solid black; font-size: 15pt; font-weight: bold; border-radius: 25px; height: 35px; background-color: #EFEFEF; vertical-align: middle; cursor: pointer; color: #0000CC; } .verticalHalfSplitCell { width: auto; height: auto; padding: 0.52%; text-align: left; border: 2pt solid white; font-size: 15pt; font-weight: bold; background-color: #EFEFEF; vertical-align: middle; } .verticalHalfSplitColSpan { padding: 1%; background-color: #BBBBBB; text-align: center; font-weight: bold; font-size: 15pt; border: 2pt solid white; min-width: 50px; max-width: 300px; text-transform: capitalize; border-radius: 5px; } .verticalHalfSplitHead { width: 50%; padding: 0.52%; text-align: right; vertical-align: middle; border: 2pt solid white; font-size: 15pt; font-weight: bold; background-color: #DBDBDB; } .header { font-family: arial,helvetica,sans-serif; font-size: 12pt; text-align: center; vertical-align: middle; display: table-header-group; } .tabody { font-family: arial,helvetica,sans-serif; font-size: 12pt; vertical-align: middle; } .rightvalue { vertical-align: bottom; text-align: right; margin-top: 1px; margin-bottom: 1px; } .resDefunct { border-radius: 5px; border: 1pt solid black; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000; float: center; } .result { width: auto; table-layout: fixed; } .resultRow { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; } .resultHead { padding-top: 1px; padding-bottom: 1px; background-color: #DBDBDB; text-align: center; font-weight: bold; font-size: 15pt; border: 2pt solid white; min-width: 50px; max-width: 300px; text-transform: capitalize; border-radius: 5px; } .resultLeftCell { word-wrap: break-word; background-color: #EFEFDF; font-size: 15pt; border-collapse: separate; border: 2pt solid white; min-width: 50px; max-width: 570px; text-align: left; border-radius: 5px; padding-left: 30px; padding-right: 25px; } .resultCell { word-wrap: break-word; background-color: #EFEFDF; font-size: 15pt; border-collapse: separate; border: 2pt solid white; min-width: 50px; max-width: 570px; text-align: center; border-radius: 5px; } .resultFoot { background-color: #DADAC8; text-align: right; font-weight: bold; border: 2pt solid black; text-transform: capitalize; font-size: 15pt; } .ctltextfield { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; border-radius: 5px; } .restextfield { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; border-radius: 5px; } .qrytextfield { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; width: 100px; border-radius: 5px; } .textCenterField { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; width: 85%; border-radius: 5px; text-align: center; vertical-align: middle; } .textLeftField { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; width: 85%; border-radius: 5px; text-align: left; vertical-align: middle; } .textRightField { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; width: 85%; border-radius: 5px; text-align: right; vertical-align: middle; } .selectList { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; color: #000000; font-weight: bold; width: 95%; border-radius: 5px; min-height: 30px; float: left; } .ctlButton { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-left: 4px; margin-right: 4px; width: 95%; border-radius: 25px; min-height: 25px; color: black; } .ctlButton:hover { color: blue; } .errmsg { font-family: Arial, Helvetica, sans-serif; color: #CC0000; font-size: 12pt; font-weight: bold; text-align: center; margin-top: 1px; margin-bottom: 1px; } .anchor { position: fixed; top: 0; z-index: 99; width: inherit; } .anchor + .floatingQueryStatusDock { padding-top: 10px; width: inherit; } p { text-align: left; margin: auto; padding-top: 1%; padding-bottom: 2.5%; padding-left: 3%; padding-right: 3%; } ul { margin-top: auto; margin-bottom: auto; margin-left: 5%; margin-right: 5%; padding-left: 5%; padding-right: 5%; text-align: left; } .imageColumn { max-width: 300px; padding: 0%; margin: 2%; background-color: #EFEFDF; } .contentSection { position: relative; display: block; float: none; overflow: hidden; width: 97.5%; background-color: #FAFADA; border: 6pt solid #FAFADA; border-radius: 25pt; margin-left: auto; margin-right: auto; margin-top: 0%; } .arial15ptbold { font-weight: bold; font-size: 15pt; font-family: Helvetica,arial,sans-serif; } @keyframes spin { 0% {transform: rotateY(0deg); } 100% {transform: rotateY(360deg); } } @keyframes appear { 0% {left: 100%;} 100% {left: 0px;} } @keyframes roll { 0% {transform: rotate(0deg); } 100% {transform: rotate(360deg); } } @keyframes curl { 0% {transform: rotateX(0deg); } 100% {transform: rotateX(360deg); } } .about1 { display: block; position: relative; float: left; min-width: 400px; max-width: 400px; min-height: 240px; border-radius: 25px; margin-top: 20px; margin-left: 15px; margin-bottom: 10px; padding: 4%; background-image: linear-gradient(to bottom right, #FAFABB, #AABBAA, #CFCFAF); opacity: 75%; text-align: left; font-size: 15pt; font-weight: normal; box-shadow: 10px 10px 5px gray; animation: appear 2s, curl 3s, linear 1; } .home1 { display: block; position: relative; float: left; min-width: 400px; max-width: 400px; min-height: 240px; border-radius: 25px; margin-top: 20px; margin-left: 15px; margin-bottom: 10px; padding: 4%; background-image: linear-gradient(to bottom right, #89B4DF, #AAEEAA, #CFCFAF, #EFEF99); opacity: 90%; text-align: left; font-size: 15pt; font-weight: normal; box-shadow: 10px 10px 5px gray; animation: appear 2s, curl 3s, linear 1; } .home2 { display: block; position: relative; float: left; min-width: 400px; max-width: 400px; min-height: 240px; border-radius: 25px; margin-top: 20px; margin-left: 15px; margin-bottom: 10px; padding: 4%; background-image: linear-gradient(to bottom right, #EFEF99, #CFCFAF, #AAEEAA, #89B4DF); opacity: 90%; text-align: left; font-size: 15pt; font-weight: normal; box-shadow: 10px 10px 5px gray; animation: appear 2s, curl 3s, linear 1; } .aboutTitle { text-align: center; font-weight: bold; font-size: 20pt; font-style: italic; padding-top: 1%; opacity: revert; } .aboutBody { padding-top: 5%; line-height: 22pt; opacity: revert; } .aboutParagraph { text-align: justify; opacity: revert; } .aboutImage { margin: auto; margin-top: 5%; max-width: 350px; max-height: 150px; text-align: center; border-radius: 5%; } .page1 { display: block; position: relative; float: left; min-width: 3.15in; max-width: 3.15in; min-height: 7.25in; max-height: 7.25in; border-radius: 25px; padding: 1%; margin-top: .25in; margin-left: .10in; margin-right: .18in; margin-bottom: .25in; background-image: url('../icons/BrochurePage1Background.png'); text-align: center; font-weight: bold; animation: appear 2s, spin 3s, linear 1; } .page2 { display: block; position: relative; float: left; min-width: 3.15in; max-width: 3.15in; min-height: 7.25in; max-height: 7.25in; border-radius: 25px; margin-top: .25in; margin-left: .10in; margin-right: .18in; margin-bottom: .25in; padding: 1%; background-image: url('../icons/BrochurePage2Background.png'); text-align: center; font-weight: bold; animation: appear 3s, roll 3s, linear 1; } .page3 { display: block; position: relative; float: left; min-width: 3.15in; max-width: 3.15in; min-height: 7.25in; max-height: 7.25in; border-radius: 25px; margin-top: .25in; margin-left: .10in; margin-bottom: .25in; margin-right: .18in; padding: 1%; background-image: url('../icons/BrochurePage3Background.png'); text-align: center; font-weight: bold; animation: appear 4s, curl 3s, linear 1; } .page4 { display: block; position: relative; float: left; min-width: 3.15in; max-width: 3.15in; min-height: 7.25in; max-height: 7.25in; border-radius: 25px; padding: 1%; margin-top: .25in; margin-left: .10in; margin-right: .18in; margin-bottom: .25in; background-image: url('../icons/BrochurePage4Background.png'); text-align: center; font-weight: bold; animation: appear 2s, spin 3s, linear 1; } .page5 { display: block; position: relative; float: left; min-width: 3.15in; max-width: 3.15in; min-height: 7.25in; max-height: 7.25in; border-radius: 25px; margin-top: .25in; margin-left: .10in; margin-right: .18in; margin-bottom: .25in; padding: 1%; background-image: url('../icons/BrochurePage5Background.png'); text-align: center; font-weight: bold; animation: appear 3s, roll 3s, linear 1; } .page6 { display: block; position: relative; float: left; min-width: 3.15in; max-width: 3.15in; min-height: 7.25in; max-height: 7.25in; border-radius: 25px; margin-top: .25in; margin-left: .10in; margin-right: .18in; margin-bottom: .25in; padding: 1%; background-image: url('../icons/BrochurePage6Background.png'); text-align: center; font-weight: bold; animation: appear 4s, curl 3s, linear 1; } .infoList { font-weight: normal; text-align: left; margin-top: revert; margin-bottom: revert; } .aniIcon { max-width: 230px; max-height: 90px; border-radius: 15%; display: inline-block; } .printer { display: block; position: relative; float: left; min-width: 0.75in; min-height: 0.75in; border-radius: 25px; margin-top: .25in; margin-left: .10in; padding: 1%; background-color: #FEFEFE; text-align: center; } .next { display: block; position: relative; float: left; min-width: 0.75in; min-height: 0.75in; border-radius: 25px; margin-top: .25in; margin-left: .10in; margin-right: .18in; padding: 1%; background-color: #FEFEFE; text-align: center; } .return { display: block; position: relative; float: left; min-width: 0.75in; min-height: 0.75in; border-radius: 25px; margin-top: .25in; margin-left: .10in; margin-right: .18in; padding: 1%; background-color: #FEFEFE; text-align: center; } .samples { max-width: 300px; max-height: 140px; border-radius: 5%; display: inline-block; } .atnerr { display: block; font-family: arial,helvetica,sans-serif; font-size: 12pt; font-weight: bold; text-align: center; margin-top: 1px; margin-left: 1px; } .atnmark { color: #CC0000; background-color: transparent; animation: hicolor 1s reverse 3; } @keyframes hicolor { from {background-color: transparent; color: #CC0000;} to {background-color: #CC0000; color: white;} } .chevron { display: block; position: relative; float: left; min-width: 0.75in; min-height: 0.75in; border-radius: 25px; margin-top: .25in; margin-left: .10in; padding: 1%; background-color: #BAEFBA; text-align: center; animation: appear 5s, roll 3s, linear 1; } .chevron:hover { cursor: pointer; } .next { vertical-align: middle; font-size: 80pt; } .next:after { content: ' \21A6'; } .return { vertical-align: middle; font-size: 80pt; } .return:before { content: ' \21AB'; } .printer { vertical-align: middle; font-size: 80pt; } .printer:after { content: ' \223F'; } @media screen and (max-width: 870px) { .imageColumn {display: none; margin: none;} }