/*CSS RESET*/
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    vertical-align: baseline;
}*/


@import url(//fonts.googleapis.com/css?family=Open+Sans);

/*this is to keep page from shifting to left on load in safari and firefox when scroll bar appears*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}

html {
    overflow: -moz-scrollbars-vertical !important;
}


body {
    font-size: 16px;
    color: #333333 !important;
    margin: 0px;
    font-family: 'Open Sans', sans-serif !important;
}

#main_block {
    min-height: 680px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body, button, input, select, textarea {
    /*font-family: "helvetica neue",helvetica,arial,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
}

    /*this hides the contact icon in safari*/
    input::-webkit-contacts-auto-fill-button {
        visibility: hidden;
        display: none !important;
        pointer-events: none;
        position: absolute;
        right: 0;
    }

    /*td
{
  border-top-width: 0px;
  border-right-width-value: 0px;
  border-bottom-width: 0px;
  border-left-width-value: 0px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-top-color: #cccccc;
  border-right-color-value: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color-value: #cccccc;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
}

 
table.padded-table td
{
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  vertical-align: middle;
}

 
table.nonpadded-table td
{
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  vertical-align: middle;
}*/

    input[type=checkbox], input[type=radio] {
        padding: 0;
        border: 1px solid #ccc;
    }

a {
    color: #5f5f5f ;
    text-decoration: none;
}

    a:hover, a:active {
        text-decoration: underline;
    }

.checkbox label {
    display: inline !important;
    padding-left: 4px;
    font-weight: bold;
}

.checkbox.nobold label {
    font-weight: normal !important;
}


/*Table Creation CSS*/
div.table {
    border: 1px solid black;
    display: table;
}

div.tr {
    border: 1px solid black;
    display: table-row;
}

div.td {
    border: 1px solid black;
    display: table-cell;
}


/*Header / Footer*/
#header, #footer {
    float: left;
    /*padding: 15px 0;*/
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    min-width: 100%;
}

#header {
    background: #fff;
}

    #header .logo {
        float: left;
        width: 500px;
        display: table-row;
    }

    #header .compname {
        font-family: 'Franklin Gothic', Arial, sans-serif;
        font-size: 16px;
        color: black;
        display: inline;
        vertical-align: middle;
        padding-top: 20px;
    }

    #header .exit {
        font-family: 'Franklin Gothic', Arial, sans-serif;
        font-size: 16px;
        color: #035b93;
        padding-top: 5px;
        text-decoration: none;
        float: right;
    }

    #header .links {
        font-family: 'Franklin Gothic', Arial, sans-serif;
        font-size: 16px;
        color: #035b93;
        padding-top: -10px;
        text-decoration: none;
        vertical-align: middle;
        padding-bottom: 13px;
    }

#footer {
    text-align: center;
    /*To anchor to bottom of page uncomment the following lines:*/
    /*position:fixed;
		bottom:0;*/
    font-family: 'Franklin Gothic', Arial, sans-serif;
    font-size: 12px;
}

/*wrap keeps inner page width*/
.wrap {
    margin: 0 auto;
    width: 1300px;
    height: 1%;
}

.pageHeaderBottomPadding {
    height: 25px;
    display: block;
}

.headerSubheaderPadding {
    height: 2px;
    display: block;
}


/* Menu / Navigation Bar */
#menubar {
    background: #035b93;
    height: 60px;
    min-width: 100%;
}

#navcontainer ul {
    margin: 0;
    height: 60px;
    list-style-type: none;
    text-align: left;
}

    #navcontainer ul li {
        float: left;
        line-height: 60px;
        font-family: 'Franklin Gothic', Arial, sans-serif;
        font-size: 16px;
        padding: 0 10px 0 10px;
        width: 230px;
    }



    #navcontainer ul a li {
        text-decoration: none;
        color: #94B8D0;
    }

    #navcontainer ul li a:hover {
        color: #fff;
    }

    #navcontainer ul a li:hover {
        color: #fff;
    }

#navcontainer .current {
    color: #fff;
    text-decoration: none;
    padding: .2em 4em 0 0;
}


#navcontainer .employer a {
    background-image: url('../images/icon_employer_inactive.png');
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    height: 100%;
    padding: 0 0 0 30px;
    color: #cecece;
    text-decoration: none;
}

    #navcontainer .employer a:hover {
        background-image: url('../images/icon_employer_active.png');
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 30px;
        /*background-color: #01283d;*/
    }

#navcontainer .employercurrent a {
    background-image: url('../images/icon_employer_active.png');
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
    padding: 0 0 0 30px;
    display: block;
    height: 100%;
    /*background-color: #01283d;*/
}

#navcontainer .employee a {
    background-image: url('../images/icon_employees_inactive.png');
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    padding: 0 0 0 30px;
    color: #cecece;
    text-decoration: none;
}

    #navcontainer .employee a:hover {
        background-image: url('../images/icon_employees_active.png');
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 30px;
        /*background-color: #01283d;*/
    }

#navcontainer .employeecurrent a {
    background-image: url('../images/icon_employees_active.png');
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
    padding: 0 0 0 30px;
    display: block;
    /*background-color: #01283d;*/
}

#navcontainer .user, #navcontainer .usercurrent {
    margin-left: 300px;
    margin-right: 0;
    padding-right: 0;
    width: 130px;
}


    #navcontainer .user a {
        background-image: url('../images/icon_settings_inactive.png');
        background-repeat: no-repeat;
        background-position: left center;
        display: block;
        color: #cecece;
        text-decoration: none;
        padding: 0 0 0 30px;
    }

        #navcontainer .user a:hover {
            background-image: url('../images/icon_settings_active.png');
            background-repeat: no-repeat;
            background-position: left center;
            /*background-color: #01283d;*/
            padding: 0 0 0 30px;
        }

    #navcontainer .usercurrent a {
        background-image: url('../images/icon_settings_active.png');
        background-repeat: no-repeat;
        background-position: left center;
        color: #fff;
        /*background-color: #01283d;*/
        padding: 0 0 0 30px;
    }

