/* CSS Document */

/* Wellness in a box design classes - Starts  */

/* html, body classes - starts */
html
{
    background: #dcdbdc url(images/body_bg.gif) bottom left repeat-x;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    color: #616263;
    padding: 10px 0 10px 0;
    margin: 0px;
    font-size: 12px;
}

.main
{
    width: 860px;
    margin: 0px auto 0px auto;
}
/* html, body classes - ends */

/* Footer classes - starts */
#ft
{
    background: url(images/footer_bg.gif) top left repeat-x;
    height: 26px;
    color: #fff;
    font-weight: bold;
    text-align: right;
    padding: 10px;
}

.copy
{
    font-size: 11px;
    color: #999999;
    padding: 0 0 0 0;
    text-align: right;
}

    .copy a
    {
        color: #1f8fa9;
    }
/* Footer classes - Ends */

/* Wellness In a Box Home Page classes starts */
.bd-content
{
    float: left;
    padding-left: 17px;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 675px;
}

.bd-content-admin
{
    float: left;
    width: 100%;
}
/*#bd .bd-content p { margin:0 0 12px 0px;}*/
.bg-color
{
    background: url(images/bg_bg.gif) top right repeat-y;
    padding-bottom: 20px;
}

.big-head
{
    margin: 0 0 5px 0;
}

    .big-head h1
    {
        font-family: Arial Narrow,Arial;
        font-weight: normal;
        font-size: 45px;
        font-stretch: condensed;
        color: #00addb;
        padding: 10px 0px 0px 0px;
    }

    .big-head h2
    {
        font-family: Arial Narrow,Arial;
        font-weight: normal;
        font-size: 30px;
        font-stretch: condensed;
        color: #00addb;
    }

    .big-head h3
    {
        font-family: Arial Narrow,Arial;
        font-weight: normal;
        font-size: 20px;
        font-stretch: condensed;
        color: #00addb;
    }

#hd
{
    background: url(images/header_img.gif) repeat-x top;
    height: 49px;
    width: 100%;
}

    #hd .links
    {
        padding: 28px 12px 0px 0px;
        font-size: 11px;
        color: #fff;
        text-align: right;
        position: relative;
    }

        #hd .links a
        {
            color: #ffffff;
            text-decoration: none;
        }

            #hd .links a:hover
            {
                text-decoration: underline;
            }

        #hd .links ul
        {
            margin: 0px;
            padding: 0;
        }

        #hd .links li
        {
            float: right;
            display: block;
            list-style-type: none;
            background: url(images/hd_link_sep.gif) right center no-repeat;
            padding: 0 7px 0 7px;
        }

            #hd .links li.sep
            {
                background: none;
            }

            #hd .links li .home-icon
            {
                position: absolute;
                top: 17px;
                right: 22px;
            }

/*#bd {border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background:url(images/nav_border.gif) left top repeat-y;}*/
.nav
{
    width: 110px;
    padding: 22px 0px 0px 0px;
    float: left;
}

    .nav ul
    {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    .nav li
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px 0px 0px 24px;
        font-size: 13px;
        font-weight: bold;
    }

        .nav li a
        {
            color: #7d7d7d;
            text-decoration: none;
        }

            .nav li a:hover
            {
                color: #7d7d7d;
                text-decoration: none;
            }

        .nav li.active
        {
            background: url(images/tab_bg.gif) top right no-repeat;
            color: #fff;
            padding: 5px 0 0 24px;
            margin-bottom: 16px;
            height: 25px;
        }

        .nav li.active_big
        {
            background: url(images/tab_bg_big.gif) top right no-repeat;
            color: #fff;
            height: 49px;
            padding: 5px 0px 0px 22px;
        }

        .nav li.active a
        {
            color: #ffffff;
        }

        .nav li span
        {
            color: #00addb;
            font-size: 11px;
            padding: 0px 0px 0px 10px;
        }

        .nav li.active span
        {
            color: #ffffff;
            font-weight: normal;
        }

.green-blue
{
    margin: 6px 0 6px 0;
    float: left;
    width: 100%;
}

    .green-blue .left
    {
        background: url(images/green_strip.png) left top no-repeat;
        float: left;
        width: 333px;
        height: 89px;
    }

    .green-blue .right
    {
        background: url(images/blue_strip.png) left top no-repeat;
        float: left;
        width: 348px;
        height: 89px;
        margin: 0px 0px 0px -23px;
    }

    .green-blue .left .point
    {
        color: #ffffff;
        float: left;
        margin: 22px 0px 0 25px;
        width: 260px;
    }

    .green-blue .right .score
    {
        width: 280px;
        margin: 2px 0 0 45px;
    }

    .green-blue .left .point .view-details
    {
        float: left;
        font-size: 12px;
        margin: 0px 0px 0px 8px;
        color: #ffffff;
    }

        .green-blue .left .point .view-details a
        {
            text-decoration: none;
            color: #ffffff;
        }

            .green-blue .left .point .view-details a:hover
            {
                text-decoration: underline;
                color: #ffffff;
            }

.home-two-col
{
    clear: both;
    font-size: 13px;
}

    .home-two-col .left
    {
        width: 300px;
        margin: 0 7px 0 0;
        float: left;
    }

    .home-two-col .right
    {
        width: 330px;
        float: left;
        padding: 12px 0 0 10px;
    }

.white-rc
{
}

    .white-rc .left
    {
        width: 300px;
        padding: 10px 7px 0 10px;
        float: left;
        background: #ffffff;
    }

    .white-rc .centre
    {
        width: 300px;
        padding: 10px 7px 0 10px;
        float: left;
    }

    .white-rc .right
    {
        width: 330px;
        float: left;
        padding: 0px 0 0 10px;
    }

    .white-rc .tl, .white-rc .tr, .white-rc .tm, .white-rc .bl, .white-rc .bm, .white-rc .br
    {
        background: url(images/white_rc.png) no-repeat;
        height: 8px;
        font-size: 1px;
    }

    .white-rc .tl
    {
        background-position: top left;
    }

    .white-rc .tr
    {
        background-position: right -18px;
    }

    .white-rc .tm
    {
        background-position: left -9px;
        background-repeat: repeat-x;
        margin: 0 8px 0 8px;
    }

    .white-rc .mid
    {
        background: #fff;
        padding: 0 10px 0 10px;
    }

    .white-rc .bl
    {
        background-position: left -36px;
    }

    .white-rc .br
    {
        background-position: right -45px;
    }

    .white-rc .bm
    {
        background-position: left -27px;
        background-repeat: repeat-x;
        margin: 0 8px 0 8px;
    }

.submit-pt-cover
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(images/disabled.gif) top left repeat;
}

.shadow-rc
{
}

    .shadow-rc .tl, .shadow-rc .tm, .shadow-rc .tr, .shadow-rc .bl, .shadow-rc .bm, .shadow-rc .br
    {
        background: url(images/shadow_rc.png) no-repeat;
        height: 17px;
    }

    .shadow-rc .tl
    {
        background-position: top left;
        height: 17px;
    }

    .shadow-rc .tm
    {
        background-position: 0px -74px;
        background-repeat: repeat-x;
        margin: 0 17px 0 17px;
    }

    .shadow-rc .tr
    {
        background-position: right -19px;
    }

    .shadow-rc .rs
    {
        background: url(images/shadow_rc_r_bg.png) right top repeat-y;
    }

    .shadow-rc .lb
    {
        border-left: 1px solid #cecece;
    }

    .shadow-rc .bl
    {
        background-position: left -38px;
        height: 15px;
    }

    .shadow-rc .bm
    {
        background-position: left -91px;
        background-repeat: repeat-x;
        margin: 0 16px 0 16px;
    }

    .shadow-rc .br
    {
        background-position: right -56px;
    }

    .shadow-rc .content-area
    {
        background: #fff;
        margin: 0 6px 0 0;
        padding: 0px 0px 5px 10px;
        height: 70px;
    }

.point-sec
{
    margin: -10px 0 0 0;
    float: left;
}

    .point-sec .strip
    {
        float: left;
        background: #00addb;
        padding: 0px 10px 0px 10px;
        margin: 5px 0 0 0;
    }

        .point-sec .strip h1
        {
            font-size: 18px;
            color: #fff;
            text-transform: uppercase;
            font-weight: normal;
        }

        .point-sec .strip h2
        {
            font-size: 18px;
            color: #fff;
            font-weight: normal;
        }

    .point-sec .submit
    {
        float: left;
        padding: 0px 0px 0px 0px;
    }

        .point-sec .submit a
        {
            text-decoration: none;
            color: #000000;
        }

            .point-sec .submit a:hover
            {
                text-decoration: none;
                color: #000000;
            }

.submitpoint
{
    background: url(images/point_bg.gif) top left no-repeat;
    padding: 15px 0px 0px 0px;
    width: 93px;
    height: 90px;
}

    .submitpoint h1
    {
        font-size: 42px;
        color: #404143;
        font-weight: normal;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }

    .submitpoint .text
    {
        font-size: 12px;
        text-align: center;
        color: #525355;
        margin: 2px 0 0 0;
        padding: 0px 0 0px 0;
    }

#submit-pt
{
    position: absolute;
    top: -40px;
    width: 335px;
    z-index: 100;
}

#submit-ptLogon
{
    position: absolute;
    top: -40px;
    width: 315px;
    z-index: 100;
}

.program-text
{
    font-size: 15px;
    font-weight: bold;
    color: #00addb;
}

.program-text-grid
{
    font-size: 12px;
    color: #00addb;
}

/* Wellness Score classes starts */
.score-value
{
    color: #3c3c3c;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0 0;
}

.score-text
{
    color: #ffffff;
    font-size: 17px;
}

.scoreCircle
{
    background-image: url(images/green_circle.png);
    float: right;
    height: 40px;
    width: 40px;
}

.minValue
{
    font-size: 13px;
    margin: 0px 0px 0px 3px;
}

.minValue1
{
    font-size: 13px;
    margin: 9px 0px 0px 3px;
}

.max-value
{
    float: right;
    font-size: 13px;
    margin: 0px 4px 0px 0px;
    position: relative;
    top: 0px;
}

.max-value-hidden
{
    display: none;
    float: right;
    font-size: 13px;
    margin: 0px 4px 0px 0px;
    position: relative;
    top: 0px;
}

.max-value-unit
{
    float: right;
    font-size: 13px;
    margin: 0px 4px 0px 0px;
    position: relative;
    top: 10px;
}

.unit-text
{
    float: right;
    font-size: 9px;
    margin-right: 4px;
    position: relative;
    top: 3px;
}

.unit-text-hidden
{
    display: none;
    float: right;
    font-size: 9px;
    position: relative;
    top: 0px;
}

.wellnessScoreComplete
{
    background: url(images/green_filler.png) left center repeat-x;
}

.wellnessScoreIncomplete
{
    background: url(images/gray_filler.png) right center repeat-x;
}

/* Wellness Score classes starts */

/* Wellness In a Box Home Page classes ends */


/* Wellness In a Box Admin classes starts */

.pt-content-area
{
    border: 1px solid #c1c1c1;
    padding: 10px 0px 10px 0px;
    position: relative;
}

/* Wellness In a Box Admin classes ends */

/* Wellness in a box design classes - Ends  */
.parentDiv
{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    text-align: center;
}

.mainChildDiv
{
    position: relative;
    width: 860px;
    height: auto;
    z-index: 2;
    display: inline-table;
}

#fullheight
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0;
    height: 100%;
    border: none;
}

.FaqBackground
{
    background-image: url(images/FaqBackGround.PNG);
    font-family: Arial;
    font-size: xx-small;
    width: 34%;
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-right: 20px;
}

.sectionControlCellStyle
{
    width: 71%;
    padding-left: 2px;
}

.sectionControlCellWithoutAccordionStyle
{
    width: 100%;
}

.headerDiv
{
    position: relative;
    width: 100%; /*height: 70px;*/
    z-index: 2;
    padding-top: 10%; /*padding-bottom: 15px;*/
}

.bodyDiv
{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 3;
}

