@charset "utf-8";
/* CSS Document */

/*Login css*/

/*@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }*/

/***deepak font */
@font-face {
    font-family: OpenSansLight;
    src: url(../fonts/OpenSans-Light-webfont.eot);
    src: url(../fonts/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Light-webfont.woff) format('woff'),url(../fonts/OpenSans-Light-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Light-webfont.svg#OpenSansLight) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: OpenSansSemibold;
    src: url(../fonts/OpenSans-Semibold-webfont.eot);
    src: url(../fonts/OpenSans-Semibold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Semibold-webfont.woff) format('woff'),url(../fonts/OpenSans-Semibold-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: OpenSansBold;
    src: url(../fonts/OpenSans-Bold-webfont.eot);
    src: local('OpenSansBold'),url(../fonts/OpenSans-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Bold-webfont.woff) format('woff'),url(../fonts/OpenSans-Bold-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Bold-webfont.svg#OpenSansBold) format('svg');
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
}

@font-face {
    font-family: WebRupee;
    src: url(../fonts/WebRupee.V2.0.eot);
    src: local('WebRupee'),url(../fonts/WebRupee.V2.0.ttf) format('truetype'),url(../fonts/WebRupee.V2.0.woff) format('woff'),url(../fonts/WebRupee.V2.0.svg) format('svg');
}

@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'), url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'latoblackitalic';
    src: url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'), url('../fonts/lato-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'latobolditalic';
    src: url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'), url('../fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'latohairline';
    src: url('../fonts/lato-hairline-webfont.woff2') format('woff2'), url('../fonts/lato-hairline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'latohairlineitalic';
    src: url('../fonts/lato-hairlineitalic-webfont.woff2') format('woff2'), url('../fonts/lato-hairlineitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.woff2') format('woff2'), url('../fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.woff2') format('woff2'), url('../fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'latolightitalic';
    src: url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'), url('../fonts/lato-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'), url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/**deepak font end*/

#login_alignCenterContainer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f8f5ee;
    font-family: OpenSansRegular;
}

#login_alignCenter {
    left: 50%;
    top: 50%;
    margin-top: -200px;
    margin-left: -385px;
    width: 768px;
    height: 338px;
    padding: 30px 0px;
    border: solid 1px #015287;
    position: absolute;
    border-radius: 15px;
    box-shadow: 5px 5px 8px #aaa;
    background: #015287;
}

#login_alignCenterI {
    float: left;
    width: 688px;
    height: 298px;
    padding: 20px 40px;
    background: #fff;
}

#login_imageDiv {
    float: left;
    width: 240px;
    height: 298px;
}

#login_rightContDiv {
    float: left;
    width: 400px;
    height: 298px;
    padding-left: 48px;
}

#login_logoDiv {
    float: left;
    margin: 10px 0px;
    width: 100%;
    height: 100px;
    text-align: center;
}

#login_textContDiv {
    float: left;
    width: 398px;
    min-height: 50px;
    padding: 30px 0px 25px 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
    border-radius: 8px;
    border: solid 1px #015287;
}

#login_textContHead {
    position: absolute;
    margin: -41px 0px 0px 20px;
    width: 180px;
    height: 20px;
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    background: #fff;
}

.login_textInputDiv {
    margin: auto;
    width: 300px;
    height: 26px;
    margin-bottom: 10px;
    overflow: hidden;
}

    .login_textInputDiv span {
        float: left;
        width: 60px;
        padding-right: 20px;
        line-height: 26px;
        text-align: right;
    }

    .login_textInputDiv input {
        float: left;
        width: 208px;
        height: 17px;
        padding: 4px 5px 3px 5px;
        border-radius: 3px;
        border: solid 1px #015287;
    }

.login_textButtonDiv {
    margin: auto;
    width: 300px;
    height: 26px;
    overflow: hidden;
}

    .login_textButtonDiv img {
        float: left;
        margin: 0px 12px 0px 81px;
        cursor: pointer;
        border: 0;
    }

    .login_textButtonDiv a {
        float: left;
        line-height: 26px;
    }

        .login_textButtonDiv a:link {
            text-decoration: underline;
            color: #333;
        }

        .login_textButtonDiv a:visited {
            text-decoration: underline;
            color: #333;
        }

        .login_textButtonDiv a:hover {
            text-decoration: none;
            color: #333;
        }
/*End css*/

body {
    margin: 0;
    padding: 0;
    /*background: url(../images/bodyBG.jpg) repeat-x #f8f5ee;*/
    /*background-color:black;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

img {
    margin: 0;
    padding: 0;
    border: 0;
}

#main990container {
    margin: auto;
    width: 990px;
    min-height: 350px;
    height: auto;
}

#drawMenuDiv {
    float: left;
    padding: 13px 20px 0px 0px;
}

#logo {
    float: left;
    width: 336px;
    padding-top: 13px;
}

/*#rewardPointContainer {float:left; margin-top:2px; padding:15px 58px 0px 15px; min-width:100px; height:43px; border-left:groove 2px #4d5b8a; border-right:groove 2px #4d5b8a;}
    #rewardPointContainer span {font-size:14px; color:#ffcc00;}
    #rewardPointContainer img {position:absolute; margin:-15px 0px 0px 12px}
 
    #rewardPointContainer span a:link {text-decoration:none; color:#ffcc00;} 
    #rewardPointContainer span a:visited {text-decoration:none; color:#ffcc00;}
    #rewardPointContainer span a:hover {text-decoration:none; color:#fff;}
 

    #nameNsignOut {float:left; margin-top:2px; padding:15px 0px 0px 15px; min-width:100px; height:43px; font-size:10px; line-height:15px; font-weight:bold;}
    #nameNsignOut span {font-size:12px;}
    #nameNsignOut a:link {text-decoration:none; color:#fff;}
    #nameNsignOut a:visited {text-decoration:none; color:#fff;}
    #nameNsignOut a:hover {text-decoration:none; color:#ffcc00;}*/

.FR {
    float: right;
}

.FL {
    float: left;
    padding-bottom: 18px;
}

#mainContainer {
    /*float: left;
    padding: 2px 8px 50px 8px;
    width: 974px;
    min-height: 350px;
    height: auto;*/
}

#leftContainer {
    float: left;
    width: 680px;
    margin-bottom: 14px;
}

#leftContainerDiv1 {
    float: left;
    width: 677px;
    height: 314px;
    padding-left: 1px;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #cccfc4;
    box-shadow: 0px 0px 5px #cdcdcd;
    overflow: hidden;
    margin-bottom: 14px;
}

.topCommonDivContainer {
    float: left;
    margin: 4px;
    width: 330px;
    height: 305px;
    background: url(../images/topCommonBG.jpg);
}

.topCommonHead {
    float: left;
    width: 300px;
    padding: 15px 15px 7px 15px;
    font-size: 18px;
    line-height: 20px;
    color: #4c4f56;
}

#topCommonInnerMainContainer {
    float: left;
    margin: 5px 0px 0px 9px;
    width: 310px;
    height: 250px;
    border: solid 1px #c3c3c3;
    border-radius: 3px;
    overflow: hidden;
    font-size: 14px;
    color: #5d5d5d;
}

    #topCommonInnerMainContainer table th {
        padding: 15px 8px 9px 8px;
        color: #08467f;
        background-color: #e3f0f6;
        border-bottom: solid 1px #ccc;
        background: -webkit-linear-gradient(#f1feff, #d0e8f4); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#f1feff, #d0e8f4); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f1feff, #d0e8f4); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f1feff, #d0e8f4); /* Standard syntax */
    }

    #topCommonInnerMainContainer table td {
        padding: 8px;
        height: 18px;
        border-bottom: solid 1px #ccc;
    }

.gredColor {
    background: #f9f9f9;
    background: -webkit-linear-gradient(#fefefe, #ededed); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fefefe, #ededed); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fefefe, #ededed); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fefefe, #ededed); /* Standard syntax */
}

#leftContainerDiv2 {
    float: left;
    width: 678px;
    height: 236px;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #cccfc4;
    box-shadow: 0px 0px 5px #cdcdcd;
    overflow: hidden;
    margin-bottom: 14px;
}

/**********************imsage scroller start**********************/
#carousel {
    float: left;
    margin-top: 10px;
}

#leftContainerDiv2 .outerWrapper {
    text-align: left;
    position: relative;
    margin-left: 60px;
    width: 559px;
}

#leftContainerDiv2 .item {
    float: left;
    margin-right: 13px;
    width: 128px;
    height: 180px;
    border: 1px solid #b3b3b3;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}

#leftContainerDiv2 .left-nav-btn, .right-nav-btn {
    position: absolute;
    width: 37px;
    height: 44px;
    top: 65px;
    cursor: pointer;
    background: transparent url('../fonts/../images/arrows.png') top left no-repeat;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

#leftContainerDiv2 .left-nav-btn {
    left: -50px;
}

#leftContainerDiv2 .right-nav-btn {
    right: -50px;
    background-position: top right;
}

#leftContainerDiv2 .left-nav-btn:hover, .right-nav-btn:hover {
    opacity: 0.8;
}
/**********************imsage scroller end**********************/








#leftContainerDiv3 {
    float: left;
    width: 678px;
    height: 218px;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #cccfc4;
    box-shadow: 0px 0px 5px #cdcdcd;
    overflow: hidden;
    margin-bottom: 14px;
}

/**********************Tabbed Panel start**********************/
.TabbedPanels {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    clear: none;
    width: 100%;
}

.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0px;
    float: right;
}

.TabbedPanelsTab {
    position: relative;
    top: 1px;
    color: #fff;
    float: left;
    padding: 7px 10px 6px 10px;
    margin: 0px 2px 6px 0px;
    border-radius: 4px;
    background-color: none;
    list-style: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}

.TabbedPanelsTab1 {
    color: #FFF;
    padding: 7px 10px 6px;
    border-radius: 4px;
    list-style: outside none none;
    -moz-user-select: none;
    cursor: pointer;
    float: left;
    top: -8px;
    position: relative;
    margin: 0px 2px 6px 0px;
}

.TabbedPanelsTabHover {
    background-color: #1b5200;
    color: #fff;
}

.TabbedPanelsTabSelected {
    background-color: #000;
    color: #fff;
}

.TabbedPanelsTab a {
    color: #fff;
    text-decoration: none;
}

.TabbedPanelsContentGroup {
    clear: both;
    font-size: 14px;
    color: #5d5d5d;
    line-height: 20px;
}

.TabbedPanelsContent {
    height: 174px;
    overflow: hidden;
    padding: 4px;
}

.TabbedPanelsContent1 {
    height: 200px;
    overflow: hidden;
    padding: 4px;
}
/**********************Tabbed Panel end**********************/

.tabbedContentMainContainerTop {
    float: left;
    width: 678px;
    font-size: 14px;
    line-height: 20px;
    color: #08467f;
    font-weight: bold;
    overflow: hidden;
}

.tabbedContentMainContainer {
    float: left;
    width: 678px;
    overflow: hidden;
}

.TM_1 {
    float: left;
    width: 80px;
    min-height: 30px;
    padding-left: 14px;
}

.TM_2 {
    float: left;
    width: 250px;
    min-height: 30px;
}

.TM_3 {
    float: left;
    width: 64px;
    min-height: 30px;
    text-align: center;
    border-left: solid 1px #aec2d5;
}





#leftContainerDiv4_container {
    float: left;
    width: 678px;
    height: 240px;
    margin-bottom: 14px;
}

#leftContainerDiv4_1 {
    float: left;
    width: 442px;
    height: 238px;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #cccfc4;
    box-shadow: 0px 0px 5px #cdcdcd;
    overflow: hidden;
}

    #leftContainerDiv4_1 ul {
        margin: 0px 0px 0px 10px;
        float: left;
        padding: 0;
    }

        #leftContainerDiv4_1 ul li {
            list-style: none;
            width: 397px;
            padding: 5px 0px 5px 25px;
            background: url(../images/newsArrow.jpg) left center no-repeat;
            font-size: 14px;
            line-height: 18px;
            color: #3e3d3d;
        }

            #leftContainerDiv4_1 ul li a:link {
                text-decoration: none;
                color: #3e3d3d;
            }

            #leftContainerDiv4_1 ul li a:visited {
                text-decoration: none;
                color: #3e3d3d;
            }

            #leftContainerDiv4_1 ul li a:hover {
                text-decoration: none;
                color: #ff4047;
            }

#leftContainerDiv4_2 {
    float: left;
    width: 204px;
    height: 222px;
    padding: 8px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #cccfc4;
    box-shadow: 0px 0px 5px #cdcdcd;
    overflow: hidden;
    margin-left: 14px;
}

#searchFund_head {
    float: left;
    width: 100%;
    padding-bottom: 25px;
    text-align: center;
}

#leftContainerDiv4_2 .inputLables {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #08467f;
    padding: 2px 0px;
    text-align: left;
}

#leftContainerDiv4_2 input {
    float: left;
    width: 180px;
    padding: 5px 10px;
    border: solid 1px #898a8a;
    margin-bottom: 8px;
}

#leftContainerDiv4_2 .botton {
    float: left;
    width: 100%;
    text-align: center;
}

    #leftContainerDiv4_2 .botton img {
        margin: 2px;
    }


#rightContainer {
    float: left;
    width: 268px;
    height: 1044px;
    padding: 6px;
    overflow: hidden;
    background: #303d69;
    margin-left: 14px;
    margin-bottom: 14px;
}

#rightContainerDiv1 {
    float: left;
    width: 268px;
    height: 194px;
    background: #fff;
    margin-bottom: 6px;
}

#rightHead_1 {
    float: left;
    width: 268px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    background: #c70101;
    border-bottom: solid 1px #fff;
}

#rightContainerDiv1 table {
    float: left;
    border: solid 1px #bfbfbf;
    border-right: none;
    border-bottom: none;
}

#rightContainerDiv1 th {
    font-weight: bold;
    font-size: 14px;
    border-right: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf;
    background: #f5dede;
    line-height: 18px;
}

#rightContainerDiv1 td {
    border-right: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf;
}

#rightContainerDiv1 table .textAlignLeft {
    text-align: left;
}



#rightContainerDiv2 {
    float: left;
    width: 268px;
    height: 364px;
    background: #fff;
    margin-bottom: 6px;
    background: url(../images/rightContainerDiv2_BG.jpg);
}

    #rightContainerDiv2 #yellowTextDiv {
        float: left;
        width: 260px;
        padding-top: 74px;
        padding-bottom: 38px;
        padding-left: 6px;
        font-size: 16px;
        line-height: 22px;
        color: #ffd800;
    }

    #rightContainerDiv2 #yellowText1 {
        float: left;
        width: 125px;
        padding-left: 4px;
    }

    #rightContainerDiv2 #yellowText2 {
        float: left;
        width: 131px;
    }

    #rightContainerDiv2 #newBusinessDiv {
        float: left;
        width: 258px;
        padding-right: 10px;
        font-size: 18px;
        line-height: 18px;
        color: #ff0000;
    }

    #rightContainerDiv2 .textAlignRight {
        float: left;
        text-align: right;
        width: 100%;
        padding: 35px 0px 10px 0px;
        margin-bottom: 4px;
    }


#rightContainerDiv3 {
    float: left;
    width: 268px;
    height: 175px;
    background: #fff;
    margin-bottom: 6px;
    background: url(../images/rightContainerDiv3_BG.jpg);
}

    #rightContainerDiv3 table {
        margin: 70px 0px 0px 14px;
        font-size: 18px;
        line-height: 32px;
        color: #014e61;
    }



#rightContainerDiv4 {
    float: left;
    width: 268px;
    height: 293px;
    background: #fff;
}

#bottomContainerDiv1 {
    float: left;
    width: 442px;
    height: 238px;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #cccfc4;
    box-shadow: 0px 0px 5px #cdcdcd;
    overflow: hidden;
    margin-bottom: 14px;
}

    #bottomContainerDiv1 img.imageShadow {
        float: left;
        box-shadow: 0px 0px 8px #999;
        margin: 13px 15px;
        border: solid 1px #999;
    }

        #bottomContainerDiv1 img.imageShadow:hover {
            border: solid 1px #3a3a3a;
        }

#bottomContainerDiv2 {
    float: left;
    width: 514px;
    height: 238px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #cccfc4;
    box-shadow: 0px 0px 5px #cdcdcd;
    overflow: hidden;
    margin-bottom: 14px;
    margin-left: 14px;
}

.BCD2_imagesDiv {
    float: left;
    width: 143px;
    height: 90px;
    margin: 5px 14px;
    box-shadow: 0px 0px 5px #555;
    overflow: hidden;
}

    .BCD2_imagesDiv:hover {
        box-shadow: none;
        border: solid 1px #000;
        width: 141px;
        height: 88px;
    }

    .BCD2_imagesDiv img:hover {
        opacity: 0.5;
        margin: -1px 0px 0px -1px;
    }


#bottomContainerDiv3 {
    float: left;
    width: 442px;
    height: 238px;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #cccfc4;
    box-shadow: 0px 0px 5px #cdcdcd;
    overflow: hidden;
}

#videoContainer {
    float: left;
    width: 195px;
    height: 194px;
    background: #000;
    margin: 5px;
}

#bottomContainerDiv3Inner {
    float: left;
    margin: 5px;
    width: 227px;
    height: 194px;
    font-size: 13px;
    color: #02689c;
    line-height: 18px;
    overflow: hidden;
}

    #bottomContainerDiv3Inner ul {
        margin: 0;
        float: left;
        padding: 0;
    }

        #bottomContainerDiv3Inner ul li {
            margin: 0px 0px 0px 15px;
            padding: 0px 0px 6px 0px;
        }

            #bottomContainerDiv3Inner ul li a:link {
                text-decoration: none;
                color: #02689c;
            }

            #bottomContainerDiv3Inner ul li a:visited {
                text-decoration: none;
                color: #02689c;
            }

            #bottomContainerDiv3Inner ul li a:hover {
                text-decoration: underline;
                color: #02689c;
            }


#bottomContainerDiv4 {
    float: left;
    width: 228px;
    height: 238px;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #cccfc4;
    box-shadow: 0px 0px 5px #cdcdcd;
    overflow: hidden;
    margin-left: 14px;
}

    #bottomContainerDiv4 #container4innerText {
        float: left;
        width: 218px;
        padding: 0px 5px 5px 5px;
        font-size: 13px;
        line-height: 18px;
    }

    #bottomContainerDiv4 .container4innerText {
        float: left;
        width: 218px;
        padding: 5px 0px;
        font-size: 13px;
        line-height: 18px;
        border-bottom: dashed 1px #08467f;
    }

    #bottomContainerDiv4 .colorRed {
        float: left;
        width: 100%;
        text-align: left;
        color: #ff0000;
        font-weight: bold;
    }

    #bottomContainerDiv4 .colorBlue {
        float: left;
        width: 100%;
        text-align: left;
        color: #08467f;
    }



#bottomContainerDiv5 {
    float: left;
    width: 270px;
    height: 238px;
    background: #fff;
    border: solid 1px #cccfc4;
    box-shadow: 0px 0px 5px #cdcdcd;
    overflow: hidden;
    margin-left: 14px;
}





.commonHeadingDBlue_BG {
    float: left;
    width: 678px;
    height: 34px;
    font-size: 17px;
    color: #fff;
    line-height: 34px;
    font-weight: normal;
    text-align: left;
    background: #08467f;
}

.headingImage {
    float: left;
    width: 50px;
    padding-top: 4px;
    text-align: center;
}

.headingText {
    float: left;
}

.commonHeadingGreen_BG {
    float: left;
    width: 678px;
    height: 34px;
    margin-bottom: -32px;
    font-size: 17px;
    color: #fff;
    line-height: 34px;
    font-weight: normal;
    text-align: left;
    background: #277500;
}


.commonHeadingLBlue_BG {
    float: left;
    width: 442px;
    height: 34px;
    font-size: 17px;
    color: #000;
    line-height: 34px;
    font-weight: normal;
    text-align: left;
    background: #769cfb;
}


.commonHeadingDGrey_BG {
    float: left;
    width: 100%;
    height: 34px;
    padding-left: 15px;
    font-size: 17px;
    color: #fff;
    line-height: 34px;
    font-weight: normal;
    text-align: left;
    background: #3a3a3a;
}

.commonHeadingLGrey_BG {
    float: left;
    width: 100%;
    height: 34px;
    padding-left: 15px;
    font-size: 17px;
    color: #000;
    line-height: 34px;
    font-weight: normal;
    text-align: left;
    background: #a3a2a4;
}




/*********************************************inner pages css*********************************************/



.pageTitleWithTabs {
    float: left;
    width: 974px;
    height: 34px;
}

.pageTitle {
    float: left;
    font-size: 24px;
    line-height: 38px;
    color: #fff;
    padding-left: 10px;
}

.topTabsContainer {
    float: right;
    padding-right: 15px;
    text-align: left;
}

    .topTabsContainer a.topActiveTab {
        float: left;
        margin: 0px 5px;
        height: 33px;
        padding: 0px 20px;
        border-radius: 5px 5px 0px 0px;
        font-size: 16px;
        color: #fff !important;
        line-height: 36px;
        border: solid 1px #2f3c68;
        border-bottom: none;
        background: #2f3c68;
    }

        .topTabsContainer a.topActiveTab:hover {
            background: #2f3c68;
            cursor: default;
        }

    .topTabsContainer a {
        float: left;
        margin: 0px 5px;
        height: 33px;
        padding: 0px 20px;
        border-radius: 5px 5px 0px 0px;
        font-size: 16px;
        line-height: 36px;
        border: solid 1px #2f3c68;
        border-bottom: none;
        background: #fff;
    }

        .topTabsContainer a:link {
            text-decoration: none;
            color: #2f3c68;
        }

        .topTabsContainer a:visited {
            text-decoration: none;
            color: #2f3c68;
        }

        .topTabsContainer a:hover {
            text-decoration: none;
            color: #fff;
            background: #606fa1;
        }


.innerP_innerContent {
    float: left;
    width: 972px;
    background: #fff;
    border: solid 1px #2f3c68;
    padding-bottom: 10px;
}

#bluePatchWithShadow {
    float: left;
    margin-top: -106px;
    width: 972px;
    height: 20px;
    background: url(../images/innerPage_topPatch.png) repeat-x;
}


#innerP_nameDetailsNmailPrint {
    float: left;
    margin-top: 10px;
    width: 972px;
    min-height: 95px;
}

#innerP_nameDetails {
    float: left;
    width: 852px;
    padding-left: 10px;
}

#clientsNameNstars {
    float: left;
    width: 100%;
    height: 38px;
    padding-top: 20px;
}

#clientsName {
    float: left;
    font-size: 24px;
    line-height: 38px;
    color: #2f3c68;
}

#starsContainer {
    float: left;
    padding-left: 10px;
}

    #starsContainer img {
        padding: 0px 1px;
    }

#clientsDetails {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

#mailPrintContainer {
    float: right;
    width: 110px;
    height: 95px;
}

.mailPrint {
    float: left;
    margin-right: 10px;
    width: 43px;
    padding: 15px 0px 5px 0px;
    text-align: center;
    border-radius: 0px 0px 2px 2px;
    border: solid 1px #98dfff;
    background: #e1f3f9;
}

    .mailPrint:hover {
        padding: 20px 0px 5px 0px;
    }


#innP_clientsDContainer {
    float: left;
    margin-left: 10px;
    width: 348px;
    height: 320px;
}

.innP_clientsD {
    float: left;
    margin: 0px 10px 10px 0px;
    width: 143px;
    height: 98px;
    border-radius: 5px;
    border: solid 1px #2f3c68;
    background: #606fa1;
    overflow: hidden;
}

.innP_clientsDDigits {
    float: left;
    width: 143px;
    height: 68px;
    text-align: center;
    font-size: 20px;
    line-height: 68px;
    color: #fff;
}

.innP_clientsDDetails {
    float: left;
    width: 143px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    color: #2f3c68;
    line-height: 30px;
    background: #fff;
}

#porfolioMixDiv {
    float: left;
    width: 602px;
    height: 318px;
    border: solid 1px #ccc;
}


.innerP_tableOutlineContainer {
    float: left;
    xmargin: 10px 0px 0px 10px;
    width: 950px;
    min-height: 172px;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
}


    .innerP_tableOutlineContainer .table_fullSize th {
        vertical-align: middle;
        height: 25px;
        padding-left: 5px;
        font-size: 12px;
        color: #fff;
        line-height: 20px;
        xtext-align: left;
        font-weight: normal;
        background: #005387;
    }

    .innerP_tableOutlineContainer #dtControl td {
        padding: 0px;
        font-size: 12px;
        color: #333;
        line-height: 20px;
    }

    .innerP_tableOutlineContainer .table_fullSize td {
        padding: 3px 0px 3px 5px;
        font-size: 12px;
        line-height: 20px;
    }