#navcontainer .application a {
    background-image: url('../images/icon_applications_inactive.png');
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    color: #cecece;
    text-decoration: none;
    padding: 0 0 0 30px;
}

    #navcontainer .application a:hover {
        background-image: url('../images/icon_applications_active.png');
        background-repeat: no-repeat;
        background-position: left center;
        /*background-color: #01283d;*/
        padding: 0 0 0 30px;
    }

#navcontainer .applicationcurrent a {
    background-image: url('../images/icon_applications_active.png');
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
    /*background-color: #01283d;*/
    padding: 0 0 0 30px;
}




/*MasterPage Header Text*/
.headertext {
    color: #035b93;
    font-family: 'Franklin Gothic', Arial, sans-serif;
    font-size: 36px;
}

.subheadertext {
    font-family: 'Franklin Gothic', Arial, sans-serif;
    font-size: 14px;
    width: 1000px;
    float: left;
    overflow: hidden;
}

/*Grid for Display*/
.grid {
    width: 100%;
    border-collapse: collapse;
}

.gridWidth80 {
    width: 80%;
    padding: 20px 20px 20px 20px !important;
}

    .gridWidth80 td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.grid td {
    /*padding: 2px 2px 2px 2px !important;*/
    border-bottom: 1px solid #C3C3C3;
    font-size: 13px;
}

.grid2 {
    width: 100%;
    border-collapse: collapse;
}


    .grid2 td {
        padding: 2px 2px 2px 2px !important;
        border-bottom: 1px solid #C3C3C3;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        /*color: #484848;*/
    }

    .grid2 input[type=text], input[type=email], input[type=number], input[type=password], textarea {
        border: 1px solid #ccc;
        padding: 3px 5px 0px 0px;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: #333;
        border-radius: 3px;
        width: 100%;
        height: 27px;
    }

    .grid2 select {
        height: 27px;
        border: 1px solid #ccc;
        padding: 1px 0 1px 0;
        /*font: 14px helvetica, arial, sans-serif;*/
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: #333;
        border-radius: 3px;
    }

.grid2Header {
    background-color: #f9f9f9;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
    height: 30px;
    border-top: 1px solid #C3C3C3;
    /*border-bottom: 1px solid #C3C3C3;*/
}

.capsheading {
    font-family: franklin-gothic-urw,Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.03125em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.87);
}

.gridHeader {
    background-color: #f2f2f2;
    color: black;
    font-weight: bold;
    font-size: 13px;
    margin: 0px;
    height: 30px;
    border-top: 1px solid #C3C3C3;
    /*border-bottom: 1px solid #C3C3C3;*/
}

.gridHeaderNoBackground {
    background-color: #ffffff;
    color: black;
    font-weight: bold;
    font-size: 13px;
    margin: 0px;
    height: auto;
    border-bottom: 0 !important;
}

.gridHeaderPlain {
    background-color: #000;
    color: #000;
    margin: 0px;
    height: 30px;
    /*border-top: 1px solid #C3C3C3;*/
    /*border-bottom: 1px solid #C3C3C3;*/
}


.gridSubHeader {
    background-color: #ccc;
    font-weight: bold;
}

    .gridSubHeader a {
        display: block;
        float: left;
        font-weight: normal;
    }

.grid-row {
    position: relative;
    clear: both;
    margin: 0 auto;
    /*width: 1160px;*/
}

.grid a.link {
    color: #eb602d;
    font-weight: bold;
    text-decoration: none;
}

.grid .gridButton {
    background-color: #eb602d;
    border: #eb602d;
    color: #ffffff;
    height: 25px;
    width: 125px;
}

.grid .gridButton-disabled {
    background-color: #cecece;
    border: #cecece;
    color: gray;
    height: 25px;
    width: 125px;
    cursor: default;
}

.grid td {
    height: 32px;
}

.grid .indicatoroff {
    font-weight: bold;
    color: #505050;
}


.grid .indicatoron {
    font-weight: bold;
    color: green;
    text-align: center;
}




/*Numbers in Circle for Step Bar*/
.numberCircle {
    border-radius: 50%; /*50% for full circle*/
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 20px;
    height: 20px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #045b93;
    color: #045b93;
    text-align: center;
    font: 16px Arial, sans-serif;
    font-weight: bold;
    display: inline;
}

.numberCircleCurrent {
    color: #eb602d;
    border: 1px solid #eb602d;
    background: #fff;
}




/* Step Bar*/

/*http://red-team-design.com/css3-breadcrumbs/*/
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#stepbar {
    background: #ebebeb;
    font-family: 'Franklin Gothic', Arial, sans-serif;
    font-weight: 300;
    font-size: 15px;
    /*border-width: 1px;
  border-style: solid;
  border-color: #035b93 #ccc #035b93;*/
    /*border-radius: 5px;*/
    /*height:36px;*/
    /* box-shadow: 0 0 2px rgba(0,0,0,.2);*/
    overflow: hidden;
    width: 100%;
    /*padding-left:100px;*/
}

    #stepbar li {
        float: left;
    }

    #stepbar a {
        padding: .7em 1em .7em 2em;
        float: left;
        text-decoration: none;
        color: #444;
        position: relative;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        background-color: #ebebeb;
        /*background-image: linear-gradient(to right, #f5f5f5, #ddd);*/
    }


        /*#stepbar li:first-child a{
  margin-left: 100px;
  border-radius: 5px 0 0 5px;
}*/



        #stepbar a:hover {
            background: #fff;
            color: #045b93;
        }

        #stepbar a::after,
        #stepbar a::before {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -1.5em;
            border-top: 1.5em solid transparent;
            border-bottom: 1.5em solid transparent;
            border-left: 1em solid;
            right: -1em;
        }

        #stepbar a::after {
            z-index: 2; /*z-index is stack order*/
            border-left-color: #ebebeb;
        }

        #stepbar a::before {
            border-left-color: #2f4f4f; /*Arrow Border Color*/
            right: -1.1em;
            z-index: 1;
        }

        #stepbar a:hover::after {
            border-left-color: #fff;
        }

    #stepbar .current,
    #stepbar .current:hover {
        /*font-weight: bold;*/
        background-color: #fff;
        color: #045b93;
    }

        #stepbar .current::after {
            /*content: normal;*/
            border-left-color: #fff;
        }