.footerDiv
{
    position: relative;
    width: 100%;
    height: 30px;
    z-index: 4;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

.footerTxt
{
    vertical-align: top;
    font-size: 11px;
    color: #999;
    text-align: right;
}

.footerLinkTxt
{
    vertical-align: top;
    font-size: 11px;
    color: #0891bf;
    text-align: right;
}

.topbarDiv
{
    position: relative; /*bottom:-60%;*/
    width: 100%;
    height: 34px;
    z-index: 2;
    background-image: url(images/topBarBg.gif);
    background-repeat: repeat-x;
    background-position: top;
    text-align: right;
    padding-top: 10px;
    text-align: left;
    font: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: bottom;
}

.midbarDiv
{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 2;
    display: table;
}

.bottombarDiv
{
    width: 100%;
    height: 46px;
    background-image: url(images/bottomBarBg.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.leftDiv
{
    position: relative;
    width: 125px;
    height: auto;
    z-index: 2;
    float: left;
    text-align: left;
}

.rightDiv
{
    position: relative;
    width: 733px;
    height: auto;
    z-index: 2;
    float: right;
    border-left: 2px solid #f2f2f2;
}

.contDiv
{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 350px;
    z-index: 2;
}

.infoDiv
{
    position: relative;
    width: 500px;
    height: auto;
    z-index: 2;
    float: left;
    vertical-align: top;
    padding: 10px;
    text-align: left;
}

.btnDiv
{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 2;
    clear: both;
    margin-bottom: 25px;
    display: table;
}

.accordion
{
    width: 100%;
}

.homePageAccordionHeaderCollapsed
{
    color: white;
    background-image: url(images/HomePageHeaderBackgroundCollapsed.PNG);
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    padding-left: 50px;
    vertical-align: middle;
    line-height: 15px;
    padding-bottom: 10px;
}

.homePageAccordionHeaderExpanded
{
    color: white;
    background-image: url(images/HomePageHeaderBackgroundExpanded.PNG);
    background-repeat: no-repeat;
    font-family: Arial;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    padding-left: 50px;
    vertical-align: middle;
    line-height: 15px;
    padding-bottom: 10px;
}
/*.accordionHeaderExpanded
{
	color: white;
	background-image: url(images/ContextualHeaderBackgroundExpanded.PNG);
	background-repeat: no-repeat;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	padding: 10px 3px 10px 45px;
	vertical-align: middle;
	line-height: 15px;
	text-align: left;
}
.accordionHeaderCollapsed
{
	color: white;
	background-image: url(images/ContextualHeaderBackgroundCollapsed.PNG);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 3px 10px 45px;
	vertical-align: middle;
	line-height: 15px;
	text-align: left;
}*/

.accordionHeaderExpanded_en-us
{
    color: white;
    background-image: url(images/en-us/ContextualHeaderBackgroundExpanded.PNG);
    background-repeat: no-repeat;
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    padding: 20px 3px 20px 45px;
    vertical-align: middle;
    line-height: 15px;
    text-align: left;
}

.accordionHeaderCollapsed_en-us
{
    color: white;
    background-image: url(images/en-us/ContextualHeaderBackgroundCollapsed.PNG);
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    padding: 20px 3px 20px 45px;
    vertical-align: middle;
    line-height: 15px;
    text-align: left;
}

.accordionHeaderExpanded_es-us
{
    color: white;
    background-image: url(images/es-us/ContextualHeaderBackgroundExpanded.PNG);
    background-repeat: no-repeat;
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    padding: 20px 3px 20px 45px;
    vertical-align: middle;
    line-height: 15px;
    text-align: left;
}

.accordionHeaderCollapsed_es-us
{
    color: white;
    background-image: url(images/es-us/ContextualHeaderBackgroundCollapsed.PNG);
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    padding: 20px 3px 20px 45px;
    vertical-align: middle;
    line-height: 15px;
    text-align: left;
}

.overlappingAccordionCellStyle
{
    width: 0px;
    vertical-align: top;
}

.nonOverlappingAccordionCellStyle
{
    width: 29%;
    vertical-align: top;
}

.overlappingAccordionDivStyle
{
    position: absolute;
    top: 0;
    right: 0;
    width: 220px; /* Need to change to 200 after greg's new images*/
    z-index: 20;
}

.nonOverlappingAccordionDivStyle
{
    position: relative;
    top: 0;
    right: 0;
    width: 200px;
    z-index: 20;
}

.accordionContent
{
    background-color: #f6f6f6;
    padding: 10px;
    text-align: left;
    font-size: 11px;
}

body, td, th
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #616263;
}

.leftMenuList
{
    /*font-family:Arial, Helvetica, sans-serif;*/
    float: left;
    text-align: left;
    font-family: Fontin Sans;
    font-size: 12pt;
    font-weight: bold;
    color: #666;
    line-height: 15px;
    margin-left: 0px;
    _margin-left: 0px;
    list-style-image: url(images/blankBullet_10x10.gif);
}

.menuPast
{
    padding-left: 0px;
    color: #666;
    text-align: left;
    line-height: 15px;
}

.menuCurrent
{
    text-align: left;
    background-repeat: no-repeat;
    background-position: 0px;
    padding-left: 0px;
    _padding-left: 0px;
    color: #FFF;
    padding-right: 5px;
    line-height: 15px;
    font-family: Fontin Sans;
    font-size: 12pt;
    font-weight: bold;
}

.menuNext
{
    padding-left: 0px;
    _padding-left: 0px;
    color: #CCC;
    text-align: left;
    line-height: 15px;
}

a:link
{
    color: #0099cc;
    text-decoration: none;
}

a:visited
{
    text-decoration: none;
    color: #0099cc;
}

a:hover
{
    text-decoration: underline;
    color: #0099cc;
}

a:active
{
    text-decoration: none;
    color: #0099cc;
}

.helpPoints
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    list-style-image: url(images/bullet.gif);
    text-align: left;
}

    .helpPoints li
    {
        margin-bottom: 11px;
        margin-top: 11px;
    }

.nextQBtnDiv
{
    float: left;
    margin-left: 25px;
}

.exitBtnDiv
{
    float: right;
    margin-right: 40px;
    vertical-align: bottom;
}

.question
{
    font-weight: bold;
    color: #3366CC;
}

.answer
{
    font-weight: normal;
    color: #333;
}

.inputTxt
{
    background-image: url(images/txtInputBg.gif);
    background-repeat: repeat-x;
    border: 1px solid #999;
}

.maskTxt
{
    background-image: url(images/txtInputBg.gif);
    background-repeat: repeat-x;
    border: 1px solid #999;
    font-style: italic;
    color: #666;
}

.errorTxt
{
    color: #FF0000;
}

.whiteTxt
{
    color: #FFF;
}
/* Generic Classes Starts */
.txtBold
{
    font-weight: bold;
}

.txtItalic
{
    font-style: italic;
}

.valignTop
{
    vertical-align: top;
}

.clearBoth
{
    clear: both;
}

.txt17
{
    font-size: 17px;
}

.txt14
{
    font-size: 14px;
}

.txt12
{
    font-size: 12px;
}

.txt11
{
    font-size: 11px;
}

.padLeft10
{
    padding-left: 10px;
}

.padRight10
{
    padding-right: 10px;
}

.seperator
{
    background-image: url(images/seperator.png);
    background-repeat: repeat-y;
}

.VerticalSeperator
{
    background-image: url(images/sides1.png);
    background-repeat: repeat-y;
    width: 2px;
}

.background
{
    /*background-image: url(images/background.jpg); 	background-repeat: repeat-x;*/
    background-color: #cccccc;
    background: url(images/background.jpg) #cccccc fixed repeat-x;
}

.progressBarComplete
{
    background-image: url(images/complete.JPG);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: bottom;
    z-index: 2;
    position: relative;
    padding-top: 4px;
    text-align: right;
    padding: 0px;
    border-spacing: 0px;
    cellspacing: 0px;
}

.progressBarIncomplete
{
    background-image: url(images/incomplete.JPG);
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: bottom;
    z-index: 2;
    position: relative;
    padding-top: 4px;
    text-align: left;
    padding: 0px;
    border-spacing: 0px;
    cellspacing: 0px;
}

.topbarDivProgressBar
{
    position: relative; /*bottom:-60%;*/
    width: 100%;
    height: 34px;
    z-index: 2;
    background-image: url(images/topBarBg.gif);
    background-repeat: repeat-x;
    background-position: top;
    text-align: right;
    padding-top: 3px;
    text-align: right;
    font: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: bottom;
}

.progressBarText
{
    text-align: right;
    font: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: bottom;
}
/* Generic Classes Ends */

/* Specific Classes Starts */
.checkbox, .radio
{
    width: 15px;
    height: 15px;
    padding: 0 5px 0 0;
    background: url(images/checkBox_on_off.gif) no-repeat;
    clear: left;
    float: none;
}

.checkboxError, .radioError
{
    width: 15px;
    height: 15px;
    padding: 0 5px 0 0;
    background: url(images/redCheckbox.gif) no-repeat;
    display: inline-block;
    clear: left;
}

.redText
{
    color: #666;
    font-family: Arial;
    font-size: 12px;
}

.select
{
    position: absolute;
    width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 11px;
    padding: 0 24px 0 8px;
    color: #fff;
    background: url(images/checkBox_on_off.gif) no-repeat;
    overflow: hidden;
}

.GridBg
{
    background-color: #F8F8F8;
    border: 1px solid #999;
}

.modalPopUpBack
{
    /*background-color : Gray;*/
    background-image: url(images/Gradient.JPG);
    background-repeat: repeat-x;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.modalPopup
{
    background-color: #e6e6e6; /*background-image:url(images/background.jpg);        background-repeat:repeat-x;border-width:3px;       border-style:solid;       border-color:Gray;       padding:5px;       width: 350px;       height:300px;       z-index:-1;*/
}

.modalButtons
{
    background-image: url(imagesPopUpButton.bmpf);
    text-align: left;
}

.modalButtonText
{
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
}

.freeTextFieldQuestionMargin
{
    margin-right: 20px;
}

#fullheight
{
    height: 100%;
}
/* Specific Classes Ends */


/* Health Tips Classes Starts */
.health-box
{
    width: 175px;
    font-size: 15px;
    float: right;
    margin: 0 0 20px 0;
}

    .health-box .tl, .health-box .tm, .health-box .tr, .health-box .bl, .health-box .bm, .health-box .br
    {
        background: url(images/health_tip_box.gif) no-repeat;
    }

    .health-box .mid
    {
        border-left: 2px solid #eeecec;
        border-right: 2px solid #eeecec;
    }

    .health-box .tl
    {
        background-position: left -12px;
        height: 11px;
    }

    .health-box .tm
    {
        background-position: left -24px;
        background-repeat: repeat-x;
        height: 11px;
        margin: 0 11px 0 11px;
    }

    .health-box .tr
    {
        background-position: right top;
        height: 11px;
    }

    .health-box .bl
    {
        background-position: left -48px;
        height: 11px;
        position: relative;
    }

    .health-box .bm
    {
        background-position: left -60px;
        background-repeat: repeat-x;
        height: 11px;
        margin: 0 11px 0 10px;
    }

    .health-box .br
    {
        background-position: right -36px;
        height: 11px;
    }

    .health-box .mid .content
    {
        padding: 0px 10px 0 10px;
        font-size: 13px;
    }

    .health-box h1
    {
        font-size: 18px;
        font-weight: normal;
    }

    .health-box .photo
    {
        position: absolute;
        bottom: -10px;
        left: -15px;
    }
/* Health Tips Classes Ends */

/* Home Page Classes Starts */
/* old css 
.bd-content
{
	float: left;
	width: 656px;
	padding: 10px 15px 0 20px;
}*/


/*.bullet1 li {padding:0 0 10px 12px; font-size:13px; background:url(images/bullet.gif) top left no-repeat}*/
.welcome-log-text
{
    padding: 0 200px 0px 10px;
}

    .welcome-log-text h1
    {
        padding: 0 0 15px 0;
        font-size: 15px;
        font-weight: normal;
        margin: 0px;
    }

.ResultsComparision
{
    font-size: 15px;
    color: #7d7d7d;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
}

/* Styles for Messages control of Home page start */

h2.message-header-style
{
    font-family: Arial Narrow,Arial;
    color: #00addb;
    font-size: 30px;
    font-weight: normal;
    font-stretch: condensed;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

p.message-text-style
{
    margin: 0px 0px 10px 0px;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
}

.HealthTip-header-style
{
    font-family: Arial Narrow,Arial;
    color: #00addb;
    font-size: 20px;
    font-weight: normal;
    font-stretch: condensed;
    margin: 0px 0px 10px 0px;
    padding: 0;
}
/* Styles for Messages control of Home page end */

/* Home Page Classes Ends */

/* Home section Classes Starts */
.homeSectionTxt
{
    font-size: 15px;
    color: #7d7d7d;
    text-align: justify;
}

.myResultPageHeaders
{
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #7d7d7d;
    font-weight: bold;
    font-stretch: condensed;
    text-align: justify;
}

.myResultPageTxt
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #616263;
    font-weight: normal;
    text-align: justify;
}

    .myResultPageTxt li
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #0099cc;
        font-weight: normal;
        text-align: justify;
    }

.myResultPageImage
{
    float: right;
}


.pdfIntro
{
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    font-size: 14px;
    color: #666666;
}

.hide
{
    display: none;
}

.show
{
    display: block;
}
/* Home section Classes Ends */

.bullet2
{
    list-style-image: url(images/bullet.gif);
    text-align: left;
}

    .bullet2 li
    {
        margin-bottom: 11px;
        margin-top: 11px;
        margin: 0px 0px 0px -15px;
        padding-left: 17px;
    }

/* Admin section common classes Start */

.header
{
    padding: 5px;
    background: #eaeaea;
    font-size: 15px;
    font-weight: bold;
    color: Gray;
}

.TotalPointsLabel
{
    text-align: center;
    vertical-align: middle;
}

.adminLables
{
    font-family: Arial, Helvetica, sans-serif;
    color: #7d7d7d;
    font-size: 12px;
}

.note
{
    font-style: italic;
    text-align: right;
    font-size: 11px;
    border-bottom: 1px solid #eaeaea;
}

.AssestationForm
{
    padding-right: 0px;
    vertical-align: top;
    width: 183px;
}

.spanclass
{
    background: #f7f7f7;
    color: #7d7d7d;
    display: none;
    border: 1px solid #ccc;
    padding: 5px;
    position: absolute;
    z-index: 1000;
    width: 200px;
    -moz-border-radius: 4px;
    text-align: left;
    text-decoration: none;
}

.email-id-popup
{
    border: 2px solid #000000;
    background: #ffffff;
    width: 250px;
    position: absolute;
    z-index: 100;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.greybackgound
{
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
/* Admin section common classes Ends */

/* Selection controls specific CSS classes start */

.option-layout-style
{
    margin: 0px;
}

.selected-option-small
{
    background-image: url('images/Trackers/option_green_small.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    display: table;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.unselected-option-small
{
    background-image: url('images/Trackers/option_gray_small.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    display: table;
    margin: 0px;
    padding: 0px;
}

.selected-option-normal
{
    background-image: url('images/Trackers/option_green_normal.gif');
    background-repeat: no-repeat;
    height: 26px;
    width: 26px;
    min-width: 26px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    display: table;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.unselected-option-normal
{
    background-image: url('images/Trackers/option_gray_normal.gif');
    background-repeat: no-repeat;
    height: 26px;
    width: 26px;
    min-width: 26px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    display: table;
    margin: 0px;
    padding: 0px;
}

.selected-option-large
{
    background-image: url('images/Trackers/option_green_large.gif');
    background-repeat: no-repeat;
    height: 26px;
    width: 40px;
    min-width: 40px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    display: table;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.unselected-option-large
{
    background-image: url('images/Trackers/option_gray_large.gif');
    background-repeat: no-repeat;
    height: 26px;
    width: 40px;
    min-width: 40px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    display: table;
    margin: 0px;
    padding: 0px;
}

.selected-option-extralarge
{
    background-image: url('images/Trackers/option_green_extralarge.gif');
    background-repeat: no-repeat;
    height: 28px;
    width: 102px;
    min-width: 102px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    display: table;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.unselected-option-extralarge
{
    background-image: url('images/Trackers/option_gray_extralarge.gif');
    background-repeat: no-repeat;
    height: 28px;
    width: 102px;
    min-width: 102px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    display: table;
    margin: 0px;
    padding: 0px;
}

/*.option-inside-text-style {font-size:12px; margin: -4px 0 0 0;padding: 4px 0 0 0;} */
.option-inside-text-style
{
    display: table-cell;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: middle;
}

.option-empty-text-style
{
    display: table-cell;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: middle;
    display: none;
}

.option-outside-text-style
{
    font-size: 12px;
    height: Auto;
    margin: 0px 4px 0px 4px;
    vertical-align: middle;
    text-align: left;
}

.option-outside-text-space-style
{
    font-size: 12px;
    height: Auto;
    margin: 0px 20px 0px 4px;
    vertical-align: middle;
    text-align: left;
}

.option-outside-sub-text-style
{
    color: #909090;
    font-size: 10px;
    height: Auto;
    margin: 0px 4px 0px 0px;
    vertical-align: bottom;
    text-align: left;
}

.top-header-style
{
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-stretch: condensed;
    font-weight: normal;
    color: #231e20;
    margin: 0px 4px 10px 0px;
    width: auto;
}

.top-sub-header-style
{
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-stretch: condensed;
    color: #231e20;
    margin: 0px 0px 10px 0px;
    width: auto;
}

.right-header-style
{
    font-size: 11px;
    color: #515255;
    padding: 0px 5px 0px 5px;
}

.expander-text
{
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-stretch: condensed;
    color: #00a8d9;
    padding: 0px 5px 0px 5px;
    cursor: default;
}

.row-space
{
    height: 6px;
}

.option-list-row
{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}

.option-collapsed-row
{
    display: none;
}

.option-visible-row
{
    display: block;
    margin: 0px 0px 10px 0px;
}

/* Selection controls specific CSS classes end */

/* BoxControl specific classes start */

.box-outline
{
    color: #616263;
    border-style: solid;
    border-color: Gray;
    border-width: 5px 15px;
    width: 425px;
}

.box-content
{
    padding: 2px 5px;
    height: 225px;
}

    .box-content .text-header
    {
        margin: 0px;
        padding: 0px;
    }

    .box-content p
    {
        color: #616263;
        margin: 0px 0px 5px 0px;
    }

    .box-content .progress-container
    {
        margin: 0px 0px 12px 0px;
    }

    .box-content .value
    {
        color: #616263;
        margin: 0px 20px 12px 5px;
        padding: 0px;
    }

    .box-content .warning
    {
        color: Orange;
        margin: 0px 0px 0px 0px;
        padding: 0px;
    }

    .box-content ul
    {
        list-style-type: disc;
        margin: -10px 0px 0px;
        padding: 0;
    }

    .box-content li
    {
        list-style-type: disc;
        margin: 5px 0px 12px 15px;
        padding: 0;
    }

/* BoxControl specific classes end */

/* Notes specific classes start*/

.notes-table
{
    font-size: 11px;
    color: #616263;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

.notes-table-header
{
    background: #ededed url(images/grid_hd_bg.gif) repeat-x 50% top;
}

.notes-table-cell
{
    border: solid 1px #dbdbdb;
    word-wrap: break-word;
}

.notes-table-div
{
    width: 510px;
    height: 300px;
    overflow: auto;
}
/* Notes specific classes end*/

/* ImageBoxControl specific classes start */

.image-box-content
{
    width: 188px;
    margin: auto;
}

.image-box-region
{
    width: 188px;
    margin: 0 0 10px 0;
}

    .image-box-region .top
    {
        background: url(images/Trackers/image_box_top.png) no-repeat top left;
        height: 7px;
        width: 196px;
    }

    .image-box-region .content
    {
        background: #e7e7e7 url(images/Trackers/image_box_content.gif) repeat-x bottom;
        width: 176px;
        padding: 10px;
    }

    .image-box-region h2
    {
        color: #7d7d7d;
        font-size: 16px;
        margin: 0px 0 0 0;
        padding: 0;
    }

    .image-box-region .image-area
    {
        border: 1px solid #c0c1c2;
        background: #fff;
        padding: 10px;
        margin: 5px 0 0 0;
    }

    .image-box-region .bottom
    {
        background: url(images/Trackers/image_box_bottom.gif) no-repeat top left;
        height: 7px;
        width: 196px;
    }

/* ImageBoxControl specific classes end */


/* Trackers specific generic classes start */

.tracker-notification
{
    color: blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 5px 0px;
}


.tracker-error
{
    color: Red;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 5px 0px;
}

.clear
{
    clear: both;
}

.tracker-tab
{
    margin: 0 0 0 0;
}

.tracker-head
{
    padding: 15px 0px 10px 0px;
}

    .tracker-head .left
    {
        width: 200px;
        float: left;
        margin: 0 10px 0 0;
    }

    .tracker-head .right
    {
        float: left;
        width: 438px;
    }

        .tracker-head .left h3, .tracker-head .right h3
        {
            color: #7d7d7d;
            margin: 0 0 5px 0;
        }

.tracker-calendar-region
{
    background: #fff url('images/Trackers/calendar_bg.gif') repeat-x left top;
    border: #818386 1px solid;
    padding: 5px 3px 5px 3px;
    width: 188px;
    height: 225px;
}

.tracker-calendar
{
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    width: 100%;
}

.tracker-calendar-title
{
    background: #35c000;
    color: #fff;
    border-width: 0px;
    border-style: none;
    font-size: 15px;
    text-transform: uppercase;
}

.tracker-calendar-day-header
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.tracker-calendar-day
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.tracker-calendar-selected-day
{
    border: solid 1px #75bf43;
    background: url(images/Trackers/green_date.gif) #4fdd00 repeat-x 50% top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 17px;
    width: 17px;
    color: black;
}


.tracker-detail-region
{
    margin: 15px 0 15px 0;
}

.tracker-footer-region
{
    background: #fff url(images/Trackers/footer_background.gif) repeat-x left bottom;
    border: solid 1px #616263;
    clear: both;
    margin: 0px 10px 10px 0px;
    overflow: auto;
    padding: 15px 10px 5px;
}

.tracker-footer-border
{
    border: solid 1px #616263;
}

.tracker-thought-region
{
    float: left;
    margin: 0px 25px 0px 0px;
    width: 335px;
}

    .tracker-thought-region h3
    {
        color: #7d7d7d;
        font-size: 15px;
        margin: 0px 0px 6px;
    }

.tracker-thought-text-border
{
    border: solid 1px #72d9f5;
}

.tracker-thought-textarea-watermark
{
    border: solid 1px #72d9f5;
    color: #95979a;
    font-size: 12px;
    font-style: italic;
    height: 35px;
    width: 315px;
}

.tracker-thought-textarea
{
    border: solid 1px #72d9f5;
    font-size: 12px;
    height: 35px;
    width: 315px;
}

.tracker-view-thoughts
{
    color: #2fb7dc;
    font-size: 15px;
    cursor: default;
}

    .tracker-view-thoughts a
    {
        text-decoration: none;
        vertical-align: middle;
    }

    .tracker-view-thoughts img
    {
        vertical-align: middle;
    }

.tracker-submit-button
{
    float: left;
    width: 274px;
}

/* Trackers specific generic classes end */

/* Physical activity tracker specific classes start */

.activity-region
{
    width: 500px;
    float: left;
    position: relative;
    margin: 0 0 20px 0;
}

.aerobic-activity-sub-region
{
    clear: both;
    margin: 0px 0 20px 0;
    float: left;
}

.aerobic-activity-sub-region-head
{
    font-size: 14px;
    color: #231e20;
    margin: 0 0 4px 0;
}

.aerobic-activity-sub-region-left
{
    float: left;
    margin: 0px;
    width: 240px;
}

.aerobic-activity-sub-region-right
{
    float: left;
    margin: -5px 10px -5px 0px;
}

.aerobic-activity-time
{
    margin: 2px 0px 10px;
    padding: 0px;
}

.aerobic-activity-time-input
{
    width: 30px;
}

.miles-entry
{
    margin: 8px 0 0 0;
    border: 1px solid #818386;
    padding: 10px;
    background: #fff;
    font-size: 12px;
    font-weight: normal;
}

.miles-textfield
{
    width: 50px;
}

.track-button
{
    float: right;
    width: 120px;
    margin: 35px 70px 0 0;
}

.activity-region-sep
{
    border-top: 1px solid #d3d4d5;
    padding: 10px 0 0 0;
}

.muscle-region-left
{
    float: left;
    width: 240px;
}

.muscle-region-right
{
    float: left;
    margin: 30px 0px;
    width: 260px;
    vertical-align: middle;
}

/* Physical activity tracker specific classes end */

/* Weight Tracker specific classes start*/

.weightTracker-thought-region
{
    float: left;
    margin: 0px 25px 0px 0px;
    width: 191px;
}

    .weightTracker-thought-region h3
    {
        color: #7d7d7d;
        font-size: 15px;
        margin: 0px 0px 6px;
    }

.weightTracker-thought-textarea
{
    border: solid 1px #72d9f5;
    font-size: 12px;
    height: 35px;
    width: 180px;
}

.weightTracker-thought-textarea-watermark
{
    border: solid 1px #72d9f5;
    color: #95979a;
    font-size: 12px;
    font-style: italic;
    height: 35px;
    width: 180px;
}

.weight-entry-region
{
    float: left;
    margin: 0px 25px 0px 0px;
    width: 120px;
}

    .weight-entry-region h3
    {
        color: #7d7d7d;
        font-size: 15px;
        margin: 0px 0px 6px;
    }

.weight-text-area
{
    width: 108px;
    height: 36px;
    border: solid 1px #72d9f5;
    font-size: 35px;
    color: #26b5dc;
    font-weight: bold;
    text-align: center;
}

/* Weight Tracker specific classes end */

/* Nutrition Tracker specific classes start*/

.nutrition-category
{
    border-bottom: 1px solid #bdbec0;
    margin: 15px 0px 10px 0;
}

    .nutrition-category .left
    {
        float: left;
        margin: 0 10px 0 0;
        width: 438px;
    }

    .nutrition-category .right
    {
        float: left;
        width: 210px;
    }

    .nutrition-category .description
    {
        clear: both;
        margin: 0 0 0px 0;
    }

        .nutrition-category .description h2
        {
            color: #7d7d7d;
            font-size: 16px;
            margin: 0px;
            padding: 0px;
        }

        .nutrition-category .description p
        {
            font-size: 12px;
            margin: 0px 0px 12px;
        }

        .nutrition-category .description .options-region
        {
            margin: 15px 0px 10px;
        }

        .nutrition-category .description .example
        {
            display: none;
            margin: 0px 0px 10px;
        }
/* Nutrition Tracker specific classes end*/

/* My Plan specific classes start */
.mp-show-hid-cont
{
    border-top: 1px solid #bdbec0;
    padding: 5px 0 0 0;
    margin: 10px 0 0 0;
}

.bullet2 ul
{
    margin: 8px 0 0px 0;
    padding: 0;
}

.bullet2 li
{
    list-style-type: disc;
    margin: 5px 0px 0px 15px;
    padding: 0;
}

.green-shape
{
    background: url(images/green_shape.gif) left no-repeat;
    width: 437px;
    height: 72px;
    margin: 0px 0px 0px 0px;
}

.green-shape-head h1
{
    font-family: Arial Narrow,Arial;
    font-weight: normal;
    font-stretch: condensed;
    font-size: 22px;
    color: #ffffff;
    padding-left: 25px;
}

.gray-box
{
    background: #ffffff url(images/gray_box_bg.gif) bottom repeat-x;
    border: 1px solid #808284;
    margin: -5px 0 0 6px;
    position: relative;
}

    .gray-box .content
    {
        padding: 25px 15px 15px 15px;
    }

        .gray-box .content a
        {
            text-decoration: none;
            color: #029ac3;
        }

            .gray-box .content a:hover
            {
                text-decoration: underline;
            }

    .gray-box .row
    {
        margin: 0 0 10px 0;
        color: #454649;
        clear: both;
    }

    .gray-box .content .row .left
    {
        font-size: 20px;
        width: 195px;
        margin: 0 0px 0 0;
        display: block;
        float: left;
    }

    .gray-box .content .row .right .boldtext
    {
        font-size: 20px;
        font-weight: bold;
        display: block;
        float: left;
        text-align: right;
    }

    .gray-box .content .row .right .normaltext
    {
        font-size: 16px;
        font-weight: normal;
    }

    .gray-box .content img
    {
        margin: 0 0 0 5px;
    }

.gray-green-sec
{
    margin: 0 0 20px 0;
}

.my-track-ss
{
    position: absolute;
    top: -65px;
    left: 260px;
}

.gray-box .reward-content .top-left
{
    width: 325px;
    position: relative;
}

.gray-box .reward-content
{
    padding: 20px;
}

    .gray-box .reward-content h3
    {
        font-size: 14px;
        font-weight: bold;
    }

    .gray-box .reward-content p
    {
        margin: 0 0 15px 0;
    }

.arrow-text
{
    color: #04acda;
}

p.action
{
    font-size: 13px;
    font-weight: bold;
    color: #7d7d7d;
    padding: 5px 0 10px 0;
    font-weight: bold;
}

.tracker-rc
{
    margin: 0 0 30px 0;
    width: 410px;
}

.gray-rc
{
    margin-left: 0px;
}

    gray-rc .tl, .gray-rc .tm, .gray-rc .tr, .gray-rc .bl, .gray-rc .bm, .gray-rc .br
    {
        background: url(images/gray_rc.gif) no-repeat;
        height: 8px;
    }

    .gray-rc .tl
    {
        background-position: top left;
    }

    .gray-rc .tm
    {
        background-position: left -9px;
        margin: 0 7px 0 7px;
        background-repeat: repeat-x;
    }

    .gray-rc .tr
    {
        background-position: right top;
    }

    .gray-rc .bl
    {
        background-position: bottom left;
    }

    .gray-rc .bm
    {
        background-position: left -9px;
        margin: 0 7px 0 7px;
        background-repeat: repeat-x;
    }

    .gray-rc .br
    {
        background-position: bottom right;
    }

    .gray-rc .mid
    {
        background: #e0e1e3;
        padding: 0 4px 0 4px;
        text-align: center;
        font-size: 12px;
    }

        .gray-rc .mid .content
        {
            text-align: left;
            padding: 5px 150px 5px 14px;
            position: relative;
            width: 50%;
        }

        .gray-rc .mid .content-other
        {
            text-align: left;
            padding: 5px 20px 5px 20px;
        }

    .gray-rc a
    {
        color: #4b8ccc;
        text-decoration: none;
    }

        .gray-rc a:hover
        {
            color: #4b8ccc;
            text-decoration: underline;
        }

.marg-none
{
    margin: 0;
}

.my-reward-ss
{
    position: absolute;
    top: -45px;
    left: 335px;
}

.blk-bullet
{
}

    .blk-bullet ul
    {
        margin: 0;
        padding: 0;
    }

    .blk-bullet li
    {
        background: url(images/black_bullet.gif) left top no-repeat;
        padding: 0 0 5px 15px;
    }

.full-strip
{
    background: #04acda;
    padding: 15px;
}

    .full-strip .left
    {
        float: left;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        padding: 5px 0 0 0;
    }

    .full-strip .right
    {
        float: right;
    }

.plan-cont-sec
{
    margin: 15px 0 0 0;
}
/* My Plan specific classes End */

/*thoughts popup specific classes start */

.thoughts-popup
{
    width: 530px;
    height: auto;
}

.thoughts-popup-header
{
    background: url(images/print_popup_hd.gif) repeat-x;
    color: #616263;
    height: 23px;
}

.thoughts-popup-header-text
{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0px 0px 5px;
    text-align: left;
}

.thoughts-popup-header-left
{
    float: left;
    width: auto;
}

.thoughts-popup-header-right
{
    float: right;
    padding: 4px;
    width: auto;
}

.thoughts-popup-content
{
    padding: 0px 10px 8px;
    background: #fff;
}

.thoughts-popup-tabs
{
    padding: 12px 0px;
    float: left;
    width: 100%;
}

/*thoughts popup specific classes end */

/*DateRange popup specific classes start */

.daterange-popup
{
    width: 400px;
    height: auto;
}

.daterange-popup-header
{
    background: url(images/print_popup_hd.gif) repeat-x;
    color: #616263;
    height: 23px;
    padding: 0;
}

.daterange-popup-header-text
{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0px 0px 5px;
    text-align: left;
}

.daterange-popup-header-left
{
    float: left;
    width: auto;
}

.daterange-popup-header-right
{
    float: right;
    padding: 4px;
    width: auto;
}

.daterange-popup-content
{
    padding: 10px 0px 0px 8px;
    background-color: #fff;
    height: auto;
}


/*DateRange popup specific classes end */

.tracker-calendar-region
{
    background: #fff url('images/Trackers/calendar_bg.gif') repeat-x left top;
    border: #818386 1px solid;
    padding: 5px 3px 5px 3px;
    width: 188px;
    height: 225px;
}

.tracker-calendar
{
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    width: 100%;
}

.tracker-calendar-title
{
    background: #35c000;
    color: #fff;
    border-width: 0px;
    border-style: none;
    font-size: 15px;
    text-transform: uppercase;
}

.tracker-calendar-day-header
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.tracker-calendar-day
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.tracker-calendar-selected-day
{
    border: solid 1px #75bf43;
    background: url(images/Trackers/green_date.gif) #4fdd00 repeat-x 50% top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 17px;
    width: 17px;
    color: black;
}


.tracker-detail-region
{
    margin: 15px 0 15px 0;
}

.tracker-footer-region
{
    background: #fff url(images/Trackers/footer_background.gif) repeat-x left bottom;
    border: solid 1px #616263;
    clear: both;
    margin: 0px 10px 10px 0px;
    overflow: auto;
    padding: 15px 10px 5px;
}

.tracker-footer-border
{
    border: solid 1px #616263;
}

.tracker-thought-region
{
    float: left;
    margin: 0px 25px 0px 0px;
    width: 335px;
}

    .tracker-thought-region h3
    {
        color: #7d7d7d;
        font-size: 15px;
        margin: 0px 0px 6px;
    }

.tracker-thought-text-border
{
    border: solid 1px #72d9f5;
}

.tracker-thought-textarea-watermark
{
    border: solid 1px #72d9f5;
    color: #95979a;
    font-size: 12px;
    font-style: italic;
    height: 35px;
    width: 315px;
}

.tracker-thought-textarea
{
    border: solid 1px #72d9f5;
    font-size: 12px;
    height: 35px;
    width: 315px;
}

.tracker-view-thoughts
{
    color: #2fb7dc;
    font-size: 15px;
    cursor: default;
}

    .tracker-view-thoughts a
    {
        text-decoration: none;
        vertical-align: middle;
    }

    .tracker-view-thoughts img
    {
        vertical-align: middle;
    }

.tracker-submit-button
{
    float: left;
    width: 274px;
}

/* Trackers specific generic classes end */

/* Physical activity tracker specific classes start */

.activity-region
{
    width: 500px;
    float: left;
    position: relative;
    margin: 0 0 20px 0;
}

.aerobic-activity-sub-region
{
    clear: both;
    margin: 0px 0 20px 0;
    float: left;
}

.aerobic-activity-sub-region-head
{
    font-size: 14px;
    color: #231e20;
    margin: 0 0 4px 0;
}

.aerobic-activity-sub-region-left
{
    float: left;
    margin: 0px;
    width: 190px;
}

.aerobic-activity-sub-region-right
{
    float: left;
    margin: -5px 10px -5px 0px;
}

.aerobic-activity-time
{
    margin: 2px 0px 10px;
    padding: 0px;
}

.aerobic-activity-time-input
{
    width: 30px;
}

.miles-entry
{
    margin: 8px 0 0 0;
    border: 1px solid #818386;
    padding: 10px;
    background: #fff;
    font-size: 12px;
    font-weight: normal;
}

.miles-textfield
{
    width: 50px;
}

.track-button
{
    float: right;
    width: 120px;
    margin: 35px 70px 0 0;
}

.activity-region-sep
{
    border-top: 1px solid #d3d4d5;
    padding: 10px 0 0 0;
}

.muscle-region-left
{
    float: left;
    width: 240px;
}

.muscle-region-right
{
    float: left;
    margin: 30px 0px;
    width: 260px;
    vertical-align: middle;
}

/* Physical activity tracker specific classes end */

/* Weight Tracker specific classes start*/

.weightTracker-thought-region
{
    float: left;
    margin: 0px 25px 0px 0px;
    width: 191px;
}

    .weightTracker-thought-region h3
    {
        color: #7d7d7d;
        font-size: 15px;
        margin: 0px 0px 6px;
    }

.weightTracker-thought-textarea
{
    border: solid 1px #72d9f5;
    font-size: 12px;
    height: 35px;
    width: 180px;
}

.weightTracker-thought-textarea-watermark
{
    border: solid 1px #72d9f5;
    color: #95979a;
    font-size: 12px;
    font-style: italic;
    height: 35px;
    width: 180px;
}

.weight-entry-region
{
    float: left;
    margin: 0px 25px 0px 0px;
    width: 120px;
}

    .weight-entry-region h3
    {
        color: #7d7d7d;
        font-size: 15px;
        margin: 0px 0px 6px;
    }

.weight-text-area
{
    width: 108px;
    height: 36px;
    border: solid 1px #72d9f5;
    font-size: 35px;
    color: #26b5dc;
    font-weight: bold;
    text-align: center;
}

/* Weight Tracker specific classes end */

/* Nutrition Tracker specific classes start*/

.nutrition-category
{
    border-bottom: 1px solid #bdbec0;
    margin: 15px 0px 10px 0;
}

    .nutrition-category .left
    {
        float: left;
        margin: 0 10px 0 0;
        width: 438px;
    }

    .nutrition-category .right
    {
        float: left;
        width: 210px;
    }

    .nutrition-category .description
    {
        clear: both;
        margin: 0 0 0px 0;
    }

        .nutrition-category .description h2
        {
            color: #7d7d7d;
            font-size: 16px;
            margin: 0px;
            padding: 0px;
        }

        .nutrition-category .description p
        {
            font-size: 12px;
            margin: 0px 0px 12px;
        }

        .nutrition-category .description .options-region
        {
            margin: 15px 0px 10px;
        }

        .nutrition-category .description .example
        {
            display: none;
            margin: 0px 0px 10px;
        }
/* Nutrition Tracker specific classes end*/

/* My Plan specific classes start */
.mp-show-hid-cont
{
    border-top: 1px solid #bdbec0;
    padding: 5px 0 0 0;
    margin: 10px 0 0 0;
}

.bullet2 ul
{
    margin: 8px 0 0px 0;
    padding: 0;
}

.bullet2 li
{
    list-style-type: disc;
    margin: 5px 0px 0px 15px;
    padding: 0;
}

.green-shape
{
    background: url(images/green_shape.gif) left no-repeat;
    width: 437px;
    height: 72px;
    margin: 0px 0px 0px 0px;
}

.green-shape-head h1
{
    font-family: Arial Narrow,Arial;
    font-weight: normal;
    font-size: 22px;
    font-stretch: condensed;
    color: #ffffff;
    padding-left: 25px;
}

.gray-box
{
    background: #ffffff url(images/gray_box_bg.gif) bottom repeat-x;
    border: 1px solid #808284;
    margin: -5px 0 0 6px;
    position: relative;
}

    .gray-box .content
    {
        padding: 25px 15px 15px 15px;
    }

        .gray-box .content a
        {
            text-decoration: none;
            color: #029ac3;
        }

            .gray-box .content a:hover
            {
                text-decoration: underline;
            }

    .gray-box .row
    {
        margin: 0 0 10px 0;
        color: #454649;
        clear: both;
    }

    .gray-box .content .row .left
    {
        font-size: 20px;
        width: 195px;
        margin: 0 0px 0 0;
        display: block;
        float: left;
    }

    .gray-box .content .row .right .boldtext
    {
        font-size: 20px;
        font-weight: bold;
        display: block;
        float: left;
        text-align: right;
    }

    .gray-box .content .row .right .normaltext
    {
        font-size: 16px;
        font-weight: normal;
    }

    .gray-box .content img
    {
        margin: 0 0 0 5px;
    }

.gray-green-sec
{
    margin: 0 0 20px 0;
}

.my-track-ss
{
    position: absolute;
    top: -65px;
    left: 260px;
}

.gray-box .reward-content .top-left
{
    width: 325px;
    position: relative;
}

.gray-box .reward-content
{
    padding: 20px;
}

    .gray-box .reward-content h3
    {
        font-size: 14px;
        font-weight: bold;
    }

    .gray-box .reward-content p
    {
        margin: 0 0 15px 0;
    }

.arrow-text
{
    color: #04acda;
}

p.action
{
    font-size: 13px;
    font-weight: bold;
    color: #7d7d7d;
    padding: 5px 0 10px 0;
    font-weight: bold;
}

.tracker-rc
{
    margin: 0 0 30px 0;
    width: 410px;
}

.gray-rc
{
    margin-left: 0px;
}

    gray-rc .tl, .gray-rc .tm, .gray-rc .tr, .gray-rc .bl, .gray-rc .bm, .gray-rc .br
    {
        background: url(images/gray_rc.gif) no-repeat;
        height: 8px;
    }

    .gray-rc .tl
    {
        background-position: top left;
    }

    .gray-rc .tm
    {
        background-position: left -9px;
        margin: 0 7px 0 7px;
        background-repeat: repeat-x;
    }

    .gray-rc .tr
    {
        background-position: right top;
    }

    .gray-rc .bl
    {
        background-position: bottom left;
    }

    .gray-rc .bm
    {
        background-position: left -9px;
        margin: 0 7px 0 7px;
        background-repeat: repeat-x;
    }

    .gray-rc .br
    {
        background-position: bottom right;
    }

    .gray-rc .mid
    {
        background: #e0e1e3;
        padding: 0 4px 0 4px;
        text-align: center;
        font-size: 12px;
    }

        .gray-rc .mid .content
        {
            text-align: left;
            padding: 5px 150px 5px 14px;
            position: relative;
            overflow: visible;
        }

        .gray-rc .mid .content-other
        {
            text-align: left;
            padding: 5px 20px 5px 20px;
        }

    .gray-rc a
    {
        color: #4b8ccc;
        text-decoration: none;
    }

        .gray-rc a:hover
        {
            color: #4b8ccc;
            text-decoration: underline;
        }

.marg-none
{
    margin: 0;
}

.my-reward-ss
{
    position: absolute;
    top: -45px;
    left: 335px;
}

.blk-bullet
{
}

    .blk-bullet ul
    {
        margin: 0;
        padding: 0;
    }

    .blk-bullet li
    {
        background: url(images/black_bullet.gif) left top no-repeat;
        padding: 0 0 5px 15px;
    }

.full-strip
{
    background: #04acda;
    padding: 15px;
}

    .full-strip .left
    {
        float: left;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        padding: 5px 0 0 0;
    }

    .full-strip .right
    {
        float: right;
    }

.plan-cont-sec
{
    margin: 15px 0 0 0;
}
/* My Plan specific classes End */

/*thoughts popup specific classes start */

.thoughts-popup
{
    width: 530px;
    height: auto;
}

.thoughts-popup-header
{
    background: url(images/print_popup_hd.gif) repeat-x;
    color: #616263;
    height: 23px;
}

.thoughts-popup-header-text
{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0px 0px 5px;
    text-align: left;
}

.thoughts-popup-header-left
{
    float: left;
    width: auto;
}

.thoughts-popup-header-right
{
    float: right;
    padding: 4px;
    width: auto;
}

.thoughts-popup-content
{
    padding: 0px 10px 8px;
    background: #fff;
}

.thoughts-popup-tabs
{
    padding: 12px 0px;
    float: left;
    width: 100%;
}

/*thoughts popup specific classes end */


/*program Registration popup specific classes start */

.programsRegistration-popup
{
    width: 350px;
    height: auto;
}

.programsRegistration-popup-header
{
    background: #00aedb;
    color: #616263;
    height: 23px;
}

.programsRegistration-popup-header-text
{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0px 0px 5px;
    text-align: left;
}

.programsRegistration-popup-header-left
{
    float: left;
    width: auto;
}

.programsRegistration-popup-header-right
{
    float: right;
    padding: 4px;
    width: auto;
}

.programsRegistration-popup-content
{
    padding: 0px 10px 8px;
    background: #fff;
}

.programsRegistration-popup-tabs
{
    padding: 12px 0px;
    float: left;
    width: 100%;
}

.programsRegistration-popup-top-sec
{
    font-family: Arial, Helvetica, sans-serif;
    color: #616263;
}

.programsRegistration-popup-top-sec
{
    margin: 0px 0px 15px;
}

.programsRegistration-popup-row
{
    margin: 0px 0px 5px;
    clear: both;
    font-size: 12px;
}

.programsRegistration-input-labels
{
    width: 105px;
}

/*program Registration specific classes end */


.head
{
    background: #E6E6E6;
    padding: 5px 5px 8px 5px;
}

.ft
{
    background: #E6E6E6;
    font-weight: bold;
}

.RadGrid td .ajax__calendar td
{
    padding: 0;
}
/*My Coach styles*/
.photo-bot-div
{
    background: #00addb;
    padding: 8px 10px 8px 10px;
}

.get-start
{
    font-size: 15px;
    color: #effbfe;
    float: left;
    padding: 2px 10px 0 15px;
}

.number
{
    font-size: 25px;
    color: #effbfe;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 10px 0 15px;
}

.coach-two-col
{
    clear: both;
    margin: 0 0 20px 0;
}

    .coach-two-col .left
    {
        float: left;
        width: 355px;
        height: 100%;
        margin: 0 20px 0 0;
    }

    .coach-two-col .right
    {
        float: left;
        width: 300px;
        font-size: 12px;
        line-height: 18px;
        padding: 20px 0 0 0;
    }

.coach-top-content
{
    line-height: 22px;
    margin: 0 0 10px 0;
}
/*My Coach styles*/

/*My Benefits styles*/
.my-benefit
{
    padding: 10px 0 0 0;
    height: 100%;
}

    .my-benefit .top-img
    {
        margin: 0px 0 20px 0;
    }

    .my-benefit .left
    {
        width: 450px;
        float: left;
        vertical-align: text-top;
    }

    .my-benefit .right
    {
        float: right;
        padding-left: 75px;
        padding-bottom: 8px;
    }

    .my-benefit h1
    {
        margin: 10px 0 10px 0;
    }

    .my-benefit .sec
    {
        clear: both;
        margin: 25px 0 0 0;
    }

        .my-benefit .sec h2
        {
            margin: 0 0 10px 0;
        }

        .my-benefit .sec a
        {
            color: #4b8ccc;
            text-decoration: none;
            line-height: 18px;
        }

            .my-benefit .sec a:hover
            {
                text-decoration: underline;
            }

    .my-benefit .benefitheader-text
    {
        font-family: Arial Narrow,Arial;
        font-weight: normal;
        font-size: 45px;
        font-stretch: condensed;
        color: #00addb;
        padding: 0px 0px 0px 0px;
    }

    .my-benefit .pageheader
    {
        padding-bottom: 20px;
    }

    .my-benefit .pageheader-text
    {
        font-weight: normal;
        line-height: 35px;
        font-size: 25px;
        color: #00addb;
        padding: 0px 0px 0px 0px;
        word-wrap: break-word;
        width: 400px;
    }

    .my-benefit .disclaimer-text
    {
        font-weight: normal;
        color: #616263;
        font-size: 13px;
        vertical-align: top;
        display: inline-block;
        word-wrap: break-word;
        width: 160px;
    }

    .my-benefit .heading-text
    {
        font-weight: normal;
        font-size: 20px;
        color: #3395D1;
        padding: 10px 0px 0px 0px;
        word-wrap: break-word;
        width: 420px;
    }

    .my-benefit .subheading-text
    {
        font-weight: normal;
        font-size: 15px;
        color: #FFA11C;
        padding: 10px 0px 0px 0px;
        word-wrap: break-word;
        width: 420px;
    }

    .my-benefit .urlSection-text
    {
        font-family: Arial Narrow,Arial;
        font-size: small;
        color: #8CC671;
        font-weight: bold;
        font-stretch: condensed;
        text-decoration: underline;
        word-wrap: break-word;
        width: 420px;
    }

    .my-benefit .WYSIWYGText
    {
        word-wrap: break-word;
        width: 420px;
        padding-bottom: 10px;
    }

    .my-benefit .FileUploadSection-text
    {
        word-wrap: break-word;
        width: 170px;
        color: #1f99d2;
    }

.disclaimer-text
{
    text-align: left;
}

.Benefit-td-style
{
    text-align: left;
    vertical-align: middle;
}

.Benefit-EnrollmentSection
{
    background-color: #E6E6E6;
}

.Benefit-HeadingSection
{
    background-color: #F1F1F1;
}

.Benefit-SubHeadingSection
{
    background-color: #E6EFFA;
}

.my-benefit-section
{
}
/*My Benefits styles*/

/*po2 TabControl style*/


.pot-weeks-tabs
{
    float: left;
}

    .pot-weeks-tabs ul
    {
        margin: 0;
        padding: 0;
    }

    .pot-weeks-tabs li
    {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
        padding-top: 5px;
    }


    .pot-weeks-tabs .selected
    {
        background: none;
        margin: 0;
        padding: 0;
    }


/*po2 TabControl style*/

/*AYOH TabControl style*/


.ayoh-months-tabs
{
    float: left;
}

    .ayoh-months-tabs ul
    {
        margin: 0;
        padding: 0;
    }

    .ayoh-months-tabs li
    {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
        padding-top: 10px;
    }


    .ayoh-months-tabs .selected
    {
        background: none;
        margin: 0;
        padding: 0;
    }

.ayohtable
{
    border: 1px solid black;
    border-collapse: collapse;
}

    .ayohtable td
    {
        border: 1px solid black;
    }

    .ayohtable th
    {
        background-color: Silver;
        border: 1px solid black;
    }
/*AYOH TabControl style*/

/* AYOH Next month buttons */

.month-arrow
{
    background: url(../../App_Themes/Theme1/images/Power_of_two/week_arrow.gif) no-repeat left;
    width: 225px;
    height: 61px;
    margin: 0px 0 0px 0 font-size:22px;
    font-weight: normal;
    color: #fff;
    text-align: justify;
}

.participation-arrow
{
    background: url(../../App_Themes/Theme1/images/Power_of_two/week_arrow.gif) no-repeat left;
    width: 225px;
    height: 61px;
    margin: 0px 0 0px 0 font-size:18px;
    font-weight: normal;
    color: #fff;
    text-align: justify;
    cursor: pointer;
}

.periodElapsedMessage
{
    border: none;
}

/* AYOH Next month buttons */

/* Attestation specific classes start*/
.attestation-popup-top-sec
{
    font-family: Arial, Helvetica, sans-serif;
    color: #616263;
}

.attestation-popup-top-sec
{
    margin: 0px 0px 15px;
}

.attestation-popup-row
{
    margin: 0px 0px 5px;
    clear: both;
    font-size: 12px;
}

.attestation-input-labels
{
    width: 105px;
}
/* Attestation specific classes start*/
/*My Rewards style*/
.reward-point
{
    background: url(images/MyRewards/point_bg.gif) bottom left no-repeat;
    background-position: bottom;
    background-color: #f6f8f9;
    width: 93px;
    height: 70px;
}

    .reward-point h1
    {
        font-size: 42px;
        color: #404143;
        font-weight: normal;
        text-align: center;
        padding: 15px 0px 0 0;
        margin: 0px 0 0 0;
    }

    .reward-point .text
    {
        font-size: 12px;
        text-align: center;
        color: #525355;
        margin: 5px 0 0 0;
        padding: 0 0 2px 0;
    }

.reward-p
{
    position: absolute;
    right: 0px;
    top: -6px;
}

.reward-details
{
    position: absolute;
    right: 0px;
    top: 64px;
}

.pos-rel
{
    position: relative;
}

.my-reward-content
{
    padding: 10px 82px 0px 0px;
    line-height: 18px;
}

    .my-reward-content h3, .pwp-guid h3
    {
        font-family: Arial Narrow, Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: normal;
        font-stretch: condensed;
        margin: 0 0 5px 0;
    }

    .my-reward-content p
    {
        padding: 0 0 3px 0;
        margin: 0;
    }

    .my-reward-content .my-rew-img
    {
        margin: -45px -50px 0 15px;
    }

.rew-point-sec
{
    margin: 26px 0 26px 0;
    clear: both;
}

.point-srip-first
{
    height: 19px;
    width: 195px;
    padding: 6px 0 6px 80px;
    position: relative;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-stretch: condensed;
    color: #474848;
    margin: 0 0 14px 0;
}

.point-srip-second
{
    background: #1abcb8;
    height: 19px;
    width: 195px;
    padding: 6px 0 6px 80px;
    position: relative;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-stretch: condensed;
    color: #474848;
    margin: 0 0 14px 0;
}

.point-srip-third
{
    background: #35c000;
    height: 19px;
    width: 195px;
    padding: 6px 0 6px 80px;
    position: relative;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-stretch: condensed;
    color: #474848;
    margin: 0 0 14px 0;
}

.point-srip-fourth
{
    background: #6eb262;
    height: 19px;
    width: 195px;
    padding: 6px 0 6px 80px;
    position: relative;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-stretch: condensed;
    color: #474848;
    margin: 0 0 14px 0;
}

.point-srip-fifth
{
    background: #F8B641;
    height: 19px;
    width: 195px;
    padding: 6px 0 6px 80px;
    position: relative;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-stretch: condensed;
    color: #474848;
    margin: 0 0 14px 0;
}

.point-srip-sixth
{
    background: #F88B57;
    height: 19px;
    width: 195px;
    padding: 6px 0 6px 80px;
    position: relative;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-stretch: condensed;
    color: #474848;
    margin: 0 0 14px 0;
}

    .point-srip-first .point, .point-srip-second .point, .point-srip-third .point, .point-srip-fourth .point, .point-srip-fifth .point, .point-srip-sixth .point, .total-pt-strip .point
    {
        background: url(images/MyRewards/point_small_bg_1.png) no-repeat;
        width: 60px;
        height: 45px;
        position: absolute;
        left: 5px;
        top: -5px;
        text-align: center;
        font-size: 11px;
        color: #595a5c;
    }

.total-pt-strip .point
{
    background: url(images/MyRewards/point_small_bg.png) no-repeat;
    width: 75px;
    height: 60px;
    position: absolute;
    left: 5px;
    top: -10px;
    text-align: center;
    font-size: 11px;
    color: #595a5c;
}

    .point-srip-first .point h3, .point-srip-second .point h3, .point-srip-third .point h3, .point-srip-fourth .point h3, .point-srip-fifth .point h3, .point-srip-sixth .point h3, .total-pt-strip .point h3
    {
        font-size: 27px;
        font-weight: normal;
        margin: 0;
        padding: 7px 0 0 0;
        color: #7d7d7d;
    }

    .total-pt-strip .point h3
    {
        margin: 5px 0 5px 0;
    }

.total-pt-strip .point
{
    left: 0;
    line-height: 12px;
    width: 75px;
}

.get-point-sec
{
    margin: 12px 0 0 0;
}

.get-point-sec
{
}

.black-grad-rc .tl, .black-grad-rc .tr, .black-grad-rc .tm, .black-grad-rc .bl, .black-grad-rc .bm, .black-grad-rc .br
{
    background: url(images/MyRewards/black_grad_rc.png) no-repeat;
    height: 7px;
}

.black-grad-rc .tl
{
    background-position: top left;
}

.black-grad-rc .tm
{
    background-position: 0 -16px;
    background-repeat: repeat-x;
    margin: 0 7px 0 7px;
}

.black-grad-rc .tr
{
    background-position: right -8px;
}

.black-grad-rc .bl
{
    background-position: 0 -24px;
}

.black-grad-rc .bm
{
    background-position: bottom left;
    background-repeat: repeat-x;
    margin: 0 7px 0 7px;
}

.black-grad-rc .br
{
    background-position: right -32px;
}

.black-grad-rc .mid
{
    background: #8c8e91 url(images/MyRewards/black_grad_mid.png) bottom repeat-x;
}

    .black-grad-rc .mid .grid-content
    {
        padding: 0 2px 0 2px;
        border: none;
        color: #646567;
    }

        .black-grad-rc .mid .grid-content th
        {
            background: none;
            border: none;
            color: #fff;
        }

        .black-grad-rc .mid .grid-content table th img
        {
            border: none;
        }

        .black-grad-rc .mid .grid-content table td
        {
            border: none;
        }

        .black-grad-rc .mid .grid-content table
        {
            border: none;
        }


.blue-rc
{
    margin: 0 0 2px 0;
}

    .blue-rc .tl, .blue-rc-1 .top-left, .blue-rc .tr, .blue-rc-1 .top-right, .blue-rc .tm, .blue-rc-1 .top-mid, .blue-rc .bl, .blue-rc-1 .bot-left, .blue-rc .bm, .blue-rc-1 .bot-mid, .blue-rc .br, .blue-rc-1 .bot-right
    {
        background: url(images/MyRewards/blue_rc.png) no-repeat;
        height: 4px;
        font-size: 1px;
    }

    .blue-rc .tl, .blue-rc-1 .top-left
    {
        background-position: left top;
    }

    .blue-rc .tm, .blue-rc-1 .top-mid
    {
        background: #04acda;
        margin: 0 4px 0 4px;
    }

    .blue-rc .tr, .blue-rc-1 .top-right
    {
        background-position: right -5px;
    }

    .blue-rc .bl, .blue-rc-1 .bot-left
    {
        background-position: 0 -10px;
    }

    .blue-rc .bm, .blue-rc-1 .bot-mid
    {
        background: #04acda;
        margin: 0 4px 0 4px;
    }

    .blue-rc .br, .blue-rc-1 .bot-right
    {
        background-position: right bottom;
    }

    .blue-rc .mid, .blue-rc-1 .mid
    {
        background: #04acda;
    }

        .blue-rc .mid .grid-head, .blue-rc .blue-mid .grid-head
        {
            color: #fff;
            font-size: 12px;
            text-transform: capitalize;
            padding: 0 0 0 25px;
            font-weight: bold;
        }

    .blue-rc .blue-mid
    {
        background: #04acda;
    }

        .blue-rc .blue-mid .grid-head a
        {
            color: #fff;
            text-decoration: none;
        }

            .blue-rc .blue-mid .grid-head a:hover
            {
                text-decoration: underline;
            }

.white-gray-rc
{
    margin: 0 0 10px 0;
    clear: both;
}

    .white-gray-rc .top
    {
        background: url(images/MyRewards/white_gray_top.png) top no-repeat;
        height: 6px;
    }

    .white-gray-rc .mid
    {
        background: url(images/MyRewards/white_gray_mid.png) top left repeat-y;
    }

    .white-gray-rc .bot
    {
        background: url(images/MyRewards/white_gray_bot.png) top no-repeat;
        height: 6px;
    }

    .white-gray-rc .mid .grid-content
    {
        padding: 0 10px 0 25px;
        margin: 0;
        width: auto;
    }

        .white-gray-rc .mid .grid-content table td
        {
            border-bottom: 1px solid #bdbec0;
            padding: 0px 0 3px 0;
        }

        .white-gray-rc .mid .grid-content tr td.brd-none
        {
            border: none;
            padding: 0;
        }

        .white-gray-rc .mid .grid-content tr td a
        {
            color: #50b948;
            font-weight: bold;
            text-decoration: underline;
        }

.total-pt-strip
{
    background: #35c000;
    height: 35px;
}

    .total-pt-strip .left
    {
        float: left;
        padding: 0px 0 0 30px;
        margin: 0 150px 0 0;
    }

        .total-pt-strip .left h1
        {
            font-family: Arial Narrow, Arial, Helvetica, sans-serif;
            font-size: 20px;
            font-stretch: condensed;
            font-weight: normal;
            color: #000;
        }

    .total-pt-strip .first
    {
        float: left;
        position: relative;
        margin: 0 0 0 0px;
    }

    .total-pt-strip .second
    {
        float: left;
        position: relative;
        margin: 0 0 0 125px;
    }
/*My Rewards style*/

/*Participation error log styles*/

.error-log-content
{
    float: left;
    font-family: Arial Narrow, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-stretch: condensed;
    max-height: 500px;
    overflow: auto;
    width: auto;
}


.error-log-table
{
    border-collapse: collapse;
}

    .error-log-table .error-log-header
    {
        border: solid 1px Black;
        background-color: Gray;
        min-width: 80px;
        padding: 2px;
    }

    .error-log-table .error-log-cell
    {
        border: solid 1px Black;
        min-width: 80px;
        padding: 2px;
    }

.RewardDefaultStyle
{
    color: Gray;
}
/*End of Participation error log styles*/

/* Start of Notification Page style */

.NotificationDate
{
    text-align: center;
}

/* End of Notification Page style */

/* Start of Rewards Page Rewards Page */
.RewardAlign
{
    text-align: right;
}
/* End of Rewards Page*/

/*My-Programs Start*/
.My-Prog-Description
{
    color: #616263;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*My-Programs End*/

/* My Benefits Start */

.benefitheader-headertitle
{
    height: 30px;
    width: 300px;
    overflow: hidden;
}

.benefitheader-disclaimertitle
{
    height: 40px;
    width: 300px;
    overflow: hidden;
}

.boldbutton
{
    font-weight: bold;
    background-color: Transparent;
    vertical-align: top;
    text-align: left;
    cursor: pointer;
}

.linkbutton
{
    background-color: Transparent;
    text-decoration: underline;
    cursor: pointer;
}

.undolinkbutton
{
    background-color: Transparent;
    cursor: pointer;
}
/* My Benefits End */

/* Generic classes */

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.Height20
{
    height: 20px;
}

.Height50
{
    height: 50px;
}

.paddingLeft15
{
    padding-left: 15px;
}

/* Tracker History Classes */

.historyGrid
{
    width: 670px;
    color: Black;
}

.historySave
{
    padding: 5px 0px 5px 5px;
}

.historyGridHeader
{
    font-size: 16px;
    padding-top: 10px;
    color: #616263;
}

.dateRangeHeader
{
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
}

.readonlyGridmessage
{
    font-size: 12px;
    padding-left: 15px;
    padding-top: 10px;
    color: Black;
}

.historyTimeInput
{
    width: 20px;
    font-size: 12px;
}

.historyDateInput
{
    width: 75px;
    font-size: 12px;
}

.historyDropDownInputs
{
    font-size: 12px;
}

.lineHeight
{
    line-height: 5px;
}



.ajax__calendar_inactive
{
    color: #dddddd;
}
/* Healthwise styles */

.hwContentDiv
{
    padding: 0px;
    padding-left: 2px;
    padding-right: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 650px;
}

.hwInnerDiv
{
    margin-left: 15px;
    margin-right: 20px;
}

.hwContentDiv table
{
    width: 100%;
}

.hwContentDiv td
{
    padding: 0px;
}

.hwHealthAnswersLogo
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_health answers_logo.png");
    background-repeat: no-repeat;
    min-width: 148px;
    max-width: 148px;
    width: 148px;
}

.hwHealthsearchCorners_left
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_search_corners_left.png");
    background-repeat: no-repeat;
    min-width: 8px;
    width: 8px;
    height: 20px;
}

.hwHealthsearch_Center
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/searchBg.png");
    background-repeat: repeat-x;
    height: 39px;
}

.hwHealthsearchCorners_right
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/SearchRightCorner.png");
    background-repeat: no-repeat;
    height: 39px;
    min-width: 10px;
    width: 10px;
}

.hwSearchTxt
{
    width: 400px;
    border-style: solid;
    border-color: Black;
    border-width: 1px;
    height: 14px;
    padding-top: 2px;
    margin-bottom: 3px;
    margin-left: 7px;
}

.hwSymptomsImg
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_symptoms_blue.png");
    background-repeat: no-repeat;
    height: 105px;
    min-width: 150px;
    width: 150px;
}


.hwSymptomsBgLeft
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/middle.png");
    background-repeat: repeat;
}

.hwSymptomsBgRight
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/right.png");
    width: 23px;
    min-width: 23px;
    max-width: 23px;
    background-repeat: no-repeat;
}

.hwVerticalSeprator
{
    height: 20px;
}

.hwHorizontalSeprator
{
    width: 20px;
}

.hwSymptomsText
{
    margin-left: 20px;
    color: #000000;
}

.hwUsingHealthCareTitle
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_healthcare_title.png");
    width: 299px;
    min-width: 299px;
    max-width: 299px;
    height: 27px;
    margin-top: 0px;
    margin-right: 2px;
    background-repeat: no-repeat;
}

.hwUsingHealthCareImage
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_healthcare_pic.png");
    width: 189px;
    min-width: 189px;
    max-width: 189px;
    height: 178px;
    background-repeat: no-repeat;
}

.hwCommonConditionsTitle
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_commoncond_title.png");
    width: 298px;
    min-width: 298px;
    max-width: 298px;
    height: 27px;
    background-repeat: no-repeat;
}

.hwCommonConditionsImage
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_commoncond_pic.png");
    width: 178px;
    min-width: 178px;
    max-width: 178px;
    height: 173;
    background-repeat: no-repeat;
}

