/* CSS Document */

/* ---------------TAGS ---------------*/
html {
}

body, ul, li, p, iframe, div {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-family: Arial,Tahoma,sans-serif;
    color: #333;
    line-height: 1.5em;
}

p {
    margin: 10px 0px 10px 0px;
}

img {
    border: none;
}

select {
    font-size: 11px;
}

ul, li {
    list-style: none;
}

a {
    cursor: pointer;
    color: #185089;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

h1, h2, h3, h4, h5 {
    padding: 0px;
    margin: 0.6em 0px;
}

h2 {
    font-size: 18px;
}

h3 {
    margin: 1.5em;
}

h4 {
    font-size: 11px;
}

td, th {
    vertical-align: top;
}
/* --------------- Class ---------------*/
.boldh2 {
    font-size: 18px;
    font-weight: bold;
}

.inputnormal {
    font-size: 11px;
    font-family: Tahoma;
    width: 120px;
}

.checkbox {
    width: 20px;
    background: transparent;
    border: none;
}

.active {
    color: #1b6489;
}

.unactive {
    color: #797979;
}

.warning {
    color: #cc0000;
    font-size: 10px;
    font-weight: bold;
}

.error {
    color: #cc0000;
}

.info {
    background: url(/images/information.png) left center no-repeat;
    padding-left: 20px;
}

td.td_60, th.td_60 {
    width: 60px;
}

td.td_90, th.td_90 {
    width: 90px;
}

td.td_200, th.td_200 {
    width: 200px;
}

td.td_250, th.td_250 {
    width: 250px;
}

td.td_120, th.td_120 {
    width: 120px;
}

td.td_180, th.td_180 {
    width: 180px;
}

td.td_white, th.td_white {
    background: #fff;
}

td.td_hl {
    background: #e8f0f6;
}

td.td_hlborder {
    /* background: #e8f0f6;*/
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: Black;
}

td.td_border {
    background: #ffffff;
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: Black;
}

th.th_border {
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: Black;
}


.datagrid2 td.td_000 {
    color: #000;
}

.line {
    height: 1px;
    border-bottom: 1px solid #B4D5E7;
    clear: both;
    padding-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.line-through {
    text-decoration: line-through;
}

.fakeInput {
    width: 120px;
    height: 15px;
    border: 1px solid #c1c1c1;
    display: block;
}

.number {
    font-weight: normal;
    color: #ccc;
}


/* --------------BUTTON------------------------*/

.btn, .btn_g, .btn_r, .btn_grey {
    background: url(/images/bt.png) no-repeat left;
    height: 23px;
    cursor: pointer;
    padding-left: 8px;
    float: left;
    overflow: hidden;
}

.btn_g {
    background: url(/images/bt_green.png) no-repeat left;
}

.btn_r {
    background: url(/images/bt_red.png) no-repeat left;
}

.btn_grey {
    background: url(/images/tab_l_grey.png) no-repeat top left;
    padding-left: 20px;
    line-height: normal;
}

    .btn a, .btn_g a, .btn_r a, .btn_grey a {
        background: url(/images/bt_r.png) right no-repeat;
        font-weight: bold;
        display: block;
        color: #fff;
        line-height: 23px;
        width: auto;
        cursor: pointer;
        text-decoration: none;
        padding: 0px 20px 0px 10px;
        margin-right: 10px;
    }

.btn_g a {
    background: url(/images/bt_green_r.png) right no-repeat;
}

.btn_r a {
    background: url(/images/bt_red_r.png) right no-repeat;
}

.btn_grey a {
    background: url(/images/tab_r_grey.png) top right no-repeat;
    font-weight: normal;
    color: #348dbc;
    height: 23px;
    line-height: 20px;
}

.btn_add {
    background: url(/images/btn_add.gif) no-repeat;
    width: 41px;
    height: 24px;
    padding-left: 20px;
    border: none;
}

.smallbtn {
    background: url(/images/smallbtn.png) no-repeat;
    height: 16px;
    width: 48px;
    line-height: 16px;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
}

.smallbtn80 {
    background: url(/images/smallbtn.png) no-repeat;
    height: 16px;
    width: 80px;
    line-height: 16px;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
}

.smallbtn a {
    text-decoration: none;
}

/* ------------- Header Part -----------------------*/
.header {
    background: #ededed;
    border-bottom: 1px solid #ccc;
    height: 90px;
    padding-left: 40px;
    padding-top: 20px;
    font-family: arial; /*  width:100% !important; */
}

.logo {
    float: left;
}

.user {
    padding-left: 15px;
    text-align: left;
    float: left;
    width: 250px;
    padding-top: 5px;
}

    .user span {
        padding: 0px 10px;
        height: 25px;
        line-height: 25px;
        float: left;
    }

.welcome {
    font-weight: bold;
    color: #ED1E23;
}

.signout a {
    background: url(/images/signout.gif) right no-repeat;
    padding-right: 15px;
}

#lh_coachMsg {
    background: #333;
    padding: 6px;
    color: #fff;
    text-align: right;
}

    #lh_coachMsg a {
        font-weight: bold;
        color: #fff;
    }

.mainbox {
    text-align: center;
    float: left;
    padding-bottom: 10px;
    background: #f5fbfe;
    min-width: 800px;
}

    .mainbox .left {
        background: #f5fbfe;
        width: 670px;
        float: left;
    }

    .mainbox .right {
        float: left;
        width: 300px;
        margin-right: 20px;
    }

    .mainbox .testi {
        padding: 10px;
        text-align: left;
        clear: left;
    }

.login_shadow {
    background: #eee;
    width: 432px;
    margin: 0px auto;
    text-align: center;
    padding: 5px;
}

.login {
    background: #fff;
    padding: 5px;
    width: 420px;
    border: 1px solid #aaa;
    margin: 0px auto;
}

    .login th, .login td {
        color: #333;
        background: #e8f0f6;
    }

    .login th {
        background: url(/images/menu_bg.gif) repeat-x;
        height: 21px;
        line-height: 21px;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        text-align: left;
    }

.message {
    font-size: 10px;
    font-family: Verdana;
    color: #c00000;
    padding-left: 10px;
    display: inline;
}

.lock {
    background: url(/images/lock.png) left center no-repeat;
    padding-left: 25px;
}

.signup {
    background: url(/images/user.png) left center no-repeat;
    padding-left: 25px;
}

/** ---------------Menu CSS start----------**/

#menuh {
    background: url(/images/menu_bg.gif) repeat-x;
    height: 33px;
    text-align: center;
    clear: both;
    width: 100%;
}

    #menuh ul {
        padding-left: 20px;
    }

        #menuh ul li {
            float: left;
            background: url(/images/menu_bar.gif) right no-repeat;
        }

            #menuh ul li:hover {
                float: left;
                background: url(/images/menu_hover_bg.gif);
            }

            #menuh ul li a {
                display: block;
                padding: 0px 12px;
                line-height: 33px;
                color: #fff;
                text-decoration: none;
                font-weight: bold;
            }

        #menuh ul ul {
            position: absolute;
            z-index: 500;
            top: auto;
            display: none;
            background-color: #fff;
            text-align: left;
            border-top: 1px solid #ccc;
            border-left: 1px solid #ccc;
            border-right: 1px solid #999;
            border-bottom: 1px solid #999;
            padding-left: 0px;
            clear: both;
        }

.cashflow li {
    width: 215px;
}

.menu150 li {
    width: 150px;
}

.menu190 li {
    width: 190px;
}

.asset li {
    width: 245px;
}

.adminsubmenu li {
    width: 145px;
}

#menuh ul ul li {
    clear: both;
    background: #fff;
}

#menuh ul ul a {
    color: #000;
    font-weight: normal;
    line-height: 24px;
    padding-left: 20px;
    background: url(/images/arrow_blue_right.png) 4px center no-repeat;
}

#menuh ul ul li:hover {
    background: #eaf1f6;
}

#menuh ul ul a:hover {
    color: #fff;
    font-weight: bold;
    padding-left: 20px;
    background: #185089 url(/images/arrow_blue_active.png) 4px center no-repeat;
}

#menuh ul li:hover ul {
    display: block;
}

#menuh li.submenu {
    border-bottom: 1px solid #b4d5e7;
    border-top: 1px solid #b4d5e7;
    display: block;
    line-height: 24px;
    color: #0d7aaa;
    background: #e8f0f6;
    font-weight: bold;
}

#menuh span.sub {
    padding-left: 20px;
}

/* -------- End CSS Drop Down Menu -------------  */

/*----------------Toolbar--------------------*/


.maintitle {
    padding: 5px 0px 0px 20px !important;
    color: #ED1E23;
}

.toolbar {
    background: url(/images/title_bg.gif) top repeat-x;
    height: 36px;
    margin-left: 9px;
    position: relative;
    z-index: 5;
    width: 1200px;
    padding-right: 20px;
    border-right: solid 1px #D3D3D3;
}

    .toolbar ul {
        background: url(/images/title_head.gif) top left no-repeat;
        height: 30px;
        padding-top: 6px;
        padding-left: 10px;
    }

    .toolbar li {
        line-height: 25px;
        cursor: pointer;
        float: left;
        margin-right: 10px;
        position: relative;
        margin-left: 20px;
    }

        .toolbar li a {
            padding-left: 20px;
            height: 25px;
            display: inline;
            float: left;
        }

            .toolbar li a:hover {
                text-decoration: none;
            }

        .toolbar li img {
            margin-left: 5px;
        }

        .toolbar li.add {
            background: url(/images/add_bg.png) no-repeat;
            padding-left: 25px;
            margin-left: 0px;
        }

            .toolbar li.add a {
                background: url(/images/add_bg_r.png) right no-repeat;
                color: #fff;
                font-weight: bold;
                display: block;
                padding: 0px 15px 0px 10px;
            }

        .toolbar li a.delete {
            background: url(/images/icon_trash.png) left center no-repeat;
        }

        .toolbar li a.full_mode {
            background: url(/images/icon_full.png) left center no-repeat;
        }

        .toolbar li a.print {
            background: url(/images/printer.png) left center no-repeat;
        }

        .toolbar li a.report {
            background: url(/images/report.png) left center no-repeat;
        }

    .toolbar .dropdownlist {
        background: #fff;
        border: 1px solid #348dbc;
        position: absolute;
        z-index: 100;
        display: none;
        top: 25px;
        left: 0px;
        clear: left;
        margin: 0px;
        padding: 0px;
        height: auto;
        width: auto;
        min-width: 100%;
    }

        .toolbar .dropdownlist li {
            clear: left;
            padding: 0px;
            margin: 0px;
            width: 310px;
        }

            .toolbar .dropdownlist li:hover {
                background: url(/images/grid_header_bg.gif) repeat-x;
                border-top: 1px solid #81b0c4;
                border-bottom: 1px solid #81b0c4;
            }

            .toolbar .dropdownlist li a {
                background: none;
                color: #000;
                font-weight: normal;
            }



/* ----------Toolbar Finish------------------*/
.content {
    margin: auto 0px auto 9px;
    border-left: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    float: left;
    background: #e8f0f6;
    width: 1200px !important;
    background: #fff;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
    border-right: 1px solid #d4d4d4;
}

#contentoverview {
    margin: auto 0px auto 9px;
    border-left: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    float: left;
    background: #e8f0f6;
    width: 790px;
    background: #fff;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

    #contentoverview ul {
        padding-left: 23px;
        margin: 10px 0px 10px 0px;
    }

        #contentoverview ul li {
            list-style-type: disc;
            list-style-image: none;
        }

    #contentoverview p {
        margin: 10px 0px 10px 0px;
    }

/**-------Left Column---------------**/
.left {
    width: 230px;
    float: left;
    background: #fff;
    padding-bottom: 10px;
}

    .left h3 {
        line-height: 28px;
        background: url(/images/h3_bg.gif) repeat-x;
        font-weight: bold;
        font-size: 12px;
        margin: 10px 0px 10px 0px;
        padding: 4px 10px;
        border-top: 1px dotted #d4d4d4;
        border-bottom: 1px dotted #d4d4d4;
    }

    .left .current {
        background: url(/images/h3_bg_current.gif) repeat-x;
        color: #fff;
        border: none;
    }

    .left h3 > div {
        padding-left: 30px;
    }

.list_real {
    background: url(/images/icon_property.png) center left no-repeat;
}

.list_business {
    background: url(/images/icon_business.png) center left no-repeat;
}

.lefthead {
    text-align: center;
    line-height: 24px;
}

    .lefthead a {
        padding: 0px 16px;
    }


.left p {
    background: url(/images/icon_expand.png) left center no-repeat;
    margin-left: 10px;
    color: #3890bd;
    font-weight: 800;
    margin-top: 10px;
    cursor: pointer;
    padding-left: 20px;
}

    .left p.collapse, .collapse {
        background: url(/images/icon_collapse.png) left center no-repeat;
    }

    .left p.expand, .expand {
        background: url(/images/icon_expand.png) left center no-repeat;
    }

.left ul {
    display: block;
}

    .left ul li {
        background: url(/images/tree_line.gif) left center no-repeat;
        margin-left: 30px;
        padding-left: 30px;
        line-height: 24px;
        position: relative;
        z-index: 3;
    }

        .left ul li a {
            padding: 0 4px;
            display: block;
        }

            .left ul li a:hover {
                background: #54abd1;
                color: #fff;
                text-decoration: none;
            }

        .left ul li span {
            width: 154px;
            height: 91px;
            background: url(/images/hint_bg.png) no-repeat;
            display: none;
            position: absolute;
            top: -80px;
            left: 100px;
            z-index: 10;
            padding: 6px 6px 20px 26px;
        }