.innerP_tableOutlineContainer1 .table_fullSize1 th {
    vertical-align: bottom;
    height: 25px;
    padding-left: 9px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    xtext-align: left;
    font-weight: normal;
    background: #005387;
}

.moreOptionsDiv {
    float: left;
    width: 974px;
    padding-top: 15px;
}

    .moreOptionsDiv .head {
        float: left;
        width: 974px;
        font-size: 18px;
        line-height: 28px;
        color: #2f3c68;
        border-bottom: solid 1px #2f3c68;
    }

.moreOptionsDivButtons {
    float: right;
    margin-top: -1px;
}

    .moreOptionsDivButtons .moreOptionsDivButtonsangr {
        float: right;
        background: #2f3c68;
        border-radius: 0px 0px 5px 5px;
        padding: 5px 15px;
        margin-left: 10px;
        font-size: 14px;
        color: #fff;
        line-height: 18px;
        border: solid 1px #2f3c68;
    }

    .moreOptionsDivButtons a:visited {
        text-decoration: none;
        color: #2f3c68;
        background: #fff;
    }

    .moreOptionsDivButtons a:hover {
        text-decoration: none;
        color: #2f3c68;
        background: #fff;
    }

.moreOptionsDivButtonsangrActive {
    float: right;
    border-radius: 0px 0px 5px 5px;
    padding: 5px 15px;
    margin-left: 10px;
    font-size: 14px;
    color: #2f3c68;
    background: #fff;
    line-height: 18px;
    border: solid 1px #2f3c68;
}

.moreOptionsPortfolioValDivButtonsangr {
    float: right;
    background: #2f3c68;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 15px;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    border: solid 1px #2f3c68;
}




/* Top funds widget classes */
.Green_tab {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
    text-align: center;
}

.topfundsgridrow {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #0061AD;
}

.topfundsgridheader {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #0060AC;
    text-align: center;
}
/* Top funds widget classes end*/

/* NFO CSS Classes Start */
.NFOfundname {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #0763CA;
    text-align: left;
    text-decoration: none;
}

    .NFOfundname a:link {
        font-family: Verdana;
        font-size: 10pt;
        font-weight: bold;
        color: #0763CA;
        text-align: left;
        text-decoration: none;
    }

    .NFOfundname a:visited {
        font-family: Verdana;
        font-size: 10pt;
        font-weight: bold;
        color: #0763CA;
        text-align: left;
        text-decoration: none;
    }

    .NFOfundname a:hover {
        font-family: Verdana;
        font-size: 10pt;
        font-weight: bold;
        color: #0763CA;
        text-align: left;
        text-decoration: underline;
    }

.Nfolabel {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
    text-align: left;
    text-decoration: none;
}

.Nfolabelctnt {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #0763CA;
    text-align: left;
    text-decoration: none;
}
/* NFO CSS Classes End */
/* Indices Classes */
.Indices_HD {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #B23A41;
    text-align: left;
}

.Current_Value_green {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #009100;
    text-align: left;
}

.Current_Value_red {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #B23A41;
    text-align: left;
}

.Indices_HD1 {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #B23A41;
    text-align: left;
}

.indices_date {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: #B23A41;
    text-align: left;
}

.change_green {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #009100;
    text-align: left;
}

.change_red {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #B23A41;
    text-align: left;
}

.Topbar_heading {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 5px;
}

.Topbar_heading1 {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    padding-left: 5px;
}
/* End Indices Classes */
/* Classes for links */

.LinkUWGCell a:link {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #0061AD;
    text-decoration: none;
}

.LinkUWGCell a:visited {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #0061AD;
    text-decoration: none;
}

.LinkUWGCell a:hover {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #0061AD;
    text-decoration: underline;
}

.LinkTD {
    font-weight: normal;
    color: #041E2D;
    text-decoration: none;
    cursor: pointer;
}

.LinkTDSel {
    font-weight: bold;
    color: #041E2D;
    text-decoration: none;
    cursor: default;
}

.LinkTDHover {
    font-weight: normal;
    color: #041E2D;
    background-image: url(./images/lgbg.jpg);
    /* background-color:#FFAA00; */
    text-decoration: none;
    cursor: pointer;
}

.CtntM {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #FF6330;
    text-decoration: none;
}

    .CtntM a:link {
        font-family: Verdana;
        font-size: 9pt;
        font-weight: bold;
        color: #FF6330;
        text-decoration: none;
    }

    .CtntM a:visited {
        font-family: Verdana;
        font-size: 9pt;
        font-weight: bold;
        color: #FF6330;
        text-decoration: none;
    }

    .CtntM a:hover {
        font-family: Verdana;
        font-size: 9pt;
        font-weight: bold;
        color: #1464BD;
        text-decoration: underline;
    }
/* Classes for links end*/
.Topbar_heading {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 5px;
}



.button_left {
    background: url(./btn_left.gif) top left no-repeat;
    width: 3px;
    height: 23px;
}

/*.button_right {background: url(./btn_right.gif) top right no-repeat; width:3px; height:23px;}*/

.button_bg {
    background: url(./btn_bg.gif) top left repeat-x;
    text-align: center;
    font: bold 11px Verdana;
    color: #ffffff;
    height: 23px;
}

    .button_bg a:link {
        font: bold 11px Verdana;
        color: #ffffff;
        text-decoration: none;
    }

    .button_bg a:hover {
        font: bold 11px Verdana;
        color: #ffffff;
        text-decoration: none;
    }

    .button_bg a:visited {
        font: bold 11px Verdana;
        color: #ffffff;
        text-decoration: none;
    }

    .button_bg a:active {
        font: bold 11px Verdana;
        color: #ffffff;
        text-decoration: none;
    }
/*------	New design	--------------------*/

/* CSS Document */

.radiobutton {
    border: none;
    background: none;
    color: #000000;
    font: 11px Verdana;
}

.checkbox {
    border: none;
    background: none;
    color: #000000;
    font: 11px Verdana;
}

.leftpanel_toppadding {
    padding-top: 2px;
}

.rowspacer {
    height: 10px;
}

.subrowspacer {
    height: 5px;
}

.colspacer {
    width: 10px;
}

.text {
    font: normal 11px Verdana;
    color: #000000;
}

.labeltext {
    color: #000000;
    font: 12px Verdana;
}

.labelsignoff {
    color: Gray;
    font: bold 11px Verdana;
}

.labeltextbold {
    color: #000000;
    font: bold 11px Verdana;
}

.labelsensexbold {
    color: #0061AE;
    font: bold 13px Verdana;
}

.labeltotal {
    color: #000000;
    font: bold 11px Verdana;
}

.labelRed {
    color: #DC143C;
    font: bold 11px Verdana;
}

.labellink {
    color: #0061AE;
    font: 11px Verdana;
    cursor: pointer;
}

.labelerrorlink {
    color: Red;
    font: 11px Verdana;
    cursor: pointer;
}

.title {
    background: url(../images/title.gif) left top repeat-x;
    height: 21px;
    text-align: left;
    font: bold 11px Verdana;
    color: #000000;
}

.subtitle {
    border-bottom: solid 1px #000000;
    font: bold 11px Verdana;
    color: #000000;
    text-align: center;
}

.grp_thiscustomer {
    background: url(../images/grp_thiscustomer.gif) no-repeat top center;
    width: 383px;
    height: 74px;
    padding: 0px 10px;
}

.txtboxuppercase {
    /* border:#ffc503 solid 1px; background:#fffefc; font:normal 11px Verdana; text-transform:uppercase; color:#000000; height:15px; padding:2px;*/
    border: #bfbfbf solid 1px;
    font: normal 11px Verdana;
    text-transform: uppercase;
    color: #000000;
    height: 16px;
    padding: 7px 10px;
}

.txtbox {
    /*border:#ffc503 solid 1px; background:#fffefc; font:normal 11px Verdana; text-transform:capitalize; color:#000000; height:15px; padding:2px;*/
    /*float:left; width:204px; border:#ddd solid 1px; background:#fffefc; font:normal 11px Verdana; text-transform:capitalize; color:#000000; height:15px; padding:2px;  */
    float: left;
    width: 298px;
    border: #bfbfbf solid 1px;
    font: normal 11px Verdana;
    text-transform: capitalize;
    color: #000000;
    xheight: 13px;
    padding: 7px 10px;
}


.txtboxnormal {
    /* border:#ffc503 solid 1px; background:#fffefc; font:normal 11px Verdana; color:#000000; height:15px; padding:2px;*/
    border: #bfbfbf solid 1px;
    font: normal 11px Verdana;
    color: #000000;
    height: 16px;
    padding: 7px 10px;
}

.dropdownCss {
    /* border:#ffc503 solid 1px; background:#fffefc; font:normal 11px Verdana; text-transform:capitalize; color:#000000; height:20px; padding:2px;*/
    float: left;
    width: 210px;
    border: #ddd solid 1px;
    background: #fffefc;
    font: normal 11px Verdana;
    text-transform: capitalize;
    color: #000000;
    height: 21px;
    padding: 2px;
}
/*Css for Form Background Box*/
.headerbg_topleft {
    background: url(../images/headerbg_topleft.png) no-repeat top left;
    height: 29px;
    width: 10px;
}

.headerbg_top {
    background: url(../images/headerbg_top.png) repeat-x top left;
    height: 29px;
}

.headerbg_topright {
    background: url(../images/headerbg_topright.png) no-repeat top right;
    height: 29px;
    width: 10px;
}


/*Css for Form Background Box*/
.headerCaption {
    float: left;
    font: bold 14px Verdana;
    color: #FFFFFF;
    padding: 10px;
}

.formbg_headingrt {
    background: url(../images/formbg_headingrt.gif) left top no-repeat;
    height: 28px;
    width: 10px;
}

.bottom_border {
    border-bottom: dashed 1px #666666;
}
/*Css for button*/

.button_left {
    /* background: url(../Images/btn_left.png) top left no-repeat;
    width:3px; height:23px;*/
}

.button_right {
    /* background: url(../Images/btn_right.png) top right no-repeat;
    width:5px; height:23px;*/
}

.button_bg {
    /* background:url(../Images/btn_mid.png) top left repeat-x; */
    text-align: center;
    font: bold 11px Verdana;
    color: #ffffff;
    height: 32px;
    float: left;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    line-height: 20px;
    font-weight: bold;
    border: none;
}

    .button_bg a:link {
        font: bold 11px Verdana;
        color: #ffffff;
        text-decoration: none;
    }

    .button_bg a:hover {
        font: bold 11px Verdana;
        color: #ffffff;
        text-decoration: none;
    }

    .button_bg a:visited {
        font: bold 11px Verdana;
        color: #ffffff;
        text-decoration: none;
    }

    .button_bg a:active {
        font: bold 11px Verdana;
        color: #ffffff;
        text-decoration: none;
    }

    .button_bg a:link {
        font: bold 11px Verdana;
        color: #000000;
        text-decoration: none;
    }

    .button_bg a:hover {
        font: bold 11px Verdana;
        color: #ffffff;
        text-decoration: none;
    }

    .button_bg a:visited {
        font: bold 11px Verdana;
        color: #ffffff;
        text-decoration: none;
    }

    .button_bg a:active {
        font: bold 11px Verdana;
        color: #ffffff;
        text-decoration: none;
    }

/*Css for button*/

/* Css for Page Top Left Rigth Bottom */
.formbg_left {
    background: url(../Images/spacer.gif) top left repeat-y;
    width: 10px;
}

.formbg_right {
    background: url(../Images/spacer.gif) top right repeat-y;
    width: 10px;
}

.formbg_btm {
    border: solid 1 black height:10px;
}

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

.try {
    height: 5px;
}

.cmb {
    border: #ffc503 solid 1px;
    background: #fffefc;
    font: normal 11px Verdana;
    color: #000000;
}


.NavNumb {
    font-family: Verdana;
    color: black;
    font-size: 10px;
    cursor: pointer;
}

.NavSelNumb {
    font-family: Verdana;
    color: black;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

.menuStyle {
    background-color: #fff9d7;
    border-color: #ffc503;
    font-family: Verdana;
    font-size: 12px;
}

.listStyle {
    background-color: #fff9d7;
    border-color: #ffc503;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
}

.autocomp_lst {
    overflow: auto;
    height: 160px;
    width: 350px;
    /*border-width: 1px;
    border-style: solid;*/
    border: solid 1px #e1e1e1;
    list-style-type: none;
    margin: 0px;
    font: normal 12px Verdana;
    background-color: #F5FAFF;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    z-index: 2000 !important;
    padding-left: 1px;
}


    .autocomp_lst::-webkit-scrollbar {
        width: 7px;
        background-color: #F5F5F5;
    }

    .autocomp_lst::-webkit-scrollbar-thumb {
        background-color: #B4CBE3;
        border-radius: 3px;
        cursor: pointer;
    }

/*.autocomp_Itmlst {
    font: normal 12px Verdana;
    background-color: #F5FAFF;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 5px;
    cursor: default;
    }

    .autocomp_HItmlst {
    font: normal 12px Verdana;
    background-color: #005387;
    text-align: left;
    cursor: default;
    color: white;
    }*/


.autocomp_Itmlst {
    font: normal 12px Verdana;
    background-color: #F5FAFF;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 0px;
    cursor: default;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.autocomp_HItmlst {
    font: normal 12px Verdana;
    background-color: #005387;
    /*background-color:#f7b71e;*/
    text-align: left;
    cursor: pointer;
    color: #fff;
    padding-top: 2px;
    border-radius: 4px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}




/*Css for FundsnapShot*/

.arial12white {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.arial18white {
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    color: #0061AD;
    text-decoration: none;
}

.arial25white {
    font-family: Verdana;
    font-size: 25px;
    font-weight: bold;
    color: #004B86;
    text-decoration: none;
}

.arial15white {
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    color: #004B86;
    text-decoration: none;
}

.niftyarial12boldgreen {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #3B6701;
    text-decoration: none;
}

.niftyarial12boldgreen1 {
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    color: #3B6701;
    text-decoration: none;
}

.niftyarial12boldred {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #FF0000;
    text-decoration: none;
}

.searchfundsarial11black {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.searchfundsarial12blue {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #034260;
    text-decoration: none;
}

.loginsectionarial11blue1 {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #0061AD;
    text-decoration: none;
}

.CtntMore {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #0D7FD6;
    text-decoration: none;
}

.Contol_labelb {
    font-family: Verdana;
    font-size: 9pt;
    text-align: left;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.bsearial12boldblack {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.amcsslabel {
    font-family: Verdana;
    font-size: 9pt;
    color: #041E2D;
    text-decoration: none;
    background-image: url(/Images/Green_Dot.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 20px;
    vertical-align: middle;
    font-weight: bold;
}

.amcssdata {
    font-family: Verdana;
    font-size: 9pt;
    color: #045888;
    text-decoration: none;
    background-image: url(/Images/Green_Dot.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}

.grid_data {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
}

.topfundshd {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.topfundsarial11black {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #041E2D;
    text-decoration: none;
    margin-top: 8px;
}

.topfundsarial11blue {
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    color: #045F89;
    text-decoration: none;
}

.arial11blue {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #0D7FD6;
    text-decoration: none;
}

.topfundsarial11boldblack {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #041E2D;
    text-decoration: none;
}

.niftyarial12black {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    line-height: 13pt;
    text-align: justify;
}

.btn {
    /*font:bold 11px Verdana; color:#ffffff;
    cursor:pointer;
    margin-bottom:3px;*/
}

.VTspacing {
    background: url(../images/spacer.gif) left bottom repeat-x;
    height: 5px;
}

.HTspacing {
    padding-left: 6px;
    width: 6px;
    background: url(../images/spacer.gif) left bottom repeat-x;
}

.rptbtn {
    font: bold 11px Verdana;
    cursor: pointer;
}



.NFOHeader {
    font-size: 8pt;
    color: #0061AD;
    vertical-align: top;
}

.NFO {
    font-size: 8pt;
    color: #000;
    border-style: dotted;
    border-width: 1px;
    border-color: Gray;
    border-left-style: none;
    border-left-width: 0px;
    border-right-style: none;
    border-right-width: 0px;
}

a {
    /*color: #0260aa;*/
    text-decoration: none;
    cursor: pointer;
}

    a:hover {
        /* color: #0260aa;*/
        text-decoration: underline;
        cursor: pointer;
    }

.NavigatorButtonStyle {
    cursor: pointer;
}


.ticker {
    width: 1024px;
    height: 29px;
    background: url(images/ticker_bg.jpg) repeat-x;
}

#main_box {
    width: 242px;
    background-color: #F1F8FF;
}

#contain_box {
    width: 232px;
    padding: 7px 5px 17px 5px;
}

.container_box {
    width: 761px;
    padding-top: 6px;
    padding-right: 12px;
}

.container_box_spacer {
    height: 7px;
    widows: 100%;
}

.dottedline {
    background: url(images/dottedline.gif) top left repeat-x;
    height: 30px;
}

.small_dottedline {
    background: url(images/small_dotted.gif) top left repeat-x;
    height: 24px;
}

#box_divier {
    width: 100%;
    height: 6px;
}

.ver_spacer {
    height: 169px;
    width: 10px;
}


.ver_spacerIInd {
    height: 169px;
    width: 6px;
}

.spacer1 {
    height: 3px;
}

.search_spacer {
    height: 9px;
    width: 100%;
}

.menu_top_bg {
    width: 242px;
    height: 5px;
    background-image: url(images/menu_top_bg.jpg);
    background-repeat: no-repeat;
    background-color: #F1F8FF;
}

.menu_mid_bg {
    width: 242px;
    height: 100%;
    background-image: url(images/menu_mid_bg.jpg);
    background-repeat: repeat-y;
}

.menu_bot_bg {
    width: 242px;
    height: 5px;
    background: #F1F8FF url(images/menu_bot_bg.jpg) bottom left no-repeat;
}

.heading {
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
}

.heading2 {
    font-family: Verdana, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}

.heading3 {
    font-family: Verdana, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.heading_gainer {
    font-family: Verdana, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}

.more {
    font-family: Verdana, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    color: #ff0000;
}

    .more a {
        font-family: Verdana, Verdana, Helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
        color: #ff0000;
        cursor: pointer;
    }

.fundwatch {
    background: url(images/fundwatch_bg_mid.gif) repeat-y top left;
    padding: 5px;
}

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

        .fundwatch ul li {
            font: normal 12px Verdana;
            color: #000000;
            list-style: none;
            background: url(images/bullet.gif) top left no-repeat;
            padding-left: 13px;
            line-height: 16px;
        }

            .fundwatch ul li a {
                font: normal 12px Verdana;
                color: #C23B42;
                text-decoration: none;
                cursor: pointer;
            }

                .fundwatch ul li a:hover {
                    font: normal 12px Verdana;
                    color: #C23B42;
                    text-decoration: underline;
                    cursor: pointer;
                }


.date {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    color: #ffffff;
    padding-right: 3px;
    text-decoration: none;
}

    .date a:link {
        font-family: Verdana;
        font-size: 9pt;
        font-weight: normal;
        color: #ffffff;
        text-decoration: none;
    }

    .date a:visited {
        font-family: Verdana;
        font-size: 9pt;
        font-weight: normal;
        color: #ffffff;
        text-decoration: none;
    }

    .date a:hover {
        font-family: Verdana;
        font-size: 9pt;
        font-weight: normal;
        color: #ffc50a;
        text-decoration: underline;
    }

.lb_Button {
    background-position: top;
    background-image: url(images/header.gif);
    background-color: Gray;
    font-family: Verdana;
    font-weight: bold;
    font-size: 8.25pt;
    cursor: pointer;
    background-position: top;
    height: 22px;
    padding-left: 10px;
}

.lb_ButtonHover {
    font-family: Verdana;
    background-image: url(images/header.gif);
    background-color: Gray;
    font-family: Verdana;
    font-weight: bold;
    font-size: 8.25pt;
    cursor: pointer;
    background-position: top;
    height: 22px;
    padding-left: 10px;
}

.lb_ButtonSelected {
    background-position: top;
    background-image: url(images/header.gif);
    background-color: Gray;
    font-family: Verdana;
    font-weight: bold;
    font-size: 8.25pt;
    cursor: pointer;
    background-position: top;
    height: 22px;
    padding-left: 10px;
}

.assetAllocHead {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    background-image: url(../images/title.gif);
    border: solid 1px gray;
}

.assetAllocSubHead {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    border-bottom: solid 1px gray;
}

.assetAllocRows {
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
}

.fundwatchmobile {
    background: url(../images/fundwatch_bg_mid_new.gif) repeat-y top left;
    padding: 5px;
}

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

        .fundwatchmobile ul li {
            font: normal 11px Verdana;
            color: #000000;
            list-style: none;
            background: url(../images/bullet.gif) top left no-repeat;
            padding-left: 13px;
            line-height: 16px;
        }

            .fundwatchmobile ul li a {
                font: normal 11px Verdana;
                color: #000000;
                text-decoration: none;
            }

                .fundwatchmobile ul li a:hover {
                    font: normal 11px arial;
                    color: #871d27;
                    text-decoration: underline;
                }


.titlemobile {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.ctntpara {
    font-family: Verdana;
    font-size: 9pt;
    color: #333333;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: normal;
    text-align: justify;
    text-decoration: none;
    line-height: 18px;
}

.heading3mobile {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    padding-left: 5px;
    color: #B21C1B;
}

.tdctntwrt {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #881735;
    padding: 6px;
    text-decoration: none;
}

.fundwatch2 {
    background: url(../Images/fundwatch_bg_mid_new3.gif) repeat-y top left;
    padding: 5px;
}

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

        .fundwatch2 ul li {
            font: normal 11px Verdana;
            color: #000000;
            list-style: none;
            background: url(../Images/bullet.gif) top left no-repeat;
            padding-left: 13px;
            line-height: 16px;
        }

            .fundwatch2 ul li a {
                font: normal 11px Verdana;
                color: #000000;
                text-decoration: none;
            }

                .fundwatch2 ul li a:hover {
                    font: normal 11px Verdana;
                    color: #871d27;
                    text-decoration: underline;
                }


/* FF unwanted page scrollbar */
form {
    margin: 0px;
}

/* Style for lookup control */

.LUTbl {
    table-layout: fixed;
}

.LUTDChk {
    padding-left: 4px;
    width: 25px;
    border-top: solid 1px #D3D3D3;
}

.LUTD {
    overflow: hidden;
    padding-left: 4px;
    border-top: solid 1px #D3D3D3;
    height: 20px;
    font-size: 8.25pt;
    font-family: Verdana;
}

.RUTD {
    overflow: hidden;
    padding-left: 4px;
    border-top: solid 1px #D3D3D3;
    height: 20px;
    font-size: 8.25pt;
    font-family: Verdana;
    text-align: right;
}

/* style for virtual scroll */

.ALR {
    text-align: right;
}

.VScrollResultContainer {
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    border-bottom: solid 1px gray;
    background-color: White;
    overflow: auto;
}

.labelProgress {
    color: #000000;
    font: 12px Verdana;
}

/*activeField {
    border: solid 1px #85b1de;
    background-image: url( '..\Images\blue_bg.png' );
    background-repeat: repeat-x;
    padding: 7px 10px;
    max-width:300px;
   
    }

    .idle {
    /* background-image: none;
    background-color: #fffefc;
    border: solid 1px #ffc503;
    font:normal 11px Verdana;
    height:15px; 
    padding:2px;
    
    float: left;
    border: solid 1px #bfbfbf;
    background: #fffefc;
    text-transform: capitalize;
    color: #000000;
    padding: 7px 10px;
    box-sizing: content-box !important;
     
    }*/

.activeField {
    /*border: solid 1px #85b1de;
    background-image: url( '..\Images\blue_bg.png' );
    background-repeat: repeat-x;*/
    /*padding: 7px 10px;*/
    /*max-width:300px;*/
    float: left;
    border: solid 1px #bfbfbf;
    background: #fffefc;
    text-transform: capitalize;
    color: #000000;
    padding: 7px 10px;
    /*box-sizing: content-box !important;*/
    /*xheight:16px;*/
}

.idle {
    /* background-image: none;
    background-color: #fffefc;
    border: solid 1px #ffc503;
    font:normal 11px Verdana;
    height:15px; 
    padding:2px;*/
    /* float:left; width:204px; border:#ddd solid 1px; background:#fffefc; font:normal 11px Verdana; text-transform:capitalize; color:#000000; height:15px; padding:2px;  */
    float: left;
    border: solid 1px #bfbfbf;
    background: #fffefc;
    text-transform: capitalize;
    color: #000000;
    padding: 7px 10px;
    /*box-sizing: content-box !important;*/
    /*xheight:16px;*/
    /*max-width:300px;*/
}



.selectedButtonCSS {
    color: Black;
}

.transbox {
    /* for IE */
    filter: alpha(opacity=50);
    /* CSS3 standard */
    opacity: 0.6;
}

.dateChooserControl {
    border: 0px;
}

.tdLeftborder {
    border-left: 1px solid Grey !important;
}

.tdRightborder {
    border-right: 1px solid Grey !important;
}

.tdTopborder {
    border-top: 1px solid Grey !important;
}

.tdBottomborder {
    border-Bottom: 1px solid Grey !important;
}

.tdborder {
    border-style: solid;
    border-width: 1px;
    border-color: Window Silver Silver Window;
    padding: 4px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    height: 39px;
}

.GridViewHeaderStyle {
    font-family: Verdana;
    white-space: None;
    font-weight: bold;
}

.footerStyle {
    font-weight: bold;
    border-top: solid 1px black;
}

.itemStyle {
    padding-left: 3px;
    xborder-left-width: 0;
    xborder-right-width: 0;
    xborder-bottom-style: dashed !important;
    xborder-bottom-color: Gray !important;
    xborder-top-color: White;
    xborder-bottom-width: 3px !important;
    border: dashed 1px gray;
    border-top: none;
    border-left: none;
    border-right: none;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    height: 32px;
    color: Black;
    font-family: Verdana;
    font-size: 8.25pt;
    padding-right: 5px;
    text-overflow: eclipse;
}

.selected {
    /*background-color: #E5E5E5;*/
    background-color: #E5E5E5;
}

.divStyle {
    /*height: 625px;
    overflow: auto;*/
    width: 748px;
}

.VTspacing {
    height: 5px;
    background: url(../images/spacer.gif) left bottom repeat-x;
}

.VTSpacing {
    background: url(../images/spacer.gif) left bottom repeat-x;
    height: 5px;
}

.hiddenCell {
    display: none;
}



.tableLayout {
    table-layout: fixed;
}

.GridViewCell {
    xborder-style: solid;
    xborder-width: 1px;
    xborder-color: Window Silver Silver Window;
    padding-left: 3px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    height: 20px;
    color: #000;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.GridViewCellR {
    xborder-style: solid;
    xborder-width: 1px;
    xborder-color: Window Silver Silver Window;
    padding-right: 5px !important;
    overflow: hidden;
    text-align: right;
    vertical-align: middle;
    height: 20px;
    color: #000;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.GridViewCellC {
    xborder-style: solid;
    xborder-width: 1px;
    xborder-color: Window Silver Silver Window;
    padding-right: 5px !important;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    color: #000;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.bordervisible {
    outline: none;
    border: 0px;
    background-color: transparent;
    text-align: Left;
    padding: 0px;
}

.GridViewRowCell {
    border-style: solid;
    border-width: 1px;
    border-color: Silver;
    padding-left: 3px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.gridview td {
    padding-left: 3px;
    padding-right: 3px;
    overflow: hidden;
}

.gridview th {
    padding-left: 3px;
    padding-right: 3px;
}

.paddingTop {
    padding-top: 4px;
}

.alignCenter {
    text-align: center;
}

.hideItem {
    display: none;
}


.button_bg a:link {
    color: #FFFFFF;
}

.inputbox_List {
    font-family: Verdana;
    font-size: 11px;
    color: #000000;
    height: 22px;
    vertical-align: middle;
    margin-right: 10px;
}



.level1 {
    color: #97462c;
    xfont-family: Trebuchet MS !important;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
}

.level2 {
    color: #4b4b4b;
    xfont-family: Trebuchet MS !important;
    font-family: Verdana;
    font-size: 12px;
    padding-left: 3px;
}

.level3 {
    color: black;
    xfont-family: Trebuchet MS !important;
    font-family: Verdana;
    font-size: 12px;
    padding-left: 3px;
}

.level4 {
    background-color: Gray !important;
    color: White !important;
    font-size: small;
}

.level5 {
    color: red;
    background-color: white;
    xfont-family: Gill Sans MT !important;
    font-family: Verdana;
    font-size: small;
}

.hoverstyle {
    font-weight: bold;
}

.acc-header {
    background-repeat: no-repeat;
    background-position: Left;
    padding-bottom: 3px;
}

.menudiv {
    overflow: auto;
    width: 214px;
    height: 250px;
    border: 1px solid #7fd8ff;
    background-color: #e2eaf5;
    padding-left: 5px;
}

.acc-content {
    overflow: hidden;
}


.ShowModal {
    z-index: 1000;
    position: absolute;
    background-color: White;
    display: block;
}

.HideModal {
    display: none;
}

.OverlayEffect {
    background-color: black;
    filter: alpha(opacity=70);
    opacity: 0.7;
    width: 50%;
    height: 50%;
    z-index: 200;
    position: absolute;
    top: 0;
    left: 0;
}

.modalHeader {
    background-color: silver;
}

.modalCSS {
    border: 1px solid silver;
    overflow: auto;
    border-color: Silver;
}

.TDhd11 {
    border-left: dotted 1px white;
    border-right: dotted 1px white;
    background-image: url(../images/gridheader1.gif);
    text-align: left;
}

.TDhd12 {
    background-image: url(../images/gridheader1.gif);
    text-align: left;
    border-style: none;
}


.gridStyle {
    font-family: Verdana, Arial,Helvetica,sans-serif;
    border: 1px solid Silver;
    font-size: 11px;
    background-color: White;
}

.headerLeft {
    padding-left: 3px;
}


.rowLeft {
    padding-left: 3px;
    border-style: none;
    border-bottom: dotted 1px gray;
}

.rowRight {
    padding-right: 3px;
    border-style: none;
    border-bottom: dotted 1px gray;
}

.CellText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.etabs {
    margin: 0;
    padding: 0;
}

.tab {
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #fff;
    width: 49%;
    text-align: center;
}

    .tab a {
        font-size: 12px;
        line-height: 2em;
        display: block;
        padding: 0 7px;
        outline: none;
        text-decoration: none;
        color: #000000;
    }

        .tab a:hover {
            text-decoration: none;
            background-image: url(/images/lgbg.jpg);
            text-align: center;
        }

.active {
    position: relative;
    top: 1px;
    background-image: url(/images/lgbg.jpg);
    text-align: center;
}

.tab a.active {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-image: url(/images/lgbg.jpg);
    text-align: center;
}

.TAR {
    text-align: right;
    padding-right: 5px !important;
}

.TAL {
    text-align: left;
    padding-left: 5px;
}

.TAC {
    text-align: center;
}

.etabs1 {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.tab1 {
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #fff;
    width: 49%;
    text-align: center;
}

    .tab1 a {
        font-size: 12px;
        line-height: 2em;
        display: block;
        outline: none;
        text-decoration: none;
        color: #000000;
        text-align: center;
        ;
        width: 71px;
    }

        .tab1 a:hover {
            text-decoration: none;
            background-image: url(/images/lgbg.jpg);
            width: 71px;
            text-align: center;
        }

.active1 {
    position: relative;
    background-image: url(/images/lgbg.jpg);
    width: 71px;
    text-align: center;
}

.tab1 a.active {
    font-weight: bold;
    color: #000;
    text-decoration: none;
    background-image: url(/images/lgbg.jpg);
    text-align: center;
}

.BB {
    xborder-bottom: dotted 1px;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px dashed gray;
}

.BN {
    border: none;
}

.col-OverFlow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}

table {
    /*border: none;*/
    border: none;
    border-collapse: collapse;
}

.tr7 {
    background: url(../images/spacer.gif) left bottom repeat-x;
    height: 7px;
}

.NoData {
    text-align: center;
    margin: 10px;
    font-size: 16px;
    color: red;
}




.GreenStripTab {
    float: right;
    margin-top: -1px;
    width: 945px;
    background-color: #215968;
    margin-right: 15px;
    padding-right: 5px;
}

    .GreenStripTab .GreenStripTabangr {
        float: right;
        padding: 5px 15px;
        margin-left: 10px;
        margin-bottom: 5px;
        margin-top: 5px;
        font-size: 14px;
        color: #fff;
        line-height: 18px;
    }

    .GreenStripTab a:visited {
        text-decoration: none;
        color: #2f3c68;
        background: #3C91A6;
        border-radius: 5px 5px 5px 5px;
    }

    .GreenStripTab a:hover {
        text-decoration: none;
        color: #2f3c68;
        background: #3C91A6;
        border-radius: 5px 5px 5px 5px;
    }

.GreenStripTabActive {
    text-decoration: none;
    color: #2f3c68;
    background: #3C91A6;
    border-radius: 5px 5px 5px 5px;
}


.btncolor {
    color: #fff;
    border: none;
    background: none;
}

.moreOptionsDivButtonsangr {
    background-color: #215968;
}

.DataGrdHeadercol {
    height: 40px;
    border-left: 1px solid #87CEFA;
    border-top: 1px solid #87CEFA;
    float: left;
    padding-top: 10px;
}

.DataGrdHeaderLastCol {
    height: 40px;
    border-left: 1px solid #87CEFA;
    border-top: 1px solid #87CEFA;
    border-right: 1px solid #87CEFA;
    float: left;
    padding: 5px;
}

.DataGrdValCol {
    height: 30px;
    border-left: 1px solid #87CEFA;
    border-bottom: 1px solid #87CEFA;
    border-top: 1px solid #87CEFA;
    float: left;
    padding: 5px;
    padding-top: 15px;
}

.DataGrdValLastCol {
    height: 30px;
    border-left: 1px solid #87CEFA;
    border-bottom: 1px solid #87CEFA;
    border-top: 1px solid #87CEFA;
    border-right: 1px solid #87CEFA;
    float: left;
    padding: 5px;
    padding-top: 15px;
}

.labelFont {
    font-family: Verdana;
    font-size: 9pt;
}











/*********************************************inner pages css*********************************************/



.pageTitleWithTabs {
    float: left;
    width: 974px;
    height: 34px;
}

.pageTitle2 {
    float: left;
    font-size: 24px;
    line-height: 38px;
    color: #2f3c68;
}

.topTabsContainer {
    float: right;
    padding-right: 15px;
    text-align: left;
}

    .topTabsContainer a.topActiveTab {
        float: left;
        margin: 0px 5px;
        height: 33px;
        padding: 0px 20px;
        border-radius: 5px 5px 0px 0px;
        font-size: 16px;
        color: #fff !important;
        line-height: 36px;
        border: solid 1px #2f3c68;
        border-bottom: none;
        background: #2f3c68;
    }

        .topTabsContainer a.topActiveTab:hover {
            background: #2f3c68;
            cursor: default;
        }

    .topTabsContainer a {
        float: left;
        margin: 0px 5px;
        height: 33px;
        padding: 0px 20px;
        border-radius: 5px 5px 0px 0px;
        font-size: 16px;
        line-height: 36px;
        border: solid 1px #2f3c68;
        border-bottom: none;
        background: #fff;
    }

        .topTabsContainer a:link {
            text-decoration: none;
            color: #2f3c68;
        }

        .topTabsContainer a:visited {
            text-decoration: none;
            color: #2f3c68;
        }

        .topTabsContainer a:hover {
            text-decoration: none;
            color: #fff;
            background: #606fa1;
        }


.innerP_innerContent {
    float: left;
    width: 972px;
    background: #fff;
    border: solid 1px #2f3c68;
    padding-bottom: 10px;
}

#bluePatchWithShadow {
    float: left;
    margin-top: -106px;
    width: 972px;
    height: 20px;
    background: url(../images/innerPage_topPatch.png) repeat-x;
}


/*form css changes*/



/*form css changes */


#innerP_nameDetailsNmailPrint {
    float: left;
    margin-top: 10px;
    width: 972px;
    min-height: 95px;
}

#innerP_nameDetails {
    float: left;
    width: 852px;
    padding-left: 10px;
}

#clientsNameNstars {
    float: left;
    width: 100%;
    height: 38px;
    padding-top: 20px;
}

#clientsName {
    float: left;
    font-size: 24px;
    line-height: 38px;
    color: #2f3c68;
}

#starsContainer {
    float: left;
    padding-left: 10px;
}

    #starsContainer img {
        padding: 0px 1px;
    }

#clientsDetails {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

#mailPrintContainer {
    float: right;
    width: 110px;
    height: 95px;
}

.mailPrint {
    float: left;
    margin-right: 10px;
    width: 43px;
    padding: 15px 0px 5px 0px;
    text-align: center;
    border-radius: 0px 0px 2px 2px;
    border: solid 1px #98dfff;
    background: #e1f3f9;
}

    .mailPrint:hover {
        padding: 20px 0px 5px 0px;
    }


#innP_clientsDContainer {
    float: left;
    margin-left: 10px;
    width: 348px;
    height: 320px;
}