/*Outer container for Step Bar so it can go across but stay within the wrap width*/
#stepscontainer, #StepBarEmployeeEdit {
    background: #ebebeb;
    border-width: 1px;
    border-style: solid;
    border-color: #035b93 #ccc #035b93;
    overflow: hidden;
    width: 100%;
}

/*this is the middle bar when editing an employee*/
.stepsdetails {
    background: #035b93;
    width: 100%;
    height: 20px;
    color: #9BA9CA;
    font-family: 'Franklin Gothic', Arial, sans-serif;
    font-size: 16px;
    /*padding-left: 2em*/
}


/*Section Headers - backward compatibility*/
.sectionheader {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}


.section_header_number {
    /*can we make one and inherit?*/
}


.section_header_left-1 {
    border-radius: 50%; /*50% for full circle*/
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 20px;
    height: 20px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #eb602d;
    color: #eb602d;
    text-align: center;
    font: 22px Arial, sans-serif;
    font-weight: bold;
    display: inline;
    background: #fff;
}

    .section_header_left-1:before {
        content: "1";
    }

.section_header_left-2 {
    border-radius: 50%; /*50% for full circle*/
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 20px;
    height: 20px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #eb602d;
    color: #eb602d;
    text-align: center;
    font: 22px Arial, sans-serif;
    font-weight: bold;
    display: inline;
    background: #fff;
}

    .section_header_left-2:before {
        content: "2";
    }


.section_header_left-3 {
    border-radius: 50%; /*50% for full circle*/
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 20px;
    height: 20px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #eb602d;
    color: #eb602d;
    text-align: center;
    font: 22px Arial, sans-serif;
    font-weight: bold;
    display: inline;
    background: #fff;
}

    .section_header_left-3:before {
        content: "3";
    }


.section_header_left-4 {
    border-radius: 50%; /*50% for full circle*/
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 20px;
    height: 20px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #eb602d;
    color: #eb602d;
    text-align: center;
    font: 22px Arial, sans-serif;
    font-weight: bold;
    display: inline;
    background: #fff;
}

    .section_header_left-4:before {
        content: "4";
    }

.section_header_left-5 {
    border-radius: 50%; /*50% for full circle*/
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 20px;
    height: 20px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #eb602d;
    color: #eb602d;
    text-align: center;
    font: 22px Arial, sans-serif;
    font-weight: bold;
    display: inline;
    background: #fff;
}

    .section_header_left-5:before {
        content: "5";
    }

.section_header_left-6 {
    border-radius: 50%; /*50% for full circle*/
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 20px;
    height: 20px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #eb602d;
    color: #eb602d;
    text-align: center;
    font: 22px Arial, sans-serif;
    font-weight: bold;
    display: inline;
    background: #fff;
}

    .section_header_left-6:before {
        content: "6";
    }

.section_header_left-7 {
    border-radius: 50%; /*50% for full circle*/
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 20px;
    height: 20px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #eb602d;
    color: #eb602d;
    text-align: center;
    font: 22px Arial, sans-serif;
    font-weight: bold;
    display: inline;
    background: #fff;
}

    .section_header_left-7:before {
        content: "7";
    }

.section_collapse_image {
    visibility: hidden;
    display: inline;
}

.section_header_text_w_collapse {
    color: #035b93;
    font-family: 'Franklin Gothic', Arial, sans-serif;
    font-size: 26px;
    display: inline;
}

.section_header_text {
    /*font-size: 18px;
    display: inline;
    padding-left: 0px;
    font-weight: bold;
    position: relative;
    top: 6px;*/
    background-color: #f2f2f2;
    color: black;
    font-weight: bold;
    margin: 0px;
    height: 30px;
    border-top: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
    /*vertical-align:bottom;*/
    /*padding-top: 7px;*/
    /*padding-bottom: -15px;*/
    /*display: inline;*/
}

.section_header_text_padded {
    height: 20px;
    padding-top: 6px;
    padding-left: 10px;
}

.section_header_subheader {
    /*font-family: 'Franklin Gothic', Arial, sans-serif;*/
    color: #000;
    /*font-size: 14px;*/
    display: block;
    padding-left: 60px;
    width: 940px;
    font-family: 'Open Sans', sans-serif; /*this comes from import up top*/
    font-size: 16px;
    font-weight: 500;
}

.section_header_subheader_new {
    color: gray;
    display: block;
    padding-left: 20px;
    width: 940px;
    font-family: 'Open Sans', sans-serif; /*this comes from import up top*/
    font-size: 20px;
    font-weight: bold;
}


.section_header {
    height: 60px;
}


#emp_section {
    padding-left: 20px;
}

/*Text Styles*/
.blockformlabel {
    display: block;
}

    .blockformlabel span {
        font-size: 13px;
        font-weight: normal;
    }

