﻿body {
}


.container-body {
    width: 1000px;
    text-align: center;
    margin: 0 auto;
    font-family: Arial;
    font-size: 9pt;
}

.left {
    text-align: left;
}


.clear {
    clear: both;
}

.TABLinkActive {
    border-top: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    padding: 5px;
    padding-bottom: 7px;
    position: relative;
    top: -2px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

    .TABLinkActive:hover {
        text-decoration: none;
    }

.TABLink {
    border-top: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    padding: 5px;
    background-color: #CCCCCC;
}

    .TABLink:hover {
        background-color: #EEEEEE;
    }


.div-white-tab {
    border-left: 1px solid #AAAAAA;
    padding: 5px;
    background-color: #FFFFFF;
}

.Link {
    color: Navy;
}

    .Link:hover {
        text-decoration: underline;
    }

.popUpDivA {
    padding: 2px;
    background-color: #999999;
    color: #FFFFFF;
}

.Link8 {
    color: Navy;
    font-size: 8pt;
}

.Link9 {
    color: Navy;
    font-size: 9pt;
}

.Link10 {
    color: Navy;
    font-size: 10pt;
}

Link8White {
    color: #FFFFFF;
    font-size: 8pt;
}

.Link8:hover {
    text-decoration: underline;
}

.Link9:hover {
    text-decoration: underline;
}

.Link10:hover {
    text-decoration: underline;
}

a {
    color: inherit;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

.EmailPreview a {
    color: blue;
}

.popUpDiv {
    padding: 2px;
}

    .popUpDiv:hover {
        padding: 2px;
        background-color: #999999;
        color: #FFFFFF;
    }

.popUpDiv2 {
    padding: 2px;
    background-color: #EEEEEE;
}

    .popUpDiv2:hover {
        padding: 2px;
        background-color: #999999;
        color: #FFFFFF;
    }

#divHeader {
    text-align: left;
    position: relative;
}

#divTopHeader {
    height: 80px;
    text-align: left;
    position: relative;
}

.headerMenuItem {
    font-size: 9pt;
    float: left;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    height: 26px;
    margin-top: 1px;
    line-height: 27px;
    color: #FFFFFF;
    font-weight: bold;
    border-right: 1px solid #AAAAAA;
    text-decoration: none;
}

    .headerMenuItem:hover {
        background-color: #FEFEFE;
        color: #000000;
        text-decoration: none;
    }

.subMenuItemCookies {
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    border: transparent;
    background-color: transparent;
    border-right: 1px solid #AAAAAA;
    height: 25px;
    line-height: 26px;
    padding-left: 7px;
    padding-right: 7px;
    text-align: left;
    font-size: 9pt;
    font-weight: bold;
}

.subMenuItemCookies:hover {
    background-color: #FEFEFE;
    color: #000000;
    border-right: 1px solid #555555;
    font-weight: bold;
}

.subMenuItem {
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    border-right: 1px solid #AAAAAA;
    height: 25px;
    line-height: 26px;
    padding-left: 7px;
    padding-right: 7px;
    text-align: left;
    font-size: 9pt;
    font-weight: bold;
}

    .subMenuItem:hover {
        background-color: #FEFEFE;
        color: #000000;
        border-right: 1px solid #555555;
        font-weight: bold;
    }

.subMenuItemActive {
    float: left;
    text-decoration: none;
    font-weight: bold;
    border-right: 1px solid #AAAAAA;
    height: 25px;
    line-height: 26px;
    padding-left: 7px;
    padding-right: 7px;
    text-align: left;
    font-size: 9pt;
    color: #FFFFFF;
    background-color: #69B537; /* ljus: 66B237. mörk: 69B537 */
}

    .subMenuItemActive:hover {
        background-color: #FEFEFE;
        color: #000000;
        border-right: 1px solid #555555;
    }

.HeaderGreen12 {
    font-size: 12pt;
    color: #69B537;
    margin-top: 20px;
    margin-bottom: 20px;
}

.headerMenuItemIcon {
    text-align: center;
    border: 0px;
}

.headerMenuItemContent {
    margin-top: 2px;
    color: Black;
    font-weight: bold;
    text-align: center;
}

.Header8 {
    font-size: 8pt;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 5px;
}

.Header8X {
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 5px;
}

.Header10 {
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 5px;
    border-bottom: 1px solid #AAAAAA;
}

.Header12 {
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 1px solid #AAAAAA;
}

.Header10X {
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 5px;
}

.header-defaultpage {
    font-size: 14pt;
    margin-bottom: 10px;
    text-align: center;
}

.Text8 {
    font-size: 8pt;
}

.Text9 {
    font-size: 9pt;
}

.Text12B {
    font-size: 12pt;
    font-weight: bold;
}

.Text12 {
    font-size: 12pt;
}

.Text10 {
    font-size: 10pt;
}

.ld-width {
    width: 200px;
}

.md-width {
    width: 200px;
}

.sm-width {
    width: 100px;
}