.help ul li a:hover {
    background: #54abd1;
    color: #fff;
    text-decoration: none;
}

.help ul li span {
    width: 154px;
    height: 91px;
    background: url(/images/hint_bg.png) no-repeat;
    display: none;
    position: absolute;
    top: -80px;
    left: 100px;
    z-index: 10;
    padding: 6px 6px 20px 26px;
}

/**-------Right Column---------------**/

.main {
    background: url(/images/main_bg.gif) #e8f0f6 repeat-y;
    padding: 0px 0px 10px 10px;
    float: left;
    border-bottom: 1px double #d6e8f2;
}

    .main td, .main th, .login td, .dbbox td, .dbbox th {
        padding: 4px;
    }

.heading, .heading_text {
    background: url(/images/grid_header_bg.gif) repeat-x bottom;
    padding: 5px 10px;
    font-size: 11px;
    color: #0c7a98;
    font-weight: normal;
    height: 20px;
    width: 100%;
}

.heading_text14 {
    background: url(/images/grid_header_bg.gif) repeat-x bottom;
    padding: 5px 10px;
    font-size: 14px;
    color: #0c7a98;
    font-weight: normal;
    height: 20px;
}

.heading_textn {
    padding: 5px 10px;
    font-size: 14px;
    color: #000;
    font-weight: normal;
    height: 20px;
    font-weight: bold;
}

.heading_text {
    border-bottom: 1px solid #fff;
}

.heading td {
    vertical-align: middle;
}

.property_title {
    float: left;
}

.profile {
    /*background: #f5fbfe;*/ /*border-right: 1px solid #d9edf6;     border-bottom: 1px solid #d9edf6;*/
    width: 669px;
    padding-bottom: 20px;
    float: left;
    height: 419px;
}

    .profile td, .profile th {
        padding: 4px;
    }

fieldset {
    min-width: 570px;
    border: 1px dotted #b4b4b4;
    min-width: 660px;
    padding: 10px;
    margin: 10px 20px;
    color: #333;
    clear: both;
}

.step {
    min-width: 520px;
}

legend {
    font-weight: bold;
    font-size: 11px;
    padding: 0 6px;
    color: #000;
}

fieldset table.big {
    width: 1150px;
}

fieldset table.small {
    width: 600px;
}


table a {
    text-decoration: underline;
}

fieldset h3, fieldset h4 {
    color: #ed1e23;
    font-size: 12px;
    margin: 10px 0 0 4px;
    line-height: 28px;
    border-bottom: 1px solid #c80b0d;
}

fieldset h4 {
    border-bottom: none;
}

fieldset h2 {
    font-size: 11px;
    padding-bottom: 6px;
}

.addchildren {
    float: right;
    padding: 10px;
    text-decoration: underline;
}

.add_header {
    background: url(/images/h3_bg.gif) repeat-x;
}

.children {
}

    .children td {
        border-bottom: 1px solid #fff;
    }

.next {
    margin-left: 40px;
    width: 600px;
    text-align: center;
    margin-top: 20px;
}

/* Profile set up right wizard part */

.right {
    float: left;
    margin: 80px 0 0 18px;
    width: 245px;
}

.wizard {
    background: #fff;
    border: 1px solid #d9edf6;
    padding: 0px;
}

h2.widzard {
    background: url(/images/menu_bg.gif) repeat-x;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
}

.wizard ul {
    padding: 0px;
    margin: 0px;
}

.wizard li {
    background: #F5FBFE;
    line-height: 27px;
    margin: 0px;
    padding: 0 10px;
    border-bottom: 1px dotted #79acc3;
}

    .wizard li a {
        padding-left: 6px;
    }

    .wizard li.done {
        background: url(../images/icon_tick.png) #F5FBFE 220px center no-repeat;
        display: block;
    }

    .wizard li.pending {
        background: url(../images/icon-pending.png) #F5FBFE 220px center no-repeat;
        display: block;
    }

.intro {
    padding: 10px;
    margin: 10px 0px;
    border: 1px solid #f5d2c1;
    background: #fcf8f6;
    color: #984028;
    float: left;
    line-height: 1.5em;
    text-align: left;
}


.wizardfullpage {
    background: #fff;
    border: 1px solid #d9edf6;
    padding: 0px;
}

