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

body {
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

a {
    outline: none;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, ul, li {
    font-weight: normal;
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 38px;
    color: #5f625a;
    font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
    width: 1000px;
    margin: 0 auto;
}

.MainHeader {
    width: 980px;
    /* width: 1000px;*/
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

/*
.header{
	width:980px;
	float:left;
	margin-top:20px;
}
*/

.Mainlogo {
    float: left;
    width: 194px;
    margin-left: 15px;
}

/*.logo{
	float:left;
	width:194px;
}
*/

.navigation {
    float: right;
    /*width: 586px;
    height: 41px;*/
    margin: 20px 0 0 0;
    width: auto;
}

    .navigation ul {
        list-style: none;
        padding: 0 0 0 10px;
        margin: 0 0 0 0;
        float: left;
    }


        .navigation ul li {
            list-style: none;
            margin: 6px 0 0 0;
            /*float: left;*/
            display: inline-block;
            text-align: right;
        }

            .navigation ul li a {
                padding: 0 7px 0 7px;
                margin: 0 0 0 0;
                color: #454545;
                text-decoration: none;
                font-size: 13px;
            }


                .navigation ul li a:hover {
                    color: var(--PrimaryColor);
                    text-decoration: underline;
                }

/**************************************/
.navigationSignIN {
    float: right !important;
    width: 586px;
    height: 41px;
    margin: 10px 30px 0 0;
    text-align: right;
    background-repeat: no-repeat;
    clear: right;
    position: relative;
}


    .navigationSignIN ul {
        list-style: none;
        padding: 0 0 0 0px;
        margin: 10px 30px 0 0;
        float: left !important;
        width: 200px;
        /*background-color: Green;*/ /*for testing*/
    }

@-moz-document url-prefix() {
    .navigationSignIN ul;

{
    margin: 5px 0 0 0;
}

} /** For Mozila Firefox**/

.navigationSignIN ul li {
    list-style: none;
    margin: 0 0 0 0;
    float: left !important;
}

    .navigationSignIN ul li a {
        padding: 0 0px 0 0px;
        margin: 0 0 0 0;
        color: #434343;
        text-decoration: none;
        font-size: 13px;
    }

.navigationSignIN td a {
    color: #000;
    text-decoration: none;
}

    .navigationSignIN td a:hover {
        color: #000;
        text-decoration: none;
    }
/******************************************/



.navRightDiv {
    float: right;
    min-width: 120px;
    width: auto !important;
    margin: 5px 10px 0 0;
    /*background-color: Blue;*/ /*for testing*/
    text-align: right;
    padding-right: 2px;
}

    .navRightDiv a {
        padding: 0 4px 0 4px;
        margin: 0 0 0 0;
        color: #fff !important;
        text-decoration: none;
        font-size: 13px;
    }

        .navRightDiv a:hover {
            color: var(--PrimaryColor);
            text-decoration: underline;
        }

        .navRightDiv a img {
            padding-right: 3px;
        }

.QuoteSteps {
    float: left;
    /* width: 780px;*/
    width: 75%;
    margin: 20px 0 10px 0;
}

/*css hack for IE8*/
@media \0screen {
    .QuoteSteps {
        margin: 20px 0 25px 0;
    }
}


@media \0screen {
    #IfpSteps .QuoteSteps {
        margin: 20px 0 0 0 !important;
    }
}



.QuoteSteps ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    list-style: none;
}

    .QuoteSteps ul li {
        list-style: none;
        display: inline;
        font-size: 18px;
        color: #737374;
        margin-right: 7px;
    }

        .QuoteSteps ul li.current {
            color: var(--PrimaryColor) !important;
            /*color:#c44f02;*/
            font-weight: bold;
        }

        .QuoteSteps ul li span {
            font-size: 18px;
            /*font-size: 34px;*/
        }

        .QuoteSteps ul li img {
            padding-left: 6px;
            margin-bottom: -5px;
        }

#smallBizSteps ul li span {
    /*font-size: 22px !important;*/
    font-size: 18px !important;
}

.ApplicationSteps {
    float: left;
    width: 980px;
    margin: 10px 0 0 0;
}

    .ApplicationSteps ul {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        list-style: none;
    }

        .ApplicationSteps ul li {
            list-style: none;
            display: inline;
            font-size: 20px;
            color: white;
            margin-right: 15px;
        }

            .ApplicationSteps ul li.current {
                color: #113f78;
            }

            .ApplicationSteps ul li span {
                font-size: 28px;
            }

            .ApplicationSteps ul li img {
                padding-left: 10px;
                width: 22px;
                height: 18px;
            }

.ApplicationStepsQuest {
    float: left;
    width: 980px;
    margin: 10px 0 0 0;
}

    .ApplicationStepsQuest ul {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        list-style: none;
    }

        .ApplicationStepsQuest ul li {
            list-style: none;
            display: inline;
            font-size: 17px;
            color: white;
            margin-right: 15px;
        }

            .ApplicationStepsQuest ul li.current {
                color: #113f78;
            }

            .ApplicationStepsQuest ul li span {
                font-size: 28px;
            }

            .ApplicationStepsQuest ul li img {
                padding-left: 10px;
                width: 22px;
                height: 18px;
            }

.progressWrap {
    float: left;
    width: 186px;
    font-family: Arial, Helvetica, sans-serif;
}

    .progressWrap span {
        color: #444444;
        font-size: 14px;
    }

.nextStepBtn {
    float: left;
    width: 180px;
    margin-top: 8px;
}

    .nextStepBtn a {
        font-size: 12px;
        font-weight: bold;
        color: var(--PrimaryColor) !important;
        float: left;
        margin-left: 60px;
        font-family: Arial, Helvetica, sans-serif;
    }

        .nextStepBtn a:hover {
            color: var(--SecondaryColor);
            text-decoration: none !Important;
        }

    .nextStepBtn img {
        float: left;
        margin: 0 0 0 12px;
    }

.indicatorBar {
    float: left;
    width: 142px;
    background-color: #cacccb;
    height: 7px;
    margin: 0 0 5px 0px;
}

.indicatorBarChild {
    float: left;
    width: 35px;
    /*background-color:#132f5e;*/
    background-color: #C1CD23;
    height: 7px;
    margin: 0px 0 5px 0;
}

.ItemPaddingStyle {
    padding: 5px 30px 2px 2px;
}

.ItemPaddingStyle10 {
    padding: 5px 10px 2px 2px;
}

.ItemPaddingStyle20 {
    padding: 5px 20px 2px 2px;
}

.ItemPaddingStyle30 {
    padding: 5px 30px 2px 2px;
}