.hwCalculatorsTitle
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_calculators_title.png");
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    height: 27px;
    background-repeat: no-repeat;
}

.hwCalculatorsImage
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_calculators_pic.png");
    width: 173px;
    min-width: 173px;
    max-width: 173px;
    height: 169px;
    background-repeat: no-repeat;
}

.hwLifestyleTitle
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_lifestyle_title.png");
    width: 301px;
    min-width: 301px;
    max-width: 301px;
    height: 25px;
    background-repeat: no-repeat;
}

.hwLifestyleImage
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_lifestyle_pic.png");
    width: 149px;
    min-width: 149px;
    max-width: 149px;
    height: 155px;
    background-repeat: no-repeat;
}

.hw_centers_heartImg
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_centers_heart.png");
    width: 166px;
    min-width: 166px;
    max-width: 166px;
    height: 43px;
    background-repeat: no-repeat;
}

.hw_centers_menImg
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_centers_mens.png");
    width: 166px;
    min-width: 166px;
    max-width: 166px;
    height: 38px;
    background-repeat: no-repeat;
}

.hw_centers_pediatricImg
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_centers_pediatric.png");
    width: 166px;
    min-width: 166px;
    max-width: 166px;
    height: 37px;
    background-repeat: no-repeat;
}

.hw_centers_womensImg
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_centers_womens.png");
    width: 166px;
    min-width: 166px;
    max-width: 166px;
    height: 41px;
    background-repeat: no-repeat;
}