.InputSearch {
    border: 0px;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    padding: 5px;
    background-color: #EEEEEE;
    margin: 5px;
}


    .InputSearch:hover {
        background-color: #DDDDDD;
    }


.Input {
    border: 0px;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    padding: 5px;
    background-color: #EEEEEE;
}

    .Input:hover {
        background-color: #DDDDDD;
    }

.InputLarge {
    width: 230px;
}

.InputList {
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    background-color: #EEEEEE;
    white-space: nowrap;
}

    .InputList label {
        margin-right: 5px;
    }

.Input2 {
    border: 0px;
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    padding: 5px;
    background-color: #EEEEEE;
    font-size: 8pt;
}

    .Input2:hover {
        background-color: #DDDDDD;
    }

.CalendarItem {
    cursor: pointer;
    text-align: center;
    background-color: #FFFFFF;
}

    .CalendarItem:hover {
        background-color: #69B537;
        color: #FFFFFF;
    }

.Button8 {
    border: 1px solid #AAAAAA;
    font-size: 8pt;
    background-color: #94d16b;
}

.LeftMenuItem {
    margin-bottom: 10px;
    margin-left: 20px;
}

.LeftMenuLink {
    font-size: 10pt;
    text-decoration: none;
}

    .LeftMenuLink:hover {
        font-size: 10pt;
        text-decoration: underline;
    }

.GridViewHeader {
    background-color: #69B537; /*#F0F8EB */
    color: #000000;
    border-bottom: 1px solid #000000;
}

.GridViewHeaderX {
    background-color: #69B537; /*#F0F8EB */
    color: #FFFFFF;
    border-bottom: 1px solid #000000;
    text-align: left;
}

    .GridViewHeaderX th {
        background-color: #69B537; /*#F0F8EB */
        color: #FFFFFF;
        border-bottom: 1px solid #000000;
        text-align: left;
    }

.PagerStyle {
    background-color: #999999;
    color: #FFFFFF;
    border-bottom: 1px solid #000000;
    font-size: 10pt;
}

    .PagerStyle a {
        color: Navy;
    }

.GridViewHeader th {
    text-align: left;
}

.GridViewHeader a {
    /*background-color: #999999;*/
    color: #FFFFFF;
}

    .GridViewHeader a:hover {
        text-decoration: underline;
    }

.GridViewRow {
    border-bottom: 1px solid #AAAAAA;
}

.PopUpWindow {
    position: absolute;
    padding: 20px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}

.PopUpWindow2 {
    position: absolute;
    padding: 20px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}

.TableCustomer {
    width: 100%;
}

.ui-autocomplete-loading {
    background: white url("~/../lib/images/ui-anim_basic_16x16.gif") right center no-repeat;
}

.infobox {
    padding-left: 10px;
    width: 565px;
    margin-top: 10px;
    border: 1px solid #EEEEEE;
}

table.tablestyle {
    border: 1px solid #EEEEEE;
}

    table.tablestyle th {
        padding-right: 10px;
        padding-left: 10px;
    }

    table.tablestyle td {
        text-align: center;
    }

.infoBox {
    border-bottom: 1px solid #AAAAAA;
    padding: 5px;
    padding-left: 0px;
}

.position1 {
    position: absolute;
    right: 5px;
    top: 5px;
}

.infotab {
    border-left: 1px solid #AAAAAA;
    padding: 5px;
    background-color: #FFFFFF;
}

.search-content {
    background-color: #69B537;
    border-bottom: 1px solid #000000;
    width: 100%;
    height: 23px;
}

    .search-content .div {
        margin-bottom: 10px;
    }

    .search-content > div > div {
        float: left;
        vertical-align: top;
    }

        .search-content > div > div > div:first-child {
            margin-bottom: 5px;
            padding: 5px;
            color: #FFFFFF;
            text-align: left;
        }

        .search-content > div > div > div:nth-child(2n+0) {
            padding: 5px;
        }

.search-link {
    padding: 5px;
    margin-top: 10px;
    color: navy;
}

.txtal-center {
    text-align: center;
}

.txtal-right {
    text-align: right;
}