.innP_clientsD {
    float: left;
    margin: 0px 10px 10px 0px;
    width: 143px;
    height: 98px;
    border-radius: 5px;
    border: solid 1px #2f3c68;
    background: #606fa1;
    overflow: hidden;
}

.innP_clientsDDigits {
    float: left;
    width: 143px;
    height: 68px;
    text-align: center;
    font-size: 20px;
    line-height: 68px;
    color: #fff;
}

.innP_clientsDDetails {
    float: left;
    width: 143px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    color: #2f3c68;
    line-height: 30px;
    background: #fff;
}

#porfolioMixDiv {
    float: left;
    width: 602px;
    height: 318px;
    border: solid 1px #ccc;
}


.innerP_tableOutlineContainer {
    float: left;
    xmargin: 10px 0px 0px 10px;
    width: 950px;
    min-height: 172px;
    border-radius: 5px;
    xborder: solid 1px #47b9ed;
    background: #fff;
    overflow: hidden;
}






.moreOptionsDiv {
    float: left;
    width: 974px;
    padding-top: 15px;
}

    .moreOptionsDiv .head {
        float: left;
        width: 974px;
        font-size: 18px;
        line-height: 28px;
        color: #2f3c68;
        border-bottom: solid 1px #2f3c68;
    }

.moreOptionsDivButtons {
    float: right;
    margin-top: -1px;
}

    .moreOptionsDivButtons a {
        float: right;
        background: #2f3c68;
        border-radius: 0px 0px 5px 5px;
        padding: 5px 15px;
        margin-left: 10px;
        font-size: 14px;
        color: #fff;
        line-height: 18px;
        border: solid 1px #2f3c68;
    }

        .moreOptionsDivButtons a:link {
            text-decoration: none;
            color: #fff;
        }

        .moreOptionsDivButtons a:visited {
            text-decoration: none;
            color: #fff;
        }

        .moreOptionsDivButtons a:hover {
            text-decoration: none;
            color: #2f3c68;
            background: #fff;
        }


.tableHeader {
    float: left;
    margin-top: 10px;
    width: 97%;
    height: 26px;
    font-size: 13px;
    line-height: 26px;
    color: #2f3c68;
    font-weight: bold;
    background: url(../images/title.jpg) repeat-x;
    border: 1px solid #47b9ed;
    padding: 0 10px;
}

#bluePatchWithShadow_form {
    float: left;
    margin-top: -10px;
    width: 972px;
    height: 20px;
    background: url(../images/innerPage_topPatch.png) repeat-x;
}

.formBlueBTN {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    float: left;
    padding: 0px 6px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    font-weight: bold;
    background: #2f3c68;
    cursor: pointer;
    margin-right: 10px;
    height: 28px;
}

#innerP_nameDetailsNmailPrint_form {
    float: left;
    margin-top: 10px;
    width: 972px;
}

#innerform_contentarea {
    margin-top: 50px;
    border: 1px solid #47b9ed;
    width: 920px;
    margin-left: 10px;
    padding: 15px;
}

.topTabsContainer_formicon {
    float: right;
    text-align: left;
    background: #2f3c68;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .topTabsContainer_formicon img {
        margin-left: 6px;
    }


/* New Style For Nav Menu And DataEntry Pages Start's Here....... */

@charset "utf-8";
/* CSS Document */


img {
    margin: 0;
    padding: 0;
    border: 0;
}

#header {
    float: left;
    width: 950px;
    padding: 0px 20px;
}


#logo {
    float: left;
    width: 336px;
    padding-top: 5px;
}

#headerRightContainer {
    /*float: right;
    min-width: 272px;
    text-align: right;
    color: #fff;*/
    float: right;
    min-width: 142px;
    text-align: right;
    color: #fff;
    height: 40px;
    padding-top: 15px;
}

#ctl00_headerRightContainer{
    float: right;
    min-width: 142px;
    text-align: right;
    color: #fff;
    height: 40px;
    padding-top: 15px;
}



#nameNsignOut {
    /*overflow:hidden;
    margin-top: 2px;
    padding: 15px 42px 0px 15px;
    min-width:210px;
    height: 43px;*/ /*border-left:groove 2px #4d5b8a; border-right:groove 2px #4d5b8a;*/
}

.clsName {
    font-size: 14px;
    font-weight: bold;
    /*color: #ffcc00;*/
}

#nameNsignOut span {
    font-size: 14px;
    font-weight: bold;
    color: #ffcc00;
}

#nameNsignOut img {
    /*position: absolute;
    margin: 0px 0px 0px 12px;*/
}

#menu_2 {
    float: left;
    margin-top: 2px;
    padding: 18px 0px 0px 25px;
    height: 40px;
}


#menu_2content {
    margin: auto;
    margin-top: 65px;
    width: 990px;
    min-height: 130px;
    background: #fff;
    clear: both;
    overflow: hidden;
}

#menu_2contentM1 {
    float: left;
    width: 990px;
    height: 90px;
    margin-left: 1px;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

    #menu_2contentM1 a {
        float: left;
        margin-left: -1px;
        width: 109px;
        height: 87px;
        text-align: center;
        background: #fff;
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
        border-bottom: solid 3px #fff;
    }

        #menu_2contentM1 a:link {
            text-decoration: none;
            color: #000;
        }

        #menu_2contentM1 a:visited {
            text-decoration: none;
            color: #000;
        }

        #menu_2contentM1 a:hover {
            text-decoration: underline;
            color: #000;
            background: #f5f5f5;
            border-bottom: solid 3px #c00;
        }

#menu_2contentM2 {
    float: left;
    width: 100%;
    height: 38px;
    font-size: 14px;
    background: #f2f2f2;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

    #menu_2contentM2 img {
        float: left;
        padding-right: 10px;
    }

    #menu_2contentM2 a {
        float: left;
        margin: 9px 20px 0px 10px;
        line-height: 20px;
    }

        #menu_2contentM2 a:link {
            text-decoration: none;
            color: #000;
        }

        #menu_2contentM2 a:visited {
            text-decoration: none;
            color: #000;
        }

        #menu_2contentM2 a:hover {
            text-decoration: underline;
            color: #000;
            background: #f5f5f5;
        }

.formsDivContainer {
    display: block;
    clear: both;
    padding: 5px 10px;
    border-radius: 5px;
    border: solid 1px #0570a9;
    overflow: hidden;
    margin-bottom: 10px;
    font-weight: 400;
}

.innerCommonWhiteDiv {
    float: left;
    width: 954px;
    padding: 10px;
    background: #fff;
    font-family: Verdana, Geneva, sans-serif;
    min-height: 850px;
    padding-top: 0px;
    overflow: hidden;
}

.innerCommonHead {
    /*float: left;
    margin-bottom: 8px;
    width: 100%;
    font-size: 22px;
    padding: 0px 0px 5px 0px;
    color: #345c8c;
    line-height: 24px;
    border-bottom: solid 1px #F1D74A;
    margin-top: 10px;*/
    float: left;
    margin-bottom: 8px;
    width: 100%;
    font-size: 22px;
    color: #345c8c;
    /*line-height: 24px;*/
    border-bottom: solid 1px #F1D74A;
    padding: 5px 0;
}

    .innerCommonHead span {
        padding-left: 0px;
        line-height: 36px;
    }

    .innerCommonHead div {
        float: right;
        /*margin-top: -5px;
    margin-bottom: -5px;*/
    }

        .innerCommonHead div img {
            margin: 0px 5px;
            cursor: pointer;
        }

.innerCommonHead_2 {
    float: left;
    margin-bottom: 8px;
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 3px 0px 1px 0px;
    color: #000;
    line-height: 24px;
    font-weight: bold;
    background: #f2f2f2;
    border-bottom: solid 1px #b4cbe3;
}

.inputTextContainer .radioBtnCont {
    float: left;
    border-radius: 3px;
    border: solid 1px #0570a9;
    overflow: hidden;
}

    .inputTextContainer .radioBtnCont a {
        float: left;
        padding: 5px 20px;
        border-left: solid 1px #0570a9;
        margin-left: -1px;
    }

        .inputTextContainer .radioBtnCont a:link {
            text-decoration: none;
            color: #0570a9;
        }

        .inputTextContainer .radioBtnCont a:visited {
            text-decoration: none;
            color: #0570a9;
        }

        .inputTextContainer .radioBtnCont a:hover {
            text-decoration: none;
            color: #000;
            background: #f5f5f5;
        }

        .inputTextContainer .radioBtnCont a.active {
            color: #fff;
            background: #009AEC;
            cursor: default;
        }

.innerCommonFormDivs {
    float: left;
    width: 455px;
    min-height: 20px;
}

.innerCommonFormDivsR {
    float: left;
    width: 455px;
    min-height: 20px;
    padding: 0px 0px 0px 20px;
}

.textLeft {
    float: left;
    width: 135px;
    height: 32px;
    line-height: 32px;
    padding: 0px 0px 10px 10px;
    overflow: hidden;
}

.inputRight {
    float: left;
    width: 300px;
    height: 32px;
    margin-bottom: 14px;
    overflow: hidden;
    /*-webkit-box-sizing: content-box;
    box-sizing: content-box;*/
}

.cls-imgFrom {
    float: left;
    padding-top: 8px;
    width: 13px;
    margin-left: -13px;
    display: none;
}

.cls-imgTo {
    float: left;
    padding-top: 8px;
    width: 13px;
    margin-left: -13px;
    display: none;
}


.inputRight input, textarea, select {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #555;
    margin-left: 5px;
    margin-top: 0px;
}

.inputRight textarea.inputFullSize {
    float: left;
    width: 298px;
    xheight: 16px;
    padding: 7px 10px;
    border: solid 1px #bfbfbf;
}

.inputRight input.inputFullSize {
    float: left;
    width: 298px;
    xheight: 16px;
    padding: 7px 10px;
    border: solid 1px #bfbfbf;
}

.inputRight input.inputSFullSize {
    float: left;
    width: 268px;
    xheight: 16px;
    padding: 7px 10px;
    border: solid 1px #bfbfbf;
}

.inputRight input.inputHalfSize {
    float: left;
    width: 180px;
    xheight: 16px;
    padding: 7px 10px;
    border: solid 1px #bfbfbf;
}

.inputRight input.inputSmallSize {
    float: left;
    width: 75px;
    xheight: 16px;
    padding: 7px 10px;
    border: solid 1px #bfbfbf;
}


.buttonsNtextarea_text {
    float: left;
    min-width: 70px;
    height: 32px;
    line-height: 32px;
    padding: 0px 10px 10px 10px;
    clear: left;
    overflow: hidden;
}


.buttonsNtextarea_buttonsC {
    float: left;
    min-width: 50px;
    height: 30px;
    margin-bottom: 14px;
    border-radius: 16px;
    border: solid 1px #bfbfbf;
    overflow: hidden;
}

    .buttonsNtextarea_buttonsC a {
        float: left;
        padding: 0px 12px;
        height: 30px;
        line-height: 30px;
        border-left: solid 1px #ddd;
        margin-left: -1px;
    }

        .buttonsNtextarea_buttonsC a:link {
            text-decoration: none;
            color: #000;
        }

        .buttonsNtextarea_buttonsC a:visited {
            text-decoration: none;
            color: #000;
        }

        .buttonsNtextarea_buttonsC a:hover {
            text-decoration: none;
            color: #000;
            background: #eee;
        }

        .buttonsNtextarea_buttonsC a.active {
            float: left;
            padding: 0px 12px;
            height: 30px;
            color: #fff;
            line-height: 30px;
            border-left: solid 1px #ddd;
            background: #c00;
            margin-left: -1px;
        }

.innerCommonFormDivsR .RemarksText {
    float: left;
    margin: 0px;
    width: 363px;
    min-height: 56px;
    padding: 10px;
    border: solid 1px #bfbfbf;
}

.formInnerHead {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #373090;
    line-height: 30px;
}

.formInnerHead1 {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    padding: 2px 0px;
    font-size: 13px;
    font-weight: bold;
    color: #373090;
    line-height: 30px;
}

.formInnerHead em {
    padding-left: 10px;
}

.inputRight select.halfSize {
    float: left;
    min-width: 202px;
    xheight: 32px;
    margin: 0px 0px 0px 5px;
    padding: 5px 0px;
    border: solid 1px #bfbfbf;
}

.inputRight select.smallSize {
    float: left;
    min-width: 97px;
    xheight: 32px;
    margin: 0px 0px 0px 5px;
    padding: 5px 0px;
    border: solid 1px #bfbfbf;
}