.hw_pregnancyImg
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_pregnancy.png");
    width: 302px;
    min-width: 302px;
    max-width: 302px;
    height: 165px;
    background-repeat: no-repeat;
}

.hw_centerFiuresImg
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_centers_figures.png");
    width: 136px;
    min-width: 136px;
    max-width: 136px;
    height: 159px;
    background-repeat: no-repeat;
}

.hw_symptomCheckerImg
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/HA_symptom checker.png");
    width: 294px;
    min-width: 294px;
    max-width: 294px;
    height: 330px;
    background-repeat: no-repeat;
}

.hw_prgRight
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/prg_Right.png");
    width: 196px;
    min-width: 196px;
    max-width: 196px;
    height: 164px;
    background-repeat: no-repeat;
}

.hw_prgRightTop
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/prg_right_top.png");
    width: 144px;
    min-width: 144px;
    max-width: 144px;
    height: 85px;
    background-repeat: no-repeat;
}

.hw_SymptomsCheckerBtn
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/btnSymptomsChecker.png");
    width: 158px;
    min-width: 158px;
    max-width: 158px;
    height: 42px;
    background-repeat: no-repeat;
}

.hw_prgRightBottom
{
    background-image: url("/App_Themes/Theme1/images/Healthwise/prg_Right_bottom.png");
    width: 144px;
    min-width: 144px;
    max-width: 144px;
    height: 45px;
    background-repeat: no-repeat;
}

