body {
    font-size: 16px;
    font-family: Arial,sans-serif;
}

/*------------------------------------------------------------------*/
/* Page and Area Borders */
/*------------------------------------------------------------------*/

.taskDIV {
    border-width: 2px;
    /*padding: 2px 2px 2px 2px;*/
    border-style: solid;
    border-collapse: collapse;
    /*border-color: #0B615E;*/
    border-color:transparent;
    background-color: #CEDFDF;
}

.FollowUpList {
    border-width: 2px;
    /*padding: 2px 2px 2px 2px;*/
    border-style: solid;
    border-collapse: collapse;
    /*border-color: #CC0000;*/
    border-color: transparent;
    background-color: #FFBCBC;
}

.Companies {
    border-width: 4px;
    padding: 2px 2px 2px 2px;
    border-style: solid;
    border-color: #0B610B;
    border-collapse: collapse;
}

.ContactRecord {
    /*border-width: 4px;*/
    padding: 2px 2px 2px 2px;
    /*border-style: solid;*/
    /*border-color: #CC0000;*/
    border: none;
    border-collapse: collapse;
    background-color: #FFBCBC;
}

.CompanyRecord {
    /*border-width: 4px;*/
    padding: 2px 2px 2px 2px;
    /*border-style: solid;*/
    /*border-color: #0B610B;*/
    border: none;
    border-collapse: collapse;
    background-color: #B6D0B6;
}

.InstallationRecord {
    padding: 2px 2px 2px 2px;
    border: none;
    border-collapse: collapse;
    background-color: #FFCCFF;
}

.contactPanel {
    border-style: none;
    border-collapse: collapse;
    background-color: #FFBCBC;
    padding-bottom: 5px;
}

.companyPanel {
    border-style: none;
    border-collapse: collapse;
    background-color: #B6D0B6;
    padding-bottom: 5px;
}

.installationsPanel {
    border-style: none;
    border-collapse: collapse;
    background-color: #ffe6ff;
    padding-bottom: 5px;
}

.touchesPanel {
    border-style: none;
    border-collapse: collapse;
    background-color: #FFFFCC;
    padding-bottom: 5px;
}

.header-buttons {
    background-color: white;
    position: fixed;
    /*position: sticky;*/
    /*position:page;*/
    /*position:relative;*/
    /*position:initial;*/
    width: 100%;
    z-index: 9999;
}

/*------------------------------------------------------------------*/
/* END Page and Area Borders */
/*------------------------------------------------------------------*/


.ErrorIndicator {
    color: Red;
    font-weight: bold;
}

.ErrorMsg {
    color: Red;
    font-weight: normal;
    font-size: medium;
}

.emailFormHeadings {
    /*font-family: Verdana Arial Tahoma;*/
    font-weight: bold;
    text-align: left;
}

.emailFormLabel {
    /*font-family: Arial, sans-serif;*/
    text-align: right;
    font-size:11px;
    /*width: 25%;*/
}

.TouchHeaderBackground {
    background-color: #ebeff3;
    font-family: Arial, sans-serif;
    font-size: small;
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
    text-align: left;
}

.emailCreateTouchDIV {
    border-width: 4px;
    padding: 2px;
    border-style: solid;
    border-color: #ffff99;
    background-color: #FFFFCC;
    border-collapse: separate;
}

.emailComposeDIV {
    border-width: 4px;
    padding: 2px;
    border-style: solid;
    border-color: #FFFF00;
    background-color: #FFFFCC;
    border-collapse: separate;
}


.touchDIV {
    /*position: absolute;*/
    border-width: 4px;
    padding: 1px;
    border-style: solid;
    border-color: #ffff99;
    background-color: #FFFFCC;
    border-collapse: separate;
    border-spacing: 4px;
}

.apptDIV {
    /*position:absolute;*/
    border-width: 4px;
    padding: 1px;
    border-style: solid;
    border-color: #FF9900;
    background-color: #FFEBCC;
    border-collapse: separate;
    border-spacing: 4px;
}


.SysMaintRecord {
    /*border-width: 4px;*/
    /*padding: 2px;*/
    /*border-style: solid;*/
    border-collapse: collapse;
    /*border-color: #8A084B;*/
    border: none;
    background-color: #E8CEDB;
}

.tileButtons {
    width: 160px;
    height: 80px;
    color: white;
    font-size: large;
    font-family: Arial, sans-serif;
    padding: 5px 5px 5px 5px;
    white-space: normal;
    border: none;
    transition: box-shadow .25s;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
    .tileButtons:hover {
        box-shadow: 0 8px 12px 0 rgba(0,0,0,0.24), 0 12px 40px 0 rgba(0,0,0,0.19);
    }

/* Buttons */

.ssaButton {
    font-size: small;
    background-color: lightgray;
    color: black;
    border: none;
    transition: box-shadow .25s;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
    .ssaButton:hover {
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    }


.ssaButtonSmall {
    font-size: x-small;
    background-color: lightgray;
    color: black;
    border: none;
    transition: box-shadow .25s;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
    .ssaButtonSmall:hover {
        box-shadow: 0 8px 12px 0 rgba(0,0,0,0.24), 0 12px 40px 0 rgba(0,0,0,0.19);
    }

.ssaButtonLarger {
    font-size: larger;
    background-color: lightgray;
    color: black;
    border: none;
    transition: box-shadow .25s;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
    .ssaButtonLarger:hover {
        box-shadow: 0 8px 12px 0 rgba(0,0,0,0.24), 0 12px 40px 0 rgba(0,0,0,0.19);
    }

.contactButton {
    width: 100%;
    height: 25px;
    background-color: #CC0000;
    color: white;
    border: none;
    transition: background-color .5s;
}
    .contactButton:hover {
        background-color: white;
        color: #993333;
        border: 2px 2px 2px 2px;
        border-color: #993333;
        border-style: solid;
    }

.companyButton {
    width: 100%;
    height: 25px;
    background-color: #0B610B;
    color: white;
    border: none;
    transition: background-color .5s;
}

    .companyButton:hover {
        background-color: white;
        color: #0B610B;
        border: 2px 2px 2px 2px;
        border-color: #0B610B;
        border-style: solid;
    }

.touchButton {
    width: 100%;
    height: 25px;
    background-color: #ffff99;
    color: black;
    font-weight: bold;
    border: none;
    transition: background-color .5s;
}

    .touchButton:hover {
        background-color: black;
        color: #ffff99;
        border: 2px 2px 2px 2px;
        border-color: #ffff99;
        border-style: solid;
    }

.appointmentsButton {
    width: 100%;
    height: 25px;
    background-color: #FF9900;
    color: black;
    font-weight: bold;
    border: none;
    transition: background-color .5s;
}

    .appointmentsButton:hover {
        background-color: black;
        color: #FF9900;
        border: 2px 2px 2px 2px;
        border-color: #FF9900;
        border-style: solid;
    }

.installationButton {
    width: 100%;
    height: 25px;
    background-color: #660066;
    color: white;
    font-weight: bold;
    border: none;
    transition: background-color .5s;
}

    .installationButton:hover {
        background-color: #ffe6ff;
        color: #660066;
        border: 2px 2px 2px 2px;
        border-color: #660066;
        border-style: solid;
    }

/* END Buttons */


/* small text for Remove label in attachments repeater */
.attachmentsRepeaterSmallText {
    font-size: xx-small;
    color: Black;
    font-family: Arial,sans-serif;
    text-decoration: none;
}

/* small text for file name in attachments repeater */
.attachmentsFilenameSmallText {
    font-size: 8pt;
    color: Black;
    font-family: Arial,sans-serif;
    text-decoration: none;
}

.PersonalOptions {
    padding: 2px;
    border: none;
    border-collapse: collapse;
    background-color: #E8CEDB;
}

.ssaOpenPagesRepeaterTable {
    vertical-align: top;
    border-collapse: collapse;
    /* width must be at 100% for highlight bar to touch same-color div border surrounding the content in the Content page. RFB, 2011-03-25 */
    width: 100%;
    /* Setting table-layout:fixed results in every column rendering with equal widths. Trying setting column widths in rptOpenPages_ItemDataBound (where we are setting the colors of the cells). RFB, 2011-03-25 12:21 */
    /* table-layout:fixed; */
    /* white-space:nowrap; */
}

.ssaDataBoxHeading {
    /*font: "segoe ui",arial,sans-serif;*/
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    width: 100%;
    line-height: 125%;
}

/*------------------------------------------------------------------*/
/* styles for web mail */
/*------------------------------------------------------------------*/

.PreviewSubject {
    font-size: medium;
    font-weight: bold;
}

.PreviewHeader {
    background-color: Silver;
}

/*------------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/* links and buttons */
/*------------------------------------------------------------------*/

.OpenPageLink {
    font-family: Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: 11px;
}

.OpenPageLinkBlack {
    font-family: Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: 11px;
    color: #000000
}

.OpenPageLinkSelected {
    font-family: Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: small;
    color: #FFFFFF;
}

.OpenPageLinkSelectedBlack {
    font-family: Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: small;
    color: #000000;
}

.OpenPageLinkLarge {
    font-family: Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    width: 100%;
}

.EmailFolderLink {
    font-family: Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: small;
    color: Black;
    background-color: Transparent;
}

.EmailFolderLinkSelected {
    font-family: Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: small;
    color: Black;
    background-color: #C4F8FF;
}

.section-label-button { /*Transition to this from formGridLabel_subform*/
    font-size: small;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    text-align: left;
}

.followuplistButton {
    width: 100%;
    height: 25px;
    background-color: #CC0000;
    color: white;
    border: none;
    transition: background-color .5s;
}
    .followuplistButton:hover {
        background-color: white;
        color: #A36200;
        border: 2px 2px 2px 2px;
        border-color: #CC0000;
        border-style: solid;
    }

.tasklistsummaryButton {
    width: 100%;
    height: 25px;
    background-color: #0B615E;
    color: white;
    border: none;
    transition: background-color .5s;
}
    .tasklistsummaryButton:hover {
        background-color: white;
        color: #A36200;
        border: 2px 2px 2px 2px;
        border-color: #0B615E;
        border-style: solid;
    }

/*------------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/* Multi-column Combo box list styles */
/*------------------------------------------------------------------*/
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul, .rcbHovered ul, .rcbDisabled ul {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/*------------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/* style for the login panel */
/*------------------------------------------------------------------*/
.login {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    width: 350px;
    /*font-family: Arial,sans-serif;*/
    /*font-size: small;*/
    background-color: White;
    border: solid 1px black;
    padding: 4px;
    border-collapse: collapse;
}
/*------------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/* styles for data forms */
/*------------------------------------------------------------------*/

.formLinkButtonSmall {
    text-decoration: none;
    /*font-family: Arial,sans-serif;*/
    font-size: x-small;
    font-style: normal;
}

.formLabel {
    font-size: 11px;
    font-weight: normal;
}

.formData {
    font-size: 11px;
    font-weight: bold;
    border-collapse: collapse;
    vertical-align: middle;
}

.formDataHeading {
    font-size: medium;
    font-weight: bold;
    border-collapse: collapse;
    vertical-align: middle;
}

.formGridLabel {
    font-size: small;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    text-align: left;
}

.formGridLabel_subform {
    font-size: small;
    font-weight: normal;
    text-decoration: underline;
    font-style: italic;
    text-align: left;
}

/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/
/* styles for a delete anchor tag */
/*------------------------------------------------------------------*/

a.lnkDelete:active {
    margin: 0 0 0 0;
    /*background: url(images/deleteTransparent.gif) left center no-repeat;*/
    padding: 0 1.2em;
    font: 8pt arial,sans-serif;
    color: #336699;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0;
}
    a.lnkDelete:link {
        margin: 0 0 0 0;
        /*background: url(images/Delete.gif) left center no-repeat;*/
        padding: 0 1.2em;
        font: 8pt arial,sans-serif;
        color: #336699;
        text-decoration: none;
        font-weight: normal;
        letter-spacing: 0;
    }
    a.lnkDelete:visited {
        margin: 0 0 0 0;
        /*background: url(images/Delete.gif) left center no-repeat;*/
        padding: 0 1.2em;
        font: 8pt arial,sans-serif;
        color: #336699;
        text-decoration: none;
        font-weight: normal;
        letter-spacing: 0;
    }
    a.lnkDelete:hover {
        margin: 0 0 0 0;
        /*background: url(images/Delete.gif) left center no-repeat;*/
        padding: 0 1.2em;
        font: 8pt arial,sans-serif;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
        letter-spacing: 0;
    }

/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/
/* styles for edit anchor tags */
/*------------------------------------------------------------------*/

a.lnkEdit:active {
    margin: 0 0 0 0;
    /*background: url(images/editTransparent.gif) left center no-repeat;*/
    padding: 0 1.2em;
    font: 8pt arial,sans-serif;
    color: #336699;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0;
}

a.lnkEdit:link {
    margin: 0 0 0 0;
    /*background: url(images/editTransparent.gif) left center no-repeat;*/
    padding: 0 1.2em;
    font: 8pt arial,sans-serif;
    color: #336699;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0;
}

a.lnkEdit:visited {
    margin: 0 0 0 0;
    /*background: url(images/editTransparent.gif) left center no-repeat;*/
    padding: 0 1.2em;
    font: 8pt arial,sans-serif;
    color: #336699;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0;
}

a.lnkEdit:hover {
    margin: 0 0 0 0;
    /*background: url(images/editTransparent.gif) left center no-repeat;*/
    padding: 0 1.2em;
    font: 8pt arial,sans-serif;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0;
}

/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/
/* styles for modal popups */
/*------------------------------------------------------------------*/

.modalPopup {
    background-color: #FFFFFF;
    /*border-width: 1px;*/
    /*border-style: solid;*/
    /*border-color: Gray;*/
    padding: 1px;
    /*font: "segoe ui",arial,sans-serif;*/
}

/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/
/* styles for tables (Used in System Maintenance screens) */
/*------------------------------------------------------------------*/
.tableBorders {
    border-color: #CCDDEF;
    border-style: solid;
    border-width: 1px;
    /*width: 350px;*/
    border-collapse: collapse;
    background-color: white;
}

.tableHeadersNTitles {
    padding: 5px;
    background-color: #6699CC;
    /*font-size: 1.5em;*/
    font-size: medium;
    color: white;
    font-weight: bold;
    /* line-height: 150%; */
    text-align: center;
    /*font-family: Arial,sans-serif;*/
}

.tableBody {
    padding: 5px;
}

.ckBoxList {
    background-color: transparent;
}

/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/
/* styles for grids */
/*------------------------------------------------------------------*/

.rolesGridView, rolesGridview table {
    /*width: 600px;*/
    width: 100%;
    border-color: #CCDDEF;
    border-width: 1px;
    /*font-family: Arial,sans-serif;*/
    font-size: small;
}

.clientGridView, clientGridview table {
    width: 350px;
    border-color: #CCDDEF;
    border-width: 1px;
    font-size: small;
}

.gridRowStyle {
    background-color: #FFFFFF;
    color: black;
    letter-spacing: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    border-color: #CADBED;
    border-style: solid;
    border-width: 1px;
    font-size: small;
}

.gridAlternatingRowStyle, .gridAlternatingRowStyle td {
    background-color: #CADBED;
    color: black;
    letter-spacing: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    border-color: #CADBED;
    border-style: solid;
    border-width: 1px;
    font-size: small;
}

.gridPagerStyle {
    color: #000000;
    background-color: #EEEEEE;
}

/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/
/* miscellaneous styles */
/*------------------------------------------------------------------*/

.bodyText {
    font-size: medium;
    color: black;
    letter-spacing: 0;
    line-height: 150%;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 10px;
    border-width: 4px;
    padding: 2px;
    border-style: solid;
    border-color: #8A084B;
    border-collapse: collapse;
}

/*------------------------------------------------------------------*/



/*------------------------------------------------------------------*/
/* styles for tables (Used in System Maintenance screens) */
/*------------------------------------------------------------------*/