/* ============================== */
/* === Powered by locomputing === */
/* ============================== */


p {
font-size: 100%;
}



.topline {
 font-size: 70%;
 font-weight: bold;
 width: 100%;  
 position: relative;
background: sienna linear-gradient(105deg, #cd999e 1%, gold 12% , gold 100%);
border-top: calc(.13em + ((.13vw - 0.15em) * 1)) solid silver;
border-bottom: calc(.12em + ((.12vw - 0.15em) * 1)) solid silver;
border-left: none;
-webkit-text-stroke: .0075em black;
border-right:none;
 color: black;
 text-align: left;
 padding: calc(.1em + ((.1vw - 0.1em) * 1)) 0 calc(.1em + ((.1vw - 0.1em) * 1)) .75em; 
 cursor:default;
 margin: 0;
}
.topline:before {
content: ' ';
position: absolute;
background: linear-gradient(90deg,#888888,#dddddd,#000000);
clip-path: polygon(0 0%, 1px 100%, 22% 15%);
width: 3em;
height: 101%;
top: 0;
left: 0;
z-index: 10;
}

.topinner {
 font-size: 90%;
 font-weight: bold;
 display: block;
 position: relative;
background: sienna linear-gradient(105deg, #cd999e 1%, gold 12% , gold 100%);
border-top: calc(.12em + ((.12vw - 0.15em) * 1)) solid silver;
border-bottom: calc(.12em + ((.12vw - 0.15em) * 1)) solid silver;
border-left: none;
-webkit-text-stroke: .0075em black;
border-right:none;
 color: black;
 text-align: left;
 padding: calc(.1em + ((.1vw - 0.1em) * 1)) 0 calc(.1em + ((.1vw - 0.1em) * 1)) .75em; 
 cursor:default;
 margin: .5em -.55em .5em -1.1em;
}
.topinner:before {
content: ' ';
position: absolute;
background: linear-gradient(90deg,#777777,#eeeeee,#000000,#000000);
clip-path: polygon(0 0%, 1px 100%, 22% 15%);
width: 2em;
height: 101%;
top: -.02em;
left: 0;
z-index: 10;
}



.d1innerline {
 font-size: 65%;
 font-weight: bold;
 width: 100%;  
 position: relative;
background: white;
border-top: calc(.1em + ((.1vw - 0.1em) * 1)) solid silver;
border-bottom: calc(.1em + ((.1vw - 0.1em) * 1)) solid silver;
border-left: .595em solid #f3f3f3;
-webkit-text-stroke: .0075em black;
border-right:none;
 color: navy;
 text-align: left;
 padding: .15em 0 .15em .5em; 
 cursor:default;
 margin: 0;
}


.d2innerline {
 font-size: 65%;
 font-weight: bold;
 width: 100%;  
 position: relative;
background: white;
border-top: calc(.1em + ((.1vw - 0.1em) * 1)) solid silver;
border-bottom: calc(.1em + ((.1vw - 0.1em) * 1)) solid silver;
border-left: .595em solid red;
-webkit-text-stroke: .0075em black;
border-right:none;
 color: navy;
 text-align: left;
 padding: .15em 0 .15em .5em; 
 cursor:default;
 margin: 0;
}

.d5innerline {
 font-size: 65%;
 font-weight: bold;
 width: 100%;  
 position: relative;
background: white;
border-top: calc(.1em + ((.1vw - 0.1em) * 1)) solid silver;
border-bottom: calc(.1em + ((.1vw - 0.1em) * 1)) solid silver;
border-left: .595em solid silver;
-webkit-text-stroke: .0075em black;
border-right:none;
 color: navy;
 text-align: left;
 padding: .15em 0 .15em .5em; 
 cursor:default;
 margin: 0;
}



.topinnerline {
 font-size: 75%;
 font-weight: bold;
 display: block;
 position: relative;
background: white;
border-top: calc(.1em + ((.1vw - 0.1em) * 1)) solid silver;
border-bottom: calc(.1em + ((.1vw - 0.1em) * 1)) solid silver;
-webkit-text-stroke: .0075em black;
border-right:none;
 color: navy;
 text-align: left;
 padding: calc(.25em + ((.25vw - 0.1em) * 1)) .75em; 
 cursor:default;
 margin: 0 0 calc(.1em + ((.1vw - 0.1em) * 1))  -.65em;
}


.headline {
background: white;
display: block;	
font-size: 75%;
text-align: left;
border-bottom: none;
border-top: none;
border-left: .53em solid #f3f3f3;
margin: 0;
padding: calc(.25em + ((.25vw - 0.1em) * 0.1)) .5em;
cursor: default;
}

.underline {
background: white;
display: block;	
font-size: 85%;
text-align: left;
border-bottom:1px solid gray;
border-image: linear-gradient(to right,gray,black,gray)1;
margin: 0;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) .25em;
cursor: default;
}
.underline1 {
background: white;
display: block;	
width: 100%;
font-size: 85%;
text-align: left;
border-bottom:1px solid gray;
border-image: linear-gradient(to right,gray,black,gray)1;
margin: 0;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) .25em;
cursor: default;
}



.div1 {
display: block;
background: #fafafa;
border:1px solid silver;
border-left: .53em solid #f3f3f3;
border-right: none;
margin: 0;
padding: .35em 0 .35em .5em;
font-size: 80%;
cursor: default;
}

.div2kopline {
background: white;
display: block;	
font-size: 75%;
text-align: left;
border:none;
border-top:1px solid silver;
border-left: .53em solid red;
padding: .2px .5em;
cursor: default;
}
.div2 {
background: #f4f4f4;
border:none;
border:1px solid silver;
border-left: .5em solid red;
border-right: none;
margin: 0 0 0 0;
padding: 0 0 0 .5em;
font-size: 80%;
cursor: default;
}

.div3 {
background: #f4f4f4;
border:1px solid silver;
border-left: .5em solid green;
border-right: none;
margin: 0;
padding: 0 0 0 .5em;
font-size: 80%;
cursor: default;
}

.div4 {
background: #f4f4f4;
border:none;
border:1px solid silver;
border-left: .5em solid blue;
border-right: none;
margin: 0;
padding: 0 0 0 .5em;
font-size: 80%;
cursor: default;
}

.div5 {
background: #f4f4f4;
border:none;
border:1px solid silver;
border-left: .5em solid silver;
border-right: none;
margin: 0;
padding: 0 0 0 .5em;
font-size: 80%;
cursor: default;
}

.div6 {
background: #f4f4f4;
border:none;
border:1px solid silver;
border-left: .5em solid tan;
border-right: none;
margin: 0;
padding: 0 0 0 .5em;
font-size: 80%;
cursor: default;
}

.div7 {
background: #f4f4f4;
border:none;
border-left: .5em solid silver;
border-right: none;
border-bottom: none;
margin: 0 0 -.065em 0;
padding: 0 0 0 .5em;
font-size: 80%;
cursor: default;
}







.cored {
color:red;
font-weight: bold;
margin: 0;
padding: 0;
}

.ro {
color:#B5271C;
}
.rob {
color:red;
font-weight: bold;
}
.gr {
color:#575757;
}
.sw {
color:black;
}
.swb {
color:black;
font-weight: bold;
}
.bl {
color:blue;
}
.or {
color:#ae7200;
}
.orb {
color:#ae7200;
font-weight: bold;
}
.ma {
color:maroon;
}
.gru {
color:green;
}
.gra {
color:gray;
}
.na {
color:navy;
}
.grlight {
color: silver;
}