/* © 2022 Therefore Strategic Technology Services (Pty) Ltd */
/* Therefore BPMS */
/* Default / Public Style Sheet */
/* Web\App_Themes\Default */

html, body /* Review: 30/01/2017 | Peter Lever | Tweaked for Zazibona */ {
    font-size: 11px;
    margin: 0px;
    background-image: url("images/Background.jpg");
    background-size: cover;
    background-color: White;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    height: 100%;
    line-height: 1.25;
    overflow: hidden;
}

.centered {
    margin: 0 auto;
    text-align: left;
    width: 100%;
}

/* Site Logo */

.Logo /* Review: 02/07/2017 | Peter Lever | Tweaked for Zazibona */ {
    background-size: 150px 150px;
    width: 150px;
    height: 150px;
    background-image: url("images/Logo.png");
    margin-top: 3px;
    margin-bottom: 6px;
    margin-left: 2px;
}

/* Headings */

.Heading /* Review: 05/02/2017 | Peter Lever */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bolder;
    text-align: left;
    color: white;
    margin-top: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: rgba(60,134,197,0.5);
    border-radius: 5px;
    padding-left: 5px;
    line-height: 1.1 !important;
}

.SubHeading /* Review: 06/02/2017 | Peter Lever */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bolder;
    text-align: left;
    color: white;
    margin-top: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #666666;
    border-radius: 5px;
    padding-left: 5px;
    line-height: 1.1 !important;
}

/* Standard text */

.Stdtext /* Review: 22/01/2017 | Peter Lever | Tweaked for Zazibona */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: justify;
    text-shadow: 1px 1px white;
}

/* Footer */

.Footing /* Review: 22/01/2017 | Peter Lever */ {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}

/* Navivation Buttons ...

.PublicNavButton
.PublicNavButtonActive
.aspNetDisabled
*/

.PublicNavButton /* Review: 22/01/2017 | Peter Lever */ {
    margin-top: 3px;
    border: 1px outset #CEAE84;
    height: 22px;
    vertical-align: middle;
    width: 150px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    color: #666666;
    border-radius: 5px;
    background-color: rgba(60,134,197,0.5);
    display: block;
    text-decoration: none;
}

.PublicNavButtonActive /* Review: 22/01/2017 | Peter Lever */ {
    margin-top: 3px;
    border: 1px outset #CEAE84;
    height: 22px;
    vertical-align: middle;
    width: 150px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    color: white;
    border-radius: 5px;
    background-color: #3C86C5;
    display: block;
    text-decoration: none;
    text-align: center;
}

.aspNetDisabled /* Review: 23/08/2022 | Peter Lever */ {
    color: #F2F2F2;
    background-color: #A6A6A6;
}

/* Action Buttons ...

.PublicActionButton
.PublicActionButtonActive
*/

.PublicActionButton /* Review: 02/02/2021 | Peter Lever */ {
    margin-top: 3px;
    border: 1px outset #CEAE84;
    height: 22px;
    vertical-align: middle;
    width: 95px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    color: #666666;
    border-radius: 5px;
    background-color: rgba(60,134,197,0.5);
    display: block;
    text-decoration: none;
}

.PublicActionButtonActive /* Review: 07/02/2021 | Peter Lever */ {
    margin-top: 3px;
    border: 1px outset #CEAE84;
    height: 22px;
    vertical-align: middle;
    width: 95px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    color: white;
    border-radius: 5px;
    background-color: #3C86C5;
    display: block;
    text-decoration: none;
}

/* The following items style the Public Page Framework ...

PubContainer
PubBoxWidth
PubBoxHead
PubBoxDiv
PubBoxRow
PubMenuBlock
PubBoxTxtBlockAll ........ Where the logo is on the LHS
PubBoxTxtBlockAllNoLogo .. Where there is no logo on LHS
PubBoxTxtBlock1
PubBoxTxtBlock2
PubBoxTxtBlock3
PubBoxTxtBlock4
PubBoxTxtBlock5
PubBoxTxtBlock6
*/

.PubContainer /* Review: 02/10/2017 | Peter Lever */ {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.PubBoxWidth /* Review: 02/10/2017 | Peter Lever */ {
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 85%;
    height: calc(100% - 100px);
    overflow: hidden;
}

.PubBoxHead /* Review: 22/01/2017 | Peter Lever */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 14px;
    color: #FFFFFF;
    padding: 0px 0px 0px 2px;
    text-align: left;
}

.PubBoxDiv /* Review: 02/10/2017 | Peter Lever | Tweaked for Zazibona */ {
    border: 1px solid silver;
    background: linear-gradient(to bottom right, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0.2) 100%);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 2px;
    color: #193959;
    text-align: justify;
    border-radius: 5px;
    height: calc(100% - 4px);
}

.PubBoxRow /* Review: 22/01/2017 | Peter Lever */ {
    float: left;
    height: 100%;
    width: 100%;
}

.PubMenuBlock /* Review: 02/10/2017 | Peter Lever */ {
    width: 150px;
    height: 100%;
    padding: 2px;
    float: left;
    text-align: center;
}

.PubBoxTxtBlockAll /* Review: 22/01/2017 | Peter Lever */ {
    margin-left: 160px;
    height: 100%;
    width: calc(100% - 165px);
}

.PubBoxTxtBlockAllNoLogo /* Review: 28/02/2017 | Peter Lever */ {
    height: 100%;
    width: 100%;
}

.PubBoxTxtBlock1 /* Review: 22/01/2017 | Peter Lever */ {
    height: 4px;
}