.consumerContainer {
    /*float:left;*/
    width: 980px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

    .consumerContainer h1 {
        border-bottom: 1px solid #989898;
        padding-bottom: 5px;
        font-size: 18px;
        /*background-image: url(../images/orangesmlarrow.png) !important;
        background-repeat: no-repeat;
        background-position: 0 8px;*/
        padding-left: 0px;
        padding-top: 0px;
    }

    .consumerContainer h1 {
        font-size: 18px;
        /*background-image:url(../images/bluesmlarrow.png);
	background-repeat:no-repeat;*/
        padding-top: 0px;
    }



.companyInfoWrap {
    float: left;
    width: 980px;
    /*margin-top:15px*/
}

.companyInfoForm {
    float: left;
    width: 100%;
}


.label {
    font-size: 13px;
    color: #434343;
    padding: 2px;
    /*width:140px*/
    /*font-weight:bold;*/
}

.labelFeild {
    font-size: 13px;
    color: #434343;
    padding: 2px;
    width: 500px;
    border: 1px solid red;
}

.bigInput {
    width: 255px;
    font-size: 12px;
    color: #434343;
    padding: 2px 5px 2px 5px;
    border: 1px solid #bebebe;
}

.medInput {
    width: 100px;
    font-size: 12px;
    color: #434343;
    padding: 2px 5px 2px 5px;
    border: 1px solid #bebebe;
}

.medDropDown {
    width: 110px;
    font-size: 12px;
    color: #434343;
    padding: 0 0 0 5px;
    border: 1px solid #bebebe;
}

.dropDown2 {
    font-size: 12px;
    color: #434343;
    padding: 0 0 0 5px;
    border: 1px solid #bebebe;
    width: 265px;
    width: 267px \0/; /***For IE9***/
}



.dropDown3 {
    font-size: 12px;
    color: #434343;
    padding: 0 0 0 5px;
    border: 1px solid #bebebe;
    width: 200px;
}

.dropDown {
    float: left;
    width: 210px;
    height: 35px;
    font-size: 14px;
    color: #434343;
    padding: 5px 5px 5px 0;
}

.chkboxLabel {
    font-size: 12px;
    color: #434343;
}

.radioLabel {
    font-size: 12px;
    color: #434343;
}

    .radioLabel a {
        font-size: 11px;
        color: #124079;
        text-decoration: underline;
    }

        .radioLabel a:hover {
            text-decoration: none;
        }

.smlTxt {
    font-size: 11px;
    color: #434343;
}

    .smlTxt a {
        color: #434343;
        text-decoration: underline;
    }

        .smlTxt a:hover {
            text-decoration: none;
        }

.greyBox {
    float: right;
    width: 259px;
}

.greyBoxBg {
    float: right;
    width: 259px;
    background-image: url(../images/greyboxbg.png);
    background-repeat: repeat-y;
}

.greyBoxInner {
    width: 180px;
    margin: 0 auto;
    padding-bottom: 6px;
}

.greyBoxInnerRow {
    width: 180px;
    float: left;
}

    .greyBoxInnerRow .input {
        float: left;
        width: 152px;
        height: 26px;
        background-image: url(../images/txtinputbg.png);
        background-repeat: no-repeat;
        padding: 8px 6px 2px 6px;
        font-size: 12px;
        color: #434343;
        border: none;
        background-color: transparent;
        margin: 0px 0 10px 0;
        vertical-align: middle;
    }

    .greyBoxInnerRow .smlinput {
        float: left;
        width: 124px;
        height: 26px;
        background-image: url(../images/smlInputBg.png);
        background-repeat: no-repeat;
        border: none;
        padding: 2px 6px 2px 6px;
        font-size: 12px;
        color: #434343;
        border: none;
        background-color: transparent;
        margin: 5px 0 10px 0;
    }

.greyBoxInnerRowInput {
    float: left;
    width: 152px;
    height: 26px;
    line-height: 26px;
    background-image: url(../images/txtinputbg.png);
    background-repeat: no-repeat;
    border: none;
    padding: 2px 6px 2px 6px;
    font-size: 12px;
    color: #434343;
    border: none;
    background-color: transparent;
    margin: 5px 0 10px 0;
}

.greyBoxInnerRowSmallInput {
    float: left;
    width: 124px;
    height: 26px;
    background-image: url(../images/smlInputBg.png);
    background-repeat: no-repeat;
    border: none;
    padding: 2px 6px 2px 6px;
    font-size: 12px;
    color: #434343;
    border: none;
    background-color: transparent;
    margin: 5px 0 10px 0;
}

.calenderIcon {
    float: left;
    width: 30px;
    margin: 7px 0 0 10px;
}

.shadow {
    margin: 20px 0 0 0;
}

.btmBdr {
    border-bottom: 1px solid #bfbfbf;
}


.employeeInfo {
    float: left;
    width: 980px;
    margin-top: 20px;
}

.UpoadEmployeeInfo {
    padding: 10px 0px 10px 5px;
    float: left;
    width: 980px;
    margin-top: 20px;
}

.addEmployee {
    float: left;
    width: 128px;
    margin-top: 10px;
}

    .addEmployee a {
        float: left;
        width: 128px;
        height: 27px;
        background-image: url(../images/blueBtn.png);
        background-repeat: no-repeat;
        padding-left: 8px;
        color: #05264e;
        font-size: 12px;
        line-height: 26px;
    }

        .addEmployee a img {
            margin: 0 5px -3px 0;
            margin: 0 5px -4px 0\0/; /*** IE 9 and  IE8***/
        }


        .addEmployee a:hover {
            text-decoration: none;
            background-position: 0 -26px;
        }


.btn {
    float: left;
    /*width:128px;*/
    margin: 10px 3px 0 0;
}

    .btn a, .btn input, input.btn {
        float: left;
        width: 128px;
        /*height: 26px;
        background-image: url(../images/btn-bg.jpg);
        background-repeat: repeat-x;
        border: 1px solid #ba8e61;
         line-height: 26px;
       */
        color: #fff !important;
        text-align: center;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background-color: var(--PrimaryColor);
        border: 1px solid var(--PrimaryColor);
        font-weight: bold;
        padding: 6px 8px;
    }


        .btn a:hover, input.btn:hover, .btn input:hover {
            color: #fff;
            text-decoration: none !important;
            background-color: var(--HoverColor) !important;
            cursor: pointer !important;
            /*text-decoration: none;            
            color: #000 !important;*/
        }



.btnSml2 {
    /*float:left;*/
    /*width:128px;*/
    margin: 10px 3px 0 0;
}

    .btnSml2 a, .btnSml2 input, input.btnSml2 {
        /*float:left;	*/
        height: 26px;
        background-image: url(../images/btn-bg.jpg);
        background-repeat: repeat-x;
        color: #fff !important;
        text-align: center;
        line-height: 26px;
        border: 1px solid #ba8e61;
        border-radius: 5px;
        -moz-border-radius: 5px; /* Old Firefox */
        background-color: #faae5a;
        font-weight: bold;
    }

        .btnSml2 a:hover, btnSml2:hover, input.btnSml2:hover {
            text-decoration: none;
            cursor: pointer !important;
            color: #000 !important;
        }


.btnSmlRt {
    /*float:left;*/
    /*width:128px;*/
    margin: 10px 3px 0 0;
}

    .btnSmlRt a, .btnSmlRt input, input.btnSmlRt {
        /*float:left;	*/
        height: 26px;
        background-image: url(../images/btn-bg.jpg);
        background-repeat: repeat-x;
        color: #fff !important;
        text-align: center;
        line-height: 26px;
        border: 1px solid #ba8e61;
        border-radius: 5px;
        -moz-border-radius: 5px; /* Old Firefox */
        background-color: #faae5a;
        font-weight: bold;
    }

.btnSml2 a:hover, btnSml2:hover, input.btnSml2:hover {
    text-decoration: none;
    cursor: pointer !important;
    color: #000 !important;
}

.qouteBtn {
    float: right;
    width: 250px;
    margin-top: 5px;
    clear: both;
}

.left {
    float: left;
}

.clr {
    clear: both;
}

.TxtInput {
    font-size: 12px;
    color: #434343;
    padding: 2px 5px 2px 5px;
    border: 1px solid #bebebe;
}


.sideBar {
    float: left;
    /*width: 180px;*/
    /*border-right:1px solid #c3c3c3;*/
    margin: 0 0 0 0px;
    width: 188px;
}

    .sideBar ul {
        list-style: none;
        margin: 0 0 15px -11px;
        float: left;
        width: 180px;
    }

        .sideBar ul li {
            list-style: none;
            display: block;
            float: left;
            width: 180px;
            line-height: 22px;
        }

            .sideBar ul li .checkBox {
                float: left;
                width: 16px;
                margin-top: 2px;
            }

    .sideBar checkBox {
        float: left;
        width: 16px;
        margin-top: 2px;
    }

    .sideBar .label {
        float: left;
        width: 16px;
        margin-top: 2px;
    }

    .sideBar ul li label {
        font-size: 12px !important;
    }

    .sideBar ul li .label {
        float: left;
        width: 155px;
        font-size: 12px;
        color: #434343;
        margin: 0 0 0 7px;
    }

    .sideBar ul li table tr td {
        float: left;
        width: 155px;
        font-size: 12px;
        color: #434343;
        margin: 0 0 0 7px;
    }

    .sideBar h2 {
        font-size: 13px;
        color: #5F625A;
        padding: 0 0 15px 0;
        margin: 0 0 0 0;
        font-weight: bold;
    }

    .sideBar h4 {
        font-size: 19px;
        color: #444444;
        /*padding:0 0 10px 15px;*/
        padding: 0 0 10px 0px;
        margin: 0 0 0 0;
        /*background-image: url("../images/bluesmlarrow.png");
    background-position: 0 2px;*/
        background-repeat: no-repeat;
        clear: both;
        text-align: left !important;
    }

.ContentArea h4 {
    font-size: 12px;
    color: #434343;
    padding: 0 0 10px 15px;
    margin: 0 0 0 0;
    background-image: url("../images/bluesmlarrow.png");
    background-position: 0 2px;
    background-repeat: no-repeat;
    clear: both;
    text-align: left !important;
}

.inforSideBar {
    float: left;
    width: 230px;
    /*border-right:1px solid #c3c3c3;*/
    margin: 5px 0 0 10px;
}

    .inforSideBar ul {
        list-style: none;
        margin: 0 0 5px 0;
        float: left;
        width: 180px;
    }

        .inforSideBar ul li {
            list-style: none;
            display: block;
            float: left;
            width: 220px;
            padding: 0 0 5px 3px;
        }

            .inforSideBar ul li:hover {
                background-color: #ebeced;
            }

            .inforSideBar ul li a {
                font-size: 12px;
                color: #434343;
            }

    .inforSideBar h2 {
        font-size: 12px;
        color: #5F625A;
        padding: 0 0 15px 0;
        margin: 0 0 0 0;
        font-weight: bold;
    }

    .inforSideBar h4 {
        text-align: left !important;
        font-size: 11px;
        color: #434343;
        padding: 0 0 10px 0px;
        margin: 0 0 0 0;
        /*background-image: url("../images/bluesmlarrowSml.png");
    background-position: 0 5px;
    background-repeat: no-repeat;*/
        clear: both;
        font-weight: bold;
    }

        .inforSideBar h4 img {
            margin: 0 7px -4px 0;
        }


.inforSideBar2 {
    float: left;
    width: 230px;
    /*border-right:1px solid #c3c3c3;*/
    margin: 5px 0 0 10px;
}

    .inforSideBar2 ul {
        list-style: none;
        margin: 0 0 5px 0;
        float: left;
        width: 180px;
    }

        .inforSideBar2 ul li {
            list-style: none;
            display: block;
            float: left;
            width: 220px;
            padding: 0 0 5px 3px;
        }

            .inforSideBar2 ul li:hover {
                background-color: #ebeced;
            }

            .inforSideBar2 ul li a {
                font-size: 12px;
                color: #434343;
            }

.inforSideBar h2 {
    font-size: 12px;
    color: #5F625A;
    padding: 0 0 15px 0;
    margin: 0 0 0 0;
    font-weight: bold;
}

.inforSideBar2 h4 {
    text-align: left !important;
    font-size: 11px;
    color: #434343;
    padding: 0 0 10px 0px;
    margin: 0 0 0 0;
    /*background-image: url("../images/bluesmlarrowSml.png");
    background-position: 0 5px;
    background-repeat: no-repeat;*/
    clear: both;
    font-weight: bold;
}

    .inforSideBar2 h4 img {
        margin: 0 7px -4px 0;
    }

.EmployerSideBar {
    float: left;
    width: 200px;
    /*border-right:1px solid #c3c3c3;*/
    margin: 0 0 0 10px;
}

    .EmployerSideBar ul {
        list-style: none;
        margin: 0 2px 10px 0;
        float: left;
        width: 200px;
    }

        .EmployerSideBar ul li {
            list-style: none;
            display: block;
            float: left;
            width: 200px;
            line-height: 21px;
        }

            .EmployerSideBar ul li .checkBox {
                float: left;
                width: 16px;
                margin-top: 2px;
            }

            .EmployerSideBar ul li .label {
                float: left;
                width: 155px;
                font-size: 12px;
                color: #434343;
                margin: 0 0 0 7px !important;
            }

    .EmployerSideBar h2 {
        font-size: 13px;
        color: #5F625A;
        padding: 0 0 15px 0;
        margin: 0 0 0 0;
        font-weight: bold;
    }

    .EmployerSideBar h4 {
        font-size: 12px;
        color: #124079;
        padding: 0 0 0px 0px;
        margin: 0 0 0 0;
        /*background-image: url("../images/bluesmlarrowSml.png");
    background-position: 0 5px;
    background-repeat: no-repeat;*/
        clear: both;
        font-weight: bold;
        text-align: left !important;
    }

.PlanComaprisonSideBar {
    float: left;
    width: 280px;
    /*border-right:1px solid #c3c3c3;*/
    margin: 0 0 0 10px;
}


    .PlanComaprisonSideBar td {
        /*float:left;*/
        width: auto;
        font-size: 12px;
        color: #434343;
        margin: 0 0 0 0;
        white-space: normal;
    }

        .PlanComaprisonSideBar td checkBox {
            float: left;
            width: 16px;
            margin-top: 2px;
        }

        .PlanComaprisonSideBar td Span {
            /*float:left;*/
            width: 200px;
            font-size: 12px;
            margin: 0 0 0 0px !important;
            white-space: normal !important;
        }

.WizardMenuStyle {
    padding: 0px;
    margin: 0px;
    width: 200px;
    height: auto;
    background-color: #F2F2F2;
    font-size: 10pt;
    font-family: Arial, Tahoma, Verdana;
    color: #262525;
    font-weight: normal;
    overflow: auto;
}

    .WizardMenuStyle h3 {
        padding: 0px;
        margin: 0px;
        float: left;
        display: block;
        line-height: 28px;
        border: 1px solid #DDDBDB;
        padding-left: 10px;
        margin-bottom: 2px;
        font-size: 10pt;
        width: 188px;
        background: url(images/vertical-nav_h3bg.jpg) repeat-x left bottom #ffffff;
        vertical-align: middle;
    }

        .WizardMenuStyle h3 * {
            vertical-align: middle;
        }

        .WizardMenuStyle h3 span {
            display: inline-block;
            height: 100%;
            width: 30px;
            line-height: 30px;
            vertical-align: middle;
            float: left;
            padding-top: 3px;
        }

    .WizardMenuStyle ul {
        padding: 5px 0px 5px 12px;
        margin: 0px;
        list-style-type: none;
        float: left;
        width: 188px;
    }

        .WizardMenuStyle ul li {
            list-style-type: none;
            line-height: 16px;
            width: 188px;
            float: left;
        }

            .WizardMenuStyle ul li span {
                display: block;
                height: 15px;
                float: right;
                padding-right: 10px;
                padding-top: 1px;
            }

            .WizardMenuStyle ul li a {
                color: #262525;
                text-decoration: none;
                float: left;
            }

                .WizardMenuStyle ul li a:hover {
                    color: #559b98;
                    text-decoration: none;
                }





    .WizardMenuStyle table.summarydetail {
        /*		padding:5px 0px 5px 12px; */
        padding: 0px 0px 5px 0px;
        margin: 0px;
        list-style-type: none;
        float: left;
        width: 212px;
        background-color: #E0DFDF;
    }

        .WizardMenuStyle table.summarydetail td {
            padding: 0px 0px 5px 12px;
            list-style-type: none;
            line-height: 14px;
            width: 200px;
            float: left;
        }



            .WizardMenuStyle table.summarydetail td a {
                color: #262525;
                text-decoration: underline;
                float: left;
            }

                .WizardMenuStyle table.summarydetail td a:hover {
                    color: #262525;
                    text-decoration: none;
                }
















.heading2 {
    font-size: 12px;
    color: #5F625A;
}

.normalTxt {
    font-size: 12px;
    color: #000;
}

.normalGrayTxt {
    font-size: 12px;
    color: #434343 !important;
}

    .normalGrayTxt span, .normalGrayTxt a {
        font-size: 12px;
        color: #124079;
    }

        .normalGrayTxt a:hover {
            text-decoration: underline;
        }

.tabs {
    margin: 0px 0 0px 0;
}

.tabsMenu {
    float: left;
    width: 750px;
    margin-left: 0px;
}

    .tabsMenu a {
        float: left;
        width: 75px;
        height: 25px;
        background-image: url(../images/tabgray.png);
        background-repeat: no-repeat;
        color: #05264e;
        font-size: 12px;
        line-height: 26px;
        text-align: center;
    }



        .tabsMenu a:hover, .tabsMenu a.active {
            background-image: url(../images/tabBlue.png);
            background-repeat: no-repeat;
            float: left;
            width: 75px;
            height: 25px;
        }

.tabs a {
    font-size: 12px;
    color: #05264E;
    padding: 5px 5px 5px 5px;
    background-color: #8cc0dd;
    float: left;
    margin: 0 2px 0 0;
    line-height: 23px;
}

    .tabs a:hover {
        font-size: 12px;
        color: #05264E;
        padding: 5px 5px 5px 5px;
        background-color: #b9bbbc;
    }

.tabsContent {
    float: left;
    width: 742px;
    min-height: 45px;
    /*border:1px solid #b1b0ae;	*/
    padding: 0px 0px 5px 0px;
    clear: both;
}

.tabsContentFreeHeight {
    float: left;
    width: 742px;
    border: 1px solid #b1b0ae;
    padding: 10px 0px 5px 0px;
    clear: both;
}

.quotationDiv {
    float: left;
    width: 745px;
    /*margin:20px 0 0 0;*/
    padding-right: 5px;
}

.quotationDivBtmSpace {
    margin-bottom: 10px;
}

.quotationDiv h2 {
    font-size: 18px;
    color: #000;
    line-height: 26px;
}

.qouteChkBoxBg {
    background-color: #e8e8e8;
    padding: 0 5px 0 5px;
}

.employeeCost {
    font-size: 12px;
    color: #000;
}

.link {
    color: #63625d;
    text-decoration: underline;
    font-size: 12px;
    /*padding: 0 2px 0 2px;*/
}

a.link:hover {
    text-decoration: none;
}


.approvalBox {
    width: 145px;
    padding: 8px 0 5px 0;
    text-align: center;
    border: 1px solid #b1b0ae;
    font-size: 12px;
    margin: 7px 3px 5px 0;
    float: right;
    vertical-align: top !important;
    min-height: 40px;
}

.plan-price {
    font-size: 18px;
    color: #000;
    clear: both;
    display: block;
}

.plan-period {
    font-size: 12px;
    color: #4d4e50;
    margin-top: 3px;
    display: inline-block;
}

.quoteTableBdr {
    border: 1px solid #b1b0ae;
}

.plan-attributes h2 {
    font-size: 11px;
    color: #05264E;
    font-weight: bold;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal;
}

.plan-attributes h3 {
    font-size: 12px;
    color: #000;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal;
}

.viewDetail a {
    font-size: 11px;
    text-align: center;
    display: block;
    color: #63625d;
    text-decoration: underline;
    padding: 5px 0 7px 0;
}

    .viewDetail a:hover {
        text-decoration: none;
    }

.btmShadow {
    background-image: url(../images/btmShadow.jpg);
    background-repeat: repeat-x;
    height: 18px;
}

.popUp {
    float: left;
    width: 960px;
    border: 1px solid #b1b0ae;
    padding: 10px;
}

    .popUp p {
        font-size: 12px;
        color: #63625d;
    }

.popUpInput {
    width: 280px;
    font-size: 13px;
    padding: 3px;
    border: 1px solid #b1b0ae;
    margin-top: 5px;
}

.rightBdr {
    border-right: 1px dotted #b1b0ae;
}

.qouteBtmBdr {
    border-bottom: 1px solid #b1b0ae;
    margin: 0 5px 5px 0;
}

.topBdr {
    border-top: 1px solid #b1b0ae;
}

.qouteBdr {
    border: 1px solid #b1b0ae;
}

.formTopSpace {
    margin: 15px 0 10px 0;
}

/**************** Enrollment   *******************/

.enrollment {
    width: 980px;
    float: left;
    margin: 0 0 8px 0;
    text-align: left;
}

    .enrollment span {
        font-size: 12px;
        color: #124079;
    }

#summaryContent {
    display: block;
}

.enrollmentSummary {
    background-color: #ebf4f9;
    width: 960px;
    float: left;
    margin: 12px 0 0 0;
    padding: 10px 10px 3px 10px;
    text-align: left;
    clear: both;
}

.summaryHeadContainer {
    float: left;
    width: 90%;
}

.enrollmentSummary h3 {
    font-size: 14px;
    color: #434343;
    padding-bottom: 15px;
}

.enrollmentSummary h4 {
    font-size: 11px;
    color: #434343;
    font-weight: bold;
    text-align: left !important;
}

.enrollmentSummary ul {
    list-style: none;
}

    .enrollmentSummary ul li {
        list-style: none;
        display: block;
        font-size: 12px;
        line-height: 20px;
        color: #434343;
        font-family: Arial;
    }

        .enrollmentSummary ul li a {
            color: #124079;
        }

            .enrollmentSummary ul li a:hover {
                text-decoration: underline;
            }

.closeSummary {
    font-size: 12px;
}

    .closeSummary a {
        font-size: 10px;
        color: #474747;
        padding: 0 0px 3px 0;
    }

        .closeSummary a:hover {
            text-decoration: underline;
        }

.employeeSearchPanel {
    float: left;
    width: 980px;
    margin-top: 25px;
}

.seeEmployee {
    float: right;
    width: 500px;
    margin-right: 37px;
    text-align: right;
}

.employeeSearchBg {
    float: right;
    width: 812px;
    height: 34px;
    line-height: 32px !important;
    background-image: url(../images/searchBg.png);
    background-repeat: no-repeat;
}

.employeeSearchBg {
    float: right;
    width: 980px;
    height: 41px;
    line-height: 43px !important;
    background-image: url(../images/new-searchBg.png);
    background-repeat: no-repeat;
    margin: 5px 0 10px 0;
}

.searchAlphabet {
    float: left;
    width: 620px;
    margin-left: 12px;
}

    .searchAlphabet ul {
        list-style: none;
    }

        .searchAlphabet ul li {
            display: inline;
            padding: 0;
            margin: 0;
        }

            .searchAlphabet ul li a {
                padding: 1px 1px 1px 4px;
                margin: 0;
                color: #fff;
                font-size: 11pt;
            }

                .searchAlphabet ul li a:hover {
                    background-color: #fff;
                    color: #8e4808;
                }

                .searchAlphabet ul li a.active {
                    background-color: #c5ddea;
                }

.empolyeeSearch {
    float: right;
    width: 170px;
    margin: 9px 9px 0 0;
}

.empoloyeeSearchInput {
    width: 140px;
    font-size: 12px;
    font-style: italic;
    color: #828387;
    float: left;
}

    .empoloyeeSearchInput:focus {
        font-style: normal;
    }

.searchIcon {
    float: left;
    margin: 3px 0 0 8px;
}


.searchResultPanel {
    float: left;
    width: 980px;
    margin: 10px 0 0 0;
}

.searchResultPanelMemberHome {
    float: left;
    width: 980px;
    margin: 2px 0 0 0;
}

.searchResult {
    height: 300px;
    overflow-y: scroll;
}

.employeeThumbnail {
    width: 87px;
    padding: 0 0 15px 0;
    text-align: center;
    margin-right: 4px;
}


    .employeeThumbnail:hover {
        background-image: url(../images/uparrow.png);
        background-repeat: no-repeat;
        background-position: bottom center;
        cursor: pointer;
    }

        .employeeThumbnail:hover img {
            border: 1px solid #f5a21d;
        }

    .employeeThumbnail img {
        border: 1px solid #dedede;
    }

    .employeeThumbnail span {
        color: #434343;
        font-size: 11px;
    }

    .employeeThumbnail img {
        margin: 0 0 5px 0;
    }

