/*
// 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.
*/
head { font-family: arial,helvetica,sans-serif; font-size: 15pt; } body { font-family: arial,helvetica,sans-serif; font-size: 12pt; color: #000000; margin: 0in 0in 0in 0in; } form { margin: 0in 0in 0in 0in } a:active { text-decoration: none; } a:visited { text-decoration: none; } a:link{ text-decoration: none; } .nothing { visibility: hidden; visibility: visible; display: inline-block; } .blankRowSpacer { height: 5px; } .itemImage { max-width: 380px; margin: auto; height: auto; float: middle; text-align: center; } .certImage { max-width: 380px; margin: auto; height: auto; float: middle; text-align: center; } .contentImage { max-width: 30%; height: auto; } .errmsg { font-family: Arial, Helvetica, sans-serif; color: #CC0000; font-size: 12pt; font-weight: bold; text-align: center; margin-top: 1px; margin-bottom: 1px; } .header { font-family: arial,helvetica,sans-serif; font-size: 12pt; text-align: center; vertical-align: middle; display: table-header-group; } .hiddenSectionContainer { position: relative; display: none; overflow: hidden; } .iconImage { width: auto; height: auto; float: middle; } .tinyThumbnail { max-width: 50px; max-height: 50px; display: inline-block; float: center; padding: .50%; border-radius: 8px; } .tinyImage { max-width: 50px; max-height: 50px; display: inline-block; float: left; padding-bottom: 0%; padding-left: 2%; padding-top: 0%; border-radius: 8px; } .thumbnailImage { max-width: 75px; max-height: 75px; vertical-align: middle; display: inline-block; } .imageContainer { vertical-align: middle; max-width: 75px; max-height: 45px; display: inline-block; } .emailChartContainer { align: center; vertical-align: middle; max-width: 399px; display: inline-block; border-radius: 6px; } .emailLogo { vertical-align: middle; padding-top: 8px; padding-bottom: 8px; height: 45px; margin: auto; border-radius: 25px; } .emailTile { position: relative; display: block; min-width: 280px; max-width: 1024px; min-height: 280px; height: auto; margin: auto; float: center; border: 1pt solid black; overflow: auto; background-color: #FAFAEF; padding: 2% 5% 5% 5%; border-radius: 25px; text-align: left; vertical-align: middle; } .infoTile { position: relative; display: block; min-width: 280px; max-width: 600px; min-height: 400px; height: auto; margin: auto; float: left; border: 3pt solid #EFEFDF; overflow: auto; background-color: #C0D0C0; padding: 1%; border-radius: 25px; text-align: center; vertical-align: middle; animation: appear 2s, spin 2s, linear 1; } .label { text-transform: capitalize; } .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; } .mediumImage { vertical-align: middle; max-width: 100px; max-height: 100px; display: inline-block; } .radioButton { width: 16px; height: 16px; } .rightvalue { vertical-align: bottom; text-align: right; margin-top: 1px; margin-bottom: 1px; } .sectionHeading { display: block; margin: auto; font-size: 28pt; font-family: helvetica,arial,sans-serif; font-weight: bold; min-height: 45px; text-align: center; padding: .5%; } .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; } .tabody { font-family: arial,helvetica,sans-serif; font-size: 12pt; vertical-align: middle; } .tileTitle { height: 30px; padding: 1%; text-align: center; vertical-align: middle; font-size: 18pt; font-family: helvetica,arial,sans-serif; font-weight: bold; } .tileIcon { display: block; margin: auto; vertical-align: middle; text-align: center; padding-top: 2%; padding-bottom: 2%; } .tileIconImage { margin: auto; max-width: 200px; max-height: 200px; border-radius: 10px; } .tileText { font-size: 12pt; min-width: 70%; max-width: 70%; font-family: helvetica,arial,sans-serif; font-weight: normal; text-align: left; vertical-align: middle; margin: auto; padding-left: 5%; padding-right: 5%; } .arial6pt { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 6pt; } .arial8pt { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; } .arial8ptred { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #CC0000; } .arial9pt { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; } .arial9ptred { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #CC0000; } .arial10pt { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; } .arial11pt { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; } .arial12pt { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; } .arial12ptbold { font-weight: bold; font-size: 12pt; font-family: Helvetica,arial,sans-serif; } .arial14pt { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; } .arial15ptDivLeft { text-align: left; font-weight: normal; font-size: 15pt; font-family: Helvetica,arial,sans-serif; } .arial15pt { font-weight: normal; font-size: 15pt; font-family: Helvetica,arial,sans-serif; } .arial15ptbold { font-weight: bold; font-size: 15pt; font-family: Helvetica,arial,sans-serif; } .arial16pt { font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 16pt; } .arial18ptbold { font-weight: bold; font-size: 18pt; font-family: Helvetica,arial,sans-serif; } .arial24ptbold { font-weight: bold; font-size: 24pt; font-family: Helvetica,arial,sans-serif; } .arial24ptheading { font-weight: bold; font-size: 24pt; font-family: Helvetica,arial,sans-serif; color: #C24F4C; text-align: center; display: block; padding-top: 1%; padding-bottom: 1%; } .arial18ptsubheading { font-weight: bold; font-size: 18pt; font-family: Helvetica,arial,sans-serif; color: #000000; text-align: center; display: block; padding-top: 1%; padding-bottom: 1%; } .arial16ptheading { font-weight: bold; font-size: 20pt; font-family: Helvetica,arial,sans-serif; color: #C24F4C; text-align: left; display: block; padding-top: 4%; padding-bottom: 1%; font-variant-caps: small-caps; } .arial14ptbold { font-weight: bold; font-size: 14pt; font-family: Helvetica,arial,sans-serif; } .copyright { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; } .pay { width: 97%; table-layout: fixed; margin: auto; margin-top: 10px; margin-bottom: 20px; } .payRow { display: none; width: inherit; font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; } .payHead { padding-top: 1px; padding-bottom: 1px; background-color: #DBDBDB; text-align: center; font-weight: bold; font-size: 15pt; border: 2pt solid white; width: 40%; text-transform: capitalize; } .payCell { word-wrap: break-word; background-color: #EFEFDF; font-size: 15pt; border-collapse: separate; border: 2pt solid white; width: 60%; text-align: center; } .result { width: auto; table-layout: fixed; margin: auto; margin-top: 10px; margin-bottom: 20px; } .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: 12pt; border: 2pt solid white; min-width: 50px; max-width: 300px; text-transform: capitalize; } .hiddenCell { word-wrap: break-word; background-color: #EFEFDF; font-size: 12pt; border-collapse: separate; border: 2pt solid white; min-width: 50px; max-width: 300px; text-align: center; } .resultCell { word-wrap: break-word; background-color: #EFEFDF; font-size: 12pt; border-collapse: separate; border: 2pt solid white; min-width: 50px; max-width: 300px; text-align: center; } .resultFoot { background-color: #C0D0C0; text-align: right; font-weight: bold; border: 2pt solid black; text-transform: capitalize; font-size: 12pt; } .ctltextfield { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; border-radius: 5px; } .restextfield { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; width: 95%; } .qrytextfield { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; width: 100px; } .textCenterField { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; width: 85%; text-align: center; vertical-align: middle; } .textLeftField { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; width: 85%; text-align: left; vertical-align: middle; } .textRightField { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; width: 85%; text-align: right; vertical-align: middle; } .selectList { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000; width: 95%; min-height: 30px; float: left; } .genericButton { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-left: 4px; margin-right: 4px; border-radius: 25px; min-height: 25px; color: black; } .genericButton:hover { color: blue; cursor: pointer; } .ctlButton { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-left: 4px; margin-right: 4px; border-radius: 25px; min-height: 25px; color: black; } .ctlButton:hover { color: blue; } .leftmenuopt { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #ABAB66; font-weight: bold; } .subcell { empty-cells: show; vertical-align: top; background-color: #EAEAD1; } #subtab { table-layout: auto; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; } .subSurfaceTextField { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; display: none; } .lessonCell { border: 1pt solid black; font-size: 14pt; font-family: Helvetica,arial,sans-serif; padding: 1%; } .lessonParagraph { display: block; font-weight: normal; font-size: 14pt; font-family: Helvetica,arial,sans-serif; color: #000000; line-height: 18pt; text-align: justify; } #tradeintab { table-layout: auto; border-collapse: collapse; background-color: #FFFFFF; } .tradeinrow { height: 35px; } .tradeinlabl { font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 15pt; color: #000000; text-align: left; padding-left: 20px; padding-top: 20px; } .tradeinlabl10pt { font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 12pt; color: #000000; text-align: left; padding-left: 20px; padding-top: 15px; } .tradeincontact{ font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 12pt; color: #000000; text-align: left; padding-left: 20px; padding-top: 15px; } #carttab { table-layout: fixed; border-collapse: collapse; border: none; background-color: #FFFFFF; } .carthdrcell { font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 8pt; color: #000000; background-color: #BDBFBE; border: 1pt solid #000000; text-align: center; height: 35px; } .cartftrcell { font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 14pt; color: #000000; background-color: #FFFB00; border: 1pt solid #000000; text-align: center; } .cartcell { font-family: arial,helvetica,sans-serif; font-weight: normal; font-size: 10pt; color: #000000; border: 1pt solid #000000; text-align: center; } .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;} } .spinner { float: right; border-radius: 50%; width: 12px; height: 12px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }