﻿/* Sidekick CSS */

/* --- general */

html {
    background-color: #fff;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    font-size: .75em;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    min-width: 990px;
    margin: 0px;
    padding: 0px;
    color: rgb(77, 77, 77);
    text-align: center;
}

a {
    color: #333;
    outline: none;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

    a img {
        border: none;
    }

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear {
    clear: both;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

#container {
    width: 990px;
    padding: 5px 5px 5px 5px;
    text-align: left;
    margin: 0px auto;
}


/* --- header */

#topBarTable {
    background-color: rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
    width: 100%;
    height: 22px;
    margin: 0px;
}

#breadcrumbCell {
    padding: 0px 0px 0px 7px;
    text-align: left;
}

#userDataCell {
    padding: 0px 7px 0px 0px;
    text-align: right;
}

.topBarLink {
    color: rgb(77, 77, 77);
    text-decoration: none;
}

.topBarLinkSelected {
    color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    font-weight: bold;
}

.breadcrumbLinkSeparator {
    color: rgb(77, 77, 77);
    text-decoration: none;
}

.userDataLinkSeparator {
    margin: 0px 1px 0px 1px;
    color: rgb(77, 77, 77);
}


/* --- banner */

#bannerTable {
    background: url("Images/banner.png") no-repeat;
    height: 130px;
    width: 100%;
    margin: 0px 0px 5px 0px;
    border-top: 1px solid rgb(80, 81, 120); /* Electrolux Blue 70% */
    border-bottom: 1px solid rgb(80, 81, 120); /* Electrolux Blue 70% */
    padding: 0px;
}


/* --- portal Title */
#logo {
    float: left;
    font-family: 'Segoe UI Light', 'Segoe UI', 'Tahoma Light', 'Arial Light', Helvetica, sans-serif;
    font-size: 32px;
    font-weight: lighter;
    color: #fff;
    margin: 48px 0px 0px 7px;
}

    #logo a {
        text-decoration: none;
        color: #fff
    }

    #logo .semi {
        font-family: 'Segoe UI Semibold', 'Segoe-Semibold', Segoe UI, Tahoma, Helvetica, sans-serif;
    }

    #logo .tagline {
        font-size: 0.7em;
        padding-left: 8px;
    }



/* --- main menu */

.mainMenuLink, .mainMenuLink:visited {
    margin: 0px 10px 0px 2px;
    /* font:bold 12px Arial; */
    font-size: 1.1em;
    text-transform: uppercase;
    color: rgb(77, 77, 77);
    text-decoration: none;
}

    .mainMenuLink:hover {
        /*text-decoration:underline;*/
        text-decoration: none;
        color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    }

.mainMenuLinkCurrent, .mainMenuLinkCurrent:visited {
    /* font:bold 12px Arial; */
    font-size: 1.1em;
    color: rgb(80, 81, 120); /* Electrolux Blue 70% */
    font-weight: bold;
    text-decoration: none;
}

    .mainMenuLinkCurrent:hover {
        /*text-decoration:underline;*/
        text-decoration: none;
    }



/* --- body */

/* bodyTable */
#bodyTable {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

/* leftColumnCell */
#leftColumnCell {
    background-color: rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
    width: 200px;
    height: 360px;
    padding: 6px 10px 6px 10px;
    vertical-align: top;
}

#leftColumnMenuDiv {
    min-height: 380px;
    margin: 0px;
    padding: 0px;
}

.menuTreeViewLink, .menuTreeViewLink:visited {
    padding: 5px 0px 5px 0px;
    font-size: 1.1em;
    color: rgb(77, 77, 77);
    text-decoration: none;
}

    .menuTreeViewLink:hover {
        text-decoration: underline;
        color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    }

.menuTreeViewLinkSelected, .menuTreeViewLinkSelected:visited, .menuTreeViewLinkSelected:hover {
    font-size: 1.1em;
    color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    text-decoration: none;
    font-weight: bold;
}

#contentCell {
    background-color: #fff;
    padding: 0px 0px 0px 10px;
    vertical-align: top;
}



/* --- footer */

#footerTable {
    background-color: rgb(32, 41, 83); /* Electrolux Blue */
    width: 100%;
    height: 22px;
    margin: 5px 0px 0px 0px;
}

#copyrightCell {
    padding: 2px 0px 0px 5px;
    color: #fff;
    text-align: left;
}

#termsOfUseCell {
    padding: 0px 5px 0px 0px;
    text-align: right;
}

.termsOfUseLink, .termsOfUseLink:visited {
    color: #fff;
    text-decoration: none;
}

    .termsOfUseLink:hover {
        text-decoration: underline;
    }



/* ------------------------------------------------------- */
/* ------                                           ------ */
/* ------       PLACE HOLDER LEFT DESCRIPTION       ------ */
/* ------                                           ------ */
/* ------------------------------------------------------- */


.leftDescription {
    padding: 6px 0px 0px 0px;
    color: rgb(77, 77, 77);
}

.leftDescriptionLink, .leftDescriptionLink:visited {
    padding: 6px 0px 0px 0px;
    color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    text-decoration: none;
}

    .leftDescriptionLink:hover {
        text-decoration: underline;
    }

hr {
    height: 1px;
    margin: 10px 0px 10px 0px;
    color: rgb(77, 77, 77);
}

.hlUrl {
    color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    text-decoration: underline;
    font-weight: bold;
}

/* ------------------------------------------------------- */
/* ------------                               ------------ */
/* ------------       PLACE HOLDER MAIN       ------------ */
/* ------------                               ------------ */
/* ------------------------------------------------------- */

/* general */
.contentText {
    font-size: 1.1em;
    color: rgb(77, 77, 77);
}

.contentTextBold {
    font-size: 1.1em;
    font-weight: bold;
    color: rgb(77, 77, 77);
}

.contentTextSmall {
    font-size: 0.9em;
    color: rgb(77, 77, 77);
}

.contentTextSmallBold {
    font-size: 0.9em;
    font-weight: bold;
    color: rgb(77, 77, 77);
}

.contentTextLarge {
    font-size: 1.2em;
    color: rgb(77, 77, 77);
}

.contentTextBlue {
    font-size: 1.1em;
    font-weight: bold;
    color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
}

.divLink a, .link, .link:visited {
    font-size: 1.1em;
    color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    text-decoration: underline;
}

.linkContent, .linkContent:visited {
    background: url("Images/bulletMenuSelected.jpg") no-repeat;
    background-position: 0px 4px;
    margin: 0px 30px 0px 0px;
    padding: 0px 0px 0px 8px;
    font-size: 1.1em;
    color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    text-decoration: none;
}

    .linkContent:hover {
        text-decoration: underline;
    }

.linkContentBold, .linkContentBold:visited {
    font-size: 1.1em;
    font-weight: bold;
    color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    text-decoration: none;
}

    .linkContentBold:hover {
        text-decoration: underline;
    }

.linkLicense, .linkLicense:visited {
    background: url("Images/bulletMenuSelected.jpg") no-repeat;
    background-position: 0px 4px;
    margin: 0px 30px 0px 0px;
    padding: 0px 0px 0px 8px;
    font-style: italic;
    color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    text-decoration: none;
}

    .linkLicense:hover {
        text-decoration: underline;
    }


.error {
    font-size: 1.1em;
    color: rgb(235, 104, 82); /* Electrolux Vivid Orange */
}


.message_info {
    padding: 2px 8px 2px 8px;
    font-size: 1.1em;
    background-color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    color: White;
}

.message_warning {
    padding: 2px 8px 2px 8px;
    font-size: 1.1em;
    background-color: rgb(235, 104, 82); /* Electrolux Vivid Orange */
    color: White;
}

.message_error {
    padding: 2px 8px 2px 8px;
    font-size: 1.1em;
    background-color: rgb(204, 86, 152); /* Electrolux Vivid Orchid */
    color: White;
}




.fileUpload {
    width: 400px;
    font-size: 1.1em;
    color: rgb(77, 77, 77);
}

.dlNews {
    width: 100%;
}

.newsDetailTitle {
    font-size: 1.6em;
    color: rgb(77, 77, 77);
}

.imageNews {
    margin-right: 10px;
}

.imageDetailNews {
    margin-left: 10px;
}

.divSendMail {
    padding: 10px;
    text-align: left;
    margin: 0px;
    font-size: 1.1em;
    color: rgb(77, 77, 77);
}


.divTitle {
    margin: 0px 0px 4px 0px;
    padding: 0px;
}

.lblTitle {
    color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    /*
    font-size: 2em;
	line-height:1.2em;
*/
    font-size: 1.8em;
    line-height: 1.2em;
    text-transform: uppercase;
}


.linkNalpeiron, .linkNalpeiron:visited {
    padding: 0px;
    font-size: 1.2em;
    color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    text-decoration: none;
}

    .linkNalpeiron:hover {
        text-decoration: underline;
    }

.divDdlServiceData, .divDdlApplianceType {
    padding: 5px 0px 20px 0px;
}

.divFilterConfigurationType {
    padding: 5px 0px 20px 0px;
}

.lblUserStatus {
    font-style: italic;
    color: rgb(130, 130, 130);
}

/* pnlActions */
.pnlActions1 {
    margin: 0px 0px 5px 0px;
}

.pnlActions2 {
    margin: 30px 0px 5px 0px;
}

.linkPnlActions, .linkPnlActions:visited, .linkPnlActions:hover {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

    .linkPnlActions img {
        border-width: 0px;
    }


/* pnlMessage */
.pnlMessage {
    margin: 20px 0px 30px 0px;
}


/* loginControls */
.loginControlDiv {
    margin: 0;
    border: 1px solid rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
    padding: 30px 10px 30px 10px;
}

.loginInstructionText {
    padding: 0px 0px 10px 0px;
    font-size: 1.1em;
    color: rgb(77, 77, 77);
}


/* controls */
select {
    margin: 0px;
    color: rgb(77, 77, 77);
}

.ddl50 {
    width: 54px;
    color: rgb(77, 77, 77);
}

.ddl140 {
    width: 144px;
    color: rgb(77, 77, 77);
}

.ddl160 {
    width: 164px;
    color: rgb(77, 77, 77);
}

.ddl200 {
    width: 204px;
    color: rgb(77, 77, 77);
}

.ddl300 {
    width: 304px;
    color: rgb(77, 77, 77);
}

.txt40 {
    width: 40px;
    margin: 0px;
    font-size: 1.1em;
    color: rgb(77, 77, 77);
}

.txt50 {
    width: 50px;
    margin: 0px;
}

.txt100 {
    width: 100px;
    margin: 0px;
    color: rgb(77, 77, 77);
}

.txt140 {
    width: 140px;
    margin: 0px;
    color: rgb(77, 77, 77);
}

.txt160 {
    width: 160px;
    margin: 0px;
    color: rgb(77, 77, 77);
}

.txt200 {
    width: 200px;
    margin: 0px;
    color: rgb(77, 77, 77);
}

.txt250 {
    width: 250px;
    margin: 0px;
    color: rgb(77, 77, 77);
}

.txt300 {
    width: 300px;
    margin: 0px;
    color: rgb(77, 77, 77);
}

.txt400 {
    width: 400px;
    margin: 0px;
    color: rgb(77, 77, 77);
}

.txt200FormViewDisabled {
    background-color: rgb(245, 245, 245);
    width: 200px;
    margin: 0px;
    border: 1px solid rgb(245, 245, 245);
    color: rgb(77, 77, 77);
}

.txt70FilterDisabled {
    background-color: rgb(230, 230, 230);
    width: 100px;
    margin: 0px;
    border: 1px solid rgb(230, 230, 230);
    color: rgb(77, 77, 77);
}

.txt70FormViewDisabled {
    background-color: rgb(218,223,225);
    width: 70px;
    margin: 0px;
    border: 1px solid rgb(218,223,225);
    color: rgb(77, 77, 77);
}

.txtDemo {
    margin: 0;
    border: 1px solid rgb(218,223,225);
    padding: 30px 10px 30px 10px;
    text-align: center;
    font-size: 1.3em;
}

.ta500 {
    width: 500px;
    height: 100px;
    margin: 0px;
    color: rgb(77, 77, 77);
}

.ta500FormViewDisabled {
    background-color: rgb(245, 245, 245);
    width: 500px;
    height: 100px;
    margin: 0px;
    border: 1px solid rgb(218,223,225);
    color: rgb(77, 77, 77);
}

.taHeight400 {
    width: 500px;
    height: 100px;
    margin: 0px;
    color: rgb(77, 77, 77);
}

.taHeight400FormViewDisabled {
    background-color: rgb(245, 245, 245);
    width: 500px;
    height: 100px;
    margin: 0px;
    border: 1px solid rgb(218,223,225);
    color: rgb(77, 77, 77);
}

.btn {
    width: 80px;
    color: rgb(77, 77, 77);
    font-size: 1.1em;
    background-color: rgb(240, 240, 240);
    border: 1px solid rgb(118, 118, 118);
    border-radius: 2px 2px;
}

    .btn:hover {
        background-color: rgba(230, 230, 230);
    }

    .btn:disabled {
        background-color: rgb(240, 240, 240);
        color: rgb(177, 177, 177);
    }


.btnSearch {
    width: 80px;
    color: #fff;
    font-size: 1.1em;

    background-color: rgba(0, 153, 189, 0.85); /* Electrolux Vivid Sky-blue */
    border: 1px solid rgb(65, 84, 100); /* Electrolux Neutral Dark Slate */
    border-radius: 2px 2px;
}
    .btnSearch:hover {
        background-color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    }

    .btnSearch:disabled {
        background-color: rgba(0, 153, 189, 0.85); /* Electrolux Vivid Sky-blue */
        color: rgb(220, 220, 220);
    }


.btn110 {
    width: 110px;
    color: rgb(77, 77, 77);
    font-size: 1.1em;
}

    .btn110:disabled {
        color: rgb(177, 177, 177);
    }

.divBtn {
    padding: 20px 0px 30px 0px;
    text-align: center;
}

.divBtnTop {
    padding: 30px 0px 0px 0px;
    text-align: center;
}

.divBtnBottom {
    padding: 0px 0px 30px 0px;
    text-align: center;
}

.validator {
    margin: 0px 0px 0px 5px;
    font-size: 1.1em;
    color: rgb(235, 104, 82); /* Electrolux Vivid Orange */
}


/* pnlFilter */
.pnlFilter {
    width: auto; /*width:100%;*/
    background-color: rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
    margin: 0px 0px 4px 0px;
    padding: 4px;
}

.tableFilter {
}

.cellTitleFilter {
    padding: 10px 0px 0px 0px;
}

.cellFromToFilter {
    padding: 0px 3px 0px 0px;
    text-align: right;
}

.cellBtnFilter {
    text-align: right;
}


/* grid */
.pnlGrid {
    margin: 0px 0px 10px 0px;
}

.grid1 {
    width: 100%;
    margin: 0px 0px 10px 0px;
    border-top: 1px solid rgb(80, 81, 120); /* Electrolux Blue 70% */
    border-left: 1px solid rgb(77, 77, 77);
    border-right: 1px solid rgb(77, 77, 77);
    border-bottom: 1px solid rgb(77, 77, 77);
}

    .grid1 caption {
        caption-side: top;
        background-color: rgb(65, 84, 100); /* Electrolux Neutral Dark Slate */
        border-top: 1px solid rgb(77, 77, 77);
        border-left: 1px solid rgb(77, 77, 77);
        border-right: 1px solid rgb(77, 77, 77);
        padding: 2px 0px 2px 0px;
        color: #fff;
        text-align: center;
    }

    .grid1 th {
        padding: 0px 2px 0px 2px;
        font-weight: normal;
    }

    .grid1 td {
        padding: 0px 2px 0px 2px;
    }

.grid1Header {
    background-color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    height: 22px;
    text-align: left;
    color: #fff;
    font-weight: normal;
    white-space: nowrap;
    font-size: 0.9em;
    text-transform: uppercase;
    text-decoration: none;
}

    .grid1Header a, .grid1Header a:visited {
        color: #fff;
        text-decoration: none;
        font-weight: normal;
    }

        .grid1Header a:hover {
            text-decoration: underline;
        }


.grid2 {
    width: 100%;
    margin: 0px 0px 10px 0px;
    border-top: 1px solid rgb(80, 81, 120); /* Electrolux Blue 70% */
    border-left: 1px solid rgb(77, 77, 77);
    border-right: 1px solid rgb(77, 77, 77);
    border-bottom: 1px solid rgb(77, 77, 77);
}

    .grid2 caption {
        caption-side: top;
        height: auto;
        background-color: rgb(65, 84, 100); /* Electrolux Neutral Dark Slate */
        border-top: 1px solid rgb(77, 77, 77);
        border-left: 1px solid rgb(77, 77, 77);
        border-right: 1px solid rgb(77, 77, 77);
        padding: 2px 0px 2px 0px;
        color: #fff;
        text-align: center;
    }

    .grid2 th {
        padding: 0px 2px 0px 2px;
        font-weight: normal;
    }

    .grid2 td {
        padding: 0px 2px 0px 2px;
    }

.grid2Header {
    background-color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    height: 22px;
    color: #fff;
    font-weight: normal;
    white-space: nowrap;
    font-size: 0.9em;
    text-transform: uppercase;
    text-decoration: none;
}

    .grid2Header a, .grid2Header a:visited {
        color: #fff;
        text-decoration: none;
        font-weight: normal;
    }

        .grid2Header a:hover {
            text-decoration: underline;
        }




.gridEdit {
    width: 100%;
    margin: 0px 0px 10px 0px;
    border: 1px solid rgb(77, 77, 77);
}

    .gridEdit caption {
        caption-side: top;
        background-color: rgb(210, 210, 210);
        border-top: 1px solid rgb(77, 77, 77);
        border-bottom-width: 0px;
        border-left: 1px solid rgb(77, 77, 77);
        border-right: 1px solid rgb(77, 77, 77);
        padding: 3px 0px 3px 3px;
        color: rgb(77, 77, 77);
        text-align: center;
    }

.gridEditHeader {
    background-color: rgb(180, 180, 180);
    border-top: 1px solid rgb(77, 77, 77);
    border-bottom: 1px solid rgb(218,223,225);
    border-left: 1px solid rgb(77, 77, 77);
    border-right: 1px solid rgb(77, 77, 77);
    height: 22px;
    color: rgb(77, 77, 77);
    font-weight: normal;
}

    .gridEditHeader a, .gridEditHeader a:visited {
        color: rgb(77, 77, 77);
        text-decoration: underline;
        font-weight: normal;
    }


.gridRow {
    background-color: #fff;
    border-top: 1px solid rgb(218,223,225);
    border-bottom: 1px solid rgb(218,223,225);
    border-left: 1px solid rgb(77, 77, 77);
    border-right: 1px solid rgb(77, 77, 77);
    font-size: 0.9em;
}

.gridRow:nth-child(odd) 
{
    /*background-color: rgba(0, 153, 189, 0.05);*/  /* Electrolux Vivid Sky-blue */
    background-color: rgb(242, 250, 252); /* Electrolux Vivid Sky-blue */
}

.gridSelectedRow {
    background-color: rgb(255, 255, 204);
    border-top: 1px solid rgb(218,223,225);
    border-bottom: 1px solid rgb(218,223,225);
    border-left: 1px solid rgb(77, 77, 77);
    border-right: 1px solid rgb(77, 77, 77);
    font-size: 0.9em;
}

.gridDisabledRow {
    background-color: #fff;
    border-top: 1px solid rgb(218,223,225);
    border-bottom: 1px solid rgb(218,223,225);
    border-left: 1px solid rgb(77, 77, 77);
    border-right: 1px solid rgb(77, 77, 77);
    font-size: 0.9em;
    color: rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
}

.gridPager {
    background-color: rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
    border-top: 1px solid rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
    border-bottom: 1px solid rgb(77, 77, 77);
    border-left: 1px solid rgb(77, 77, 77);
    border-right: 1px solid rgb(77, 77, 77);
    color: rgb(77, 77, 77);
    height: 22px;
    line-height: 22px;
}

    .gridPager a, .gridPager a:visited {
        color: rgb(32, 41, 83); /* Electrolux Blue */
        text-decoration: none;
        padding: 1px 3px;
        border: 1px solid rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
    }

        .gridPager a:hover {
            color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
            text-decoration: none;
            padding: 1px 3px;
            border: 1px solid rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

    .gridPager span {
        color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
        text-decoration: none;
        font-weight: bold;
        margin-left: 15px;
    }

    .gridPager table tr td span {
        margin-left: 0;
        background-color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
        color: #fff;
        padding: 1px 3px;
        border: 1px solid rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

.gridCenterItem {
    text-align: center;
}



.gridDimmedHeader {
    background-color: rgb(168, 168, 168);
    height: 22px;
    text-align: left;
    color: #fff;
    font-weight: normal;
    white-space: nowrap;
    font-size: 0.9em;
    text-transform: uppercase;
    text-decoration: none;
}


/* formView */
.formView {
    background-color: rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.divFormViewTitle1 {
    background-color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    margin: 0px;
    border-bottom: 1px solid rgb(77, 77, 77);
    padding: 2px 2px 2px 3px;
    color: #fff;
    font-size: 1.1em;
    text-transform: uppercase;
}

.divFormViewTitle2 {
    background-color: rgb(220, 233, 244);
    margin: 0px;
    border-bottom: 1px solid rgb(200, 200, 200);
    padding: 2px 0px 2px 3px;
}

.divFormView {
    margin: 0px;
    padding: 10px;
}

.tableFormView {
    width: 100%;
}

.cellFormViewTitle {
    color: rgb(65, 84, 100); /* Electrolux Neutral Dark Slate */
    padding: 20px 0px 2px 0px;
    font-size: 1.1em;
    font-weight: bold;
}

.cellFormViewTitleTop {
    color: rgb(65, 84, 100); /* Electrolux Neutral Dark Slate */
    padding: 0px 0px 2px 0px;
    font-size: 1.1em;
    font-weight: bold;
}

.divFormViewParagraphTitle {
    border-bottom: 1px solid rgb(65, 84, 100); /* Electrolux Neutral Dark Slate */
}


.cellFormViewRightSpacer {
    background-color: rgb(224, 228, 230); /* Electrolux Neutral Light Pistachio slightly lighted */
    height: 10px;
}

.cellFormViewRight {
    background-color: rgb(224, 228, 230); /* Electrolux Neutral Light Pistachio slightly lighted */
    padding: 0px 0px 1px 10px;
}

.cellFormViewRightLbl {
    background-color: rgb(224, 228, 230); /* Electrolux Neutral Light Pistachio slightly lighted */
    padding: 2px 0px 2px 10px;
}

.cellFormViewRightCb {
    background-color: rgb(224, 228, 230); /* Electrolux Neutral Light Pistachio slightly lighted */
    padding: 0px 0px 1px 6px;
}

.cellFormViewRightCbl {
    background-color: rgb(224, 228, 230); /* Electrolux Neutral Light Pistachio slightly lighted */
    padding: 0px 0px 1px 0px;
}

.cellFormViewRightRbl {
    background-color: rgb(224, 228, 230); /* Electrolux Neutral Light Pistachio slightly lighted */
    padding: 0px 0px 1px 3px;
}

.cellFormViewRightLicense {
    padding-left: 6px;
}

.cellFormViewRightLicenseMigrated {
    font-size: 10px;
    padding: 1px 0px 0px 3px;
    color: #999;
}


.pnlError {
    padding: 0px 0px 10px 0px;
    font-size: 1.1em;
    color: rgb(235, 104, 82); /* Electrolux Vivid Orange */
}

.divBtnFormView {
    padding-top: 10px;
    text-align: center;
}

.pnlFormattedText {
    height: 200px;
    border: 1px solid rgb(218,223,225);
}


/* details view */
.detailsView {
    background-color: rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

.detailViewCaption {
    background-color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    margin: 0px;
    border-bottom: 1px solid rgb(77, 77, 77);
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    padding: 2px 0px 2px 3px;
    color: #fff;
}

.detailViewHeaderCell {
    width: 150px;
    padding: 1px 0px 1px 10px;
}

.detailViewItemCell {
    background-color: rgb(224, 228, 230); /* Electrolux Neutral Light Pistachio slightly lighted */
    padding: 1px 10px 1px 10px;
}

.detailViewItemCellCb {
    background-color: rgb(224, 228, 230); /* Electrolux Neutral Light Pistachio slightly lighted */
    padding: 0px 0px 1px 6px;
}


/* calendar */
.cellCalendar {
    padding: 0px 0px 0px 3px;
}

.pnlCalendar {
    background-color: rgb(0, 153, 189); /* Electrolux Vivid Sky-blue */
    position: absolute;
    /*display:none;*/
    margin: 0px 0px 0px 3px;
    border: 1px solid rgb(77, 77, 77);
    font-size: 0.9em;
    color: rgb(77, 77, 77);
}

.cellCloseCalendar {
    text-align: right;
}

.tableCalendar {
    margin-top: -10px;
}

.cellCalendarLbl {
    padding: 0px 0px 0px 3px;
}

.cellCalendarClose {
    text-align: right;
}

.cellCalendarDdl {
    padding: 0px 0px 3px 3px;
}

.lblCalendar {
    color: #fff;
}

.calendar {
    background-color: #fff;
}


.configurationStateCurrent {
    background-color: rgb(224, 228, 230); /* Electrolux Neutral Light Pistachio slightly lighted */
}

.configurationStateActivable {
    background-color: rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
}

/* Style for tab control */
.tabs {
    position: relative;
    top: 1px;
    left: 5px;
    margin-left: -5px;
    padding-bottom: 15px;
}

.tab {
    border: solid 1px black;
    background-color: #eeeeee;
    padding: 2px 10px;
}

.selectedTab {
    background-color: rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
    border-bottom: solid 1px rgb(218, 222, 224); /* Electrolux Neutral Light Pistachio */
}

.tabContents {
    border: solid 1px black;
    padding: 10px;
    background-color: white;
}

.calendarDiv {
    float: left;
    padding-top: 2px;
    width: 20px;
}

.calendarImgButton {
    padding-left: 3px;
}

.wrapTextBreakWord {
    word-break: break-word;
}