.bold {
    font-weight: bold;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center, .centered {
    text-align: center !important;
}

.centerobject {
    margin: 0 auto;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

/* Fonts */
.OpenSansLarge {
    font-family: 'Open Sans', sans-serif; /*this comes from import up top*/
    font-size: 25px;
    font-weight: 300;
}

.OpenSansSmall {
    font-family: 'Open Sans', sans-serif; /*this comes from import up top*/
    font-size: 16px;
    font-weight: lighter;
}

.OpenSansSmaller {
    font-family: 'Open Sans', sans-serif; /*this comes from import up top*/
    font-size: 14px;
    font-weight: lighter;
}

.OpenSansXSmall {
    font-family: 'Open Sans', sans-serif; /*this comes from import up top*/
    font-size: 12px;
    font-weight: lighter;
}

.OpenSansSmallLight {
    font-family: 'Open Sans', sans-serif; /*this comes from import up top*/
    font-size: 16px;
    font-weight: 100;
    color: grey;
}

.OpenSansSmallBold {
    font-family: 'Open Sans', sans-serif; /*this comes from import up top*/
    font-size: 16px;
    font-weight: 800;
}

.OpenSansSmallerBold {
    font-family: 'Open Sans', sans-serif; /*this comes from import up top*/
    font-size: 14px;
    font-weight: 800;
}

.OpenSansSmallItalic {
    font-family: 'Open Sans', sans-serif; /*this comes from import up top*/
    font-size: 16px;
    font-weight: lighter;
    font-style: italic;
}


.mask {
    /*font-family: 'Franklin Gothic', Arial, sans-serif;*/
    /*font-family: helvetica, arial, sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    /*color: #333;
    font-weight: bold;
    font-size: 14px;*/
    padding-top: 5px;
    padding-bottom: 3px;
    color: #333;
    font-weight: bold;
    font-size: 15px;
}

.maskunderline {
    font-family: 'Open Sans', sans-serif;
    padding-top: 5px;
    padding-bottom: 3px;
    color: #333;
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline;
}

.errorText {
    color: red;
    font-size: 15px;
    background-repeat: no-repeat;
    width: 60%;
    font-family: Arial;
    border-left: #cdb363 1px solid;
    background-image: url('../Images/erroricon.gif');
    border-right: #cdb363 1px solid;
    border-bottom: #cdb363 1px solid;
    padding: 10px 10px 10px 35px;
    border-top: #cdb363 1px solid;
    background-color: #f7f3df;
    background-position: 5px 5px;
    /*margin: 10px auto;*/
    /*min-height: 30px;*/
    vertical-align: middle;
}

.mainText {
    font: 13px helvetica, arial, sans-serif;
    color: #333;
}

.mainTextLarge {
    font: 17px helvetica, arial, sans-serif;
    color: #333;
}

.mainTextXLarge {
    font: 25px helvetica, arial, sans-serif;
    color: #333;
}

.italic {
    font-style: italic;
}

.message {
    color: black;
    font-size: 13px;
    width: 60%;
}

a.grayLink {
    font-family: "helvetica neue",helvetica,arial,sans-serif;
    font-size: 15px;
    color: #5f5f5f;
    text-decoration: none;
    cursor: pointer;
}

    a.grayLink:hover, a:active {
        color: #5f5f5f;
        text-decoration: underline;
    }

a.grayLinkOpenSans {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #035b93;
    text-decoration: none;
    cursor: pointer;
}

    a.grayLinkOpenSans:hover, a:active {
        color: #5f5f5f;
        text-decoration: underline;
    }

a.grayLink2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #035b93;
    text-decoration: none;
    cursor: pointer;
}

    a.grayLink2:hover, a:active {
        color: #64A1D3;
        text-decoration: underline;
    }

.inlinedisplay {
    display: inline;
}

.blockdisplay {
    display: block;
}

.floatright {
    float: right;
}

.NextBack {
    text-align: center;
}

.button, .orange-button {
    font-size: 14px;
    font-family: 'Franklin Gothic', Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    height: 30px;
    text-align: center;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-left: 2px;
    position: relative;
    width: 100px;
    background-color: #035b93;
    cursor: pointer;
    border: 0;
}

.disabled-button {
    font-size: 14px;
    font-family: 'Franklin Gothic', Arial, sans-serif;
    text-decoration: none;
    color: gray;
    height: 30px;
    text-align: center;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-left: 2px;
    position: relative;
    width: 100px;
    background-color: #cecece;
    cursor: default !important;
    border: 0;
}

.lnkbutton {
    font-size: 14px;
    font-family: 'Franklin Gothic', Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    height: 30px;
    text-align: center;
    padding-top: 7px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-left: 20px;
    position: relative;
    width: 100px;
    background-color: #035b93;
    cursor: pointer;
    border: 0;
}

    .lnkbutton:hover {
        text-decoration: none;
    }

.orange {
    background-color: #eb602d;
}

.buttonwhite {
    font-size: 14px;
    font-family: 'Franklin Gothic', Arial, sans-serif;
    color: #035b93;
    height: 30px;
    text-align: center;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-left: 2px;
    position: relative;
    width: 100px;
    background-color: #fff;
    border: 1px solid;
    border-color: #035b93;
    cursor: pointer;
}


.buttonwide {
    width: 160px;
    padding-top: 5px;
    height: 25px;
}

.buttonwideNoHeight {
    width: 160px;
}

.buttonExtraWideNoHeight {
    width: 200px;
}

.buttonDoublewideNoHeight {
    width: 320px;
}

/*inputs*/
input[type="radio"] {
    margin-top: -1px;
    vertical-align: middle;
}

button, input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type=text], input[type=email], input[type=number], input[type=password], textarea {
    border: 1px solid #ccc;
    padding: 3px 5px 0px 0px;
    /*font: 14px helvetica, arial, sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #333;
    border-radius: 3px;
    width: 100%;
    /*margin-right: 100px;*/
}

select {
    height: 22px;
    border: 1px solid #ccc;
    padding: 1px 0 1px 0;
    /*font: 14px helvetica, arial, sans-serif;*/
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    color: #333;
    border-radius: 3px;
    background-color: #fff;
}

    /*select option { color: red; font-size: 24px; font-family:'Times New Roman';}*/

    select[multiple] {
        height: auto;
    }

.CensusUpload {
    border: 1px solid green;
}

    .CensusUpload td {
        padding: 15px !important;
        text-align: center;
    }