.character {
    font-size: 16px;
    /*line-height: 80px !important;*/
    color: #676767;
    padding: 0 5px 15px 0;
}

.searchResultSpace {
    margin: 0 0 7px 10px;
}

.employeeInfoBg {
    background-color: #f4f4f4;
    float: left;
    width: 212px;
    /*position:relative;*/
}

.employeeDetail {
    color: #434343;
    font-size: 11px;
    padding: 0px 0 0 0;
    line-height: 17px;
    width: 190px;
    margin-left: 10px;
    position: relative;
    z-index: 100;
    float: left;
    margin-top: 0px !important;
}

    .employeeDetail span {
        color: #124079;
    }

    .employeeDetail h4 {
        font-size: 14px;
        color: #434343;
    }

    .employeeDetail h3 {
        font-size: 12px;
        color: #434343;
        font-weight: bold;
        padding: 20px 0 0px 0;
        display: block;
    }

    .employeeDetail ul {
        list-style: none;
    }

        .employeeDetail ul li {
            padding: 0;
            margin: 0;
            border-bottom: 1px solid #c7c7c7;
            padding-bottom: 0px;
            display: block;
            float: left;
            width: 190px;
            margin-top: 11px;
        }

            .employeeDetail ul li .right {
                float: right;
                width: 45px;
                font-size: 10px;
                margin-top: 17px;
            }

            .employeeDetail ul li .left {
                float: left;
                width: 140px;
                font-size: 13px;
                font-weight: bold;
            }

            .employeeDetail ul li a {
                padding: 0;
                margin: 0;
                color: #474747;
            }

                .employeeDetail ul li a:hover {
                    text-decoration: underline;
                }

/****************  SummaryPlan2 Style   *******************/

.summaryPlan2 {
    float: left;
    width: 980px;
    margin: 20px 0 0 0;
    padding-right: 5px;
}

    .summaryPlan2 h4 {
        color: #5F625A;
        font-size: 18px;
    }

.gridView thead {
    background-color: #e3e3e3;
    border-bottom: 1px solid #b7b9b8;
}

    .gridView thead th {
        font-size: 11px;
        color: #434343;
        font-weight: normal;
        padding: 0px 0 2px 0;
        border-left: 1px solid #b1b0ae;
        font-weight: bold;
    }

.gridView tbody tr {
    border-left: 1px solid #b1b0ae;
}

    .gridView tbody tr.row {
        background-color: #fafafa;
    }

        .gridView tbody tr.row:hover {
            background-color: #f2f2f2;
        }


    .gridView tbody tr.altRow {
        background-color: #fff;
    }

        .gridView tbody tr.altRow:hover {
            background-color: #f2f2f2;
        }

.gridView tbody td {
    border-left: 1px solid #b1b0ae;
    border-top: 1px solid #b1b0ae;
    font-size: 11px;
    padding: 1px 0 2px 3px;
}

#profile {
    display: block;
}

#brian {
    display: none;
}

#lisa {
    display: none;
}

.showhideContent {
    float: left;
    width: 180px;
    padding-top: 10px;
}


.consumerEmpPanel {
    width: 980px;
    float: left;
    margin-top: 20px;
}

    .consumerEmpPanel h1 {
        border-bottom: 1px solid #989898;
        padding-bottom: 5px;
        font-size: 18px;
        background-image: url(../images/orangesmlarrow.png) !important;
        background-repeat: no-repeat;
        background-position: 0 8px;
        padding-left: 20px;
        padding-top: 0px;
    }


    .consumerEmpPanel h2 {
        font-size: 19px;
        color: #124079;
        padding: 0 0 5px 0;
    }

    .consumerEmpPanel h4, .consumerEmpPanel span {
        font-size: 12px;
        color: #434343;
        font-weight: bold;
    }

.compsumerEmpContent {
    float: left;
    width: 460px;
    font-size: 12px;
    color: #434343;
    margin: 0 5px 7px 0;
}


    .compsumerEmpContent h2, .compsumerEmpContent h2 span {
        color: #124079;
        font-size: 16px !important;
        font-weight: normal;
        padding: 10px 0;
    }

    .compsumerEmpContent span {
        color: #113f79;
    }

.consumerPic {
    float: left;
    width: 100px;
}

    .consumerPic img {
        border: 1px solid #eaeaea;
        margin: 0 0 5px 0;
    }

    .consumerPic span {
        font-size: 12px;
        color: #434343;
        margin: 2px 0 2px 0;
        font-weight: normal !important;
    }

.consumerInfo {
    float: left;
    width: 210px;
    margin: 0px 2px 0 2px;
    vertical-align: top !important;
}

.CheckedListBoxMenue {
    vertical-align: top;
}

    .CheckedListBoxMenue TD {
        margin: 1px;
    }

        .CheckedListBoxMenue TD Input {
            vertical-align: middle;
        }

        .CheckedListBoxMenue TD label {
            vertical-align: middle;
        }


.consumerInfo span {
    font-weight: normal !important;
}

.consumerInfo td {
    line-height: 20px;
    color: #434343;
}

.benefitSummay {
    float: left;
    width: 160px;
    margin: 5px 0 0 5px;
}

    .benefitSummay span {
        font-weight: normal !important;
    }

    .benefitSummay td {
        line-height: 15px;
    }

    .benefitSummay h4, .benefitSummay h4 span {
        color: #434343;
        margin: 0 !important;
        display: inline;
        font-weight: bold !important;
    }

.spacer {
    margin-bottom: 5px;
}

.dependentWrap {
    float: left;
    width: 960px;
    font-size: 12px;
    color: #434343;
    margin: 0 0 7px 0;
}


    .dependentWrap span {
        color: #113f79;
    }

.dependentMainCont {
    float: left;
    width: 460px;
    font-size: 12px;
    color: #434343;
    margin: 0 5px 7px 0;
}

.dependentCont {
    float: left;
    width: 210px;
    margin:: 5px 2px 0 2px;
}

.consumerPic span {
    font-size: 12px;
    color: #5f625a !important;
    font-weight: normal !important;
    height: auto !important;
    line-height: 16px;
}

.dependentCont td {
    line-height: 20px;
    color: #434343;
}

.dependentCont span {
    font-weight: normal !important;
}

.subHeading {
    font-size: 12px;
    color: #5f625a;
    padding: 0 0 5px 0;
    font-weight: bold;
}

.cmprPlans thead {
    background-color: #e2e2e2;
    border: none;
}

    .cmprPlans thead th {
        padding: 5px 0 0px 0;
        color: #5f625a;
        border: 1px solid #ccc;
        border-bottom: 0px solid #ccc !important;
        border-top: 0px solid #ccc !important;
    }

.planMain {
    background-color: none !important;
    color: #fff !important;
    border-collapse: collapse;
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    /*word-wrap: break-word;*/ /* Internet Explorer 5.5+ */
    /*word-break: break-all;*/
    white-space: normal;
}


.planChild {
    background-color: #5ba6c7;
    color: #fff !important;
}

.planChild {
    background-color: #fff;
    border: 1px solid #ccc !important;
}

    .planChild th {
        background-color: #fff;
        padding: 0px 0 0px 0;
        color: #5f625a;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc !important;
        font-weight: bold;
    }

    .planChild td {
        background-color: #fff;
        padding: 0px 0 0px 0;
        color: #000;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc !important;
        font-weight: normal;
        line-height: 18px;
        text-align: center;
    }

.approved {
    margin: 5px 0 10px 0;
}

    .approved td {
        line-height: 17px;
        color: #434343;
    }

.subTitle, .subTitle span {
    color: #434343;
    font-size: 12px;
}

.rightArrow {
    text-align: right;
}

.planMainGray { /*background-color:#eee !important;*/
    border-collapse: collapse;
    color: #000 !important;
}

.planMainLightGray {
    background-color: #e0e1e2 !important;
    color: #000 !important;
    border-collapse: collapse;
}

