body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
    padding: 0;
    margin: -1px;
    color: #000;
    overflow-x: hidden;
    overflow-y: auto;
}

.holdBack {
    background-image: url('img/CheryBack.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.indexBack {
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    opacity: 0.9;
    color: #fff;
    background-blend-mode: multiply;
}

.splashBack {
    background-attachment: fixed;
    background-image: url("img/showbot_1.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.fileThumb {
    min-width: 60px;
    aspect-ratio: 1/1;
    padding: 0;
    margin: 0;
    background-color: none;
    background-image: none;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 4px;
}

.splashBack80 {
    background-attachment: fixed;
    background-image: url("img/CherryBack.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #3a6752;
    opacity: 0.9;
    color: #f6e7c6;
    background-blend-mode: multiply;
}

img.newsThumb {
    all: initial;
    max-width: 180px;
    width: 180px;
}

.scrollBack {
    background-color: #fff;
    color: #fff;
    overflow-x: auto;
}

.splashBack2 {
    background-attachment: fixed;
    background-image: url("img/showbot_2.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;

}

.mainBackBot {
    background-attachment: fixed;
    background-color: #59a7ad;
    background-image: url("img/showbot_2.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;

}

.mainBack {
    background-attachment: fixed;
    background-color: #59a7ad;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.splashBack4 {
    background-attachment: fixed;
    background-color: #ceedf0;
    background-image: url("img/showbot_2.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.managerBack {
    background-image: url("img/showmanager25.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

h1 {

    font-size: 2em;
    text-align: center;

}

.thinglink:link {
    color: #59a7ad;
}

.thinglink:visited {
    color: #59a7ad;
}

.thinglink:hover {
    color: #59a7ad;
}

.thinglink:active {
    color: #59a7ad;
}

.spl1 {
    text-align: center;
}

.splashLogo {
    max-width: 18vw;
    max-height: 18vw;
}

.divBar {
    width: 100vw;
    padding: 0;
    margin: 0;
}

.largeBar {
    min-height: 20vh;
}

.smallBar {
    min-height: 1vh;
}

.sayLine {
    color: #ddd;
    font-size: 75%;
    font-family: Arial;
    margin: 3px;
    padding: 2px 2px 2px 2px;
    border-style: solid;
    border-radius: 4px;
    border-width: 1px;
    border-left-width: 15px;
    border-color: rgba(0, 0, 0, 0);
    background-color: #eee;
    display: block;
    width: calc(99% - 200px);
}

.saySpace {
    color: #ddd;
    font-size: 75%;
    font-family: Arial;
    margin: 2;
    padding: 0;
    border: none;
    display: block;
    width: calc(99% - 200px);
    background-color: none;
    height: 0.5em;
    border-style: solid;
    border-color: #333;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 5px;
}

.sayNormal {
    color: #111;
    border-left-color: #444444;
}

.sayInfo {
    color: #113;
    border-left-color: #aaaaff;
}

.sayWarning {
    color: #320;
    border-left-color: #FFA500;
}

.sayError {
    background-color: #ffbbbb;
    color: #300;
    border-left-color: #ff0000;
}

.sayDebug {
    background-color: #f8d6eb;
    color: #000;
    border-left-color: rgb(255, 0, 242);
}

.sayCode {
    color: #eee;
    background-color: #333;
    border-left-color: purple;
}

.saySuccess {
    color: #111;
    border-left-color: #00cc00;
}


.sm_topbar {
    background-color: #fff000;
}

.sm_regionbar {
    background-color: #aafff0;
}

.thirdme {
    width: 0.3vw;
}

.sm_pagebar {
    background-color: #ff00f0;
}

.sm_upperbar {
    position: fixed;
    top: 0px;
    height: 60px;
    width: 100%;
    background-color: #fff;
    color: #59a7ad;
    padding: 0px;
    margin: 0px;
    overflow: auto;
    border: none;
    overflow: hidden;
    background-image: url('img/smallflags.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-color: #074347;
}

.sm_clockdisplay {
    color: #ffffff;
    /*width: 45%;*/
    margin-left: auto;
    float: right;
    text-align: right;
    padding-right: 20px;
    font-weight: bold;
    overflow: hidden;
    margin: 2px;
    background-color: #b0a;
}

.sm_upperbutton {
    padding: 6px;
    margin: 0px;
    float: left;
    color: #2b858b;
    line-height: 2em;
    min-height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    font-weight: bolder;
}

.headerlogo {
    background-color: #cf0013;
    /*background-image: linear-gradient(#5e0b12, #d00013, #5e0b12);*/
    color: #fff;
    padding: 0;
    margin: 0;
}

.headeroption:hover {
    background-color: #ffa500;
}

.sm_footer {
    width: 100%;
    position: fixed;
    background-color: #444;
    color: #ddd;
    padding: 2px;
    margin: 0px;
    left: 0px;
    overflow: hidden;
    border: none;
    bottom: 0;
    height: 40px;
    background-image: url('');
    background-repeat: repeat-x;
    text-align: center;
    position: fixed;
}

.sm_content {
    min-height: 20vh;
    padding: 10px;
    margin-bottom: 80px;
    margin-top: 80px;
    width: 90%;
    display: block;
}

.content {
    min-height: 20vh;
    padding: 10px;
    margin-bottom: 80px;
    margin-top: 80px;
    width: 90%;
    overflow-x: auto;
}

.bigButton {
    width: 30vw;
    height: 30vh;
    overflow: hidden;
    float: left;
    padding: 10px;
    margin: 10px;
    color: #000;
    background-color: #fff;
    text-align: center;
    vertical-align: center;
}

.chooserHead {
    width: 100%;
    color: #000;
    background-color: #fff;
    padding: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0px;
    font-weight: bold;
    display: block;
}

.chooserButSpacer {
    max-height: 2px;
    margin: 3px;
    padding: 0;
    display: block;
    overflow: none;
    border-style: solid;
    border-color: #33868b;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    width: 90%
}

.chooserSpace {

    background-color: #59a7ad;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    /*height: 100%;*/
    Vertical-align: top;
}

.newChooserTable {
    display: table;
    width: 100%;
    border-style: none;
    border-spacing: 7px;
}

.newChooserRow {
    display: table-row;
}

.newChooserContainer {
    display: table-cell;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 5px;
    vertical-align: top;
    overflow: auto;
}

.csSolid {
    background-color: #ffffffb6;
}

.chooserContainer {
    padding: 5px;
    width: 0.31vw;
}

.chooser {
    vertical-align: top;
}

.chooserInlineButton {
    margin: 3px;
    padding: 3px;
    background-color: #ccc;
    color: #000;
    border-radius: 2px;
    font-size: small;
    text-decoration: none;
    width: 100%;
}

.chooserInlineBiggerButton {

    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: capitalize;
    background-color: #0f0;
    color: #fff;
}

.chooserHugeText {
    font-family: 'Courier New', Courier, monospace;
    font-size: 7vmin;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.chooserMedText {
    font-size: 2vh;
    color: #fff;
    font-weight: normal;
    text-decoration: italic;
    text-align: right;
}

.chooserInlineButton:visited {
    color: #000;
}

.chooserInlineButton:hover {
    background-color: #ffa500;
}

.chooserButton {
    width: 25vw;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3vw;
    padding-bottom: 3vw;
    margin: 8px;
    float: left;
    color: #000;
    background-color: #fff;
    font-family: "DM Sans", sans-serif;
    text-decoration: none;
    font-size: larger;
    font-weight: bolder;
    border-width: 0 0 0 1vw;
    border-style: solid;
    border-color: #cf0013;
}

.chooserButton:hover {
    background-color: #ffa500;
}

.chooserRow {
    width: 100%;
    margin: 0px;
    padding: 10px;
    overflow: auto;
}

.butGrey {
    background-color: #666;
    color: #fff;
}

.butRed {
    background-color: #cf0013;
    color: #fff;
}

.butYellow {
    background-color: yellowgreen;
    color: #000;
}

.statRow {
    width: 100%;
    margin: 0px;
    padding: 10px;
    overflow: hidden;
}

.statText {
    padding: 2px;
}

.sayRef:visited {
    color: #59a7ad;
}

.sayRef:hover {
    color: #fff;
    background-color: #ffa500;
}

.footerText {
    margin: 0px;
    padding: 2px;
    text-align: center;
    color: #fff;
    font-size: smaller;
    text-transform: capitalize;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.queryForm {
    background-color: #a4c1c4;

    color: #000;
    font-size: large;
    text-align: left;
    border: none;
    padding: 5px;
    margin: 1px;
}

.queryHead {
    background-color: #000;
    color: #fff;
    font-weight: bolder;
    border: none;
    padding: 5px;
    margin: 1px;
}

.queryFoot {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-weight: bolder;
    text-align: right;
    border: none;
    padding: 5px;
    margin: 1px;
}

.queryInput {
    background-color: #fff;
    border: none;
}

.trophyFrame {
    padding: 18px;
    margin: 5px;


}

.trophyForm {
    min-width: 30em;
    color: #000;
    font-size: large;
    text-align: left;
    border: none;
    padding: 5px;
    margin: 1px;
    text-align: center;
    background-color: #e8fdff;
    border-style: solid;
    border-color: #59a7ad;
    border-width: 2px;
    border-radius: 4px;
}

.trophyHead {
    background-color: #59a7ad;
    /*font-size: smaller;*/
    color: #fff;
    border: none;
    padding: 5px;
    margin: 1px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
    min-height: 0px;
}

.trophyLink {
    background-color: none;
}

.trophyHeadLight {
    background-color: #e8fdff;
    color: #59a7ad;
    font-weight: lighter;
    font-size: smaller;

}

.trophyHeadSmaller {
    font-style: italic;
    font-weight: normal;
    font-size: smaller;
}

.trophyWinnerHead {
    font-size: small;
    color: #333;
}

.trophyWinnerName {
    font-size: large;
    font-weight: bold;
    text-decoration: none;
    padding: 4px;
}

.trophyRow {
    background-color: #e8fdff;
}

.trophyButton {
    background-color: #59a7ad;
    color: #e8fdff;
    padding: 2px;
    margin: 2px;
    text-decoration: none;
    font-size: smaller;
    overflow: hidden;

}

.trophyEnormousInput {
    font-size: 5em;
    min-width: 0;
}

.searchForm {

    color: #000;
    font-size: large;
    text-align: left;
    border: none;
    padding: 5px;
    margin: 1px;
}

.searchHead {
    background-color: #000;
    font-size: smaller;
    color: #fff;
    border: none;
    padding: 5px;
    margin: 1px;
    text-decoration: none;
    white-space: nowrap;
}

.searchHead a:hover {
    background-color: #ffa500;
}

.searchHead:visited {
    color: #fff;
}

.searchHeadLight {
    background-color: #a4c1c4;
    color: #000;
}

.searchTerm {
    font-size: smaller;
    margin: 2px;
    padding: 2px;
    background-color: #a4c1c4;
}

.searchRow {
    background-color: #ddd;
    padding: 2px;
    margin: 1px;
    vertical-align: top;
}

.searchButton {
    background-color: #59a7ad;
    color: #fff;
    padding: 2px;
    margin: 2px;
    text-decoration: none;
    font-size: smaller;
    overflow: hidden;

}

.infoCloseBut {
    background-color: #aaf;
    color: #fff;
    padding: 5px;
    margin: 2px;
    border-radius: 5px;
    text-decoration: none;
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    font-weight: bold;
    overflow: hidden;

}

.wideButton {
    width: 100%;
    text-align: center;
    display: block;
}

.editButton {
    background-color: #ccc;
    color: #500;
    ;
    padding: 2px;
    margin: 2px;
    text-decoration: none;
    font-size: x-small;
    text-transform: uppercase;
    overflow: hidden;
    border-radius: 2px;
}

.labelButton {
    background-color: #33f;
    color: #fff;
    padding: 2px;
    margin: 2px;
    text-decoration: none;
    font-size: x-small;
    text-transform: uppercase;
    overflow: hidden;
    border-radius: 2px;
}

.editButton:hover {
    background-color: #ffa500;
    color: #fff;
}

.searchButton input {
    border-style: none;
}

.searchLighterText {
    color: #888;
}

.searchButton:visited {
    color: #fff;
}

.searchButton:hover {
    background-color: #ffa500;
}

.homeLinkInline {
    text-decoration: none;
    color: #fff;
}

.homeLinkInline:visited {
    color: #fff;
}

.searchLinkInline {
    text-decoration: none;
    color: #000;
    font-size: smaller;
}

.searchLinkInline:visited {
    color: #000;
}

.searchLinkInline:hover {
    background-color: #59a7ad;
}

.dashboardchooser {
    color: #fff;
    width: 95%;
    padding: 10px;
    margin: 5px;
    font-size: large;
    font-weight: 500;


}

.dashboardRow {
    height: 20vh;
    padding: 10px;
}


.dashboardItem {
    background-color: #fff;
    margin: 15px;
    padding: 15px;
    width: 25vw;
    text-align: center;
    font-size: larger;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    color: #000;
}

.dashboardItem:hover {
    background-color: #99cfd3;
    color: #fff;
}

.dashboardLink {
    color: #000;
    text-decoration: none;
    padding: 40px;
}

.dashboardLink:visited {
    color: #000;
}

.dashboardLink:hover {
    text-decoration: underline;

}

.dataView {
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

.dataView th {
    background-color: #59a7ad;
    color: #fff;
    text-align: left;
}

.dataView tr {
    background-color: #eee;
}

.dataView tr:hover {
    background-color: #59a7ad;
}

.dataView tr:nth-child(odd) {
    background-color: #ccc;
}

.dataView tr:nth-child(odd):hover {
    background-color: #59a7ad;
}

.dataTitle {
    font-size: larger;
    font-weight: bold;
    text-align: left;
}

.entryDesc {
    background-color: #2b858b;
    color: #fff;
    padding: 4px;
    text-align: left;
    display: block;
    float: left;
}

.entryClassCol {
    max-width: 80px;
    padding: 0;
    margin: 0;
}

.descFail {
    background-color: #ffaaaa;
    color: #661111;
    padding: 4px;
}

.entryNoDesc {
    background-color: #fff;
    color: #fff;
    padding: 4px;
}

.entryButton {
    background-color: #59a7ad;
    padding: 2px;
    margin: 1px;
    font-weight: normal;
    text-decoration: none;
    font-size: smaller;
    float: right;
    color: #fff;
}

.entryButton:hover {
    background-color: #ffa500;
}

.entryHeadText {
    padding: 2px;
}

.entryForm {
    margin: 20px;
    padding: 20px;
    border-style: solid;
    border-width: 3px;
    border-color: #59a7ad;
    background-color: #fff;
    color: #000;
    padding-bottom: 10px;
}

.entryHeadline {
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 3px;
    border-color: #59a7ad;

}

.entryInput {
    border-style: none;
    color: #022527;
    background-color: #c0e1e4;
    font-weight: bold;
    font-size: larger;

}

.eIfullWidth {
    display: block;
    width: 100%;
    font-weight: bold;
}

.eIlarger {
    font-size: 1.5em;
}

.entrySpacer {
    height: 20px;
}

.entryForm td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000;
    padding: 5px;
}

.entryForm th {
    color: #59a7ad;
    font-weight: bold;
    font-size: larger;
    text-align: left;
}

.streetFill {
    font-size: small;
    background-color: #59a7ad;
    color: #fff;
}

.streetFillLabel {
    background-color: none;
    color: #59a7ad;
    font-size: small;
    font-stretch: 75%;
    text-align: right;
}

.streetFillRow {
    text-align: right;
}

.underLabel {
    background-color: none;
    color: #59a7ad;
    font-size: 85%;
    font-stretch: 65%;
    text-align: left;
    color: #222;
    text-transform: capitalize;
    float: left;
    display: block;
}

.cI {
    float: left;
    display: block;
    font-weight: bold;
    text-align: right;
    color: #000;
    font-size: larger;
    background-color: #c0e1e4;
}

.sm_info {
    color: #003;
    background-color: #ddddff;
    border-style: solid;
    border-width: 1px;
    border-color: #003;
    border-radius: 3px;
    margin: 10px;
    padding: 10px;
}

.sm_infoTopBar {
    width: 100%;
    padding: 1px;
    margin: 1px;
    font-size: x-small;
    text-decoration: none;
    display: block;
    text-align: right;
}

.sm_infoText {
    display: block;
}

.sm_validation {
    color: #200;
    background-color: #ffcccc;
    border-style: solid;
    border-width: 1px;
    border-color: #200;
    border-radius: 3px;
    margin: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 15px;
    font-size: smaller;
}

.groupTable {
    background-color: #fff;
}

.groupTable tr:nth-child(odd) {
    background-color: #e1e1e1;
}

.groupTable tr:nth-child(even) {
    background-color: #e1e1e1;
    /*alternate row colouring removed - it looks weird with non-exhibiting cells darkened too*/
}

.notEntered {
    background-color: rgba(180, 180, 180, .8);
}

.entryError {
    background-color: rgba(180, 0, 0, .8);
}

.groupTable tr:hover {
    background-color: #59a7ad63;
}

.groupTable td:hover {
    background-color: #59a7ad63;
}

.groupEntrantName:hover {
    background-color: #ffa500;
}

.groupEntrantName {
    font-size: small;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    background-color: #ddd;
    color: #000;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    padding-left: 4px;
}

.groupEntrantLink {
    text-decoration: none;
    color: #000;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 0;
    margin-right: 0;
}

.groupEntrantLink:visited {
    color: #000;
}

.groupEntrantNumber {
    text-decoration: none;
    font-stretch: condensed;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 2px;
    min-width: 40px;
}

.groupTitle {
    background-color: #59a7ad;
    color: #fff;
    font-weight: bold;
    font-size: larger;
    text-transform: capitalize;
    text-align: left;
    padding: 2px;
}

.groupClassNumber {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    text-decoration: none;

}

.groupClassNumber:visited {
    text-decoration: none;
    color: #fff;
}


.groupClassTitle {
    background-color: #59a7ad;
    color: #fff;
    font-size: small;
    text-align: left;
    white-space: nowrap;
    padding-left: 4px;
    padding-right: 4px;
    text-decoration: none;
}


.groupClassTitle:visited {
    text-decoration: none;
    color: #fff;
}

.groupEntrantScore {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: large;
}

.groupExhibit {
    min-height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

}


/*.groupExhibit:hover {
    background-image: none;
    background-color: #59a7ad83;
}*/

.groupExhibitorID {
    background-color: #fff;
    color: #59a7ad;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    font-size: large;
}

.groupWhiteCell {
    background-color: #fff;
}

.actionP1 {
    background-image: linear-gradient(#db9005, #e2b664, #db9005);
    font-weight: bold;
    color: #fff;
}

.actionP2 {
    background-image: linear-gradient(#4b4b4b, #cccccc, #4b4b4b);
    font-weight: bold;
    color: #fff;
}

.actionP3 {
    background-image: linear-gradient(#664404, #b9a37b, #664404);
    font-weight: bold;
    color: #fff;
}

.actionHC {
    background-image: linear-gradient(#006aff, #629ef3, #006aff);
    font-weight: bold;
    color: #fff;
}

.actionOC {
    background-image: linear-gradient(#008a2c, #34a859, #008a2c);
    font-weight: bold;
    color: #fff;
}

.actionDNS {
    background-image: linear-gradient(#aaa, #bbb, #aaa);
    font-weight: bold;
    color: #000;
}

.actionDSQ {
    background-image: linear-gradient(#611, #a44, #611);
    font-weight: bold;
    color: #fff;
}

.groupP1 {
    background-image: url('img/t_p1.png');
    background-position: center;
    background-repeat: no-repeat;
    min-width: 35px;
    min-height: 30px;
    color: #fff;
}

.groupP2 {
    background-image: url('img/t_p2.png');
    background-position: center;
    background-repeat: no-repeat;
    min-width: 35px;
    min-height: 30px;
    color: #fff;
}

.groupP3 {
    background-image: url('img/t_p3.png');
    background-position: center;
    background-repeat: no-repeat;
    min-width: 35px;
    min-height: 30px;
    color: #fff;
}

.groupHC {
    background-image: url('img/t_p4.png');
    background-position: center;
    background-repeat: no-repeat;
    min-width: 35px;
    min-height: 30px;
}

.groupOC {
    background-image: url('img/t_p5_2.png');
    background-position: center;
    background-repeat: no-repeat;
    min-width: 35px;
    min-height: 30px;
}

.groupDNS {
    background-image: url('img/t_p6.png');
    background-position: center;
    background-repeat: no-repeat;
    min-width: 35px;
    min-height: 30px;
}

.groupDSQ {
    background-image: url('img/t_p7.png');
    background-position: center;
    background-repeat: no-repeat;
    min-width: 35px;
    min-height: 30px;
}

.actionsForm {
    background-color: #fff;
    border-style: solid;
    border-width: 3px;
    border-radius: 3px;
    border-color: #000000;
    display: inline-block;
}

.groupResultRow {
    background-color: #ddd;
    padding: 3px;
}

#exhibitActions {
    margin: 0;
    position: absolute;
    top: 30px;
    left: 30px;
}

#actionsBack {
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    margin: 0;
    padding: 0;
    background-color: #dddddddc;
    overflow: hidden;
}

.groupErrorSpace {
    background-color: #fdd;
    color: rgb(68, 0, 0);
    border-color: rgb(68, 0, 0);
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    margin: 3px;
    padding: 3px;
    font-size: smaller;
    display: none;
}

.groupWarningSpace {
    background-color: #ffd;
    border-color: rgb(68, 68, 0);
    color: rgb(68, 68, 0);
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    margin: 3px;
    padding: 3px;
    font-size: smaller;
    display: none;
}

.dpButHolder {
    padding: 2px;
    margin: 2px;
    text-align: center;
    display: block;
    overflow: auto;
}

.dpButText {
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
    margin: 2px;
    font-size: small;
    font-stretch: narrower;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    text-align: left;
}

.dpButton {
    margin: 2px;
    padding: 2px;
    background-color: #ddd;
    color: #000;
    border-radius: 2px;
    text-decoration: none;
    display: block;
    width: 95%;

}

.dpButtonMediaCentre {
    color: #fff;
    font-size: larger;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    background-color: rgb(85, 6, 177);
}

.dpButtonGreen {
    background-color: #272;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #030;
}

.dpButtonBlue {
    background-color: #227;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #003;
}

.dpButtonDebug {
    background-color: #ddd;
    color: #000;
    border-style: solid;
    border-width: 1px;
    border-color: #bbb;
    font-weight: bold;
}

.dpButtonTechnical {
    background-color: #333;
    color: orange;
    border-style: solid;
    border-width: 1px;
    border-color: orange;
    font-weight: bold;
}

.dpButton:hover {
    background-color: #ffa500;
}

.dpButtonTechnical:hover {
    background-color: #333;
    color: cyan;

    border-color: cyan;
}

.dpBigBut {
    height: 2em;
    background-color: #272;
    padding: 3px;
    margin: 3px;
    color: #fff;
}

.classDashButton {
    margin: 2px;
    padding: 2px;
    background-color: #ddd;
    color: #000;
    border-radius: 2px;
    text-decoration: none;
    width: 90%;
    display: block;
    font-size: smaller;
    font-stretch: 75%;
}

.classDashButton:hover {
    background-color: #ffa500;
}

.dpRow {
    margin: 2px;
    display: block;
}

.dashboardPanel {
    background-color: #fff;
}

.cBut {
    vertical-align: top;
}

.cButNum {

    background-color: #000;
    color: #fff;
    font-size: small;
    margin: 1px;
    padding: 1px;
    text-decoration: none;
    font-stretch: 65%;
    width: 100%;
    margin: 1px;
    padding: 1px;
    float: top;
}

.cButTitle {
    float: top;
    width: 100%;
}

.cornerLogo {
    padding: 0;
    margin: 0;
    border: none;
    max-height: 60px;
}

.logoHomeLink {
    color: #fff;
}

.statMe {
    border-radius: 3px;
    font-size: larger;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.chooserContStat {
    display: flex;
    justify-content: center;
    align-items: center;

}

.statNum {
    font-size: 4em;
    color: #59a7ad;
    background-color: #fff;
    font-weight: bold;
    text-align: right;
    padding: 8px;
    border-radius: 6px;
    margin: 4px;
}

.statRow {
    color: #59a7ad;
}

.statText {
    font-size: large;
    color: #fff;
    /*background-color: #59a7ad;*/
    font-weight: bold;
    text-decoration: italic;
    text-align: left;
    padding: 3px;
}