/*Ajax Modal Popup Styles----------------------------------------*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPopup {
    background-color: #eeeeee;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    font-family: Verdana;
    font-size: medium;
    padding: 25px;
    width: 600px;
}

    .modalPopup label {
        color: Black;
        display: block;
        font-family: Verdana;
        font-size: 11px;
        font-weight: bold;
        text-align: left;
    }

    .modalPopup .header {
        font-weight: bold;
        padding-bottom: 10px;
    }

    .modalPopup .footer {
        border: 0;
        padding: 15px 0 0 0;
        text-align: center;
        margin-bottom: 30px;
    }

        .modalPopup .footer input {
            border: 1px solid gray;
            font-size: 12px;
            height: 25px;
            width: 75px;
        }

    .modalPopup .radio label {
        display: inline;
        font-weight: normal;
        line-height: normal;
    }


    .modalPopup table td {
        padding: 2px 6px 2px 6px;
    }

/*End Ajax Modal Popup Styles----------------------------------------*/

/* Grids */

.hidden {
    display: none;
}

.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px auto 10px auto;
    border: solid 0px #525252;
    border-collapse: collapse;
    font-family: "helvetica neue",helvetica,arial,sans-serif;
    font-size: 13px;
}

.mGridNarrow {
    width: 75%;
    text-align: left;
}

.mGrid td {
    padding: 5px;
    border: solid 0px #c1c1c1;
    border-bottom: solid 1px #c1c1c1;
    color: #333;
    font-size: 15px;
}

.mGrid .noborder td {
    border: 0;
}


/*.mGrid th { padding: 4px 2px; color: #000000; 
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#99CCFF');
            background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#9CF));
            background: -moz-linear-gradient(top,  #FFF,  #9CF); 
            background: #99CCFF; font-size: 0.9em;border: solid 2px #c1c1c1;         
          }*/

.mGrid th, .gridHdr {
    padding: 4px 2px;
    color: #000000;
    font-family: "helvetica neue",helvetica,arial,sans-serif;
    font-size: 16px;
    color: #333;
    border: solid 0px #c1c1c1;
    border-bottom: solid 1px #c1c1c1;
    border-top: solid 1px #c1c1c1;
    text-align: left;
}


.mGrid .alt {
    background: #fcfcfc;
}


.mGrid .PlansRowStyle {
    height: 50px;
}

.mGrid .PlansAlternatingRowStyle {
    height: 50px;
    background: #fcfcfc;
}

.mGrid caption {
    color: white;
    background-color: #035b93;
    height: 30px;
    font-size: 22px;
    padding-top: 5px;
}

.mGrid .pgr {
    background: #FFFFFF;
}

    .mGrid .pgr table {
        margin: 5px 0;
    }

    .mGrid .pgr td {
        border-width: 0px;
        padding: 6px 6px;
        font-weight: bold;
        font-size: 18px;
        color: #6C8193;
        /*color: #ffffff;*/
        line-height: 12px;
    }

    .mGrid .pgr a {
        color: #6C8193;
        padding-right: 20px;
        text-decoration: none;
    }

        .mGrid .pgr a:hover {
            color: #000;
            text-decoration: none;
        }

    .mGrid .pgr span {
        color: #6C8193;
        text-decoration: underline;
        padding-right: 20px;
    }

/*.mGrid tr:hover {
    background-color: #FFFFCC;
    color: white;
}*/

.mGrid .shortinput {
    width: 80px;
}

.mGrid .medinput {
    width: 120px !important;
}

/* End Grids */


/* Water Marked TextBox--------------------------------------------*/
.WaterMarkedTextBox, WaterMarkedTextBox:active {
    padding: 2px 2 2 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    font-size: 10pt;
    font-style: normal;
    text-align: center;
}

.WaterMarkedTextBoxPSW {
    background-position: center;
    padding: 2px 2 2 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: white;
    vertical-align: middle;
    text-align: right;
    background-image: url(../Images/psw_wMark.png);
    background-repeat: no-repeat;
}

.NormalTextBox {
}

/* End Water Marked TextBox--------------------------------------------*/


.red {
    color: red;
}

.notcompleted {
    color: gray;
    font-style: italic;
}

/* DashBoard--------------------------------------------*/
/*.dashlinks {
    border-radius: 10px;
    border: 2px solid gray;
    padding: 15px; 
    width: 150px;
    height: 10px; 
    font-size:16px;  
    vertical-align:middle; 
    background: #035b93;  
    color:darkslategray;
}*/
.dashlinks a {
    vertical-align: middle;
    color: #3f5c71; /*#83878D;*/ /*#83878D;*/
    text-decoration: none;
    display: inline;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    letter-spacing: -1px;
}



    .dashlinks a:hover, a:active {
        text-decoration: none;
        color: #8ba9be !important;
    }

    .dashlinks a i {
        color: #639dd5;
        text-align: center;
        width: 50px;
    }

    .dashlinks a:hover i {
        color: #8ba9be !important;
    }


.welcometext {
    font-family: 'Franklin Gothic', Arial, sans-serif;
    font-size: 18px;
    color: #83878D;
}

.header {
    color: #0371b6;
    font-family: "Franklin Gothic",Arial,sans-serif;
    font-size: 20px;
    padding-top: 5px;
    font-weight: 400;
}


.subheader {
    color: #0371b6;
    font-family: "Franklin Gothic",Arial,sans-serif;
    font-size: 18px;
    padding-top: 5px;
}

.subheadermed {
    color: #0371b6;
    font-family: "Franklin Gothic",Arial,sans-serif;
    font-size: 16px;
    padding-top: 5px;
}


.subheadersmall {
    color: #0371b6;
    font-family: "Franklin Gothic",Arial,sans-serif;
    font-size: 15px;
    padding-top: 5px;
}

.subheaderdivider {
    background-color: #0371b6;
    color: #fff;
    font-family: "Franklin Gothic",Arial,sans-serif;
    font-size: 18px;
    padding: 5px;
}