.hw_list_table
{
}

    .hw_list_table td a:link
    {
        font-family: Arial;
        font-size: 12px;
        color: #04a9d7;
        font-weight: bold;
    }

.hw_txt_symptomps
{
    font-size: 7pt;
    color: #000000;
}

    .hw_txt_symptomps td a:link
    {
        color: #000000;
    }

.hwContentDiv a:link
{
    text-decoration: none;
    color: #006d8e;
}

.hwContentDiv a:visited
{
    color: #003366;
    text-decoration: none;
}

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

#SearchResultSet
{
    background-color: Blue;
    width: 500px;
}

/* Healthwise styles End */



/* Healthwise styles End */
/* Generic classes */

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.Height20
{
    height: 20px;
}

.Height50
{
    height: 50px;
}

.paddingLeft15
{
    padding-left: 15px;
}

/* Tracker History Classes */

.historyGrid
{
    width: 670px;
    color: Black;
}

.historySave
{
    padding: 5px 0px 5px 5px;
}

.historyGridHeader
{
    font-size: 16px;
    padding-top: 10px;
    color: #616263;
}

.dateRangeHeader
{
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
}

.readonlyGridmessage
{
    font-size: 12px;
    padding-left: 15px;
    padding-top: 10px;
    color: Black;
}

.historyTimeInput
{
    width: 20px;
    font-size: 12px;
}