h2.widzardfullpage {
    background: url(/images/menu_bg.gif) repeat-x;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
}

.wizardfullpage ul {
    padding: 0px;
    margin: 0px;
}

.wizardfullpage li {
    background: #F5FBFE;
    line-height: 27px;
    margin: 0px;
    padding: 0 10px;
    border-bottom: 1px dotted #79acc3;
}

    .wizardfullpage li a {
        padding-left: 6px;
    }

    .wizardfullpage li.done {
        background: url(../images/icon_tick.png) #F5FBFE 400px center no-repeat;
        display: block;
    }

    .wizardfullpage li.pending {
        background: url(../images/icon-pending.png) #F5FBFE 400px center no-repeat;
        display: block;
    }


/* ----------Data Grid ----------------*/

.datagrid {
    width: 70%;
    background: #fff;
    margin: 0px 0px 20px 20px;
    border: 1px solid #b5cfe2;
    border-right: none;
    border-bottom: none;
}

.nofieldset {
    width: 920px;
    margin: 0px 20px;
}

.datagrid td {
    border: 1px solid #b5cfe2;
    border-left: none;
    border-top: none;
    text-align: left;
    color: #000;
    padding: 4px;
}

.datagrid input {
    border: 1px solid #B4D5E7;
    background: #fff;
    padding: 2px;
    margin: 0px;
    cursor: text;
}

.datagrid .click {
    border: 1px solid #b5cfe2;
    width: 98px;
    background: #ecf6fd;
    margin: 0px;
    padding: 2px;
    cursor: default;
}

.datagrid th {
    text-align: left;
    font-size: 11px;
    color: #000;
    background: #f4f4f4;
    border: 1px solid #b5cfe2;
    border-left: none;
    border-top: none;
    font-weight: normal;
    padding: 4px;
}

/********* Datagrid2*********/
.datagrid2 {
    width: 100%;
    background: #f9fcff;
}

    .datagrid2 td, .datagrid2 th {
        /*padding: 4px 10px 4px 4px;*/
        color: #000000;
        text-align: right;
    }

    .datagrid2 th {
        background: #ECECEC;
        color: #000;
        font-weight: normal;
        border-bottom: 1px solid #94b8ca;
        text-align: center;
        border-right: 1px solid #000;
    }

    .datagrid2 td {
        border-bottom: 1px dotted #ccc;
        padding-right: 3px;
        border-right: 1px solid #000;
        height: 35px;
    }

    .datagrid2 .sub td {
        color: #000;
        background: #f2f2f2;
        border-bottom: 1px dotted #ddd;
    }

    .datagrid2 .textleft {
        text-align: left;
        padding-left: 2px;
    }

    .datagrid2 .textright {
        text-align: right;
    }

    .datagrid2 .textcenter {
        text-align: center;
    }

    .datagrid2 .footer {
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        border-bottom: 2px solid #000;
        font-weight: bold;
    }

    .datagrid2 .cd {
        background: #fff;
        border: 1px solid #b5cfe2;
        padding: 4px;
        margin-top: 4px;
        display: none;
    }

.textblue {
    color: #0A7EBA;
}

.neg {
}

/***********datagrid 3 ***/

.datagrid3 {
    background: #f9fcff;
}

    .datagrid3 td, .datagrid3 th {
        padding: 4px 10px 4px 4px;
        color: #000;
        text-align: right;
    }

    .datagrid3 th {
        background: #ECECEC;
        color: #000;
        font-weight: normal;
        border-bottom: 1px solid #94b8ca;
        text-align: right;
    }

    .datagrid3 td {
        border-bottom: 1px dotted #ccc;
    }

    .datagrid3 .sub td {
        color: #000;
        background: #f2f2f2;
        border-bottom: 1px dotted #ddd;
    }

    .datagrid3 .textleft {
        text-align: left;
    }

    .datagrid3 .textcenter {
        text-align: center;
    }

.datagrid2 .textright {
    text-align: right;
}

.datagrid2 tr {
    height: 35px;
}

.datagrid3 .cd {
    background: #fff;
    border: 1px solid #b5cfe2;
    padding: 4px;
    margin-top: 4px;
    display: none;
}

.textblue {
    color: #0A7EBA;
}

/***********datagrid 4 ***/


.datagrid4 td, .datagrid4 th {
    padding: 4px 10px 4px 4px;
}





/********* Add Data*********/
.addData {
    background: #fff;
    border: 1px solid #B4D5E7;
    padding: 10px;
    margin: 10px 0px;
}