.noborder {
    border: 0 !important;
}

.noRows {
    text-align: center;
    color: maroon;
    font-weight: bold;
    font-size: 14px;
}

.top {
    vertical-align: top;
}

.fullWidth {
    width: 99%;
}

.halfWidth {
    width: 50%;
}

.thirdWidth {
    width: 33%;
}

.twoThirdWidth {
    width: 66%;
}

.quarterWidth {
    width: 25%;
}

.width40 {
    width: 40%;
}

.width20 {
    width: 20%;
}

italic {
    font-style: italic;
}

/* SELECTED PLANS (SHOPPING CART) */

.selectedPlansHeader {
    display: inline;
    font-size: 14px;
    font-weight: bold;
}

.selectedPlans {
    background-color: #ffffff;
    border: 1px solid gray;
    margin: 5px 0 20px 0;
    padding: 10px;
    width: 100%;
}

    .selectedPlans td {
        padding: 5px;
    }

    .selectedPlans .header {
        font-weight: bold;
        font-size: 14px;
    }

    .selectedPlans .plan {
        color: #4C4646;
        font-family: "Open Sans",sans-serif;
        font-size: 14px;
        font-weight: 800;
    }

        .selectedPlans .plan td {
            border-bottom: 1px solid #cecece;
        }

    .selectedPlans .message {
        color: maroon;
        font-family: "Open Sans",sans-serif;
        font-size: 14px;
        font-weight: 800;
    }





/*********** DOCUMENTS **************/

.documentQuestions {
    margin: 0 auto;
    width: 99%;
}

    .documentQuestions td {
        padding: 2px 5px 2px 5px;
    }

    .documentQuestions input[type=text] {
        width: 99%;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        height: 27px;
        padding: 3px;
    }

    .documentQuestions label {
        font-family: 'Open Sans', sans-serif;
        color: #484848;
        font-weight: bold;
        font-size: 16px;
        line-height: 25px;
        /*display: block;*/
        display: inline-block;
        padding-top: 15px;
    }


.document_subheadersmall {
    font-weight: bold;
    color: #0371b6;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding-top: 5px;
}

.documentQuestions div {
    font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-size: 16px;
    line-height: 20px;
}

.documentQuestions select {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    height: 30px;
    width: 99%;
}

    .documentQuestions .subtable {
        width: 100%;
    }


    .documentQuestions .subtable td {
        padding: 2px 0 2px 0;
    }

.documentQuestions .radio label, .documentQuestions .checkbox label {
    font-weight: normal;
    line-height: normal;
    display: inline;
    padding-top: 0;
}

.documentQuestions .checkbox input {
    display: inline;
}

.documentQuestions .subheadersmall {
    padding-top: 20px;
    padding-bottom: 0;
}

.documentQuestions_header {
    background-color: #0C518A;
    color: #fff;
    padding-left: 15px !important;
    font-family: "Franklin Gothic",Arial,sans-serif;
    font-size: 20px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-weight: 400;
}

.documentQuestions .message {
    font-size: 14px;
    text-align: center;
}

.documentQuestions .shortinput {
    width: 100px !important;
}

.documentQuestions .shortinput50 {
    width: 50px !important;
}

.documentQuestions .shortinput70 {
    width: 70px !important;
}

.documentQuestions .input400 {
    width: 400px !important;
}

.documentReview label {
    display: block;
    padding-top: 4px;
}

.documentQuestions .disabled {
    background-color: #cecece;
    color: gray;
}

.documentQuestions .classes-wrapper{
    display: flex;
}

.documentQuestions .classes-wrapper > div {
    padding-right: 6px;
}

.wizardButtons {
    text-align: center;
    width: 100%;
}

    .wizardButtons input {
        margin: 30px 30px 0 30px;
    }


    .wizardButtons .disabled {
        background-color: #cecece;
        color: gray;
        cursor: default;
    }

#progressLabel {
    float: right;
    margin: 5px 10px 0 0;
    text-align: left;
}