#tr1 .planMain {
    background-color: #fff !important;
    color: #434343 !important;
    border-collapse: collapse;
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

/****************  Button   *******************/

.tab div .lt {
    color: #fff;
    background: url(images/orangeBtnRt.png) no-repeat right;
    padding: 0 0 0 0;
    width: 16px;
    height: 27px;
    float: left;
}

.tab div:hover .lt {
    background: url(images/orangeBtnRtHover.png) no-repeat right;
}

.tab div a {
    text-decoration: none;
}

    .tab div a span {
        color: #fff;
        background: url(images/orangeBtnBg.png) no-repeat left !important;
        font-size: 14px;
        height: 27px;
        line-height: 24px;
        text-decoration: none;
        padding: 0 20px 0 15px;
        font-family: Arial, Helvetica, sans-serif;
        float: left;
    }

.tab div:hover a span {
    color: #fff;
    background: url(images/orangeBtnBgHover.png) no-repeat left !important;
}


/****************  Strechable Button   *******************/
.button {
    margin: 0px 0 0 0;
}

    .button div .right {
        color: #fff;
        background: url(../images/btnRight.png) no-repeat right -1px;
        padding: 0 0 0 0;
        width: 8px;
        height: 27px;
        float: left;
    }
    /*.button div:hover .right{background:url(../images/btnRightHover.png) no-repeat right}*/

    .button div a {
        text-decoration: none;
    }
    /*.button div a span { color:#63625d !important;  background:url(../images/btnLeft.png) no-repeat left -1px!important; font-size:12px; color: #05264E; height:27px; line-height:24px; text-decoration:none; padding:0 10px 0 20px; float:left;}*/
    .button div input {
        color: #05264e !important;
        border: none;
        background-color: transparent;
        width: 170px !important;
        background: url(../images/btnLeft.png) no-repeat left -1px !important;
        font-size: 12px;
        color: #05264E;
        height: 27px;
        line-height: 24px;
        text-decoration: none;
        padding: 0 10px 3px 20px;
        float: left;
    }

/*.button div:hover a span{ color: #63625d;   background:url(../images/btnLeftHover.png) no-repeat left !important; }*/

.finishlaterbutton, input.finishlaterbutton {
    /*  color: #434343;
     
        background-image: url('../images/bluebtnlong.png') !important;*/
    background-repeat: no-repeat;
    width: 220px !important;
    text-align: center;
    border: none !important;
    font-size: 12px;
    color: #434343;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    padding: 0 10px 0px 20px !important;
    background-color: #939598 !important;
    border: 1px solid #939598 !important;
}

.btn .finishlaterbutton:hover, .btn input.finishlaterbutton:hover {
    color: #fff !important;
    background-color: #575757 !important;
}


.CompareButton {
    display: none;
    height: 40px;
    font-size: 12px;
}

.AlignTopFloat {
    vertical-align: top !important;
    /*float:left;*/
}

.btn2 {
    float: left;
    width: 128px;
    margin-top: 5px;
}


    .btn2 a {
        float: left;
        width: 128px;
        background-image: url(../images/btn-bg.jpg) !important;
        background-repeat: repeat-x;
        font-size: 12px;
        color: #fff;
        line-height: 26px;
        height: 25px;
        text-align: center;
        border-radius: 5px;
        -moz-border-radius: 5px; /* Old Firefox */
        border: 1px solid #ba8e61;
    }

        /*  .btn2 a, .btn2 a
    {
        float: left;
        width: 128px;
        height: 27px;
        background-image: url(../images/blueBtn.png);
        background-repeat: no-repeat;       
        padding-left: 8px;
        color: #05264e;
        font-size: 12px;
        line-height: 26px;
    }
      */

        .btn2 a img {
            margin: 0px 5px -6px 0;
        }


        .btn2 a:hover {
            text-decoration: none;
            /*background-position: 0 -26px;*/
        }




.radupload {
    float: left;
    width: 190px !important;
    background-color: none !important;
    border: none !important;
}

.ruFakeInput {
    width: 100px !important;
}

#ctl00_ctl00_ContentPlaceHolderBody_PlaceHolderBodyMain_FileUpload2_Panel1 {
    float: left;
}

/*.ruIputs{background-color:none !important; border:none !important;}*/

/****** Risk Assessment Table ******/

.riskAssessment td {
    border-bottom: 1px solid #ccc;
}

.noBdr td {
    border: none !important;
}

.riskAssessment table.val td {
    border: none !important;
}

.clickToStart {
    float: left;
    width: 125px;
    margin-top: 8px;
}




/******** Top Dropdwon menu style *********/

.dropDwonMenuPanel {
    display: block;
    position: absolute !important;
    z-index: 100;
    background-color: #FFFFFF;
    border: 0px;
    width: 170px;
    text-align: left;
    margin: 0px 0 0px 0px !important;
    clear: both;
    left: auto !important;
    float: right !important;
    top: 32px !important;
    border: 1px solid #e0e1e2;
    right: 0 !important;
}

    .dropDwonMenuPanel ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .dropDwonMenuPanel ul li {
            padding-bottom: 1px;
            text-align: right;
            margin: 0 0px 0 0;
            display: block !important;
            float: right;
            width: 170px;
        }

            .dropDwonMenuPanel ul li a {
                display: block !important;
                font-size: 12px !important;
                font-weight: normal;
                color: #666666;
                padding: 5px 5px 5px 5px !important;
                border: none !important;
                text-decoration: none !important;
                text-align: right !important;
            }

                .dropDwonMenuPanel ul li a:hover {
                    color: #fff;
                    /*background-color:#397eb8;*/
                    background-color: var(--PrimaryColor);
                }



.planChild2 {
    background-color: #5ba6c7;
    color: #fff !important;
}

.planChild2 {
    background-color: #f9f9f9;
    border: 0px solid #ccc !important;
}

    .planChild2 th {
        background-color: #fff;
        padding: 0px 0 0px 0;
        color: #5f625a; /*border-right:0px solid #ccc !importnt;*/
        border-bottom: 0px solid #ccc !important;
        font-weight: bold;
    }

    .planChild2 td {
        background-color: #fff;
        padding: 0px 0 0px 0;
        color: #5f625a; /*border-right:0px solid #ccc !important;*/
        border-bottom: 0px solid #ccc !important;
        font-weight: normal;
        line-height: 23px;
    }

.gryRightBorder {
    border-right: 1px solid #ccc !important;
}



.gryTopRightBorder {
    border-right: 1px solid #ccc !importnt;
    border-top: 2px solid #ccc !importnt;
    line-height: 24px;
}


.gryTopBorder {
    border-top: 2px solid #ccc !importnt;
    line-height: 24px;
}





/********* Ali CSS for BrokerRegistration page tables ***********/




.brokerTbl {
    width: 980px;
}



    .brokerTbl td {
        height: 16px;
    }



.brokertxtFeild {
    width: 280px;
}

/*************** Select play Styles *******************/

.lightBlueBgNospace {
    /*background-color:#ebf4f9;*/
    background-color: #e0e1e2 !important;
}

.monthlypremium {
    background-image: url(../images/monthlypremiumbg.jpg);
    background-repeat: repeat-y;
    background-color: #f28e14;
    /*padding:30px 0;*/
    padding: 20px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    width: 125px;
    height: 50px;
}

    .monthlypremium span {
        /*font-size: 22px;*/
        font-weight: bold;
        display: block;
        padding-bottom: 8px;
        color: #fff;
    }

.plan-rowCompare {
    float: left;
    width: 180px;
    margin: 0 0 2px 0;
    font-size: 13px;
    padding: 0 5px;
}

.plan-row {
    float: left;
    width: 180px;
    margin: 0 0 2px 0;
    font-size: 14px;
    padding: 0 5px;
}

.plan-label {
    float: left;
    width: 110px;
    text-align: left;
}

.plan-value {
    float: right;
    width: 70px;
    /*font-weight:bold;*/
    text-align: right;
}