.historyDateInput
{
    width: 75px;
    font-size: 12px;
}

.historyDropDownInputs
{
    font-size: 12px;
}

.lineHeight
{
    line-height: 5px;
}



.ajax__calendar_inactive
{
    color: #dddddd;
}

/* Fitlinxx Classes */

.Fl_right_img
{
    padding-top: 20px;
}

.fl_TandC
{
    color: #0099cc;
    cursor: pointer;
    cursor: hand;
}
/*Fitlinxx popup specific classes start */

.fitLinxx-popup
{
    width: 450px;
    height: 600px;
    overflow: auto;
}

.fitLinxx-popup-header
{
    background: url(images/print_popup_hd.gif) repeat-x;
    color: #616263;
    height: 23px;
}

.fitLinxx-popup-header-text
{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0px 0px 5px;
    text-align: left;
}

.fitLinxx-popup-header-left
{
    float: left;
    width: auto;
}

.fitLinxx-popup-header-right
{
    float: right;
    padding: 4px;
    width: auto;
}

.fitLinxx-popup-content
{
    padding: 0px 10px 8px;
    background: #fff;
}

/* Groups related css classes*/
.container
{
    width: 100%;
    clear: both;
}

.col_left
{
    float: left;
    width: 25%;
    padding-right: 5pt;
}