#progressbar {
    border: 1px solid #196F3d;
    background-color: #ffffff;
    padding: 0px;
    width: 20%;
    margin-bottom: 20px;
    float: right;
}

    #progressbar .percentcomplete {
        font-weight: bold;
        height: 40px;
    }

        #progressbar .percentcomplete > div {
            padding: 10px;
            /*font-size: small;*/
        }

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    font-size: 13px;
}

    .tooltip .tooltiptext .field {
        display: block;
        font-weight: bold;
        padding: 0 0 5px 0;
        text-align: left;
    }

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 300px;
        /*background-color: #DDDDDD;*/
        background-color: #f9f9f9;
        color: #000;
        text-align: center;
        padding: 20px;
        border-radius: 6px;
        text-align: left;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
        /*top: -5px;
        right: 145%;*/
        /*set to display below the graphic - some were cutting off on sides*/
        top: 100%;
        left: 50%;
        margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
    }

    .tooltip .tooltiptextMoveLeft {
        margin-left: -200px;
    }

    .tooltip .tooltiptextMoveUp {
        margin-top: -400px;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.displayinline {
    display: inline !important;
}

.displayblock {
    display: block !important;
}

.displayinlineblock {
    display: inline-block !important;
}


/* Page Instructions container */
.pageinstructions {
}

    .pageinstructions .content {
        display: none;
        border: 1px solid;
        padding: 10px;
        box-shadow: 1px 1px #888888;
        font-family: "roboto_regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        /*background-color: #f9f9f9;*/
        /*background-color:#E7F3FF;*/
        background-color: #f8fbff;
    }

    .pageinstructions .step {
        font-family: "roboto_regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
        color: #035b93;
    }

    .pageinstructions .contentheader {
        font-weight: 700;
    }

    .pageinstructions .header {
        /*background-color:#fff;*/
        padding: 2px;
        cursor: pointer;
        font-weight: bold;
        /*text-align:right;*/
    }

    .pageinstructions ul {
        list-style: disc;
        margin-left: 20px;
    }

    .pageinstructions li {
        margin: 10px 0;
    }

/* End Page Instructions container */
.hide-btn {
    display: none;
    font-family: 'Open Sans', sans-serif;
    color: #484848;
    font-weight: normal;
    font-size: 16px;
    /*font-style:italic*/
}

.documentsmainlink {
    color: #1488E6;
    text-transform: uppercase;
    font-family: "roboto_bold", "Helvetica Neue", Helvetica, Arial;
}

.show-btn {
    font-family: 'Open Sans', sans-serif;
    color: #484848;
    font-weight: normal;
    font-size: 16px;
    /*font-style:italic*/
}

.error, .info, .success, .validation, .warning {
    border: 1px solid;
    margin: 10px auto;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px 5px;
    font-family: helvetica,arial,sans-serif;
    width: 450px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.error {
    color: #D8000C !important;
    background-color: #FFBABA;
    background-image: url(../images/error.png);
}

.success {
    color: #4F8A10!important;
    background-color: #DFF2BF;
    background-image: url(../images/success.png);
}

.bottomPadding20 {
    padding-bottom: 20px;
}

.bottomMargin10 {
    margin-bottom: 10px;
}

.alternatingrow {
    background-color: #eaf2f8;
}

.leftPadding25 {
    padding-left: 25px;
}


/*****
    
Radio button style
        
*****/


.switch-field {
    font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
    /*padding: 40px;*/
    overflow: hidden;
}

.switch-title {
    margin-bottom: 6px;
}

.switch-field {
    border-spacing: 0;
    border-collapse: collapse;
}

    .switch-field td {
        padding: 0 !important;
    }

    .switch-field input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .switch-field label {
        float: left;
    }

    .switch-field label {
        display: inline-block;
        width: 125px;
        /*background-color: #e4e4e4;*/
        background-color: #F8F8F8;
        color: rgba(0, 0, 0, 0.6);
        font-size: 14px !important;
        font-weight: normal !important;
        text-align: center;
        text-shadow: none;
        padding: 6px 10px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

        .switch-field label:hover {
            cursor: pointer;
        }

    .switch-field input:checked + label {
        background-color: #1486e4;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: white;
    }

.switchFieldCheckboxWrapper {
    display: inline-block !important;
    width: 150px !important;
}

.switch-field.large label {
    width: 250px;
}

/*
    JQUERY SORTING
    */
#sortable1, #sortable2, #sortable3, #sortable4, #sortable5, #renewal, .sortablePFER {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    #sortable1 li, #sortable2 li, #sortable3 li, #sortable4 li, #renewal li, .sortablePFER li {
        margin: 0 3px 3px 3px;
        padding: 0.1em;
        padding-left: 1.3em;
        height: 60px;
        cursor: move;
        width: 300px;
    }

    #sortable1.dynamicWidth li, #renewal.dynamicWidth li {
        width: 93%;
    }

    #sortable1 li span, #sortable2 li span, #sortable3 li span, #sortable4 li span, #sortable5 li span, #renewal li span, .sortablePFER li span {
        position: absolute;
        margin-left: -1.0em;
    }

    #sortable1 li .planName, #sortable2 li .planName, #sortable3 li .planName, #sortable4 li .planName, #sortable5 li .planName, #renewal li .planName, .sortablePFER li .planName {
        display: block;
        font-size: 12px;
line-height: 14px;
    }

    #sortable1 li .planName, #sortable2 li .planName, #sortable3 li .planName, #sortable4 li .planName, #sortable5 li .planName, .sortablePFER li .planName{
        padding-left: 7px;
    }


    #sortable1 li .carrierName, #sortable2 li .carrierName, #sortable3 li .carrierName, #sortable4 li .carrierName, #sortable5 li .carrierName, #renewal li .carrierName, .sortablePFER li .carrierName {
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
line-height: 14px;
    }

    #sortable1 li .premium, #sortable2 li .premium, #sortable3 li .premium, #sortable4 li .premium, #sortable5 li .premium, #renewal li .premium, .sortablePFER li .premium {
        float: right;
        font-size: 13px;
        font-weight: bold;
        padding-right: 5px;
    }


    #sortable1 li .ui-icon, #sortable2 li .ui-icon, #sortable3 li .ui-icon, #sortable4 li .ui-icon, #sortable5 li .ui-icon, .sortablePFER li .ui-icon{
        position: relative !important;
    }

    #sortable1 li .largerFont, #sortable2 li .largerFont, .sortablePFER li largerFont, .sortablePFER div.largerFont{
        font-size: 16px;
    }

    #sortable1 .actions, #sortable2 .actions, .sortablePFER .actions{
        float: right;
    }

    #sortable2.wide li, .sortablePFER.wide li {
        width: 95%;
    }

    #sortable1.wide li {
        width: 95%;
    }
    #renewal li {
        cursor: default;
    }

        #renewal li .carrierName, #renewal li .planName {
            padding-left: 5px;
        }

.paddingLeft4 {
    padding-left: 4px;
}

.paddingLeft10 {
    padding-left: 10px;
}

.paddingLeft25 {
    padding-left: 25px;
}

.paddingTop0 {
    padding-top: 0 !important;
}

.paddingTop25 {
    padding-top: 25px !important;
}

.paddingRight50 {
    padding-right: 50px !important;
}


.marginBottom25 {
    margin-bottom: 25px;}

.marginTop20 {
    margin-top: 20px;
}