.applyPlan {
    /*background-image:url(../images/selectbg.jpg);
	background-repeat:repeat-x;
     background-color:#072352;
   */
    background-color: #C1CD23;
    text-align: center;
    line-height: 25px;
    padding-bottom: 2px;
    margin-bottom: 5px;
}

    .applyPlan a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
        font-size: 18px;
        text-decoration: none;
    }

    .applyPlan a {
        text-decoration: none;
    }




.applyPlan2 {
    /*background-image:url(../images/selectbg.jpg);
	background-repeat:repeat-x;
     background-color:#072352;
   */
    text-align: center;
    padding-bottom: 2px;
}

    .applyPlan2 a {
        font-family: Arial, Helvetica, sans-serif;
        color: #fff !important;
        font-size: 12px;
        text-decoration: underline;
    }

    .applyPlan2 a {
        text-decoration: underline;
    }


.planHeading {
    float: left;
    /*width:65%;*/
    width: 100%;
}

    .planHeading h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: var(--PrimaryColor);
        padding: 6px 0 0 10px;
        margin: 0 0 0 0;
    }

.planToplinks {
    float: right;
    /*width:35%;*/
    width: 100%;
    text-align: right;
}

    .planToplinks a {
        padding: 10px 0 0 7px;
        /*color:#123f76 !important;*/
        color: #444442;
        font-size: 11px;
        text-decoration: underline;
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
    }

        .planToplinks a:hover {
            text-decoration: none;
            cursor: pointer !important;
        }

.planAttributes {
    margin: 3px 0 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    height: 100%;
    /*display:block;*/
    padding: 0;
}

    .planAttributes td {
        height: 100%;
    }

    .planAttributes h2 {
        font-size: 14px;
        font-weight: normal;
        margin: 0 !important;
        padding: 0 !important;
        line-height: normal !important;
        text-align: center;
        color: #444442;
    }

    .planAttributes h3 {
        font-size: 16px;
        font-weight: bold;
        padding: 2px 0 0 0 !important;
        margin: 0 !important;
        line-height: normal !important;
        text-align: center;
    }

.playTDRtBdr {
    border-right: 1px solid #d5e2ea;
    text-align: center !important;
}

    .playTDRtBdr table {
        width: 100%;
        text-align: center;
        padding-top: 1px;
    }

.planICons {
    position: relative;
    bottom: 2px !important;
    z-index: 100;
}

    .planICons img {
        padding: 1px 1px 0 0;
        margin: 5px 0 -1px 0;
        float: left;
    }

.planBtmShade {
    background-image: url(../images/btmShadow.png);
    background-repeat: repeat-x;
}

#plan td {
    vertical-align: top !important;
}

/* for memeber home page right side*/
/*
.memeberemployeeDetail{	
	color:#434343;
	font-size:11px;
	padding:0px 0 0 0;
	line-height:17px;	
	width:190px;
	margin-left:10px;
	position:absolute;
	z-index:100;
	float:left;
	margin-top:0px !important;
	
}

.memeberemployeeDetail span{	
	color:#124079;
}

.memeberemployeeDetail h4{	
	font-size:14px;
	color:#434343;
}

.memeberemployeeDetail h3{	
	font-size:12px;
	color:#434343;
	font-weight:bold;
	padding:20px 0 0px 0;
	display:block;

}

.memeberemployeeDetail ul{
	list-style:none;
}

.memeberemployeeDetail ul li{
	padding:0;
	margin:0;
	border-bottom:1px solid #c7c7c7;
	padding-bottom:0px;
	display:block;
	float:left;
	width:190px;
	margin-top:11px;
}

.memeberemployeeDetail ul li .right{
	float:right;
	width:45px;
	font-size:10px;
	margin-top:17px;
}

.memeberemployeeDetail ul li .left{
	float:left;
	width:140px;
	font-size:13px;
	font-weight:bold;
}

.memeberemployeeDetail ul li a{
	padding:0;
	margin:0;
	color:#474747;
}

.memeberemployeeDetail ul li a:hover{
	text-decoration:underline;
}
*/

.questionairHead {
    background-color: var(--PrimaryColor);
    color: #fff;
    font-size: 18px;
}



/***** Live Assisstance ********/
.liveAssistance h1 {
    background-color: #b2d234;
    font-size: 20px;
    text-align: center;
    color: #fff;
    float: left;
    width: 100%;
    padding: 5px 0;
}

.liveAssistanceCont {
    font-size: 13px;
    color: #666666;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    background-image: url(../images/live-assistance.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    overflow: hidden;
    min-height: 160px;
}

.liveAssistanceCont2 {
    font-size: 13px;
    color: #666666;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
    background-image: url(../images/live-assistance2.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    overflow: hidden;
    min-height: 160px;
}

    .liveAssistanceCont p, .liveAssistanceCont2 p {
        padding: 5px 0 0 10px;
    }

.noneUL ul {
    list-style: none;
    margin-top: 10px;
}

    .noneUL ul li {
        background-image: url(../images/arrow_li.gif);
        background-repeat: no-repeat;
        background-position: 0 5px;
    }

    .noneUL ul p {
        padding-left: 20px;
    }

#footer {
    text-align: right !important;
    padding-top: 5px;
    font-size: 11px;
}

.rightblock .rightblock {
    float: right;
    margin-top: 20px;
}

.rightblock a {
    font-size: 11px;
    padding-left: 5px;
    color: #63625d;
}

    .rightblock a:hover {
        text-decoration: underline;
        color: #000;
    }

.rightblock {
    position: relative;
}

.notices {
    text-align: left;
}

.Licensingprivacy {
    font-size: 13px;
    padding: 5px;
}

    .Licensingprivacy h2 {
        font-family: 15px;
        padding: 0 0 10px 0;
    }

    .Licensingprivacy p {
        text-align: justify;
        padding: 0 0 10px 0;
        font-size: 14px;
    }


.QuoterDisclaimerContentStyle ul {
    padding: 10px 0 0 10px;
}

    .QuoterDisclaimerContentStyle ul li {
        padding: 5px 0 0 0;
        font-size: 12px;
        line-height: 16px;
    }


.QuoterDisclaimerPlanSummary ul {
    padding: 10px 0 0 20px;
}

    .QuoterDisclaimerPlanSummary ul li {
        padding: 5px 0 0 0;
        font-size: 12px;
        line-height: 16px;
    }


.greyBold {
    color: white;
    font-size: 11px;
    font-weight: bold;
    background-color: var(--SecondaryColor);
    text-align: center;
    clear: both;
    padding: 5px 0;
    margin-left: 20px;
}

.greyBoldPlanSummary {
    color: #666666;
    font-size: 10px;
    font-weight: bold;
    background-color: #ECF1F6;
    text-align: center;
    clear: both;
    padding: 5px 0;
    margin-left: 0px;
}



.qoteProfile {
    margin: 0 5px 0 0;
    display: block;
}

.qoteProfile {
}