.col_mid
{
    float: left;
    width: 65%;
    vertical-align: top;
}

.col_right
{
    float: right;
}

.grpPadding
{
    padding-left: 3px;
    vertical-align: top;
}

.emptyDiv
{
    height: 10px;
}

.cmbBoxwidth
{
    width: 25%;
}

.dateTextboxwidth
{
    width: 29%;
}

.valign
{
    vertical-align: top;
}

.noteAlert
{
    font-style: italic;
    text-align: right;
    font-size: 11px;
    color: Red;
}

.PrgHomeRegAlert
{
    line-height: 230%;
    width: 99px;
    padding: 1px 0px 0px 0px;
    margin: 1px 0px 0px 0px;
    font-size: 11px;
    color: #AAAAAA;
    text-align: center;
    background-image: url(/App_Themes/Theme1/images/Program_OpenRegistration.png);
    background-color: Transparent;
    height: 31px;
}

/* Groups related css classes*/
.container
{
    width: 100%;
    clear: both;
}

.col_left
{
    float: left;
    width: 25%;
    padding-right: 5pt;
}

.col_mid
{
    float: left;
    width: 65%;
    vertical-align: top;
}

.col_right
{
    float: right;
}

.grpPadding
{
    padding-left: 3px;
    vertical-align: top;
}

.emptyDiv
{
    height: 10px;
}

.cmbBoxwidth
{
    width: 25%;
}

.dateTextboxwidth
{
    width: 29%;
}

.valign
{
    vertical-align: top;
}

.noteAlert
{
    font-style: italic;
    text-align: right;
    font-size: 11px;
    color: Red;
}

.PrgHomeRegAlert
{
    line-height: 130%;
    width: 99px;
    padding: 1px 0px 0px 0px;
    margin: 1px 0px 0px 0px;
    font-size: 11px;
    color: #AAAAAA;
    text-align: center;
    background-image: url(/App_Themes/Theme1/images/Program_OpenRegistration.png);
    background-color: Transparent;
    height: 31px;
}
/*BBSpecific Classes*/
.topbarDivProgressBarBB
{
    position: relative;
    width: 100%;
    background-color: #ff9900;
    background-repeat: repeat-x;
    background-position: top;
    text-align: right;
    padding-top: 3px;
    text-align: right;
    font: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: bottom;
}

.surveyHeading
{
    font-size: 30px;
    color: #ffffff;
    font-family: Helvetica Neue Light;
}

.surveyHomeHeading
{
    font-family: Helvetica Neue Light;
    font-size: 50px;
    color: #ff9900;
}

.surveyHomeDisplayMessage1
{
    font-family: Arial;
    font-weight: bold;
    font-size: 17px;
    color: GrayText;
}

.surveyHomeDisplayMessage2
{
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    color: GrayText;
}

.stepIntroTitle
{
    position: relative;
    width: 100%;
    background-color: #ff6600;
    background-repeat: repeat-x;
    background-position: top;
    text-align: right;
    padding-top: 3px;
    text-align: right;
    font: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: middle;
}

.stepNormalText
{
    font-family: Arial;
    color: #333333;
    font-size: 14px;
}