.inputRight select.fullSize {
    float: left;
    min-width: 318px;
    xheight: 32px;
    margin: 0px 0px 0px 5px;
    padding: 5px 0px;
    border: solid 1px #bfbfbf;
}



#bottomButtonsContainer {
    float: left;
    width: 100%;
    text-align: center;
    border-top: solid 1px #000;
    padding: 10px 0px;
    font-family: Arial, Helvetica, sans-serif;
}

    #bottomButtonsContainer a {
        display: inline-block;
        margin: 0px 5px;
        padding: 10px 20px;
        border-radius: 20px;
        font-size: 16px;
        font-weight: bold;
        background: #373090;
        border: solid 1px #373090;
    }

        #bottomButtonsContainer a:link {
            text-decoration: none;
            color: #fff;
        }

        #bottomButtonsContainer a:visited {
            text-decoration: none;
            color: #fff;
        }

        #bottomButtonsContainer a:hover {
            text-decoration: none;
            color: #373090;
            background: #fff;
            border: solid 1px #373090;
        }
/* New Style For Nav Menu And DataEntry Pages End's Here....... */

.errMsg {
    padding-left: 5px;
    padding-top: 10px;
}

.cls-ImgPaid {
    padding-left: 5px;
    padding-top: 10px;
    display: none;
}

.cls-closeImg {
    float: left;
    margin-left: -24px;
    margin-top: -1px;
    display: none;
}

.btnCalc {
    background-image: url(../Images/icon_calc.png);
    width: 25px;
    height: 25px;
    padding-top: 2px;
    border: none;
    background-repeat: no-repeat;
    text-indent: -9999px;
    outline: none;
    display: block;
    float: left;
}

input[type="radio"]:checked {
    background: #c00;
}




/*************Pagination Style Start's Here*************/
#paginationC {
    margin: auto;
    width: 478px;
    overflow: hidden;
    display: block;
    clear: both;
}

.paginationC {
    margin: auto;
    width: auto;
    overflow: hidden;
    display: block;
    clear: both;
    padding: 0px 0px 0px 0px;
    float: right;
}

.paginationBlank {
    float: left;
    margin: 0px 5px;
    font-size: 15px;
    border: solid 1px #005387;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin-top: 10px;
}

.pagination {
    float: left;
    margin: 0px 5px;
    font-size: 15px;
    border: solid 1px #005387;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
}

    .pagination a:link {
        float: left;
        padding: 4px 10px;
        color: #005387;
        text-decoration: none;
        margin: 0px 0px 0px -1px;
        background: #fff;
        border-left: solid 1px #005387;
    }

    .pagination a:visited {
        float: left;
        padding: 5px 10px;
        color: #005387;
        text-decoration: none;
        margin: 0px 0px 0px -1px;
        background: #fff;
        border-left: solid 1px #005387;
    }

    .pagination a:hover {
        background: #eee;
        color: #005387;
        text-decoration: none;
        cursor: pointer;
    }

    .pagination a.pagingActive {
        color: #fff;
        background: #005387;
        cursor: default;
    }

#lookupCntrl input[type="image"] {
    width: 30px !important;
    height: 30px !important;
}

#lookupCntrl input {
    width: 205px !important;
    margin-left: 0px !important;
    border: solid 1px #bfbfbf;
}

#lookupCntrl1 input[type="image"] {
    width: 30px !important;
    height: 30px !important;
}

#lookupCntrl1 input {
    width: 205px !important;
    margin-left: 0px !important;
    border: solid 1px #bfbfbf;
}
/*************Pagination Style End's Here*************/

.BT {
    border-top: 1px solid #797979;
}

.BL {
    xborder-left: 1px solid #797979;
}

.BR {
    xborder-right: 1px solid #797979;
}


.heading {
    font-weight: bold;
    display: table-row;
    background-color: #0095da;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-family: arial;
    color: #fff;
    xtext-transform: uppercase;
    vertical-align: bottom;
}


/*.......................................Empanelment info ..............................................*/

.impanelment_info {
    width: 780px;
    height: auto;
    margin-top: 10px;
    padding: 5px;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #1b2c65;
    line-height: 25px;
    text-align: justify;
    margin: auto;
    xborder: 1px dotted #dddddd;
    overflow: auto;
}

.empanel_blueleft {
    background: url(../images/empanel_blueleft.png) no-repeat;
    height: 38px;
    width: 9px;
    float: left;
}

.empanel_blueright {
    background: url(../images/empanel_blueright.png) no-repeat;
    height: 38px;
    width: 8px;
    float: left;
}

.empanel_blurmiddle {
    background: url(../images/empanel_blurmiddle.png) repeat-x;
    height: 38px;
    float: left;
    width: 97%;
    font: normal 18px Arial, Helvetica, sans-serif;
    color: #000;
    padding-top: 10px;
    text-align: center;
}

.impanelment_listred {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #c00000;
    line-height: 20px;
}

.impanelment_list {
    float: left;
    width: 100%;
    text-align: justify;
}

    .impanelment_list ul {
        padding: 15px;
        margin: 0px 7px;
        list-style: circle;
        text-align: justify;
    }

        .impanelment_list ul li {
            font: normal 13px Arial, Helvetica, sans-serif;
            color: #1b2c65;
            line-height: 20px;
            padding-left: 7px;
            margin-bottom: 10px;
            text-align: justify;
        }

            .impanelment_list ul li a {
                color: #2360bc;
                text-decoration: none;
                font-weight: bold;
            }

                .impanelment_list ul li a:hover {
                    color: #c00000;
                    text-decoration: underline;
                    font-weight: bold;
                }

        .impanelment_list ul ul {
            list-style: disc;
            padding-top: 8px;
        }

        .impanelment_list ul li ul li {
            font: normal 12px Arial, Helvetica, sans-serif;
            color: #1b2c65;
            line-height: 20px;
            padding-left: 7px;
        }

.impanelnow_btn {
    float: left;
    width: 100%;
    text-align: center;
}

/*.......................................Empanelment info end ..............................................*/




/*.....................faq page....................*/

#wrap {
    width: 90%;
    max-width: 960px;
    display: block;
    margin: 0 auto;
}

.accordion {
    margin: 0 0 30px;
    xborder-top: 1px solid #DDD;
    xborder-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
}

    .accordion dt {
        xborder-bottom: 3px solid #f1f2f3;
        xbackground: #0095da;
        xcolor: #FFF;
        background: none;
        color: #000;
    }

    .accordion dd {
        display: none;
        padding: 20px;
        margin-left: 0;
        border: 1px solid #DDD;
        background: #FFF;
        text-align: left;
    }

    .accordion dt {
        cursor: pointer;
        padding: 4px 15px;
        margin: 0;
    }

        .accordion dt:before {
            content: "\25B6";
            padding-right: 5px;
            transition: all .3s linear;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        .accordion dt:hover:before {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .accordion dt.accordion-active:before {
            content: "\25B6";
            padding-right: 5px;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
        }

        .accordion dt.accordion-active:hover {
            cursor: default;
        }


/*.....................Help Desk....................*/

.helpdesk_containarea {
    width: 100%;
    height: auto;
    border-radius: 4px;
    xbackground: #f2fbff;
    margin-top: 10px;
    margin: 0 auto;
}

.helpdesk_whitetext {
    font: normal 16px arial;
    color: #fff;
    line-height: 20px;
    margin-left: 12px;
    float: left;
    width: 355px;
    margin-top: 9px;
}

.helpdesk_redarea {
    font: bold 16px arial;
    color: #fff;
    line-height: 20px;
    margin-left: 5px;
    margin-top: 10px;
    float: left;
}

.help_deskbanner {
    background: url(../images/helpdesk_banner.jpg) no-repeat;
    width: 100%;
    height: 231px;
    xbackground-size: 95%;
}

.helpdesk_help1bg {
    background: url(../images/helpdesk_help1bg.jpg) no-repeat;
    width: 100%;
    height: 243px;
    margin-top: 10px;
    background-size: 896px 243px;
}

.helpdesk_help1bgbtn {
    float: right;
    width: 305px;
    height: 90px;
    margin-top: 100px;
    margin-right: 65px;
    text-align: right;
}

.helpdesk_help1bgredtext {
    font: normal 18px arial;
    color: #8b0304;
    line-height: 30px;
    text-align: right;
    float: right;
    width: 305px;
}

.helpdesk_help2bg {
    background: url(../images/helpdesk_help2bg.jpg) no-repeat;
    width: 100%;
    height: 322px;
    margin-top: 10px;
    background-size: 896px 322px;
}

.helpdesk_help2bgblacktext {
    font: normal 19px arial;
    color: #000;
    line-height: 30px;
    text-align: center;
    float: left;
    width: 100%;
}


.helpdesk_font {
    width: 500px;
    line-height: 20px;
    display: block;
    float: left;
    margin-left: 22px;
}

    .helpdesk_font ul {
        list-style: disc;
        padding: 12px;
        margin: 7px 0px;
        margin-bottom: 0px;
        xpadding-bottom: 25px;
    }

        .helpdesk_font ul li {
            font: normal 16px Arial, Helvetica, sans-serif;
            color: #26335f;
            line-height: 20px;
            padding-left: 3px;
            margin-bottom: 5px;
        }

.helpdesk_btmbtnarea {
    float: left;
    width: 100%;
    height: 48px;
    margin-top: 10px;
}

.helpdesk_btmbtn1 {
    float: left;
    width: 152px;
    display: block;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
}

.helpdesk_btmbtn1text {
    font: normal 16px arial;
    color: #8b0304;
    line-height: 24px;
    text-align: left;
    float: left;
    width: 290px;
}

.helpdesk_btmbtn2text {
    font: normal 16px arial;
    color: #8b0304;
    line-height: 24px;
    text-align: left;
    float: left;
    width: 240px;
}


.innerCommonLightBlueH {
    float: left;
    margin-bottom: 8px;
    width: 100%;
    height: 32px;
    padding: 7px 0px;
    color: #345c8c;
    background: #dbeef4;
    /*-webkit-box-sizing: content-box;
    box-sizing: content-box;*/
}

    .innerCommonLightBlueH .nameNdropdown {
        float: left;
        width: 520px;
        margin-left: 10px;
    }

    .innerCommonLightBlueH .innerCommonButtons {
        float: left;
        width: 430px;
        height: 32px;
        text-align: right;
    }

        .innerCommonLightBlueH .innerCommonButtons a {
            margin: 4px 0px 0px 0px;
            padding: 5px 20px;
            color: #fff;
            font-size: 12px;
            display: inline-block;
            border-radius: 5px;
            background: none;
        }

            .innerCommonLightBlueH .innerCommonButtons a:link {
                text-decoration: none;
                color: #000;
            }

            .innerCommonLightBlueH .innerCommonButtons a:visited {
                text-decoration: none;
                color: #000;
            }

            .innerCommonLightBlueH .innerCommonButtons a:hover {
                text-decoration: none;
                color: #fff;
                background: #31859c;
            }

            .innerCommonLightBlueH .innerCommonButtons a.activeButton {
                text-decoration: none;
                color: #fff;
                background: #31859c;
            }

                .innerCommonLightBlueH .innerCommonButtons a.activeButton:hover {
                    cursor: default;
                }

.MoreOptions {
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    padding-top: 12px;
}

.tableStyleCRM {
    border-collapse: collapse;
    border: 1px;
}

.trStyleCRM {
    height: 30px;
}

.tdStyleCRM {
    border: 1px solid #87CEFA;
    padding-left: 5px;
}

.lastRowStyle {
    border: 1px solid Gray;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 32px;
}

.totalRowStyle {
    padding-left: 3px;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    height: 25px;
    color: Black;
    font-family: Verdana;
    font-size: 8.25pt;
    padding-right: 5px;
}



.calResult {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #345c8c;
    margin-left: 0px;
    margin-top: 0px;
    font-weight: normal;
    background-color: White;
    float: left;
    width: 298px;
    xheight: 16px;
    padding: 7px 1px;
    border: solid 0px #bfbfbf;
}

/*#searchContainer {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    padding: 12px 0px 0px 0px;
    background: rgba(255,255,255,0.0);
    z-index: 1;
    }

    #searchContainer input.textField {
    float: left;
    margin: 0px 0px 0px 5px;
    width: 335px;
    height: 21px;
    padding: 10px 45px 10px 10px;
    font-size: 14px;
    color: #fff;
    border: none;
    border-radius: 5px;
    outline: none;
    background: #00416B;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.5);
    border-bottom: solid 1px rgba(255,255,255,0.5);
    border-right: solid 1px rgba(255,255,255,0.5);
    }

    #searchContainer input.textFieldButton {
    float: left;
    margin: 3px 0px 0px -39px;
    width: 35px;
    height: 35px;
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
    border: none;
    border-radius: 2px;
    background: url("/images/icon_search.png") no-repeat center center #005387;
    outline: none;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    }

    #searchContainer input.textFieldButton:hover {
    background: url("/images/icon_search.png") no-repeat center center #FC0;
    cursor: pointer;
    }*/

.popupMainDiv {
    float: left;
    padding: 10px;
}


.popupButtonDiv {
    float: right;
}

[disabled]:not([type="checkbox"]):not([type="image"]):not(span):not(div) {
    background-color: #F2F2F2;
}

[readonly]:not([type="checkbox"]):not([type="image"]):not(span) {
    background-color: #F2F2F2;
}

/*  To expand and collapse search box on click */

.sb-search {
    position: absolute;
    /* margin-top: 10px; */
    right: 0;
    width: 0%;
    min-width: 60px;
    height: 34px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0px;
    border: none;
    outline: none;
    background: #fff;
    width: 0px !important;
    height: 16px;
    margin: 0;
    z-index: 10;
    /* padding: 20px 65px 20px 20px; */
    font-family: inherit;
    font-size: 14px;
    color: #2c3e50;
    border: 1px solid black;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
}

.sb-search.sb-search-open .sb-search-input {
    width: 28% !important;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
}

.sb-search-input::-webkit-input-placeholder {
    color: gray;
}

.sb-search-input:-moz-placeholder {
    color: gray;
}

.sb-search-input::-moz-placeholder {
    color: gray;
}

.sb-search-input:-ms-input-placeholder {
    color: gray;
}

.sb-icon-search,
.sb-search-submit {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #797878;
    background: #FFFFFF;
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    border: 1px solid #d2d2d2;
}

    .sb-icon-search:before {
        content: "🔍";
    }

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

    .sb-search.sb-search-open .sb-icon-search,
    .no-js .sb-search .sb-icon-search {
        background: #da6d0d;
        color: #fff;
        z-index: 11;
    }

    .sb-search.sb-search-open .sb-search-submit,
    .no-js .sb-search .sb-search-submit {
        z-index: 90;
    }


.isdisabled {
    opacity: .5;
    pointer-events: none;
    cursor: no-drop;
}



/*-------------------------------*/
/*       Code for submenu  */
/*-------------------------------*/


ul.submenu_navigation {
    /*position: absolute;
    width: 94%;
    /*top:140px;
    left: -360px;
    list-style: none;*/
    /*position: absolute;
    width: 100%;*/
    /* top: 140px;
    left: -257px;
    list-style: none;
    margin: 0px;
    padding: 0px; */
    position: absolute;
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
    top: -44px;
    left: -258px;
}

    ul.submenu_navigation li {
        float: left;
        clear: both;
        position: relative;
        width: 100%;
    }

        ul.submenu_navigation li span.st_link {
            background-color: #004d8d;
            color: #fff;
            font-size: 14px;
            float: left;
            position: relative;
            line-height: 50px;
            padding: 0px 20px;
            -moz-box-shadow: 0px 0px 2px #000;
            -webkit-box-shadow: 0px 0px 2px #000;
            box-shadow: 0px 0px 2px #000;
            cursor: pointer;
        }

        ul.submenu_navigation li span.st_link1 {
            background-color: #004d8d;
            color: #fff;
            font-size: 14px;
            float: left;
            position: relative;
            line-height: 50px;
            padding: 0px 20px;
            -moz-box-shadow: 0px 0px 2px #000;
            -webkit-box-shadow: 0px 0px 2px #000;
            box-shadow: 0px 0px 2px #000;
            cursor: pointer;
        }

        ul.submenu_navigation li span.st_arrow_down,
        ul.submenu_navigation li span.st_arrow_up {
            position: absolute;
            margin-left: 15px;
            width: 40px;
            height: 50px;
            cursor: pointer;
        }

        ul.submenu_navigation li span.st_arrow_down {
            background: #004d8d url(../Images/Widgets/down.png) no-repeat center center;
            right: 0px;
        }

        ul.submenu_navigation li span.st_arrow_up {
            background: #004d8d url(../Images/Widgets/up.png) no-repeat center center;
            right: 0px;
        }

.st_wrapper {
    display: none;
    position: absolute;
    width: 100%;
    /*height: 126px;*/
    overflow-y: visible;
    top: 50px;
    left: 0px;
    font-size: 14px;
}

.setbox {
    border: 1px solid #C0C0C0;
    /*width: 120px;*/
    text-align: center;
    /*background-color: gainsboro;*/
}

.bg {
    background-color: #FFFFFF;
}

.st_wrappertext {
    /*font-family: Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center;
    font-size: 14px;
    width: 100%;
    display: block;*/
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center;
    font-size: 14px;
    width: 100%;
    /* display: block; */
    display: table;
    height: 45px;
}

    .st_wrappertext b {
        display: table-cell;
        vertical-align: middle;
    }







/*-------------------------------*/
/*     code for to open and close submenu         */
/*-------------------------------*/


.hamburger {
    /*position: fixed;*/
    z-index: 999;
    display: block;
    width: 32px;
    height: 32px;
    margin-left: 15px;
    background: transparent;
    border: none;
}

    .hamburger:hover,
    .hamburger:focus,
    .hamburger:active {
        outline: none;
    }

    .hamburger.is-closed {
        /*top: 253px;
    position: absolute;
    left:-13px;
    background-image:url('../fonts/../Images/Widgets/open.png'); background-repeat:no-repeat;*/
        margin: 0px;
        background-image: url('../fonts/../Images/Widgets/open.png');
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .hamburger.is-open {
        /*top: 259px;
    position: absolute;
    left: 0;
    margin-left: 239px;
    background-image: url('../fonts/../Images/Widgets/close_new.jpg');
    background-repeat: no-repeat;*/
        /* top: 259px; */
        /*position: absolute;
    left: 0;
    margin-left: 217px;
    background-image: url('../fonts/../Images/Widgets/close_new.jpg');
    background-repeat: no-repeat;
    background-position: 0px 7px;
    width: 250px;
    height: 40px;
    cursor: pointer;*/
        /* top: 259px; */
        top: -3px;
        position: absolute;
        left: 36px;
        margin-left: 217px;
        background-image: url('../fonts/../Images/Widgets/close_new.png');
        background-repeat: no-repeat;
        background-position: 0px 7px;
        width: 250px;
        height: 40px;
        cursor: pointer;
    }






.mobiApp_ConfigureBig {
    float: left;
    margin-top: 14px;
    width: 100%;
    font-size: 20px;
    text-align: center;
    background-color: #EAF7FF;
    border: 1px dotted #0570A9;
    display: block;
    line-height: 40px;
    border-radius: 4px;
    color: #037EBF;
}

.mobiApp_Configuresmall {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 12px;
}

/*.mobiApp_ConfigureTop img{ float:left; border:3px solid #CCCCCC; margin-right:50px; margin-top:15px}
    .mobiApp_ConfigureTop div{ float:left; border:3px solid #CCCCCC; margin-right:50px; margin-top:-15px;}
    */
.mobiApp_ConfigureTop {
    width: 300px;
    float: left;
    margin-left: 5px;
}

    .mobiApp_ConfigureTop span {
        float: left;
        margin-top: 10px;
        width: 100%;
        font-weight: bold;
    }

        .mobiApp_ConfigureTop span img {
            background: #0078cc;
            border: 2px solid #fff;
            box-shadow: 0px 0px 4px #ccc;
            border-radius: 3px;
            padding: 3px;
        }



.mobiApp_homePagesec img {
    border: 2px solid #fff;
    margin: 4px;
    margin-top: 10px;
    display: inline-block;
    float: left;
    box-shadow: 0px 0px 4px #ccc;
    border-radius: 3px;
}

.mobiApp_Othersectext {
    float: left;
    width: 100%;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.mobiApp_Othersec img {
    border: 1px solid #014fb8;
    margin: 4px -2px 4px 5px;
    margin-top: 15px;
    display: inline-block;
    float: left;
    box-shadow: 0px 0px 4px #ccc;
    border-radius: 3px;
}

.inputTextContainer .fixedInput {
    float: left;
    max-width: 696px;
}

.inputTextContainer {
    float: left;
    width: 978px;
    min-height: 30px;
    padding: 10px 0px;
}

#ca-container_4 .example-image-link {
    display: inline-block;
    padding: 4px;
    background-color: #999;
    line-height: 0;
    -webkit-transition: background-color 0.1s ease-out;
    -moz-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

    #ca-container_4 .example-image-link:hover {
        background-color: #fadd38;
        cursor: zoom-in;
    }

#ca-container_4 .example-image-link-selected {
    display: inline-block;
    padding: 4px;
    background-color: #4dba52;
    line-height: 0;
    -webkit-transition: background-color 0.1s ease-out;
    -moz-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

    #ca-container_4 .example-image-link-selected:hover {
        background-color: #4dba52;
        cursor: zoom-in;
    }


#ca-container_4 .example-image {
    width: 150px;
    height: 200px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}


#ca-container_4 .selectImage {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 8px;
    width: 156px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    border: solid 1px #999;
}

    #ca-container_4 .selectImage:link {
        text-decoration: none;
        color: #999;
    }

    #ca-container_4 .selectImage:visited {
        text-decoration: none;
        color: #999;
    }

    #ca-container_4 .selectImage:hover {
        text-decoration: none;
        color: #4dba52;
        border: solid 1px #4dba52;
        background-color: #fadd38;
    }

#ca-container_4 .selectedImage {
    border: solid 1px #4dba52;
    background: #4dba52;
    color: #fff;
}

    #ca-container_4 .selectedImage:link {
        text-decoration: none;
        color: #fff;
    }

    #ca-container_4 .selectedImage:visited {
        text-decoration: none;
        color: #fff;
    }

    #ca-container_4 .selectedImage:hover {
        text-decoration: none;
        color: #fff;
        cursor: default;
        background-color: #4dba52;
    }


.container4lightB {
    float: left;
    width: 100%;
    text-align: center;
}

.image-row {
    float: left;
    width: 100%;
    text-align: center;
}

