* {box-sizing:border-box;}
html,body {color:#52658f;margin:0;font-family:Lato,Arial,sans-serif;}
a, [id^=tlist] {color:#337ab7;text-decoration:none;}
a:hover, [id^=tlist]:hover {color:#333a56;text-decoration:underline;}
a[class*='plain']:hover {text-decoration:none;}
h2,h3,h4,h5 {margin-bottom:10px;line-height:1.375em;color:#333a56;}
h2 {font-size:2em;font-weight:600;text-transform:uppercase;}
h3 {font-size:1.7em;font-weight:500;}
h4 {font-size:1.15em;font-weight:500;margin-top:5px;margin-bottom:5px;}
h4.under {margin-top:1.5em;margin-bottom:0em;border-bottom:1px solid #333a56;}
h5 {font-size:1.4em;font-weight:500;margin-top:6px;margin-bottom:6px;}
button,input,select,textarea{font:inherit;margin:0;}
img {max-width:100%;height:auto;}
label {white-space:nowrap;}
.container {max-width:1200px;margin:auto;padding:2px;/*border:1px dotted #808080;*/}
.row:before,.row:after,.container:after,.container:before {content:'';display:table;clear:both;}

[class*=col-] {width:100%;float:left;padding:0.4em;}
.col-2,.col-2L,.col-2R {padding:0.3em;}
.col-3,.col-6 {padding:0.2em;}

.table,.tableAll{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.tableAll{border:1px solid #ccc}
.bordered tr,.tableAll tr{border-bottom:1px solid #ddd}
.tableAll tr:nth-child(even){background-color:#f1f1f1}
.tableAll tr:nth-child(odd){background-color:#fff}
.hoverable tr:hover, th {background-color:#ccc}
.table td,.table th,.tableAll td,.tableAll th{padding:7px 5px;display:table-cell;text-align:left;vertical-align:top;}
.table th:first-child,.table td:first-child,.tableAll th:first-child,.tableAll td:first-child{padding-left:9px;}

.topimg {height:148px;background-image:url('../img/home.jpg');background-size:cover;
 border:0px;padding-top:7px;text-align:center;margin-bottom:0;}

.nav {background-color:#333a56;}
.topnav {position:relative;max-width:1200px;margin:auto;overflow:hidden;}
.topnav a {display:block;color:#ced5e3;text-align:center;text-decoration:none;
 padding:9px 9px;font-size:1.15em;border:1px solid #808080;border-width:1px 0 0 0;}
.topnav a:hover {background-color:#eff1f6;color:#333a56!important;}
.topnav a.active {background-color:#ced5e3;color:#333a56;}
#home {display:block;width:50%;text-align:left;border:0;}
a.hambar {position:absolute;display:block;width:50%;right:0;top:0;text-align:right;padding:9px 9px;border:0;}
.topnav.toptog a[id^=menu] {display:none;}
.topnav a[id^=menuR] {color:#ced5e3;}

.card {font-size:0.9em;margin:6px;border:1px solid #ccc;border-radius:6px;}
.card:hover, .ocard:hover, .button0:hover {box-shadow: 0 6px 12px 0 rgba(0,0,0,0.3);}
.cardtop {color:#e8e8e8;background-color:#52658f;font-size:1.4em;text-align:center;padding:9px;
  border-style:inherit;border-color:inherit;border-width:0 0 1px 0;border-radius:6px 6px 0 0;}
.cardbody {background-color:white;font-size:1em;text-align:center;padding:4px;}
.cardbot {color:#52658f;background-color:#e8e8e8;font-size:0.9em;padding:8px;
  border-style:inherit;border-color:inherit;border-width:1px 0 0 0;border-radius:0 0 6px 6px;}

.ocard {font-size:0.9em;margin:6px;background-color:#F5F5F5;border:1px solid #E3E3E3;border-radius:6px;}
.ocardtop {color:#52658f;font-size:1.1em!important;padding:5px;
  border-style:inherit;border-color:inherit;border-width:0 0 1px 0;border-radius:6px 6px 0 0;}
.ocardbody {background-color:#fff;font-size:1em!important;padding:4px;font-size:0.9em;padding:5px;
  border-style:inherit;border-color:inherit;border-width:0;border-radius:0 0 6px 6px;}

.well {font-size:0.9em;margin:8px;padding:8px;border-radius:7px;color:#52658f;border:1px solid #E3E3E3;}
.well p {margin:0;padding:1px 2px;}
.well p.larger {font-size:1.1em;margin:5px 0px 15px;}
.well.divider {padding:0px;background-color:#f7f5e6;border:none;}

.progress {margin: 0px 4px 0px; padding:0px 4px 0px;}

.grey {background-color:#F5F5F5;border-color:#E3E3E3;}
.cream {background-color:#f7f5e6;border-color:#e7e0b1;}
.pink {background-color:#fcc;border-color:#f99;}
.ltblue {background-color:#d9edf7;border-color:#d9edf7;}
.ltgreen {background-color:#e6ffe6;border-color:#cfc;}

.clearfix::after {content:"";clear:both;display:table;}
.pointer {cursor:pointer;}
.center {text-align:center!important;}
.right {text-align:right!important;}
.notbold {font-weight:normal;}
.floatright {float:right;}
.small {font-size:0.85em;}
.smallish {font-size: 0.95em;}
.large {font-size: 1.2em;}
.regular {font-size:1.1em!important;margin:5px!important;}
.footer {background-color:#f7f5e6;}
.footnote {max-width:992px;margin:auto;text-align:center;padding:5px;font-size:0.9em;}
.olabel, .olabel2 {padding-top:0;text-align:left;}
.inset {padding: 0 7% 0 7%;}
.insetsm {padding: 0 3% 0 3%;}
.insetqtr {padding: 0 20% 0 20%;}
.pad9 {padding:9px;}
.hidediv {display:none;}
.showdiv {display:inherit;}
.edged {padding:3px 5px; border-radius:5px; border:1px solid #e7e0b1;}

.badge {background-color:#808080;color:#fff;display:inline-block;
 padding-left:4px;padding-right:4px;text-align:center;border-radius:5px;}

button, .button {background-color:#4eb151;color:#e6ffe6;padding:8px 12px;border:2px solid #e6ffe6;border-radius:5px;
 text-align:center;text-decoration:none;display:inline-block;font-size:1.1em;margin:auto;cursor:pointer;}
button:hover, .button:hover {background-color:#e6ffe6;color:#4eb151;border-color:#4eb151;box-shadow: 0 6px 12px 0 rgba(0,0,0,0.3);}
.button {width:90%;margin-left:5%;}
a.button:hover {text-decoration:none;}
.button0,.button0:hover {font-size:0.85em;padding:3px 5px;color:#fff;border-color:#fff;}
.button1 {width:50%;background-color:#fff;color:#4eb151;border-color:#4eb151;float:right;}
.button1:hover {background-color:#4eb151;color:#fff;}
.button50c {width:50%;display:block;margin:8px auto;}
.button4 {width:90%;margin:4px;background-color:#f7f5e6;color:#52658f;border:1px solid #ccc;}
.button4:hover {background-color:#52658f;color:#f7f5e6;border-color:#ccc;}
.button5 {width:100%;float:none;display:block;margin:auto;margin-bottom:5px;margin-top:3px;
 padding:4px;border:1px solid #fff;border-radius:4px;font-size:1.1em;}
.dlButt {width:100%;display:block;float:none;}
.dlButt:disabled, .dlButt:disabled:hover {cursor:not-allowed;background-color:#f8f3ed;color:#d2b48c;border-color:#d2b48c;}

.cardtop.login {font-size:1em;padding:2px;color:#52658f;background-color:#f1f1f1;border-width:0;}
.cardbot.login {font-size:1em;padding:6px;background-color:white;}

.paygrid {display:grid;grid-template-columns: 40% 60%;grid-gap:5px;padding:5%;}
.paygrid > div:nth-of-type(odd) {font-size:0.95em;color:#333a56;text-align:right;padding-top:9px;}

.g1{grid-area:head;}
.g2{grid-area:f1;}
.g3{grid-area:f2;}
.g4{grid-area:f3;}
.g5{grid-area:foot;}
.contactgrid{display:grid;grid-template-areas:'head head' 'f1 f2' 'f3 f3' 'foot foot';grid-gap:20px;
 background-color:transparent;padding:5px;}
input[type=text], input[type=email], input[type="password"],textarea {width:100%;}
input[type=text], input[type=email], input[type="password"], select, textarea {
 padding:9px;border:1px solid #808080;border-radius:5px;resize:vertical;}
input[type=text]:read-only,input[type=email]:read-only {background-color:#e6e6e6;}
textarea {min-height:75px;}
input[type=text].share {display:inline;width:40px;padding:2px;}
select.opt {padding:2px;}

.slideshow {position:relative;height:62px;overflow:hidden;}
.slide {position:absolute;width:100%;top:0;opacity:0;
padding:10px;text-align:center;font-style:italic;}
.dots{text-align:center;padding:7px 0 0 0;}
.dot{height:11px;width:11px;margin:0 7px;background-color:#333333;
border-radius:50%;display:inline-block;opacity:0.2;}
.slideshow div {animation:slideshow 49s infinite;}
@keyframes slideshow {15%{opacity:1;}30%{opacity:0;}}
.dots span {animation:dots 49s infinite;}
@keyframes dots {15%{opacity:1;}30%{opacity:0.2;}}
.slideshow div:nth-child(1),.dots span:nth-child(1){animation-delay:0s;}
.slideshow div:nth-child(2),.dots span:nth-child(2){animation-delay:7s;}
.slideshow div:nth-child(3),.dots span:nth-child(3){animation-delay:14s;}
.slideshow div:nth-child(4),.dots span:nth-child(4){animation-delay:21s;}
.slideshow div:nth-child(5),.dots span:nth-child(5){animation-delay:28s;}
.slideshow div:nth-child(6),.dots span:nth-child(6){animation-delay:35s;}
.slideshow div:nth-child(7),.dots span:nth-child(7){animation-delay:42s;}

.feat p, .feat div {font-size:1em;}
.feat p {line-height:1.2em;margin:0.4em 0.5em 0.2em 0.2em;
  display:inline-block;width:100%;vertical-align:top;}

.icon {stroke:currentColor;stroke-width:2;stroke-linecap:round;
 stroke-linejoin:round;fill:none;background-color:transparent;}
.jlogo {width:284px; height:133px; margin: auto; border: 1.5px solid white;}
.mlogo {width:179px; height:133px; margin: auto; border: 1.5px solid white;display:none;}
[id^='svgw'] {color:#333a56;margin:auto;display:none;}
#btnmsg {color:#333a56;font-size:1.2em;font-weight:bold;}

.svgbox {stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;fill:none;}
.svgbox text {font:italic 4px sans-serif;stroke-width:0;fill:#000;}
.svgbox circle, .svgbox line {stroke:#0094ff;}
.svgbox rect {stroke-width:0;fill:#cccccc;}

.oformpp td {padding:7px 3px;}
.oformsel {width:5.5em;padding:1px;font-size:0.85em;}
.oform_dl {padding:1px;font-size:0.95em;}
.oformsch {width:40%;padding:6px;background-color:#ffe6e6;margin:0 0 1em 0;}
.checkbox * {cursor:pointer;}
.checkbox {padding:0;text-align:center;white-space:nowrap;}
.checkbox label {z-index:8;display:inline-block;position:relative;padding:0 1px 0 1px;}
.checkbox label::before {
  text-align:center;display:inline-block;position:absolute;width:1.25em;height:1.25em;left:-0.5em;top:-1.4em;
  margin-left:-1.3em;border:1px solid #555;border-radius:50%;background-color:#fff;content:"";}
.checkbox label::after {
  text-align:center;display:inline-block;position:absolute;width:1.25em;height:1.25em;left:-0.6em;top:-1.4em;
  margin-left:-1.3em;padding-left:3px;padding-top:0px;font-size:1.05em;color:#008000;font-weight:bold;content:'';}
.checkbox input[type="checkbox"] {position:relative;z-index:9;opacity:0;width:1.8em;height:1.3em;}
.checkbox input[type="checkbox"]:checked+label::after {content:"\2714";}
.checkbox input[type="checkbox"]:hover+label::before {background-color:#80ff80;}
.checkbox-blue input[type="checkbox"]+label::before {background-color:#d8e7f3;border-color:#337AB7;}
.checkbox-orange input[type="checkbox"]+label::before {background-color:#ffe6cc;border-color:#ff8400;}
/*papers not available*/
.checkbox.cross input[type="checkbox"] {z-index:7;}
.checkbox.cross input[type="checkbox"]:hover+label::before {background-color:#fff;}
.checkbox.cross label::before {border-color:#fff;}
.checkbox.cross label::after {font-size:1.05em;color:#c0c0c0;font-weight:normal;content:'\2718';}

.exc0 {color:#606060;border-color:#606060;}
.exb0 {background-color:#e6e6e6;}
.exc6 {color:#448D76;border-color:#448D76;}
.exb6 {background-color:#ddeee9;}
.exc5 {color:#AE0D7A;border-color:#AE0D7A;}
.exb5 {background-color:#fde8f7;}
.exc4 {color:#e3a302;border-color:#e3a302;}
.exb4 {background-color:#fef8e6;}
.exc3 {color:#559E54;border-color:#559E54;}
.exb3 {background-color:#deedde;}
.exc2 {color:#9A0794;border-color:#9A0794;}
.exb2 {background-color:#ece7fe;}
.exc1 {color:#c98703;border-color:#c98703;}
.exb1 {background-color:#fff6e6;}

.gray {background-color:#fff;color:#808080;border-color:#808080;}
.gray:hover {background-color:#808080;color:white;border-color:#52658f;}
.green {background-color:#d9f2e6;color:#26734d;border-color:#26734d;}
.green:hover {background-color:#26734d;color:#d9f2e6;}
.blue {background-color:#cceeff;color:#006699;border-color:#006699;}
.blue:hover {background-color:#006699;color:#cceeff;}
.mauve {background-color:#ffccdd;color:#990033;border-color:#990033;}
.mauve:hover {background-color:#990033;color:#ffccdd;}
.lemon {background-color:#ffffb3;color:#808000;border-color:#808000;}
.lemon:hover {background-color:#808000;color:#ffffb3;}
.orange {background-color:#ffe6cc;color:#cc6600;border-color:#cc6600;}
.orange:hover {background-color:#cc6600;color:#ffe6cc;}
.steelblue {background-color:#edf3f8;color:steelblue;border-color:steelblue;}
.steelblue:hover {background-color:steelblue;color:#edf3f8;}

.text-hi-lt {color:#fff;background-color:#ffcccc;padding:2px 5px;border-radius:3px;}
.rounded {border-radius:5px;padding:1px 5px;}
.rndcnr {border-radius:5px;}
.bg-grey {background-color:#e6e6e6!important;}
.bg-ltgrey {background-color:#f1f1f1!important;}
.bg-ltcream {background-color:#fff6e6!important;}
.bg-green {background-color:#ccffcc;}
.bg-blue {background-color:#e6f3ff;}
.bg-pink {background-color:#ffe6e6;}
.bg-dkpink {background-color:#ffcccc;}

.bg-cream {background-color:#f7f5e6;}
.bg-dkcream {background-color:#ede8c5;}
.bg-dkblue,.bg-dkblue:hover {background-color:#337AB7;}
.bg-reg,.bg-reg:hover {background-color:#80c1ff;}
.bg-prem,.bg-prem:hover {background-color:#5cd65c;}
.bg-clr,.bg-clr:hover {background-color:#ff9999;}
.bg-price {background-color:#F0AD4E;}

.modal {z-index:99;display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);}
.modal-body {max-width:500px;border-radius:4px;padding:0.1em;margin:auto;margin-top:2em;
 box-shadow:0 6px 12px 0 rgba(0,0,0,0.3);background-color:#f7f5e6;}
.modal-body.thin {max-width:330px;}
.modal-header {padding:0 0.5em;}
.modal-content {background-color:#F5F5F5;padding:0.3em 0.5em;}
.modal-footer {padding:0.5em 0.5em;}
.checker:checked + .modal {display:block;}
.molab {display:inline-block;padding:7px 14px;border-radius:4px;cursor:pointer;color:#fff;border: 2px solid #fff;}
.molab:hover {border-color:#0084ff;}
.motxt {color:#fff;cursor:pointer;border:2px solid #fff;}
.motxt:hover {box-shadow:0 6px 12px 0 rgba(0,0,0,0.3);}
.molink {color:#337ab7; cursor:pointer; border-radius:3px; padding:1px 2px 1px;}
.molink:hover {box-shadow:0 6px 12px 0 rgba(0,0,0,0.3); border:1px solid #337ab7;}
.modclose {float:right;font-size:28px;font-weight:bold;}
.modclose:hover {color:#f00;text-decoration: none;cursor: pointer;}

.info {padding-top:0;}
.red {color:#f00;}
.txtblue {color:#52658f;font-size:0.9em;}
.strike {text-decoration:line-through;}
.alert {background-color:#ffcccc!important;border:2px solid #f00!important;}
.chart {width:100%; height:250px; margin:auto;}
.p_div {display:none;overflow:hidden;padding:0px;border:12px solid white;}
.lisep {margin-left:-22px;text-decoration:underline;}

.tip{cursor:auto;position:relative;}
.tip .tipt,.tip .tipa{visibility:hidden;width:160px;background-color:#ede8c5;color:red;border-radius:4px;
  border:solid 1px #000;padding:1px 1px;position:absolute;z-index:1;top:18px;left:48px;}
.tip .tipt::before{content:'Author: ';}
.tip .tipa::before{content:'Title: ';}
.tip:hover{cursor:pointer;color:red;}
.tip:hover .tipt,.tip:hover .tipa{visibility:visible;}

progress {--bcol:#f7f5e6;--bcob: #e7dfb1;--brad: 0.4em;width: 100%; height: 1em;
-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;
border-radius: var(--brad);background-color: var(--bcol); color: var(--bcob);}
/* WEBKIT BROWSERS - CHROME, OPERA AND SAFARI */
progress::-webkit-progress-bar {background-color: var(--bcol);border-radius: var(--brad);}
progress::-webkit-progress-value {background-color: var(--bcob);border-radius: var(--brad);}
/* MOZILLA FIREFOX */
progress::-moz-progress-bar {background-color: var(--bcob);border-radius: var(--brad);}

@media screen and (min-width: 576px) {
  #home {display:block;float:left;width:15%;border:0;text-align:center;}
  .topnav a[id^=menu], .topnav.toptog a[id^=menu] {display:block;float:left;width:16%;border:0;}
  .topnav a[id^=menuR], .topnav.toptog a[id^=menuR] {float:right;}
  a.hambar {display:none;}
  .button3 {width:30%;}
  div.slideshow {height:45px;}
  [id^=chart] {height:310px;}
  .feat p {width:46%!important;}
  .paygrid {padding:5px 15% 5px 10%;}
  .mlogo {display:inline;}
}

@media screen and (min-width: 768px) {
  .col-1 {width:100%;}
  .col-2 {width:50%;}
  .col-2L {width:55%;}
  .col-2R {width:45%;}
  .col-3 {width:33.33%;}
  .col-6 {width:66.66%;}
  div.slideshow {height:30px;}
  [id^=chart] {height:425px;}
  .info {padding-top:95px;}
  .jlogo {width: 333px; height:156px;}
  .mlogo {width:208px;height:156px;}
  .topimg {height: 170px;}
  .paygrid {padding:5px 35% 5px 5%;}
  .olabel {padding-top:12px;padding-right:15px;text-align:right;}
  .olabel2 {padding-top:0;padding-right:15px;text-align:right;}
  .p_div {display:block;height:310px;}
}

@media only screen and (min-width: 992px) {
  .feat p {width:31%!important;}
  [id^=chart] {height:550px;}
  .p_div {height:280px;}
}