.frame_addData {
    background: #e8f7ff;
    border: 1px solid #7f9db9;
    margin: 10px; /*width:784px;*/
}

    .frame_addData td, .frame_addData th {
        padding: 4px;
    }

fieldset .simplegrid {
    width: 200px;
    background: #fff;
}

    fieldset .simplegrid td {
        text-align: left;
        background: url(/images/arrow_blue_right.png) 20px center no-repeat;
        padding-left: 40px;
        border-bottom: none;
    }

.total td, td.total {
    border-top: 1px solid #000000;
    border-bottom: 2px solid #000000;
    color: #000;
    font-weight: bold;
}

.balance td {
    color: #fff;
    background: #0A7EBA;
    font-weight: bold;
}


/* ---------Tabs CSS--------------------*/

.tabs {
    padding-top: 5px;
    background: #ececec;
    height: 24px;
    padding-left: 8px; /*width: 1200px !important; 0a7eba*/
    width: 1200px !important;
    padding-right: 12px;
}

    .tabs ul {
        margin: 0;
        padding: 0;
        list-style: none;
        height: 24px;
        float: left;
    }

        .tabs ul li {
            float: left;
            background: url(/images/tap_l.gif) left top no-repeat;
            text-align: center;
            overflow: hidden;
            margin-right: -1px;
            height: 24px;
            cursor: pointer;
        }

            .tabs ul li a {
                display: block;
                background: url(/images/tap_r.gif) right top no-repeat;
                padding: 0px 15px 0px 5px;
                text-decoration: none;
                line-height: 24px;
                color: #fff;
                margin-left: 6px;
                height: 24px;
            }

                .tabs ul li a:hover {
                    color: #b3cee1;
                }

            .tabs ul li.current {
                background: url(/images/tap_l_current.gif) left top no-repeat;
            }

                .tabs ul li.current a {
                    background: url(/images/tap_r_current.gif) right top no-repeat;
                    color: #0a7eba;
                }

                    .tabs ul li.current a:hover {
                    }

            .tabs ul li a span {
                padding-left: 24px;
                height: 24px;
                display: block;
                background: url(/images/icon_dashboard.png) center left no-repeat;
            }

.sortbyentities {
    float: left;
    position: relative;
    height: 24px;
    background: url(/images/tap_l_current.gif) left top no-repeat;
}

    .sortbyentities a {
        background: url(/images/tap_r_current.gif) right top no-repeat;
        display: block;
        padding: 0px 15px 0px 5px;
        text-decoration: none;
        line-height: 24px;
        margin-left: 6px;
        height: 24px;
    }

    .sortbyentities .dropdownlist {
        background: #fff;
        border: 1px solid #348dbc;
        position: absolute;
        z-index: 100;
        display: none;
        top: 25px;
        left: 0px;
        clear: left;
        margin: 0px;
        padding: 0px;
        height: auto;
        min-width: 100%;
    }

    .sortbyentities ul li {
        background: none;
        clear: both;
    }

        .sortbyentities ul li a {
            background: none;
            color: #348dbc;
        }


/* ---- Pop up window ----- */
#mask {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #cecece;
    z-index: 20;
}

#popupWindow {
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    width: 804px;
    height: 642px;
    background: url(/images/menu_bg.gif) #71c1e1 top repeat-x;
    z-index: 21;
    padding: 0 8px 8px 8px;
}

    #popupWindow .pcontent {
        display: none;
        margin: 6px 12px 12px 6px;
        overflow: auto;
        background: #fff;
        width: 626px;
        height: 386px;
        border: 1px solid #387fa3;
    }

#frameTitle {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    width: 725px;
    float: left;
    white-space: nowrap;
}

#popupClose {
    font-size: 12px;
    height: 23px;
    color: #fff;
    font-weight: bold;
    padding-right: 20px;
    padding-top: 10px;
    cursor: pointer;
    float: left;
}

#popupWindow iframe {
    border: 1px solid #348dbc;
    width: 804px;
    height: 609px;
    background: #fff;
}

.frametable {
    width: 100%;
}

    .frametable td, .frametable th {
        padding: 4px;
    }

#popupClose img {
    padding-left: 10px;
}

/* ----finish pop up css----*/

/* ------ Content  --------- */
#rentalManager, #editPassiveincome {
    display: none;
}

/*------------- TaskManage----------------*/

.maintask {
    background: #e5e5e5;
    color: #595a5a;
    font-weight: bold;
}

.subtask td {
    border-bottom: 1px dotted #acaeb0;
}

.leftbox {
    margin: 10px;
}

