/* © 2018 Therefore Strategic Technology Services (Pty) Ltd */
/* Therefore website template */

html, body /* Review: 28/01/2017 | Peter Lever */ {
    font-size: 11px;
    margin: 0px;
    background-image: url("../Images/CallOut.png"), url("../Images/Background.jpg"), url("../Images/Line.png");
    background-position: bottom right, top left, bottom;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-color: White;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    height: 100%;
    line-height: 1.25;
    overflow: hidden;
}

ul, ol /* Review: 20/01/2017 | Peter Lever */ {
    line-height: 1.5;
}
/* Link styling */

a:link /* Review: 09/01/2017 | Peter Lever */ {
}

a:visited /* Review: 09/01/2017 | Peter Lever */ {
}

a:hover /* Review: 09/01/2017 | Peter Lever */ {
}

a:active /* Review: 09/01/2017 | Peter Lever */ {
}

.MainHeading /* Review: 21/05/2015 | 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/10/2016 | 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;
}

.SubSubHeading /* Review: 06/01/2017 | Peter Lever */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    border-bottom: 2px dotted;
    text-align: left;
    margin-top: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 1.1 !important;
}

.StdText /* Review: 21/05/2015 | Peter Lever */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: justify;
}

.SmallText /* Review: 08/06/2010 | Peter Lever */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: justify;
}

.InSubHeading /* Review: 21/05/2015 | Peter Lever */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bolder;
    text-align: left;
    color: #666666;
    margin-top: 5px;
    padding-bottom: 2px;
    border-bottom: #666666 1px dotted;
    margin-left: 50px;
}

.InStdText /* Review: 21/05/2015 | Peter Lever */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: justify;
    margin-left: 50px;
}

.InSmallText /* Review: 08/06/2010 | Peter Lever */ {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: justify;
    margin-left: 50px;
}

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

.ButtonNormal /* Review: 09/04/2014 | Peter Lever */ {
    margin-top: 3px;
    border: 1px outset #CEAE84;
    height: 20px;
    line-height: 20px !important;
    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;
}

.ButtonActive /* Review: 09/04/2014 | Peter Lever */ {
    margin-top: 3px;
    border: 1px outset #CEAE84;
    height: 20px;
    line-height: 20px !important;
    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;
}
/* The following items style the Emphasis Box object.

EmpBoxHead
EmpBoxDiv
EmpBoxDivStack
EmpBoxImgBlock
EmpBoxImg
EmpBoxTxtBlock
EmpBoxline
EmpBoxSpace
EmpBoxRow
EmpBoxHead
EmpBoxDiv
EmpBoxImgBlock
EmpBoxImg
EmpBoxTxtBlock
EmpBoxline
EmpBoxSpace
EmpBoxRow
*/
.EmpBoxHead /* Review: 25/03/2014 | Peter Lever */ {
    margin-top: 10px;
    font-size: 11px;
    font-weight: bold;
    font-variant: small-caps;
    color: #FFFFFF;
    background: #193959;
    padding: 0px 0px 0px 2px;
    text-align: left;
}

.EmpBoxDiv /* Review: 09/04/2014 | 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; /*background: white;*/
    padding: 2px;
    color: #193959;
    text-align: justify;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.EmpBoxImgBlock /* Review: 07/03/2014 | Peter Lever */ {
    width: 47px;
    padding: 2px;
    float: left;
}

.EmpBoxImg /* Review: 07/03/2014 | Peter Lever */ {
    width: 47;
    height: 48;
}

.EmpBoxTxtBlock /* Review: 20/03/2014 | Peter Lever */ {
    margin-left: 51px;
    color: #193959;
    padding: 4px;
}

.EmpBoxline /* Review: 20/03/2014 | Peter Lever */ {
    border-top: #193959 1px dotted;
    margin-top: 2px;
    margin-bottom: 2px;
}

.EmpBoxSpace /* Review: 07/03/2014 | Peter Lever */ {
    height: 5px;
    font-size: 1px;
}

.EmpBoxInline /* Review: 20/03/2014 | Peter Lever */ {
    border-top: #193959 1px dotted;
    margin-top: 4px;
    margin-bottom: 4px;
}