.railtitle {
    background-color: var(--PrimaryColor);
    padding: 5px 5px;
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.railtitle2 {
    background-color: var(--PrimaryColor);
    padding: 5px 5px;
    display: block;
    font-size: 14px;
    color: #fff;
    width: 160px;
    font-weight: bold;
}

.whitebold {
    color: #fff !important;
}

.sbarspace {
    padding: 4px 0 1px;
}


.gradientback {
    /*background: url("../images/gradientback.gif") repeat scroll 0 0 transparent;*/
    background-color: #f6f8f9;
    padding: 5px 5px;
}


.gradientback2 {
    /*background: url("../images/gradientback.gif") repeat scroll 0 0 transparent;
    background-color: #f6f8f9;*/
    padding: 5px 5px;
    float: left;
    width: 160px;
}

    .gradientback2 h4 {
        font-size: 11px;
        padding-bottom: 0px;
        color: #000;
        font-weight: bold;
        padding-left: 4px;
    }

    .gradientback2 ul {
        margin-bottom: 8px;
    }

    .gradientback2 label {
        font-size: 11px;
    }

    .gradientback2 .CheckedListBoxMenue {
        margin-left: -7px;
    }

.railQuoteProfile {
    color: #1c1c1c;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    /*
        padding-left: 2px;
    padding-right: 2px;
        padding-top: 4px;
    padding-bottom : 4px;*/
    position: inherit !important;
    height: auto;
    min-height: 18px;
    vertical-align: central;
    padding-top: 3px;
}

.blackboldQuoteProfile {
    color: #2b2b2b;
    font-size: 12px;
    font-weight: bold;
    /*
    padding-left: 5px;
       
        */
    padding-top: 3px;
    vertical-align: middle;
    height: auto !important;
    min-height: 18px;
    font-family: Arial, Tahoma, Verdana;
    position: inherit !important;
}

.rail {
    color: #000000;
    font: 12px/13px arial,helvetica,sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
    width: 190px !important;
}

    .rail a {
        color: #000033;
    }

        .rail a:hover {
            color: var(--PrimaryColor);
        }


.blackbold {
    color: #2b2b2b;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
}


.radioButtonList {
    margin: 5px 0 0 -8px;
    clear: both;
}


.breakWord {
    white-space: pre-line;
    width: 300px;
}




.planSummay {
    float: right;
    width: 215px;
    background-color: #ebf7fc;
    border: 1px solid #c9e3ef;
    border-radius: 4px;
    -moz-border-radius: 4px; /* Old Firefox */
    font-size: 12px;
}

    .planSummay h2 {
        font-size: 14px;
        color: #fff;
        background-color: #b2d233;
        padding: 1px 0 1px 10px;
        font-weight: bold;
        margin: 0;
    }

.planSummayContent {
    float: left;
    width: 200px;
    margin: 10px 10px 10px 8px;
}

.contentRow {
    float: left;
    width: 210px;
    margin-top: 8px;
    color: #444444;
}

.planSummayContent span {
    color: #999999;
}


.contentRow .lt {
    float: left;
    width: 132px;
    line-height: 15px;
}

.contentRow .rt {
    float: left;
    width: 70px;
    text-align: right;
}

.estimatedTotalDiv {
    float: left;
    width: 210px;
    padding-top: 5px;
    color: #444444;
    border-top: 1px solid #c9e3ef;
    margin-top: 10px;
}

.totalTitle {
    float: left;
    width: 115px;
    padding-top: 10px;
    padding-left: 10px;
    color: #444444;
    text-align: left;
}

.estimatedTotal {
    float: right;
    width: 80px;
    padding-top: 8px;
    font-size: 12px;
    color: #990000;
    text-align: right;
}

.btnApply {
    float: left;
    width: 196px;
    height: 26px;
    background-image: url(../images/btn-bg.jpg);
    background-repeat: repeat-x;
    color: #fff !important;
    text-align: center;
    line-height: 26px;
    border: 1px solid #ba8e61;
    border-radius: 5px;
    -moz-border-radius: 5px; /* Old Firefox */
    background-color: #faae5a;
    font-weight: bold;
    margin-top: 10px;
}


    .btnApply a {
        color: #fff !important;
        text-decoration: none;
    }

        .btnApply a:hover {
            color: #000 !important;
            text-decoration: none !important;
        }



.sessionCont {
    float: left;
    width: 1000px;
    margin: 20px 0 0 0;
    text-align: left;
}

.sessionBlock {
    float: left;
    width: 400px;
    margin-top: 25px;
}

.sessionCont h3 {
    font-size: 26px;
    color: var(--PrimaryColor);
    padding: 0 0 10px 0;
    margin: 0;
    font-weight: normal;
}

.sessionCont p {
    font-size: 14px;
    color: #454545;
    padding: 0 0 0 0;
    margin: 0;
}

.orDiv {
    float: left;
    width: 62px;
    margin: 0 40px 0 40px;
}


.orTxtDiv {
    width: 18px;
    margin: 0 auto;
}

.orBg {
    width: 18px;
    float: left;
    background-image: url(../images/orbg.jpg);
    background-repeat: repeat-y;
    height: 200px;
    line-height: 200px;
}

    .orBg span {
        background-color: #fff;
        font-size: 13px;
        color: #454545;
        text-align: center;
        padding: 3px 0 0 0;
        font-weight: bold;
    }

#navigationBtn .NormalButton {
    margin-right: 5px;
}

#serviceterms {
    -webkit-box-shadow: 0px 0px 10px 3px var(--SecondaryColor);
    box-shadow: 0px 0px 10px 3px var(--SecondaryColor);
}


    #serviceterms td {
        border: none !important;
    }



/* File upload button height */

.RadUpload .ruFileWrap {
    height: 30px !important;
}

/* PopUp button alignment */
.RadWindow .rwDialogPopup .rwPopupButton {
    float: right !important;
}


/*** Questionaire Controlls styles ***/

.qnDropDown option {
    font-size: 12px;
    color: #434343;
    padding: 0 0 0 5px;
    border: 1px solid #bebebe;
    width: 187px !important;
    width: 189px \0/; /***For IE9***/
}

.qnDropDown option {
    width: 187px !important;
    width: 189px \0/; /***For IE9***/
}

.tableSeprator {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 10px;
    width: 100%;
    padding-bottom: 10px;
}

.ctrlDate input {
    width: 92px !important;
}


/*** 508 compliance ***/

/*Focus visible */
input[type="text"]:focus, select:focus, a:focus {
    border: 1px solid #808080 !important;
    outline: none;
}

.tbl-space {
    border-collapse: collapse;
    border-spacing: 0;
}

/***For IE10***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .qnDropDown option {
        width: 189px;
    }
}

.qnMonthdropdown option {
    width: 82px;
    width: 81px \0/; /***For IE9***/
}

/***For IE10***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .qnMonthdropdown option {
        width: 81px;
    }
}

.qnYeardropdown option {
    width: 92px;
    width: 91px \0/; /***For IE9***/
}


.consumerdropDn {
    width: 185px;
}

.consumerdropDn {
    width: 185px;
}

/*css hack for IE8*/

@media \0screen {
    .consumerdropDn {
        width: 187px;
    }
}

/*css hack for IE9*/
.consumerdropDn {
    width: 187px\9;
}

/*css hack for IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .consumerdropDn {
        width: 187px;
    }
}

/***For IE10***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .qnYeardropdown option {
        width: 91px;
    }
}

.qnYeardropdown2 option {
    width: 92px;
    width: 90px \0/; /***For IE9***/
}

/***For IE10***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .qnYeardropdown2 option {
        width: 90px;
    }
}

.qnYeardropdown3 option {
    width: 92px;
    width: 89px \0/; /***For IE9***/
}

/***For IE10***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .qnYeardropdown3 option {
        width: 89px;
    }
}

.ctrlDate2 input {
    width: 55px !important;
    width: 52px \0/ !important; /***For IE9***/
}

/***For IE10***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ctrlDate2 .ctrlDate2 input {

{
    width: 52px !important;
}



.listBox option {
    border: 1px solid red;
    display: block;
}


/* Classes for  payment gateway */

.SectionHeadingBorder {
    border-bottom: 1px solid #989898 !important;
    padding-bottom: 5px !important;
    font-size: 18px !important;
    /*background-image:url(../images/bluesmlarrow.png);
	background-repeat:no-repeat;*/
    background-image: url(../images/orangesmlarrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0 8px !important;
    padding-left: 20px !important;
    padding-top: 0px !important;
}

.vSapce {
    height: 10px;
}

.ctrlFtInputDivWd {
    float: left;
    width: 70px;
}

.ftTxtWidth {
    float: left;
    width: 10px;
    margin: 27px 0 0 3px;
}

.ctrlInchesInputWd {
    margin: 14px 0 0 10px;
    float: left;
    width: 70px;
}

.inchesTxtWidth {
    float: left;
    width: 30px;
    margin: 25px 0 0 3px;
}

.SpaceLtpx {
    padding-left: 10px;
}

/*** adhoc style ***/

.adhoc-bluebox {
    background-color: #f6f9ff;
    border: 1px solid #dce6ff;
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}