/***** ENROLLMENT FORM ********/
.enrollmentForm {
    margin: 0 auto;
    width: 98%;
}

    .enrollmentForm td {
        padding: 2px 5px 5px 5px;
    }

    .enrollmentForm .column-label {
        width: 25%;
    }

     .enrollmentForm .column-input {
         width: 75%;
    }



    .enrollmentForm input[type=text] {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        height: 27px;
        padding: 3px;
        display: inline;
    }

    .enrollmentForm select {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        height: 30px;
         /*width: auto !important;*/
    }

    .enrollmentForm input[type=text].input-sm {
        width: 60px !important;
    }

        .enrollmentForm input[type=text].input-med {
        width: 120px !important;
    }

                .enrollmentForm input[type=text].input-lg {
        width: 250px !important;
    }

                
                .enrollmentForm input[type=text].input-xl {
        width: 350px !important;
    }

    .enrollmentForm .switch-field label {
        height: 28px;
        padding: 2px 10px 6px 10px;
        display: inline !important;
        line-height: 32px !important;

    }

        .enrollmentForm .switch-field{
        display: inline !important;
        padding-left: 0;
        }

    .enrollmentForm label {
        font-family: 'Open Sans', sans-serif;
        color: #333;
        font-weight: bold;
        font-size: 16px;

    }
    
        .enrollmentForm label span.italic {
            font-size: 14px !important;
        }

    .enrollmentForm .header {
        background-color: #0C518A;
        color: #fff;
        padding-left: 15px !important;
        font-family: "Franklin Gothic",Arial,sans-serif;
        font-size: 20px;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        font-weight: 400;
    }


    .enrollmentForm .subheader {
        font-weight: bold;
        color: #0371b6;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        padding-top: 15px;
    }

    .enrollmentForm .radio label {
        display: inline-block;
    }

    .enrollmentForm .disabled {
        background-color: #f5f5f5;
    }

    .enrollmentForm h1 {
        color: #035b93;
        font-family: 'Franklin Gothic', Arial, sans-serif;
        font-size: 24px;
        font-weight: normal;
        margin-bottom: 0;
    }

        .enrollmentForm .add-link {
        color: #035b93;
        font-size: 15px;
        text-decoration: underline;
    }

         .enrollmentForm .add-link:hover {
        text-decoration: none;
    }

    .enrollmentForm .mGrid label {
        display: block;
    }

    .enrollmentReview label
    {
        display: inline;
        margin-right: 10px;
        padding-top: 0;
    }

/*Same as .enrollmentForm label above - couldn't get it to reuse that*/
.enrollLabel {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 35px;
    display: block;
    font-family: 'Open Sans', sans-serif;
    /*font-weight: bold;*/
}

.enrollLabelNoBlock {
    font-family: 'Open Sans', sans-serif;
    /*color: #484848;*/
    color: #333;
    /*font-weight: bold;*/
    font-size: 16px;
    line-height: 25px;
}

.enrollLabelNoBlockSm {
    font-family: 'Open Sans', sans-serif;
    /*color: #484848;*/
    font-size: 16px;
    line-height: 25px;
}


.select100 {
    height: 25px;
    padding: 1px;
    width: 100px;
}


#contributions tr > td {
    padding-left: 25px;
}

    #contributions tr > td:first-child {
        padding-left: 0;
    }


 .subheaderEnroll {
            color: #0371b6;
            font-family: 'Open Sans', sans-serif;
            font-size: 20px;
            padding-top: 5px;
            border-bottom: 1px solid #ccc;
            /*border-top: 1px solid #ccc;*/
        }

 .gridEnroll {
    width: 100%;
    border-collapse: collapse;
}
.gridEnrollHeader {
    color: black;
    font-weight: bold;
    border-bottom: 1px solid #C3C3C3;
    border-top:none;
}
    .gridEnroll td {
        padding: 2px 2px 2px 2px !important;
        border-bottom: 1px solid #C3C3C3;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;
        /*color: #484848;*/
    }

    .gridEnroll input[type=text], input[type=email], input[type=number], input[type=password], textarea {
        /*border: 1px solid #ccc;*/
        padding: 3px 5px 0px 0px;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: #333;
        border-radius: 3px;
        width: 100%;
        height: 27px;
    }

    .gridEnroll select {
        height: 27px;
        border: 1px solid #ccc;
        padding: 1px 0 1px 0;
        /*font: 14px helvetica, arial, sans-serif;*/
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color: #333;
        border-radius: 3px;
    }

.gridEnroll {
    /*background-color: #f9f9f9;*/
    font-family: 'Open Sans', sans-serif;
    color: #333;
    /*font-weight: bold;*/
    font-size: 16px;
    margin: 0px;
    height: 30px;
    /*border-top: 1px solid #C3C3C3;*/
    /*border-bottom: 1px solid #C3C3C3;*/
}


/***************************
    
QUICKQUOTE - BENEFIT POPOVERS
        
****************************/

.popover__title i {
    padding-right: 10px;
}

.popover__wrapper {
    position: relative;
    display: inline-block;
    width: 90%;
}

.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transform: translate(0, 10px);
    background-color: #f8f8f8;
    padding: .1rem .5rem .1rem .5rem;
    border: 1px solid gray;
    width: 100%;
    top: 50px;
    font-weight: normal;
}

    .popover__content .planHeader {
        font-weight: bold;
        padding-bottom: 10px;
    }

    .popover__content:before {
        position: absolute;
        z-index: -1;
        content: "";
        right: calc(95% - 10px);
        top: -10px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent gray transparent;
        transition-duration: 0.3s;
        transition-property: transform;
    }

.popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover__message {
    text-align: center;
}

.popover__benefits {
    font-size: 12px;
    width: 100%;
}

    .popover__benefits .benefit {
        width: 25%;
    }

.disabledLink {
    color: #5f5f5f;
}

    .disabledLink:hover {
        color: #5f5f5f;
        text-decoration: none;
    }

/***************************
    
LOADING.....MODAL
        
****************************/
    .modal-loading {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #c0c0c0;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=50);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.loading {
    border: 5px solid #67CFF5;
    width: 430px;
    height: 400px;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999;
    padding: 10px;
    text-align: center;
}