.stepBoldText
{
    font-family: Arial;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.stepExtraBoldText
{
    font-family: Arial;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
}

.IntroStepMainPartsHeading1
{
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #37C4EE;
}

.IntroStepMainPartsHeading2
{
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #88C440;
}

.IntroStepMainPartsHeading3
{
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #498ECC;
}

.GetReadyTipsHeader
{
    float: left;
    color: White;
    width: 100%;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 2px;
    background: url(/App_Themes/Theme2/images/en-US/TIPS_Header_Gradient.png) top left repeat-y;
}

.TipsHeader
{
    font-weight: bold;
    font-size: 15px;
    font-family: Arial;
    color: White;
}

.GetReadyGradiantBackGround
{
    float: left;
    padding-left: 10px;
    padding-bottom: 10px;
    background: url(/App_Themes/Theme2/images/en-US/TIPS_1_through_4_GRADIENT.png) top left no-repeat;
}

.IntroStepMainPartsHeadingTable
{
    cellspacing: 0px;
    cellpadding: 0px;
}

.LiveSmokeFreeSurveyHeader
{
    float: left;
    color: White;
    width: 100%;
    vertical-align: middle;
    padding-left: 10px;
    padding-bottom: 3px;
    font-weight: bold;
    font-size: 14px;
    background: url(/App_Themes/Theme2/images/en-US/Survey_Subhead_background.png) top left repeat-y;
}

.Step2ChecklistDarkBackground
{
    background-image: url('/App_Themes/Theme2/images/en-US/Checklist_Background_Dark_gradient.png');
    background-repeat: repeat-y;
    height: 75px;
}

.Step2ChecklistLightBackground
{
    background-image: url('/App_Themes/Theme2/images/en-US/Checklist_Background_Light_gradient.png');
    background-repeat: repeat-y;
    height: 75px;
}

.Step2ChecklistHeader
{
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    color: Black;
}

.Step2ChecklistItemText
{
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    color: Black;
}

.Step2HelpfulItemsImageCell
{
    width: 148px;
    background-color: #cbe5ab;
    border-bottom: solid 1px white;
    vertical-align: top;
    padding-top: 20px;
}

.Step2HelpfulItemsTextCell
{
    width: 280px;
    background-color: White;
    border-bottom: solid 1px #cbe5ab;
    vertical-align: top;
    padding: 20px 15px 10px 10px;
}

.LiveSmokeFreeGradiantBackGround
{
    float: left;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 15px;
    background: url(/App_Themes/Theme2/images/en-US/Survey_instructions_background.png) top left repeat-y;
}

.step3ProgramEnd
{
    font-family: Arial;
    font-weight: bold;
    color: #3399ff;
    vertical-align: top;
}

.stepSmallText
{
    font-family: Arial;
    color: #333333;
    font-size: 9px;
    font-weight: bold;
}

.Step2CalendarBackGround
{
    background-repeat: no-repeat;
    background-image: url('/App_Themes/Theme2/images/en-US/Background_CalendarBox.png');
}
.DailyCheckinQuestion
{
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
}

.DailyCheckinGeneral
{
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    position: relative;
}

.QuitDayCalendarDay
{
    background-color: #ffffff !important;
    color: Black !important;
    font-family: Arial !important;
    font-size: 13px !important;
    padding: 1px !important;
    border: solid 1px #fafafa !important;
    height: 14px !important;
    width: 15px !important;
}

.QuitDaySelected td
{
    background-color: #88c540 !important;
    color: Black !important;
    font-family: Arial !important;
    padding: 1px !important;
    height: 14px !important;
    width: 15px !important;
}

.QuitDayOtherMonth
{
    background-color: #f4f4f6;
    border: solid 2px #fafafa;
    height: 15px;
    width: 15px;
    padding: 1px;
}

.QuitDayCalendarTitle td
{
    color: White !important;
    font-size: 15px !important;
    font-family: Arial !important;
    background-color: #88c440 !important;
}

.checkBoxPadding a
{
    top: 5px !important;
}

.checkBoxPadding label
{
    font-family: Arial !important;
    font-weight: normal !important;
    font-size: 14px !important;
}

.BBforgot-link
{
    font-family: Arial;
    font-weight: normal;
    font-size: 11.5px;
    color: #0068ff;
}

.BBlogin-Text
{
    font-family: Arial;
    font-weight: normal;
    font-size: 12px;
    color: #284b93;
}

.Captcha-TextBox P
{
    padding-left: 10px !important;
}

.Captcha-TextBox img
{
    padding-left: 200px !important;
}

img.bg
{
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%; /* Set up proportionate scaling */
    width: 100%;
    height: 100%; /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: cover;
    -moz-background-size: cover;
}

.EndSurveyNormalText
{
    font-family: Arial;
    color: #333333;
    font-size: 13px;
}

.EndSurveyBoldText
{
    font-family: Arial;
    font-weight: bold;
    color: #333333;
    font-size: 12px;
}

table.EndSurveyTable
{
    vertical-align: middle;
}

    table.EndSurveyTable td
    {
        min-height: 50px;
        border-color: #989e9a;
        border-style: solid;
        border-width: 1px;
        padding-left: 1px;
        padding-right: 5px;
        border-bottom-style: none;
        border-bottom-width: 0px;
    }

table.EndSurveyNRT td
{
    min-height: 35px;
    border-color: #989e9a;
    border-style: solid;
    border-width: 1px;
    padding-left: 1px;
    padding-right: 5px;
    border-bottom-style: none;
    border-bottom-width: 0px;
}

table.InnerTable td
{
    border-style: none;
    border-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 35px;
}

.EndSurveyBackgroundBlue
{
    background-color: #e3f1fe;
    height: 56px;
}

.EndSurveyBackgroundYellow
{
    background-color: #fefde8;
    height: 56px;
}

.EndSurveyNRTProductBlueBG
{
    background-color: #e3f1fe;
    height: 32px;
}

.EndSurveyNRTProductYellowBG
{
    background-color: #fefde8;
    height: 32px;
}

.EndSurveyRdBtn label
{
    margin-left: 5px;
    font-family: Arial;
    color: #333333;
    font-size: 13px;
    font-weight: 500;
}

textbox.Hidden
{
    display: none;
    width: 0px;
    border-style: none;
    border-width: 0px;
    border-collapse: collapse;
    visibility: collapse;
}

table.mylist input
{
    width: 15px;
    display: block;
    float: right;
    margin-left: -20px;
    margin-right: -2px;
    margin-top: 10px;
}

table.mylist td
{
    border-style: none !important;
    padding-left: 2px;
    padding-right: 5px;
}

table.mylist label
{
    width: 10px;
    display: block;
    margin-top: -10px;
    margin-left: 0px;
    color: #333333;
}

textarea.Feedback
{
    overflow: auto;
    font-family: Arial;
    color: #333333;
    font-size: 13px;
}

.GenderRdBtn label
{
    margin-left: 5px;
    font-family: Arial;
    color: #333333;
    font-size: 13px;
    font-weight: 500;
}

.WhyCoachHeader
{
    color: #00CCFF;
    font-weight: bold;
    font-size: 20px;
    font-family: Arial;
}

.CoachContactPrefix
{
    font-family: Arial;
    color: White;
    font-size: 14px;
    font-weight: bold;
}

.CoachContactNo
{
    font-family: Arial;
    color: White;
    font-size: 36px;
    font-weight: bold;
}

.MyDCTDiv
{
    width: 100%;
    height: 576px !important;
    overflow-x: hidden;
    overflow-y: auto !important;
    position: relative;
}



/* BB integration part II css START */
.tobbacoAttestation-popup
{
    width: 320px;
    height: auto;
    background-color: white;
}

.tobbacoAttestation-popup-header
{
    background: url(images/print_popup_hd.gif) repeat-x;
    color: #616263;
    height: 23px;
}

.tobbacoAttestation-popup-header-text
{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0px 0px 5px;
    text-align: left;
}

.tobbacoAttestation-popup-header-left
{
    float: left;
    width: auto;
}

.tobbacoAttestation-popup-header-right
{
    float: right;
    padding: 4px;
    width: auto;
}

.tobbacoAttestation-popup-content
{
    padding: 5px 10px 8px 10px;
    height: auto;
    background: #fff;
}

.bbRegisterBackground
{
    background-image: url(images/BreatheBetterBackgroundImageRegistration.png);
}

.bbRegisterOuterContainer
{
    border-width: 20px;
    border-style: solid;
    width: 100%;
    border-color: #A1ECFF;
}

.bbRegisterInnerContainer
{
    border-width: 16px;
    vertical-align: top;
    border-top-width: 8px;
    border-style: solid;
    border-color: #00CCFF;
}

.bbRegSubmitButton
{
    padding: 10px 0px 10px 0px;
    cursor: hand;
}

.bbPadBottom
{
    padding-bottom: 5px;
}

.BBRegNormalText
{
    font-family: Arial;
    color: #333333;
    font-size: 13px;
}

.BBRegBoldText
{
    font-family: Arial;
    font-weight: bold;
    color: #333333;
    font-size: 12px;
}

.BBRegRdBtn label
{
    margin-left: 5px;
}

/* Challenges CSS classes */
.challengePanel
{
    width: 96%;
    height: 100%;
    border: 1px;
    border-style: solid;
    padding: 4px;
}

.divleft
{
    width: 152px;
    float: left;
}

.divright
{
    display: block;
    margin-left: 152px;
}

.divMandatory
{
    color: red;
    float: left;
    width: 8px;
}

.divempty
{
    height: 20px;
    display: block;
}

.disableResize
{
    resize: none;
}

.divInnerLeft
{
    width: 210px;
    float: left;
}

.divInnerLeftSide
{
    width: 80px;
    float: left;
}

.divInnerRight
{
    display: block;
    margin-left: 220px;
}

.divInnerRightSide
{
    display: block;
    margin-left: 82px;
}

.txtwidth
{
    width: 400px !important;
}

.mediumSize
{
    width: 100px !important;
}

.gtvDyanamicHeight
{
    height: 24px;
}

.txtpaddingleft
{
    margin-left: 5px;
    width: 50px;
}

.genericWidth, .genericWidth
{
    width: 120px !important;
}

.manageChatterwidth
{
    width: 200px !important;
}

.txtAlign
{
    vertical-align: top;
    width: 198px !important;
}

.smallPadding
{
    padding-right: 2px;
}

.txtMultilinewidth
{
    width: 350px !important;
}

.BBValsummary
{
    text-align: center;
    padding-top: 5px;
}
/* BB integration part II css END */


.CompositGridCell
{
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #000000;
    font-size: 12px;
    font-weight: normal;
    color: #333;
}

.CompositGridRowHeader
{
    font-weight: bold;
    font-size: 14px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #000000;
}

.CompositGridColumnHeader
{
    font-weight: bold;
    font-size: 14px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #000000;
}

.divleft_align
{
    float: left;
    width: 148px;
}

.divright_align
{
    display: block;
    margin-left: 148px;
}

.GTVWidth
{
    width: 130px !important;
}


.white-rc .divHealthWidget
{
    width: 330px;
    float: right;
    padding: 0px 0 0 10px;
    margin-right: 16px;
}

/* Following styles are for the LapCorp form  */
/* LabCorp form css starts */
.labCorpTitle1
{
    font-weight: bold;
    font-size: 18px;
}

.labCorpTitle2
{
    font-weight: bold;
    font-size: 16px;
}

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

.labCorpFormMessage
{
    font-weight: bold;
    font-size: 15px;
}

.labCorpFormMsgBackground
{
    background-color: #FFF7C0;
}

.labCorpFormBackground
{
    background-color: #FFF7C0;
    border: solid;
    border-width: thin;
    border-color: darkgray;
    border-width: thin;
}

.labCorpForm
{
    margin: auto;
    border-style: solid;
    border-width: thin;
    border-color: darkgray;
}
/* LabCorp form css ends */

/*Device Integration css starts*/

.labelNoWrap
{
    white-space: nowrap;
}

.imgExpandCollapse
{
    cursor: pointer;
}

.devices-accordionIcon
{
    float: left;
}

.deviceInstruction
{
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.device-accordion
{
    margin: 6px 0 0 0;
    float: left;
}

.divAnswer
{
}

.devices-question
{
    padding-left: 15px;
}

.devices-answer
{
    padding-left: 15px;
}

.deviceAnsFirstPara
{
    margin-top: 5px;
}

.deviceAnsMiddlePara
{
    margin-bottom: 10px;
    margin-top: 10px;
}

.deviceAnsLastPara
{
    margin-bottom: 15px;
}

.devices-subHeader
{
    font-size: larger;
    font-weight: bold;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.helpText-popup
{
    width: 600px;
    height: auto;
}

.helpText-popup-header
{
    background: url(images/print_popup_hd.gif) repeat-x;
    color: #616263;
    height: 23px;
    padding: 0;
}

.helpText-popup-header-text
{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0px 0px 5px;
    text-align: left;
}

.helpText-popup-header-left
{
    float: left;
    width: auto;
}

.helpText-popup-header-right
{
    float: right;
    padding: 4px;
    width: auto;
}

.helpText-popup-content
{
    padding: 10px 0px 0px 8px;
    background-color: #fff;
    height: auto;
    padding: 15px 15px 40px 15px;
}

.helpText-popup-closeBtn
{
    float: right;
    padding-right: 10px;
}

.helpText-ul
{
    padding-left: 12px;
    margin-top: 0;
    margin-bottom: 0;
}

/*Css for the table that contains logo and vendor */
.deviceDetailTitle
{
    margin-bottom: 5px;
    border: 0px !important;
}

/*Css for Logo td*/
.deviceDetailLogo
{
    border: 0px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
    vertical-align: bottom;
}

/*Css for Vendor name td*/
.deviceDetailVendorName
{
    border: 0px !important;
    font-size: large;
    font-weight: bold;
}

/*Css for the table that contains the device details*/
.deviceDetailsTable
{
    border-collapse: collapse;
    width: 98%;
    margin-bottom: 15px;
}

/*Css for the header td in the device details table*/
.deviceDetailHeader
{
    border: 1px solid black !important;
    width: 25%;
    padding: 5px;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: top;
}

/*Css for the content td in the device details table*/
.deviceDetailContent
{
    border: 1px solid black !important;
    padding: 5px 10px 5px 5px;
}

/*Paragraph tag inside deviceDetailContent*/
.deviceDetailContent-p1
{ margin-top: 0;}
.deviceDetailContent-p2
{ margin-bottom: 0;}

/*Device Integration css ends*/

/*Admin-Devices css starts*/
.forceUpdate-popup
{
    width: 600px;
    height: auto;
}

.forceUpdate-popup-header
{
    background: url(images/print_popup_hd.gif) repeat-x;
    color: #616263;
    height: 23px;
    padding: 0;
}

.forceUpdate-popup-header-left
{
    float: left;
    width: auto;
}

.forceUpdate-popup-header-text
{
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0px 0px 5px;
    text-align: left;
}

.forceUpdate-popup-header-right
{
    float: right;
    padding: 4px;
    width: auto;
}

.forceUpdate-popup-content
{
    padding: 10px 0px 0px 8px;
    background-color: #fff;
    height: auto;
    padding: 15px 15px 40px 15px;
}

.forceUpdate-popup-closeBtn
{
    float: right;
    padding-right: 10px;
}

/*Admin-Devices css ends*/

.impersonation {
    display: none;
}

/*DateRange popup specific classes end */

.appointment-calendar-region
{
    background: #fff url('images/Trackers/calendar_bg.gif') repeat-x left top;
    border: #616263 1px solid;
    padding: 5px 3px 5px 3px;
    width: 188px;
    height: 225px;
}

.appointment-calendar
{
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    width: 100%;
}

.appointment-calendar-title
{
    background: Silver;
    color: #fff;
    border-width: 0px;
    border-style: none;
    font-size: 15px;
    text-transform: uppercase;
}

.appointment-calendar-day-header
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.appointment-calendar-day
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.appointment-calendar-selected-day
{
    border: solid 1px #616263;
    background:#616263 repeat-x 50% top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 17px;
    width: 17px;
    color: black;
    background-color:#616263
}