.example-image-link {
    display: inline-block;
    padding: 4px;
    margin: 0 0.5rem 1rem 0.5rem;
    background-color: #999;
    line-height: 0;
    -webkit-transition: background-color 0.1s ease-out;
    -moz-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

    .example-image-link:hover {
        background-color: #fadd38;
    }

.example-image {
    width: 280px;
    height: 180px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}


.image-row a.selectImage {
    display: inline-block;
    margin: 0px 30px;
    width: 156px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    border: solid 1px #999;
}

    .image-row a.selectImage:link {
        text-decoration: none;
        color: #999;
    }

    .image-row a.selectImage:visited {
        text-decoration: none;
        color: #999;
    }

    .image-row a.selectImage:hover {
        text-decoration: none;
        color: #4dba52;
        border: solid 1px #4dba52;
        background-color: #fadd38;
    }

.image-row a.selectedImage {
    border: solid 1px #4dba52;
    background: #4dba52;
    color: #fff;
}

    .image-row a.selectedImage:link {
        text-decoration: none;
        color: #fff;
    }

    .image-row a.selectedImage:visited {
        text-decoration: none;
        color: #fff;
    }

    .image-row a.selectedImage:hover {
        text-decoration: none;
        color: #fff;
        cursor: default;
        background-color: #4dba52;
    }

.example-image-link-selected {
    display: inline-block;
    padding: 4px;
    margin: 0 0.5rem 1rem 0.5rem;
    background-color: #4dba52;
    line-height: 0;
    -webkit-transition: background-color 0.1s ease-out;
    -moz-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

    .example-image-link-selected:hover {
        background-color: #4dba52;
        cursor: zoom-in;
    }


input[type=checkbox]:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: red;
}

input[type=checkbox]:checked:before {
    background: green;
}

input[type=checkbox]:before {
    background: url(../Images/checkbox_unchecked.png);
    background-repeat: no-repeat;
}

input[type=checkbox]:checked:before {
    background: url(../Images/checkbox_checked.png);
    background-repeat: no-repeat;
}

input[type=checkbox] + label {
    padding-left: 2px !important;
}

.showmenudi {
    position: initial;
    /*display: block;*/
    background-color: #fff;
}

.noPadding td {
    padding: 0;
}

tr td:last-child .clstb {
    border-right: solid 1px #004d8d;
}



.clstb {
    /*overflow: hidden;
    height: 36px;
    width: 91px;
    border: solid 1px #004d8d;*/
    /*overflow: hidden;
    height: 45px;
    width: 120px;*/
    /*width: 153px;*/
    /*border: solid 1px #004d8d;
    background-color: gainsboro;*/
    overflow: hidden;
    height: 45px;
    width: 120px;
    padding: 2px;
    background-color: gainsboro;
    border-top: solid 1px #004d8d;
    border-bottom: solid 1px #004d8d;
    border-left: solid 1px #004d8d;
}


    .clstb:hover {
        background-color: #565656;
    }

        .clstb:hover .clstbicontxt {
            color: #fff;
        }

        .clstb:hover .st_wrappertext {
            color: #fff;
        }

.clstbicon {
    /*float: left !important;
    height: 36px;
    width: 30px;*/
    /*float: left !important;
    height: 44px;
    width: 35px;*/
    float: left !important;
    height: 44px;
    width: 45px;
}

.clstbicontxt {
    /*font-size: 18px !important;
    padding: 5px;
    padding-top: 8px;
    color: #000;*/
    font-size: 22px !important;
    padding: 5px;
    padding-top: 10px;
    color: #000;
}

.clstbfonttxt {
    /*float: right !important;
    width: 46px;
    height: 29px;
    padding-top: 7px;
    font-size: 10px;
    padding-right: 5px;
    font-weight: 600;
    text-align: left;*/
    /*float: right !important;
    width: 56px;
    height: 37px;
    padding-top: 10px;
    font-size: 12px;
    padding-right: 7px;
    text-align: left;*/
    /*float: right !important;
    width: 102px;
    height: 24px;
    font-size: 12px;
    padding: 15px 3px 10px 3px;
    text-align: left;*/
    float: right !important;
    width: 73px;
    /*height: 24px;*/
    font-size: 12px;
    /* padding: 15px 3px 10px 3px; */
    text-align: left;
}

.TALText {
    overflow: hidden;
    max-width: 150px;
    min-width: 80px;
}


/**Goal Creation**/

.Plus-goal {
    height: 30px;
    width: 35px;
    float: left;
    cursor: pointer;
    margin: 25px 0px 0px 15px;
    box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.30);
    background: #1A4174 url(../images/Goal/minus-right.png) no-repeat center center;
}

.Minus-goal {
    height: 30px;
    width: 35px;
    float: right;
    cursor: pointer;
    margin: -55px 15px 0px 0px;
    box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.30);
    background: #1A4174 url(../images/Goal/plus-left.png) no-repeat center center;
}


img {
    margin: 0;
    padding: 0;
    border: 0;
}

#mainWidth990px-goal {
    margin: auto;
    width: 974px;
    overflow: hidden;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
    background: #fff;
    margin-bottom: 0px;
}

#topDiv-goal {
    float: left;
    background: #fff;
    border-bottom: solid 1px #e3e6ea;
    padding: 15px 10px;
}

    #topDiv-goal .innerTop-goal {
        float: left;
        width: 940px;
        padding: 5px 5px 10px 5px;
        overflow: inherit;
    }

.ITInnerDiv-goal {
    float: left;
    width: 330px;
    border: solid 0px black;
}

.HTleftTxtBox-goal {
    /*
    width: 160px;
    float: left;
    height: 30px;
    border: solid 1px #c5ae2d;
    margin-left: 10px;
    padding: 0px 10px;
    background: #fff;
    color: #cf2626;
    text-align: left;
    font-size: 14px;
    */
    width: 335px;
    float: left;
    padding: 6px;
    border: solid 1px #c5ae2d;
    /*border: solid 1px #ccc;*/
    background: #fff;
    color: #cf2626;
    text-align: left;
    font-size: 13px;
}

#topDiv-goal .innerTop-goal .ITInnerDiv-goal .HTmiddleTxtBox-goal {
    width: 190px;
    float: left;
    height: 32px;
    border: solid 1px #c5ae2d;
    margin-left: 10px;
    padding: 0px 0px 0px 5px;
    background: #fff;
    color: #000;
    text-align: left;
    font-size: 14px;
}

#topDiv-goal .innerTop-goal .ITInnerDiv-goal .HTrightTxtBox-goal {
    width: 129px;
    float: left;
    height: 30px;
    border: solid 1px #c5ae2d;
    margin-left: 10px;
    padding: 0px 10px;
    background: #fff;
    color: #cf2626;
    text-align: left;
    font-size: 14px;
}

.HTcommonTxt-goal {
    /*float: left;
    font-size: 13px;
    line-height: 30px;
    padding-right: 5px;*/
    float: left;
    font-size: 13px;
    line-height: 30px;
    padding-right: 8px;
    padding-top: 3px;
}

.HTcommonTxtBox-goal {
    float: left;
    width: 225px;
    height: 30px;
    border: solid 1px #c5ae2d;
    margin-left: 10px;
    padding: 0px 10px;
    background: #fff;
    color: #cf2626;
    text-align: left;
}

.mainMenu-goal {
    float: left;
    width: 942px;
    padding: 5px 5px 5px 5px;
}

.LumpsumText {
    width: 150px;
    height: 40px;
    float: left;
    border: solid 1px #A6A6A6;
    background-color: #F4F8FB !important;
    color: black;
    font-family: verdana;
    font-style: italic;
    font-size: 10px;
}

.LumpsumTextDiv {
    border: none;
    width: 150px;
    height: 20px;
    text-align: center;
    color: black;
    font-family: verdana;
}

.LumpsumOperator {
    padding-left: 10px;
    margin-top: 12px;
    height: 30px;
    display: inline-block;
    font-size: 20px;
}

.LumpsumOperatorDiv {
    width: 50px;
    height: 40px;
    float: left;
    display: table-cell;
    padding-left: 25px;
}

#topDiv-goal .mainMenu-goal .MenuContainer-goal {
    float: left;
    width: 938px;
    border: solid 1px #004d8d;
}

    #topDiv-goal .mainMenu-goal .MenuContainer-goal .content-goal {
        float: left;
        width: 312px;
        border-right: solid 1px #004d8d;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background: #f4f7fa;
        font-size: 14px;
    }

        #topDiv-goal .mainMenu-goal .MenuContainer-goal .content-goal a {
            display: block;
            text-decoration: none;
        }

            #topDiv-goal .mainMenu-goal .MenuContainer-goal .content-goal a:link {
                text-decoration: none;
                color: #000;
            }

            #topDiv-goal .mainMenu-goal .MenuContainer-goal .content-goal a:visited {
                text-decoration: none;
                color: #000;
                background: #000;
            }

        #topDiv-goal .mainMenu-goal .MenuContainer-goal .content-goal:hover {
            /*background: -webkit-linear-gradient(#FDF6CD, #F3D740) !important;*/
        }

        #topDiv-goal .mainMenu-goal .MenuContainer-goal .content-goal:last-child {
            border: none;
        }



/*#topDiv-goal .mainMenu-goal .MenuContainer-goal .active-goal {
    position: relative;
    background: #fdea81 !important;
    }

    #topDiv-goal .mainMenu-goal .MenuContainer-goal .active-goal:after, .active-goal:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    }

    #topDiv-goal .mainMenu-goal .MenuContainer-goal .active-goal:after {
    border-color: rgba(253, 234, 129, 0);
    border-top-color: #fdea81;
    border-width: 11px;
    margin-left: -11px;
    }

    #topDiv-goal .mainMenu-goal .MenuContainer-goal .active-goal:before {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000;
    border-width: 12px;
    margin-left: -12px;
    }*/


.active-goal {
    position: relative;
    background: -webkit-linear-gradient(#fdea81, #F3D740); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fdea81, #F3D740); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fdea81, #F3D740); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fdea81, #F3D740); /* Standard syntax */
    background: linear-gradient(#fdea81, #F3D740) !important; /* For IE*/
}

    .active-goal:after, .active-goal:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .active-goal:after {
        border-color: rgba(253, 234, 129, 0);
        border-top-color: #F3D740;
        border-width: 11px;
        margin-left: -11px;
    }

    .active-goal:before {
        border-color: rgba(0, 0, 0, 0);
        border-top-color: #000;
        border-width: 12px;
        margin-left: -12px;
    }

#mainContent-goal {
    /*float: left;
    padding: 25px;
    background: #fff;*/
    float: left;
    padding: 10px 10px 10px 15px;
    width: 944px;
    background: #fff;
    margin-bottom: 0px;
    padding-bottom: 20px;
}

    #mainContent-goal .commonContainer1-goal {
        float: left;
        width: 940px;
        box-shadow: 0px 4px 10px rgba(195, 180, 150, 0.5);
        background: #fffef6;
        border-radius: 10px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

        #mainContent-goal .commonContainer1-goal .topContent-goal {
            float: left;
            padding: 10px 20px;
            width: 900px;
        }

            #mainContent-goal .commonContainer1-goal .topContent-goal .left-goal {
                float: left;
                font-size: 15px;
                color: #000;
                font-weight: 500;
                height: 30px;
                line-height: 35px;
            }

            #mainContent-goal .commonContainer1-goal .topContent-goal .right-goal {
                float: right;
                height: 30px;
                width: 240px;
                text-align: center;
                line-height: 30px;
                color: #fff;
                background: #1a4174;
                font-size: 13px;
                border-radius: 3px;
            }

            #mainContent-goal .commonContainer1-goal .topContent-goal .right1-goal {
                float: right;
                height: 30px;
                width: 130px;
                text-align: center;
                line-height: 30px;
                color: #fff;
                background: #0573b8;
                font-size: 13px;
                border-radius: 5px;
                border: solid 3px #fff;
                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
            }

#ImgMoving-goal {
    float: left;
    width: 940px;
    background: #fffef6;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/**********************imsage scroller start**********************/
#carouselImgMoving-goal {
    float: left;
    margin-top: 10px;
}

#ImgMoving-goal .outerWrapper1-goal {
    text-align: left;
    position: relative;
    margin-left: 50px;
    width: 840px;
}

#ImgMoving-goal .item-goal {
    float: left;
    margin-right: 13px;
    width: 120px;
    height: 110px;
    background-color: #fff;
    overflow: hidden;
}

#ImgMoving-goal .itemTxt-goal {
    height: 15px;
    text-align: center;
    border: solid 1px #bfbfbf;
    padding: 95px 0px 5px 0px;
    font-size: 13px;
    margin-right: 21px;
    cursor: pointer;
}

    #ImgMoving-goal .itemTxt-goal:hover {
        font-weight: bold;
    }

#ImgMoving-goal .itemTxt-goalClick {
    font-weight: bold;
}

#ImgMoving-goal .itemImg01-goal {
    float: left;
    width: 120px;
    background: url(../images/Goal/img01.png) no-repeat top center;
}

    #ImgMoving-goal .itemImg01-goal:hover {
        float: left;
        width: 120px;
        background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
        background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
        background: url(../images/Goal/img01-hover.png) no-repeat top center;
    }

#ImgMoving-goal .itemImg01-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/img01-hover.png) no-repeat top center;
}



#ImgMoving-goal .itemImg02-goal {
    float: left;
    width: 120px;
    background: url(../images/Goal/img02.png) no-repeat top center;
}

    #ImgMoving-goal .itemImg02-goal:hover {
        float: left;
        width: 120px;
        background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
        background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
        background: url(../images/Goal/img02-hover.png) no-repeat top center;
    }

#ImgMoving-goal .itemImg02-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/img02-hover.png) no-repeat top center;
}

#ImgMoving-goal .itemImg03-goal {
    float: left;
    width: 120px;
    background: url(../images/Goal/img03.png) no-repeat top center;
}

    #ImgMoving-goal .itemImg03-goal:hover {
        float: left;
        width: 120px;
        background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
        background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
        background: url(../images/Goal/img03-hover.png) no-repeat top center;
    }

#ImgMoving-goal .itemImg03-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/img03-hover.png) no-repeat top center;
}


#ImgMoving-goal .itemImg04-goal {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/img04.png) no-repeat top center;
}

    #ImgMoving-goal .itemImg04-goal:hover {
        float: left;
        width: 120px;
        background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
        background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
        background: url(../images/Goal/img04-hover.png) no-repeat top center;
    }

#ImgMoving-goal .itemImg04-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/img04-hover.png) no-repeat top center;
}

#ImgMoving-goal .itemImg05-goal {
    float: left;
    width: 120px;
    background: url(../images/Goal/retirement_income.png) no-repeat top center;
}

#ImgMoving-goal .itemImg05-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/retirement_income_hover.png) no-repeat top center;
}

#ImgMoving-goal .itemImg05-goal:hover {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/retirement_income_hover.png) no-repeat top center;
}



#ImgMoving-goal .itemImg06-goal {
    float: left;
    width: 120px;
    background: url(../images/Goal/buying_2nd_home.png) no-repeat top center;
}

#ImgMoving-goal .itemImg06-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/buying_2nd_home_hover.png) no-repeat top center;
}

#ImgMoving-goal .itemImg06-goal:hover {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/buying_2nd_home_hover.png) no-repeat top center;
}

#ImgMoving-goal .itemImg07-goal {
    float: left;
    width: 120px;
    background: url(../images/Goal/exotic_holiday.png) no-repeat top center;
}

    #ImgMoving-goal .itemImg07-goal:hover {
        float: left;
        width: 120px;
        background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
        background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
        background: url(../images/Goal/exotic_holiday_hover.png) no-repeat top center;
    }

#ImgMoving-goal .itemImg07-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/exotic_holiday_hover.png) no-repeat top center;
}

#ImgMoving-goal .itemImg08-goal {
    float: left;
    width: 120px;
    background: url(../images/Goal/gifting_my_spouse.png) no-repeat top center;
}

    #ImgMoving-goal .itemImg08-goal:hover {
        float: left;
        width: 120px;
        background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
        background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
        background: url(../images/Goal/gifting_my_spouse_hover.png) no-repeat top center;
    }

#ImgMoving-goal .itemImg08-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/gifting_my_spouse_hover.png) no-repeat top center;
}

#ImgMoving-goal .itemImg09-goal {
    float: left;
    width: 130px;
    background: url(../images/Goal/gifting_my_daughter.png) no-repeat top center;
}

#ImgMoving-goal .itemImg09-goalClick {
    float: left;
    width: 130px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/gifting_my_daughter_hover.png) no-repeat top center;
}

#ImgMoving-goal .itemImg09-goal:hover {
    float: left;
    width: 130px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/gifting_my_daughter_hover.png) no-repeat top center;
}


#ImgMoving-goal .itemImg10-goal {
    float: left;
    width: 120px;
    background: url(../images/Goal/gifting_my_son.png) no-repeat top center;
}

    #ImgMoving-goal .itemImg10-goal:hover {
        float: left;
        width: 120px;
        background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
        background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
        background: url(../images/Goal/gifting_my_son_hover.png) no-repeat top center;
    }

#ImgMoving-goal .itemImg10-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/gifting_my_son_hover.png) no-repeat top center;
}

#ImgMoving-goal .itemImg11-goal {
    float: left;
    width: 120px;
    background: url(../images/Goal/gifting_my_grandchild.png) no-repeat top center;
}

    #ImgMoving-goal .itemImg11-goal:hover {
        float: left;
        width: 120px;
        background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
        background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
        background: url(../images/Goal/gifting_my_grandchild_hover.png) no-repeat top center;
    }

#ImgMoving-goal .itemImg11-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/gifting_my_grandchild_hover.png) no-repeat top center;
}

#ImgMoving-goal .itemImg12-goal {
    float: left;
    width: 120px;
    background: url(../images/Goal/grand_celebration.png) no-repeat top center;
}

    #ImgMoving-goal .itemImg12-goal:hover {
        float: left;
        width: 120px;
        background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
        background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
        background: url(../images/Goal/grand_celebration_hover.png) no-repeat top center;
    }

#ImgMoving-goal .itemImg12-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/grand_celebration_hover.png) no-repeat top center;
}

#ImgMoving-goal .itemImg13-goal {
    float: left;
    width: 120px;
    background: url(../images/Goal/other.png) no-repeat top center;
}

    #ImgMoving-goal .itemImg13-goal:hover {
        float: left;
        width: 120px;
        background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
        background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
        background: url(../images/Goal/other_hover.png) no-repeat top center;
    }

#ImgMoving-goal .itemImg13-goalClick {
    float: left;
    width: 120px;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
    background: url(../images/Goal/other_hover.png) no-repeat top center;
}

#ImgMoving-goal .left-nav-btn, .right-nav-btn {
    position: absolute;
    width: 37px;
    height: 44px;
    top: 40px;
    cursor: pointer;
    background: transparent url('../fonts/../images/Goal/arrows_old.png') top left no-repeat;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

#ImgMoving-goal .left-nav-btn {
    left: -40px;
}

#ImgMoving-goal .right-nav-btn {
    right: -40px;
    background-position: top right;
}

#ImgMoving-goal .left-nav-btn:hover, .right-nav-btn:hover {
    opacity: 1;
}

/**********************imsage scroller end**********************/

.commonContainer2-goal {
    float: left;
    width: 940px;
    box-shadow: 0px 0px 15px rgba(195, 180, 150, 0.4);
    background: #fff;
    border-radius: 10px;
    margin: 40px 0px 0px 0px;
}

    .commonContainer2-goal .topContent-goal {
        float: left;
        padding: 10px 10px;
        width: 900px;
    }

.left-goal {
    font-family: 'Open Sans';
    color: #000;
}

.Heading-Goal {
    font-family: 'Open Sans',Verdana;
    color: #000;
    float: left;
    font-size: 17px;
    color: #000;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}

.commonContainer2-goal .topContent-goal .left-goal {
    float: left;
    font-size: 15px;
    color: #000;
    font-weight: 800;
    height: 30px;
    line-height: 30px;
}

.commonContainer2-goal .inner-menu-goal {
    float: left;
    width: 930px;
    overflow: hidden;
}

.commonContainer2-goal .commonTabCss-goal {
    float: left;
    padding: 10px 40px;
    color: #1a4174;
    margin: 0px 0px 0px 8px;
    border: solid #d6d6d6;
    border-width: 1px 1px 0px 1px;
    border-radius: 7px 7px 0px 0px;
    background: #f9fafb;
    cursor: pointer;
}

    .commonContainer2-goal .commonTabCss-goal:hover {
        color: #fff;
        background: #1a4174;
        border-radius: 7px 7px 0px 0px !important;
    }

.active1-goal {
    background: #1a4174 !important;
    border-radius: 7px 7px 0px 0px !important;
    color: #fff !important;
}


.sliderBg-goal {
    float: left;
    border: solid 1px #d6d6d6;
    width: 938px;
    padding-bottom: 30px;
    background: #f3f3f3;
    border-bottom: solid 5px #e5e5e5;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

.TopContainer-goal {
    float: left;
    width: 908px;
    margin: 15px 0px 10px 10px;
}

    .TopContainer-goal .left-goal {
        float: left;
        font-size: 13px;
        color: #000;
        font-weight: 500;
        height: 30px;
        line-height: 30px;
    }

    .TopContainer-goal .righttxtBox-goal {
        width: 150px;
        float: right;
        height: 25px;
        border: solid 1px #bfbfbf;
        background: #fff;
        text-align: center;
        /* color: #b90000;*/
        color: black;
        font-weight: 600;
        font-size: 16px;
        border-radius: 3px;
    }

    .TopContainer-goal .righttxtBox1-goal {
        width: 100px;
        float: right;
        height: 25px;
        border: solid 1px #bfbfbf;
        background: #fff;
        text-align: center;
        color: #b90000;
        font-weight: 600;
        font-size: 16px;
        border-radius: 3px;
    }

    .TopContainer-goal .Txt-goal {
        float: right;
        font-size: 13px;
        line-height: 30px;
        margin-right: 10px;
    }

.slider-goal {
    margin: 75px 77px 15px 75px;
}

.sliderTerm-goal {
    margin: 75px 77px 15px 75px;
}

.RIslider-goal {
    margin: 75px 50px 11px 20px;
}

.TopContainer1-goal {
    float: left;
    width: 920px;
    margin: 10px 0px 0px 0px;
}

    .TopContainer1-goal .leftTxtBox-goal {
        width: 200px;
        float: left;
        height: 30px;
        border: solid 1px #ccc;
        margin-left: 10px;
        padding: 0px 10px;
        background: #fff;
        color: #000;
        text-align: center;
        font-size: 13px;
    }

    .TopContainer1-goal .rightPlus-goal {
        width: 25px;
        float: right;
        height: 25px;
        padding-right: 15px;
        cursor: pointer;
    }


#inner-menu-content-MF-goal {
    float: left;
    width: 100%;
    height: auto;
}

#inner-menu-content-LI-goal {
    float: left;
    width: 100%;
    height: auto;
}

#inner-menu-content-FI-goal {
    float: left;
    width: 100%;
    height: auto;
}

#inner-menu-content-Gold-goal {
    float: left;
    width: 100%;
    height: auto;
}

#inner-menu-content-Stock-goal {
    float: left;
    width: 100%;
    height: auto;
}

#inner-menu-content-OS-goal {
    float: left;
    width: 100%;
    height: auto;
}

.cls-none-goal {
    display: none;
}


#inner-menu-content-LS-goal {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}


.GoalTitleDiv-goal {
    float: left;
    width: 940px;
    padding: 30px 0px;
}

    .GoalTitleDiv-goal .GoalTitle-goal {
        float: left;
        width: 440px;
    }

        .GoalTitleDiv-goal .GoalTitle-goal .GTtxtBox-goal {
            width: 250px;
            float: left;
            height: 30px;
            border: solid 1px #ccc;
            margin-left: 10px;
            padding: 0px 10px;
            background: #fff;
            color: #000;
            text-align: left;
            font-size: 14px;
        }

    .GoalTitleDiv-goal .GoalType-goal {
        float: left;
        width: 500px;
    }

        .GoalTitleDiv-goal .GoalType-goal .commontxt-goal {
            float: left;
            font-size: 13px;
            line-height: 30px;
            height: 30px;
        }

        .GoalTitleDiv-goal .GoalType-goal .tabBtnDiv-goal {
            float: right;
            width: 420px;
            border: solid 1px #1a4174;
            overflow: hidden;
        }

            .GoalTitleDiv-goal .GoalType-goal .tabBtnDiv-goal .tabBtn-goal {
                float: left;
                width: 139px;
                height: 30px;
                font-size: 12px;
                line-height: 30px;
                text-align: center;
                border-left: solid 1px #1a4174;
                background: #fff;
                color: #1a4174;
                text-decoration: none;
            }

            .GoalTitleDiv-goal .GoalType-goal .tabBtnDiv-goal a.tabBtn-goal:link {
                color: #1a4174;
                text-decoration: none;
            }

            .GoalTitleDiv-goal .GoalType-goal .tabBtnDiv-goal a.tabBtn-goal:visited {
                color: #1a4174;
                text-decoration: none;
            }

            .GoalTitleDiv-goal .GoalType-goal .tabBtnDiv-goal a.tabBtn-goal:hover {
                background: #778ca7;
                color: #fff;
            }

            .GoalTitleDiv-goal .GoalType-goal .tabBtnDiv-goal a.tabBtn-goal:first-child {
                border-left: none;
                padding-left: 1px;
            }

            .GoalTitleDiv-goal .GoalType-goal .tabBtnDiv-goal a.tab-goal {
                background: #1a4174;
                color: #fff !important;
            }


.PFgoalDiv-goal {
    float: left;
    width: 940px;
    padding: 20px 0px;
}

    .PFgoalDiv-goal .ITInnerDiv-goal {
        float: left;
        width: 313px;
    }

        .PFgoalDiv-goal .ITInnerDiv-goal .PFgoalLeftTxtBox-goal {
            width: 90px;
            float: left;
            height: 30px;
            border: solid 1px #ccc;
            margin-left: 10px;
            padding: 0px 10px;
            background: #fff;
            color: #000;
            text-align: left;
            font-size: 14px;
        }

        .PFgoalDiv-goal .ITInnerDiv-goal .PFgoalMiddleTxtBox-goal {
            width: 50px;
            float: left;
            height: 30px;
            border: solid 1px #ccc;
            margin: 0px 7px;
            padding: 0px 10px;
            background: #fff;
            /*color: #cf2626;*/
            color: black;
            text-align: center;
            font-size: 14px;
        }

        .PFgoalDiv-goal .ITInnerDiv-goal .PFgoalRightTxtBox-goal {
            width: 120px;
            float: left;
            height: 30px;
            border: solid 1px #ccc;
            margin-left: 10px;
            padding: 0px 10px;
            background: #fff;
            /*color: #cf2626;*/
            color: black;
            text-align: left;
            font-size: 14px;
        }


.RiskProfileDiv-goal {
    float: left;
    width: 939px;
}