.EmpBoxRow /* Review: 07/03/2014 | Peter Lever */ {
    overflow: hidden;
}
/* The following items style the Public Page Framework ...

PubContainer
PubBoxWidth
PubBoxHead
PubBoxDiv
PubBoxRow
PubBoxImgBlock
PubBoxTxtBlock
PubBoxImg
*/
.PubContainer /* Review: 08/01/2018 | Peter Lever */ {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 10px;
    box-shadow: 0px 0px 5px rgba(60,134,197,0.5) inset, 0px 0px 10px rgba(192,192,192,0.5);
    border: 1px solid silver;
    width: 85%;
    height: 85%;
    border-radius: 5px;
}

.PubBoxWidth /* Review: 10/04/2014 | Peter Lever */ {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.PubBoxHead /* Review: 12/10/2015 | 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: 09/01/2017 | Peter Lever */ {
    background: rgba(255, 255, 255, 0.9);
    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: 10/04/2014 | Peter Lever */ {
    float: left;
    height: 100%;
    width: 100%;
}

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

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

.PubBoxTxtBlock1 /* Review: 10/04/2014 | Peter Lever */ {
    height: 4px;
}

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

.PubBoxTxtBlock3 /* Review: 10/04/2014 | 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: 10/04/2014 | Peter Lever | Content */ {
    border-left: #3C86C5 1px dashed;
    border-right: #3C86C5 1px dashed;
    padding: 5px;
    height: calc(100% - 84px);
    overflow: auto;
}

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

.PubBoxTxtBlock6 /* Review: 10/04/2014 | Peter Lever */ {
    border: #3C86C5 1px dashed;
    color: #3C86C5;
    padding: 4px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: right;
}
/* Site Logo */

.Logo /* Review: 10/01/2017 | Peter Lever */ {
}
/* Styled Features bullet list */

#SmartList /* Review: 05/10/2016 | Peter Lever */ {
}

    #SmartList ol /* Review: 05/10/2016 | Peter Lever */ {
        list-style: none; /*font-size: 18px;*/
    }

        #SmartList ol li /* Review: 05/10/2016 | Peter Lever */ {
        }

            #SmartList ol li ol /* Review: 05/10/2016 | Peter Lever */ {
                list-style-image: url("../images/nested.png");
                padding: 3px 0 3px 12px;
            }

                #SmartList ol li ol li /* Review: 05/10/2016 | Peter Lever */ {
                    margin-left: 10px;
                }
/* Inline product image */

.LogoOnRightDiv /* Review: 09/01/2017 | Peter Lever */ {
    display: inline-table;
}

.LogoOnRightImgDiv /* Review: 10/01/2017 | Peter Lever */ {
    float: right;
    padding-top: 10px;
    padding-left: 10px;
}
/* Client Listing */

.SplitList /* Review: 10/01/2017 | Peter Lever */ {
    display: inline-table;
    width: 100%;
}

.SplitListLeft /* Review: 10/01/2017 | Peter Lever */ {
    float: left;
    width: 50%;
}

.SplitListRight /* Review: 10/01/2017 | Peter Lever */ {
    float: right;
    width: 50%;
}
/* Download Brochure button thang */

.MenuDownload /* Review: 30/03/2018 | Peter Lever */ {
    max-width: 50%;
    height: auto;
}

.PubMenuBlockSpace /* Review: 21/01/2017 | Peter Lever */ {
    height: 10px;
}

.offeringImage /* Review: 29/03/2018 | Peter Lever */ {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 70px;
    height: 62px;
}

    .offeringImage:hover /* Review: 29/03/2018 | Peter Lever */ {
        background: #F5F5F5;
        opacity: 0.7;
        filter: alpha(opacity=70); /* For IE8 and earlier */
    }

.focusImgTR /* Review: 29/03/2018 | Peter Lever */ {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

    .focusImgTR:hover /* Review: 29/03/2018 | Peter Lever */ {
        background: #F5F5F5;
        opacity: 0.7;
        filter: alpha(opacity=70); /* For IE8 and earlier */
    }

.radio /* Review: 17/09/2018 | Peter Lever */ {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}