/* Other Styles */
@charset "utf-8";
@import url("nav.css");

.highcharts-boxplot-stem {
   stroke: grey !important;
}

#ctl00_cpCentre_ucWhatsnew_pnlQA sup {
    bottom: 3px;
    position: relative;
    font-size: 9px;
}

/* For JqModal Pop-Up 12/06/2013 */
body {
    background: transparent !important;
}

#containerlearn {
    width: 672px;
    height: 233px;
    background-color: #fff;
    position: relative;
}

#x {
    width: 279px;
    height: 233px;
    position: absolute;
    left: 196px;
    top: 8px;
    z-index: 3;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url(../images/PREGdo.gif);
}

    #x #doCopy {
        margin: 50px 5px 0px 24px;
        width: 100px;
        padding-right: 110px;
        height: 55px;
        font-size: 8pt;
        line-height: 130%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
    }

    #x #doInstr {
        margin: 2px 10px 0px 24px;
        width: 135px;
        padding-right: 110px;
        font-size: 8pt;
        line-height: 130%;
        height: 10px;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
        font-weight: bold;
    }

    #x #form {
        margin: 2px 10px 0px 24px;
    }

    #x .select {
        width: 110px;
        margin: 2px 0 2px 0;
        font-size: 7pt;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
        color: #666;
    }

    #x .do_button {
        margin-top: 6px;
    }

#y {
    width: 279px;
    height: 233px;
    position: absolute;
    left: 196px;
    top: 8px;
    z-index: 3;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url(../images/PREGlearn.gif);
}

    #y #learnCopy {
        margin: 50px 5px 0px 24px;
        width: 100px;
        padding-right: 110px;
        height: 60px;
        font-size: 8pt;
        line-height: 130%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
    }

    #y #form {
        margin: 5px 10px 5px 24px;
        padding: 4px;
    }

    #y .textbox {
        border: 0;
        width: 99px;
        height: 42px;
        color: #999999;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
        font-size: 8pt;
        padding: 0 0 0 0px;
        margin-top: 6px;
        overflow: hidden;
    }

    #y .learn_button {
        margin: 14px 10px 5px -4px;
    }

#z {
    width: 279px;
    height: 233px;
    position: absolute;
    left: 196px;
    top: 8px;
    z-index: 3;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url(../images/PREGgive.gif);
}

    #z #giveCopy {
        margin: 50px 5px 0px 24px;
        width: 105px;
        padding-right: 110px;
        height: 55px;
        font-size: 8pt;
        line-height: 130%;
        color: #666666;
        font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
        width: 127px;
    }

    #z #giveInstr {
        margin: 2px 10px 0px 24px;
        width: 135px;
        padding-right: 110px;
        font-size: 8pt;
        line-height: 130%;
        height: 10px;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
        font-weight: bold;
    }

    #z #form {
        margin: 2px 10px 0px 24px;
    }

    #z .select {
        width: 110px;
        margin: 4px 0 4px 0;
        font-size: 7pt;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
        color: #666;
    }

    #z .give_button {
        margin-top: 3px;
    }

#xl {
    width: 212px;
    height: 174px;
    position: absolute;
    left: 0px;
    top: 28px;
    z-index: 1;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url(../images/GENdo_L_sm.gif);
}

    #xl #doCopy {
        margin: 33px 5px 0px 19px;
        width: 105px;
        height: 60px;
        font-size: 7pt;
        line-height: 120%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
    }

    #xl #doInstr {
        margin: 0px 10px 8px 18px;
        padding-right: 15px;
        width: 279px;
        height: 10px;
        font-size: 7pt;
        line-height: 130%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
        font-weight: 600;
    }

#yl {
    width: 212px;
    height: 174px;
    position: absolute;
    left: 0px;
    top: 28px;
    z-index: 1;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url(../images/GENlearn_L_sm.gif);
}

    #yl #learnCopy {
        margin: 33px 5px 0px 19px;
        width: 100px;
        height: 50px;
        font-size: 7pt;
        line-height: 120%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
    }

#zl {
    width: 212px;
    height: 174px;
    position: absolute;
    left: 0px;
    top: 28px;
    z-index: 1;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url(../images/GENgive_L_sm.gif);
}

    #zl #giveCopy {
        margin: 33px 5px 0px 19px;
        width: 105px;
        height: 40px;
        font-size: 7pt;
        line-height: 120%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
    }

    #zl #giveInstr {
        margin: 0px 10px 8px 18px;
        padding-right: 10px;
        width: 88px;
        height: 25px;
        font-size: 7pt;
        line-height: 130%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
        font-weight: 600;
    }

#xr {
    width: 212px;
    height: 174px;
    position: absolute;
    left: 459px;
    top: 28px;
    z-index: 1;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url(../images/GENdo_R_sm.gif);
}

    #xr #doCopy {
        margin: 33px 5px 0px 19px;
        width: 135px;
        padding-right: 110px;
        height: 50px;
        font-size: 7pt;
        line-height: 130%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
    }


    #xr #doInstr {
        margin: 0px 10px 8px 18px;
        padding-right: 10px;
        width: 88px;
        height: 25px;
        font-size: 7pt;
        line-height: 130%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
        font-weight: 600;
    }

#yr {
    width: 212px;
    height: 174px;
    position: absolute;
    left: 459px;
    top: 28px;
    z-index: 1;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url(../images/GENlearn_R_sm.gif);
}

    #yr #learnCopy {
        margin: 33px 5px 0px 19px;
        width: 85px;
        height: 50px;
        font-size: 7pt;
        line-height: 120%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
    }

#zr {
    width: 212px;
    height: 174px;
    position: absolute;
    left: 459px;
    top: 28px;
    z-index: 1;
    color: #fff;
    background-repeat: no-repeat;
    background-image: url(../images/GENgive_R_sm.gif);
}

    #zr #giveCopy {
        margin: 33px 5px 0px 19px;
        width: 105px;
        height: 40px;
        font-size: 7pt;
        line-height: 120%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
    }

    #zr #giveInstr {
        margin: 0px 10px 8px 18px;
        padding-right: 10px;
        width: 88px;
        height: 25px;
        font-size: 7pt;
        line-height: 130%;
        color: #666666;
        font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
        font-weight: 600;
    }

/* Added for FAQ changes - Posted by Charles/Melissa */

.faqol {
    padding-left: 0;
    counter-reset: item;
}

.faqli {
    padding-left: 0;
    counter-increment: item;
    list-style: none;
}

    .faqli:before {
        content: " " counter(item)" ";
        list-style-position: outside;
        display: inline-block;
        font-size: 12px;
        width: 15px;
        height: 15px;
        border-radius: 50px;
        color: #fff;
        line-height: 15px;
        text-align: center;
        background: rgb(216, 90, 162);
    }

.faqtd {
    vertical-align: top;
}

.faqtable {
    border-collapse: separate;
    border-spacing: 8px;
}

/*Custom css*/
tr[id$='Footnote'], tr[id$='Cmp'], span[id$='Footnote'] {
    color: grey;
}

.highcharts-title {
    font-size: 12px !important;
    font-weight: bold;
    font-family: Arial !important;
    color: grey !important;
}

.lblYaxis {
    font-size: 11px !important;
    font-weight: normal;
    font-family: Verdana !important;
    color: black !important;
    /*color: #AC71C6*/
}

#highchartsDescription {
    position: absolute;
    left: -9999em;
    width: 1px;
    height: 1px;
    overflow: hidden;
}