.RPinnerLeftDiv-goal {
    float: left;
    width: 313px;
    background: url(../images/Goal/risk_circle.png) no-repeat center center;
    height: 180px;
    position: relative;
}

.RPinnerLeftDiv-absmod1 {
    position: absolute;
    top: 70px;
    left: 25px;
    width: 73px;
    height: 92px;
    border-radius: 0px;
    background: url(../images/Goal/risk_blue.png) no-repeat center center;
    /* border: solid 1px black; */
    cursor: pointer;
}

.RPinnerLeftDiv-absmod2 {
    position: absolute;
    top: 40px;
    left: 71px;
    width: 90px;
    height: 63px;
    border-radius: 0px;
    background: url(../images/Goal/risk_yellow.png) no-repeat center center;
    /*border: solid 1px black;*/
    cursor: pointer;
}

.RPinnerLeftDiv-absmod3 {
    position: absolute;
    top: 40px;
    left: 153px;
    width: 97px;
    height: 61px;
    border-radius: 0px;
    background: url(../images/Goal/risk_orange.png) no-repeat center center;
    /* border: solid 1px black; */
    cursor: pointer;
}

.RPinnerLeftDiv-absmod4 {
    position: absolute;
    top: 71px;
    left: 219px;
    width: 74px;
    height: 89px;
    border-radius: 0px;
    background: url(../images/Goal/risk_red.png) no-repeat center center;
    /* border: solid 1px black; */
    cursor: pointer;
}

.cls-needle1 {
    /* position: absolute;
    top: 100px;
    left: 100px;
    width: 74px;
    height: 89px;
    border-radius: 0px;
    background: url(../images/Goal/needle1.png) no-repeat center center;
    border: solid 1px black; */
    position: absolute;
    top: 133px;
    left: 100px;
    width: 74px;
    height: 29px;
    border-radius: 0px;
    background: url(../images/Goal/needle1.png) no-repeat center center;
}

.cls-needle2 {
    /*position: absolute;
    top: 87px;
    left: 117px;
    width: 74px;
    height: 89px;
    border-radius: 0px;
    background: url(../images/Goal/needle2.png) no-repeat center center;*/
    position: absolute;
    top: 94px;
    left: 125px;
    width: 47px;
    height: 77px;
    border-radius: 0px;
    background: url(../images/Goal/needle2.png) no-repeat center center;
}

.cls-needle3 {
    /*position: absolute;
    top: 90px;
    left: 133px;
    width: 74px;
    height: 89px;
    border-radius: 0px;
    background: url(../images/Goal/needle3.png) no-repeat center center;*/
    position: absolute;
    top: 94px;
    left: 142px;
    width: 47px;
    height: 77px;
    border-radius: 0px;
    background: url(../images/Goal/needle3.png) no-repeat center center;
}

.cls-needle4 {
    /*position: absolute;
    top: 100px;
    left: 143px;
    width: 74px;
    height: 89px;
    border-radius: 0px;
    background: url(../images/Goal/needle4.png) no-repeat center center;*/
    position: absolute;
    top: 134px;
    left: 134px;
    width: 85px;
    height: 29px;
    border-radius: 0px;
    background: url(../images/Goal/needle4.png) no-repeat center center;
}

.RPinnerLeftDiv-abs {
    background: url(../images/Goal/moderate.png) no-repeat center center;
    position: absolute;
    top: 0px;
    left: 0px;
}


.RiskProfileDiv-goal .RPMiddleDiv-goal {
    float: left;
    width: 290px;
}

    .RiskProfileDiv-goal .RPMiddleDiv-goal .RPMiddleTxtBox-goal {
        width: 150px;
        float: left;
        height: 30px;
        border: solid 1px #ff8311;
        margin: 92px 0px 0px 60px;
        padding: 0px 10px;
        background: #fff;
        color: #000;
        text-align: center;
        font-size: 14px;
    }

    .RiskProfileDiv-goal .RPMiddleDiv-goal .analyzeBtn-goal {
        float: left;
        height: 30px;
        width: 130px;
        text-align: center;
        line-height: 30px;
        background: #1a4174;
        font-size: 13px;
        border-radius: 5px;
        margin: 20px 0px 0px 80px;
    }

.goalbutton {
    float: left;
    height: 30px;
    width: 130px;
    text-align: center;
    line-height: 30px;
    background: #1a4174;
    font-size: 14px;
    border-radius: 5px;
    margin: 5px 0px 0px 30px;
    color: #ffffff;
    border: none;
    cursor: pointer;
}

    .goalbutton:hover {
        color: #F1D132;
    }

.goalamount {
    width: 150px;
    float: left;
    height: 30px;
    border: solid 1px #ff8311;
    margin: 5px 0px 10px 20px;
    padding: 0px 10px;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 14px;
}

.RiskProfileDiv-goal .RPMiddleDiv-goal .analyzeBtn-goal a {
    text-decoration: none;
    color: #fff;
}

    .RiskProfileDiv-goal .RPMiddleDiv-goal .analyzeBtn-goal a:hover {
        text-decoration: none;
        color: #ffca01;
    }

.RiskProfileDiv-goal .RPLeftDiv-goal {
    float: left;
    width: 330px;
    margin-top: 60px;
}

    .RiskProfileDiv-goal .RPLeftDiv-goal .RPLeftTxtHeading-goal {
        float: left;
        font-size: 13px;
        line-height: 30px;
        margin-left: 150px;
    }

    .RiskProfileDiv-goal .RPLeftDiv-goal .RPLeftTxtHeading1-goal {
        float: left;
        font-size: 13px;
        line-height: 30px;
        margin-left: 60px;
    }

    .RiskProfileDiv-goal .RPLeftDiv-goal .RPLeftTxt-goal {
        float: left;
        font-size: 13px;
        line-height: 50px;
    }

    .RiskProfileDiv-goal .RPLeftDiv-goal .RPLeftTxtBox-goal {
        width: 85px;
        float: left;
        height: 30px;
        border: solid 1px #c5ae2d;
        margin: 10px 0px 10px 30px;
        padding: 0px 0px 0px 5px;
        background: #fff;
        color: #cf2626;
        text-align: center;
        font-size: 14px;
    }

.InnercontentBG-goal {
    float: left;
    border: solid 1px #d6d6d6;
    width: 919px;
    padding-bottom: 0px;
    background: #f3f3f3;
    border-bottom: solid 5px #e5e5e5;
    margin: 0px 0px 10px 8px;
}

.IPheading-goal {
    float: left;
    font-size: 18px;
    color: #575756;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    margin: 0px 0px 0px 5px;
}

.topContent-goal .IRheading-goal {
    float: left;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    margin: 20px 0px 0px 10px;
}

.ITInnerDiv-goal .IPLefttxt-goal {
    float: left;
    width: 185px;
    line-height: 32px;
}

.ITInnerDiv-goal .IPLeftTxtBox-goal {
    width: 70px;
    float: left;
    height: 30px;
    border: solid 1px #ccc;
    margin-left: 10px;
    padding: 0px 5px;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 14px;
}

.ITInnerDiv-goal .IPLeftDropdwnBox-goal {
    width: 65px;
    float: left;
    height: 30px;
    border: solid 1px #ccc;
    margin: 0px 10px 0px 5px;
    padding-left: 5px;
    background: #fff;
    color: #000;
    text-align: left;
    font-size: 14px;
}

.tableDIV2-goal {
    float: left;
    width: 900px;
    padding: 10px 10px;
}

    .tableDIV2-goal th {
        background: #1a4174;
        height: 30px;
        color: white;
        padding: 0px 15px;
        font-size: 13px;
        font-weight: 500;
        /*border-right: 1px solid #fff;*/
    }

        .tableDIV2-goal th:first-child {
            border-right: none;
        }

    .tableDIV2-goal td {
        padding: 6px 15px;
        transition: all 0.2s;
        color: #000;
        font-size: 13px;
        border-bottom: 1px dashed #929292;
        height: 24px;
    }

    .tableDIV2-goal table {
        border-collapse: collapse;
        border: solid 1px #ccc;
    }

.tableDIV3-goal {
    /*float: left;
    width: 920px;
    padding: 10px 10px;*/
    float: left;
    width: 940px;
    padding: 10px 0px;
}

    .tableDIV3-goal th {
        background: #1a4174;
        height: 30px;
        color: white;
        padding: 0px 15px;
        font-size: 13px;
        font-weight: 500;
    }

    .tableDIV3-goal td {
        padding: 6px 15px;
        transition: all 0.2s;
        color: #000;
        font-size: 13px;
        border-bottom: 1px dashed #929292;
        height: 24px;
    }

    .tableDIV3-goal table {
        border-collapse: collapse;
        border: solid 1px #ccc;
    }

.tableDIV4-goal {
    float: left;
    width: 900px;
    padding: 10px 10px;
}

    .tableDIV4-goal th {
        background: #1a4174;
        height: 30px;
        color: white;
        padding: 0px 15px;
        font-size: 13px;
        font-weight: 500;
        border-right: 1px solid #fff;
    }

        .tableDIV4-goal th:first-child {
            border-right: none;
        }

    .tableDIV4-goal td {
        padding: 6px 15px;
        transition: all 0.2s;
        color: #000;
        font-size: 13px;
        border-bottom: 1px dashed #929292;
        height: 24px;
    }

    .tableDIV4-goal tr:last-child td {
        border-top: 1px solid #929292;
        font-weight: bold;
    }

    .tableDIV4-goal table {
        border-collapse: collapse;
        border: solid 1px #ccc;
    }

.commonTxtDiv-goal {
    float: left;
    font-size: 13px;
    color: #000;
    width: 920px;
    margin: 10px 0px 0px 10px;
}

.footer-goal {
    width: 937px;
    float: left;
    background: #e1e1e1;
    border: solid 3px #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(195, 180, 150, 0.5);
}

    .footer-goal p {
        color: #1a4174;
        font-size: 16px;
        text-align: center;
    }

.switch-goal {
    position: relative;
    display: block;
    vertical-align: top;
    width: 100px;
    height: 30px;
    padding: 3px;
    margin: 0px 10px 15px 195px;
    background: -webkit-linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); /* Standard syntax */
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px) !important; /* For IE*/
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(top, #eeeeee, #FFFFFF 25px); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(top, #eeeeee, #FFFFFF 25px); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(top, #eeeeee, #FFFFFF 25px); /* Standard syntax */
    background-image: linear-gradient(top, #eeeeee, #FFFFFF 25px) !important; /* For IE*/
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    border: solid 1px #ccc;
}

.switch-input-goal {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label-goal {
    position: relative;
    display: block;
    height: inherit;
    font-size: 15px;
    text-transform: uppercase;
    /*background: #ccc;*/
    background: #1a4174;
    border-radius: inherit;
    box-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.25), inset 0 0 5px rgba(255, 255, 255, 0.25);
}

    .switch-label-goal:before, .switch-label-goal:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
    }

    .switch-label-goal:before {
        content: attr(data-off);
        right: 11px;
        color: #fff;
        text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
        font-weight: bold;
    }

    .switch-label-goal:after {
        content: attr(data-on);
        left: 11px;
        color: #1a4174;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        opacity: 0;
        font-weight: bold;
    }

.switch-input-goal:checked ~ .switch-label-goal {
    background: #ffc600;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25), inset 0 0 5px rgba(0, 0, 0, 0.25);
}

    .switch-input-goal:checked ~ .switch-label-goal:before {
        opacity: 0;
    }

    .switch-input-goal:checked ~ .switch-label-goal:after {
        opacity: 1;
    }

.switch-handle-goal {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background: #797979;
}

    .switch-handle-goal:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: linear-gradient(to bottom, #f1b900, #cd7502);
        background-image: -webkit-linear-gradient(top, #f1b900, #cd7502);
        border-radius: 6px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    }

.switch-input-goal:checked ~ .switch-handle-goal {
    left: 74px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-label-goal, .switch-handle-goal {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.clstab2 {
    float: left;
    padding: 10px 14px 10px 15px;
    width: 940px;
    background: #fff;
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.clstab3 {
    float: left;
    padding: 10px 14px 10px 15px;
    width: 940px;
    background: #fff;
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.right-arrow-goal {
    height: 32px;
    width: 25px;
    float: left;
    background: url(../images/Goal/arrow-right.png) no-repeat center center;
    cursor: pointer;
}

.left-arrow-goal {
    height: 32px;
    width: 25px;
    float: left;
    background: url(../images/Goal/arrow-left.png) no-repeat center center;
    cursor: pointer;
    margin-left: 10px;
}

/**Goal Creation End **/



/***************Pop Up ********/
.web_dialog_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .5;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}

.web_dialog {
    display: none;
    position: fixed;
    width: auto;
    height: auto;
    top: 23%;
    left: 28%;
    background-color: #ffffff;
    border: solid 2px #000;
    /*border-top: solid 3px #00BAEB;*/
    border-radius: 0px;
    overflow: hidden;
    padding: 0px;
    z-index: 102;
    font-family: Verdana;
    font-size: 10pt;
    /*padding: 10px;*/
    /*display: none;
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: fixed;
    transition: all 5s ease-in-out;
    z-index: 102;
    top: 50%;
    left: 30%;*/
}

.cls-imgloader {
    display: none;
    position: fixed;
    width: 154px;
    height: 55px;
    top: 50%;
    left: 65%;
    margin-left: -190px;
    margin-top: -100px;
    background-image: url(../images/adminLoader_54x55.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    z-index: 102;
}

/*.web_dialog_title {
    text-align: center;
    color: black;
    padding: 20px 0px;
    }*/

.web_dialog_title {
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #1D7CBE;
    color: #fff;
    font: bold 14px Verdana;
    color: #FFFFFF;
    margin-bottom: 25px;
}

    .web_dialog_title a {
        color: black;
        text-decoration: none;
    }

.align_right {
    /*width: 23px;
    float: left;
    top: 5px;
    right: 6px;
    position: absolute;*/
    width: 23px;
    float: left;
    top: 0px;
    right: 2px;
    position: absolute;
}


.cntrl-head {
    width: 100%;
    float: left;
    padding-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
}


.txtbox-css {
    /*width: 235px;
    height: 10px;
    padding: 11px 5px;
    float: left;
    text-indent: 5px;
    border: solid 1px #d1d0d0;
    color: #888888;
    font-size: 13px;*/
    width: 188px;
    height: 10px;
    padding: 11px 5px;
    float: left;
    text-indent: 5px;
    border: solid 1px #d1d0d0;
    color: #888888;
    font-size: 13px;
}


/*.divMSearch {
    width: 422px;
    height: 80px;
    border: solid 0px black;
    overflow: hidden;
    }*/

.divMSearch {
    width: 566px;
    height: 65px;
    border: solid 0px black;
    overflow: hidden;
}


.lbldiv {
    width: 200px;
    float: left;
    font-size: 12px;
    border: solid 0px red;
    /*margin-right: 23px;*/
}


/*.SrLeft {
    border: solid 0px red;
    height: 80px;
    width: 200px;
    padding: 0px;
    float: left;
    }

    .SrRight {
    border: solid 0px red;
    height: 80px;
    width: 200px;
    padding: 0px;
    float: right;
    }*/




.SrLeft {
    border: solid 0px red;
    height: 80px;
    width: 255px;
    padding: 0px;
    float: left;
    padding-left: 15px;
}

.SrRight {
    border: solid 0px red;
    height: 80px;
    width: 253px;
    padding: 0px;
    float: right;
    padding-right: 10px;
}

.btnpopup {
    background: #1a4174;
    padding: 10px;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    letter-spacing: 1px;
}





/***************Pop Up End ********/




/***deepak for report css*/

.innerCommonFormDivsdd {
    width: 100%;
    height: 61px;
    border: solid 0px black;
    overflow: visible;
    float: left;
}

.textLeftdd {
    width: auto;
    float: left;
    padding: 0px;
    height: 33px;
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 32px;
    padding-right: 10px;
}

.inputRightdd {
    width: auto;
    float: left;
    padding: 0px;
    height: 33px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: 0px;
}

.clsto {
    width: auto;
    float: left;
    padding: 0px;
    height: 33px;
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 32px;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: 1px;
}

.clserrorimg {
    float: left;
    padding: 0px;
    height: 26px;
    padding-top: 20px;
    padding-bottom: 14px;
    line-height: 32px;
    width: 18px;
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.clssearchimg {
    width: auto;
    float: left;
    padding: 0px;
    height: 33px;
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 32px;
    margin: 0px;
}

.clssearhinput {
    color: White;
    width: 90px !important;
    height: 32px;
    background: url(../../Images/icon_showB.png) no-repeat;
    margin: 0px;
    padding: 0px;
}
.clsexcelinput {
    color: White;
    width: 90px !important;
    height: 32px;
    background: url(../../images/icon_EXCEL.png) no-repeat;
    margin: 0px;
    padding: 0px;
}
.ActionSummaryText {
    height: auto;
    padding-left: 45%;
    background-color: #ffffff;
    overflow: hidden;
    font-size: 14pt;
    color: red;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}
/***deepak for report css end*/




#def_width4Scroller {
    margin: auto;
    margin-top: 60px;
    width: 940px;
    height: 155px;
}

    #def_width4Scroller .outerWrapper {
        text-align: left;
        position: relative;
        margin: auto;
        width: 830px;
    }

        #def_width4Scroller .outerWrapper .item {
            float: left;
            margin-right: 10px;
            width: 156px;
            height: 138px;
            background: #fff;
            border: 1px solid #b3b3b3;
            border-radius: 3px;
        }

            #def_width4Scroller .outerWrapper .item .thumbIcon {
                display: block;
                margin-top: 10px;
                height: 90px;
                text-align: center;
                line-height: 130px;
                font-size: 60px;
                overflow: hidden;
            }

            #def_width4Scroller .outerWrapper .item .thumbText {
                float: left;
                display: table;
                width: 100%;
                height: 38px;
                padding-top: 10px;
                font-size: 14px;
                line-height: 16px;
                text-align: center; /* overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/
            }

                #def_width4Scroller .outerWrapper .item .thumbText span {
                    display: table-cell;
                    vertical-align: middle;
                }

        #def_width4Scroller .outerWrapper .left-nav-btn, .right-nav-btn {
            position: absolute;
            width: 37px;
            height: 37px;
            top: 56px;
            cursor: pointer;
            background: transparent url(../images/Goal/arrows_old.png) top left no-repeat;
            -webkit-transition: opacity .2s linear;
            -moz-transition: opacity .2s linear;
            -o-transition: opacity .2s linear;
            transition: opacity .2s linear;
        }

        #def_width4Scroller .outerWrapper .left-nav-btn {
            left: -45px;
        }

        #def_width4Scroller .outerWrapper .right-nav-btn {
            right: -45px;
            background-position: top right;
        }

        #def_width4Scroller .outerWrapper .left-nav-btn:hover, .right-nav-btn:hover {
            opacity: 0.8;
        }



#hScroller_01 .item:hover {
    cursor: pointer;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
}

    #hScroller_01 .item:hover .thumbText {
        color: #1a4174;
        font-weight: bold;
    }


/*#hScroller_01 .item:nth-child(1) .thumbIcon {background:url(../images/buying_2nd_home.png) no-repeat top center;}*/
#goal1:hover .thumbIcon img {
    display: none;
}

#goal1:hover .thumbIcon {
    background: url(../images/Goal/child_education_hover.png) no-repeat top center;
}

#goal2:hover .thumbIcon img {
    display: none;
}

#goal2:hover .thumbIcon {
    background: url(../images/Goal/childs_marriage_hover.png) no-repeat top center;
}

#goal3:hover .thumbIcon img {
    display: none;
}

#goal3:hover .thumbIcon {
    background: url(../images/Goal/childs_career_hover.png) no-repeat top center;
}

#goal4:hover .thumbIcon img {
    display: none;
}

#goal4:hover .thumbIcon {
    background: url(../images/Goal/dream_house_hover.png) no-repeat top center;
}

#goal5:hover .thumbIcon img {
    display: none;
}

#goal5:hover .thumbIcon {
    background: url(../images/Goal/retirement_income_hover.png) no-repeat top center;
}

#goal6:hover .thumbIcon img {
    display: none;
}

#goal6:hover .thumbIcon {
    background: url(../images/Goal/buying_2nd_home_hover.png) no-repeat top center;
}

#goal7:hover .thumbIcon img {
    display: none;
}

#goal7:hover .thumbIcon {
    background: url(../images/Goal/exotic_holiday_hover.png) no-repeat top center;
}

#goal8:hover .thumbIcon img {
    display: none;
}

#goal8:hover .thumbIcon {
    background: url(../images/Goal/gifting_my_spouse_hover.png) no-repeat top center;
}

#goal9:hover .thumbIcon img {
    display: none;
}

#goal9:hover .thumbIcon {
    background: url(../images/Goal/gifting_my_daughter_hover.png) no-repeat top center;
}

#goal10:hover .thumbIcon img {
    display: none;
}

#goal10:hover .thumbIcon {
    background: url(../images/Goal/gifting_my_son_hover.png) no-repeat top center;
}

#goal11:hover .thumbIcon img {
    display: none;
}

#goal11:hover .thumbIcon {
    background: url(../images/Goal/gifting_my_grandchild_hover.png) no-repeat top center;
}

#goal12:hover .thumbIcon img {
    display: none;
}

#goal12:hover .thumbIcon {
    background: url(../images/Goal/grand_celebration_hover.png) no-repeat top center;
}

#goal13:hover .thumbIcon img {
    display: none;
}

#goal13:hover .thumbIcon {
    background: url(../images/Goal/other_hover.png) no-repeat top center;
}



#goal1 .thumbIcon img {
    display: none;
}

#goal1 .thumbIcon {
    background: url(../images/Goal/child_education.png) no-repeat top center;
}

#goal2 .thumbIcon img {
    display: none;
}

#goal2 .thumbIcon {
    background: url(../images/Goal/childs_marriage.png) no-repeat top center;
}

#goal3 .thumbIcon img {
    display: none;
}

#goal3 .thumbIcon {
    background: url(../images/Goal/childs_career.png) no-repeat top center;
}

#goal4 .thumbIcon img {
    display: none;
}

#goal4 .thumbIcon {
    background: url(../images/Goal/dream_house.png) no-repeat top center;
}

#goal5 .thumbIcon img {
    display: none;
}

#goal5 .thumbIcon {
    background: url(../images/Goal/retirement_income.png) no-repeat top center;
}

#goal6 .thumbIcon img {
    display: none;
}

#goal6 .thumbIcon {
    background: url(../images/Goal/buying_2nd_home.png) no-repeat top center;
}

#goal7 .thumbIcon img {
    display: none;
}

#goal7 .thumbIcon {
    background: url(../images/Goal/exotic_holiday.png) no-repeat top center;
}

#goal8 .thumbIcon img {
    display: none;
}

#goal8 .thumbIcon {
    background: url(../images/Goal/gifting_my_spouse.png) no-repeat top center;
}

#goal9 .thumbIcon img {
    display: none;
}

#goal9 .thumbIcon {
    background: url(../images/Goal/gifting_my_daughter.png) no-repeat top center;
}

#goal10 .thumbIcon img {
    display: none;
}

#goal10 .thumbIcon {
    background: url(../images/Goal/gifting_my_son.png) no-repeat top center;
}

#goal11 .thumbIcon img {
    display: none;
}

#goal11 .thumbIcon {
    background: url(../images/Goal/gifting_my_grandchild.png) no-repeat top center;
}

#goal12 .thumbIcon img {
    display: none;
}

#goal12 .thumbIcon {
    background: url(../images/Goal/grand_celebration.png) no-repeat top center;
}

#goal13 .thumbIcon img {
    display: none;
}

#goal13 .thumbIcon {
    background: url(../images/Goal/other.png) no-repeat top center;
}


/*Click image */

#goal1 .thumbIconClick img {
    display: none;
}

#goal1 .thumbIconClick {
    background: url(../images/Goal/child_education_hover.png) no-repeat top center;
}

#goal2 .thumbIconClick img {
    display: none;
}

#goal2 .thumbIconClick {
    background: url(../images/Goal/childs_marriage_hover.png) no-repeat top center;
}

#goal3 .thumbIconClick img {
    display: none;
}

#goal3 .thumbIconClick {
    background: url(../images/Goal/childs_career_hover.png) no-repeat top center;
}

#goal4 .thumbIconClick img {
    display: none;
}

#goal4 .thumbIconClick {
    background: url(../images/Goal/dream_house_hover.png) no-repeat top center;
}

#goal5 .thumbIconClick img {
    display: none;
}

#goal5 .thumbIconClick {
    background: url(../images/Goal/retirement_income_hover.png) no-repeat top center;
}

#goal6 .thumbIconClick img {
    display: none;
}

#goal6 .thumbIconClick {
    background: url(../images/Goal/buying_2nd_home_hover.png) no-repeat top center;
}