.summarytitle, .summarytitle_green {
    font-size: 12px;
    font-weight: bold;
    min-width: 900px;
    background: #D3D3D3;
    padding: 4px 10px;
    height: 20px;
    color: #0A7EBA;
}

.summarytitlelinkwhite {
    font-size: 12px;
    font-weight: bold;
    min-width: 900px;
    background: #D3D3D3;
    padding: 4px 10px;
    height: 20px;
    color: #000; /*width: 100%;*/
}

    .summarytitlelinkwhite a {
        color: #000;
    }

.summarytitle_green {
    background: #64b23b;
}

.summarytitle_black {
    background: #000000;
    font-size: 12px;
    font-weight: bold;
    min-width: 900px;
    padding: 4px 10px;
    height: 20px;
    color: #fff;
}

.summarytitle a {
    color: #000;
}

.summarytitle_orange {
    background: #;
}

.summary {
    margin: 10px;
    margin-bottom: 20px;
    width: 1200px;
    background: #f9fcff;
    border-top: 1px solid #0a7eba;
    border-bottom: 1px solid #0a7eba;
}

.sop {
    background: url(/images/clock.png) left center no-repeat;
    padding-left: 20px;
}

.propertyicon {
    background: url(/images/list_real) left center no-repeat;
    padding-left: 20px;
}

.yellow {
    border: 1px solid #f6c545;
    background: #fdf7cc;
}

.blue {
    border: 1px solid #d3e5ef;
    background: #ebf6fa;
}

.grey {
    border: 1px solid #ccc;
    background: #eee;
}

.white {
    border: 1px solid #d3e5ef;
    background: #fff;
}

.green {
    border: 2px solid #64b23b;
    background: #fff;
}

.leftbox ul {
    display: block;
}

    .leftbox ul li {
        background: none;
        padding: 0px;
        text-align: left;
        list-style: disc;
        color: #9a4c07;
        padding-left: 10px;
    }

        .leftbox ul li a {
            color: #000;
        }

            .leftbox ul li a:hover {
                background: none;
                color: #9a4c07;
                text-decoration: underline;
            }

#taskFilter_calen {
    width: 208px;
    margin: 10px;
    border: 1px solid #0A7EBA;
}

.blue ul li a:hover {
    background: none;
    color: #0b4584;
}

.blue ul li {
    color: #0b4584;
}

.leftboxheader {
    font-weight: bold;
    line-height: 24px;
    width: auto;
}

.range {
    background: #fff;
    margin-left: 20px;
    max-width: 920px;
}

.blue > .leftboxheader {
    background: url(../images/header_blue.gif) repeat-x;
    color: #0b4584;
}

.yellow > .leftboxheader {
    background: url(../images/header_yellow.gif) repeat-x;
    color: #9a4c07;
}

.taskbox {
    width: 600px;
    float: left;
}

.contactbox {
    float: left;
    width: 200px;
    background: #fff;
    padding: 10px;
}

#grdData1 td {
    padding: 0px;
}

#grdData1 .datagrid td {
    padding: 6px;
}

/** Task manager finished ----------------*/


/** Dashboard -------------**/

#dashboard {
    margin: 20px;
    width: 920px;
    position: relative;
}

    #dashboard .summary {
        padding: 0px;
        margin: 0px 0px 20px 0px;
        width: auto;
        position: relative;
    }

.dbheader {
    background: url(/images/dbheader_gray.gif) repeat-x #D3D3D3;
    line-height: 25px;
    font-size: 12px;
    color: #000000;
    padding-left: 10px;
    margin-bottom: 0px;
}

#dashboard h3 {
    font-size: 12px;
    background: #90d2ef;
    padding: 10px;
    margin: 0px;
}

#dashboard ul {
    background: none;
}

#dashboard .retire {
    background: url(/images/sun.png) left center no-repeat;
    padding-left: 20px;
}

#dashboard .assets {
    background: url(/images/asset.png) left center no-repeat;
    padding-left: 20px;
}

#dashboard .cashflow {
    background: url(/images/coins.png) left center no-repeat;
    padding-left: 20px;
}

#dashboard .goal {
    background: url(/images/task.png) left center no-repeat;
    padding-left: 20px;
}

#dashboard .coach {
    background: url(/images/coach.png) left center no-repeat;
    padding-left: 20px;
}

