Body {
    font-family: Tahoma, Arial, Verdana;
    font-size: 10pt;
    background-color: #F2F3F5;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
}

TH {
    text-align: left;
}

TD {
    font-family: Sans-Serif, Tahoma, Arial, Verdana;
    font-size: 10pt;
}

    TD.register {
        white-space: nowrap;
        padding-right: 5px;
    }

    TD.registerinput {
        padding-right: 0px;
    }

    TD.Main2 {
        vertical-align: top;
    }

Table {
    font-size: 10pt;
}

    Table.Main {
        width: 964px;
        border: 1px solid #C0C0C0;
        text-align: center;
        vertical-align: middle;
    }

    Table.Main2 {
        width: 964px;
        background-image: url(/images/background.gif);
        text-align: center;
        vertical-align: middle;
    }

    Table.Form {
        width: 550px;
        height: 300px;
        border: 1px solid #C0C0C0;
        background-color: #FFFFFF;
    }

.bodyBG {
    color: #000000;
    padding-left: 15px;
    padding-right: 15px;
}

.bodytd {
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
}

.loginLabel {
    padding-right: 3px;
}

.loginTextBox {
    font-family: Tahoma;
    font-size: 10pt;
    border: 1px solid #191970;
}

.Button {
    background-color: #FFFFFF;
    font-size: 10pt;
    border: 1px inset #191970;
    padding-left: 2px;
    padding-right: 2px;
}

.err {
    color: #DC143C;
    font-weight: bold;
    font-family: Verdana, Arial, Courier New;
    font-size: 8pt;
}

.err2 {
    color: #DC143C;
}


a.err2:hover, a.err2:active {
    color: #DC143C;
}

.small {
    font-size: 8pt;
}

.infoHeader {
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
}

.likeAlink {
    font-size: 10pt;
    font-weight: bold;
}

    .likeAlink : Hover {
        font-size: 10pt;
        font-weight: bold;
        text-decoration: underline;
    }

.footertd {
    text-align: center;
    font-size: 8pt;
    color: #000000;
    border-top: 1px solid #C0C0C0;
    background-color: #FFFFFF;
    height: 20px;
}

.transicsLink {
    color: #000000;
    text-decoration: none;
    font-family: sans-serif, arial, verdana;
}

    .transicsLink:active:link:visited {
        font-weight: bold;
        text-decoration: none;
    }

    .transicsLink:hover {
        color: #ff4500;
        text-decoration: underline;
    }

A {
    color: #000000;
    text-decoration: underline;
    font-family: sans-serif, arial, verdana;
}

    A:active {
        text-decoration: underline;
    }

        A:active:link:visited {
            text-decoration: underline;
        }

    A:hover {
        color: #ff4500;
        text-decoration: underline;
    }

.pageTitleBig {
    padding-top: 10px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 14pt;
    color: #ff660f;
}

.pageTitleNormal {
    font-weight: bold;
    font-size: 10pt;
    color: #2c6faf;
}

.imgClass {
    border: solid 0px #000000;
}

.logInStatus {
    font-family: arial, verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.textBox {
    font-family: Tahoma, Arial, Verdana;
    font-style: normal;
    font-size: 9pt;
}

body {
    background-color: #f8f8f8;
    color: #666;
}

Table.Main {
    border: 0;
    width: 100%;
}

Table.Main2 {
    background-image: none;
    width: 100%;
}

.Main2 .imgClass, .Main2 #imgLogo, .Main .footertd {
    display: none;
}

.Main2 #promolink {
    display: block;
    width: 264px;
    height: 300px;
    margin-left: 25px;
    float: right;
    margin-right: 45px;
    background: url('https://www.transics.com/UI/TX-CONNECT/TX-CONNECT_promo.png') no-repeat left top;
}

.Main2 .txconnect:after {
    content: url('https://www.transics.com/UI/TX-CONNECT/TX-CONNECT_logo.png');
    float: left;
    margin: 18px 30px;
}

.Main2 .txsocial:after {
    content: url('https://www.transics.com/UI/TX-SOCIAL/TX-SOCIAL_logo.png');
    float: left;
    margin: 18px 30px;
}

.Main2 .txreports:after {
    content: url('https://www.transics.com/UI/TX-REPORTS/TX-REPORTS_logo.png');
    float: left;
    margin: 18px 30px;
}

.Main2 .bodytd {
    padding: 10px 30px 30px 30px;
}

    .Main2 .bodytd p {
        margin: 0;
    }

.Main2 .pageTitleNormal {
    color: #2c6faf;
    display: block;
    margin-bottom: 10px;
}

.Main2 .bodytd input.button {
    margin-bottom: 25px;
}

.Main2 Table.Form {
    border: 1px solid #e1e1e1;
    width: auto;
    height: auto;
}

.Main:after {
    content: 'Transics International BVBA - Ter Waarde 91 - B-8900 Ieper - Tel: +32 (0)57 34 61 71 - Fax: +32 (0)57 34 61 70';
    float: left;
    margin-left: 55px;
}

@media screen and (max-width: 860px) {
    .Main2 #promolink {
        display: none;
    }
}

.labelAfterBranding:after {
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    content: attr(data-after-content);
    float: left;
    margin: 18px 30px;
}

.labelAfterBranding {
    font-family: arial, verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.tipbranding:after {
    font-size: 30px;
    color: #000000;
    display: inline-block;
    font-weight: bold;
    float: left;
    margin: 18px 30px;
}

.tipfleetbranding {
    font-size: 30px;
    color: #000000;
    display: inline-block;
    font-weight: bold;
    font-style: italic;
    float: left;
    margin: 18px 30px;
}

.tipconnectedbranding {
    font-size: 30px;
    color: #000000;
    font-weight: 100;
    display: inline-block;
    font-style: italic;
    float: left;
    margin: 18px -30px;
}