#goal7 .thumbIconClick img {
    display: none;
}

#goal7 .thumbIconClick {
    background: url(../images/Goal/exotic_holiday_hover.png) no-repeat top center;
}

#goal8 .thumbIconClick img {
    display: none;
}

#goal8 .thumbIconClick {
    background: url(../images/Goal/gifting_my_spouse_hover.png) no-repeat top center;
}

#goal9 .thumbIconClick img {
    display: none;
}

#goal9 .thumbIconClick {
    background: url(../images/Goal/gifting_my_daughter_hover.png) no-repeat top center;
}

#goal10 .thumbIconClick img {
    display: none;
}

#goal10 .thumbIconClick {
    background: url(../images/Goal/gifting_my_son_hover.png) no-repeat top center;
}

#goal11 .thumbIconClick img {
    display: none;
}

#goal11 .thumbIconClick {
    background: url(../images/Goal/gifting_my_grandchild_hover.png) no-repeat top center;
}

#goal12 .thumbIconClick img {
    display: none;
}

#goal12 .thumbIconClick {
    background: url(../images/Goal/grand_celebration_hover.png) no-repeat top center;
}

#goal13 .thumbIconClick img {
    display: none;
}

#goal13 .thumbIconClick {
    background: url(../images/Goal/other_hover.png) no-repeat top center;
}

#hScroller_01 .thumbClick {
    cursor: pointer;
    background: -webkit-linear-gradient(#e1e1e1, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e1e1e1, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e1e1e1, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e1e1e1, #f5f5f5); /* Standard syntax */
    background: linear-gradient(#e1e1e1, #f5f5f5) !important; /* For IE*/
}

#hScroller_01 .thumbTextClick {
    color: #1a4174;
    font-weight: bold;
}


.input {
    border: 0;
    font-family: OpenSansRegular;
    color: #ccc;
    border: solid 1px #ccc;
    margin: 0 0 20px;
    width: 300px;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*input:focus {
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 2px #719ECE;
    }*/


input:focus {
    /*outline: none !important;
    border-color: #719ECE;
    padding: 7px 10px;*/
    box-shadow: 0 0 2px #719ECE;
}

.popupBtn {
    border: solid 0px #DE6C52;
    padding: 7px;
    padding-left: 20px;
    float: left;
    padding-right: 20px;
    background-color: #34495E;
    cursor: pointer;
    border-radius: 4px;
    color: #fff;
    margin: 0px auto;
    font-family: Lato;
    font-size: 10pt;
    margin-right: 12px;
}

.wordBreak {
    max-width: 120px;
    white-space: normal;
}

/****Subroker Module urvesh*/



#subbrokerdc {
    float: left;
    width: 100%;
    height: auto;
}

    #subbrokerdc * {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
        font-family: 'Lato', sans-serif;
        font-weight: 500;
    }

    #subbrokerdc .container {
        /*width: 974px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;*/
        width: 974px;
        //padding-right: 10px;
        // padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
        overflow: hidden;
    }



        #subbrokerdc .container.headcont {
            /*padding: 0px;*/
        }

    #subbrokerdc .row {
        margin-right: -10px;
        margin-left: -10px;
        float: left;
        width: 100%;
    }

        #subbrokerdc #myTabContent .wrapper-demo:hover #subbrokerdc .container:before,
        #subbrokerdc .container:after,
        #subbrokerdc .row:before,
        #subbrokerdc .row:after {
            display: table;
            /* content: " "; */
        }

        #subbrokerdc .row:after {
            clear: both;
        }

    #subbrokerdc .col-lg-1, #subbrokerdc .col-md-1, #subbrokerdc .col-xs-1, #subbrokerdc .col-sm-1 {
        width: 8.3333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }

    #subbrokerdc .col-lg-2, #subbrokerdc .col-md-2, #subbrokerdc .col-xs-2, #subbrokerdc .col-sm-2 {
        width: 16.6667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }

    #subbrokerdc .col-lg-3, #subbrokerdc .col-md-3, #subbrokerdc .col-xs-3, #subbrokerdc .col-sm-3 {
        width: 25.0000%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }

    #subbrokerdc .col-lg-4, #subbrokerdc .col-md-4, #subbrokerdc .col-xs-4, #subbrokerdc .col-sm-4 {
        width: 33.3333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }

    #subbrokerdc .col-lg-5, #subbrokerdc .col-md-5, #subbrokerdc .col-xs-5, #subbrokerdc .col-sm-5 {
        width: 41.6667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }

    #subbrokerdc .col-lg-6, #subbrokerdc .col-md-6, #subbrokerdc .col-xs-6, #subbrokerdc .col-sm-6 {
        width: 50.0000%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }

    #subbrokerdc .col-lg-7, #subbrokerdc .col-md-7, #subbrokerdc .col-xs-7, #subbrokerdc .col-sm-7 {
        width: 58.3333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }

    #subbrokerdc .col-lg-8, #subbrokerdc .col-md-8, #subbrokerdc .col-xs-8, #subbrokerdc .col-sm-8 {
        width: 66.6667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }

    #subbrokerdc .col-lg-9, #subbrokerdc .col-md-9, #subbrokerdc .col-xs-9, #subbrokerdc .col-sm-9 {
        width: 75.0000%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }

    #subbrokerdc .col-lg-10, #subbrokerdc .col-md-10, #subbrokerdc .col-xs-10, #subbrokerdc .col-sm-10 {
        width: 83.3333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }

    #subbrokerdc .col-lg-11, #subbrokerdc .col-md-11, #subbrokerdc .col-xs-11, #subbrokerdc .col-sm-11 {
        width: 91.6667%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }

    #subbrokerdc .col-lg-12, #subbrokerdc .col-md-12, #subbrokerdc .col-xs-12, #subbrokerdc .col-sm-12 {
        width: 100.00%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        min-height: 1px;
    }




    /*Urvesh Css start here*/
    #subbrokerdc #myTab img {
        vertical-align: middle;
        margin-right: 15px;
    }

    #subbrokerdc .mainheader {
        margin: 10px 0;
        float: left;
        width: 100%;
    }

        #subbrokerdc .mainheader .logonamecontdv img {
            display: inline-block;
            vertical-align: top;
            float: left;
            width: 70px;
            height: auto;
        }

        #subbrokerdc .mainheader .logonamecontdv .h2 {
            display: inline-block;
            margin: 0;
            font-weight: normal;
            letter-spacing: 2px;
            /*width: 386px;*/
            width: auto;
            margin-left: 5px;
            float: left;
        }

            #subbrokerdc .mainheader .logonamecontdv .h2 span {
                letter-spacing: 0.75px;
            }

        #subbrokerdc .mainheader .phonemaildv {
            margin-top: 0px;
            text-align: center;
        }

            #subbrokerdc .mainheader .phonemaildv img {
                display: inline-block;
                vertical-align: middle;
            }

            #subbrokerdc .mainheader .phonemaildv .h2 {
                display: inline-block;
                color: #c00000;
                margin: 0;
            }

                #subbrokerdc .mainheader .phonemaildv .h2 span {
                    font-weight: 600;
                }

            #subbrokerdc .mainheader .phonemaildv a {
                font-size: 14px;
            }

        #subbrokerdc .mainheader .welcomelogout {
            text-align: right;
        }

            #subbrokerdc .mainheader .welcomelogout .welnamedvcon {
                display: inline-block;
                /*margin-top: 10px;*/
            }

            #subbrokerdc .mainheader .welcomelogout i {
                font: normal normal normal 30px/1 FontAwesome;
                -webkit-text-stroke: 1px white;
            }

            #subbrokerdc .mainheader .welcomelogout .welnamedvcon .tx {
                margin: 0;
                font-size: 14px;
            }

            #subbrokerdc .mainheader .welcomelogout .welnamedvcon .h4 {
                margin: 0;
                color: #0070c0;
                font-weight: bold;
                letter-spacing: 0.75px;
                font-size: 16px;
            }

            #subbrokerdc .mainheader .welcomelogout a {
                display: inline-block;
                font-size: 30px;
                margin-left: 15px;
            }

    #subbrokerdc header.bluestrip {
        height: 40px;
        width: 100%;
        float: left;
        background-color: #006766;
    }

    #subbrokerdc #myTabContent h2.myh2 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #a7a7a7;
        height: 3px;
        margin: 25px 0 25px;
        font-size: 20px;
        box-shadow: 0 0 5px;
        color: #000;
        font-weight: bold;
        line-height: 1.2;
    }

        #subbrokerdc #myTabContent h2.myh2 span.linemid {
            background: #fff;
            padding: 0 10px;
            display: inline-block;
            margin-top: -15px;
        }

    #subbrokerdc #myTabContent .wrapper-demo {
        border: 1px solid #5786c0;
        margin: 0px 0 20px;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

        #subbrokerdc #myTabContent .wrapper-demo:hover {
            box-shadow: 0 0 20px #000;
        }


    #subbrokerdc #myTabContent .wrapper-dropdown-2:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 30px;
        top: 50%;
        margin-top: -3px;
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: grey transparent;
    }

    #subbrokerdc #myTabContent .wrapper-dropdown-2.active:after {
        border-width: 0 6px 6px 6px;
    }

    #subbrokerdc #myTabContent .wrapper-dropdown-2,
    #subbrokerdc #myTabContent .wrapper-dropdown-3 {
        padding: 12px 10px;
        background: #fff;
        /*border-left: 5px solid grey;*/
        cursor: pointer;
        outline: none;
        text-align: left;
        height: 70px;
    }

        #subbrokerdc #myTabContent .wrapper-dropdown-2 .imgseldp,
        #subbrokerdc #myTabContent .wrapper-dropdown-3 .imgseldp {
            vertical-align: text-bottom;
            width: 40px;
        }

            #subbrokerdc #myTabContent .wrapper-dropdown-2 .imgseldp.singleliner,
            #subbrokerdc #myTabContent .wrapper-dropdown-3 .imgseldp.singleliner {
                vertical-align: middle;
                width: 50px;
            }

        #subbrokerdc #myTabContent .wrapper-dropdown-2 .txtseldp,
        #subbrokerdc #myTabContent .wrapper-dropdown-3 .txtseldp {
            display: inline-block;
            margin: 0px 7px;
            font-size: 16px;
            color: #000;
        }

        #subbrokerdc #myTabContent .wrapper-dropdown-2 .dropdown {
            position: absolute;
            top: 80%;
            right: 0px;
            left: 0px;
            width: 87%;
            margin: 0 auto;
            box-shadow: 0 0 20px;
            background: white;
            /*-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;*/
            list-style: none;
            /*opacity: 0;*/
            /*pointer-events: none;*/
            /*padding: 0 15px;*/
            z-index: 999;
            display: none;
            padding: 0;
        }

            #subbrokerdc #myTabContent .wrapper-dropdown-2 .dropdown li {
                padding: 5px;
                border: 1px solid #2b4058;
                border-top: 0;
                background-color: #d4d4d4;
            }

                #subbrokerdc #myTabContent .wrapper-dropdown-2 .dropdown li a {
                    text-decoration: none;
                    color: #545454;
                    font-size: 14px;
                }

        #subbrokerdc #myTabContent .wrapper-dropdown-2.active .dropdown {
            opacity: 1;
            pointer-events: auto;
            z-index: 9;
        }

    #subbrokerdc .text-center.newrowseldp {
        margin: 0px auto 0;
    }

    #subbrokerdc #myTabContent .wrapper-dropdown-2 .dropdown.custulshwfordd {
        display: block;
    }



/*media queries*/

@media screen and (max-width: 1199px) and (min-width: 992px) {
    #subbrokerdc .container {
        width: 974px;
    }

    #subbrokerdc #myTabContent .wrapper-dropdown-2 .txtseldp,
    #subbrokerdc #myTabContent .wrapper-dropdown-3 .txtseldp {
        margin: 0px 5px;
        font-size: 15px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {

    #subbrokerdc .mainheader .logonamecontdv img {
        width: 50px;
    }

    #subbrokerdc .mainheader .logonamecontdv .h2,
    #subbrokerdc .mainheader .phonemaildv .h3,
    #subbrokerdc .mainheader .welcomelogout .welnamedvcon .h3 {
        font-size: 20px;
    }

    #subbrokerdc .mainheader .phonemaildv img {
        width: 25px;
    }

    #subbrokerdc #myTabContent .wrapper-dropdown-2 .txtseldp,
    #subbrokerdc #myTabContent .wrapper-dropdown-3 .txtseldp {
        margin: 0px 5px;
        font-size: 15px;
    }
}




/*patch 1*/

#sbdcpatch1 {
    float: left;
    width: 100%;
    height: auto;
    background-color: #dbeef4;
}

    #sbdcpatch1 .dbpatch1left {
        float: left;
    }

        #sbdcpatch1 .dbpatch1left h4,
        #sbdcpatch1 .dbpatch1left select {
            display: inline-block;
            margin-top: 4px;
        }

        #sbdcpatch1 .dbpatch1left h4 {
            margin-right: 15px;
        }

        #sbdcpatch1 .dbpatch1left select {
            padding: 5px;
        }

    #sbdcpatch1 .dbpatch1right {
        float: right;
    }




/* CSS Document */
/* * { */
/* margin: 0px; */
/* padding: 0px; */
/* border: 0px; */
/* font-family: 'Lato', sans-serif; */
/* outline: none; */
/* } */
/* body { */
/* margin: 0px; */
/* padding: 0px; */
/* height: 100%; */
/* font-family: 'Lato', sans-serif; */
/* position:relative; */
/* font-weight:500; */
/* text-decoration:none; */
/* -webkit-text-rendering:optimizeLegibility; */
/* -moz-text-rendering:optimizeLegibility; */
/* -ms-text-rendering:optimizeLegibility; */
/* -o-text-rendering:optimizeLegibility; */
/* text-rendering:optimizeLegibility; */
/* } */


#subbrokerdc .wrapper {
    float: left;
    width: 100%;
    margin: 0 auto;
}
/*------ nav  ----------*/
#subbrokerdc #myTab {
    list-style: none;
    display: inline-block;
    /*overflow-x:hidden;*/
    margin-top: 00px;
    padding: 0;
}

    #subbrokerdc #myTab .icon {
        font-size: 14px;
    }

    #subbrokerdc #myTab li {
        float: left;
        padding: 0;
    }

        #subbrokerdc #myTab li.active a {
            color: #000;
            background: #82b9c0;
        }

        #subbrokerdc #myTab li a {
            color: #000;
            display: block;
            background: #dce6f2;
            text-decoration: none;
            position: relative;
            height: 60px;
            line-height: 60px;
            padding: 0 10px 0 5px;
            margin-right: 0px;
            font-size: 24px;
            right: 0px;
            border: 1px solid #0e5f9c;
            text-align: left;
        }

        #subbrokerdc #myTab li.active {
            top: 0;
        }

        /*#myTab li:nth-child(even) a {
    background-color: #e58c61;
    }
    #myTab li:nth-child(even) a:before {
    border-color: #e58c61;
    border-left-color: transparent;
    }
    #myTab li:nth-child(even) a:after {
    border-left-color: #e58c61;
    }
    */
        #subbrokerdc #myTab li:first-child a {
            padding-left: 5px;
            -moz-border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px;
            border-radius: 0px 0 0 0px;
            /*margin-left: -12px;*/
        }

            #subbrokerdc #myTab li:first-child a:before {
                border: none;
            }

        #subbrokerdc #myTab li:last-child a {
            padding-right: 25px;
            -moz-border-radius: 0 0px 0px 0;
            -webkit-border-radius: 0;
            border-radius: 0 0px 0px 0;
            margin-right: 0px;
        }

            #subbrokerdc #myTab li:last-child a:after {
                border: none;
            }
        /*#myTab li a:before, #myTab li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #e58c61;
    border-width: 18px 12px;
    width: 0;
    height: 0;
    }*/
        #subbrokerdc #myTab li a:before {
            left: -20px;
            border-left-color: transparent;
        }

        #subbrokerdc #myTab li a:after {
            left: 100%;
            border-color: transparent;
            border-left-color: #e58c61;
        }

        #subbrokerdc #myTab li.active a:after {
            left: 100%;
            border-color: transparent;
            border-left-color: #ae5a21;
        }

        #subbrokerdc #myTab li a:hover {
            background-color: #82b9c0;
        }
            /*#myTab li a:hover, #myTab li a:focus, #myTab li a:active {
    background-color: #ae5a21;
    }*/
            #subbrokerdc #myTab li a:hover:before {
                border-color: #82b9c0;
                border-left-color: transparent;
            }

            #subbrokerdc #myTab li a:hover:after {
                border-left-color: #82b9c0;
            }

        #subbrokerdc #myTab li a:active {
            background-color: #82b9c0;
        }

            #subbrokerdc #myTab li a:active:before {
                border-color: #82b9c0;
                border-left-color: transparent;
            }

        #subbrokerdc #myTab li.active a:before {
            border-color: #82b9c0;
            border-left-color: transparent;
        }

        #subbrokerdc #myTab li a:active:after {
            border-left-color: #82b9c0;
        }

#subbrokerdc #myTabContent .wrapper-dropdown-2 .dropdown.custulshwfordd {
    display: block;
}

.clsMainMenu {
    margin: 0px;
    width: 972px;
    float: left;
    border-bottom: solid 2px #004D8D;
    height: 82px;
    overflow: visible;
    position: relative;
    background-color: #FAFAFF;
}


#subbrokerdc .mainheader .logonamecontdv .h2 span.clsmainheadsb {
    display: inline-block;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 18px;
    letter-spacing: 3px;
    color: #000;
}

#subbrokerdc .mainheader .logonamecontdv .h2 span.clssubheadsb {
    font-size: 10px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    margin-top: 10px;
    display: inline-block;
}

#subbrokerdc .pad0 {
    padding: 0;
}

html {
    /*background-color: #def*/
}
/***Subbroker Module end*/


/** Customer login export to excel **/

.PopUpHeader {
    height: 40px;
    width: auto;
    padding-top: 15px;
    padding-left: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: solid 1px #F69240;
    font-weight: bold;
    font-family: lato !important;
    color: #595959 !important;
    font-weight: 400;
    font-size: 18pt;
}

.PopUpBody {
    font-family: latoregular !important;
    color: #595959 !important;
}

    .PopUpBody div {
        border-radius: 7px !important;
    }

.PopUpClose {
    float: right;
    background-image: url('/images/ClosePopUp.png');
    height: 38px;
    width: 38px;
    margin-top: -6px;
    cursor: pointer;
}

.submitButton {
    height: 31px;
    width: 80px;
    background-color: #FFF;
    color: #000;
    border: 1px solid rgb(26, 135, 183);
    border-radius: 5px;
}

#ctl00_headerRightContainer{
    float: right;
    min-width: 142px;
    text-align: right;
    color: #fff;
    height: 40px;
    padding-top: 15px;
}

/********************/


/* Tab CSS start here */

.MainMenuCss .fixed-container {
    width: 100%;
    margin: 0px auto;
    padding-left: 0px;
    padding-right: 0px;
}

