body { background-color:#FFF; margin-left: 0em; margin-right: 0em; margin-top: 0em; margin-bottom: 0em; font-size:16px;} @media (min-width: 1170px) { body {font-size:16px;} #container {margin:0px auto 0px auto; padding:0.5em 1.875em 1.875em ;} #footer603 {margin:0px 0px 0px -1.875em; } } @media (min-width: 1086px) and (max-width: 1169px) { body {font-size:16px;} #container {margin:0px; padding:0.5em 1.875em 1.875em;} #footer603 {margin:0px 0px 0px -1.875em;} } @media (min-width: 963px) and (max-width: 1085px) { body {font-size:14px;} #container {margin:0px; padding:0.5em 1.875em 1.875em;} #footer603 {margin:0px 0px 0px -1.875em;} } @media (min-width: 894px) and (max-width: 962px) { body {font-size:13px;} #container {margin:0px; padding:0.5em 1.875em 1.875em;} #footer603 {margin:0px 0px 0px -1.875em;} } @media (min-width: 828px) and (max-width: 893px) { body {fon0p░~P                                                                                        0б'0СI╕ў~М@Pр─M                                m 1.875e1'@2I╕ў~М░Pр─Mh: 623px) and (max-width: 749px) { body {font-size:11px;} #container {margin:0px; padding:0.5em 0.938em 0.938em;} #footer603 {margin:0px 0px 0px -0.938em;} } @media (min-width: 481px) and (max-width: 622px) { body {font-size:10px;} #container {margin:0px; padding:0 1.063em 0 1.063em;} #footer603 {margin:0px 0px 0px -1.063em;} } @media (max-width: 480px) { body { font-size:9px;} #container {margin:0px; padding:0 1.063em 0 1.063em;} #footer603 {margin:0px 0px 0px -1.063em;} } a.skipnav {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} .p600 {display:block; width:100%; font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 1em; font-weight: 200; text-align:center; color:#2b2b2b; line-height:30px; padding:3px 0px 5px 0px; background-color:#CFFFFD; background-image:linear-gradient(to bottom, #CFFFFD, #9EFFFC ); background-rep0pPГP                                                                                        0#0СI╕ў~МрГPр─M                                a(0, 0, С"@2I╕ў~МPДPр─M scroll 0 0; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.28); color:#fff; background-image: -webkit-linear-gradient(top, rgb(74, 72, 68) 0%, rgb(45, 44, 41) 100%); background-image: linear-gradient(top,#4a4844 0%,#2d2c29 100%); background-image: -ms-linear-gradient(top,#4a4844 0%,#2d2c29 100%); background-image: -webkit-gradient(top, rgb(74, 72, 68) 0%, rgb(45, 44, 41) 100%); background-image: -o-linear-gradient(top, rgb(74, 72, 68) 0%, rgb(45, 44, 41) 100%);} .p600 a:focus, .p600 a:active, .p600 a:hover {background:rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #67645f 0%, #4f4d47 100%) repeat scroll 0 0; border-color:#414141; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.28); color:#fff; background-image: -webkit-linear-gradient(top, rgb(74, 72, 68) 0%, rgb(45, 44, 41) 100%); background-image: linear-gradient(top,#4a4844 0%,#2d2c29 100%); background-image: -ms-linear-gra0pЁЗP                                                                                        0a0СI╕ў~МАИPр─M                                :link, .ё@2I╕ў~МЁИPр─Mius:4px; cursor:pointer; font-size:0.854em; margin:0 0 0 7px; padding:2px 8px 1px; text-decoration:none;} #container { background-color:#fff; max-width:1170px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .centerme {width:100%; max-width: 1280px; margin:0px auto 0px auto;} .headerLinkM { font-family:'Work Sans',Arial,Helvetica,sans-serif; font-size:0.8rem; color: #fff; text-decoration:none; letter-spacing:0.031em;} a.headerLinkM:link { color:#fff; font-weight:normal; text-decoration:none; padding:0px 7px 0px 7px;} a.headerLinkM:visited { color:#fff; font-weight:normal; text-decoration:none; padding:0px 7px 0px 7px;} a.headerLinkM:focus { color:#fff; font-weight:normal; text-decoration:none; padding:0px 7px 0px 7px;} a.headerLinkM:active { color:#fff; font-weight:normal; text-decoration:none; padding:0px 7px 0px 7px;} a.headerLinkM:hover { color:#fff; font-weigh0pРМP                                                                                        0┴0СI╕ў~М НPр─M                                m; letteQ@2I╕ў~МРНPр─M.font-cart:visited {font-family: 'Work Sans',Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; font-size:0.8rem;} a.font-cart:focus, a.font-cart:active, a.font-cart:hover {font-family: 'Work Sans',Arial,Helvetica,sans-serif; color:#000; text-decoration:underline;} .cartimg {display:inline-block; background: url(/styleimages/themes/9/shoppingcartfull.png) no-repeat; width:35px; height:25px; overflow: hidden; margin-bottom: -5px;} .font-cart-count { position:relative; top:-4px; right:4px; font-weight: bold; color:#000; } a.loginlink:link, a.loginlink:visited { font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:0.8rem; font-style: normal; color: #fff; text-decoration:none; font-weight:normal;} a.loginlink:hover { text-decoration:underline; color:#000;} a.loginlink:active { text-decoration:underline; color:#000;} #searchbox {margin:20px 0px 7px 0p0СP                                                                                        0!0СI╕ў~М└СPр─M                                9adc;} #▒@2I╕ў~М0ТPр─Mmiddle; color:#000;} #searchbox .image {vertical-align:middle; width:77px; height:20px;} .subnav {text-align:left; line-height:15px; color:#34554C; padding-top:3px;} a.topMenuLinkM, .topMenuLinkM { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#fff; font-weight: normal; padding:0px 12px 0px 12px;} a.topMenuLinkM:link { color: #fff; font-weight: normal; text-decoration:none;} a.topMenuLinkM:visited { color: #fff; font-weight: normal; text-decoration:none;} a.topMenuLinkM:focus { color: #fff; font-weight: normal; text-decoration:none;} a.topMenuLinkM:active { color: #fff; font-weight: normal; text-decoration:none;} a.topMenuLinkM:hover { color: #fff; font-weight: normal; text-decoration:underline;} .subheader{ background-color:#003B00; background-image:url(/styleimages/topmenubg2.png); background-position:top left; background-repeat:repe0p╨ХP                                                                                        0Б0СI╕ў~М`ЦPр─M                                :0px; ve`▓MТPp201 { width:12.50em; margin:0px; vertical-align:top; padding:1.563em 0;} .bodytbl{ padding:5px;} td {font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.02em; font-style: normal; font-weight: 300; color:#333; line-height: 1.8;} div {font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.02em; font-style: normal; font-weight: 300; color:#333; line-height: 1.8;} div.single {width:70%; margin:0px auto 0px auto;} h6 {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 1.12em; font-weight: 200; color:#003B00; line-height:1.1em; text-transform: uppercase; margin:0;} h5 {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 1.14em; font-weight: 200; color:#003B00; line-height:1.3em; text-transform: uppercase; margin:0;} h4 {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 1.18em; font-weight: 200; color:#003B00; line-height:1.5em; text-tr0ppЪP                                                                                        ze: 1.7eс 0СI╕ў~МЫPр─Mx; margin:0;} h2, .meddarkheader {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 2em; font-style: normal; font-weight:bold ; color:#111; letter-spacing: 3px; margin:0;} h1, .largedarkheader {font-family: 'Kaushan Script', cursive; font-size: 2.6em; font-style: normal; color:#003B00; letter-spacing: 3px; margin:0;} h3 {line-height: 1.4em;} h2 {line-height: 1.7em;} h1 {line-height: 2.0em;} .subheader1 {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 1.3em; font-style: normal; font-weight: 100; color:#111; text-transform: uppercase; } .subheader2 {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 1.1em; font-style: normal; font-weight: 100; color:#111; text-transform: uppercase; } .subheader3 {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 1.02em; font-style: normal; font-weight: 100; color:#111; text-transform: uppercase; } .subheader4 {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 0.0pЯP                                                                                        ublic SaAаюMрЪPe: 0.7em; font-style: normal; font-weight: 100; color:#111; text-transform: uppercase; } .mainclr {color:#003B00!important;} hr {clear:both; height: auto; border-style:solid none none; border-width:1px medium medium; color:#ccc; margin: 1.25em 0 1.25em 0; position: relative; transition: outline 0.1s ease-in-out 0s;} blockquote:before {color: #DDDDDD; content: open-quote; font-family: serif; font-size:6em; left: -4.688em; position: absolute; top:1.875em; } blockquote:before, blockquote:after {content: none;} blockquote {quotes: none; color: #444444; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-style: italic; margin: 0 1.875em 0 3.750em; position: relative; } .thisimage { width:90%; margin : .5em auto; display: block;} .thisimage250 { width: 250px; margin : 0 auto; display: block;} .thisimage380 { width: 380px; margin : .5em auto; display: block;} .thisimage540 { width: 540px; margin : .5em auto; display: block;} .quotable {font-family:Times, "Times New Roman", "serif"; font-size:1.1em; font-style: italic; font-weight: bold; color:#109310;} .quotebox {border: 1px solid #109310; width:75%; margin:0 auto 0 auto; padding:1em; text-align: center;} .solid {border: 2px solid #109310; } .border {border: 2px solid #109310; } .dotted {border: thick dashed #109310;} .shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .font-vsm {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size:0.90em; font-style: normal;} .font-sm {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size:0.99em; font-style: normal; color:#111;} .font-sm-il {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size:0.99em; font-style: italic; } .font-med {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size:1.02em; font-style: normal; color:#111;} .font-med-bold {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size: 1.02em; font-weight: bold; color:#111;} .font-med-larger {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size:1.1em; font-style: normal; font-weight: 400; color:#111;} .font-med-larger-bold {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size: 1.1em; font-style: normal; font-weight: 600; color:#111;} .font-large {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size:1.25em; font-style: normal; color:#111} .font-large-bold {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size: 1.25em; font-weight: bold; color:#111} .font-super {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size:24px; font-style: normal;} .font-header {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; font-style: normal; color: #662900; } .welcome {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size:45px; font-style:normal; } .contentarea {background-color:#FFFFFF; padding:15px 0px 25px 0px;} a.leftMenuLinkM, .leftMenuLinkM { font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size: 1.18em; color: #003D3D; font-weight: normal; line-height:1.5em;} a.leftMenuLinkM:link { color: #003D3D; font-weight: normal; text-decoration:none;} a.leftMenuLinkM:visited { color: #002020; font-weight: normal; text-decoration:none;} a.leftMenuLinkM:focus { color: #003B00; font-weight: normal; text-decoration:none;} a.leftMenuLinkM:active { color: #003B00; font-weight: normal; text-decoration:none;} a.leftMenuLinkM:hover { color: #003B00; font-weight: normal; text-decoration:underline;} a.leftMenuLinkM2, .leftMenuLinkM2 { font-family: 'Work Sans',Arial, Helvetica, sans-serif; font-size: 0.99em; color: #003D3D; line-height:1.7em; font-weight: bold; } a.leftMenuLinkM2:link { color: #003D3D; font-weight: bold; text-decoration:none;} a.leftMenuLinkM2:visited { color: #002020; font-weight: bold; text-decoration:none;} a.leftMenuLinkM2:focus { color: #003B00; font-weight: bold; text-decoration:none;} a.leftMenuLinkM2:active { color: #003B00; font-weight: bold; text-decoration:none;} a.leftMenuLinkM2:hover { color: #003B00; font-weight: bold; text-decoration:underline;} .img-right { float : right ; margin : 0 0 0 5px ; padding : 0 ; text-align : center ; } .img-right td {text-align:center; color:#999999; font-size:11px;} .img-left { float : left ; margin : 0 5px 0 0 ; padding : 0 ; text-align : center ; } .img-left td {text-align:center; color:#999999; font-size:11px;} .img-center { margin : 0 auto ; text-align : center ; } a, a:link {text-decoration:underline; color: #003D3D;} a:visited {text-decoration:underline; color: #003D6B;} a:focus, a:active, a:hover {text-decoration:underline; color: #003B00;} a.action, a.action:link, a.action:visited { border:3px solid #003B00; padding:10px; font-size: 1.2em; color:#003B00; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; text-decoration: none; font-family: 'Work Sans',Arial,Helvetica,sans-serif; } a.action:hover, a.action:active, a.action:focus {opacity:0.7; border:3px solid #003D6B; background-color:#BFFFFD; color: #006B68; } a.loginlink:link, a.loginlink:visited { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #fff; font-weight: bold; text-decoration:none;} a.loginlink:hover { text-decoration:underline; } a.loginlink:active { text-decoration:underline; } a.forgotpasswd:link, a.forgotpasswd:visited { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; color: #000000; font-weight: bold; text-decoration:none;} a.forgotpasswd:hover { text-decoration:underline; } a.forgotpasswd:active { text-decoration:underline; } .todayhours {width:26em;} .designer_links {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style: normal; color: #CC6600;} a.designer_links:link { color: #CC6600; font-weight: normal; text-decoration:none;} a.designer_links:visited { color: #CC6600; font-weight: normal; text-decoration:none;} a.designer_links:focus { color: #FFCC66; font-weight: normal; text-decoration:none;} a.designer_links:active { color: #FFCC66; font-weight: normal; text-decoration:none;} a.designer_links:hover { color: #FFCC66; font-weight: normal; text-decoration:none;} /* this next part is used for the catalog landing pages */ .landingcatimage {position:relative; width:300px; height:250px; background-position:center center; background-size:300px; background-repeat:no-repeat; overflow:hidden; margin:0px 40px 40px 0px;} .cclinkbox {background-color: #333; border: 1px solid #831a1a; padding: 8px 10px; border-radius: 0px; color:#ccc; text-align:center;} a.cclink, a.cclink:link, a.cclink:visited {color:#ccc; display: inline-block; text-shadow: none;} a.cclink:hover, a.cclink:active {color:#fff; } a.linklink:link, a.linklink:visited { font-family: Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#fff; background-color:#005D5A; text-decoration:none; padding:10px; position:relative; top:85%; margin-left:20px; border:#fff solid 1px;} a.linklink:hover { color:#000; background-color:#ccc; } a.linklink:active { color:#000; background-color:#ccc; } a.linklinksm:link, a.linklinksm:visited { font-family: Helvetica, sans-serif; font-size: 11px; font-weight:bold; color:#fff; background-color:#005D5A; text-decoration:none; padding:10px; position:relative; top:85%; margin-left:20px; border:#fff solid 1px;} a.linklinksm:hover { color:#fff; background-color:#000; } a.linklinksm:active { color:#fff; background-color:#000; } /* this next part is used for the form fields */ .textfield {font-family:'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; padding:7px 4px 7px 4px; font-size:0.975rem; border:thin outset #005D5A; color:#000;} .textarea {padding:4px 3px 3px 3px; font-family:"Fira Code", Consolas, "Andale Mono", "Lucida Console", "Courier New", "monospace"; font-size: 13.5px; color: #000000; line-height:1.3em; border:thin outset #005D5A; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; } .select { border:thin outset #005D5A; color:#000; font-size:0.975rem; padding:4px 7px 4px 5px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} .width50 {width:50px;} .width150 {width:150px;} .width200 {width:200px;} .width250 {width:250px;} .width300 {width:300px;} .width350 {width:350px;} .width400 {width:400px;} .button, a.button, a.button:link {-webkit-appearance:none; background-color:#BFFFFD; border:thin outset #005D5A; color:#000; font-size:0.975rem; padding:5px 10px 5px 10px; text-decoration: none; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top,#BFFFFD 0,#009994 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#BFFFFD),color-stop(100%,#009994)); background: -webkit-linear-gradient(top,#BFFFFD 0,#009994 100%); background: -o-linear-gradient(top,#BFFFFD 0,#009994 100%); background: -ms-linear-gradient(top,#BFFFFD 0,#009994 100%); background: linear-gradient(top,#BFFFFD 0,#009994 100%);} .button:disabled, a.button:disabled { background: #C0C0C0; } /* Don't change these settings unless you know how seriously they will affect your entire site */ /* These control the pair_layouts using divs */ .paircontainer {display:table; width:100%; } .pairrow {display:table-row; vertical-align:top; } .paircell1 {display:table-cell; vertical-align:top; } .paircell2 {display:table-cell; vertical-align:top; width:48%; padding-left:2%;} .paircell3 {display:table-cell; vertical-align:top; padding-left:2%;} .paircellformat {} .paircellformat p {} #contents p.single {margin:0em 0 0 0;} #contents p.single:empty:before {content:' '; white-space: pre;} #contents p.double {margin:1em 0 0 0;} #contents p.double:empty:before {content:' '; white-space: pre;} #contents p.triple {margin:2em 0 0 0;} #contents p.triple:empty:before {content:' '; white-space: pre;} #contents p.quadruple {margin:3em 0 0 0;} #contents p.quadruple:empty:before {content:' '; white-space: pre;} /* These control the pair_layouts using tables */ .paircontainer-tbl {width:100%; border-collapse: separate; border-spacing: 20px; margin:-10px;} .pairrow-tbl {vertical-align:top; } .paircell1-tbl {vertical-align:top; } .paircell2-tbl {vertical-align:top; width:50%; } .paircellformat-tbl {} .paircellformat-tbl p {} /* Basic Editor formats */ .bold {font-weight: bold;} .italic {font-style: italic;} .underline {text-decoration: underline;} /* Global align classes */ .left {text-align: inherit;} .center {text-align: center;} .right {text-align: right;} .full {text-align: justify} /* Image and table specific aligns */ img.left, table.left {float: left; text-align: inherit;} img.center, table.center {margin-left: auto; margin-right: auto; text-align: inherit;} img.center {display: block;} img.right, table.right {float: right; text-align: inherit; } /* Testimonial Styles */ .starratingdesc {font-size:.9rem; color:#003B00; padding:25px 0px 25px 0px; text-align: center;} a.startratingdesc, a.startratingdesc:link, a.startratingdesc:visited {text-decoration:none; font-size:13px; color:#341748;} a.startratingdesc:hover, a.startratingdesc:focus, a.startratingdesc:active {text-decoration:underline; font-size:13px; color:#341748;} #rateusbadge strong {color:#000;} #rateusbadge a {color:#341748; text-decoration:none;} #rateusbadge {height:200px; width:200px; text-align:center; vertical-align:top; border:1px solid #ccc;} a.starrating, a.starrating:link, a.starrating:visited {text-decoration:none; font-size:.9rem; color:#003B00; padding-left:15px;} a.starrating:hover, a.starrating:focus, a.starrating:active {text-decoration:underline; font-size:.9rem; color:#003B00;} #reviewcap strong {color:#888;} #reviewcap a {color:#888;} .reviewstars {height:19px; vertical-align: middle;} .reviewname {font-family: 'Work Sans',Arial,Helvetica,sans-serif; padding-left:5px; font-size:.875rem; color:#333333; font-style: normal; font-weight: 600; line-height: 1.1;} .reviewdate {font-family: 'Work Sans',Arial,Helvetica,sans-serif; padding-left:10px; font-size:.875rem; color:#666; font-style:italic; font-weight: 300; line-height: 1.1;} .reviewtitle {font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.2rem; color:#333333; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 10px;} .reviewpost {font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1rem; color:#333333; font-style: italic; font-weight: 300; line-height: 1.1; margin-bottom: 10px;} .reviewreplyblock {padding-left:40px; line-height: 1.1;} .reviewcompany {font-size:.875rem; font-weight: 600;} .reviewreply {font-size:.875rem;} div.breadcrumbtrail {clear:both; display:block; text-align:right; padding:1em 5px 7px 0px;} nav.breadcrumb {} nav.breadcrumb, nav.breadcrumb a { text-decoration: none; color:#003B00; font-size:.8rem; font-weight: normal; font-family: 'Work Sans',Arial,Helvetica,sans-serif; } nav.breadcrumb a:link { text-decoration:none; color:#003B00; font-size:.8rem; font-weight: normal; font-family: 'Work Sans',Arial,Helvetica,sans-serif; } nav.breadcrumb a:hover { text-decoration: underline; color:#003B00; font-size:.8rem; font-weight: normal; font-family: 'Work Sans',Arial,Helvetica,sans-serif; } nav.breadcrumb a:visited { text-decoration: none; color:#003B00; font-size:.8rem; font-weight: normal; font-family: 'Work Sans',Arial,Helvetica,sans-serif; } nav.breadcrumb a:focus { text-decoration: underline; color:#003B00; font-size:.8rem; font-weight: normal; font-family: 'Work Sans',Arial,Helvetica,sans-serif; } nav.breadcrumb a:active { text-decoration: underline; color:#003B00; font-size:.8rem; font-weight: normal; font-family: 'Work Sans',Arial,Helvetica,sans-serif;} #trail1, #trail2, #trail3, #trail4, #trail5, #trail6 {color:#003B00; font-size:.8rem; font-weight: normal; font-family: 'Work Sans',Arial,Helvetica,sans-serif; display:inline; padding:0px 7px 0px 7px;} #b {color:#003B00; font-size:.8rem; font-weight: normal; font-family: 'Work Sans',Arial,Helvetica,sans-serif; display:inline;} .captchawide {width:480px; margin:0px auto 0px auto;} .captchthin {width:390px; margin:0px auto 0px auto;} #captcha {background-color:#CCC;} #captcha .heading {background-color:#999; color:#003B00; font-weight:bold; padding-left:8px;} #captcha .error {border:1px solid #FF0000; color:#FF0000; text-align:center; font-weight:bold;} #captcha .code {border:solid 1px #000000; text-align:center;} #captcha .message {padding-left:8px; color:#003B00;} #captcha a {text-decoration: underline; color: #222;} #captcha a:link {text-decoration: underline; color: #222;} #captcha a:visited {text-decoration: underline; color: #222;} #captcha a:hover {text-decoration: underline; color: #003B00;} #captcha a:active {text-decoration: underline; color: #003B00;} #captcha a:focus {text-decoration: underline; color: #003B00;} #likebuttons {clear:both;} #likebuttons div {line-height: normal;} #likebuttons ul {display: inline; margin:5px 0px 5px 0px;} #likebuttons li {float: left; list-style:none; height:24px; padding-right:5px;} #likebuttons li.fb-li {line-height: normal; padding-top:1px;} #likebuttons li.pin-li {line-height: normal; margin-top:-1px;} #likebuttons li.linked-li {line-height: normal; margin-top:1px;} #footer603 {background-color:#009994; background-image:linear-gradient(to bottom, #BFFFFD, #009994); background-repeat:repeat-x; box-sizing: border-box; padding:0.6em 2em 0.6em 2em; clear:both; display:table; width:105.1%; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1em; line-height:1.42em; font-style: normal; font-weight: 400; color:#302E2E; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} #footer603 .smdarkheader {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 1.5em; line-height:1.1; font-weight: 600; color:#302E2E; } #footer603 .meddarkheader {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 1.875em; line-height:1.1; font-weight: 400; color:#302E2E; } #footer603 .largedarkheader {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 2.25em; font-weight: 400; line-height:1.1; color:#302E2E; } #footer603 h2 {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 2.25em; font-weight: 200; line-height:1.1; color:#111; display:table-cell; padding:0.2em 0.4em 0.4em 0.4em; margin-right:0.2em; text-align:center; width:7em; border-right:#222 solid 1px;} #footer603 div { display:table-cell; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.3em; line-height:1.1; font-style: normal; font-weight: 400; color:#000; vertical-align:middle; box-sizing: border-box; padding:0 0.5em 0 0.9em;} footer{ border-top:1px solid #990000; height:70px;} #footer {width:100%; background-color:#fff; box-sizing: border-box; margin:0px auto 0px auto; clear:both; display:table; padding:2.938em 0 2.938em 0} #footer td {font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1em; line-height:1.42em; font-style: normal; font-weight: 400; color:#5a5a5a; padding:2.125em 1em 2.125em 1em; vertical-align:top;} #footer div {display:table-cell; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1em; line-height:1.42em; font-style: normal; font-weight: 400; color:#5a5a5a; } #footer .meddarkheader {font-family: 'Public Sans',Arial,Helvetica,sans-serif; font-size: 1.3em; line-height:1.6; font-weight: 400; color:#302E2E; text-transform:uppercase;} #footer .footerlogo { margin: 1.25em auto 1.25em auto; padding:0 1em 0 1em; vertical-align:middle;} .f601 { text-align:left; vertical-align:top; padding:0 0.7em 0 0; width:50%;} .fnav { text-align:left; vertical-align:top; padding:0 0.5em 0 0.5em;} .fsoc { text-align:left; vertical-align:top; padding:0 0.7em 0 0.7em;} .f602 { text-align:left; vertical-align:top; padding:0 0 0 0.7em;} .fsocicon {padding-right:0.32em; vertical-align:middle; height:1.88em; width:1.88em;} .footer-vsm {font-family: Arial, Helvetica, sans-serif; font-size:9px; font-style: normal; color:#990000;} .footer-sm {font-family: Arial, Helvetica, sans-serif; font-size:10px; font-style: normal; color:#990000;} .footer-sm-il {font-family: Arial, Helvetica, sans-serif; font-size:10px; font-style: italic; color:#990000;} .footer-med {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style: normal; color:#990000;} .footer-med-bold {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#990000;} .footer-large {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-style: normal; color:#990000;} .footer-large-bold {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#990000;} #fnavul {margin:0; padding:0; } #fnavul td {padding:0; } #fnavul a{font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-weight:400; text-decoration:none; color: #333; font-size:0.875em; } #fnavul .footer-large-bold a {font-family: 'Public Sans',Arial,Helvetica,sans-serif; text-transform:uppercase; font-size:1.063em; font-weight:200; color:#006B68;} #fnavul a:hover{color: #006B68; } #fnavul a:active{color: #006B68; } #fnavul a:focus{color: #006B68; } #fsocul {margin:0; padding:0; } #fsocul li {margin:0; padding:0.25em 0 0.25em 0; list-style:outside none none;} #fsocul li a{font-family: "Work Sans",Arial,Helvetica,sans-serif; font-weight:300; text-decoration:none; color: #006B68; font-size:1em; } #fsocul li a:hover{color: #333; } #fsocul li a:active{color: #006B68; } #fsocul li a:focus{color: #006B68; } #subfooter {clear:both; display:table; width:100%; background-color:#fff; box-sizing: border-box; margin:0; padding:0;} #subfooter .leftdiv { display:table-cell; border-top:#E6E6E6 solid 1px; text-align:left; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:0.8em; line-height:1.2; font-style: normal; font-weight: 400; color:#577C7B; padding:0.5em; margin:0.5em 0 0.5em 0;} #subfooter .rightdiv { display:table-cell; border-top:#E6E6E6 solid 1px; text-align:right; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:0.8em; line-height:1.2; font-style: normal; font-weight: 400; color:#577C7B; padding:0.5em; margin:0.5em 0 0.5em 0;} .footerlinktext, a.footerlink, a.footerlink:link, a.footerlink:visited, a.footerlink:hover, a.footerlink:active, a.footerlink:focus {text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style: normal; color:#990000; padding:0px 7px 0px 7px;} a.footerlink2, a.footerlink2:link, a.footerlink2:visited, a.footerlink2:hover, a.footerlink2:active, a.footerlink2:focus {text-decoration:underline; font-family: Arial, Helvetica, sans-serif; color: #990000; font-size:13px; padding:0px 7px 0px 7px;}
 
Log in or Register now | Cart | Your shopping cart is empty.
d>

Who is Matthew Perosi?

Online since 1988, Matthew Perosi has a log list of internet experiences to his credit. He maintains very active social media accounts on Instagram, Facebook, and Twitter. You can also find him on every social network with the username @matthewperosi.

Through his social accounts he shares what he finds out about existing and emerging technologies and how they will be personally useful or for useful for businesses.

He's best known as the Chief Thinker of Sapphire Collaborative, a forward thinking website development and marketing agency.

He's detailed credits include...

Internet Expert

His normal work day is filled with analysis of the hows and whys of consumer react to products and brands. The the public reaction to a marketing strategy or new technology seldom meets initial expectations. As an internet analyst, it's his job to examine these reactions and figure out how to make them better for businesses.

There's more to being an internet expert than just figuring out a "proven selling strategy" and packaging a webinar or training class about it. Most experts doing that are churning their own get-rich-quick schemes.

Expertise is gained through years of hands on experience in a field, failures, and sticking with it long enough to have a success. Since first getting online in 1988 he has witnessed many businesses with online successes and marketing failures; learning from his mistakes and the mistakes of others along the way.

Profit Coach

Profit Coach Matthew PerosiA profit coach is a Business Coach that focuses on your bottom line profits, and how to account for your profits first.

Although it might seem obvious that any business coach will help you improve your bottom line profits, very few are specifically trained for that purpose and can guide you to those profits.

Past coaching clients described Matthew as "brutally honest, but in a kind and needed way," and as "a guide to a better business, living, and better standard of life that was being missed."

Matthew Perosi is an experienced entrepreneur with successes and failures. You can't have the successes unless you also suffer through the failures. His coaching methods draw from his own experiences, human observation, and even from what he learns from his clients.

For Matthew, business coaching isn't something that can be learned from a class or a book, but rather, it's the passing on of wisdom that can only be gained through experience.

Have a quick conversation with him face to face at a trade show or over the telephone and you'll find that he freely offers solutions for many business problems and innovative internet marketing strategies. He continually shares his business experience and recommendations beyond the internet.

Event Speaker

Watch any motivational or inspirational speaker and you'll immediately feel like you can take on the world. Sadly, that feeling fades as soon as you return to the reality of your daily grind.

Watch most training seminars and you'll walk away feeling upset that you have to somehow find time for yet another activity in your life. Often times you either have to figure out how to do it on your own or else need to find the money to hire another agency or consultant.

Matthew's seminars and training events don't offer overrated motivation or leave you feeling defeated. Through storytelling of his direct experience, trials, errors, wasted money, wasted time, and a lot of research he will explain just enough details of a topic so attendees can immediately take action once they leave.

Although he runs his own internet and marketing agency, he rarely sells from the stage. His seminars are designed to be a real benefit for attendees rather than a springboard for his own personal profits.

Available in the USA or in Europe, choose an event speaker that will provide a truly actionable learning experience.

Previous speaking credits include trade shows like JA, MJSA, IJO, RJO, and JCK. Regional speaking credits include SCORE events, Meetups, and ProfitCON. His has also been found teaching jewelry photography at special events held at FIT in New York City.

Jewelry Industry Advocate

Matthew Perosi is the founder of the Jeweler Website Advisory Group (jwag.biz). On jWAG you'll find a lot of published research that provides scalpel sharp marketing and training for retail jewelry store owners, jewelry designers, and e-tail jewelry stores.

He also manages the consumer facing blog and social accounts for TheJewelryIWant.com and @jewelryiwant.

Retail jewelers are hesitant to adopt new technology and forward marketing ideas, which is why Matthew works with them to explain how such things could improve an existing business. When it comes time for retirement it's better to have a profitable business that can be sold rather than one that must be liquidated, and that's what Matthew can help you with.

New jewelry designers are faced with completely different challenges as start-ups or managing production and cash flow. Matthew offers his help as a business coach or marketing agency that can help build up the popularity of emerging designers.

Journalist

Matthew is the technical writer forР╕ў~МъMp://www.theretailjeweler.com/" target="_blank">Retail Jewelry Magazine. He is the business and internet blogger for jWAG. You'll also find him contributing to The Jewelry I Want blog.

His editorials have also appeared in the Jewelry Business Advisor magazine, and the MJSA Journal.

He has covered many jewelry events as a photo journalist, including MJSA Expo and JA Shows in New York City, the JCK and Couture shows in Las Vegas, and the Bijorhca show in Paris.


Main Menu
Home
Press Kit
About Matthew Perosi
Mobile Marketing
Seminars and Workshops
Contact Matthew Perosi


default
Matthew Perosi
1З╕ў~МъM="bottom" class="footer-med">Matthew Perosi
323 Union Blvd | Totowa, NJ 07512
P 973-413-8211

SitemapChristopher Perosi
Copyright 2003 - 2025. All rights Reserved ; -ms-border-radius:3px; border-radius:3px;} button.apolloscopebutton:hover,.apolloscopebutton:hover { background-color: #D2D2F6; } a.apolloscopebutton:hover, a.apolloscopebutton:actve { background-color: #D2D2F6!important; cursor: pointer;} .apolloscopebutton:disabled { background-color: #C0C0C0; } button.whitephotobutton, a.whitephotobutton:link, a.whitephotobutton:visited, .whitephotobutton { padding:15px 20px 15px 20px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.2rem; width:100%; color: #260303!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#FCE6E6; border-width:1px; border-color: #7F0000; border-top-color:#F43939; border-left-color:#F43939; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top,#FFBFBF 0,#FDF5F5 100%)!important; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFBFBF),color-stop(100%,#FDF5F5))!important; background: -webkit-linear-gradient(top,#FFBFBF 0,#FDF5F5 100%)!important; background: -o-linear-gradient(top,#FFBFBF 0,#FDF5F5 100%)!important; background: -ms-linear-gradient(top,#FFBFBF 0,#FDF5F5 100%)!important; background: linear-gradient(top,#FFBFBF 0,#FDF5F5 100%)!important;} button.whitephotobutton:hover,.whitephotobutton:hover { background-color: #F6D2D2; } a.whitephotobutton:hover, a.whitephotobutton:active { background-color: #F6D2D2!important; cursor: pointer;} .whitephotobutton:disabled { background-color: #C0C0C0!important; background: -moz-linear-gradient(top,#D3BFBF 0,#CCCCCC 100%)!important; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D3BFBF),color-stop(100%,#CCCCCC))!important; background: -webkit-linear-gradient(top,#D3BFBF 0,#CCCCCC 100%)!important; background: -o-linear-gradient(top,#D3BFBF 0,#CCCCCC 100%)!important; background: -ms-linear-gradient(top,#D3BFBF 0,#CCCCCC 100%)!important; background: linear-gradient(top,#D3BFBF 0,#CCCCCC 100%)!important;} button.apollophotobutton, a.apollophotobutton:link, a.apollophotobutton:visited, .apollophotobutton { padding:15px 20px 15px 20px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.2rem; width:100%; color: #030326!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#E6E6FC; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#BFFFFD),color-stop(100%,#1093╤p8 ~М┴p8 ~М8 ~Ма:Qа:Qamily: 'Fira Code'; src: url('/stand/zooty/css/FiraCode-VariableFont_wght.ttf') format('truetype-variations'); font-weight: 300 700; font-stretch: 75% 150%; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway Italic'; src: url('/stand/zooty/css/Raleway-Italic-VariableFont_wght.ttf') format('truetype-variations'); font-weight: 100 900; font-stretch: 75% 150%; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/stand/zooty/css/Raleway-VariableFont_wght.ttf') format('truetype-variations'); font-weight: 100 900; font-stretch: 75% 150%; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans Italic'; src: url('/stand/zooty/css/WorkSans-Italic-VariableFont_wght.ttf') format('truetype-variations'); font-weight: 100 900; font-stretch: 75% 150%; font-style: normal; font-display: swap; } @font-face { font-family: 'Work Sans'; src: url('/stand/zooty/css/WorkSans-VariableFont_wght.ttf') format('truetype-variations'); font-weight: 100 900; font-stretch: 75% 150%; font-style: normal; font-display: swap; } .fa-lg {padding-right:3px;} .fa-2x {vertical-align: middle;} .tdfieldname {text-align:left; font-size:16px; font-weight:bold; color:#222222; vertical-align:top;} .tdfielddata {text-align:left; font-size:16px; font-weight:normal; color:#222222; vertical-align:middle;} a{ text-decoration: none; } a:link {color:#1919B3; font-weight: 500; font-family: "Work Sans", Verdana, Helvetica, sans-serif;} a:visited {color:#c0500c; font-weight: 500; font-family: "Work Sans", Verdana, Helvetica, sans-serif;} a:hover {color:#1919B3; font-weight: 500; font-family: "Work Sans", Verdana, Helvetica, sans-serif;} a.navlinks:link {color:#1919B3; font-size:16px; font-weight: 500; font-family: "Work Sans", Verdana, Helvetica, sans-serif;} a.navlinks:visited {color:#c0500c; font-size:16px; font-weight: 500; font-family: "Work Sans", Verdana, Helvetica, sans-serif;} a.navlinks:hover {color:#1919B3; font-size:16px; font-weight: 500; font-family: "Work Sans", Verdana, Helvetica, sans-serif;} td { font-family: "Work Sans", Verdana, Helvetica, sans-serif; font-size:1em; font-style: normal; line-height: 1.3; color:#000000;} td.smaller { font-size:.97em;} td.vsmall { font-size:.95em;} td.xsmall { font-size:.9em;} #tblrow {background-color:none;} #tblrow:hover {background-color:#FF9180;} .tbllisthover {border-collapse: collapse;} .tbllisthover td, .tbllisthover th {border:1px solid #ddd; padding: 5px;} .tbllisthover thead tr {background-color:#050550;} .tbllisthover thead tr.red {background-color:#800303;} .tbllisthover thead tr.blue {background-color:#005151;} .tbllisthover thead tr.yellow {background-color:#494900;} .tbllisthover thead th {font-size:14px; color:#ffffff; font-weight: 400; padding: 8px;} .tbllisthover thead th h4 {color:#ffffff;} .tbllisthover thead tr.red th {font-size:15px; font-weight: 500;} .tbllisthover thead tr.blue th {font-size:15px; font-weight: 500;} .tbllisthover thead tr.yellow th {font-size:15px; font-weight: 500;} .tbllisthover thead th a,.tbllisthover thead th a:link,.tbllisthover thead th a:hover,.tbllisthover thead th a:visited { font-size:14px; color:#ffffff; font-weight: 400; text-decoration: none; display: block;} .tbllisthover thead th a i.fa-lg {padding-left:3px;} .tbllisthover>tbody>tr:nth-child(even) {background-color:#FFF9E6;} .tbllisthover tbody tr.short {background-color:#644C00;} .tbllisthover tbody td.short {font-size:13px; color:#ffffff; font-weight: 400; padding: 1px;} .tbllisthover tbody td.short hr {width:90%; margin:0.5em auto 0.5em; border:none; border-bottom:1px dotted #ffffff;} .tbllisthover>tbody>tr.recordsplit { border-bottom:3px solid #000;} .tbllisthover>tbody>tr:hover {background-color:#FFEFC0;} .tbllisthover tbody tr.blue {background-color:#050550;} .tbllisthover tbody td.blue {font-size:14px; color:#ffffff; font-weight: 400; padding: 8px; text-align: center;} .tbllisthover tbody td.small {font-size:13px; color:#000000; font-weight: normal; padding: 3px;} .tbllisthover tbody tr.done {background-color:#003B00;} .tbllisthover tbody td.done {background-color:#003B00; font-size:14px; color:#ffffff; font-weight: 400; padding: 8px;} .tbllisthover tbody tr.donebold {background-color:#003B00;} .tbllisthover tbody td.donebold {background-color:#003B00; font-size:14px; color:#ffffff; font-weight: bold; padding: 8px;} .tbllisthover tbody td.donesmall {font-size:13px; color:#ffffff; font-weight: normal; padding: 3px;} .tbllisthover tbody tr.notvisible {background-color:#cccccc;} .tbllisthover tbody td.notvisible {background-color:#cccccc; font-size:14px; color:#000000; font-weight: bold; padding: 8px;} .tbllisthover tbody td.notvisiblesmall {font-size:13px; color:#000000; font-weight: normal; padding: 3px;} .tbllisthover tbody tr.newrecord {background-color:#F8FF00;} .tbllisthover tbody td.newrecord {font-size:14px; color:#000000; font-weight: bold; padding: 8px;} .tbllisthover tbody tr.found_tag_here {background-color:#D6A8A9;} .tbllisthover tbody td.found_tag_here {font-size:14px; color:#ee0000; font-weight: bold; padding: 8px;} .tbllisthover tbody td.cellone {padding:5px 4px 5px 4px; vertical-align:top; text-align: left; font-size:1em;} .tbllisthover tbody td.celltwo {font-weight: bold; padding:5px 4px 5px 4px; vertical-align:top; text-align: left; font-size:1em;} .tbllisthover tbody td.celloneA {padding:8px 6px 8px 6px; vertical-align:top; text-align: left; font-size:1em;} .tbllisthover tbody td.celltwoA {font-weight:400; padding:8px 6px 8px 6px; vertical-align:top; text-align: left; font-size:1em;} .wordhighlight {background-color:#FFFF00; padding:4px; color:#000000; line-height: 1.4;} .tblorange {border-collapse: collapse;} .tblorange thead tr {background-color:#D9A300; border-top:7px solid #ffffff;} .tblorange td, .tblorange th {padding: 5px;} .tblorange thead th {font-size:15px; color:#000000; font-weight: 500; padding: 8px;} .tblorange thead th a,.tblorange thead th a:link,.tblorange thead th a:hover,.tblorange thead th a:visited { font-size:14px; color:#000000; font-weight: 500; text-decoration: none; display: block;} .tblorange thead th a i.fa-lg {padding-left:3px;} .tblorange tbody td:hover {background-color:#BDBDEF;} .tbldetail {border-collapse: collapse; margin:.5em auto .5em auto; width: 100%;} .tbldetail td {padding: 5px; border:1px solid #eee; font-size:1em; box-sizing: border-box;} .tbldetailcallout {border-collapse: collapse; margin:.5em auto .5em auto; width: 100%;} .tbldetailcallout td {padding: 5px; border:1px solid #ee0000; font-size:1em; box-sizing: border-box} td.formpadrt {padding:4px; vertical-align: middle; text-align: left; font-size:1em;} td.formpadlf {padding:4px; vertical-align: middle; text-align: right; font-size:1em;} .font-left-error {border:1px solid #990000; border-right:none; color:#990000; font-weight:bold; padding:4px; vertical-align: middle; text-align: right;} .font-right-error {border:1px solid #990000; border-left:none; color:#990000; font-weight:bold; padding:4px; vertical-align: middle; text-align: left;} .red {color:#990000; font-weight:bold; font-size: larger;} .input1200100 {width:400px; height:100px; } .vtop {vertical-align:top;} .font-smed{font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size:1em; font-style: normal; color:#111;} .font-xlarge-bold {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size: 25px; font-weight: 500; } .font-links {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size: 1em; font-weight: 500; color:#1919B3;} .adminstyle1 {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size:0.99em; font-style: normal;} .attention {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size: 1em; font-style: italic; color:#000099;} .errormessage {font-family: 'Public Sans',Arial, Helvetica, sans-serif; font-size: 1.25em; font-weight: 500; color:#990000;} .breadlinks {color:#008000; font-size:0.9em; font-family: "Fira Code", Consolas, "Andale Mono", "Lucida Console", "Courier New", "monospace";} .graycodes {color:gray; font-size:0.99em; font-family: 'Public Sans',Arial, Helvetica, sans-serif;} .blue {color: #000099;} .green {color: #006600;} .callout {color: #ee0000;} .calloutmissing {color: #FF0000; background-color: #F8FF00; text-decoration: underline;} a.LeftCategoryHead:link { text-decoration: underline; color: #000000; font-weight: normal; font-family: "Work Sans", Verdana, Helvetica, sans-serif;} a.LeftCategoryHead:hover { text-decoration: underline; color:#333333; font-weight: normal; font-family: "Work Sans", Verdana, Helvetica, sans-serif;} a.LeftCategoryHead:visited { text-decoration: underline; color:#000066; font-weight: normal; font-family: "Work Sans", Verdana, Helvetica, sans-serif;} .CartListHead { font-family:'Public Sans', Arial, Helvetica, sans-serif; color:#0000FF; background-color:#FFFFB7; border-bottom: 1px solid #000000; } .CartListItemAlt{ font-family:'Public Sans', Arial, Helvetica, sans-serif; color:#000; background-color:#fff; border-bottom:1px solid #000;} .CartListItem { font-family:'Public Sans', Arial, Helvetica, sans-serif; color:#000; background-color:#ddd;} .TableListHead { font-family:'Public Sans', Arial, Helvetica, sans-serif; color:#00017F; background-color:#FFF9E6; border-bottom: 1px solid #000000; padding:4px; } .TableListItemAlt{ font-family:'Public Sans', Arial, Helvetica, sans-serif; color:#000; background-color:#fff; border-bottom:1px solid #000; padding:4px;} .TableListItem { font-family:'Public Sans', Arial, Helvetica, sans-serif; color:#000; background-color:#E6E6FC; padding:4px;} .TableHeader1 {font-family:"Work Sans", Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: 500; color:#00017F; background-color:#FFF9E6; padding:4px; } .TableHeader2 {font-family:'Public Sans', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 550; color:#00017F; background-color:#FFF9E6; padding:7px; border-width:1px; border-style: solid; border-color:#00017F; text-align: center; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} .TableHeader3 {font-family:'Public Sans', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 550; color:#00017F; padding:7px;} .TableData1 { font-family:"Work Sans", Verdana, Helvetica, sans-serif; font-size:16px; color:#000; background-color:#fff; padding:4px; } .TableData2 { font-family:"Work Sans", Verdana, Helvetica, sans-serif; font-size:12px; color:#000; background-color:#fff; padding:0;} .borderbottom {border-bottom: 1px solid #000000;} .borderall {border: 1px solid #000000;} .borderleftbottom {border-left: 1px solid #000000; border-bottom: 1px solid #000000;} .bordernotop {border: 1px solid #000000; border-top:none;} .bordernoright {border: 1px solid #000000; border-right:none;} .ppnamewords, a.ppnamewords, a.ppnamewords:link, a.ppnamewords:visited {font-family: nimbus-sans, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 1.4px; color:#ee0000; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;} a.ppnamewords:hover, a.ppnamewords:actve { cursor: pointer;} .ppnameonmap { position: absolute; transform-origin:0 0; display:initial; line-height: 0.6;} button.apollobutton, a.apollobutton:link, a.apollobutton:visited, .apollobutton { padding:3px 4px 3px 4px; text-decoration: none; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size: .9em; color: #030326; font-weight: bold; letter-spacing: 0.4px; border-style: solid; background-color:#E6E6FC; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} button.apollobutton:hover,.apollobutton:hover { background-color: #D2D2F6; } a.apollobutton:hover, a.apollobutton:actve { background-color: #D2D2F6!important; cursor: pointer;} .apollobutton:disabled { background-color: #C0C0C0; } button.apolloscopebutton, a.apolloscopebutton:link, a.apolloscopebutton:visited, .apolloscopebutton { padding:5px 7px 5px 7px; margin:5px 0px 5px 0px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size: 1em; color: #030326!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#E6E6FC; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} button.apolloscopebutton:hover,.apolloscopebutton:hover { background-color: #D2D2F6; } a.apolloscopebutton:hover, a.apolloscopebutton:actve { background-color: #D2D2F6!important; cursor: pointer;} .apolloscopebutton:disabled { background-color: #C0C0C0; } button.whitephotobutton, a.whitephotobutton:link, a.whitephotobutton:visited, .whitephotobutton { padding:15px 20px 15px 20px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.2rem; width:100%; color: #260303!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#FCE6E6; border-width:1px; border-color: #7F0000; border-top-color:#F43939; border-left-color:#F43939; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top,#FFBFBF 0,#FDF5F5 100%)!important; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFBFBF),color-stop(100%,#FDF5F5))!important; background: -webkit-linear-gradient(top,#FFBFBF 0,#FDF5F5 100%)!important; background: -o-linear-gradient(top,#FFBFBF 0,#FDF5F5 100%)!important; background: -ms-linear-gradient(top,#FFBFBF 0,#FDF5F5 100%)!important; background: linear-gradient(top,#FFBFBF 0,#FDF5F5 100%)!important;} button.whitephotobutton:hover,.whitephotobutton:hover { background-color: #F6D2D2; } a.whitephotobutton:hover, a.whitephotobutton:active { background-color: #F6D2D2!important; cursor: pointer;} .whitephotobutton:disabled { background-color: #C0C0C0!important; background: -moz-linear-gradient(top,#D3BFBF 0,#CCCCCC 100%)!important; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D3BFBF),color-stop(100%,#CCCCCC))!important; background: -webkit-linear-gradient(top,#D3BFBF 0,#CCCCCC 100%)!important; background: -o-linear-gradient(top,#D3BFBF 0,#CCCCCC 100%)!important; background: -ms-linear-gradient(top,#D3BFBF 0,#CCCCCC 100%)!important; background: linear-gradient(top,#D3BFBF 0,#CCCCCC 100%)!important;} button.apollophotobutton, a.apollophotobutton:link, a.apollophotobutton:visited, .apollophotobutton { padding:15px 20px 15px 20px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.2rem; width:100%; color: #030326!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#E6E6FC; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#BFFFFD),color-stop(100%,#109310)); background: -webkit-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -o-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -ms-linear-gradient(top,#BFFFFD 0,#109310 100%); background: linear-gradient(top,#BFFFFD 0,#109310 100%);} button.apollophotobutton:hover,.apollophotobutton:hover { background-color: #D2D2F6; } a.apollophotobutton:hover, a.apollophotobutton:active { background-color: #D2D2F6!important; cursor: pointer;} .apollophotobutton:disabled { background-color: #C0C0C0; } button.apollolocalsavebutton, a.apollolocalsavebutton:link, a.apollolocalsavebutton:visited, .apollolocalsavebutton { padding:15px 20px 15px 20px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.2rem; width:100%; color: #030326!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#F9FCE6; border-width:1px; border-color: #7F7600!important; border-top-color:#F4ED39!important; border-left-color:#F4ED39!important; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top,#FFFABF 0,#93790F 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFABF),color-stop(100%,#93790F)); background: -webkit-linear-gradient(top,#FFFABF 0,#93790F 100%); background: -o-linear-gradient(top,#FFFABF 0,#93790F 100%); background: -ms-linear-gradient(top,#FFFABF 0,#93790F 100%); background: linear-gradient(top,#FFFABF 0,#93790F 100%);} button.apollolocalsavebutton:hover,.apollolocalsavebutton:hover { background-color: #F6F5D2; } a.apollolocalsavebutton:hover, a.apollolocalsavebutton:active { background-color: #F6F5D2!important; cursor: pointer;} .apollolocalsavebutton:disabled { background-color: #C0C0C0; } button.blacklocalsavebutton, a.blacklocalsavebutton:link, a.blacklocalsavebutton:visited, .blacklocalsavebutton { padding:15px 20px 15px 20px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.2rem; width:100%; color: #FFFFFF!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#1A1E03; border-width:1px; border-color: #221F00!important; border-top-color:#000000!important; border-left-color:#000000!important; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top,#4D4D4D 0,#392F05 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4D4D4D),color-stop(100%,#392F05)); background: -webkit-linear-gradient(top,#4D4D4D 0,#392F05 100%); background: -o-linear-gradient(top,#4D4D4D 0,#392F05 100%); background: -ms-linear-gradient(top,#4D4D4D 0,#392F05 100%); background: linear-gradient(top,#4D4D4D 0,#392F05 100%);} button.blacklocalsavebutton:hover,.blacklocalsavebutton:hover { background-color: #F6F5D2; } a.blacklocalsavebutton:hover, a.blacklocalsavebutton:active { background-color: #F6F5D2!important; cursor: pointer;} .blacklocalsavebutton:disabled { background-color: #C0C0C0; } button.apollocancelbutton, a.apollocancelbutton:link, a.apollocancelbutton:visited, .apollocancelbutton { padding:15px 20px 15px 20px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.2rem; width:100%; color: #260303!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#FCE6EC!important; border-width:1px; border-color: #7F0003!important; border-top-color:#F43939!important; border-left-color:#F43939!important; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top,#FFBFBF 0,#930F0F 100%)!important; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFBFBF),color-stop(100%,#930F0F))!important; background: -webkit-linear-gradient(top,#FFBFBF 0,#930F0F 100%)!important; background: -o-linear-gradient(top,#FFBFBF 0,#930F0F 100%)!important; background: -ms-linear-gradient(top,#FFBFBF 0,#930F0F 100%)!important; background: linear-gradient(top,#FFBFBF 0,#930F0F 100%)!important;} button.apollocancelbutton:hover,.apollocancelbutton:hover { background-color: #F6D2D2!important; } a.apollocancelbutton:hover, a.apollocancelbutton:active { background-color: #F6D2D2!important; cursor: pointer;} .apollocancelbutton:disabled { background-color: #C0C0C0; } button.apollochecklistbutton, a.apollochecklistbutton:link, a.apollochecklistbutton:visited, .apollochecklistbutton { padding:15px 20px 15px 20px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:1.2rem; text-align: center; display:block; color: #030326!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#EDB06C; border-width:1px; border-color: #843900; border-top-color:#FDA230; border-left-color:#FDA230; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} button.apollochecklistbutton:hover,.apollochecklistbutton:hover { background-color: #F9EBD2; } a.apollochecklistbutton:hover, a.apollochecklistbutton:actve { background-color: #F9EBD2!important; cursor: pointer;} .apollochecklistbutton:disabled { background-color: #C0C0C0; } button.apollochecklistitems, a.apollochecklistitems:link, a.apollochecklistitems:visited, .apollochecklistitems { padding:5px 7px 5px 7px; margin:5px 0px 5px 0px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size: 1em; color: #030326!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#EDB06C; border-width:1px; border-color: #843900; border-top-color:#FDA230; border-left-color:#FDA230; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} button.apollochecklistitems:hover,.apollochecklistitems:hover { background-color: #F9EBD2; } a.apollochecklistitems:hover, a.apollochecklistitems:actve { background-color: #F9EBD2!important; cursor: pointer;} .apollochecklistitems:disabled { background-color: #C0C0C0; } .apollohidden {display:none;} .apollovisible {display:inherit;} button.apolloradiobutton, a.apolloradiobutton:link, a.apolloradiobutton:visited, .apolloradiobutton { padding:2px 3px 2px 3px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:0.8rem; display:block; width:100%; margin:4px 0 10px 0; color: #030326!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#E6E6FC; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} button.apolloradiobutton:hover,.apolloradiobutton:hover { background-color: #D2D2F6; } a.apolloradiobutton:hover, a.apolloradiobutton:actve { background-color: #D2D2F6!important; cursor: pointer;} .apolloradiobutton:disabled { background-color: #C0C0C0; } button.apolloexistingbutton, a.apolloexistingbutton:link, a.apolloexistingbutton:visited, .apolloexistingbutton { padding:2px 3px 2px 3px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size:0.8rem; display:block; width:100%; margin:4px 0 10px 0; color: #030326!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#F9FCE6; background: -moz-linear-gradient(top,#FDFFD2 0,#FFF06B 100%)!important; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FDFFD2),color-stop(100%,#FFF06B))!important; background: -webkit-linear-gradient(top,#FDFFD2 0,#FFF06B 100%)!important; background: -o-linear-gradient(top,#FDFFD2 0,#FFF06B 100%)!important; background: -ms-linear-gradient(top,#FDFFD2 0,#FFF06B 100%)!important; background: linear-gradient(top,#FDFFD2 0,#FFF06B 100%)!important; border-width:1px; border-color: #7F7200; border-top-color:#F4E739; border-left-color:#F4E739; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; } button.apolloexistingbutton:hover,.apolloexistingbutton:hover { background-color: #F6F1D2; } a.apolloexistingbutton:hover, a.apolloexistingbutton:actve { background-color: #F6F1D2!important; cursor: pointer;} .apolloexistingbutton:disabled { background-color: #C0C0C0; } button.apolloDBmanager, a.apolloDBmanager:link, a.apolloDBmanager:visited, .apolloDBmanager { padding:5px 7px 5px 7px; margin:5px 0px 5px 0px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size: 1em; color: #000000!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#EB99F0; border-width:1px; border-color: #AC16B7; border-top-color:#DD47E8; border-left-color:#DD47E8; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} button.apolloDBmanager:hover,.apolloDBmanager:hover { background-color: #F3BFF6; } a.apolloDBmanager:hover, a.apolloDBmanager:actve { background-color: #F3BFF6!important; cursor: pointer;} .apolloDBmanager:disabled { background-color: #C0C0C0; } button.apolloMAPmanager, a.apolloMAPmanager:link, a.apolloMAPmanager:visited, .apolloMAPmanager { padding:5px 7px 5px 7px; margin:5px 0px 5px 0px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size: 1em; text-align: center; display:block; color: #000000!important; font-weight: bold; letter-spacing: 0.4px; line-height: 2; border-style: solid; background-color:#EB99F0; border-width:1px; border-color: #AC16B7; border-top-color:#DD47E8; border-left-color:#DD47E8; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} button.apolloMAPmanager:hover,.apolloMAPmanager:hover { background-color: #F3BFF6; } a.apolloMAPmanager:hover, a.apolloMAPmanager:actve { background-color: #F3BFF6!important; cursor: pointer;} .apolloMAPmanager:disabled { background-color: #C0C0C0; } button.bluebutton, .bluebutton, a.bluebutton, a.bluebutton:link {-webkit-appearance:none; background-color:#C3B5FF; border:thin outset #00075D; color:#ffffff; font-size:0.975rem; padding:5px 10px 5px 10px; text-decoration: none; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top,#C3B5FF 0,#003C99 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#C3B5FF),color-stop(100%,#003C99)); background: -webkit-linear-gradient(top,#C3B5FF 0,#003C99 100%); background: -o-linear-gradient(top,#C3B5FF 0,#003C99 100%); background: -ms-linear-gradient(top,#C3B5FF 0,#003C99 100%); background: linear-gradient(top,#C3B5FF 0,#003C99 100%);} button.bluebutton:disabled, .bluebutton, a.bluebutton:disabled { background: #C0C0C0; } button.apollotimebutton, a.apollotimebutton:link, a.apollotimebutton:visited, .apollotimebutton, input[type="button"].apollotimebutton, input[type="submit"].apollotimebutton { padding:5px 7px 5px 7px; margin:0px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size: .7rem; color: #000000!important; font-weight: bold; letter-spacing: 0.4px; line-height: 1; border-style: solid; background-color:#E6E6FC; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; background: -moz-linear-gradient(top,#E6E6FC 0,#8E8EF8 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#E6E6FC),color-stop(100%,#8E8EF8)); background: -webkit-linear-gradient(top,#E6E6FC 0,#8E8EF8 100%); background: -o-linear-gradient(top,#E6E6FC 0,#8E8EF8 100%); background: -ms-linear-gradient(top,#E6E6FC 0,#8E8EF8 100%); background: linear-gradient(top,#E6E6FC 0,#8E8EF8 100%); -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} button.apollotimebutton:hover, input[type="button"].apollotimebutton:hover, input[type="submit"].apollotimebutton:hover,.apollotimebutton:hover, a.apollotimebutton:hover, a.apollotimebutton:actve { background-color: #D2D2F6!important; cursor: pointer;} button.apollotimebutton:disabled, input[type="button"].apollotimebutton:disabled, input[type="submit"].apollotimebutton:disabled, .apollotimebutton:disabled { background-color: #C0C0C0; } button.apollotimedonebutton, a.apollotimedonebutton:link, a.apollotimedonebutton:visited, .apollotimedonebutton, input[type="button"].apollotimedonebutton, input[type="submit"].apollotimedonebutton { padding:5px 7px 5px 7px; margin:0px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size: .7rem; color: #000000!important; font-weight: bold; letter-spacing: 0.4px; line-height: 1; border-style: solid; background-color:#CCFFCC; border-width:1px; border-color: #008E00; border-top-color:#00D300; border-left-color:#00D300; background: -moz-linear-gradient(top,#CCFFCC 0,#50FF50 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#CCFFCC),color-stop(100%,#50FF50)); background: -webkit-linear-gradient(top,#CCFFCC 0,#50FF50 100%); background: -o-linear-gradient(top,#CCFFCC 0,#50FF50 100%); background: -ms-linear-gradient(top,#CCFFCC 0,#50FF50 100%); background: linear-gradient(top,#CCFFCC 0,#50FF50 100%); -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} button.apollotimedonebutton:hover, input[type="button"].apollotimedonebutton:hover, input[type="submit"].apollotimedonebutton:hover,.apollotimedonebutton:hover, a.apollotimedonebutton:hover, a.apollotimedonebutton:actve { background-color: #D2D2F6!important; cursor: pointer;} button.apollotimedonebutton:disabled, input[type="button"].apollotimedonebutton:disabled, input[type="submit"].apollotimedonebutton:disabled, .apollotimedonebutton:disabled { background-color: #C0C0C0; } button.apollotimeredbutton, a.apollotimeredbutton:link, a.apollotimeredbutton:visited, .apollotimeredbutton, input[type="button"].apollotimeredbutton, input[type="submit"].apollotimeredbutton { padding:5px 7px 5px 7px; margin:0px; text-decoration: none!important; font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size: .7rem; color: #FFFFFF!important; font-weight: bold; letter-spacing: 0.4px; line-height: 1; border-style: solid; background-color:#BE0205; border-width:1px; border-color: #BD0306; border-top-color:#FC5255; border-left-color:#FC5255; background: -moz-linear-gradient(top,#FC0B0F 0,#BE0205 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FC0B0F),color-stop(100%,#BE0205)); background: -webkit-linear-gradient(top,#FC0B0F 0,#BE0205 100%); background: -o-linear-gradient(top,#FC0B0F 0,#BE0205 100%); background: -ms-linear-gradient(top,#FC0B0F 0,#BE0205 100%); background: linear-gradient(top,#FC0B0F 0,#BE0205 100%); -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} button.apollotimeredbutton:hover, input[type="button"].apollotimeredbutton:hover, input[type="submit"].apollotimeredbutton:hover,.apollotimeredbutton:hover, a.apollotimeredbutton:hover, a.apollotimedonebutton:actve { background-color: #D2D2F6!important; cursor: pointer;} button.apollotimeredbutton:disabled, input[type="button"].apollotimeredbutton:disabled, input[type="submit"].apollotimeredbutton:disabled, .apollotimeredbutton:disabled { background-color: #C0C0C0; } .apollodropdown {padding:7px 4px 7px 4px; font-family: 'Public Sans', Arial, Helvetica, sans-serif; font-size: 0.9rem; color: #000; background-color:#F8F8FF; line-height:1em; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; } .takephotoshadow {-moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; border:1px solid #FFFD06; padding:5px; margin-top:50px; box-shadow: 0 4px 8px 0 rgba(195,189,0,0.59), 0 6px 20px 0 rgba(189,184,30, 0.4); } .takephotoshadow-v2 {-moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; border:1px solid #FFFD06; padding:5px; margin-top:0px; box-shadow: 0 4px 8px 0 rgba(195,189,0,0.59), 0 6px 20px 0 rgba(189,184,30, 0.4); } a.standbutton:link, a.standbutton:visited, .standbutton { padding:5px 10px 5px 10px; text-decoration: none; font-family: 'Public Sans', Arial, Helvetica, sans-serif; font-size: 13px; color: #030326; font-weight: 500; letter-spacing: 0.4px; border-style: solid; background-color:#E6E6FC; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} .standbutton:hover { background-color: #D2D2F6; } a.standbutton:hover, a.standbutton:actve { background-color: #D2D2F6!important; cursor: pointer;} .standbutton:disabled { background-color: #C0C0C0; } input[type=file]::file-selector-button { padding:5px 10px 5px 10px; text-decoration: none; font-family: 'Public Sans', Arial, Helvetica, sans-serif; font-size: 13px; color: #030326; font-weight: 500; letter-spacing: 0.4px; border-style: solid; background-color:#E6E6FC; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} input[type=file]::file-selector-button:hover { background-color: #D2D2F6; } .standtextfield {padding:7px 4px 7px 4px; font-family: 'Public Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #000; background-color:#F8F8FF; line-height:1.3em; border-style: solid; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; } .standtextfieldRightSide {padding:7px 4px 7px 4px; font-family: 'Public Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #000; background-color:#F8F8FF; line-height:1.3em; display:inline-block; text-align: left; border-top-width:1px; border-top-color:#3939F4; border-top-style: solid; border-top-right-radius:3px; border-right-width:1px; border-right-color:#00017F; border-right-style: solid; border-bottom-right-radius:3px; border-bottom-width:1px; border-bottom-color:#00017F; border-bottom-style: solid; -moz-border-top-right-radius:3px; -o-border-top-right-radius:3px; -ms-border-top-right-radius:3px; border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -o-border-bottom-right-radius:3px; -ms-border-bottom-right-radius:3px; border-bottom-right-radius:3px; border-left:none; } .standtextfieldLeftSide {padding:7px 4px 7px 4px; font-family: 'Public Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #000; background-color:#F8F8FF; line-height:1.3em; display:inline-block; text-align: right; border-top-width:1px; border-top-color:#3939F4; border-top-style: solid; border-top-left-radius:3px; border-left-width:1px; border-left-color:#3939F4; border-left-style: solid; border-bottom-left-radius:3px; border-bottom-width:1px; border-bottom-color:#00017F; border-bottom-style: solid; -moz-border-top-left-radius:3px; -o-border-top-left-radius:3px; -ms-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -o-border-bottom-left-radius:3px; -ms-border-bottom-left-radius:3px; border-bottom-left-radius:3px; border-right:none; } .standparagraph {padding:7px 4px 7px 4px; font-family:"Fira Code", Consolas, "Andale Mono", "Lucida Console", "Courier New", "monospace"; font-size: 13.5px; color: #000000; background-color:#F8F8FF; line-height:1.3em; width:750px; font-weight:400; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; } .standtextarea {padding:7px 4px 7px 4px; font-family:"Fira Code", Consolas, "Andale Mono", "Lucida Console", "Courier New", "monospace"; font-size: 15px; color: #000; background-color:#F8F8FF; line-height:1.3em; border-style: solid; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; } .standdropdown {padding:7px 4px 7px 4px; font-family: 'Public Sans', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #000; background-color:#F8F8FF; line-height:1.3em; border-width:1px; border-color: #00017F; border-top-color:#3939F4; border-left-color:#3939F4; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; } .standmultiple { font-family: 'Public Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #000; background-color:#F8F8FF; border:thin outset #005D5A; padding:7px 4px 7px 4px; height: 150px; width:300px; } .standsuggested {background-color:#CCFFFF;} .standfieldmargin {margin:7px 0px 7px 0px;} a.paragraphinsert {cursor:pointer; color:#000098; font-size:11px; line-height:1.4; letter-spacing:0.1px; font-family: "Fira Code", Consolas, "Andale Mono", "Lucida Console", "Courier New", "monospace";} a.paragraphinsert:hover { color:#2A1F00; } #stickycommands {position: sticky; position: -webkit-sticky; top:0px;} button.deletebutton, .deletebutton { padding:5px 10px 5px 10px!important; text-decoration: none!important; font-family: 'Public Sans', Arial, Helvetica, sans-serif!important; font-size: 1em!important; color: #ffffff!important; font-weight: 500!important; letter-spacing: 0.4px!important; background-color:#990000!important; background: -moz-linear-gradient(top,#FFD2D2 0,#FF6B6B 100%)!important; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFD2D2),color-stop(100%,#FF6B6B))!important; background: -webkit-linear-gradient(top,#FFD2D2 0,#FF6B6B 100%)!important; background: -o-linear-gradient(top,#FFD2D2 0,#FF6B6B 100%)!important; background: -ms-linear-gradient(top,#FFD2D2 0,#FF6B6B 100%)!important; background: linear-gradient(top,#FFD2D2 0,#FF6B6B 100%)!important; border-width:5px!important; border-color: #770000!important; border-top-color:#FF0000!important; border-left-color:#FF0000!important; -moz-border-radius:3px!important; -o-border-radius:3px!important; -ms-border-radius:3px!important; border-radius:3px!important; } button.deletebutton:hover, .deletebutton:hover { background: none!important!; background-color: #FFD2D2!important; } .flexcontainer {display: flex; flex-direction: row; justify-content: flex-start; align-items:center;} .flexitem {flex: 0 1 auto;} .flexcontainer-full {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items:center; align-content: flex-start;} .flexitem-full {flex: 1 1 auto; padding:9px 2px; text-align: center;} .flexitem-preview {flex: 1 1 auto; padding:0px 3px; text-align: center; line-height:1.2;} .v2-flexitem-full { flex: 1 1 auto; margin-top: 5px; text-align: center;} .v2B-flexitem-full { flex: 1 1 auto; margin-top: 5px; text-align: center;} label.flex-button-style {background-color:#eeeeee; border: thin outset #B5B5B5; padding: 7px 3px 9px 5px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} .radio-button-style {width:0px; padding: 0; margin: 0; overflow: hidden; opacity: 0;} .radio-button-style ~ label {background-color:#eeeeee; border: thin outset #B5B5B5; padding: 7px 9px 9px 9px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;} .radio-button-style:checked ~ label { background-color: #BFFFFD; border: thin outset #005D5A; padding: 7px 9px 9px 9px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#BFFFFD),color-stop(100%,#109310)); background: -webkit-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -o-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -ms-linear-gradient(top,#BFFFFD 0,#109310 100%); background: linear-gradient(top,#BFFFFD 0,#109310 100%); } .flexmapcontainer-full {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items:center; align-content: flex-start; margin-right:20px;} .flexmapitem-full {flex: 1 1 auto; padding:3px; text-align: center; line-height: 1;} .flexmapcontrols {flex: 1 1 auto; padding:5px; text-align: center; line-height: 1.5;} button.flex-button-map-tab-off, .flex-button-map-tab-off {background-color:#eeeeee; border: thin outset #B5B5B5; padding: 4px 5px 5px 5px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; line-height: 1; font-size: 1rem; font-weight: bold; color:#05008C; background: -moz-linear-gradient(top,#eeeeee 0,#CBCBCB 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eeeeee),color-stop(100%,#CBCBCB)); background: -webkit-linear-gradient(top,#eeeeee 0,#CBCBCB 100%); background: -o-linear-gradient(top,#eeeeee 0,#CBCBCB 100%); background: -ms-linear-gradient(top,#eeeeee 0,#CBCBCB 100%); background: linear-gradient(top,#eeeeee 0,#CBCBCB 100%); } button.flex-button-map-tab-on, .flex-button-map-tab-on {background-color:#F8A1FA; border: thin outset #9F08A3; padding: 4px 5px 5px 5px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; line-height: 1; font-size: 1rem; font-weight: bold; color:#05008C; background: -moz-linear-gradient(top,#F8A1FA 0,#F363F6 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F8A1FA),color-stop(100%,#F363F6)); background: -webkit-linear-gradient(top,#F8A1FA 0,#F363F6 100%); background: -o-linear-gradient(top,#F8A1FA 0,#F363F6 100%); background: -ms-linear-gradient(top,#F8A1FA 0,#F363F6 100%); background: linear-gradient(top,#F8A1FA 0,#F363F6 100%); } button.flex-button-map-off, .flex-button-map-off {background-color:#eeeeee; border: thin outset #B5B5B5; padding: 3px 4px 5px 4px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; line-height: 1; color: #05008C; font-size: 0.8rem; background: -moz-linear-gradient(top,#eeeeee 0,#CBCBCB 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eeeeee),color-stop(100%,#CBCBCB)); background: -webkit-linear-gradient(top,#eeeeee 0,#CBCBCB 100%); background: -o-linear-gradient(top,#eeeeee 0,#CBCBCB 100%); background: -ms-linear-gradient(top,#eeeeee 0,#CBCBCB 100%); background: linear-gradient(top,#eeeeee 0,#CBCBCB 100%); } button.flex-button-map-active, .flex-button-map-active { background-color: #FBFFBF; border: thin outset #5D5600; padding: 3px 4px 5px 4px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FDFFBF),color-stop(100%,#E1E61E)); background: -webkit-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: -o-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: -ms-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: linear-gradient(top,#FDFFBF 0,#E1E61E 100%); line-height: 1; color: #05008C; font-size: 0.8rem; } button.flex-button-map-notvisible, .flex-button-map-notvisible { background-color: #FFBFBF; border: thin outset #5D0000; padding: 3px 4px 5px 4px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top,#FFBFBF 0,#FF8282 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFBFBF),color-stop(100%,#FF8282)); background: -webkit-linear-gradient(top,#FFBFBF 0,#FF8282 100%); background: -o-linear-gradient(top,#FFBFBF 0,#FF8282 100%); background: -ms-linear-gradient(top,#FFBFBF 0,#FF8282 100%); background: linear-gradient(top,#FFBFBF 0,#FF8282 100%); line-height: 1; color: #05008C; font-size: 0.8rem; } button.flex-button-map-set, .flex-button-map-set { background-color: #BFFFFD; border: thin outset #005D5A; padding: 3px 4px 5px 4px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#BFFFFD),color-stop(100%,#109310)); background: -webkit-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -o-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -ms-linear-gradient(top,#BFFFFD 0,#109310 100%); background: linear-gradient(top,#BFFFFD 0,#109310 100%); line-height: 1; color: #05008C; font-size: 0.8rem; } button.flex-button-map-exists, .flex-button-map-exists { background-color: #BFCEFF; border: thin outset #000D5D; padding: 3px 4px 5px 4px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top,#BFCEFF 0,#0F4B93 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#BFCEFF),color-stop(100%,#0F4B93)); background: -webkit-linear-gradient(top,#BFCEFF 0,#0F4B93 100%); background: -o-linear-gradient(top,#BFCEFF 0,#0F4B93 100%); background: -ms-linear-gradient(top,#BFCEFF 0,#0F4B93 100%); background: linear-gradient(top,#BFCEFF 0,#0F4B93 100%); line-height: 1; color: #ffffff; font-size: 0.8rem; } .flex-button-measure-off {background-color:#eeeeee; border: thin outset #B5B5B5; padding: 6px 7px 7px 7px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top,#eeeeee 0,#D8D4D4 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eeeeee),color-stop(100%,#D8D4D4)); background: -webkit-linear-gradient(top,#eeeeee 0,#D8D4D4 100%); background: -o-linear-gradient(top,#eeeeee 0,#D8D4D4 100%); background: -ms-linear-gradient(top,#eeeeee 0,#D8D4D4 100%); background: linear-gradient(top,#eeeeee 0,#D8D4D4 100%); line-height: 1; font-size: 0.65em; } .flex-button-measure-active { font-weight: bold; background-color: #FDFFBF; border: thin outset #5D5600; padding: 6px 7px 7px 7px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FDFFBF),color-stop(100%,#E1E61E)); background: -webkit-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: -o-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: -ms-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: linear-gradient(top,#FDFFBF 0,#E1E61E 100%); line-height: 1; font-size: 0.65em; } .flex-button-take-photo-off {background-color:#eeeeee; border: thin outset #B5B5B5; padding: 6px 7px 7px 7px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(top,#eeeeee 0,#D8D4D4 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eeeeee),color-stop(100%,#D8D4D4)); background: -webkit-linear-gradient(top,#eeeeee 0,#D8D4D4 100%); background: -o-linear-gradient(top,#eeeeee 0,#D8D4D4 100%); background: -ms-linear-gradient(top,#eeeeee 0,#D8D4D4 100%); background: linear-gradient(top,#eeeeee 0,#D8D4D4 100%); line-height: 1; font-size: 0.7em; } .flex-button-take-photo-active, .flex-button-navbutton-active { font-weight: bold; background-color: #FDFFBF; border: thin outset #5D5600; padding: 6px 7px 7px 7px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FDFFBF),color-stop(100%,#E1E61E)); background: -webkit-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: -o-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: -ms-linear-gradient(top,#FDFFBF 0,#E1E61E 100%); background: linear-gradient(top,#FDFFBF 0,#E1E61E 100%); line-height: 1; font-size: 0.7em; } .flex-button-take-photo-set { font-weight: bold; background-color: #BFFFFD; border: thin outset #005D5A; padding: 6px 7px 7px 7px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#BFFFFD),color-stop(100%,#109310)); background: -webkit-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -o-linear-gradient(top,#BFFFFD 0,#109310 100%); background: -ms-linear-gradient(top,#BFFFFD 0,#109310 100%); background: linear-gradient(top,#BFFFFD 0,#109310 100%); line-height: 1; font-size: 0.7em; } .flex-button-take-photo-numberset { font-weight: bold; background-color: #BFFFFD; border: thin outset #005D5A; padding: 6px 7px 7px 7px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top,#BFFFFD 0,#EADD33 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#BFFFFD),color-stop(100%,#EADD33)); background: -webkit-linear-gradient(top,#BFFFFD 0,#EADD33 100%); background: -o-linear-gradient(top,#BFFFFD 0,#EADD33 100%); background: -ms-linear-gradient(top,#BFFFFD 0,#EADD33 100%); background: linear-gradient(top,#BFFFFD 0,#EADD33 100%); line-height: 1; font-size: 0.85em!important; } .flex-button-take-photo-exists { background-color: #BFCEFF; border: thin outset #000D5D; padding: 6px 7px 7px 7px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top,#BFCEFF 0,#85A2FF 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#BFCEFF),color-stop(100%,#85A2FF)); background: -webkit-linear-gradient(top,#BFCEFF 0,#85A2FF 100%); background: -o-linear-gradient(top,#BFCEFF 0,#85A2FF 100%); background: -ms-linear-gradient(top,#BFCEFF 0,#85A2FF 100%); background: linear-gradient(top,#BFCEFF 0,#85A2FF 100%); line-height: 1; font-size: 0.7em; color: #ffffff; } .radio { display: inline-grid; grid-template-columns: -webkit-min-content auto; grid-template-columns: min-content auto; grid-gap: 0.5em; font-size: 13px; color: #000;} .radio:focus-within .radio_label { opacity: 1;} .radio:focus .radio_label { opacity: 1;} .radio:hover .radio_label { opacity: 1;} .radio_label { line-height: 1; transition: 180ms all ease-in-out; opacity: 0.8;} .radio_input { display: flex; justify-content: flex-start; box-sizing: border-box;} .radio_input input { opacity: 0; width: 0; height: 0;} .radio_input input:focus + .radio_control { box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em #00017F; opacity: 1;} .radio_input input:hover + .radio_control { box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em #00017F; opacity: 1;} /* .radio-gradient input:checked + .radio_control { background: radial-gradient(#00017F 50%, rgba(255, 0, 0, 0) 51%); opacity: 1;} */ .radio-before .radio_control { display: grid; place-items: center;} .radio-before input + .radio_control::before { content: ""; width: 0.5em; height: 0.5em; box-shadow: inset 0.5em 0.5em #00017F; border-radius: 50%; transition: 180ms transform ease-in-out; transform: scale(0);} .radio-before input:checked + .radio_control::before { transform: scale(1);} .radio_control { display: block; width: 1em; height: 1em; border-radius: 50%; border: 0.1em solid #00017F; transform: translateY(-0.05em); background-color:#F8F8FF;} a.anotheraction, a.anotheraction:link, a.anotheraction:visited { border:3px outset #000F3B; display: inline-block!important; padding:5px; margin: 0px 5px 0px 5px; font-size: 1.2em; color:#003B00; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-decoration: none; font-family: 'Work Sans',Arial,Helvetica,sans-serif; } a.anotheraction:hover, a.anotheraction:active, a.anotheraction:focus { border:3px inset #000000; background-color:#ffffff!important; color: #000000!important; } .checkbox { display: inline-grid; grid-template-columns: -webkit-min-content auto; grid-template-columns: min-content auto; grid-gap: 0.5em; font-size: 16px; color: #000; width:15px; margin-left:4px;} .checkbox-disabled { color: #959495; } .checkbox_control { display: inline-grid; width: 1em; height: 1em; border-radius: 0.25em; border: 0.1em solid #00017F; border-top-color:#3939F4; border-left-color:#3939F4; box-sizing: border-box; background-color:#F8F8FF; } .checkbox_control svg { transition: transform 0.1s ease-in 25ms; transform: scale(0); transform-origin: bottom left; } .checkbox_input { display: grid; grid-template-areas: "checkbox"; } .checkbox_input > * { grid-area: checkbox; transform: translateY(0.2em); } .checkbox_input input { opacity: 0; width: 1em; height: 1em; } .checkbox_input input:focus + .checkbox_control { box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em #3939F4; box-sizing: border-box; } .checkbox_input input:hover + .checkbox_control { box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em #3939F4; box-sizing: border-box; } .checkbox_input input:checked + .checkbox_control svg { transform: scale(1); } .checkbox_input input:disabled + .checkbox_control { color: #959495; } .checkbox_simple { display: inline-grid; grid-template-columns: -webkit-min-content auto; grid-template-columns: min-content auto; grid-gap: 0.5em; font-size: 13px; color: #000; align-items: center;} .checkbox_simple:focus-within .check_label { opacity: 1;} .checkbox_simple:focus .check_label { opacity: 1;} .checkbox_simple:hover .check_label { opacity: 1;} .check_label { transition: 180ms all ease-in-out; opacity: 0.8;} .radiodot { display: inline-grid; grid-template-columns: -webkit-min-content auto; grid-template-columns: min-content auto; grid-gap: 0em; font-size: 13px; color: #000; padding:5px 12px 5px 0px;} .radiodot:focus-within .wordchoice { opacity: 1;} .radiodot:focus .wordchoice { opacity: 1;} .radiodot:hover .wordchoice { opacity: 1;} .wordchoice { transition: 180ms all ease-in-out; opacity: 0.8; padding-right:2px;} .radiodot-disabled { color: #959495; } .radiodot_control { display: inline-grid; width: 1em; height: 1em; border-radius: 50%; border: 0.1em solid #00017F; transform: translateY(-0.05em); background-color:#F8F8FF; } .radiodot_control svg { width: 1em; height: 1em; box-shadow: inset 1em 1em #00017F; border-radius: 50%; transition: 180ms transform ease-in-out; transform: scale(0); } .radiodot_input { display: grid; grid-template-areas: "checkbox"; align-items: center; align-self: start; width:17px;} .radiodot_input > * { grid-area: checkbox; } .radiodot_input input { opacity: 0; width: 1em; height: 1em; } .radiodot_input input:focus + .radiodot_control { box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em #00017F; opacity: 1; } .radiodot_input input:hover + .radiodot_control { box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em #00017F; opacity: 1; } .radiodot_input input:checked + .radiodot_control svg { transform: scale(1); } .radiodot_input input:disabled + .radiodot_control { color: #959495; } .textbox {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; background-color:#F8F8FF; border:thin outset #005D5A; padding:7px 4px 7px 4px; } .textarea { font-family: 'Work Sans',Arial,Helvetica,sans-serif; font-size: 0.975rem; color: #000; background-color:#F8F8FF; border:thin outset #005D5A; padding:7px 4px 7px 4px; line-height:1.3em; } .dcon {background-color: #99FFFF;} .dcoff {background-color: #ccc;} .mbon {background-color: #fdfd96;} .mboff {background-color: #c9c9af;} .tbon {background-color: #cc66ff;} .tboff {background-color: #bca1c9;} .insertoff {background-color: #CCD9FF; text-align:center; display:block;} .inserton {background-color: #99B3FF; text-align:center; display:none; width:100%;} .editpara {width:85px;} .lastedit {width:75px;} .paratxt {width:580px; overflow-x: hidden;} .p800 {color:#F00; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-weight:bold;} .dropdown { font-family: 'Public Sans', Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background-color:#fff; border:1px solid #000; padding:1px; } .grid-container { display: grid; grid-template-columns: auto auto auto auto auto auto;} .grid-item { padding: 3px; text-align: left; font-weight:normal;} /* These styles are useed in the product edit screen, but they might also be elseware */ .titlecell {padding:6px 3px 6px 0px; color:#000000; font-size:16px; font-weight:500; vertical-align: middle; text-align:right; } .titlecell-190px {padding:6px 3px 6px 0px; color:#000000; font-size:16px; font-weight:500; vertical-align: middle; text-align:right; width:190px;} .fieldcell-1000px {padding:6px 0px 6px 3px; color:#111111; font-size:16px; vertical-align: middle; text-align:left; width:1000px;} .fieldcell-700px {padding:6px 0px 6px 3px; color:#111111; font-size:16px; vertical-align: middle; text-align:left; width:700px;} .fieldcell-title1 {margin-left:40px; color:#111111; font-size:16px; font-weight:500;} .fieldcell-title2 {margin-left:80px; color:#111111; font-size:16px; font-weight:500;} .fieldcell-title3 {margin-left:25px; color:#111111; font-size:16px; font-weight:500;} .fieldcell-title4 {margin-left:15px; color:#111111; font-size:16px; font-weight:500;} .fieldcell-title5 {margin-left:7px; color:#111111; font-size:16px; font-weight:500;} .fieldcell-title6 { color:#111111; font-size:16px; font-weight:500;} .grid-page-container { display: inline-grid; grid-template-columns: auto auto auto; grid-template-rows:auto; grid-column-gap:50px; justify-items: self-start; } .grid-2col-container { display: inline-grid; grid-template-columns: auto auto; grid-template-rows:auto; grid-column-gap:50px; justify-items: self-start; } .grid-2and1-areas { grid-template-areas: "cell-a-1 cell-a-2" "cell-b-1 cell-a-2"; } .grid-2and6-areas { grid-template-areas: "cell-a-1 cell-a-2 cell-a-3" "cell-b-1 cell-b-2 cell-b-3"; } .group-container { border-style: solid; border-width:1px; border-color: #22223C; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; margin:7px; text-align: center; align-self: start;} .group-container-header { display: block; padding:5px 7px 7px 7px; text-align: center; color:#000000; font-size:16px; font-weight:500; margin-bottom: 3px; -moz-border-top-left-radius:10px; -o-border-top-left-radius:10px; -ms-border-top-left-radius:10px; border-top-left-radius: 10px; -moz-border-top-right-radius:10px; -o-border-top-right-radius:10px; -ms-border-top-right-radius:10px; border-top-right-radius: 10px;} .group-container-lines { display: grid; grid-template-columns: auto auto; grid-column-gap:0px; align-self: start;} .group-container-line-cell-full {padding:6px 6px 6px 6px; color:#000000; font-size:16px; align-self: start; text-align:left; grid-column-start: 1; grid-column-end: span 2;} .group-container-line-cell-1 {padding:9px 3px 6px 7px; color:#000000; font-size:16px; font-weight:500; align-self: start; text-align:right;} .group-container-line-cell-2 {padding:6px 7px 6px 3px; color:#111111; font-size:16px; align-self: start; text-align:left;} .group-container-lines>div.cellA {padding:6px 3px 6px 3px; color:#000000; font-size:14px; font-weight:500; align-self: center; text-align:right;} .group-container-lines>div.cellA1 {padding:13px 3px 6px 3px; color:#000000; font-size:14px; font-weight:500; align-self: start; text-align:right;} .group-container-lines>div.cellA2 {padding:13px 3px 6px 3px; color:#000000; font-size:16px; font-weight:500; align-self: start; text-align:center; grid-column-start: 1; grid-column-end: span 2;} .group-container-lines>div.cellB {padding:6px 3px 6px 3px; color:#111111; font-size:14px; align-self: center; text-align:left;} .group-container-lines>div.cellB2 {padding:0px 3px 6px 3px; color:#111111; font-size:14px; align-self: center; text-align:left; rid-column-start: 1; grid-column-end: span 2;} .group-container-columns { display: grid; grid-template-columns: auto ; grid-template-rows: repeat(8, auto); grid-auto-flow: column; grid-column-gap:0px; align-self: start;} .group-container-columns-x4rows { display: grid; grid-template-columns: auto ; grid-template-rows: repeat(4, auto); grid-auto-flow: column; grid-column-gap:0px; align-self: start;} .group-3col-container-lines { display: grid; grid-template-columns: auto auto auto; grid-column-gap:0px; align-self: start;} .group-3col-container-lines>div.head {padding:0px 5px 0px 5px; color:#000000; font-size:13px; text-align: center;} .group-3col-container-lines>div.head2 {padding:0px 5px 0px 5px; color:#000000; font-size:15px; font-weight:500; text-align: center;} .group-3col-container-lines>div.cell1 {padding:6px 3px 6px 7px; color:#000000; font-size:14px; font-weight:500; align-self: start; text-align:right;} .group-3col-container-lines>div.cell1a {padding:6px 3px 6px 7px; color:#000000; font-size:16px; align-self: start; text-align:center;} .group-3col-container-lines>div.cell2 {padding:0px 1px 6px 3px; color:#111111; font-size:14px; align-self: start; text-align:left;} .group-3col-container-lines>div.cell2a {padding:0px 7px 6px 3px; color:#111111; font-size:14px; align-self: start; text-align:left; grid-column-end: span 2;} .group-3col-container-lines>div.cell3 {padding:0px 7px 6px 1px; color:#111111; font-size:14px; align-self: start; text-align:left;} .grid-3col-container { display: inline-grid; grid-template-columns: auto auto auto; grid-column-gap:0px; align-self: start; text-align: center;} .grid-3col-container>div.head {padding:5px 5px 5px 5px;} .grid-3col-container>div.line {padding:5px 5px 5px 5px; color:#000000; font-size:13px; border-top:1px solid #cccccc;} .grid-3col-container>div.cell {padding:5px 15px 5px 5px; color:#111111; font-size:15px; text-align: left;} .grid-3col-container>div.desc { color:#222222; font-size:12px; padding:0px 2px 5px 15px; grid-column-start: 1; grid-column-end: span 3; width:350px; text-align: left;} .grid-4col-container { display: inline-grid; grid-template-columns: auto auto auto auto; grid-column-gap:0px; } .grid-4col-container>div.cell {padding:5px 15px 5px 5px; color:#111111; font-size:15px; text-align: left;} .grid-9col-container { display: inline-grid; grid-template-columns: repeat(9, auto); grid-column-gap:0px; } .grid-9col-container>div.head {padding:5px 5px 5px 5px;} .grid-9col-container>div.headbold {padding:4px; color:#111111; font-size:14px; font-weight:500; text-align:center; font-family:"Work Sans", Verdana, Helvetica, sans-serif;} .grid-9col-container>div.line {padding:5px 5px 5px 5px; color:#000000; font-size:13px; border-top:1px solid #cccccc;} .grid-9col-container>div.cell {padding:4px; color:#000000; font-size:13px; text-align:center; word-break:keep-all; } .grid-10col-container { display: inline-grid; grid-template-columns: repeat(10, auto); grid-column-gap:0px; } .grid-10col-container>div.head {padding:5px 5px 5px 5px;} .grid-10col-container>div.headbold {padding:4px; color:#111111; font-size:14px; font-weight:500; text-align:center; font-family:"Work Sans", Verdana, Helvetica, sans-serif;} .grid-10col-container>div.line {padding:5px 5px 5px 5px; color:#000000; font-size:13px; border-top:1px solid #cccccc;} .grid-10col-container>div.cell {padding:4px; color:#000000; font-size:13px; text-align:center; word-break:keep-all; } .grid-11col-container { display: inline-grid; grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto; grid-column-gap:0px; align-self: start; text-align: center;} .grid-11col-container>div {padding:0px 5px 0px 5px;} .grid-11col-container>div.checks {padding:0px 5px 4px 5px;} .grid-12col-container { display: inline-grid; grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto; grid-column-gap:0px; align-self: start; text-align: center;} .grid-12col-container>div {padding:0px 3px 0px 3px;} .grid-12col-container>div.checks {padding:0px 3px 4px 3px;} .label1 { color:#111111; font-size:16px; text-align:right; width:180px; } .label1R {padding:4px; color:#000000; font-size:16px; font-weight:500; vertical-align: middle; text-align:right; } .label1RT {padding:7px 4px 4px 4px; color:#000000; font-size:16px; font-weight:500; vertical-align: top; text-align:right; } .label1L {padding:4px; color:#111111; font-size:16px; vertical-align: middle; text-align:left; } .label1LT {padding:7px 4px 4px 4px; color:#111111; font-size:16px; vertical-align: top; text-align:left; } .label2 {margin-left:40px; color:#111111; font-size:16px;} .label2a {margin-left:80px; color:#111111; font-size:16px;} .label2bold {margin-left:40px; color:#111111; font-size:16px; font-weight:500;} .label3 { color:#111111; font-size:16px;} .label3a { color:#111111; font-size:15px;} .label4 { color:#111111; font-size:16px; font-weight:500;} .label5 { color:#222222; font-size:16px;} .label6 { color:#111111; font-size:16px; font-family:"Work Sans", Verdana, Helvetica, sans-serif;} .label7 {margin-left:9px; color:#111111; font-size:15px;} .label8 {margin-left:25px; color:#111111; font-size:15px;} .label8a {margin-right:25px; color:#111111; font-size:15px;} .label9 {margin-left:5px; color:#111111; font-size:13px;} .label10 {margin-left:0px; color:#111111; font-size:13px;} .label11 {padding:4px; color:#00017F; font-size:14px; line-height: 1.4;} .label11a { color:#00017F; font-size:14px; font-style: italic;} .label12 {padding-right:5px; display:inline-block; float:right; width:70px; text-align:right; } .label13 {padding-right:5px; display:inline-block; width:112px; text-align:right; } .vtalign { vertical-align: top; padding-top:9px;} .vmalign { vertical-align:middle;} .vbalign { vertical-align: bottom;} .tlalign { text-align:left;} .tralign { text-align:right;} .tcalign { text-align:center;} .extrapadding {padding:16px 0px 16px 3px;} .leftmargin25 {margin-left:25px;} .smallgray {color:#444444; font-size:12px;} .smallgrayindent {color:#444444; font-size:13px; font-weight: 350; margin-left:40px;} .smallgrayinfo {color:#444444; font-size:13px; font-weight: 350;} .medgray {color:#333333; font-size:14px;} .rowhighlight {background-color:#FFFFDD;} .rowhighlight .group-container-header {background-color:#FFFF43;} .rowhighlight0 {background-color:#FFF9E6;} .rowhighlight0 .group-container-header {background-color:#FFD34B;} .rowhighlight1 {background-color:#FFFF99;} .rowhighlight1 .group-container-header {background-color:#DCDC29;} .rowhighlight2 {background-color:#FFDDDD;} .rowhighlight2 .group-container-header {background-color:#FB6E6E;} .rowhighlight3 {background-color:#99FFFF;} .rowhighlight3 .group-container-header {background-color:#30FFFF;} .rowhighlight4 {background-color:#CCCCCC;} .rowhighlight4 .group-container-header {background-color:#9D9D9D;} .rowhighlight5 {background-color:#FFEFD7;} .rowhighlight5 .group-container-header {background-color:#FFB543;} .rowhighlight6 {background-color:#DBDBDB;} .rowhighlight6 .group-container-header {background-color:#AFAFAF;} .rowhighlight7 {background-color:#AFFFAF;} .rowhighlight7 .group-container-header {background-color:#00CE00;} .rowhighlight8 {background-color:#FDEEF4;} .rowhighlight8 .group-container-header {background-color:#F18DB5;} .rowhighlightSEO {background-color:#33CCFF;} .rowhighlightECOM {background-color:#FFCCFF;} .rowhighlightVIS {background-color:#99FF99;} .rowhighlightPOS {background-color:#E2E2FB;} .error {color:#ee0000!important;} /* Tooltip container */ .tooltip { position: relative; display: inline-block;} .featuretip { position: relative; display: inline-block; color: #00007C;} .seotip { position: relative; display: inline-block; color: #004200;} /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #000000; color: #ffffff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; } .tooltip .tooltiptext2 { visibility: hidden; width: 250px; background-color: #000000; color: #ffffff; text-align: left; padding: 7px; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; bottom: 90%; left: 80%; margin-left: 0px; box-shadow: 0 0 20px 10px rgba(0, 0, 0, .5);} .featuretip .featuretext { visibility: hidden; width: 450px; background-color: #00007C; color: #ffffff; font-size:15px; font-weight: 400; text-align: left; padding: 7px; border-radius: 6px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -125px; box-shadow: 0 0 20px 10px rgba(0, 0, 0, .5);} .featuretip .featuretext2 { visibility: hidden; width: 450px; background-color: #00007C; color: #ffffff; font-size:15px; font-weight: 400; text-align: left; padding: 7px; border-radius: 6px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -25px; box-shadow: 0 0 20px 10px rgba(0, 0, 0, .5);} .featuretip .featuretext3 { visibility: hidden; width: 450px; background-color: #00007C; color: #ffffff; font-size:15px; font-weight: 400; text-align: left; padding: 7px; border-radius: 6px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -225px; box-shadow: 0 0 20px 10px rgba(0, 0, 0, .5);} .seotip .seotext { visibility: hidden; width: 550px; background-color: #004200; color: #ffffff; font-size:15px; font-weight: 400; text-align: left; padding: 7px; border-radius: 6px; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -175px; box-shadow: 0 0 20px 10px rgba(0, 0, 0, .5);} /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible;} .tooltip:hover .tooltiptext2 { visibility: visible;} .featuretip:hover .featuretext { visibility: visible;} .featuretip:hover .featuretext2 { visibility: visible;} .featuretip:hover .featuretext3 { visibility: visible;} .seotip:hover .seotext { visibility: visible;} .featurenote {font-size:15px; color: #00007C; font-weight: 400;} .seonote {font-size:15px; color: #004200; font-weight: 400;} /* New formatting rules as of GlitterPaw 16 */ a.copybutton {color: #0000ff; font-weight:normal; padding:3px; background-color:#DDDDDD; font-size:12px; border:1px solid #9E9B9B; line-height: 2.5; font-family: "Work Sans", Verdana, Helvetica, sans-serif; text-decoration: none; } a.copybutton:link {color: #0000ff; font-weight:normal; padding:3px; background-color:#DDDDDD; font-size:12px; border:1px solid #9E9B9B; line-height: 2.5; font-family: "Work Sans", Verdana, Helvetica, sans-serif; text-decoration: none; } a.copybutton:hover {color: #990000; font-weight:normal; padding:3px; background-color:#DDDDDD; font-size:12px; border:1px solid #9E9B9B; line-height: 2.5; font-family: "Work Sans", Verdana, Helvetica, sans-serif; text-decoration: none; } a.copybutton:visited {color: #c0500c; font-weight:normal; padding:3px; background-color:#DDDDDD; font-size:12px; border:1px solid #9E9B9B; line-height: 2.5; font-family: "Work Sans", Verdana, Helvetica, sans-serif; text-decoration: none; } input.textfield {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; background-color:#F8F8FF; border:thin outset #005D5A; padding:7px 4px 7px 4px; } input.textfield:hover {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; background-color:#F8F8FF; border:thin outset #005D5A; padding:7px 4px 7px 4px; } input.textfield:active {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; background-color:#FFFF99; border:thin outset #005D5A; padding:7px 4px 7px 4px; } /* Use class=leadingfield for the currency and class=currencyfield for the form field */ .leadingsymbol {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; border-top-right-radius: 0px; border-bottom-right-radius: 0px; font-weight: normal; background-color:#F8F8FF; border:thin outset #005D5A; border-right:none; padding:7px 0px 7px 4px;} input.currencyfield {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-color:#F8F8FF; border:thin outset #005D5A; border-left:none; padding:7px 4px 7px 4px; } input.currencyfield:hover {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-color:#F8F8FF; border:thin outset #005D5A; border-left:none; padding:7px 4px 7px 4px; } input.currencyfield:active {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-color:#FFFF99; border:thin outset #005D5A; border-left:none; padding:7px 4px 7px 4px; } input.currencyfield:focus {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; border-top-left-radius: 0px; border-bottom-left-radius: 0px; background-color:#FFFF99; border:thin outset #005D5A; border-left:none; padding:7px 4px 7px 4px; outline:none;} input.percentfield {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; background-color:#F8F8FF; border:thin outset #005D5A; border-right:none; padding:7px 4px 7px 4px; } input.percentfield:hover {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; background-color:#F8F8FF; border:thin outset #005D5A; border-right:none; padding:7px 4px 7px 4px; } input.percentfield:active {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; background-color:#FFFF99; border:thin outset #005D5A; border-right:none; padding:7px 4px 7px 4px; } input.percentfield:focus {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; background-color:#FFFF99; border:thin outset #005D5A; border-right:none; padding:7px 4px 7px 4px; outline:none;} .trailingsymbol {font-family: 'Work Sans',Arial,Helvetica,sans-serif; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; font-size: 0.975rem; color: #000; background-color:#F8F8FF; border:thin outset #005D5A; border-left:none; padding:5px 3px 3px 3px;} .inputformat {color:#0004C4; font-size:12px;} a.tabchoices {display:block; padding:3px; border:#FFD558 1px solid; border-bottom:none; margin:4px 3px 0px 3px; font-family:"Work Sans", Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; color:#0E0E76; text-decoration:none; background-color:#FFEFC0; border-top-left-radius:4px; border-top-right-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; } a.tabchoices:link, a.tabchoices:visited { } a.tabchoices:hover { color:#050550; text-decoration:none; background-color:#FFD558; font-weight:550; border:#D9A300 1px solid; border-bottom:none; cursor: pointer; } a.tabchoiceson, a.tabchoiceson:link, a.tabchoiceson:hover, a.tabchoiceson:visited { display:block; padding:4px 3px 6px 3px; border:#050550 1px solid; border-bottom-color:#050550; margin:0px 6px 0px 6px; font-family:"Work Sans", Verdana, Arial, Helvetica, sans-serif; background-color:#0E0E76; color:#FFEFC0; font-weight:550; font-size:15px; border-top-left-radius:4px; border-top-right-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; } .tabcontainer {vertical-align: top; width:100%; box-sizing: border-box; border:2px #050550 solid; padding:7px;} a.subtabchoices { display:block; padding:4px 3px 0px 3px; border:#2626FF 1px solid; border-bottom:none; margin:4px 3px 0px 3px; font-family:"Work Sans", Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:400; background-color:#F4F4FE; border-top-left-radius:4px; border-top-right-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; } a.subtabchoices:link, a.subtabchoices:visited { color:#735600; text-decoration:none; background-color: #E6E6FC; } a.subtabchoices:hover { color:#735600; text-decoration:none; background-color:#FFFFFF; font-weight:550; border:#050550 1px solid; border-bottom:none; } a.subtabchoiceson, a.subtabchoiceson:link, a.subtabchoiceson:hover, a.subtabchoiceson:visited { display:block; padding:4px 3px 6px 3px; border:#A77D00 1px solid; border-bottom-color:#A77D00; margin:0px 6px 0px 6px; font-family:"Work Sans", Verdana, Arial, Helvetica, sans-serif; background-color:#B58800; color:#FFFFFF; font-weight:550; font-size:15px; border-top-left-radius:4px; border-top-right-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; }