.dbbox {
    width: 440px;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

    .dbbox > .more a {
        position: absolute;
        top: 15px;
        float: right;
        right: 10px;
        color: #000000;
    }

    .dbbox table {
        width: 100%;
    }

    .dbbox th {
        background: #ececec;
        color: #000000;
        border-bottom: 1px solid #c0d6e6;
        text-align: center;
    }

    .dbbox .end {
        background: #E8F0F6;
        color: #0A7EBA;
        font-weight: normal;
        border-bottom: 1px solid #c0d6e6;
        text-align: right;
        padding: 4px;
    }

    .dbbox .innerTable {
        padding: 0px;
    }

        .dbbox .innerTable td {
            border-bottom: 1px dotted #abb2ba;
        }

.hundred {
    border: 1px solid #3796c4;
    width: 100px;
    height: 10px;
    float: left;
    margin-top: 4px;
}

.hundredred {
    border: 1px solid #3796c4;
    width: 100px;
    height: 10px;
    float: left;
    margin-top: 4px;
    background-color: Red;
}

.persentagebar {
    background: url(/images/grid_header_bg.gif) bottom repeat-x;
    height: 10px;
}

.percentagebarred {
    background: url(/images/grd_progress_red.gif) bottom repeat-x;
    height: 10px;
}

.persentage {
    float: left;
    margin-left: 4px;
}

.square {
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 10px;
}

.reds {
    background: #cc0000;
}

.blues {
    background: #003399;
}

.greens {
    background: #009933;
}

/** Dashboard finished ------------ */

#footer {
    background: #eee;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    text-align: center;
    clear: left;
    padding-bottom: 30px;
}

.age {
    color: #f08007;
    font-size: 24px;
    font-weight: bold;
    font-family: arial;
    line-height: 1.3em;
}

.closeimg {
    background: url(/images/icon_close_light.gif) left center no-repeat;
    padding-left: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    float: right;
    cursor: pointer;
}

    .closeimg:hover {
        background: url(/images/icon_close.gif) left center no-repeat;
        padding-left: 20px;
        position: absolute;
        top: 10px;
        right: 10px;
        float: right;
        cursor: pointer;
    }

/** -------------------------Coach -------------------------------**/
.replybox {
    background: #fff;
    border-bottom: 1px solid #B4D5E7;
    margin-bottom: 10px;
    clear: left;
    padding: 10px;
}

.question {
    padding: 6px;
    border-bottom: 1px dotted #ccc;
}

.reply {
    padding: 6px;
}

#askCoach {
    display: none;
    position: relative;
    background: #90D2EF;
    clear: both;
}

    #askCoach table {
        background: #fff;
        clear: left;
    }

/** -------------------------**/
.terms {
    width: 80%;
    min-width: 800px;
    background: #e8f0f6;
    padding: 20px;
    border-right: 1px solid #a0cce1;
    border-bottom: 1px solid #a0cce1;
}

    .terms h4 {
        color: #348dbc;
        font-size: 12px;
        margin: 1.8em 0;
    }

    .terms p {
        color: #555;
        line-height: 1.8em;
    }
/*retirement planner */
.lifestyleassets {
    background: #0A7EBA;
    padding: 0px;
    margin: 10px 20px;
    width: 600px;
}

    .lifestyleassets h3 {
        color: #fff;
        padding: 8px 0px 0px 0px;
    }


.retairementbox {
    background: #0A7EBA;
    padding: 0px;
    margin: 10px 20px;
    width: 900px;
}

.retairementbox1 {
    padding: 8px;
    margin: 10px 20px;
    width: 882px;
    border: 1px solid #f2f2f2;
}

.retairementbox h3 {
    color: #fff;
    padding: 8px 0px 0px 0px;
}


/**----------extra css------------------**/

.male {
    background: url(/images/male.png) left center no-repeat;
    padding-left: 30px;
    line-height: 24px;
    display: block;
}

.female {
    background: url(/images/female.png) left center no-repeat;
    padding-left: 30px;
    line-height: 24px;
    display: block;
}


.rbcontent a {
    cursor: pointer;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
/* set millions of background images */
.rbroundbox {
    background: url(/images/nt.gif) repeat;
}

.rbtop div {
    background: url(/images/tl.gif) no-repeat top left;
}

.rbtop {
    background: url(/images/tr.gif) no-repeat top right;
}

.rbbot div {
    background: url(/images/bl.gif) no-repeat bottom left;
}

.rbbot {
    background: url(/images/br.gif) no-repeat bottom right;
}

    /* height and width stuff, width not really nessisary. */
    .rbtop div, .rbtop, .rbbot div, .rbbot {
        width: 100%;
        height: 7px;
        font-size: 1px;
    }

.rbcontent {
    margin: 0 7px;
}

.rbroundbox {
    width: 100%;
    margin: 1em auto;
}

.red {
    color: #c00000;
    font-weight: bold;
}