.recentheading p {
    font-size: 18px;
    border-bottom: 1px solid #848181;
    padding: 10px 0 10px 25px;
    color: #001d37;
    font-weight: 300;
    font-family: inherit;
    margin-bottom: 20px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.NewTabBtn {
    margin: 0px;
    display: block;
    padding: 0px;
}

    .NewTabBtn li {
        width: 25%;
        padding-left: 15px;
        padding-right: 15px;
        display: block;
        float: left;
        border-right: 1px solid #b3b3b3;
        margin-bottom: 15px;
    }

        .NewTabBtn li:last-child, .NewTabBtn li:nth-child(4), .NewTabBtn li:nth-child(8), .NewTabBtn li:nth-child(12) {
            border-right: 0px;
        }

        .NewTabBtn li .recent-item {
            width: 90%;
            border: 1px solid #a5a5a5;
            padding: 10px 10px 10px 10px;
            border-radius: 10px;
            font-size: 15px;
            color: #001d37;
            text-align: center;
            height: 68px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            left: 5%;
            margin: 10px 0 10px 0;
            transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -webkit-transition: all 0.4s ease;
            -webkit-box-shadow: 5px 5px 18px -7px rgba(71,71,71,1);
            -moz-box-shadow: 5px 5px 18px -7px rgba(71,71,71,1);
            box-shadow: 5px 5px 18px -7px rgba(71,71,71,1);
        }

            .NewTabBtn li .recent-item:hover {
                color: #fff;
                background-color: #2a3052;
                border-top: 7px solid #ff5b00;
                text-decoration: none;
            }



@media (max-width: 1100px) {
    .MainMenuCss .fixed-container {
        width: 1079px;
        margin: 0px auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.clsdivtopbutton {
    /*width: 1160px !important;
    height: 40px;
    padding-left: 888px !important;*/
    width: 974px !important;
    height: 40px;
    padding-left: 756px !important;
    padding-top: 5px;
}


.clsbtnRecent {
    color: #e98024;
    font-size: 12px;
    padding: 8px 12px;
    line-height: 20px;
    margin-right: -6px;
    background: #fff;
    border-radius: 25px;
    margin: 3px 6px 0 6px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border: none;
    cursor: pointer;
}

    .clsbtnRecent:hover {
        color: #ffffff;
        background-color: #e98024;
        border-radius: 25px;
    }

.clsdivaftebrea {
    width: 976px;
    height: 42px;
    overflow: hidden;
}

.full-width-container {
    width: 100%;
}

    .full-width-container *, .BoxSizingPrt * {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

        .BoxSizingPrt *:before,
        .BoxSizingPrt *:after {
            -webkit-box-sizing: border-box !important;
            -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
        }

        .full-width-container *:before,
        .full-width-container *:after {
            -webkit-box-sizing: border-box !important;
            -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
        }

.full-width-container {
    max-width: 100%;
    clear: both;
    margin: 0px 0px;
    padding-left: 8px;
    padding-right: 8px;
}
.row-container {
    margin-left: -8px;
    margin-right: -8px;
    float: left;
    width: 100%;
}

/*DPTableView page css start here*/

.filterYellow
{
    width: 478px;
    position: absolute;
    display: none;
    right: 9px;
    top: 48px;
    padding: 0px 10px 0px 12px;
    border-radius: 4px;
    /* border: solid 3px #f1d74a; */
    /* border: solid 3px #e6c62e; */
    box-shadow: 0px 1px 4px 2px #b9b7b7;
    -moz-box-shadow: 0px 1px 4px 2px #b9b7b7;
    -webkit-box-shadow: 0px -2px 7px 0px #b9b7b7;
    background-color: #e9e9e9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
     z-index: 99;
}
.filterYellow .inputRight
{
    margin-bottom: 0px;
    padding: 8px 0px 7px 0px;
}
.filtrIn
{
    font-size: 12px;
    width: 31px;
    float: left;
    text-align: center;
    padding: 9px 0px 0px;
    font-weight: bold;
    text-transform: capitalize;
}
.ErrMsgDivCalndr {
    float: left;
    width: 12px;
    margin-left: 1px;
    margin-top: 1px;
    height: auto;
    margin-bottom: 0px;
    overflow: visible;
}
.ErrMsgDivCalndr img
{
    margin-top: 9px;
}
.filterYellow .ErrMsgDivCalndr img
{
   margin-top: 9px !important;
}
.filterYellow input[type="text"], .filterYellow select
{
   box-shadow: inset 0px 0px 1px 1px #eee;
   -moz-box-shadow: inset 0px 0px 1px 1px #eee;
   -webkit-box-shadow: inset 0px 0px 1px 1px #eee;
    width: 100% !important;
    margin: 0px !important;
    box-sizing: border-box;
    height: 32px !important;
    padding: 7px 6px !important
}

/*.filterYellow select 
{
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
}*/
.TbleFlitrSrch
{
    width: 28px;
    padding: 8px 2px;
    float: right;
    /*background-color: #e6c62e;*/
    text-align: center;
}
.TbleFlitrSrch
{
    width: 28px;
    padding: 8px 2px;
    float: right;
    /*background-color: #e6c62e;*/
    text-align: center;
}
.TbleFlitrSrch input
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
/*#ctl00_ContentPlaceHolder1_PageHead1_imgBtnFilter
{
     border: 1px solid #ffffff !important;
}
#ctl00_ContentPlaceHolder1_PageHead1_imgBtnFilter:focus
{
    border: 1px solid #005387 !important;
    border-radius: 3px;
}*/
.TbleFlitrSrch input:focus
{
    outline: none !important;
    box-shadow: none !important;
}
/*DPTableView page css end here*/


/*Common Css Start Here*/
.PosRelative 
{
    position: relative;
}



/*        18-Aug-2018      Enterprise changes                    */


#ctl00_headerRightContainer{
    float: right;
    min-width: 142px;
    text-align: right;
    color: #fff;
    height: 40px;
    padding-top: 15px;
}




/*For Manager Login Page Css Start*/ 

.ManaBredCrumb {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    background: rgba(253, 184, 19, 0.2);
    margin-top: 0px;
    padding: 5px 0px;
    margin-bottom: 10px;
}

.ManaBredCrumbTxt p {
    padding: 0px;
    margin: 0px;
    color: #2A3052;
}

.ManaBredCrumbIcon img {
    width: 25px;
    margin-left: 7px;
}

.TabBtnNew {
    padding: 0px;
    float: left;
    width: 100%;
    margin: 15px 0px 10px;
}

.TabBtnNew > li {
    display: block;
    float: left;
    width: 186px;
    padding: 0px 5px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .TabBtnNew li.active a, .TabBtnNew > li:hover > a {
        background: #ededed;
    }

.TabBtnNew li a {
    display: block;
    text-decoration: none;
    color: #3e77ad;
    font-size: 14px;
    padding: 6px 24px;
    background: #ffffff;
    box-shadow: 0px 2px 4px 0px #cccccc;
    -webkit-box-shadow: 0px 2px 4px 0px #cccccc;
    -moz-box-shadow: 0px 2px 4px 0px #cccccc;
    margin-bottom: 10px;
    text-align: center;
    line-height: 20px;
}

.MrBtn {
    position: relative;
}

    .MrBtn:hover .MyDropDown {
        visibility: visible;
        top: 56px;
        z-index: 999;
    }

.MyDropDown {
    position: absolute;
    right: 6px;
    top: 100px;
    min-width: 149px;
    transition: all 0.3s ease;
    margin: 0px;
    padding: 0px;
    z-index: -1;
    background: #ffffff;
    visibility: hidden;
    box-shadow: 0px 1px 2px 0px #ccc;
}

    .MyDropDown li {
        display: block;
    }

        .MyDropDown li a {
            text-decoration: none;
            padding: 5px 10px;
            color: #3e77ad;
            display: block;
            font-size: 14px;
            box-shadow: none;
        }

            .MyDropDown li a:hover {
                background: #f3f3f3;
            }

/*table Css end*/

.FortneWelthTbl table {
    width: 100%;
}

.FrtnSelectMlti .form-group {
    width: 100%;
    float: left;
    padding: 0px 0px;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
}

    .FrtnSelectMlti .form-group label {
        width: 45%;
        float: left;
        font-size: 10pt;
        color: #004D8D;
        font-weight: 600;
    }

    .FrtnSelectMlti .form-group select {
        width: 55%;
        float: left;
    }

    .FrtnSelectMlti .form-group .form-control {
        border: 0px;
        border: 1px solid #BFBFBF;
        border-radius: 4px;
        height: 30px;
        box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.16);
        background: transparent;
    }

.FrtnSelectMlti .per30 label + select + label {
    width: 65px;
    text-align: center;
}

.FortneWelthTbl {
    margin-top: 20px;
}

.FortneWelthTbl table {
    border-collapse: collapse;
}

.FortneWelthTbl table thead tr th {
    background: #005387;
    color: #ffffff;
    font-weight: normal;
}

.FortneWelthTbl table thead tr th:last-child {
    width: 53px;
}

.FortneWelthTbl table thead tr th, .FortneWelthTbl table tbody tr td, .FortneWelthTbl table tfoot tr td {
    font-size: 8pt;
        vertical-align: middle;
    border: 1px solid rgba(10, 10, 10, 0.2);
    padding: 10px 5px !important;
   
}
.FortneWelthTbl table tbody tr td
{
        color: #4D4D4D !important;
}
.FortneWelthTbl table tbody tr td a 
{
    color: #177EC2;
}
.FortneWelthTbl table tbody tr td, .FortneWelthTbl table tfoot tr td 
{
   background: #EFF1FB;
    word-break: break-all;
}
.FortneWelthTbl table tbody tr td, .FortneWelthTbl table tbody tr td a {
    color: #3e77ad;
}

.FortneWelthTbl table tbody tr td a {
    text-decoration: underline;
}

.FortneWelthTbl table tfoot tr td {
    color: #2A3052;
    font-weight: bold;
    border-top: 1px solid rgba(10, 10, 10, 0.2);
}

.FortneWelthTbl table tfoot tr td:first-child {
    font-weight: bold;
}

.FortneWelthGraph {
    margin-top: 20px;
}

.FortneWelthGraph center > div 
{
    font-size: 10pt !important;
    text-align: center;
}
.FortneWelthTbl table.MfSalesPerformanceCls thead tr th:last-child
{
        width: 80px;
}

.HierchyRel
{
    position: relative;
}


.sidenav {
    width: 486px;
    position: fixed;
    z-index: 99;
    top: 250px;
    right: -506px;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px;
    bottom:auto; /*2px;*/
    box-shadow: -1px 0px 15px -3px #333333;
    -moz-box-shadow: -1px 0px 15px -3px #333333;
    -webkit-box-shadow: -1px 0px 15px -3px #333333;
}
#sticky-anchor
{
    height: 0px !important;
}
#sticky-anchor2
{
    position: absolute;
    left: auto;
    right: 8px;
    bottom: 0;
    top: 0;
    width: 0%;
    transition: width 0.5s;
    overflow: hidden;
}
.mims5 .ui-button
{
    margin-left: -5px !important;
}
.sidenav .closebtn img 
{
    margin-right: 10px;
}
.sidenav .closebtn {
    padding: 5px 11px 5px 11px;
    text-decoration: none;
    font-size: 17px;
    color: #345c8c;
    display: block;
    transition: 0.3s;
    text-transform: capitalize;
    background: #ffffff;
    box-shadow: inset 0 -1px 8px 0px #ddd;
    -moz-box-shadow: inset 0 -1px 8px 0px #ddd;
    -webkit-box-shadow: inset 0 -1px 8px 0px #ddd;
}
.HierarchySidnav
{
    margin-top: 20px;
}
.HierarchySidnav .popupFade
{
    float: none;
}
.sidenav a.closebtn:hover {
    color: #345c8c;
}
img.img-respondive.ClosImg {
    transform: rotate(-180deg);
    vertical-align: middle;
}

#orgChartContainer
{
    position: relative;
}
.HierarchySidnav .feldType
{
    border: solid 1px #bfbfbf;
    height: 31px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #555;
    width: 100%;
    padding: 5px 10px;
}
.HierarchySidnav select.feldType
{
    margin: 0px;
        width: 82%;
    float: left;
}
.HierarchySidnav .inputRight
{
    margin-bottom: 0px;
}
.padtpBtm7
{
    padding-top: 7px;
    padding-bottom: 7px;
}
.HierarchySidnav .feldLbl
{
    font-size: 10pt;
    font-family: Verdana;
}
#mySidenav
{
    transition: 0.5s;
}

#mySidenav.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 10000;
    bottom: auto !important;
    border-radius: 0 0 0.5em 0.5em;
}
#sticky-anchor
{
    height: 0px !important;
}

.posGrpDv table tbody tr td, .posGrpDv table tfoot tr td  {
    border: 0px !important;
}
.posGrpDv table tbody tr, .posGrpDv table tfoot tr {
    border-bottom: 1px dashed #808080;
}
.posGrpDv
{
    border: 1px solid #dedee0;
    border-radius: 4px;
    padding: 0px 0px 10px;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity;
    visibility: hidden;
    opacity: 0;
}

    .overlay:target {
        visibility: visible;
        opacity: 1;
        z-index: 99999;
    }
/*For Manager Login Page Css end*/

.goalpopup {
    margin: 70px auto;
    background: #fff;
    border-radius: 5px;
    max-width: 900px;
    position: relative;
}

    .goalpopup h2 {
        background: transparent;
        padding: 12px 10px;
        color: #000;
        font-size: 23px;
        border-radius: 0px 0px 0px 0px;
        border-bottom: solid 1px #F69240;
        margin: 0px 15px;
        font-weight: 400;
    }

    .goalpopup .close {
        position: absolute;
        top: 8px;
        right: 15px;
        transition: all 200ms;
        font-size: 18px;
        text-decoration: none;
        color: #ffffff;
        background: #A71506;
        padding: 7px 14px;
        font-weight: 300;
        border-radius: 5px;
    }

        .goalpopup .close:hover {
            color: #ffffff;
        }

    .goalpopup .content {
        max-height: 30%;
        overflow: auto;
        padding: 10px 10px 20px;
    }

.feldLbl {
    color: #000000;
    font-size: 14px;
}

.feldType {
    max-height: 28px;
    font-size: 14px;
    color: #888686;
    max-width: 100%;
    border: 1px solid rgb(169, 169, 169);
    width: auto;
}

    .feldType:hover {
        border-color: #555555;
    }

.FormGrp {
    margin-bottom: 15px;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    overflow: initial;
}

.ThemePopupBtn {
    height: 28px;
    padding: 0px 15px;
    border: 0px;
}

.YesBtn {
    width: 72px;
    background: url(/Images/icon_okB.png)no-repeat;
}



/*MotorRenwalQuote page css start here*/
.motorRenewalQutTab {
    float: left;
    width: 100%;
    margin-top: 25px !important;
    border: 1px solid #1D80C7;
    border-top-color: black;
}

    .motorRenewalQutTab .cls-tabofl {
        width: 100%;
        border-bottom: solid 1px black;
        float: left;
    }

        .motorRenewalQutTab .cls-tabofl div {
            width: 25%;
            height: auto;
            padding: 11px 10px;
            border-right: solid 1px black;
            font-size: 15px;
        }

    .motorRenewalQutTab .cls-selTab {
        float: left;
        padding-left: 20px;
        cursor: pointer;
        padding-right: 20px;
        background-color: #A1CACF;
        padding-top: 13px;
        padding-bottom: 8px;
        border: solid 1px #ddd;
        color: #ffffff;
        width: 197px;
        text-align: center;
        height: 20px;
    }

    .motorRenewalQutTab .cls-tabofl div:last-child {
        border-right: 0px;
    }

    .motorRenewalQutTab div, .motorRenewalQutDetails div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.TabSameSec {
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .TabSameSec .per50, .TabSameSec .per100 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .TabSameSec table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #a2a2a2;
    }

        .TabSameSec table thead tr th {
            background-color: #A1CACF;
            color: #000000;
            font-weight: 400;
        }

        .TabSameSec table thead tr th, .TabSameSec table tbody tr td {
            font-size: 14px;
            height: 19px;
            padding: 8px 10px;
        }

        .TabSameSec table tr {
            display: table-row !important;
        }

        .TabSameSec table tbody tr td {
            border: 1px solid #a2a2a2;
        }

.BG-Gray {
    background-color: #efefef;
}

.MotorRenwlTbl2 table tr td:nth-child(3) {
    width: 20px;
}

.MotorRenwlTbl2 table tr td:nth-child(4) {
    width: 80px;
}

.motorRenewalQutDetails {
    float: left;
    width: 100%;
}

    .motorRenewalQutDetails .per100 {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 20px;
    }

    .motorRenewalQutDetails table {
        width: 100%;
        border-collapse: collapse;
    }

        .motorRenewalQutDetails table tr {
            display: table-row;
        }

        .motorRenewalQutDetails table thead tr th {
            background-color: #efefef;
            padding: 7px 10px;
        }

        .motorRenewalQutDetails table thead tr th, .motorRenewalQutDetails table tbody tr td {
            border: 1px solid #1D80C7;
            text-align: center;
            font-weight: 400;
        }

        .motorRenewalQutDetails table tbody tr td {
            font-size: 16px;
            padding: 10px 10px;
        }

.TabSameSec table tbody tr td a {
    color: #0033cc;
}

.motorRenewalQutDetails table tbody tr td:last-child {
    font-size: 20px;
    font-weight: bold;
    color: #c00000;
}

.MotorSection2.TabSameSec table thead tr th, .MotorSection3.TabSameSec table thead tr th {
    border: 1px solid #a2a2a2;
}

    .MotorSection3.TabSameSec table thead tr th:nth-child(1) {
        width: 340px;
    }

    .MotorSection3.TabSameSec table thead tr th:nth-child(2) {
        width: 177px;
    }

table.noBorder, table.noBorder tr td {
    border: 0px !important;
    padding: 0px !important;
}

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

    .ProsdSelcOpt ul li {
        display: inline-block;
    }

        .ProsdSelcOpt ul li select {
            width: 100%;
            height: 27px;
            text-align: center !important;
        }
        /*.ProsdSelcOpt ul li select
{
    text-align: center;
}*/
        .ProsdSelcOpt ul li a {
            display: inline-block;
            color: #ffffff !important;
            font-size: 13px;
            padding: 6px 14px;
            background-color: #34495e;
            border-radius: 4px;
            font-weight: bold;
            text-decoration: none;
        }

.MotorSection3.TabSameSec table tbody tr:nth-child(1) td {
    padding: 3px 10px;
}

.ProsdSelcOpt ul li:first-child {
    width: 72%;
}

.ProsdSelcOpt ul li:last-child {
    padding-left: 7px;
}

.MotorTblHeade2 {
    background: #d9d9d9;
    font-weight: bold;
    text-align: right;
}

/*MotorRenwalQuote page css end here*/

/*DPTableView page css start here*/

.filterYellow
{
    width: 478px;
    position: absolute;
    display: none;
    right: 9px;
    top: 48px;
    padding: 0px 10px 0px 12px;
    border-radius: 4px;
    /* border: solid 3px #f1d74a; */
    /* border: solid 3px #e6c62e; */
    box-shadow: 0px 1px 4px 2px #b9b7b7;
    -moz-box-shadow: 0px 1px 4px 2px #b9b7b7;
    -webkit-box-shadow: 0px -2px 7px 0px #b9b7b7;
    background-color: #e9e9e9;
    box-sizing: border-box;
    z-index: 99;
}
.filterYellow .inputRight
{
    margin-bottom: 0px;
    padding: 8px 0px 7px 0px;
}
.filtrIn
{
    font-size: 12px;
    width: 31px;
    float: left;
    text-align: center;
    padding: 9px 0px 0px;
    font-weight: bold;
    text-transform: capitalize;
}
.ErrMsgDivCalndr {
    float: left;
    width: 12px;
    margin-left: 1px;
    margin-top: 1px;
    height: auto;
    margin-bottom: 0px;
    overflow: visible;
}
.ErrMsgDivCalndr img
{
    margin-top: 9px;
}
.filterYellow .ErrMsgDivCalndr img
{
   margin-top: 9px !important;
}
.filterYellow input[type="text"], .filterYellow select
{
   box-shadow: inset 0px 0px 1px 1px #eee;
   -moz-box-shadow: inset 0px 0px 1px 1px #eee;
   -webkit-box-shadow: inset 0px 0px 1px 1px #eee;
    width: 100% !important;
    margin: 0px !important;
    box-sizing: border-box;
    height: 32px !important;
    padding: 7px 6px !important
}

/*.filterYellow select 
{
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
}*/
.TbleFlitrSrch
{
    width: 32px;
    padding: 8px 2px;
    float: right;
    /*background-color: #e6c62e;*/
    text-align: center;
}
/*#ctl00_ContentPlaceHolder1_PageHead1_imgBtnFilter
{
     border: 1px solid #ffffff !important;
}
#ctl00_ContentPlaceHolder1_PageHead1_imgBtnFilter:focus
{
    border: 1px solid #005387 !important;
    border-radius: 3px;
}*/
.TbleFlitrSrch input:focus
{
    box-shadow: none !important;
}
/*DPTableView page css end here*/

/********************Ashish Design pages css start here**************************8/


/*DPIncentiveSchemeMasterEntry Page Css Start here*/
.IncentvSchmSmTbl table 
{
    width: 100%;
    border: 1px solid #7f7f7f;
    border-collapse: collapse;
}

.IncentvSchmSmTbl table thead tr th, .IncentvSchmSmTbl table tbody tr td
{
    
    padding: 7px 10px;
    color: #000000;
    font-size: 12px;
    text-align: left;
}
.IncentvSchmSmTbl table tbody tr td 
{
    border: 1px solid #7f7f7f;
}
.IncentvSchmSmTbl table thead tr th:first-child, .IncentvSchmSmTbl table thead tr td:first-child
{
    text-align: center;
    width: 30px;
}
.IncentvSchmSmTbl table thead tr th
{
    background: #004d8d;
    color: #ffffff;
    font-weight: normal;
}
.IncentvSchmSm1, .IncentvSchmSm2
{
    padding-left: 0px;
    padding-right: 0px;
}
.IncentvSchmSm3
{
    margin-bottom: 15px;
}
.TTlIncntv {
    background-color: #f2f2f2;
    margin-top: 5px;
    margin-bottom: 20px;
}
.TTlIncntv h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 7px 0px;
    text-align: center;
    margin: 0px;
}

.IncentvSchmSec2
{
    padding-top: 20px;
}
.IncentvSchmSec5 textarea.feldType {
    min-height: 100px;
    margin: 0px;
}

/*DPIncentiveSchemeMasterEntry Page Css End here*/

/*SchemeTargetEntry page css start here*/

.IncentvTargt1-1 .flexRow {
    margin-bottom: 15px;
}
.ThemeInctvBtn {
    background: #34495e;
    color: #ffffff;
    border: 0px;
    line-height: 26px;
    letter-spacing: 1px;
    border-radius: 4px;
    font-weight: bold;
    padding: 2px 12px;
    font-size: 13px;
    text-transform: uppercase;
}
.addPerformance
{
    font-size: 12px;
}
.IncentvMrgbtm20 {
    margin-bottom: 20px;
}
/*SchemeTargetEntry page css End here*/




/*Common Css Start Here*/
.PosRelative 
{
    position: relative;
}
/* Tab CSS start here */



.StartSign * {
    -webkit-box-sizing: border-box  !important;
    -moz-box-sizing: border-box  !important;
    box-sizing: border-box !important;
}


.flexRow {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
}
.cmmnIncentv .feldType
{
    width: 100%;
    border-color: #a6a6a6;
    border-radius: 0px;
    font-size: 10pt;
    padding: 5px 10px;
    min-height: 30px;
    color: #000000;
    margin: 0px;
}
.cmmnIncentv .feldLbl
{
    font-size: 9pt;
    color: #000000;
}
.per100 {
    width: 100%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per90 {
    width: 90%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per50 {
    width: 50%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per55 {
    width: 55%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per53 {
    width: 53%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per45 {
    width: 45%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per70 {
    width: 70%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per75 {
    width: 75%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per78 {
    width: 78%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per80 {
    width: 80%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per85 {
    width: 85%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per30 {
    width: 30%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per37 {
    width: 37%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per25 {
    width: 25%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}

.per20 {
    width: 20%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per21
{
    width: 21%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per4
{
    width: 4%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per3
{
    width: 3%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per15 {
    width: 15%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per9 {
    width: 9%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per10 {
    width: 10%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per11 {
    width: 11%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per22 {
    width: 22%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per23 {
    width: 23%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per16 {
    width: 16%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per17 {
    width: 17%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per84 {
    width: 84%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per6 {
    width: 6%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per7 {
    width: 7%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per5 {
    width: 5%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per8 {
    width: 8%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per33 {
    width: 33.33%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per38 {
    width: 38%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per40
{
    width: 40%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per48
{
    width: 48%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per47
{
    width: 47%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per46
{
    width: 46%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per35
{
    width: 35%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per65
{
    width: 65%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per60
{
    width: 60%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.per62
{
    width: 62%;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
}
.pull-right
{
    float: right;
}

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

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

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

.loader 
{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 0;
    opacity: 0.8;
    z-index: 999;
    transform: translate(-50%, -50%);
}
.MrgnTop65 {
    margin-top: 65px;
}
.padLftRt {
    padding-left: 0px;
    padding-right: 0px;
}
.CoverContainer 
{
    float: left;
    width: 100%;
}
.CoverContainer .per100
{
    padding-left: 0px;
    padding-right: 0px;
}
/*Common Css End Here*/


/*Common Filter Changes Css Start Here*/
.cfSelectedFilers div {
    padding-bottom: 20px;
}

.cfSelectedFilers {
    height: auto;
    position: absolute;
    background-color: #fff;
    left: 500px;
    width: 400px;
    padding: 20px;
    padding-top: 10px;
    border-radius: 7px;
    box-shadow: 3px 3px 6px 9px #33333312;
}

.innerCfSelectedFilers {
    overflow-x: auto;
    max-height: 328px;
}

.cfSelectedFilers span {
    margin-left: 28%;
    font-size: 22px;
    color: #345c8c;
}


.cfSelectedFilers * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.innerCfSelectedFilers ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .innerCfSelectedFilers ul span {
        display: block;
        font-weight: bold;
        padding-bottom: 10px;
        font-size: 14px;
        margin-left: initial;
        color: black;
    }

    .innerCfSelectedFilers ul li {
        border: 1px solid #ddd;
        margin-top: -1px; /* Prevent double borders */
        background-color: #f6f6f6;
        padding: 4px;
        text-decoration: none;
        font-size: 12px;
        color: black;
        display: block;
        position: relative;
        border-radius: 5px;
        margin-bottom: 4px;
    }

        .innerCfSelectedFilers ul li:hover {
            background-color: #eee;
        }

.innerCfSelectedFilers .close {
    cursor: pointer;
    position: absolute;
    right: 0%;
    padding: 0px 4px 2px;
    border-radius: 5px;
    top: 2px;
}

    .innerCfSelectedFilers .close:hover {
        background: #bbb;
    }

/*Common Filter Changes Css End Here*/

/*2020 Aug new pages css start here*/

.prem_total_amt {
    background: #455a64;
    display: inline-block;
    min-width: 160px;
    padding: 15px;
    border-radius: 12px;
    margin: 20px 0px 0px;
    color: #ffffff;
    font-size: 15px;
}

    .prem_total_amt b {
        display: inline-block;
        margin-top: 8px;
    }

.Calendar_box {
    width: 31% !important;
    padding-top: 15px !important;
    height: 60px !important;
    float: left !important;
    background-color: #ffff99 !important;
    border: 0px solid gray !important;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .5);
    margin: 5px;
    border-radius: 5px;
}
/*2020 Aug new pages css end here*/

/*15 march 2020*/
/* Material Form Css start here */

.MaterialFormCss label.LblPlce {
    font-family: Verdana, Geneva, sans-serif;
    padding: 5px 0px;
    font-size: 12px;
    position: absolute;
    top: 19px;
    left: 0;
    opacity: 1;
    z-index: 9;
    text-transform: capitalize;
    padding: 0px 12px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}

.MaterialFormCss .form_control {
    margin-left: 0px;
    position: relative;
    z-index: 10;
    /* height: 32px;
    float: left;*/
    font-family: Verdana, Geneva, sans-serif;
    background: transparent;
}

.flexDiv {
    display: flex;
    display: -webkit-flex;
}

.MaterialFormCss select.form_control, .ms-choice {
    vertical-align: middle;
    padding: 5px 10px;
    z-index: 9;
    margin-top: 0px;
    border: solid 1px #bfbfbf;
    border-radius: 0px;
    height: 31px !important;
    line-height: 32px;
}

.MaterialFormCss select:focus {
    outline: none;
    box-shadow: none;
}

.form_control:focus {
    color: initial;
    background-color: initial;
    border-color: initial;
    outline: 0;
    box-shadow: none;
}


.MaterialFormCss textarea.form_control {
    height: 135px;
}

.MaterialFormCss .form_control:focus ~ label.LblPlce, .MaterialFormCss .form-group label.LblPlce.actv, label.LblPlce.actv, .MaterialFormCss select.form_control ~ label.LblPlce.actv, .MaterialFormCss input[type="date"].form_control ~ label.LblPlce {
    top: -20px;
    opacity: 1;
    left: 0;
    line-height: 20px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
}

.MaterialFormCss .form-group {
    position: relative;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-top: 10px;
}

.form-group .btnSameGroupClick, .form-group .btnOtherGroupClick {
    background: #49858D;
    color: #ffffff !important;
}
/* Material Form Css end here */
.width5perBoxSizing {
    width: 5%;
    float: left;
    box-sizing: border-box;
}

.width10perBoxSizing {
    width: 10%;
    float: left;
    box-sizing: border-box;
}

.width15perBoxSizing {
    width: 15%;
    float: left;
    box-sizing: border-box;
}

.width20perBoxSizing {
    width: 20%;
    float: left;
    box-sizing: border-box;
}

.width25perBoxSizing {
    width: 25%;
    float: left;
    box-sizing: border-box;
}

.width30perBoxSizing {
    width: 30%;
    float: left;
    box-sizing: border-box;
}

.width33perBoxSizing {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
}

.width50perBoxSizing {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.width75perBoxSizing {
    width: 75%;
    float: left;
    box-sizing: border-box;
}

.width100perBoxSizing {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.inputCutmWidth .form_control {
    width: 95% !important;
    max-width: 95% !important;
    min-width: 95% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.divdialog {
    position: fixed;
    right: 0;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}