.PubBoxTxtBlock2 /* Review: 22/01/2017 | Peter Lever */ {
    border: #3C86C5 1px dashed;
    height: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.PubBoxTxtBlock3 /* Review: 22/01/2017 | Peter Lever | Spacer */ {
    border-left: #3C86C5 1px dashed;
    border-right: #3C86C5 1px dashed;
    border-bottom: #3C86C5 1px dashed;
    color: #3C86C5;
    padding: 4px;
    font-size: 18px;
    font-weight: 800;
}

.PubBoxTxtBlock4 /* Review: 22/01/2017 | Peter Lever | Content */ {
    border-left: #3C86C5 1px dashed;
    border-right: #3C86C5 1px dashed;
    padding: 5px;
    height: calc(100% - 84px);
    overflow: auto;
}

.PubBoxTxtBlock5 /* Review: 22/01/2017 | Peter Lever Spacer */ {
    border-left: #3C86C5 1px dashed;
    border-right: #3C86C5 1px dashed;
    height: 2px;
}

.PubBoxTxtBlock6 /* Review: 22/01/2017 | Peter Lever | Tweaked for Zazibona */ {
    border: #3C86C5 1px dashed;
    color: #3C86C5;
    padding: 4px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: right;
    text-shadow: 1px 1px white;
}

/* The following items style the Emphasis Box object ...

.EmpBoxHead 
.EmpBoxDiv 
.EmpBoxImgBlock 
.EmpBoxImg 
.EmpBoxTxtBlock 
.EmpBoxline 
.EmpBoxSpace 
.EmpBoxInline 
.EmpBoxRow 
*/

.EmpBoxHead /* Review: 08/02/2019 | Peter Lever */ {
    margin-top: 10px;
    font-size: 11px;
    font-weight: bold;
    font-variant: small-caps;
    color: #FFFFFF;
    background: #193959;
    padding: 2px 0px 2px 5px;
    text-align: left;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.EmpBoxDiv /* Review: 22/01/2017 | Peter Lever */ {
    font-size: 10px;
    border-top: #193959 0px solid;
    border-left: #193959 2px solid;
    border-right: #193959 2px solid;
    border-bottom: #193959 2px solid;
    padding: 2px;
    color: #193959;
    text-align: justify;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.EmpBoxImgBlock /* Review: 22/01/2017 | Peter Lever */ {
    width: 47px;
    padding: 2px;
    float: left;
}

.EmpBoxImg /* Review: 02/10/2017 | Peter Lever */ {
    width: 47px;
    height: 48px;
}

.EmpBoxTxtBlock /* Review: 22/01/2017 | Peter Lever */ {
    margin-left: 51px;
    color: #193959;
    padding: 4px;
}

.EmpBoxline /* Review: 22/01/2017 | Peter Lever */ {
    border-top: #193959 1px dotted;
    margin-top: 2px;
    margin-bottom: 2px;
}

.EmpBoxSpace /* Review: 22/01/2017 | Peter Lever */ {
    height: 5px;
    font-size: 1px;
}

.EmpBoxInline /* Review: 22/01/2017 | Peter Lever */ {
    border-top: #193959 1px dotted;
    margin-top: 4px;
    margin-bottom: 4px;
}

.EmpBoxRow /* Review: 22/01/2017 | Peter Lever */ {
    overflow: hidden;
}

/* Public Input tables*/

.PubFieldTable /* Review: 06/02/2017 | Peter Lever */ {
    border-collapse: separate;
    border-spacing: 2px;
}

    .PubFieldTable TH /* Review: 06/02/2017 | Peter Lever */ {
        white-space: nowrap;
        text-align: left;
    }

    .PubFieldTable TD /* Review: 06/02/2017 | Peter Lever */ {
        white-space: nowrap;
        text-align: left;
    }

/* For styling data capture / input fields 

input
input[type=text]:focus - text fields
input[type=password]:focus - password fields

*/

input /* Review: 25/08/2019 | Peter Lever */ {
    width: 270px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid 1px silver;
    padding: 4px;
    border-radius: 4px;
}

    input[type=text]:focus /* Review: 26/08/2019 | Peter Lever */ {
        border: solid 1px rgba(60,134,197,0.5);
        background-color: ivory;
    }

    input[type=password]:focus /* Review: 26/08/2019 | Peter Lever */ {
        border: solid 1px rgba(60,134,197,0.5);
        background-color: ivory;
    }

/* Public Password Rules table */

.PubPWRulesTable /* Review: 19/02/2017 | Peter Lever */ {
    border-collapse: separate;
    border-spacing: 2px;
    text-align: left;
    white-space: nowrap;
}

    .PubPWRulesTable TH /* Review: 19/02/2017 | Peter Lever */ {
        font-weight: normal;
    }

    .PubPWRulesTable TD /* Review: 19/02/2017 | Peter Lever */ {
    }

    .PubPWRulesTable TR /* Review: 19/02/2017 | Peter Lever */ {
    }

/* The following items are for styling the "Cookie Use Acknowledgement" note on the sign in page ...

.publicBlockquote
.headBlockquote
.StdTextBlockquote
*/

.publicBlockquote /* Review: 12/09/2022 | Peter Lever */ {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 3px solid #666666;
}

.headBlockquote /* Review: 12/09/2022 | Peter Lever */ {
    padding: 0px 5px 5px 0px;
    font-weight: bold;
    text-align: left;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    border-bottom: #666666 3px solid;
    font-size: 12px;
}

.StdTextBlockquote /* Review: 20/09/2022 | Peter Lever */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: justify;
    color: #666666;
    font-size: 11px;
}