.break {
    clear: both;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.importallarea {
    text-align: right;
    border-top: 1px solid #000000;
    background-color: #69B537;
    padding: 6px 10px 6px 0px;
}

.container-roles {
    position: relative;
    width: 740px;
    margin-bottom: 20px;
    border: 1px solid #AAAAAA;
    background-color: #EEEEEE;
    padding: 5px;
}

.img-defaultpage {
    border: 0px;
    display: block;
    margin: 0 auto;
}

.table-defaultpage {
    text-align: center;
    margin: 0 auto;
    /*cellspacing="10px" cellpadding="0"*/
}

    .table-defaultpage td {
        padding: 10px;
        text-align: center;
    }

.padding10 {
    padding: 10px;
}

.container-searchuser {
    width: 40%;
    padding: 35px 0px 35px 0px;
    float: left;
}

.infobox-searchuser {
    width: 20%;
    background: #EEEEEE;
    border: 1px solid #C3C3C3;
    display: inline-block;
    padding: 8px;
    margin: 10px 10px 10px 10px;
}

.hidden {
    display: none;
}

.selectedPage {
    color: black;
}

.notSelectedPage {
    color: white;
}

.color-black {
    color: black;
}



/******/
.details-menu {
    border-bottom: 1px solid #AAAAAA;
    padding: 5px;
    padding-left: 0px;
}

.newTable {
    width: 100%;
}


    .newTable tr:first-child th {
        padding: 10px;
        background-color: #69B537;
        text-align: left;
        color: #fff;
        border-bottom: 1px solid #000000;
    }

    .newTable tr {
        border-bottom: 1px solid #AAAAAA;
    }

    .newTable tbody td {
        padding: 10px;
    }

    .newTable tr:nth-child(even) {
        background-color: white;
    }

    .newTable tr:nth-child(odd) {
        background-color: #F8F8F8;
    }

    .newTable tfoot tr:last-child {
        background-color: #69B537;
    }

.pagination {
    padding: 0px;
    display: inline-block;
    color: white;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            padding-left: 2px;
            float: left;
            cursor: pointer;
            font-family: Arial;
            font-size: 11.9999990463257px;
            color: inherit;
            text-decoration: none;
        }

            .pagination > li > a:hover .pagination > li > span {
                text-decoration: none;
            }


/**************Helpers*****************/
.background-image-none {
    background-image: none;
}

.border-color-black {
    border-color: black;
}

.display-none {
    display: none;
}

.border-right {
    border-right: 1px solid #F0F0F0;
}

.border-left {
    border-left: 1px solid #F0F0F0;
}

.left10 {
    margin-left: 10px;
}

.right10 {
    margin-right: 10px;
}

.left50 {
    margin-left: 50px;
}

.top5 {
    margin-top: 5px;
}

.top7 {
    margin-top: 7px;
}

.top10 {
    margin-top: 10px;
}

.top15 {
    margin-top: 15px;
}

.top17 {
    margin-top: 17px;
}

.top25 {
    margin-top: 17px;
}

.top30 {
    margin-top: 30px;
}

.top60 {
    margin-top: 60px;
}

.bottom5 {
    margin-bottom: 5px;
}

.bottom7 {
    margin-bottom: 7px;
}

.bottom10 {
    margin-bottom: 10px;
}

.bottom15 {
    margin-bottom: 15px;
}

.bottom17 {
    margin-bottom: 17px;
}

.bottom30 {
    margin-bottom: 30px;
}

.bottom60 {
    margin-bottom: 60px;
}

.margin5 {
    margin: 5px;
}

.pZero {
    padding: 0;
}

.p5 {
    padding: 5;
}

.pleft10 {
    padding-left: 10px;
}

.borderLeft {
    border-left: solid 1px #000;
}

.borderRight {
    border-right: solid 1px #000;
}

.pointer {
    cursor: pointer;
}

.left-align {
    text-align: left;
}
/********************Helpers End****************************/
/******/
.CheckBoxListParameter label {
    display: inline-block;
    width: 120px;
}

.textarea-new {
    width: 400px;
}

.searchresultbox {
    margin: 3px;
    position: relative;
    border-radius: 10px;
    float: left;
    border: 2px solid #69B537;
    width: 100%;
}

    .searchresultbox .sections .section .property {
        margin: 5px;
    }

    .searchresultbox .sections {
        margin-left: 5px;
    }

    .searchresultbox .numberSection {
        position: absolute;
        float: left;
        border-right: 2px solid #69B537;
        height: 100%;
        width: 54px;
    }

        .searchresultbox .numberSection div {
            padding: 59px 15px 0px 0px;
            font-size: x-large;
            text-align: right;
        }

    .searchresultbox .section {
        position: relative;
        margin-left: 7px;
        float: left;
        margin-top: 5px;
        width: 220px;
        max-width: 230px;
    }

.loaderDistance {
    margin-top: 15%;
    margin-left: 41%;
    margin-bottom: 15%;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    ul.pagination li {
        display: inline;
    }

        ul.pagination li :hover {
            background-color: #AAAAAA;
        }

        ul.pagination li a {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
        }

            ul.pagination li a.active {
                background-color: #69B537;
                color: white;
            }

.rightlabel {
}

.marginTop10 {
    margin-top: 10px;
}

.marginBotton15 {
    margin-bottom: 15px;
}

.searchproperties {
    float: left;
    margin: 2px;
}

.searchResultTitle {
    float: right;
    font-weight: bold;
}

.loader-table {
    text-align: center;
}

    .loader-table img {
        width: 100px;
    }

.country-image {
    float: right;
    margin-right: 5px;
    margin-top: 7px;
    border: 1px solid #AAAAAA;
}

.pnlSubMenu {
    width: 100%;
    height: 26px;
}

.narrow-div {
    padding-left: 2px !important;
    padding-right: 2px !important;
    ;
}